@charset "utf-8";
.banner{ width:100%; position:relative}
.banner img{ width:100%}
.banner img.img1{ display:block}
.banner img.img2{ display:none}
.banner .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2}
.banner .item .nr{ position:relative; top:150px; transition:all 0.8s linear; opacity:0}
.banner .item .title{  font-size:44px; color:#fff; line-height:1;  }
.banner .item .title em{ color:#e7000e}
.banner .swiper-slide.swiper-slide-active .item .nr{ opacity:1; top:0}
.banner .item .title i{ color:#e71927}
.banner .item .intro{ font-size:56px; color:#333; font-weight:bold; width:560px; padding:30px 0 0;}
.banner .item .contents{ font-size:32px; color:#fff; margin-top:20px}

.banner .item .more{ height:60px; margin-top:40px}
.banner .item .more i{ background:url(g_10.png) left center no-repeat; padding-left:90px; font-size:18px; color:#0f0f0f; height:100%;display:flex;align-items: center; }
.banner .swiperB .paginationB{ position:absolute; left:0;  width:100%; bottom:40px; text-align:center; z-index:9; color:#fff}
.banner .swiperB .paginationB span{ width:11px; height:11px; background:url(g_21.png) center center no-repeat; background-size:cover; margin:0 8px; border-radius:0; opacity:1}
.banner .swiperB .paginationB span.swiper-pagination-bullet-active{ background:url(g_22.png) center center no-repeat; background-size:cover;}

@media (max-width: 1680px){
	.banner .item .title{  font-size:32px;}
	.banner .item .intro{ font-size:42px; width:460px}
	.banner .item .contents{ font-size:24px; margin-top:16px}
	.banner .item .more{height:40px; margin-top:40px}
	.banner .item .more i{ background:url(g_10.png) left center no-repeat; background-size:40px; padding-left:60px; font-size:14px;}
	.banner .swiperB .paginationB{}
	
	
}
@media (max-width: 1200px){
	.banner{}
	.banner img.img2{ display:block}
	.banner img.img1{ display:none}
	.banner .item{ }
	.banner .item .title{  font-size:20px;}
	.banner .item .contents{ font-size:14px; margin-top:12px}
	.banner .item .intro{ font-size:24px; width:230px; padding-top:30px }
	.banner .item .more{ height:30px;margin-top:30px}
	.banner .item .more i{ background:url(g_10.png) left center no-repeat; background-size:30px; padding-left:50px; font-size:12px;}
	.banner .swiperB .paginationB{ bottom:20px}
}

.gcon_1{ width:100%; background:#f9fbff; padding:60px 0}
.ihd .title{ text-align:center; font-size:34px; color:#111;  line-height:1}
.ihd .bq{display:flex; align-items: center; justify-content: center; margin-top:20px }
.ihd .bq .item{font-size:22px; color:#111;  padding:0 25px; position:relative}
.ihd .bq .item:after{ content:""; display:block; width:2px; height:40%; position:absolute; right:-1px; top:30%; background:#1977f2}
.ihd .bq .item:last-child:after{ width:0}
.ihd .intro{ font-size:18px; color:#333; line-height:1.5;  margin:0 auto; text-align:center; margin-top:15px}
.gcon_1 .ihd .intro{ width:1100px;}
.gcon_1 .ibd{ margin-top:55px; text-align:center; position:relative; }
.gcon_1 .ibd img{ max-width:100%; height:auto}
.gcon_1 .ibd .mySwiper01{ width:100%; overflow:hidden}
.gcon_1 .ibd .mySwiper01 .swiper-slide{ width:100%; overflow:hidden}
.gcon_1 .ibd .prev1{ width:31px; height:31px; background:url(prev1.png) center center no-repeat; background-size:cover; position:absolute; left:-50px; top:50%; transform:translateY(-50%); z-index:9}
.gcon_1 .ibd .next1{ width:31px; height:31px; background:url(next1.png) center center no-repeat; background-size:cover; position:absolute; right:-50px; top:50%; transform:translateY(-50%); z-index:9}
@media (max-width: 1680px){
	.gcon_1{ padding:50px 0}
	.ihd .title{ font-size:32px;}
	.ihd .bq{ margin-top:16px }
	.ihd .bq .item{font-size:20px; padding:0 20px; }
	.ihd .intro{ font-size:16px; margin-top:12px}
	.gcon_1 .ihd .intro{ width:950px;}
	.gcon_1 .ibd{ margin-top:40px; }
	.gcon_1 .ibd img{ max-width:100%;   }
}
@media (max-width: 1200px){
	.gcon_1{ padding:40px 0}
	.ihd .title{ font-size:24px;}
	.ihd .bq{ margin-top:14px }
	.ihd .bq .item{font-size:16px; }
	.ihd .intro{ font-size:14px; }
	.gcon_1 .ihd .intro{ width:100%;}
	.gcon_1 .ibd{ margin-top:20px; }
	.gcon_1 .ibd img{ max-width:100%;  height:auto}
	
	.gcon_1 .ibd{ padding-bottom:40px}
	.gcon_1 .ibd .prev1{ width:24px; height:24px;  left:50%; top:auto; bottom:0;  transform:translate(-150%,-0%); }
	.gcon_1 .ibd .next1{ width:24px; height:24px;  right:50%; top:auto; bottom:0;  transform:translate(150%,-0%); }
}
@media (max-width: 750px){
	.ihd .title{ font-size:22px;}
}
@media (max-width: 350px){
	.ihd .title{ font-size:20px;}
}

.gcon_2{ width:100%; padding:60px 0}
.gcon_2 .ibd{ margin-top:55px; padding-bottom:30px;display:flex; flex-wrap: wrap;}
.gcon_2 .ibd .item{ width:264px; margin-right:20px; margin-bottom:20px; background:#eef5fe; transition:all 0.5s}
.gcon_2 .ibd .item:nth-child(5n){ margin-right:0}
.gcon_2 .ibd .item a{ display:block; box-sizing:border-box; padding:40px 28px}
.gcon_2 .ibd .item .ico{ text-align:center}
.gcon_2 .ibd .item .ico img{ height:98px; width:auto; transition:all 0.5s}
.gcon_2 .ibd .item .title{ font-size:22px; color:#111;  margin-top:20px;  transition:all 0.5s;  text-align:center}
.gcon_2 .ibd .item .intro{ font-size:14px; color:#333; text-align:justify; line-height:22px; height:88px; margin-top:12px; transition:all 0.5s}
.gcon_2 .ibd .item:hover{ background:#1977f2}
.gcon_2 .ibd .item:hover .ico img{ transform:rotateY(360deg)}
.gcon_2 .ibd .item:hover .title{ color:#fff;}
.gcon_2 .ibd .item:hover .intro{ color:#fff}
.imore{display:flex; align-items: center; justify-content: center;}
.imore a{display:flex; align-items: center; justify-content: center; font-size:22px; color:#1977f2; position:relative}
.imore a img{ height:33px; margin-left:25px}
.imore a:after{ content:""; display:block; width:0; left:50%; height:2px; position:absolute; background:#1977f2; top:110%; z-index:2; transition:all 0.5s}
.imore a:hover:after{ left:0; width:100%}
@media (max-width: 1680px){
	.gcon_2{ padding:50px 0}
	.gcon_2 .ibd{ margin-top:40px; padding-bottom:20px}
	.gcon_2 .ibd .item{ width:228px; margin-right:15px; margin-bottom:15px;}
	.gcon_2 .ibd .item a{ padding:30px 20px}
	.gcon_2 .ibd .item .ico img{ height:80px;}
	.gcon_2 .ibd .item .title{ font-size:20px; margin-top:16px; }
	.gcon_2 .ibd .item .intro{ font-size:14px; line-height:22px; height:110px; margin-top:10px; }
	.imore a{ font-size:20px; }
	.imore a img{ height:28px; margin-left:20px}
}
@media (max-width: 1200px){
	.gcon_2{ padding:40px 0}
	.gcon_2 .ibd{ margin-top:20px; padding-bottom:15px}
	.gcon_2 .ibd .item{ width:48.5%; margin-right:3%; margin-bottom:3%;}
	.gcon_2 .ibd .item:nth-child(5n){ margin-right:3%}
	.gcon_2 .ibd .item:nth-child(2n){ margin-right:0}
	.gcon_2 .ibd .item .ico img{ height:60px;}
	.gcon_2 .ibd .item .title{ font-size:18px; }
	.imore a{ font-size:18px; }
	.imore a img{ height:24px; margin-left:16px}
}
@media (max-width: 750px){
	.gcon_2 .ibd{ }
	.gcon_2 .ibd .item{ width:49%; margin-right:2%; margin-bottom:2%;}
	.gcon_2 .ibd .item:nth-child(5n){ margin-right:2%}
	.gcon_2 .ibd .item:nth-child(2n){ margin-right:0}
	.gcon_2 .ibd .item a{ padding:25px 15px}
	.gcon_2 .ibd .item .ico img{ height:50px;}
	.gcon_2 .ibd .item .title{ font-size:16px; margin-top:15px }
	.gcon_2 .ibd .item .intro{ height:100px; margin-top:10px; }
	.imore a{ font-size:14px; }
	.imore a img{ height:20px; margin-left:12px}
}
@media (max-width: 450px){
	.gcon_2 .ibd .item .intro{ height:135px}
}

.gcon_3{ width:100%; background:#f9fbff; padding:60px 0}
.gcon_3 .ibd{ margin-top:55px}
.gcon_3 .ibd .item{ width:450px; float:left; margin-right:25px; margin-bottom:25px; position:relative; transition:all 0.5s;top:-0}
.gcon_3 .ibd .item:nth-child(3n){ margin-right:0}
.gcon_3 .ibd .item a{ display:block; box-sizing:border-box; border:1px solid #1977f2; padding:25px}
.gcon_3 .ibd .item .ico{ width:77px; float:left}
.gcon_3 .ibd .item .ico img{ width:100%; transition:all 0.5s}
.gcon_3 .ibd .item .cont{ width:calc(100% - 100px); float:right}
.gcon_3 .ibd .item .cont .title{ font-size:20px; color:#1977f2;  line-height:1; padding-bottom:10px; border-bottom:1px solid #3c8cf4}
.gcon_3 .ibd .item .cont .intro{ font-size:14px; color:#111; text-align:justify; line-height:22px; height:66px; padding-top:6px}
.gcon_3 .ibd .item:hover .ico img{ transform:rotateY(360deg)}
.gcon_3 .ibd .item:hover{ top:-10px}
.gcon_3 .ibd .item:hover .cont .title{ font-weight:bold}

.gcon_3 .ibd .item:nth-last-child(-n+3){ margin-bottom:0}

@media (max-width: 1680px){
	.gcon_3{ padding:50px 0}
	.gcon_3 .ibd{ margin-top:40px}
	.gcon_3 .ibd .item{ width:32%; margin-right:2%; margin-bottom:2%;}
	.gcon_3 .ibd .item a{ padding:20px}
	.gcon_3 .ibd .item .ico{ width:65px; }
	.gcon_3 .ibd .item .cont{ width:calc(100% - 85px); }
	.gcon_3 .ibd .item .cont .title{ font-size:18px; padding-bottom:10px;}
	.gcon_3 .ibd .item .cont .intro{ font-size:14px; line-height:20px; height:80px; padding-top:10px}
}
@media (max-width: 1200px){
	.gcon_3{ padding:40px 0}
	.gcon_3 .ibd{ margin-top:20px}
	.gcon_3 .ibd .item{ width:48.5%; margin-right:3%; margin-bottom:3%;}
	.gcon_3 .ibd .item:nth-child(3n){ margin-right:3%}
	.gcon_3 .ibd .item:nth-child(2n){ margin-right:0}
	.gcon_3 .ibd .item a{ padding:16px}
	.gcon_3 .ibd .item .ico{ width:60px; }
	.gcon_3 .ibd .item .cont{ width:calc(100% - 76px); }
	.gcon_3 .ibd .item .cont .title{ font-size:16px;}
	.gcon_3 .ibd .item:nth-last-child(-n+3){ margin-bottom:3%}
	.gcon_3 .ibd .item:nth-last-child(-n+2){ margin-bottom:0}
}
@media (max-width: 750px){
	.gcon_3 .ibd .item{ width:100%; margin-right:0; margin-bottom:16px;}
	.gcon_3 .ibd .item .cont .intro{ height:auto}
	.gcon_3 .ibd .item:nth-last-child(-n+3){ margin-bottom:3%}
	.gcon_3 .ibd .item:nth-last-child(-n+2){ margin-bottom:3%}
	.gcon_3 .ibd .item:nth-last-child(-n+1){ margin-bottom:0}
	
}

.gcon_4{ width:100%; padding:60px 0 120px}
.gcon_4 .ibd{ margin-top:55px; padding-bottom:35px}
.gcon_4 .ibd .item{ width:320px; margin-right:40px; margin-bottom:20px; float:left; position:relative; transition:all 0.5s; top:0}
.gcon_4 .ibd .item:nth-child(4n){ margin-right:0}
.gcon_4 .ibd .item a{ display:block; background:#eef5fe; box-sizing:border-box; padding:18px 20px;}
.gcon_4 .ibd .item .ico{ width:59px; float:left}
.gcon_4 .ibd .item .ico img{ width:100%}
.gcon_4 .ibd .item .cont{ width:calc(100% - 59px - 16px); float:right}
.gcon_4 .ibd .item .cont .title{ font-size:20px; color:#111;  }
.gcon_4 .ibd .item .cont .intro{ font-size:14px; color:#333; }
.gcon_4 .ibd .item:hover{ top:-10px}
.gcon_4 .ibd .item:hover .cont .title{ color:#1977f2; font-weight:bold}
.gcon_4 .ibd .item:hover .cont .intro{ color:#1977f2; }
@media (max-width: 1680px){
	.gcon_4{ padding:50px 0 100px}
	.gcon_4 .ibd{ margin-top:40px; padding-bottom:20px}
	.gcon_4 .ibd .item{ width:285px; margin-right:20px }
	.gcon_4 .ibd .item:nth-child(4n){ margin-right:0}
	.gcon_4 .ibd .item a{ padding:15px 10px;}
	.gcon_4 .ibd .item .ico{ width:50px; }
	.gcon_4 .ibd .item .cont{ width:calc(100% - 65px); }
	.gcon_4 .ibd .item .cont .title{ font-size:20px;}
	.gcon_4 .ibd .item .cont .intro{ font-size:14px; }
}
@media (max-width: 1200px){
	.gcon_4{ padding:40px 0 80px}
	.gcon_4 .ibd{ margin-top:20px; padding-bottom:20px}
	.gcon_4 .ibd .item{ width:32%; margin-right:2%; margin-bottom:2% }
	.gcon_4 .ibd .item:nth-child(4n){ margin-right:2%}
	.gcon_4 .ibd .item:nth-child(3n){ margin-right:0}
	.gcon_4 .ibd .item a{ padding:10px;}
	.gcon_4 .ibd .item .ico{ width:40px; }
	.gcon_4 .ibd .item .cont{ width:calc(100% - 50px); }
	.gcon_4 .ibd .item .cont .title{ font-size:18px;}
}
@media (max-width: 750px){
	.gcon_4{ padding:40px 0 80px}
	.gcon_4 .ibd{ margin-top:20px; padding-bottom:20px}
	.gcon_4 .ibd .item{ width:49%;  }
	.gcon_4 .ibd .item:nth-child(4n){ margin-right:2%}
	.gcon_4 .ibd .item:nth-child(3n){ margin-right:2%}
	.gcon_4 .ibd .item:nth-child(2n){ margin-right:0}
	.gcon_4 .ibd .item a{ padding:10px;}
	.gcon_4 .ibd .item .ico{ width:40px; }
	.gcon_4 .ibd .item .cont{ width:calc(100% - 50px); }
	.gcon_4 .ibd .item .cont .title{ font-size:16px;}
}

.gcon_5{ padding-bottom:60px}
.gcon_5 .ibd{ margin-top:55px}
.gcon_5 .ibd .aitem{ position:relative}
.gcon_5 .ibd .aitem .prev5{ width:31px; height:31px; background:url(prev1.png) center center no-repeat; background-size:cover; position:absolute; left:-50px; top:50%; transform:translateY(-50%); z-index:9}
.gcon_5 .ibd .aitem .next5{ width:31px; height:31px; background:url(next1.png) center center no-repeat; background-size:cover; position:absolute; right:-50px; top:50%; transform:translateY(-50%); z-index:9}

.gcon_5 .ibd .aitem .item{ width:447px; box-sizing:border-box; border:1px solid #2287ff; margin-right:29px}
.gcon_5 .ibd .aitem .item:last-child{ margin-right:0}
.gcon_5 .ibd .aitem .item a{ display:block; padding:8px; box-sizing:border-box}
.gcon_5 .ibd .aitem .item .pic{ width:100%; overflow:hidden}
.gcon_5 .ibd .aitem .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 .aitem .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 .aitem .item .cont{ padding:20px 8px}
.gcon_5 .ibd .aitem .item .cont .title{ font-size:22px; color:#1977f2; }
.gcon_5 .ibd .aitem .item .cont .intro{ font-size:14px; color:#333; line-height:22px; height:66px; margin-top:10px}
.gcon_5 .ibd .aitem .mySwiper05 { width:100%; overflow:hidden; padding:2px 0}
.gcon_5 .ibd .bitem{}
.gcon_5 .ibd .bitem .item{ width:209px; float:left; box-sizing:border-box; border:1px solid #c3d1e0; overflow:hidden; margin-right:29px; margin-top:35px}
.gcon_5 .ibd .bitem .item 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 .bitem .item:hover 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 .bitem .item:nth-child(6n){ margin-right:0}
@media (max-width: 1680px){
	.gcon_5{ padding-bottom:50px}
	.gcon_5 .ibd{ margin-top:40px}
	.gcon_5 .ibd .aitem .item{ width:32%; margin-right:2% }
	.gcon_5 .ibd .aitem .item a{ padding:6px;}
	.gcon_5 .ibd .aitem .item .cont{ padding:16px 5px}
	.gcon_5 .ibd .aitem .item .cont .title{ font-size:20px; }
	.gcon_5 .ibd .aitem .item .cont .intro{ font-size:14px; line-height:22px; height:66px; margin-top:8px}
	.gcon_5 .ibd .bitem .item{ width:15%; margin-right:2%; margin-top:2.5%}
}
@media (max-width: 1200px){
	.gcon_5{ padding-bottom:40px}
	.gcon_5 .ibd{ margin-top:20px}
	.gcon_5 .ibd .aitem .item a{ padding:5px;}
	.gcon_5 .ibd .aitem .item .cont{ padding:12px 0}
	.gcon_5 .ibd .aitem .item .cont .title{ font-size:18px; }
	.gcon_5 .ibd .aitem .item .cont .intro{  height:80px; margin-top:6px}
	.gcon_5 .ibd .aitem{ padding-bottom:32px; margin-bottom:8px}
	.gcon_5 .ibd .aitem .prev5{ width:24px; height:24px;  left:50%; top:auto; bottom:0;  transform:translate(-150%,-0%); }
	.gcon_5 .ibd .aitem .next5{ width:24px; height:24px;  right:50%; top:auto; bottom:0;  transform:translate(150%,-0%); }
	
}
@media (max-width: 750px){
	.gcon_5 .ibd{ margin-top:0}
	.gcon_5 .ibd .aitem{ display:block}
	.gcon_5 .ibd .aitem .item{ width:100%; margin-top:20px}
	.gcon_5 .ibd .aitem .item a{ padding:10px;}
	.gcon_5 .ibd .aitem .item .cont{ padding:12px 0}
	.gcon_5 .ibd .aitem .item .cont .title{ font-size:16px; }
	.gcon_5 .ibd .aitem .item .cont .intro{  height:auto; }
	.gcon_5 .ibd .bitem .item{ width:32%; margin-right:2%; margin-top:2%}
	.gcon_5 .ibd .bitem .item:nth-child(6n){ margin-right:2%}
	.gcon_5 .ibd .bitem .item:nth-child(3n){ margin-right:0}

}


.gcon_6{ width:100%; background:url(g_10.jpg) center center no-repeat; background-size:cover; padding:60px 0}
.gcon_6 .ihd .title{ color:#fff}
.gcon_6 .ibd{ margin-top:55px}
.gcon_6 .ibd .item{ width:450px; float:left; margin-right:25px; margin-bottom:25px; box-sizing:border-box; border:1px solid #fff; padding:25px}
.gcon_6 .ibd .item:nth-child(3n){ margin-right:0}
.gcon_6 .ibd .item .ico{ width:99px; float:left; position:relative; top:0; transition:all 0.5s}
.gcon_6 .ibd .item .ico img{ width:100%}
.gcon_6 .ibd .item .cont{ width:calc(100% - 120px); float:right; padding:3px 0 0}
.gcon_6 .ibd .item .cont .title{ font-size:22px; color:#fff;  line-height:1; padding-bottom:16px; border-bottom:1px solid #e6f0fc; position:relative}
.gcon_6 .ibd .item .cont .title a{ display:flex; align-items: center; justify-content: center; width:115px; height:30px; border:1px solid #fff; box-sizing:border-box; border-radius:15px; font-size:16px; position:absolute; right:0; top:0; color:#fff}
.gcon_6 .ibd .item .cont .intro{ font-size:14px; color:#fff; text-align:justify; line-height:22px; height:44px; padding-top:10px}
.gcon_6 .ibd .item:hover .cont .title a{ background:#fff; color:#1977f2}
.gcon_6 .ibd .item:hover .ico{ top:-10px}
@media (max-width: 1680px){
	.gcon_6{ padding:50px 0}
	.gcon_6 .ibd{ margin-top:40px}
	.gcon_6 .ibd .item{ width:32%; margin-right:2%; margin-bottom:2%;  padding:20px; border:1px solid #fff;}
	.gcon_6 .ibd .item .ico{ width:80px; }
	.gcon_6 .ibd .item .cont{ width:calc(100% - 100px); }
	.gcon_6 .ibd .item .cont .title{ font-size:18px; padding-bottom:15px; border-bottom:1px solid #e6f0fc;}
	.gcon_6 .ibd .item .cont .intro{ font-size:14px; line-height:20px; height:40px; padding-top:8px}
	.gcon_6 .ibd .item .cont .title a{  width:100px; height:26px; border:1px solid #fff; font-size:14px; }

	
}
@media (max-width: 1200px){
	.gcon_6{ padding:40px 0}
	.gcon_6 .ibd{ margin-top:20px}
	.gcon_6 .ibd .item{ width:100%; margin-right:3%; margin-bottom:3%;}
	.gcon_6 .ibd .item:nth-child(3n){ margin-right:3%}
	.gcon_6 .ibd .item:nth-child(2n){ margin-right:0}
	.gcon_6 .ibd .item .cont .title a{  width:90px; height:24px; font-size:12px; }
	.gcon_6 .ibd .item .cont .title{ font-size:16px;}
}
@media (max-width: 750px){
	.gcon_6 .ibd .item{ width:100%; margin-right:0; margin-bottom:16px; padding:15px}
	.gcon_6 .ibd .item .cont .intro{ height:auto}
}