@charset "utf-8";
.banner{ width:100%; height:100%; position:relative}
.banner .swiper01{ width:100%; height:100%; overflow:hidden; position:relative}
.banner .swiper01 a{ display:block; width:100%; height:100%; overflow:hidden}
.banner .swiper01 a .img1{ width:100%; height:100%; }
.banner .swiper01 a .img2{ width:100%; height:100%; display:none}
.banner .swiper01 a img{ transform:scale(1.1); transition:all 8s}


.banner .prev01{ background:url(g_08.png) center center no-repeat; width:24px; height:24px; background-size:100%; cursor:pointer; position:absolute; left:4%; top:50%; margin-top:-12px; z-index:9}
.banner .next01{ background:url(g_09.png) center center no-repeat; width:24px; height:24px; background-size:100%;  cursor:pointer; position:absolute; right:4%; top:50%; margin-top:-12px; z-index:9}
.banner .swiper01 .swiper-slide{ width:100%; position:relative; overflow:hidden}
.banner .swiper01 .swiper-slide .item{ position:absolute; left:0; width:100%; z-index:9; color:#fff; top:50%; transform:translateY(-50%); display:flex}
.banner .swiper01 .swiper-slide .item .nr{ box-sizing:border-box; padding-left:8%}
.banner .swiper01 .swiper-slide .item .title{ font-size:58px; font-weight:bold; line-height:1; visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:0.6s; position:relative; top:30px;}
.banner .swiper01 .swiper-slide .item .intro{ font-size:36px; margin-top:25px; visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:0.9s; position:relative; top:30px;}
.banner .swiper01 .swiper-slide .item .more{ width:fit-content; padding:0 20px; background:#fff; display:flex; align-items: center; justify-content: center; margin-top:90px; border-radius:25px; height:48px; visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:1.2s; position:relative; top:30px;}
.banner .swiper01 .swiper-slide .item .more i{ display:block; background:url(g_07.png) right center no-repeat; padding-right:18px; font-size:16px; color:#333333}
.banner .swiper01 .swiper-slide.swiper-slide-active .item .title,.banner .swiper01 .swiper-slide.swiper-slide-active .item .intro,.banner .swiper01 .swiper-slide.swiper-slide-active .item .more{ opacity:1;visibility:visible; top:0}
.banner .xmore{ position:absolute; left:50%; transform:translateX(-50%); bottom:5%; z-index:99; color:#fff}
.banner .xmore i{ display:block; background:url(g_10.png) top center no-repeat; padding-top:62px; font-size:16px; color:#fff; line-height:1}

.banner .swiper01 .swiper-slide.swiper-slide-active a img{ transform:scale(1); }

@media (max-width: 1680px){
	.banner .prev01{ width:20px; left:3%}
	.banner .next01{ width:20px; right:3%}
	.banner .swiper01 .swiper-slide .item .title{ font-size:42px; }
	.banner .swiper01 .swiper-slide .item .intro{ font-size:28px; margin-top:20px;}
	.banner .swiper01 .swiper-slide .item .more{ padding:0 16px;  margin-top:70px; height:42px;}
	.banner .swiper01 .swiper-slide .item .more i{ display:block; background:url(g_07.png) right center no-repeat; background-size:5px; padding-right:16px; font-size:14px; }
	
	.banner .xmore i{ background-size:auto 30px;padding-top:52px; font-size:14px}

}
@media (max-width: 1200px){
	.banner .prev01{ width:16px; left:2%}
	.banner .next01{ width:16px; right:2%}
	.banner .swiper01 a .img2{ width:100%; height:100%; display:block}
	.banner .swiper01 a .img1{ width:100%; height:100%; display:none}
	.banner .swiper01 .swiper-slide .item .nr{ padding:0 15px}
	.banner .swiper01 .swiper-slide .item .title{ font-size:24px; }
	.banner .swiper01 .swiper-slide .item .intro{ font-size:14px; margin-top:15px;}
	.banner .swiper01 .swiper-slide .item .more{ padding:0 12px;  margin-top:40px; height:36px;}
	.banner .swiper01 .swiper-slide .item .more i{ background-size:4px; padding-right:12px; font-size:12px; }
	.banner .xmore i{ background-size:auto 24px;padding-top:36px; font-size:12px}
}

.gcon_1{ background:#f3f3f3; padding:75px 0}
.gcon_1 .aitem .nr{ display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap}
.gcon_1 .aitem .nr .lt{ width:750px;}
.gcon_1 .aitem .nr .lt .title{ font-size:42px; color:#222222; line-height:1; font-weight:bold}
.gcon_1 .aitem .nr .lt .bq{ font-size:36px; color:#222222; line-height:1.2; margin-top:35px }
.gcon_1 .aitem .nr .lt .bq i{ color:#0271b9}
.gcon_1 .aitem .nr .lt .intro{ font-size:16px; color:#414141; line-height:2; margin:45px 0 }
.gcon_1 .aitem .nr .lt .more a{ background:url(g_14.png) left center no-repeat; padding-left:60px; font-size:16px; color:#555555; line-height:44px; display:block}
.gcon_1 .aitem .nr .rt{ position:relative;  }
.gcon_1 .aitem .nr .rt i{ display:block; width:100%; height:100%; background:url(g_11.jpg) center center no-repeat; background-size:cover; border-radius:50px 0 50px 0; position:absolute; left:-15px; top:15px; overflow:hidden}
.gcon_1 .aitem .nr .rt .play{ position:relative; z-index:9; border-radius:50px 0 50px 0; overflow:hidden; width:100%; cursor:pointer}
.gcon_1 .aitem .nr .rt .play img{ width:100%; height:auto}
.gcon_1 .aitem .nr .rt .play span{ background:url(g_13.png) center center no-repeat; width:52px; height:52px; background-size:58px; position:absolute; left:50%; top:50%; margin:-26px 0 0 -26px; border-radius:50%;}
.gcon_1 .aitem .nr .rt .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_1 .aitem .nr .rt .play:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}

.gcon_1 .aitem .nr .rt .play span{ 
	box-shadow: 0 0 rgba(255, 255, 255, 0.7),0 0 0 15px rgba(255, 255, 255, 0.4),0 0 0 30px rgba(255, 255, 255,0.1);
	animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-animation: ripple-wave1 1s linear infinite;
}


 
@keyframes ripple-wave1{
	to {
		box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.7),0 0 0 30px rgba(255, 255, 255, 0.4),0 0 0 45px rgba(255, 255, 255, 0.1);
	}
}

.gcon_1 .bitem ul{ display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap; margin-top:80px}
.gcon_1 .bitem ul li.li02{ width:1px; height:56px; background:#cfcfcf;}
.gcon_1 .bitem ul li.li02:last-child{ display:none}
.gcon_1 .bitem ul li .p1 span{ font-size:82px; color:#0271b9 ; font-family:Arial; line-height:1}
.gcon_1 .bitem ul li .p1 i{ font-size:24px; color:#0271b9; line-height:1}
.gcon_1 .bitem ul li .p2{ font-size:16px; color:#666666}
@media (max-width: 1680px){
	.gcon_1{ padding:60px 0}
	.gcon_1 .aitem .nr .lt{ width:560px;}
	.gcon_1 .aitem .nr .lt .title{ font-size:32px; }
	.gcon_1 .aitem .nr .lt .bq{ font-size:24px; margin-top:25px }
	.gcon_1 .aitem .nr .lt .intro{ font-size:14px; margin:30px 0 }
	.gcon_1 .aitem .nr .lt .more a{ background:url(g_14.png) left center no-repeat; background-size:auto 32px; padding-left:50px; font-size:14px; line-height:32px; }
	.gcon_1 .aitem .nr .rt i{ border-radius:40px 0 40px 0; left:-12px; top:12px; }
	.gcon_1 .aitem .nr .rt .play{ width:600px; border-radius:40px 0 40px 0; overflow:hidden; }
	.gcon_1 .aitem .nr .rt .play span{ width:46px; height:46px; background-size:48px; margin:-23px 0 0 -23px;}
	.gcon_1 .bitem ul{ margin-top:60px}
	.gcon_1 .bitem ul li.li02{ height:48px; }
	.gcon_1 .bitem ul li .p1 span{ font-size:60px; }
	.gcon_1 .bitem ul li .p1 i{ font-size:20px; }
	.gcon_1 .bitem ul li .p2{ font-size:14px; }
}
@media (max-width: 1200px){
	.gcon_1{ padding:40px 0}
	.gcon_1 .aitem .nr .lt{ width:100%;}
	.gcon_1 .aitem .nr .lt .title{ font-size:24px; }
	.gcon_1 .aitem .nr .lt .bq{ font-size:18px; margin-top:20px }
	.gcon_1 .aitem .nr .lt .intro{ font-size:12px; margin:25px 0 }
	.gcon_1 .aitem .nr .lt .more a{ background:url(g_14.png) left center no-repeat; background-size:auto 28px; padding-left:40px; font-size:12px; line-height:28px; }
	.gcon_1 .aitem .nr .rt{margin-top:20px; width:100%}
	.gcon_1 .aitem .nr .rt i{ border-radius:50px 0 50px 0; width:calc(100% - 10px); left:-0; top:10px; }
	.gcon_1 .aitem .nr .rt .play{ width:calc(100% - 10px); border-radius:50px 0 50px 0; overflow:hidden;  margin-left:10px;  }
	.gcon_1 .aitem .nr .rt .play img{ width:100%}
	.gcon_1 .aitem .nr .rt .play span{ width:36px; height:36px; background-size:40px; margin:-18px 0 0 -18px;}
	.gcon_1 .bitem ul{ margin-top:40px}
	.gcon_1 .bitem ul li.li02{ height:36px; }
	.gcon_1 .bitem ul li .p1 span{ font-size:46px; }
	.gcon_1 .bitem ul li .p1 i{ font-size:16px; }
	.gcon_1 .bitem ul li .p2{ font-size:12px; }
}
@media (max-width: 750px){
	.gcon_1 .aitem .nr .lt .title{ font-size:20px; }
	.gcon_1 .aitem .nr .lt .bq{ font-size:14px; margin-top:15px }
	.gcon_1 .aitem .nr .lt .intro{ margin:20px 0 }
	.gcon_1 .aitem .nr .lt .more a{ background:url(g_14.png) left center no-repeat; background-size:auto 24px; padding-left:36px; font-size:12px; line-height:24px; }
	.gcon_1 .aitem .nr .rt{margin-top:20px; width:100%}
	.gcon_1 .aitem .nr .rt i{ border-radius:30px 0 30px 0; left:-0; top:10px; }
	.gcon_1 .aitem .nr .rt .play{ width:calc(100% - 10px); border-radius:30px 0 30px 0; overflow:hidden;  margin-left:10px;  }
	.gcon_1 .bitem ul{ margin-top:30px}
	.gcon_1 .bitem ul li{ width:50%}
	.gcon_1 .bitem ul li.li02{ height:0; display:none }
	.gcon_1 .bitem ul li .p1 span{ font-size:28px; }
	.gcon_1 .bitem ul li .p1 i{ font-size:14px; }
	.gcon_1 .bitem ul li .p2{ font-size:12px; }
}

.gcon_2{ padding:90px 0}
.gcon_2 .ihd{ text-align:center; font-size:42px; color:#222222; line-height:1; font-weight:bold}
.gcon_2 .ibd{ margin-top:55px}
.gcon_2 .ibd .pic{ width:100%; overflow:hidden; border-radius:10px;}
.gcon_2 .ibd .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 .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.gcon_2 .ibd .pic .img1{ display:block}
.gcon_2 .ibd .pic .img2{ display:none}
@media (max-width: 1680px){
	.gcon_2{ padding:60px 0}
	.gcon_2 .ihd{ font-size:36px; }
	.gcon_2 .ibd{ margin-top:45px}
}
@media (max-width: 1200px){
	.gcon_2{ padding:40px 0}
	.gcon_2 .ihd{ font-size:24px; }
	.gcon_2 .ibd{ margin-top:30px}
}
@media (max-width: 750px){
	.gcon_2 .ihd{ font-size:20px; }
	.gcon_2 .ibd{ margin-top:20px}
	.gcon_2 .ibd .pic .img2{ display:block}
	.gcon_2 .ibd .pic .img1{ display:none}
}

.gcon_3{ background:url(g_16.jpg) center center no-repeat; background-size:cover; padding:110px 0}
.gcon_3 .nr{ display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap;} 
.gcon_3 .nr .rt{ width:1000px; display:flex; align-items: center;flex-wrap: wrap; border-radius:5px; overflow:hidden}
.gcon_3 .nr .rt .item{ width:25%; position:relative; z-index:2}
.gcon_3 .nr .rt .item:after{ content:""; display:block; width:1px; height:100%; background:#eaecef; position:absolute; right:0; top:0}
.gcon_3 .nr .rt .item:before{ content:""; display:block; width:100%; height:1px; background:#eaecef; position:absolute; right:0; bottom:0}
.gcon_3 .nr .rt .item img{ width:100%}
.gcon_3 .nr .rt .item:hover{ box-shadow:0 0 10px rgba(0,0,0,.15); z-index:9}
.gcon_3 .nr .rt .item:nth-child(4n):after{ width:0}
.gcon_3 .nr .rt .item:nth-child(n+9):before{ width:0}
.gcon_3 .nr .lt .a1{ font-size:42px; color:#222222; line-height:1; font-weight:bold}
.gcon_3 .nr .lt .a2{ font-size:90px; color:#0271b9; line-height:1; font-weight:bold; margin-top:40px}
.gcon_3 .nr .lt .a2 i{ font-size:30px; font-weight:bold; color:#333333; display:inline-block; vertical-align:top; line-height:1}
.gcon_3 .nr .lt .a3{ font-size:48px; color:#333; line-height:1.2; margin-top:30px}
.gcon_3 .nr .lt .a3 i{ color:#0271b9}
@media (max-width: 1680px){
	.gcon_3{ padding:80px 0}
	.gcon_3 .nr .rt{ width:720px; }
	.gcon_3 .nr .lt .a1{ font-size:36px; }
	.gcon_3 .nr .lt .a2{ font-size:80px;  margin-top:30px}
	.gcon_3 .nr .lt .a2 i{ font-size:26px; }
	.gcon_3 .nr .lt .a3{ font-size:40px; margin-top:20px}
}
@media (max-width: 1200px){
	.gcon_3{ padding:40px 0}
	.gcon_3 .nr .rt{ width:calc(100% - 260px); }
	.gcon_3 .nr .lt .a1{ font-size:24px; }
	.gcon_3 .nr .lt .a2{ font-size:60px;  margin-top:20px}
	.gcon_3 .nr .lt .a2 i{ font-size:20px; }
	.gcon_3 .nr .lt .a3{ font-size:30px; margin-top:20px}
}
@media (max-width: 750px){
	.gcon_3{ padding:40px 0}
	.gcon_3 .nr .rt{ width:100%; }
	.gcon_3 .nr .lt{ width:100%}
	.gcon_3 .nr .lt .a1{ font-size:20px; }
	.gcon_3 .nr .lt .a2{ font-size:40px;  margin-top:10px}
	.gcon_3 .nr .lt .a2 i{ font-size:16px; }
	.gcon_3 .nr .lt .a3{ font-size:20px; margin-top:10px; margin-bottom:20px}
}


.gcon_3x{ width:100%; position:relative}
.gcon_3x .pic{ width:100%; overflow:hidden}
.gcon_3x .pic img{ width:100%}
.gcon_3x .pic .img1{ display:block}
.gcon_3x .pic .img2{ display:none}
.gcon_3x .cont{ width:100%; position:absolute; left:0; top:80px; z-index:2; color:#fff; font-size:16px; line-height:2; text-align:center}
.gcon_3x .cont .intro{ width:900px; margin:0 auto; margin-top:20px;}
.gcon_3x .cont .title{ font-size: 42px; color: #fff;line-height: 1;font-weight: bold;}
@media (max-width: 1680px){
	.gcon_3x .cont .title{ font-size: 32px; }
	.gcon_3x .cont{ top:70px; }

}
@media (max-width: 1200px){
	.gcon_3x .pic .img2{ display:block}
	.gcon_3x .pic .img1{ display:none}
	.gcon_3x .cont{ font-size:14px; top:7% }
	.gcon_3x .cont .title{ font-size: 24px; }
	.gcon_3x .cont .intro{ width:100%;}
	
}
@media (max-width: 750px){

	.gcon_3x .cont .title{ font-size: 20px; }
	.gcon_3x .cont .intro{ margin-top:10px}

}