@charset "utf-8";
.banner{ width:100%; margin:0 auto; position:relative}
.banner .swiper01{ width:100%; overflow:hidden; position:relative}
.banner .swiper01 img{ width:100%; height:auto;}
.banner .swiper01 .img1{ display:block}
.banner .swiper01 .img2{ display:none}
.banner .prev01{ background:url(prev.jpg) center center no-repeat; width:60px; height:60px; cursor:pointer; position:absolute; left:4%; top:50%; margin-top:-18px; z-index:9}
.banner .next01{ background:url(next.jpg) center center no-repeat; width:60px; height:60px; cursor:pointer; position:absolute; right:4%; top:50%; margin-top:-18px; z-index:9}
.banner .swiper01 .pagination01{ width:100%; font-size:0; text-align:left; position:absolute; left:0; bottom:60px; z-index:9; text-align:center}
.banner .swiper01 .pagination01 span{ display:inline-block; vertical-align:top; width:22px; height:22px; margin:0 8px; background:rgba(255,255,255,0.5); border-radius:0; opacity:1;  background:url(g_04x.png) center center no-repeat}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{background:url(g_03x.png) center center no-repeat }

.banner .swiper01 .item{ position:absolute; left:0; width:100%; color:#fff; top:50%; transform:translateY(-50%); z-index:9; text-align:center}
.banner .swiper01 .item .title{ font-size:60px;line-height:1;}
.banner .swiper01 .item .intro{ font-size:36px; margin-top:20px; line-height:1  }
@media (max-width: 1600px){
	.banner .swiper01 .item .title{ font-size:50px;}
	.banner .swiper01 .item .intro{ font-size:28px; }
}

@media (max-width: 1200px){
	.banner .swiper01 .pagination01{ bottom:10px}
	.banner .swiper01 .pagination01 span{ width:10px; height:10px; margin:0 4px;}
	.banner .swiper01 .img2{ display:block}
	.banner .swiper01 .img1{ display:none}
	.banner .swiper01 .pagination01{ left:0; width:100%; bottom:15px; text-align:center; font-size:0}
	.banner .swiper01 .pagination01 span{ width:6px; height:6px; margin:0 3px; border-radius:50%}	
	.banner .swiper01 .item{transform:translateY(-10%);}
	.banner .swiper01 .item .title{ font-size:20px;   }
	.banner .swiper01 .item .intro{ font-size:12px; margin-top:10px }
	
}


.gcon_1{ width:100%; margin-top:110px;}
.gcon_1 .lt{ float:left; width:710px;}
.gcon_1 .lt .bq{ font-size:18px; color:#10a957; background:url(g_01.jpg) left center no-repeat; padding-left:45px; margin-top:50px}
.gcon_1 .lt .title{ font-size:46px; color:#141414; margin-top:50px}
.gcon_1 .lt .intro{ font-size:18px; color:#494949; text-align:justify; line-height:2; margin-top:40px}
.gcon_1 .lt .more{ margin-top:90px;}
.gcon_1 .lt .more a{ display:block; width:182px; height:50px; box-sizing:border-box; border:1px solid #10a957;display:flex;align-items: center;justify-content: center;}
.gcon_1 .lt .more a i{ display:inline-block; vertical-align:top; background:url(g_04.png) right center no-repeat; padding-right:65px; color:#10a957; font-size:16px;}
.gcon_1 .rt{ background:url(g_03.jpg) right bottom no-repeat; padding:0 50px 26px 0; float:right}
.gcon_1 .rt a{ display:block; width:740px; overflow:hidden}
.gcon_1 .rt a img{ width:100%}
@media (max-width: 1600px){
	.gcon_1{ margin-top:80px;}
	.gcon_1 .lt{ width:535px;}
	.gcon_1 .lt .bq{ font-size:16px; background-size:30px; padding-left:40px; margin-top:30px}
	.gcon_1 .lt .title{ font-size:36px; margin-top:30px}
	.gcon_1 .lt .intro{ font-size:16px; margin-top:30px}
	.gcon_1 .lt .more{ margin-top:50px;}
	.gcon_1 .lt .more a{  width:150px; height:42px;}
	.gcon_1 .lt .more a i{ padding-right:40px; font-size:14px;}
	.gcon_1 .rt{background-size:500px 100px; padding:0 40px 22px 0}
	.gcon_1 .rt a{width:560px}

}
@media (max-width: 1200px){
	.gcon_1{ margin-top:40px;}
	.gcon_1 .lt{ width:100%;}
	.gcon_1 .lt .bq{ font-size:14px; background-size:20px; padding-left:30px; margin-top:0}
	.gcon_1 .lt .title{ font-size:24px; margin-top:10px}
	.gcon_1 .lt .intro{ font-size:14px; margin-top:10px}
	.gcon_1 .lt .more{ margin-top:20px;}
	.gcon_1 .lt .more a{  width:120px; height:36px;}
	.gcon_1 .lt .more a i{ padding-right:30px; font-size:12px;}
	.gcon_1 .rt{ width:100%; box-sizing:border-box; margin-top:20px;background-size:80% 80px; padding:0 10px 10px 0}
	.gcon_1 .rt a{width:100%}

}

.gcon_2{ width:100%; margin-top:110px}
.gcon_2 .item{ width:25%; float:left; background:#005ab7}
.gcon_2 .item a{ display:block; padding:40px 0 30px 40px; color:#fff; position:relative}
.gcon_2 .item a .en{ text-transform:uppercase; font-size:11px; color:rgba(255,255,255,0.55)}
.gcon_2 .item a .cn{ font-size:24px;}
.gcon_2 .item a .jia{ margin-top:25px}
.gcon_2 .item a .ico{ position:absolute; right:30px; bottom:30px}
.gcon_2 .item:nth-child(2n){ background:#10a957}
@media (max-width: 1600px){
	.gcon_2{ margin-top:80px;}
	.gcon_2 .item{}
	.gcon_2 .item a{padding:30px 0 30px 25px;}
	.gcon_2 .item a .cn{ font-size:20px;}
	.gcon_2 .item a .jia img{ height:22px}
	.gcon_2 .item a .ico{ right:30px; bottom:30px}
	.gcon_2 .item a .ico img{ height:40px}
}
@media (max-width: 1200px){
	.gcon_2{ margin-top:40px;}
	.gcon_2 .item{ width:50%; margin-bottom:1px}
}
@media (max-width: 750px){
	.gcon_2 .item{ width:100%}
	.gcon_2 .item a{padding:30px 0 30px 25px;}
	.gcon_2 .item a .cn{ font-size:20px;}
	.gcon_2 .item a .jia img{ height:22px}
	.gcon_2 .item a .ico{ right:30px; bottom:30px}
	.gcon_2 .item a .ico img{ height:40px}
}

.gcon_3{ width:100%; margin-top:110px; position:relative; padding-bottom:45px}
.gcon_3 .play{ width:100%; overflow:hidden; cursor:pointer; position:relative}
.gcon_3 .play 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 .play: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_3 .play span{ display:block; background:url(g_12.png) center center no-repeat; background-size:cover; width:89px; height:89px; position:absolute; left:50%; top:50%; margin-left:-45px; margin-top:-45px;}
.gcon_3 .cont{ width:38%; position:absolute; right:0; bottom:0; z-index:2; height:55%; background:url(g_09.jpg) right bottom no-repeat; background-size:cover;display:flex;align-items: center; box-sizing:border-box; padding-left:5%}
.gcon_3 .cont .title{ font-size:46px; color:#fff}
.gcon_3 .cont .more{ margin-top:90px}
.gcon_3 .cont .more a{ display:block; width:182px; height:50px; box-sizing:border-box; border:1px solid #fff;display:flex;align-items: center;justify-content: center; color:#fff}
.gcon_3 .cont .more a i{ display:inline-block; vertical-align:top; background:url(g_08.png) right center no-repeat; padding-right:65px; color:#fff; font-size:16px;}
@media (max-width: 1600px){
	.gcon_3{ margin-top:80px}
	.gcon_3 .cont .title{ font-size:36px;}
	.gcon_3 .cont .more{ margin-top:60px}
	.gcon_3 .cont .more a{  width:150px; height:42px;}
	.gcon_3 .cont .more a i{ padding-right:40px; font-size:14px;}
}
@media (max-width: 1200px){
	.gcon_3{ margin-top:40px; padding-bottom:0}
	.gcon_3 .cont{ width:92%; margin:0 auto; right:auto; bottom:auto; position:relative; padding:40px; box-sizing:border-box}
	.gcon_3 .play span{ width:60px; height:60px; margin-left:-30px; margin-top:-30px}
	.gcon_3 .cont .title{ font-size:24px;}
	.gcon_3 .cont .more{ margin-top:40px}
	.gcon_3 .cont .more a{  width:120px; height:36px;}
	.gcon_3 .cont .more a i{ padding-right:30px; font-size:12px;}
}
@media (max-width: 750px){
	.gcon_3 .cont{ padding:30px;}
	.gcon_3 .cont .more{ margin-top:30px}
}

.gcon_4{ width:100%; background:url(g_13.jpg) left top no-repeat; background-size:50% 100%; margin-top:110px}
.gcon_4 .swiper04{ width:100%; position:relative}
.gcon_4 .swiper04 .swiper-slide{ width:100%; position:relative; overflow:hidden}
.gcon_4 .swiper04 .swiper-slide .rt{ width:50%; overflow:hidden; float:right}
.gcon_4 .swiper04 .swiper-slide .rt img{ width:100%}
.gcon_4 .swiper04 .swiper-slide .lt{ width:600px; position:absolute; left:50%; margin-left:-800px; top:50%; transform:translateY(-50%); z-index:2; color:#fff; padding-bottom:80px}
.gcon_4 .swiper04 .swiper-slide .lt .ihd{ font-size:42px; line-height:1}
.gcon_4 .swiper04 .swiper-slide .lt .bq{ font-size:18px; color:rgba(255,255,255,0.68); margin-top:95px}
.gcon_4 .swiper04 .swiper-slide .lt .title{ font-size:24px; font-weight:bold; line-height:1; margin-top:16px}
.gcon_4 .swiper04 .swiper-slide .lt .intro{ font-size:16px; line-height:2; color:rgba(255,255,255,0.86); margin-top:35px; text-align:justify}
.gcon_4 .swiper04 .swiper-slide .lt .more{ margin-top:50px;}
.gcon_4 .swiper04 .swiper-slide .lt .more{ display:block; width:182px; height:50px; box-sizing:border-box; border:1px solid #fff;display:flex;align-items: center;justify-content: center; color:#fff}
.gcon_4 .swiper04 .swiper-slide .lt .more i{ display:inline-block; vertical-align:top; background:url(g_08.png) right center no-repeat; padding-right:65px; color:#fff; font-size:16px;}
.gcon_4 .swiper04 .pagination04{ position:absolute; left:50%; margin-left:-800px; z-index:2; bottom:60px; text-align:left;}
.gcon_4 .swiper04 .pagination04 span{ width:14px; height:14px; background:#58b530; opacity:1; border-radius:50%;}
.gcon_4 .swiper04 .pagination04 span.swiper-pagination-bullet-active{ background:#fff}
@media (max-width: 1600px){
	.gcon_4{ margin-top:80px}
	.gcon_4 .swiper04 .swiper-slide .lt{ width:500px; margin-left:-600px}
	.gcon_4 .swiper04 .swiper-slide .lt .ihd{ font-size:36px; }
	.gcon_4 .swiper04 .swiper-slide .lt .bq{ font-size:16px; margin-top:60px}
	.gcon_4 .swiper04 .swiper-slide .lt .title{ font-size:20px; margin-top:15px}
	.gcon_4 .swiper04 .swiper-slide .lt .intro{ font-size:14px; margin-top:30px;}
	.gcon_4 .swiper04 .swiper-slide .lt .more{ margin-top:40px;}
	.gcon_4 .swiper04 .swiper-slide .lt .more{  width:150px; height:42px;}
	.gcon_4 .swiper04 .swiper-slide .lt .more i{ padding-right:40px; font-size:14px;}
	.gcon_4 .swiper04 .pagination04{ margin-left:-600px; bottom:40px; }
	.gcon_4 .swiper04 .pagination04 span{ width:12px; height:12px;}	
}
@media (max-width: 1200px){
	.gcon_4{ margin-top:40px; background-size:cover; padding-bottom:30px}
	.gcon_4 .swiper04 .swiper-slide .rt{ width:100%; float:none}
	.gcon_4 .swiper04 .swiper-slide .lt{ width:100%; position:relative; left:auto; top:auto; transform:translateY(0); margin-left:auto; box-sizing:border-box; padding:30px 20px}
	.gcon_4 .swiper04 .swiper-slide .lt .ihd{ font-size:24px; }
	.gcon_4 .swiper04 .swiper-slide .lt .bq{ font-size:14px; margin-top:20px}
	.gcon_4 .swiper04 .swiper-slide .lt .title{ font-size:16px; margin-top:12px}
	.gcon_4 .swiper04 .swiper-slide .lt .intro{ font-size:12px; margin-top:12px;}
	.gcon_4 .swiper04 .swiper-slide .lt .more{ margin-top:16px;}
	.gcon_4 .swiper04 .swiper-slide .lt .more{  width:120px; height:36px;}
	.gcon_4 .swiper04 .swiper-slide .lt .more i{ padding-right:30px; font-size:12px;}
	.gcon_4 .swiper04 .pagination04{ position:relative; width:100%; text-align:center; margin:0; left:0; bottom:0;}
	.gcon_4 .swiper04 .pagination04 span{ width:10px; height:10px;}	
}

.gcon_5{ width:100%; margin:110px 0}
.gcon_5 .ihd{ font-size:46px; color:#333; line-height:50px; position:relative}
.gcon_5 .ihd .more{ display:block; width:182px; height:50px; box-sizing:border-box; border:1px solid #10a957;display:flex;align-items: center;justify-content: center; float:right}
.gcon_5 .ihd .more i{ display:inline-block; vertical-align:top; background:url(g_04.png) right center no-repeat; padding-right:65px; color:#10a957; font-size:16px;}
.gcon_5 .ibd{ margin-top:90px; position:relative}
.gcon_5 .ibd .swiper05{ width:100%; overflow:hidden}
.gcon_5 .ibd .swiper05 .swiper-slide{ width:502px; position:relative; margin-right:47px;}
.gcon_5 .ibd .swiper05 .swiper-slide:last-child{ margin-right:0}
.gcon_5 .ibd .swiper05 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_5 .ibd .swiper05 .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_5 .ibd .swiper05 .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_5 .ibd .swiper05 .swiper-slide .title{ font-size:24px; color:#333333; line-height:100px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; border-bottom:2px solid #c1c1c1; transition:all 0.3s}
.gcon_5 .ibd .swiper05 .swiper-slide .more{  background:#10a957; position:absolute; left:0; top:0; z-index:2; color:#fff; box-sizing:border-box; text-align:center; padding:22px 25px; font-size:16px; line-height:25px; opacity:0; transition:all 0.3s}
.gcon_5 .ibd .swiper05 .swiper-slide:hover .more{ opacity:1}
.gcon_5 .ibd .swiper05 .swiper-slide:hover .title{ font-weight:bold; border-bottom:2px solid #10a957}
@media (max-width: 1600px){
	.gcon_5{ margin:80px 0}
	.gcon_5 .ihd{ font-size:36px; line-height:42px; }
	.gcon_5 .ihd .more{  width:150px; height:42px;}
	.gcon_5 .ihd .more i{ padding-right:40px; font-size:14px;}
	.gcon_5 .ibd{ margin-top:50px; }
	.gcon_5 .ibd .swiper05 .swiper-slide{ width:32%; margin-right:2%;}
	.gcon_5 .ibd .swiper05 .swiper-slide .title{ font-size:20px;  line-height:70px;}
	.gcon_5 .ibd .swiper05 .swiper-slide .more{   padding:18px 22px; font-size:14px; line-height:22px; }
}
@media (max-width: 1200px){
	.gcon_5{ margin:40px 0}
	.gcon_5 .ihd{ font-size:24px; line-height:36px; }
	.gcon_5 .ihd .more{  width:120px; height:36px;}
	.gcon_5 .ihd .more i{ padding-right:30px; font-size:12px;}
	.gcon_5 .ibd{ margin-top:20px; }
	.gcon_5 .ibd .swiper05 .swiper-slide{ width:48.5%; margin-right:3% }
	.gcon_5 .ibd .swiper05 .swiper-slide .title{ font-size:16px;  line-height:50px;}
	.gcon_5 .ibd .swiper05 .swiper-slide .more{ width:60px; height:60px; padding:10px 14px; font-size:12px; line-height:20px; }
}

@media (max-width: 450px){
	.gcon_5 .ihd{ line-height:30px}
	.gcon_5 .ihd .more{  width:90px; height:30px;}
	.gcon_5 .ihd .more i{ padding-right:20px; background-size:5px}
}