@charset "utf-8";
.banner{ width:100%;  position:relative; overflow:hidden}
.banner .swiper01 { width:100%; }
.banner .swiper-slide{ width:100%;   overflow:hidden; position:relative;   background:#fff}
.banner .swiper-slide a{ display:block; width:100%; }
.banner .swiper-slide>img{ width:100%;}
.banner img.img1{ display:block; width:100%;  }
.banner img.img2{ display:none; width:100%;}
.banner .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; z-index:2}
.banner .item .title{ font-size:56px; line-height:1; font-weight:bold}
.banner .item .intro{ font-size:30px; margin-top:25px}
.banner .item .more{display:flex; align-items: center; justify-content: center; width:145px; height:50px; margin-top:20px; font-size:16px; color:#fff; box-sizing:border-box; border:1px solid rgba(255,255,255,0.3); margin-top:50px}
.banner .swiper01  .pagination01{ width:100%; position:absolute; text-align:center; font-size:0; left:0; bottom:8%; z-index:2}
.banner .swiper01 .pagination01 span{ width:45px; height:4px; background:rgba(255,255,255,0.5); opacity:1; border-radius:0; padding:0; margin:0 5px;}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ background:#fff}
.banner .prev01{ background:url(preva.png) center center no-repeat; background-size:100%; width:32px; height:58px; position:absolute; left:2.5%; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
.banner .next01{ background:url(nexta.png) center center no-repeat; background-size:100%; width:32px; height:58px; position:absolute; right:2.5%; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
.banner .item .nr{ top:150px; opacity:0; transition:all 0.5s; position:relative}
.banner .swiper01 .swiper-slide-active .item .nr{ top:0; opacity:1}

@media (max-width: 1600px){
	.banner .item .title{ font-size:42px; }
	.banner .item .intro{ font-size:22px; margin-top:20px}
	.banner .item .more{ width:125px; height:40px; font-size:14px; margin-top:40px}
	.banner .prev01{ width:22px}
	.banner .next01{ width:22px}

}
@media (max-width: 1200px){
	.banner .item .title{ font-size:32px; }
	.banner .item .intro{ font-size:16px; }
	.banner .item .more{ width:110px; height:32px; font-size:12px; }
	.banner .prev01{ width:16px; left:1%}
	.banner .next01{ width:16px; right:1%}	
}
@media (max-width: 750px){
	.banner img.img2{ display:block; width:100%;}
	.banner img.img1{ display:none; width:100%;}
	.banner .item .title{ font-size:20px; }
	.banner .item .intro{ font-size:14px; }
	.banner .item .more{ width:100px; height:30px; }
	.banner .prev01{ width:10px; left:1%}
	.banner .next01{ width:10px; right:1%}	
	.banner .swiper01 .pagination01 span{ width:32px; height:3px;}	
}

.gcon_1{display:flex; align-items: center; justify-content: center; margin-top:40px}
.gcon_1 .form{ width:fit-content; position:relative}
.gcon_1 .form .inp1{ width:740px; height:60px; box-sizing:border-box; border:1px solid #dedede; background:#f7f7f7; border-radius:30px; padding:0 100px 0 30px; font-size:16px; color:#333}
.gcon_1 .form .inp1::placeholder{ appearance:none; -webkit-appearance:none; opacity:1; color:#808080}
.gcon_1 .form .inp2{ background:url(g_05.jpg) center center no-repeat; width:94px; height:60px; position:absolute; right:0; top:0; z-index:2; cursor:pointer; border-radius:30px}
@media (max-width: 1600px){
	.gcon_1 .form .inp1{ width:600px; height:56px; border-radius:28px; font-size:14px; }
	.gcon_1 .form .inp2{ height:56px; border-radius:28px;}

}
@media (max-width: 1200px){
	.gcon_1 .form .inp1{ width:260px; height:50px; border-radius:25px; font-size:12px; padding:0 80px 0 25px }
	.gcon_1 .form .inp2{ height:50px; width:80px; background-size:cover; border-radius:25px;}

}


.ihd .title{ font-size:42px; color:#333333; line-height:1}
@media (max-width: 1600px){
	.ihd .title{ font-size:32px;}
}
@media (max-width: 1200px){
	.ihd .title{ font-size:24px;}
}
@media (max-width: 750px){
	.ihd .title{ font-size:20px;}
}
.gcon_2{ margin-top:100px}
.gcon_2 .ibd{ margin-top:40px}
.gcon_2 .ibd .item{ width:calc(492 / 1540 * 100%); float:left; margin-right:calc(32 / 1540 * 100%); border-radius:10px; overflow:hidden; position:relative; margin-bottom:30px}
.gcon_2 .ibd .item:nth-child(2){ width:calc(1016 / 1540 * 100%); margin-right:0}
.gcon_2 .ibd .item:nth-child(n+3){ margin-bottom:0}
.gcon_2 .ibd .item .pic{ width:100%; position:relative; overflow:hidden}
.gcon_2 .ibd .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_2 .ibd .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_2 .ibd .item:nth-child(5){ margin-right:0}
.gcon_2 .ibd .item .pic:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:linear-gradient(to bottom, rgba(255,255,255,0) 50%,rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.8) 100%);}
.gcon_2 .ibd .item .bt{ width:106px; height:38px; box-sizing:border-box; border:1px solid #fff; color:#fff;display:flex; align-items: center; justify-content: center; position:absolute; left:40px; top:40px; border-radius:5px; font-size:18px; font-weight:bold}
.gcon_2 .ibd .item .cont{ position:absolute; left:0; bottom:-55px; z-index:2; width:100%; box-sizing:border-box; padding:35px 40px; transition:all 0.3s}
.gcon_2 .ibd .item .cont .title{ font-size:24px; font-weight:bold; color:#fff}
.gcon_2 .ibd .item .cont .intro{ font-size:18px; font-weight:bold; color:rgba(255,255,255,0.8); margin-top:10px; padding-bottom:35px; transition:all 0.5s}
.gcon_2 .ibd .item .cont .more{ font-size:18px; color:rgba(255,255,255,0.5); line-height:20px;}
.gcon_2 .ibd .item:hover .pic:after{ background:url(abj1.png) center center no-repeat; background-size:cover}
.gcon_2 .ibd .item:hover .cont{ bottom:0}
.gcon_2 .ibd .item:hover .cont .intro{ padding-bottom:20px}
@media (max-width: 1600px){
	.gcon_2{ margin-top:80px}
	.gcon_2 .ibd{ margin-top:30px}
	.gcon_2 .ibd .item{ margin-bottom:25px}
	.gcon_2 .ibd .item .bt{ width:100px; height:34px; left:30px; top:30px; font-size:16px;}
	.gcon_2 .ibd .item .cont{ padding:25px 30px;}
	.gcon_2 .ibd .item .cont .title{ font-size:20px; }
	.gcon_2 .ibd .item .cont .intro{ font-size:16px;  }
	.gcon_2 .ibd .item .cont .more{ font-size:16px;  }
}
@media (max-width: 1200px){
	.gcon_2{ margin-top:40px}
	.gcon_2 .ibd{ margin-top:20px}
	.gcon_2 .ibd .item{ margin-bottom:2%}
	.gcon_2 .ibd .item .bt{ height:30px; width:90px; left:20px; top:20px; font-size:14px;}
	.gcon_2 .ibd .item .cont{ padding:16px 20px;}
	.gcon_2 .ibd .item .cont .title{ font-size:16px; }
	.gcon_2 .ibd .item .cont .intro{ font-size:12px; margin-top:6px; padding-bottom:30px  }
	.gcon_2 .ibd .item .cont .more{ font-size:12px; }
	.gcon_2 .ibd .item:hover .cont .intro{ padding-bottom:10px}
}
@media (max-width: 750px){
	/*.gcon_2 .ibd .item{ width:100%; margin-right:0; margin-bottom:12px}
	.gcon_2 .ibd .item:nth-child(2){ width:100%}
	.gcon_2 .ibd .item:nth-child(n+3){ margin-bottom:12px}*/
}
@media (max-width: 750px){
	.gcon_2 .ibd{ padding-bottom:calc(48% + 70px); position:relative}
	.gcon_2 .ibd .item{ width:48.5%; margin-right:3%; margin-bottom:3%; background:#f5f5f5; border-radius:5px}
	.gcon_2 .ibd .item:nth-child(3){ margin-right:0}
	.gcon_2 .ibd .item:nth-child(2){ width:100%; position:absolute; left:0; bottom:0}
	.gcon_2 .ibd .item:nth-child(n+3){ margin-bottom:3%}
	.gcon_2 .ibd .item .bt{ position:relative; left:auto; top:auto; border:0; padding:0; margin:0; background:none; font-size:12px; color:#999999; width:fit-content; text-align:left; padding:20px 15px 15px}
	.gcon_2 .ibd .item .cont{ position:relative; left:auto; bottom:auto; top:auto; border:0; padding:0; margin:0; background:none; font-size:14px; color:#333}
	.gcon_2 .ibd .item .cont .title{ color:#333; font-size:16px; line-height:22px; height:44px; font-weight:normal; padding:0 15px 15px}
	.gcon_2 .ibd .item .cont .intro{ display:none}
	.gcon_2 .ibd .item .cont .more{ display:none}
	.gcon_2 .ibd .item:nth-child(4)  .cont .title{ height:66px}
	.gcon_2 .ibd .item:nth-child(5)  .cont .title{ height:66px}
	.gcon_2 .ibd .item:nth-child(2)  .cont .title{ height:22px}
	
}

.gcon_3{ margin-top:100px}
.gcon_3 .ibd{ margin-top:100px}
.gcon_3 .ibd .item{ float:left; margin-right:200px; margin-bottom:100px}
.gcon_3 .ibd .item:nth-child(4n){ margin-right:0}
.gcon_3 .ibd .item a{ display:block;display:flex; align-items: center; }
.gcon_3 .ibd .item a .pic{ width:110px;}
.gcon_3 .ibd .item a .pic img{ width:100%}
.gcon_3 .ibd .item a .title{ width:110px; text-align:center; font-size:24px; color:#333333; margin-left:15px}
.gcon_3 .ibd .item a .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_3 .ibd .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_3 .ibd .item:hover a .title{ color:#663b93; font-weight:bold}
.imore{ text-align:center}
.imore a{ color:#333333; font-size:24px;}
.imore a:hover{ font-weight:bold; color:#663b93}
@media (max-width: 1600px){
	.gcon_3{ margin-top:80px}
	.gcon_3 .ibd{ margin-top:80px}
	.gcon_3 .ibd .item{ margin-right:113px; margin-bottom:80px}
	.gcon_3 .ibd .item a .pic{ width:100px;}
	.gcon_3 .ibd .item a .title{ width:100px;  font-size:20px; }
	.imore a{font-size:20px;}
}
@media (max-width: 1200px){
	.gcon_3{ margin-top:40px}
	.gcon_3 .ibd{ margin-top:40px}
	.gcon_3 .ibd .item{ margin-right:calc( (100% - 560px) / 3); margin-bottom:40px}
	.gcon_3 .ibd .item a .pic{ width:60px;}
	.gcon_3 .ibd .item a .title{ width:70px;  font-size:16px; margin-left:10px }
	.imore a{font-size:16px;}
}
@media (max-width: 750px){
	/*.gcon_3 .ibd .item{ margin-right:calc( 100% - 280px); margin-bottom:40px}
	.gcon_3 .ibd .item:nth-child(2n){ margin-right:0}
	.gcon_3 .ibd .item:nth-child(2n){ margin-right:0}
	.gcon_3 .ibd .item a .pic{ width:60px;}
	.gcon_3 .ibd .item a .title{ width:70px;  font-size:16px; margin-left:10px }
	.imore a{font-size:16px;}*/
}
@media (max-width: 750px){
	.gcon_3 .ibd{ margin-top:30px}
	.gcon_3 .ibd .item{ display:block; width:22%; margin-right:4%; text-align:center; margin-bottom:20px}
	.gcon_3 .ibd .item a{ display:block;}
	.gcon_3 .ibd .item a .pic{ width:100%;}
	.gcon_3 .ibd .item a .pic img{ width:80%}
	.gcon_3 .ibd .item a .title{ width:100%;  font-size:14px; margin-left:0; margin-top:10px }
	.imore a{font-size:14px;}
}

.gcon_4{ width:100%; position:relative; color:#fff; margin-top:100px}
.gcon_4 .pic{ width:100%;}
.gcon_4 .pic img{ width:100%}
.gcon_4 .pic .img1{ display:block}
.gcon_4 .pic .img2{ display:none}
.gcon_4 .cont{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); z-index:2}
.gcon_4 .cont .title{ font-size:28px;}
.gcon_4 .cont .intro{ font-size:62px; margin-top:20px}
@media (max-width: 1600px){
	.gcon_4{ margin-top:80px}
	.gcon_4 .cont .title{ font-size:24px;}
	.gcon_4 .cont .intro{ font-size:50px }

}
@media (max-width: 1200px){
	.gcon_4{ margin-top:40px}
	.gcon_4 .cont .title{ font-size:20px;}
	.gcon_4 .cont .intro{ font-size:36px }
}
@media (max-width: 750px){
	.gcon_4 .pic .img2{ display:block}
	.gcon_4 .pic .img1{ display:none}
	.gcon_4 .cont .title{ font-size:16px;}
	.gcon_4 .cont .intro{ font-size:24px }
}


.gcon_5{ margin:100px 0}
.gcon_5 .ibd{ margin-top:50px; display:flex; margin-bottom:50px}
.gcon_5 .ibd .item{ width:440px; margin-right:30px; border-radius:10px; overflow:hidden; background:#f5f5f5}

.gcon_5 .ibd .item .pic{ width:100%; overflow:hidden; position:relative}
.gcon_5 .ibd .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_5 .ibd .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_5 .ibd .item .pic span{display:flex; align-items: center; justify-content: center; width:96px; height:36px; background:rgba(0,0,0,0.5); color:#fff; border-radius:0 0 10px 0; position:absolute; left:0; top:0; z-index:2; font-size:14px;}
.gcon_5 .ibd .item .cont{ width:100%; height:240px; box-sizing:border-box; padding:35px 20px;}
.gcon_5 .ibd .item .cont .time{ background:url(g_16.png) left center no-repeat; padding-left:20px; font-size:14px; color:#999999}
.gcon_5 .ibd .item .cont .title{ font-size:18px; color:#333333; font-weight:bold; line-height:30px; height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:15px}
.gcon_5 .ibd .item .cont .intro{ font-size:14px; color:#999999; line-height:24px; height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:20px}
.gcon_5 .ibd .item:hover .cont .title{ color:#663b93}
.gcon_5 .ibd .rt{ width:600px; height:490px; background:#f5f5f5; box-sizing:border-box; border-radius:10px; overflow:hidden }
.gcon_5 .ibd .rt .bt{display:flex; align-items: center; justify-content: center; width:96px; height:36px; background:rgba(0,0,0,0.5); color:#fff; border-radius:0 0 10px 0; font-size:14px }
.gcon_5 .ibd .rt ul{ padding:10px 20px}
.gcon_5 .ibd .rt ul li{ padding:22px 0; border-bottom:1px solid #e7e7e7; position:relative}
.gcon_5 .ibd .rt ul li .time{ font-size:14px; color:#999999}
.gcon_5 .ibd .rt ul li .title{ font-size:18px; color:#333333; margin-top:15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_5 .ibd .rt ul li:last-child{ border:0}
.gcon_5 .ibd .rt ul li:hover .title{ color:#000; font-weight:bold}
.gcon_5 .ibd .rt ul li:after{ content:""; display:block; width:0; height:1px; background:#663b93; position:absolute; left:0; bottom:0; z-index:2; transition:all 0.3s}
.gcon_5 .ibd .rt ul li:hover:after{ width:100%}
.gcon_5 .ibd .rt ul li:last-child:hover:after{ width:0%}
@media (max-width: 1600px){
	.gcon_5{ margin:80px 0}
	.gcon_5 .ibd{ margin-top:40px; margin-bottom:40px}
	.gcon_5 .ibd .item{ width:340px; margin-right:20px; }
	.gcon_5 .ibd .item .pic span{ width:90px; height:32px; font-size:12px}
	.gcon_5 .ibd .item .cont{ padding:30px 20px; height:auto}
	.gcon_5 .ibd .item .cont .time{ background-size:12px; font-size:12px;}
	.gcon_5 .ibd .item .cont .title{ font-size:16px; line-height:28px; height:56px;}
	.gcon_5 .ibd .item .cont .intro{ font-size:12px; line-height:22px; height:44px; }
	.gcon_5 .ibd .rt{ width:480px; height:auto}
	.gcon_5 .ibd .rt .bt{ width:90px; height:32px; font-size:12px}
	.gcon_5 .ibd .rt ul{ padding:5px 20px}
	.gcon_5 .ibd .rt ul li{ padding:18px 0; }
	.gcon_5 .ibd .rt ul li .time{ font-size:12px; color:#999999}
	.gcon_5 .ibd .rt ul li .title{ font-size:16px; margin-top:10px }
	.gcon_5 .ibd .rt ul li:last-child{ border:0}
	.gcon_5 .ibd .rt ul li:hover .title{ color:#000; font-weight:bold}
	.gcon_5 .ibd .rt ul li:after{ content:""; display:block; width:0; height:1px; background:#663b93; position:absolute; left:0; bottom:0; z-index:2; transition:all 0.3s}
	.gcon_5 .ibd .rt ul li:hover:after{ width:100%}
	.gcon_5 .ibd .rt ul li:last-child:hover:after{ width:0%}

}
@media (max-width: 1200px){
	.gcon_5{ margin:40px 0}
	.gcon_5 .ibd{ margin-top:30px; margin-bottom:30px; display:block}
	.gcon_5 .ibd .item{ width:48%; margin-right:4%; float:left; margin-bottom:30px }
	.gcon_5 .ibd .item:nth-child(2){ margin-right:0}
	.gcon_5 .ibd .rt{ width:100%;  float:left}

}
@media (max-width: 750px){
	.gcon_5 .ibd .item{ width:100%; margin-bottom:20px}

}