锘緻charset "utf-8";
@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(/images/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(/images/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(/images/g_04.png) center center no-repeat}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{background:url(/images/g_03.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%; background:#10a957; color:#fff}
.gcon_1 .item{ width:20%; float:left; text-align:center; padding:40px 0; position:relative}
.gcon_1 .item .p1{ font-size:24px; line-height:1}
.gcon_1 .item .p1 i{ font-size:72px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.gcon_1 .item .p2{ font-size:16px; color:rgba(255,255,255,0.64)}
.gcon_1 .item:after{ content:""; display:block; width:1px; height:80px; position:absolute; right:0; top:calc(50% - 40px); background:#fff}
.gcon_1 .item:nth-child(5):after{ width:0}
@media (max-width: 1600px){
	.gcon_1 .item{ padding:32px 0}
	.gcon_1 .item .p1{ font-size:20px }
	.gcon_1 .item .p1 i{ font-size:60px;}
	.gcon_1 .item .p2{ font-size:14px}
	.gcon_1 .item:after{ height:60px; top:calc(50% - 30px)}
}
@media (max-width: 1200px){
	.gcon_1 .item{ padding:25px 0}
	.gcon_1 .item .p1{ font-size:16px }
	.gcon_1 .item .p1 i{ font-size:40px;}
	.gcon_1 .item .p2{ font-size:12px}
	.gcon_1 .item:after{ height:50px; top:calc(50% - 25px)}
}
@media (max-width: 750px){
	.gcon_1{ padding:10px 0}
	.gcon_1 .item{ width:50%; padding:10px 0}
	.gcon_1 .item .p1{ font-size:14px }
	.gcon_1 .item .p1 i{ font-size:32px;}
	.gcon_1 .item .p2{ font-size:10px}
	.gcon_1 .item:after{ height:40px; top:calc(50% - 20px)}
	.gcon_1 .item:nth-child(2):after{ width:0}
	.gcon_1 .item:nth-child(n+3){ width:33.333%}
}

.gcon_2{ width:100%; margin-top:110px}
.gcon_2 .nr{ position:relative}
.gcon_2 .nr .rt{ float:right; position:relative; overflow:hidden; width:968px; cursor:pointer}
.gcon_2 .nr .rt img{ width:100%}
.gcon_2 .nr .rt span{ display:block; width:124px; height:124px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; background:url(/images/m1.png) center center no-repeat; background-size:cover;}
.gcon_2 .nr .rt span:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0;  z-index:2; background:url(/images/m2.png) center center no-repeat; background-size:cover;animation: wait 2s linear infinite;}
@keyframes wait {
	100% { transform: rotate(360deg); }
}
.gcon_2 .nr .lt{ position:absolute; width:700px; box-sizing:border-box; background:url(/images/g_05.png) right calc(100% - 40px) no-repeat #fff; left:0; top:50%; transform:translateY(-50%); z-index:9; box-shadow: 0 0 20px rgba(00,00,00,0.1); padding:50px}
.gcon_2 .nr .lt .title{ font-size:40px; color:#005ab7}
.gcon_2 .nr .lt .intro{ margin-top:20px; font-size:18px; color:#666666; line-height:30px; text-align:justify}
.gcon_2 .nr .lt .more{ margin-top:40px}
.gcon_2 .nr .lt .more a{ display:block; width:135px; height:40px; border:1px solid #10a957; border-radius:5px; text-align:center; display:flex;align-items: center;justify-content: center;font-size:18px; color:#10a957}
.gcon_2 .nr .lt .more a:hover{ background:#10a957; color:#fff}
@media (max-width: 1600px){
	.gcon_2{ margin-top:80px}
	.gcon_2 .nr .rt{ width:726px}
	.gcon_2 .nr .lt{ width:525px; padding:40px}	
	.gcon_2 .nr .lt .title{ font-size:30px}
	.gcon_2 .nr .lt .intro{ font-size:16px; line-height:25px; margin-top:15px}
	.gcon_2 .nr .lt .more{ margin-top:30px}
	.gcon_2 .nr .lt .more a{ width:120px; height:36px; font-size:14px}
}
@media (max-width: 1200px){
	.gcon_2{ margin-top:40px}
	.gcon_2 .nr .rt{ width:100%; float:none}
	.gcon_2 .nr .lt{ width:100%; position:relative; padding:20px;left:auto; top:auto; transform:translateY(0);}	
	.gcon_2 .nr .lt .title{ font-size:20px}
	.gcon_2 .nr .lt .intro{ font-size:14px; line-height:25px; margin-top:15px}
	.gcon_2 .nr .lt .more{ margin-top:20px}
	.gcon_2 .nr .lt .more a{ width:110px; height:34px; font-size:12px}
	.gcon_2 .nr .rt span{ background-size:50px}
}


.video{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(00,00,00,0.6); display:none}
.video .s1{position:absolute; left:50%;  top:50%; transform:translate(-50%,-50%)}
.video .s1 video{ width:auto; height:60vh}
.video .s1 .gb{ background:url(/images/gb.png) center center no-repeat; width:30px; height:30px; background-size:30px; position:absolute; right:0; top:-40px; cursor:pointer}



@media (max-width:1200px) {
	.video .s1 video{ width:90vw; height:auto}
}


.gcon_3{ width:100%; margin-top:60px}
.gcon_3 .ibd{ margin-top:48px;}
.gcon_3 .ibd .item{ float:left; width:1060px; overflow:hidden; margin-bottom:18px; position:relative}
.gcon_3 .ibd .item:nth-child(2),.gcon_3 .ibd .item:nth-child(3){ width:522px}
.gcon_3 .ibd .item:nth-child(2){ float:right}
.gcon_3 .ibd .item:nth-child(4){ float:right}
.gcon_3 .ibd .item:nth-child(n+3){ margin-bottom:0}
.gcon_3 .ibd .item .pic{ width:100%; overflow:hidden}
.gcon_3 .ibd .item .pic img{ width:100%}
.gcon_3 .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; height:384px}
.gcon_3 .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_3 .ibd .item .cont{ position:absolute; width:100%; box-sizing:border-box; padding:40px; left:0; bottom:0; color:#fff}
.gcon_3 .ibd .item .cont .p1{ font-size:16px; line-height:1}
.gcon_3 .ibd .item .cont .p2{ font-size:24px; font-weight:bold; padding:10px 0; line-height:1}
.gcon_3 .ibd .item .cont .p3{ font-size:16px; line-height:1}
@media (max-width: 1600px){
	.gcon_3 .ibd .item{ width:auto;}
	.gcon_3 .ibd .item:nth-child(2),.gcon_3 .ibd .item:nth-child(3){ width:auto}
	.gcon_3 .ibd .item .pic img{ width:auto; height:288px}
	.gcon_3 .ibd .item .cont{ padding:20px}
	.gcon_3 .ibd .item .cont .p1{ font-size:14px }
	.gcon_3 .ibd .item .cont .p2{ font-size:20px }
	.gcon_3 .ibd .item .cont .p3{ font-size:14px }
}
@media (max-width: 1200px){
	.gcon_3{ margin-top:40px}
	.gcon_3 .ibd{ margin-top:30px;}
	.gcon_3 .ibd .item{ width:100%; margin-bottom:2%}
	.gcon_3 .ibd .item:nth-child(2),.gcon_3 .ibd .item:nth-child(3){ width:49%}
	.gcon_3 .ibd .item .pic img{ width:100%; height:auto}
	.gcon_3 .ibd .item .cont .p1{ font-size:12px }
	.gcon_3 .ibd .item .cont .p2{ font-size:16px }
	.gcon_3 .ibd .item .cont .p3{ font-size:10px }
}
@media (max-width:750px){
	.gcon_3 .ibd .item:nth-child(2),.gcon_3 .ibd .item:nth-child(3){ width:100%; margin-bottom:2%;}
	.gcon_3 .ibd .item .cont{ padding:15px}
}

.gcon_4{ width:100%; margin-top:60px; margin-bottom:80px}
.gcon_4 .ibd{ margin-top:48px;}
.gcon_4 .ibd .item{ float:left; width:522px; overflow:hidden; position:relative; margin-right:17px}
.gcon_4 .ibd .item img{ width:100%}
.gcon_4 .ibd .item:nth-child(3){ margin-right:0}
.gcon_4 .ibd .item .pic{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:2}
.gcon_4 .ibd .item .pic:after{ content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.15); position:absolute; left:0; top:0}
.gcon_4 .ibd .item:hover .pic:after{ background:rgba(16,169,87,0.8)}
.gcon_4 .ibd .item .pic img{ width:100%; height:100%; object-fit:cover}
.gcon_4 .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_4 .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_4 .ibd .item .cont{ position:absolute; left:0; bottom:0; box-sizing:border-box; padding:35px 45px; color:#fff; transition:all 0.3s; box-sizing:border-box; width:100%; z-index:3}
.gcon_4 .ibd .item .cont .p1{ font-size:24px; font-weight:bold;  line-height:1.2;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_4 .ibd .item .cont .p2{ font-size:16px; line-height:1.2;margin:10px 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_4 .ibd .item .cont .p3{ margin-top:25px; width:110px; height:35px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.51);display:flex;align-items: center;justify-content: center; font-size:16px; position:absolute; top:200px; transition:all 0.5s}
.gcon_4 .ibd .item:hover .cont .p3{ position:relative; top:0}
.gcon_4 .ibd .item:hover .cont{ bottom:50%; transform:translateY(50%)}
@media (max-width: 1600px){
	.gcon_4 .ibd .item{ width:392px; margin-right:12px}
	.gcon_4 .ibd .item .cont .p1{ font-size:20px;}
	.gcon_4 .ibd .item .cont .p2{ font-size:14px;}
	.gcon_4 .ibd .item .cont .p3{ margin-top:20px; width:105px; height:32px; font-size:14px}
	.gcon_4 .ibd .item .cont{ padding:30px}
}
@media (max-width: 1200px){
	.gcon_4{ margin-top:40px; margin-bottom:40px}
	.gcon_4 .ibd{ margin-top:30px;}
	.gcon_4 .ibd .item{ width:32%; margin-right:2%}
	.gcon_4 .ibd .item .cont .p1{ font-size:16px;}
	.gcon_4 .ibd .item .cont .p2{ font-size:12px;}
	.gcon_4 .ibd .item .cont .p3{ margin-top:15px; width:100px; height:30px; font-size:12px}
}
@media (max-width:750px){
	.gcon_4 .ibd .item{ width:100%; margin-right:0; margin-bottom:3%}
	.gcon_4 .ibd .item:nth-child(3){ margin-bottom:0}
}