@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:#3e3e3e; z-index:2}
.banner .item .title{ font-size:64px; line-height:1; font-weight:bold}
.banner .item .intro{ font-size:36px; margin-top:25px}
.banner .item .more{ margin-top:80px; background:url(g_02.png) left center no-repeat; line-height:57px; padding-left:45px; font-size:14px; font-weight:bold; text-transform:uppercase}
.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:#999; opacity:1; border-radius:0; padding:0; margin:0 5px;}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ background:#0075c2}
.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{ margin-top:60px; background:url(g_02.png) left center no-repeat; background-size:auto 45px; line-height:45px; padding-left:35px;  }
	.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{ margin-top:40px; background:url(g_02.png) left center no-repeat; background-size:auto 35px; line-height:35px; padding-left:28px; 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{ margin-top:30px; background:url(g_02.png) left center no-repeat; background-size:auto 30px; line-height:30px; padding-left:22px; font-size:12px}
	.banner .prev01{ width:10px; left:1%}
	.banner .next01{ width:10px; right:1%}	
	.banner .swiper01 .pagination01 span{ width:32px; height:3px;}	
}


.ihd{ display:flex; align-items: center; justify-content: space-between; }
.ihd .title .en{ font-size:42px; font-weight:bold; color:#3f3f3f; font-family:impact; line-height:1; text-transform:uppercase}
.ihd .title .cn{ font-size:36px; color:#000000; font-weight:bold; line-height:1; margin-top:10px}
.ihd .title .cn i{ color:#0075c2}
.ihd .more a{ display:block; background:url(g_07.png) left center no-repeat; line-height:57px; padding-left:45px; font-size:14px; font-weight:bold; text-transform:uppercase}
@media (max-width: 1600px){
	.ihd .title .en{ font-size:32px;  }
	.ihd .title .cn{ font-size:24px; }
	.ihd .more a{ background-size:auto 45px; line-height:45px; padding-left:35px;}
}
@media (max-width: 1200px){
	.ihd .title .en{ font-size:24px; }
	.ihd .title .cn{ font-size:18px; margin-top:6px   }
	.ihd .more a{ background-size:auto 35px; line-height:35px; padding-left:28px; font-size:12px}
}
@media (max-width: 750px){
	.ihd .title .en{ font-size:16px; }
	.ihd .title .cn{ font-size:16px; }
	.ihd .more a{ background-size:auto 30px; line-height:30px; padding-left:22px; font-size:12px}
}

/*.itop{ margin-top:110px;}
@media (max-width: 1600px){
	.itop{ margin-top:100px;}
}
@media (max-width: 1200px){
	.itop{ margin-top:60px;}
}
@media (max-width: 750px){
	.itop{ margin-top:40px;}
}*/
.gcon_1{ padding:110px 0; background:url(p2.jpg) center center no-repeat; background-size:cover}
.gcon_1 .ibd{ margin-top:90px;}
.gcon_1 .ibd .swiper_01{ width:100%; box-sizing:border-box; border:1px solid #d2d2d2; border-right:0; overflow:hidden}
.gcon_1 .ibd .swiper_01 .swiper-slide{ width:20%; box-sizing:border-box; border-right:1px solid #d2d2d2}
.gcon_1 .ibd .swiper_01 .swiper-slide .pic{ width:100%; overflow:hidden; border-bottom:1px solid #d2d2d2}
.gcon_1 .ibd .swiper_01 .swiper-slide .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_1 .ibd .swiper_01 .swiper-slide: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_1 .ibd .swiper_01 .swiper-slide .cont{ padding:30px 20px; box-sizing:border-box}
.gcon_1 .ibd .swiper_01 .swiper-slide .cont .title{ background:url(g_09.png) right center no-repeat,url(g_11.png) left center no-repeat; padding: 0 35px 0 20px; box-sizing:border-box; font-size:18px; color:#3f3f3f; font-weight:bold}
.gcon_1 .ibd .swiper_01 .swiper-slide .cont .intro{ font-size:14px; color:#000000; line-height:25px; height:175px;   margin-top:20px}
.gcon_1 .ibd .swiper_01 .swiper-slide:hover .cont{ background:#0075c2}
.gcon_1 .ibd .swiper_01 .swiper-slide:hover .title{ background:url(g_10.png) right center no-repeat,url(g_12.png) left center no-repeat; color:#fff}
.gcon_1 .ibd .swiper_01 .swiper-slide:hover .cont .intro{ color:#fff}
@media (max-width: 1600px){
	.gcon_1{ padding:100px 0}
	.gcon_1 .ibd{ margin-top:60px;}
	.gcon_1 .ibd .swiper_01 .swiper-slide .cont{ padding:25px 15px; }
	.gcon_1 .ibd .swiper_01 .swiper-slide .cont .title{ background-size:20px,9px;padding: 0 30px 0 16px;   font-size:16px;}
	.gcon_1 .ibd .swiper_01 .swiper-slide .cont .intro{ font-size:12px; line-height:20px; height:140px; margin-top:15px}
	.gcon_1 .ibd .swiper_01 .swiper-slide:hover .cont{ background:#0075c2}
	.gcon_1 .ibd .swiper_01 .swiper-slide:hover .title{ background-size:20px,9px;}

}
@media (max-width: 1200px){
	.gcon_1{ padding:60px 0}
	.gcon_1 .ibd{ margin-top:40px;}
	.gcon_1 .ibd .swiper_01 .swiper-slide{ width:33.3333333333333333333333333333333333333333333333333333%}
	.gcon_1 .ibd .swiper_01 .swiper-slide .cont{ padding:20px 15px; }
	.gcon_1 .ibd .swiper_01 .swiper-slide .cont .title{ font-size:16px;}

}
@media (max-width: 750px){
	.gcon_1{ padding:40px 0}
	.gcon_1 .ibd .swiper_01 .swiper-slide{ width:80%}
	.gcon_1 .ibd .swiper_01 .swiper-slide .cont .intro{  height:120px; }
}

.gcon_2{ background:#e1e1e1; padding:110px 0}
.gcon_2 .ibd{ margin-top:90px}
.gcon_2 .ibd .item{ width:32%; float:left; margin-right:2%}
.gcon_2 .ibd .item:nth-child(3){ margin-right:0}
.gcon_2 .ibd .item .pic{ width:100%; overflow:hidden; border-bottom:1px solid #d2d2d2}
.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 .cont{ margin-top:25px}
.gcon_2 .ibd .item .cont .title{ background:url(g_18.png) right center no-repeat ; padding: 0 50px 0 0 ; box-sizing:border-box; font-size:22px; color:#3f3f3f; font-weight:bold}
.gcon_2 .ibd .item .cont .intro{ font-size:16px; color:#000000; line-height:25px; height:50px; overflow:hidden; margin-top:20px}
.gcon_2 .ibd .item:hover .cont .title{ background:url(g_19.png) right center no-repeat ; color:#0170b9}
@media (max-width: 1600px){
	.gcon_2{ padding:100px 0}
	.gcon_2 .ibd{ margin-top:60px}
	.gcon_2 .ibd .item .cont{ margin-top:20px}
	.gcon_2 .ibd .item .cont .title{ background-size:28px; padding: 0 40px 0 0 ; font-size:20px; }
	.gcon_2 .ibd .item .cont .intro{ font-size:14px; }
	.gcon_2 .ibd .item:hover .cont .title{ background-size:28px;}

}
@media (max-width: 1200px){
	.gcon_2{ padding:60px 0}
	.gcon_2 .ibd{ margin-top:40px}
	.gcon_2 .ibd .item .cont{ margin-top:15px}
	.gcon_2 .ibd .item .cont .title{ background-size:22px; padding: 0 30px 0 0 ; font-size:18px; }
	.gcon_2 .ibd .item .cont .intro{ font-size:12px; margin-top:12px }
	.gcon_2 .ibd .item:hover .cont .title{ background-size:22px;}
}
@media (max-width: 750px){
	.gcon_2{ padding:40px 0}
	.gcon_2 .ibd{ margin-top:0}
	.gcon_2 .ibd .item{ width:100%; margin-top:20px;}
	.gcon_2 .ibd .item .cont .title{font-size:16px; }
	.gcon_2 .ibd .item .cont .intro{ margin-top:10px }
}