@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);
/*@import url(animate.min2.css);*/
#fp-nav.left{ display:none;}
/*.fp-tableCell .wrap2{ overflow:hidden; position:relative; max-height:100vh;}*/
/*首页*/

/*轮显*/
.banner .swiper-pagination{ bottom:70px;}
.banner .swiper-pagination .swiper-pagination-bullet { width:20px; height: 4px;  margin: 0 5px; border-radius:0%; position:relative; z-index:0; overflow:hidden; background:none;opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet:before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0;background:#fff;opacity:0.4;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ background:none; width:60px;}
.banner .swiper-pagination .swiper-pagination-bullet:after{ content:""; width:0; height:100%; position:absolute; left:0; top:0; background:var(--main-color); z-index:1;}
.banner .swiper-pagination .swiper-pagination-bullet-active:after{ width:100%;transition:all 5s;}
.main .banner .swiper-slide .ends{ text-align:center;}
.main .banner .swiper-slide .ends .rbtn{ /*display:inline-block; */vertical-align:top; margin-left:0.6%; margin-right:0.6%;}
.small-header .header1 { transform: translateY(-100%);}
.show-header .header1 { transform: translateY(0);}

/*关于我们*/
.service-wrap2{ /*display:none;*/background-repeat:no-repeat; background-position:center center; background-size:cover;overflow:hidden;}
.i_title{ text-align:center; margin-top:6%; overflow:hidden;}
.i_title .h3{ font-weight:bold; color:var(--main-color); overflow:hidden; line-height:1.3;}
.i_title span{ display:block; line-height:1.1;overflow:hidden; color:#222222; text-transform:uppercase; font-family:Arial;  letter-spacing:-2px;}
.i_title .p{ overflow:hidden; line-height:1.5; max-width:980px; margin:0 auto; margin-top:1.5%; color:#666666; font-size:16px; }
.i_one{ overflow:hidden; background:var(--main-color); text-align:center;}
.i_one .boxs{ width:94%; margin:0 auto; max-width:1300px; margin-bottom:5%;}
.i_one .i_title .h3{color:#e7841f;}
.i_one .i_title span{ color:#e7841f;}
.i_one .i_title .p{ color:#fff;}
.i_one .counter{ text-align:center; margin-top:4%;}
.i_one .counter ul li{ display:inline-block; vertical-align:top;width:24%;transition:all 0.3s; position:relative; }
.i_one .counter ul li:after{ content:""; position:absolute; right:0; top:50%; height:88px; margin-top:-44px; width:1px; background:rgba(255,255,255,0.1)}
.i_one .counter ul li:last-child:after{ display:none;}
.i_one .counter ul li .txts2{}
.i_one .counter ul li .nums{  line-height:1; color:#fff;}
.i_one .counter span{display:inline-block; vertical-align:middle; overflow:hidden; letter-spacing:1px;  font-weight:bold; font-family:Arial; }
.i_one .counter label{display:inline-block;vertical-align:top;font-weight:500; font-size:20px; }
.i_one .counter ul li:first-child label{ font-size:16px;}
.i_one .counter .h6{ font-weight: normal; overflow:hidden; line-height:24px;   white-space:nowrap;text-overflow:ellipsis; margin-top:12px; margin-bottom:6px; color:#fff;}
.i_one .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.service-wrap2 .indmh-more .a{ border-color:rgba(240,240,240,0.6); color:rgba(255,255,255,0.6)}
.service-wrap2 .indmh-more .a span{color:rgba(255,255,255,0.6)}
.service-wrap2 .indmh-more .a:after{ background:#e7841f;}
.service-wrap2 .indmh-more .a:hover{border-color: #005c8b;}
/*产品中心*/
.service-wrap3 .i_title{ margin-top:0;}
.service-wrap3 .i_title .p{ max-width:1040px;}
.i_two{ position:relative; margin-top:4%; margin-bottom:1%;}
.i_two .divhidden{opacity: 0; filter: Alpha(opacity=0);transition: all 0.3s;/* height: 0; */display: block; /* overflow: hidden; */}
.i_two .divhidden.on{opacity: 1.0; filter: Alpha(opacity=100); /* height: auto; */ display: block;}
.i_two .divhidden:nth-child(2),.i_two .divhidden:nth-child(3),.i_two .divhidden:nth-child(4){ position:absolute; top:0; left:0; width:100%; height:100%;}
/*优势*/
.service-wrap4{ background:#f5f8fa;}
.service-wrap4 .i_title{ margin-top:0%;}
.i_three{ margin-top:4%;}
.i_three ul li{ float:left; background:#fff; width:32%; margin-right:2%; margin-bottom:2%; overflow:hidden;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);transition:all 0.3s; position:relative; overflow:hidden; z-index:0;}
.i_three ul li:nth-child(3n){ margin-right:0;}
/*.i_three ul li:hover{ background:#e7841f;}*/
.i_three ul li a{ display:block;}
.i_three ul li .box{ width:90%; margin:0 auto; overflow:hidden; text-align:center; max-width:350px; margin-top:18%; margin-bottom:18%;}
.i_three ul li .imgs{ width:72px; height:72px; float:left;display:inline-block; vertical-align:middle; overflow:hidden; position:relative;transition:all 0.3s; margin-right:20px;}
/*.i_three ul li :hover .imgs{transform: translate(0%, -5px);}*/
.i_three ul li .filter { position: absolute; z-index: -1; width: 100%;height:100%; border:0; left: -100%; top: -100%; background: #e7841f; overflow:hidden; }
.i_three ul li .filter.trans {transition-duration: 0.2s; -webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;/* backface-visibility: hidden;*/}
.i_three ul li .imgs img{ width:100%; height:100%; position:absolute; top:0; left:0;transition:all 0.3s;}
.i_three ul li .imgs img.img2{opacity:0;filter:Alpha(opacity=0);}
.i_three ul li:hover .imgs img.img2{opacity:1.0;filter:Alpha(opacity=100);}
.i_three ul li:hover .imgs img.img1{opacity:0;filter:Alpha(opacity=0);}
.i_three ul li .txts{ overflow:hidden; text-align:left;}
.i_three ul li .txts .h3{ font-weight:bold; color:#222222; height:40px; line-height:40px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;transition:all 0.3s;}
.i_three ul li:hover .txts .h3{color:#fff;}
.i_three ul li .txts .p{ height:22px; line-height:22px; margin-top:7px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; color:#222222; font-size:16px;transition:all 0.3s;}
.i_three ul li:hover .txts .p{ color:#fff;}
/*解决方案*/
.service-wrap5{ position:relative; overflow:hidden;}
.service-wrap5 .fp-tableCell{vertical-align: top;}
.service-wrap5 .img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; }
.service-wrap5 .bgs{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.4);}
.service-wrap5 .i_four_bg{ overflow:hidden; position:absolute; top:0; left:0; width:100%;}
.service-wrap5 .i_title{ margin-top:10%; z-index:5; position:relative;}
.service-wrap5 .i_title .h3{color:#fff;}
.service-wrap5 .i_title span{ color:#fff;}
.i_four{/* overflow:hidden;*/ position:absolute; height:100%; top:0; left:50%;transform: translate(-50%, 0%);}
.i_four_two{ display:none; text-align:center; margin-top:4%; margin-bottom:6%; position:relative;}
.i_four_two ul li{ overflow:hidden; display:inline-block; vertical-align:top; width:22.5%; margin-left:0.6%; margin-right:0.6%; background:rgba(0,92,139,0.6); margin-bottom:2%;}
.i_four_two ul li .boxs{ width:94%; margin:0 auto; overflow:hidden; margin-top:25px; margin-bottom:25px;}
.i_four_two ul li .ico{ display:block; height:30px; margin:0 auto; }
.i_four_two ul li .h3{ color:#fff; overflow:hidden; line-height:20px; height:40px; margin-top:10%; font-size:14px;}
/*连接地球*/
.service-wrap6{ /*display:none;*/background-repeat:no-repeat; background-position:center center; background-size:cover;overflow:hidden;}
.service-wrap6 .i_title{ text-align:left;}
.service-wrap6 .i_title .h3 label{ color:#222222;}
.service-wrap6 .indmh-more{justify-content: left; margin-top:5%;}
.i_five{ overflow:hidden; margin-bottom:5%;}
.i_five .i_title{ margin-top:0;}
.i_five .ul{ overflow:hidden; margin-top:3%; color:#2f2e2e; font-size:20px; max-width:380px;}
.i_five .ul li{ display:block; overflow:hidden; margin-bottom:10%; position:relative; line-height:24px; padding-left:18px;}
.i_five .ul li:last-child{ margin-bottom:0;}
.i_five .ul li:after{ content:""; position:absolute; left:0; top:8px; width:10px; height:10px; border-radius:50%; background:#e7851d;}
.service-wrap6 .i_five .img{ display:none; max-width:100%; margin:0 auto; margin-top:5%;}
/*合作伙伴*/
.service-wrap7 .i_title{ margin-top:0%;}
.i_link{ margin-top:3%; text-align:center;}
.i_link li{ display:inline-block; width:15%; margin-bottom:1.3%; margin-right:1%;  vertical-align:top; overflow:hidden;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);/*background: #f5f5f5;*/}
.i_link li .imgs{ overflow:hidden; position:relative; padding-top:55.24%; }
.i_link li .imgs img{ display: block;width: 100%; height:100%; position:absolute; top:0; left:0; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; }
.i_link li:hover .imgs img{/*-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);*/ }
.i_link li .imgs img.i1{transform: scaleX(1); opacity: 1;}
.i_link li:hover .imgs img.i1{transform: scaleX(0); opacity: 0;}
.i_link li .imgs img.i2{transform: scaleX(0); opacity: 0; transition-delay: 0.3s;}
.i_link li:hover .imgs img.i2{transform: scaleX(1); opacity: 1;}
/*新闻中心*/
.service-wrap8{ background:#f5f8fa; overflow:hidden;}
.service-wrap8 .i_title{ margin-top:0%;}
.i_news{ margin-top:3%; overflow:hidden;}
.i_news ul li{ float:left; width:32%; background:#fff; margin-right:2%; overflow:hidden; position:relative;}
.i_news ul li:last-child{ margin-right:0;}
.i_news ul li .imgs{ overflow:hidden; position:relative;/* padding-top:66.072%;*/  padding-top:296px;}
.i_news ul li .imgs img{object-fit: cover; display: block;width: 100%; height:100%; position:absolute; top:0; left:0; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; }
.i_news ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_news ul li .txts{ overflow:hidden; width:94%; max-width:376px; margin:0 auto; margin-top:32px;}
.i_news ul li .txts .h3{ height:34px; line-height:34px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-weight:bold; color:#222222; font-size:18px;}
.i_news ul li .txts .p{ overflow:hidden; line-height:24px; height:48px; font-size:16px; color:#666666; margin-top:11px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.i_news ul li .txts .date{ height:20px; line-height:20px; margin-top:18px; overflow:hidden; font-size:14px; color:#999999; margin-bottom:37px;}
.i_news ul li .class{ position:absolute; top:0; left:0; z-index:2; width:120px; height:36px; line-height:36px; text-align:center; background:rgba(0,92,139,0.8); color:#fff; font-size:16px;}
.i_news ul li dl{ overflow:hidden; margin-top:54px; margin-bottom:40px;}
.i_news ul li dl dd{ overflow:hidden; display:block; padding-top:20px; padding-bottom:20px;transition:all 0.3s;}
.i_news ul li dl dd .cons{ overflow:hidden; width:94%; max-width:370px; margin:0 auto;}
.i_news ul li dl dd .cons .h3{ height:34px; line-height:34px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-weight:bold; color:#222222; font-size:18px;transition:all 0.3s;}
.i_news ul li dl dd .cons .date{ height:20px; line-height:20px; margin-top:7px; overflow:hidden; font-size:14px; color:#999999;transition:all 0.3s;}
.i_news ul li dl dd:hover{ background:var(--main-color);}
.i_news ul li dl dd:hover .cons .h3{ color:#fff;}
.i_news ul li dl dd:hover .cons .date{ color:#fff;}
.service-wrap8 .indmh-more{ margin-top:2.5%;}
@media screen and (max-width: 1500px) {
/*优势*/
.i_three ul li .txts .p{ font-size:15px;}
.i_three ul li .imgs{ margin-right:12px;}

}
@media screen and (max-width: 1200px) {
#fp-nav.left{ display:none;}
.section,
.section1,
.fp-section,
#dowebok .fp-slides,
#dowebok .fp-slide,
#dowebok .fp-slidesContaine,
.fp-tableCell{
	height: auto !important;
}
.fp-tableCell .wrap2{ max-height:none;}
/*轮显*/
/*.main .banner:hover .btn .boxs{width:97%;}
.main .banner .btn .boxs{ width:98%;}*/

/*关于我们*/
.i_title .p{ font-size:15px; margin-top:3%; line-height:1.6;}
.i_one .counter{ margin-top:5%;}
.i_one .counter label{font-size:18px;}
.i_one .counter ul li:first-child label{ font-size:15px;}
.i_one{ margin-top:6%; margin-bottom:6%;}
/*产品中心*/
.service-wrap3 .i_title{ margin-top:8%;}
.i_two{ padding-bottom:5%;}
/*优势*/
.service-wrap4 .i_title{ margin-top:8%;}
.i_three{ margin-bottom:5%;}
.i_three ul li .txts .p{ font-size:14px;}
/*解决方案*/
.service-wrap5 .fp-tableCell{ height:550px!important;}
.service-wrap5 .i_title{ margin-top:8%;}
/*连接地球*/
.i_five{ margin-bottom:7%; text-align:center;}
.i_five .i_title{ margin-top:8%;text-align:center;}
.service-wrap6{ background:#eaeef1;}
.service-wrap6 .indmh-more{justify-content:center; margin-top:4%;}
.i_five .ul{ max-width:none; display:inline-block; vertical-align:top; text-align:left;}
.i_five .ul li{ margin-bottom:2%;}
.service-wrap6 .i_five .img{ display:block;}
/*合作伙伴*/
.service-wrap7 .i_title{ margin-top:8%;}
.i_link{ margin-bottom:6%;}
.i_link li{ width:18.5%;}
/*新闻中心*/
.service-wrap8 .i_title{ margin-top:8%;}
.i_news ul li{ width:49%; margin-bottom:2%;}
.i_news ul li:nth-child(2){ margin-right:0;}
.i_news ul li:nth-child(3){ width:100%; margin-bottom:0;}
.i_news ul li .imgs{ padding-top:66.072%;}
.i_news ul li .txts{ max-width:none;}
.i_news ul li .txts .p{ font-size:14px;}
.i_news ul li .txts .date{ font-size:13px;}
.i_news ul li dl{ margin-bottom:20px; margin-top:50px;}
.i_news ul li dl dd .cons{ max-width:none;}
.i_news ul li dl dd{ float:left; width:49%; padding-top:15px; padding-bottom:15px;}
.i_news ul li dl dd:nth-child(2n){ float:right;}
.i_news ul li dl dd .cons .date{ font-size:13px;}
.service-wrap8 .indmh-more{ margin-bottom:6%;}

}


@media screen and (max-width: 992px) {
/*轮显*/
.main .banner .btn{bottom:50px;}
.main .banner .down{ bottom:50px;}
.banner .swiper-pagination{ bottom:50px;}
/*关于我们*/
.i_title .p{ font-size:14px;}
.i_one .counter label{font-size:16px;}
.i_one .counter ul li:first-child label{ font-size:14px;}
/*产品中心*/
.i_two{ margin-top:1.5%;}
/*优势*/
.i_three ul li{ width:49%; margin-bottom:3%;}
.i_three ul li:nth-child(3n){ margin-right:2%;}
.i_three ul li:nth-child(2n){ margin-right:0;}
.i_three ul li .box{ margin-top:15%; margin-bottom:15%;}
/*解决方案*/
.service-wrap5 .fp-tableCell{ height:450px!important;}
/*连接地球*/
.i_five .ul{ margin-top:4%;font-size:18px;}

}


@media screen and (max-width: 640px) {
/*轮显*/
.main .banner .btn{ bottom:40px;}
.main .banner .btn .boxs{ margin-top:-40px; width:82px; margin-left:-41px;}
.main .banner .swiper-button-prev,.main .banner .swiper-button-next{ width:40px; height:40px;background-size:10px auto;}
.banner .swiper-pagination{ bottom:40px;}
/*.main .banner .swiper-other { bottom: 20px;}*/
.main .banner .down{ bottom:40px;}
/*关于我们*/
.i_title .p{ font-size:13px;}
.i_one .boxs{ margin-bottom:6%;}
.i_one .counter label{font-size:15px;}
.i_one .counter ul li:first-child label{ font-size:13px;}
.i_one .counter ul li{ width:49%;}
.i_one .counter ul li:nth-child(2):after{ display:none;}
/*优势*/
.i_three ul li .imgs{ width:60px; height:60px; margin-right:10px;}
.i_three ul li .txts .h3{ height:30px; line-height:30px;}
.i_three ul li .box{ margin-top:12%; margin-bottom:12%;}
.i_three ul li .txts .p{ margin-top:4px; font-size:13px;}
/*解决方案*/
.service-wrap5 .fp-tableCell{ height:400px!important;}
/*连接地球*/
.i_five .ul li{ margin-bottom:3%;}
.i_five .ul{ font-size:16px;}
.i_five .ul li:after{ top:6px;}
/*合作伙伴*/
.service-wrap7 .i_title{ margin-top:8%;}
.i_link li{ width:18%; margin-bottom:1.5%;}
/*新闻中心*/
.i_news ul li .class{ font-size:14px; width:100px; height:32px; line-height:32px;}
.i_news ul li .txts{ margin-top:15px;}
.i_news ul li .txts .p{ margin-top:6px; font-size:13px;}
.i_news ul li .txts .h3{ font-size:16px; height:30px; line-height:30px;}
.i_news ul li .txts .date{ margin-bottom:20px; font-size:12px; margin-top:12px;}
.i_news ul li dl dd{ padding-top:10px;}
.i_news ul li dl{ margin-top:45px; margin-bottom:15px;}
.i_news ul li dl dd .cons .h3{ font-size:16px;height:30px; line-height:30px;}
.i_news ul li dl dd .cons .date{ font-size:12px;}
}

@media screen and (max-width: 480px) {
/*轮显*/
.banner .swiper-pagination{ bottom:30px;}
.main .banner .btn{bottom:30px;}
.main .banner .btn .boxs{ margin-top:-30px; width:62px; margin-left:-31px;}
.main .banner .swiper-button-prev,.main .banner .swiper-button-next{ width:30px; height:30px;background-size:8px auto;}
.main .banner .swiper-slide .txt{ font-size:32px; margin-bottom:20px;}
.main .banner .swiper-slide .desc{ font-size:18px;}
.main .banner .down{ display:none;}
.banner .swiper-pagination{ bottom:30px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ width:40px;}

/*关于我们*/
.i_title .p{ font-size:12px;}
.i_one .counter label{font-size:14px;}
.i_one .counter ul li:first-child label{ font-size:12px;}

/*优势*/
.i_three ul li{ width:100%; margin-right:0; float:none;}
.i_three ul li .box{ margin-top:8%; margin-bottom:8%;}
.i_three ul li .txts .p{ font-size:12px;}
/*解决方案*/
.i_four{ display:none;}
.service-wrap5 .fp-tableCell{ height:390px!important; vertical-align:middle;}
.i_four_two{ display:block;}
.i_four_two ul{ width:102%; margin-left:-1%;}
/*连接地球*/
.i_five .ul{ font-size:14px; margin-top:5%;}
.i_five .ul li{  padding-left:14px;}
.i_five .ul li:after{ width:8px; height:8px;}
/*合作伙伴*/
.i_link li{ width:23%; margin-bottom:2%;}
/*新闻中心*/
.i_news ul li .txts .h3{ font-size:14px; height:24px; line-height:24px;}
.i_news ul li .txts .p{ font-size:12px; line-height:20px; height:40px;}
.i_news ul li dl dd .cons .h3{ font-size:14px; height:24px; line-height:24px;}
}


@media screen and (max-width: 420px) {
/*轮显*/
.main .banner .swiper-slide .txt{ font-size:30px;}
.main .banner .swiper-slide .desc{ font-size:16px;}
/*合作伙伴*/
.i_link{ margin-top:4%;}
.i_link li{ width:30%; margin-right:2%; margin-bottom:3%;}
/*新闻中心*/
.i_news ul li dl dd{ float:none; width:100%; padding-bottom:12px;}
.i_news ul li dl dd:nth-child(2n){ float:none;}
.i_news ul li .class{ font-size:13px; width:90px;}

}
@media screen and (max-width: 360px) {
/*轮显*/
.main .banner .swiper-slide .txt{ font-size:24px;}
.main .banner .swiper-slide .desc{ font-size:14px;}
/*优势*/
.i_three ul li .box{ width:94%;}
.i_three ul li .imgs{ width:56px; height:56px; margin-right:8px;}
.i_three ul li .txts .p{  line-height:20px; height:20px; margin-top:2px;}


}
@media screen and (min-width: 1200px) {
/*轮显*/
.swiper-container{ height:100%!important;}
.main .banner .swiper-slide {position: relative; height:100%;}

}

@media screen and (min-width: 1200px) {
.service-wrap .bleftto{filter:alpha(opacity=0);opacity:0;}
.service-wrap.active .bleftto{animation:mymove8 0.5s; -webkit-animation:mymove8 0.5s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0s;
	
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0s;}
.service-wrap .brightto{filter:alpha(opacity=0);opacity:0;}
.service-wrap.active .brightto{animation:mymove7 0.5s; -webkit-animation:mymove7 0.5s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.5s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.5s;}
.service-wrap .banim-1{filter:alpha(opacity=0);opacity:0;}
.service-wrap.active .banim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.2s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.2s;}
.service-wrap .banim-2{filter:alpha(opacity=0);opacity:0;}
.service-wrap.active .banim-2{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.4s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.4s;
}
.service-wrap .banim-3{filter:alpha(opacity=0);opacity:0;}
.service-wrap.active .banim-3{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.6s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.6s;
}
.service-wrap .banim-4{filter:alpha(opacity=0);opacity:0;}
.service-wrap.active .banim-4{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.8s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.8s;
}
}
@keyframes mymove6
{
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(60px) translateX(0);
  transform: translateY(60px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@-webkit-keyframes mymove6
{
	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}
	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(60px) translateX(0);
  transform: translateY(60px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

/*index*/
@font-face {
	        font-family:font1;
	        src: url("AlibabaPuHuiTi-3-55-RegularL3.ttf");
        } 
.header1{width: 100%; position: fixed; z-index: 9999;top: 0;left: 0; height: 72px;backdrop-filter: blur(10px);transition: All 0.4s ease-in-out;}
.c1{opacity: 1;}
.c2{opacity: 0;}
.dwnr{position: absolute; width: 60px;top: 0;left: 50%; transform: translateX(-50%);opacity: 0;transition: All 0.4s ease-in-out;}
.dwnr b{display: block; border-bottom: 2px solid #000; margin-bottom: 2px;}
.header1.on1{ background: rgba(255,255,255,1);box-shadow:0 0 10px rgba(0, 0, 0, .1); }

.header1.on1 .nav ul li h3 a:hover:before{border-bottom: 3px solid #000;}

.header1.on1 .nav ul li h3 a { color: #333;}
.header1.on1 h3 a b{background: url(a3a.png);}
.headerbox h3:hover a { color: ;}
.header1.on1 .c1{opacity: 0;}
.header1.on1 .c2{opacity: 1;}
.header1.on1 .ssbtn{background: url(a2a.png)  no-repeat center rgba(255,255,255,.1)}

.header1:hover{top: 0;}
.header1:hover .nav ul li{margin-top: 0px;}
.header1:hover img{top: 0;}
.headerbox{width: 1600px; margin: 0 auto;max-width: 94%; position: relative;height: 72px;}
.logo1{float: left;margin-top:15px;position: relative; width:200px;}
.logo1 img{position: absolute; top: 0;left: 0;}
.ssbtn{background: url(a2.png)  no-repeat center rgba(255,255,255,.1);width: 32px;height: 30px;border-radius: 50%; float: right; margin-top: 20px;cursor: pointer;}
.nav{float: right;}
.nav li{float: left; position: relative; padding: 0 16px;}
.nav h3 a{display: block; color: #fff; line-height: 72px; font-size: 18px;}
.nav li>dl { display: none; position: absolute; background: #ffffff; width: 140px; left: 50%; margin-left: -70px;}
.nav li>dl>dt { border-bottom: 1px solid #eee;}
.nav li>dl>dt:last-child { border: none;}
.nav li>dl>dt a { transition: all .5s; text-align: center; line-height: 3; display: block; font-size: 16px; color: #333333;}
.nav li#proSub { position: static;}

.nav h3 a b{ display:none;background: url(a3.png);width: 9px;height: 5px;vertical-align: middle; margin: -3px 0 0 9px;transition: All 0.4s ease-in-out;}
.nav .on h3 b{transform: rotate(180deg);} 
.sub {position: absolute; width: 100%; top: 72px; left: 0;background: rgba(255,255,255,.99);display: none;backdrop-filter: blur(25px);}
.subox{width: 1600px;margin: 0 auto; max-width: 94%; padding: 32px 0;overflow: hidden;}
.sub_left{float: left; width: 512px; position: relative;}
.sub_left img{width: 100%;}
.sub_text{position: absolute;left: 0; bottom: 30px; padding-left: 30px;box-sizing: border-box;}
.sub_text h3{color: #2f69cf; font-size: 12px;}
.sub_text h2{font-size: 24px; line-height: 34px; color: #000; margin: 5px 0;}
.sub_text p{font-size: 12px; color: #999;}
.sub_right{float: right;width: calc(100% - 560px);display: flex;/* justify-content : space-between; */flex-wrap: wrap;}
.subdhbox{width: 33.33%;padding-bottom: 45px;}
.subdhbox h2{font-size: 16px; margin: 15px 0; color: #333;}
.subdhbox dl{overflow: hidden; margin-left: -18px;}
.subdhbox dt{float: left; font-size: 14px; margin-left: 18px; line-height: 38px;}

.banner{overflow: hidden;position: relative;}
.bannerbox{width: 100%;height: 100vh; overflow: hidden;position: relative;}
.bannerbox img{width: 100%;height: 100% !important; object-fit: cover;}

.banner_text{ position: absolute;z-index: 10; top: 72px;height: calc(100% - 72px);left: 8vw;}
.flnr{width: 375px;background: rgba(0,0,0,0.8); padding: 0 25px;height: 100%;box-sizing: border-box;}
.flnr h2{font-size:24px; padding: 33px 0 29px; color: #fff; border-bottom: 1px solid #2f4142; margin-bottom: 24px;}
.flxq{border: 1px solid #384e52;border-radius: 14px; margin-bottom: 16px;}
.flxq h3{padding: 15px; color: #fff;font-size: 18px;}
.flxq ul{overflow: hidden; padding: 0 15px 6px 15px;}
.flxq li{float: left; padding-right: 18px; line-height: 38px; font-size: 16px;}
.flxq li a{color: #fff;}
.flxq li a:hover{color: var(--main-color);} 
.bannerbox{position: relative;}
.boxtext{position: absolute;width: 580px;left:50%; top:50%; transform:translate(-50%,-50%);}
.boxtext h2{font-size: 20px; color: #FFF100;}  
.boxtext h3{font-size: 64px; color: #fff;margin: 6px 0 20px;}
.boxtext p{font-size: 24px;color: #fff; opacity: .8;}

.wz1600{width:1600px;max-width: 94%; margin: 0 auto;}
.cpzx_title{padding: 120px 0 40px;text-align: center;}
.cpzx_title h2{color: #f3f3f3;text-align: center;font-size: 100px;position: relative;line-height: 1;}
.cpzx_title h2 span{font-weight: bold;font-size: 40px;color: #0C0D1B;position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%);}
.cpzx_title p{font-size: 18px;color: #0C0D1B; margin-top: 2px;}
.cpzx_qh{padding-bottom: 100px;}
.cpzx_qh ul{overflow: hidden; margin-left: -30px; padding-bottom: 30px;}
.cpzx_qh li{float: left; width: 25%; padding: 0 0 30px 30px;}
.cpzx_qh li p { transition: all 0.5s; line-height: 3; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-size: 16px; text-align: center;}
.cpzxbox{position: relative;/* height: 382px;  */overflow: hidden;}
.cpzxbox img{width: 100%;height: 100%; object-fit: cover;}

.cpzxbox p{text-align: center; position: absolute; width: 100%; font-size: 24px; color: #0C0D1B;left:0;bottom: 45px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;transition: All 0.4s ease-in-out;} 
.btn1{display: block; margin: 0 auto; width: 188px;line-height: 44px;border-radius: 22px;text-align: center;color: #fff !important;font-size: 18px;}
.btn1:hover img{margin-left: 25px;}
.btn1 img{display: inline-block;vertical-align: middle; margin: -3px 0 0 15px;transition: All 0.4s ease-in-out;}
.cpzx_bt{text-align: center; padding-bottom: 80px;}
.cpzx_bt ul{display: inline-block; font-size: 0;border-radius: 24px; background: #f4f7fc;}
.cpzx_bt li{display: inline-block; }
.cpzx_bt li span{display: inline-block; line-height: 48px;cursor: pointer; padding: 0 48px; font-size:18px;color: #0C0D1B;border-radius: 24px;}


.jjfa{position: relative;}
.jjfa_nr{position: relative;z-index: 1;}
.jjfa_tp img{width: 100%; display: block;}
.jjfa_title{position: absolute; width: 100%; left: 0; top: 165px;z-index: 90;text-align: center;}
.jjfa_title h2{color: #fff; font-size: 40px;font-weight: bold;}
.jjfa_title p{font-size: 18px;color: #fff; opacity: 0.5; margin-top: 8px;}
.jjfa_xq{position: absolute;width: 100%; height: 100%;top: 0;left: 0;}
.jjfa_xq ul{overflow: hidden; width: 100%; height: 100%;}
.jjfa_xq li{float: left; width: 16.66%; height: 100%;border-right: 1px solid rgba(86,90,105,1);position: relative;}
.jjfa_xq li:before{position: absolute; width: 0;height: 100%; left: 0;top: 0;z-index: 1;content: "";background: rgba(0,73,199,.8);transition: all .6s ease 0s;}
.jjfabox{position: absolute; width: 100%;left:50%; top:50%; transform:translate(-50%,-50%);text-align: center;z-index: 90;} 
.jjfabox p{color: #fff; font-size: 24px; margin: 13px 0 0 0;}
.jjfabox span{display: block; text-align: center; line-height: 42px; line-height: 52px;border-radius: 26px;border:1px solid #fff; color: #FFF; margin: 0 auto; color: #fff; font-size: 18px;width: 154px;position: absolute; top: 155px;left: 50%;transform: translateX(-50%);opacity: 0;transition: All 0.4s ease-in-out;}
.jjfabox span img{margin-left: 15px;transition: All 0.4s ease-in-out;}

.jjfabox span:hover img{margin-left: 25px;}
.jjfabox b{width: 64px;display: block; margin: 0 auto;height: 64px;}
.jjfabox b img{width: 100%; height: 100%;}
.jjfa_xq li:hover:before{width: 100%;}
.jjfa_xq li:hover span{opacity: 1;}
.zjzg{position: relative;}
.zjzg img{width: 100%;}
.zjzg_box{position: absolute; width: 1600px; max-width: 94%;left:50%; top:50%; transform:translate(-50%,-50%);z-index: 10;}
.zjzg_text h2{font-size: 40px; color: #0C0D1B; position: relative; line-height: 120px;font-weight: bold;}

.zjzg_text ul{padding: 30px 0 60px;}
.zjzg_text li{font-size: 18px; color: #0C0D1B;line-height: 2;}
.zjzg_text a{display: block; text-align: center; line-height: 44px; width: 160px;border-radius: 22px; color: #fff; font-size: 18px; }
.zjzg_text a:hover img{margin-left: 25px;}
.zjzg_text a img{display: inline-block; width: 15px; margin-left: 15px;transition: All 0.4s ease-in-out;}
.zjzg_text h2  span{position: absolute; font-size: 100px; color: #f3f3f3;left: 5px; bottom: 25px;}
.zjzg_text h2 i{position: relative;z-index: 10;font-style: normal;}
.dtbz{position: absolute; width: 53px;top: calc(52% - 63px); right: calc(15.5vw - 63px);}
.dtbz img{animation: scaledh 1.5s infinite;}
@-webkit-keyframes scaledh{
0%{ opacity: 0.8; -webkit-transform: scale(1);}
50%{ opacity: 1; -webkit-transform: scale(1.25);}
100%{ opacity: 0.8; -webkit-transform: scale(1);}
}
@keyframes scaledh{
0%{ opacity: 0.8; transform: scale(1);}
50%{ opacity: 1; transform: scale(1.25);}
100%{ opacity: 0.8; transform: scale(1);}
}

.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }
.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }


.bj2{background: #f7f6fb;}
.hzhb{width: 1600px; max-width: 94%; margin: 0 auto;}
.hzhb ul{overflow: hidden; margin-left: -32px;padding: 5px 5px 70px 5px;}
.hzhb li{float: left; width: 20%; padding: 0 0 32px 32px;box-sizing: border-box;}
.hzhb a{display: block;background: #fff; box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.hzhb a img{width: 100%;transition: all 0.9s;}
.hzhb a:hover img{transform: rotateY(360deg);}

.gslc{background:url(a30.png) no-repeat center center;background-size: cover;}
.gslc_box{width: 1600px; max-width: 94%; margin: 0 auto;height: 750px;}
.tslc_title{padding: 30px 0 35px;position: relative;}
.tslc_title h2{font-size: 100px; line-height: 1; color: rgba(255,255,255,.2);position: relative;}
.tslc_title span{position: absolute;left: 0; bottom: 10px; color: #fff; font-size: 40px;font-weight: bold;}
.tslc_title a{display: block;position: absolute; right: 0; bottom:85px; width: 150px; line-height: 44px;border-radius: 22px;font-size: 18px;text-align: center;background: #fff;}
.tslc_title a:hover img{margin-left: 25px;}
.tslc_title a img{display: inline-block;vertical-align: middle; margin: -3px 0 0 15px;transition: All 0.4s ease-in-out;}
.gslc_nr{overflow: hidden; border: 1px solid rgba(255,255,255,.2);background: rgba(255,255,255,.1);backdrop-filter: blur(1px);}
.gslc_left{float: left; width: 50%; padding: 40px 65px 0 65px;}
.gslc_left h2{position: relative; font-size: 40px; color: #fff; padding-bottom: 70px;}
.gslc_left h2:before{position: absolute;content: ""; width: 65px; left: 0;bottom: 35px;}
.gslc_left p{font-size: 18px; line-height: 27px; color: #fff;}
.gslc_left a{display: block; right: 0; bottom:85px; width: 150px; line-height: 44px;border-radius: 22px;font-size: 18px;text-align: center;background: #fff; margin-top: 30px;}
.gslc_left a:hover img{margin-left: 25px;}
.gslc_left a img{display: inline-block;vertical-align: middle; margin: -3px 0 0 15px;transition: All 0.4s ease-in-out;}
.gslc_right{float: right;width: 50%;}
.gslc_right ul{overflow: hidden;}
.gslc_right li{float: left; width: 50%; border-left:  1px solid rgba(255,255,255,.2); padding: 50px 0 55px 35px;border-bottom:  1px solid rgba(255,255,255,.2);}
.gslc_right h2{color: #fff; font-size: 64px; font-family: font1;}
.gslc_right p{color: #fff; font-size: 16px; opacity: 0.6;}
.gslc_right ul li:nth-child(3){ border-bottom: none;}
.gslc_right ul li:nth-child(4){ border-bottom: none;}

.qyzz{padding-bottom: 100px;}
.qyzz_title{text-align: center; padding: 120px 0 85px;}
.qyzz_title h2{font-size: 100px; line-height: 1; position: relative; color: rgba(12,13,27,.05);}
.qyzz_title h2 span{position: absolute; bottom: 15px;left: 50%; transform: translateX(-50%);font-size: 40px; color: #0C0D1B;font-weight: bold;}
.qyzz_title p{font-size: 18px;color: #0C0D1B; margin-top: 10px;}
.qyzz_nr{position: relative;overflow: hidden;width: calc(100% + 170px); margin-left: -85px; padding: 0 85px;box-sizing: border-box;}
.qyzz_nr .swiper{overflow: hidden;}
.qyzz_nr a{display: block; overflow: hidden;}
.qyzz_nr img{width: 100%;}
.qyzz_nr .swiper-button-next{background: url(a19.png);width: 56px;height: 56px; right: 0;margin-top: -28px; right: 0;box-sizing: 100%;}
.qyzz_nr .swiper-button-prev{background: url(a18.png);width: 56px;height: 56px; left: 0;margin-top: -28px; right: 0;box-sizing: 100%;}
.qyzz_nr .swiper-button-next:hover{background: url(a21.png);box-sizing: 100%;}
.qyzz_nr .swiper-button-prev:hover{background: url(a20.png);box-sizing: 100%;}
.bj3{background: url(a22.png) no-repeat center bottom; padding-bottom: 95px;}
.vider{position: relative;}
.vider img{width: 100%;}
.bfbtn {background:url(a24.png) no-repeat center center;width: 80px;height: 80px;border-radius: 50%;cursor: pointer; position: absolute;
    transition: all ease .4s;left:50%; top:50%; transform:translate(-50%,-50%);background-size: 100% 100%;
}
.bfbtn::after { z-index: -1; animation: scaleAni 1s infinite linear; content:''; border:1px solid #ffffff; width: 100%; height: 100%;
 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;}
.bfbtn::before { z-index: -1;animation: scaleAni 1.5s infinite linear;  content:''; border:1px solid #ffffff; width: 120%; height: 120%;
 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;}
@keyframes scaleAni{
	from{ transform: translate(-50%,-50%) scale(1); opacity: 1;}
	to{transform: translate(-50%,-50%) scale(1.5); opacity: 0;}
}

.bj4{background: #f4f7fc;}
.xwzx{padding-bottom: 100px;}
.xwzx_title{text-align: center; padding: 125px 0 40px;}
.xwzx_title h2{font-size: 100px; line-height: 1; position: relative; color: rgba(12,13,27,.05);}
.xwzx_title h2 span{position: absolute; bottom: 15px;left: 50%; transform: translateX(-50%);font-size: 40px; color: #0C0D1B;font-weight: bold;}
.xwzx_title p{font-size: 18px;color: #0C0D1B; margin-top: 10px;}

.xwzxbox span{display: block; overflow: hidden; height: 328px;}
.xwzxbox span img{width: 100%;height: 100%; object-fit: cover;}
.xwzx_nr ul{overflow: hidden; margin-left: -30px;}
.xwzx_nr li{float: left; width: 33.33%; padding-left: 30px;box-sizing: border-box;}
.xwzxbox{border-radius: 10px; padding: 25px;background: #fff;transition: All 0.4s ease-in-out;}
.xwzxtext{padding: 35px 0 0 0;}
.xwzxtext h2{font-weight: bold; font-size: 24px; line-height: 36px; color: #0C0D1B;height: 72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xwzxtext p{font-size: 18px; line-height: 27px;color: #0C0D1B;opacity: .5; margin-top: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xwzxtext h3{font-weight: bold;font-size: 16px; margin-top: 20px;}
.fr{float: right;}
.xwzx_nr  dt{padding-bottom: 25px;}
.xwzx_nr  dt a{display: block; border-radius: 15px; background: #fff; transition: All 0.4s ease-in-out;}

.xwzx_nr  dt a:hover *{color: #fff;}
.lbxw{overflow: hidden; padding: 25px 0;}
.rqbox{float: left;width: 113px;text-align: center; }
.rqbox h2{font-size: 32px;color: #0C0D1B;line-height: 55px;}
.rqbox p{font-size: 14px;color: #0C0D1B; opacity: .5;}
.lbxw_right{float: right;width: calc(100% - 113px); padding-left: 15px;box-sizing: border-box;overflow: hidden;border-left:1px solid #e8e8ea;}
.lbxw_right img{float: left; width: 80px;height: 80px;border-radius: 10px;}
.lbxw_text h2{font-size: 16px;color: #0C0D1B; font-weight: 100; line-height: 46px;font-weight: bold;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lbxw_text p{color: #0C0D1B;opacity: .5; font-size: 14px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lbxw_text{/* float: right; */width: calc(100% - 0px); padding-right: 25px;box-sizing: border-box;}
.btn5{display: block; font-size: 18px; color: #fff;text-align: center; margin: 35px auto 0 auto;width: 188px; line-height: 44px;border-radius: 22px;color: #fff !important;}
.btn5 img{display: inline-block;vertical-align: middle; margin: -4px 0 0 15px;transition: All 0.4s ease-in-out;}
.btn5:hover img{margin-left: 25px;}

.xwzx_nr a:hover .xwzxbox *{color: #fff;}


.bqxx_top{overflow: hidden; width: 1600px; max-width: 94%; padding: 80px 0; margin: 0 auto;}
.bqxx_left{float: left; max-width: 290px;}
.bqxx_left p{color: #fff; font-size: 16px; margin-top: 38px;}
.bqxx_right{float: right;width: 320px;}
.bqxx_right h2{font-size: 16px; color: #fff; opacity: .5;margin-bottom: 18px;}
.bqxx_right h3{font-size: 32px;color: #FFF100;}
.bqxx_right p{font-size: 15px; opacity: 0.5; color: #fff;line-height: 28px;margin: 20px 0 10px;}
.gnfl{float: right;width: calc(100% - 720px);}
.gnfl ul{overflow: hidden;}
.gnfl li{float: left; width: 20%;}
.gnfl h2{font-size: 16px; color: #fff; opacity: .5;margin-bottom: 18px;}
.gnfl h2 a{color: #fff;}
.gnfl dt{font-size: 14px; line-height: 28px;}
.gnfl dt a{color: #fff;}


.xqbq p{width: 1600px; margin: 0 auto; max-width: 94%; line-height: 58px;color: #fff;opacity: .6;}
.xqbq p span{padding-left: 10px;}
.xqbq p a{padding-left: 10px;opacity: .6; color: #fff !important;}
.xqbq p a:hover{opacity: 1;}
.sjzs{display: none;}
.xwzx_qh{animation: fadeIn 1s 1;}
.cpzx_qh{animation: fadeIn 1s 1;}

.vaderbox{width: 1080px;position: fixed;z-index: 101;left:50%; top:50%; transform:translate(-50%,-50%);max-width: 90%;display: none;}
.ggbtn{position: absolute;width: 40px;height: 40px;border: 1px solid #fff;border-radius: 50%; top: -20px; right: -20px;background: url(c10.png) no-repeat center center #000;cursor: pointer;transition: All 0.4s ease-in-out;background-size: 20px 20px;}
.ggbtn:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.dhbj{position: fixed;z-index: 99;width: 100%;height: 100%;background: rgba(0,0,0,.7);top: 0; left: 0;display: none;}

/*案例*/
.hzal_box  ul{overflow: hidden; margin-left: -35px; padding: 55px 0 0 0;}
.hzal_box li{float: left;width: 33.33%; padding: 0 0 35px 35px;box-sizing: border-box;} 
.hzal_box span{display: block; overflow: hidden;}
.hzal_box span img{width: 100%;}
.hzaltext h2{line-height: 68px; padding-top: 10px; color: #333; font-weight: bold; font-size: 22px; border-bottom: 1px solid #e1e1e1;margin-bottom: 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.hzaltext p{font-size: 16px; line-height: 2; color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 64px;}
.hzaltext a{position: relative;display: inline-block;border-bottom:1px solid #eee;border-top: 1px solid #e1e1e1; padding: 0 10px; font-size: 16px; color: #e1e1e1; margin-top: 25px; line-height: 42px;display: inline-block;transition: All 0.4s ease-in-out;}
.hzaltext a em{background: url(a13.png);width: 15px;height: 15px;display: inline-block;vertical-align: middle; margin: -3px 0 0 15px;}
.hzaltext a b{position: relative;z-index: 10; font-weight: 400;}

.hzaltext a:before{position: absolute; content: "";width: 0;height: 100%;border-radius: 21px;border: none;transition: All 0.6s ease-in-out;top: 0;left: 0;}
.hzaltext a:hover:before{width: 100%;}
.hzaltext a:hover{border-top: 1px solid transparent;border-bottomo: 1px solid transparent; padding: 0 20px;}
.hzaltext a:hover b{color: #fff;}
.hzaltext a:hover em{background: url(a13a.png);}

.wzfy{padding: 40px 0 120px;text-align: center;}
.wzfy li{display: inline-block; padding: 0 2px;}
.wzfy a{display: block; font-size: 16px; padding: 0 15px; line-height: 40px;border: 1px solid #eee; color: #999;}


.wz1400{width: 1400px; margin: 0 auto;max-width: 94%;}


.ssnr{transform-origin: right center;border-radius: 6px;animation: zoomIn .5s 1; position: absolute;width: calc(100% - 200px); height: 100%; right: 0; top: 0;display: none;}
.ssnrbox{position: absolute; width: 490px; right: 0;top:50%; transform: translateY(-50%);height: 45px;}
.sshz{width: calc(100% - 40px); position: relative; height: 45px; box-sizing: border-box;border-radius: 6px;position: relative;}
.sswby{width: 100%; height: 40px;  padding: 0 40px 0 20px; box-sizing: border-box;background: none; font-size: 16px; border: none; line-height: 40px;color: #fff;}
.sswby::-webkit-input-placeholder{color:#fff;}
.btn7{border: none; width: 50px;height: 40px;cursor: pointer;  position: absolute; right:0; top: 0;background: url(a2.png) no-repeat center;} 
.gbnr{width: 21px;height: 21px; display: block;cursor: pointer; position: absolute; right: 0;top:50%; transform: translateY(-50%);}
.gbnr b{display: block;width: 21px;height: 21px;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;background: url(b13.png);background-size: 100%;}
.gbnr:hover b{ transform: rotate(360deg);}
.header1:hover{background: #fff;}
.header1:hover .c1{opacity: 0;}
.header1:hover .c2{opacity: 1;}
.header1:hover .nav h3 a{color: #333;}
.header1:hover .nav h3 a b{background: url(a3a.png);}
.header1:hover .ssbtn {  background: url(a2a.png) no-repeat center rgba(255, 255, 255, .1);}

.gyms h2{font-size: 18px; margin-bottom: 20px;color: #333;}
.gyms p{font-size: 14px; line-height: 1.8; margin-bottom: 10px; color: #666;}
.gyms dl{overflow: hidden;}
.gyms dt{float: left; width: 33.33%; line-height: 1.8; font-size: 14px;}
@media(max-width:1790px){
.qyzz_nr{width: 100%; margin-left: 0;}

}
@media(max-width:1780px){
	.flnr h2 {
	    font-size: 16px;
	    padding: 10px 0 10px;
	    color: #fff;
	    border-bottom: 1px solid #2f4142;
	    margin-bottom: 24px;
	}
	.flxq h3 {
	    padding: 10px;
	    color: #fff;
	    font-size: 16px;
	}
	.flxq li {
	    float: left;
	    padding-right: 18px;
	    line-height: 2;
	    font-size: 14px;
	}
}
@media(max-width:1680px){
.banner_text{left: 3%;}
.gnfl dt{font-size: 12px;}
.gnfl{width: calc(100% - 580px);}

}

@media(max-width:1480px){
.boxtext{width: 100%; padding-left: 480px;}
.cpzxbox{height: 345px;}
.cpzxbox p{font-size: 18px;}
.jjfa_title{top: 130px;}
.gslc_right h2{font-size: 42px;}
.boxtext h3{font-size: 50px;}
.boxtext p{font-size: 20px;}
.cpzx_title{padding: 100px 0 30px;}
.cpzx_title h2{font-size: 74px;}
.cpzx_title h2 span{font-size: 32px;}
.cpzx_title p{font-size: 16px;}
.cpzx_bt li span{font-size: 16px; line-height: 42px; padding: 0 40px;}
.jjfa_title h2{font-size: 32px;}
.jjfa_title p{font-size: 16px;}
.jjfabox p{font-size: 18px;}
.jjfabox span{font-size: 16px; line-height: 38px;top: 135px;width: 134px;}
.zjzg_text h2 span{font-size: 74px;}
.zjzg_text h2{font-size: 32px;}
.zjzg_text li{font-size: 16px;}
.qyzz_title{padding: 110px 0 70px;}
.qyzz_title h2{font-size: 74px;}
.qyzz_title h2 span{font-size: 32px;}
.tslc_title{padding: 110px 0 75px;}
.tslc_title h2{font-size: 74px;}
.tslc_title span{font-size: 32px;}
.gslc_left{padding: 55px 50px 0 50px;}
.gslc_left h2{font-size: 34px; padding-bottom: 40px;}
.gslc_left h2:before{bottom: 20px;}
.gslc_left p{font-size: 14px;}
.xwzx_title{padding: 105px 0 75px;}
.xwzx_title h2{font-size: 74px;}
.xwzx_title h2 span{font-size: 32px;}
.xwzxbox{padding: 15px;}
.xwzxbox span{height: 295px;}
.xwzxtext h2{font-size: 20px; line-height: 32px;height: 64px;}
.xwzxtext p{font-size: 15px; line-height: 24px;height: 48px;}
.xwzx_nr dt{padding-bottom: 15px;}
.lbxw{padding: 20px 0;}
.lbxw_text h2{font-size: 20px;}
.dtbz{right: calc(16.1vw - 63px);}
}
@media(max-width:1300px){
.nav li{padding: 0 12px;}	
.cpzxbox{height: 300px;}
.cpzxbox p{font-size: 14px;bottom: 25px;}
.jjfa_title{top: 90px;}
.gslc_right h2{font-size: 30px;}
.gslc_left{padding: 35px 30px 0 30px;}
.gslc_left h2{font-size: 26px;}
.xwzx_nr li{width: 50%;}
.xwzx_nr ul li:nth-child(3){ width:100%; padding-top: 30px;}
.gnfl{float: none; width: 100%; clear: both; padding-top: 40px;}

.flnr{width: 290px;}
.flnr h2{font-size: 18px; padding: 15px 0; margin-bottom: 15px;}
.flxq h3{font-size: 16px; padding: 10px;}
.flxq ul{padding: 0 10px 10px 10px;}
.flxq{margin-bottom: 10px;}
.nav h3 a{font-size: 16px;}
.flxq li{font-size: 12px; padding-right: 8px; line-height: 1.5;}
}
@media(max-width:1000px){
.header1{height: 60px;background: #fff;}	
.dhbtn{position: absolute;width: 30px;height: 30px; right: 10px;background-size: 20px 20px;border-radius: 4px;top:50%; transform: translateY(-50%);}
.dhbtn.on{background-size: 20px 20px;}
.dhbtnd{position: absolute;width: 30px;height: 5px; right: 10px;background-size: 20px 20px;border-radius: 4px;top:50%; transform: translateY(-50%);}
.dhbtnd.on{background-size: 20px 20px;}
.logo1{margin-top: 15px; margin-left: 15px; width: 160px;}
.ssbtn{position: absolute; right: 60px;top:50%; transform: translateY(-50%);margin: 0;background: url(a2a.png) no-repeat center rgba(255, 255, 255, .1);}
.c1{display: none;}
.c2{opacity: 1;}
.nav{position: fixed; z-index: 10001;width: 200px; height: calc(100vh - 60px); top: 60px; right: -200px; background: #333;overflow: auto;}
.nav li{float: none; padding: 0;}
.flnr{display: none;}
.nav h3 a{line-height: 55px; font-size: 14px;border-bottom: 1px solid rgba(255,255,255,.1);position: relative; padding: 0 15px;}
.nav h3 a b{position: absolute; display: inline-block; right: 15px;top:50%; transform: translateY(-50%);}
.nav li dl { position: static; margin: 0; width: 100%;}
.nav li dt a { font-size: 14px; text-align: left; text-indent: 30px;}
.sub{position: static;padding: 10px 0;}
.subox{padding: 0;}
.sub_left{display: none;}
.header1.on1 .nav ul li h3 a{color: #fff;}
.sub_right{float: none;width: 100%;display: block;}
.subdhbox{width: 100%;padding-bottom: 10px;}
.subdhbox h2{margin-bottom: 10px;}
.subdhbox dt{line-height: 24px;}

.gyms h2{display: none;}
.gyms p{display: none;}
.gyms dt{float: none; width: 100%; }

.bannerbox{height:300px;}
.boxtext{padding: 0;width: 94%;text-align: center;}
.boxtext h3{font-size: 24px;}
.boxtext h2{font-size: 14px;}
.boxtext p{font-size: 14px;}
.cpzx_title{padding: 60px 0 30px;}
.cpzx_title h2{font-size: 42px;}
.cpzx_title h2 span{font-size: 24px;}
.cpzx_title p{font-size: 14px;}
.cpzx_bt ul{white-space: nowrap;}
.cpzx_bt{padding-bottom: 30px;overflow: auto;}
.cpzx_bt::-webkit-scrollbar{width: 0;height: 0;display: none;}
.cpzx_bt::-moz-scrollbar{width: 0;height: 0;display: none;}
.cpzx_bt::-o-scrollbar{width: 0;height: 0;display: none;}
.cpzx_bt li.cur span{font-size: 14px; padding: 0 20px;}
.cpzx_qh li{padding-bottom: 20px; width: 50%;}
.cpzxbox{height: auto;}
.cpzx_qh{padding-bottom: 60px;}
.jjfa_tp img{height: 400px;width: auto;}
.jjfa_title{top: 60px;}
.jjfa_title h2{font-size: 24px;}
.jjfa_title p{font-size: 14px;}
.jjfa_xq li{width: 33.33%;height: 100px;border: none;}
.jjfa_xq ul{padding: 160px 0 0 0;}
.jjfabox b{width: 40px;height: 40px;}
.jjfabox p{font-size: 14px;}
.jjfa_xq li:hover span{opacity: 0;}

.zjzg{ padding: 300px 0 40px;}
.zjzg_text{text-align: center;}
.zjzg_box{    left: 50%;
    top: 40px;
    transform: translate(-50%, 0);}
.zjzg_text h2{font-size:24px;line-height: 42px;}
.zjzg_text h2 span{font-size: 42px;width: 100%;}
.zjzg_text ul{padding: 0px 0 30px;}
.zjzg_text li{font-size: 14px;}
.zjzg_text a{margin: 0 auto;line-height: 36px; font-size: 14px;width: 120px;}
.btn1{line-height: 36px; font-size: 14px;width: 160px;}
.sjzs{display: block;}
.pczs{display: none;}
.zjzg img{position: static;}
.hzhb ul{margin-left: -10px;padding-bottom: 20px;}
.hzhb li{width: 33.33%; padding: 0 0 10px 10px;}
.tslc_title{padding: 60px 0 100px;}
.tslc_title a{bottom: 30px;right: auto;left: 50%; transform: translateX(-50%);font-size: 14px;line-height: 36px;width: 120px;}
.tslc_title h2{font-size: 42px;text-align: center;}
.tslc_title span{font-size: 24px;left: 50%;transform: translateX(-50%);}
.gslc_left{padding: 20px 20px 40px 20px;width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .2);float: none;}
.gslc_left h2{font-size: 20px;}
.gslc_left a{font-size: 14px;line-height: 36px;width: 120px;}
.gslc_right{float: none; width: 100%;}
.gslc_right li{padding: 40px 20px;text-align: center;}
.gslc_right h2{font-size: 24px;}
.gslc{padding-bottom: 50px;}

.qyzz_title{padding: 60px 0 30px;}
.qyzz_title h2{font-size: 42px;}
.qyzz_title h2 span{font-size: 24px;}
.qyzz_title p{font-size: 14px;}
.qyzz{padding-bottom: 60px;}
.bfbtn{width: 50px;height: 50px;}
.bj3{padding-bottom: 60px;}

.xwzx_title{padding: 60px 0 30px;}
.xwzx_title h2{font-size: 42px;}
.xwzx_title h2 span{font-size: 24px;}
.xwzx_title p{font-size: 14px;margin-top: 0;}
.xwzx_nr li{float: none; width: 100%;padding-bottom: 20px;}
.xwzx_nr ul li:nth-child(3){padding-top: 0;}
.btn5{margin: 0 auto; font-size: 14px;}
.xwzx{padding-bottom: 60px;}
.bqxx_top{padding: 30px 0;}
.bqxx_left{float: none;text-align: center; width: 100%;padding-bottom: 20px;}
.bqxx_left img{margin: 0 auto;}
.bqxx_left p{margin-top: 20px;}
.bqxx_right{float: none; width: 100%;text-align: center;}
.gnfl{display: none;}
.xqbq p{line-height: 1.6; padding: 15px 0;text-align: center;}
.cpzx_bt li span{padding: 0 20px;}
.fgt{height: 60px;}
.hzal_box li{float: none; width: 100%;}
.hzaltext h2{font-size: 18px; line-height: 42px;}
.hzaltext p{font-size: 14px;}
.wzfy{padding: 20px 0 60px;}
.wzfy a{padding: 0 12px; line-height: 32px;font-size: 14px;}
.hzaltext a{margin-top: 15px;}
.dtbz{display: none;}
.headerbox{height: 60px;max-width: 100%;}
.ssnr{width: 100%;z-index: 10;}
.ssnrbox{width: 100%;height: 60px;}
.gbnr{display: none;}
.sshz{width: 100%;background: #fff;height: 60px;}

.sswby{height: 60px; line-height: 60px;color: #333;}
.sswby::-webkit-input-placeholder{color:#333;}
.header1:hover .nav h3 a{ border: none; color: #fff; display: inline-block;}
.header1:hover .nav h3 { border-bottom: 1px solid rgba(255,255,255,.1);}
.header1.on1 h3 a b { background: url(a3.png);}
}
@media(max-width:1000px){
.gslc_box{width: 1600px; max-width: 94%; margin: 0 auto;height:1050px; }
}