*{ padding:0; margin:0;}*
div,span,a,img,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,strong,em,embed,table,tr,td,input,form,select,option,p,del,b{padding:0; margin:0;}
body,input,textarea{ font-size:12px; font-family:-apple-system,BlinkMacSystemFont,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif; color:#666;}
ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}
a{ color:#666; font-weight:normal; text-decoration:none;}
p{ color:#666;}

*, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*::-webkit-scrollbar { width: 10px;}
::-webkit-scrollbar-track { background: #000;}
::-webkit-scrollbar-thumb { background: #000; width:6px; }
::-webkit-scrollbar-thumb:window-inactive { background: #f0b517;}
::-webkit-scrollbar-thumb:vertical:hover { background: #f0b517;}*/



/*启动*/
.loading{ position: fixed; width: 100%; height: 100%; top: 0px; z-index: 99999; }
.loading.active{ z-index: -1;transition: all 0.5s ease-out 3s;}

.half_v { position: absolute; left:0px;  width:100%;  height: 50%;  background: #301687; z-index: 9;}
.half_v.half_t { top: 0;  -webkit-transition: top 0s linear 0.5s;  -moz-transition: top 0s linear 0.5s; -ms-transition: top 0s linear 0.5s; transition: top 0s linear 0.5s;}
.half_v.half_b { bottom: 0; -webkit-transition: bottom 0s linear 0.5s; -moz-transition: bottom 0s linear 0.5s; -ms-transition: bottom 0s linear 0.5s; transition: bottom 0s linear 0.5s;}
.active .half_t { top:-52%; -webkit-transition: top 1s linear 1.3s; -moz-transition: top 1s linear 1.3s; -ms-transition: top 1s linear 1.3s; transition: top 1s linear 1.3s;}
.active .half_b { bottom:-52%; -webkit-transition: bottom 1s linear 1.3s; -moz-transition: bottom 1s linear 1.3s; -ms-transition: bottom 1s linear 1.3s; transition: bottom 1s linear 1.3s;}
.loading-logo{ width: 300px; height: 160px; position: absolute; top: 55%;  left: 50%; margin-left: -150px;transform:translateY(-80px); z-index: 10; -webkit-transition: top 0s linear 0s, opacity 0s linear 0s; -moz-transition: top 0s linear 0s, opacity 0s linear 0s;  -ms-transition: top 0s linear 0s, opacity 0s linear 0s; transition: top 0s linear 0s, opacity 0s linear 0s;}
.loading-logo img{ width: 100%;opacity: 0;transform: translateY(-100px);transition: all .9s;}
.active .loading-logo img{opacity: 1;transform: none;transition-delay: 0s;}
/*.active .loading-logo h6 img{animation:spin 1.7s linear infinite; -moz-animation:spin 1.7s linear infinite; -webkit-animation:spin 1.7s linear infinite; -o-animation:spin 1.7s linear infinite;}*/
.active .loading-logo{top: 55%;opacity: 0; -webkit-transition: top 1s linear 0.5s, opacity 0.3s linear 1s; -moz-transition: top 1s linear 0.5s, opacity 0.3s linear 1s; -ms-transition: top 1s linear 0.5s, opacity 0.3s linear 1s; transition: top 1s linear 0.5s, opacity 0.3s linear 1s; }



.wzbf{width:100%; float:left; margin-top:80px; opacity: 0; transform: translateY(100px); transition: all .9s;}
.wzbf h3{ font-size:20px; color:#fff; text-align:center}
.active .wzbf{ opacity: 1;  transform: none; transition-delay: 0s;}

.loading .indicator {
	position:absolute;
	right:0;
	left:50%;
	margin-left:-8px;
	top:50%;
	width:16px;
	margin-top:-8px;
	-webkit-transform:translateY(0%) scale(1.5);
	transform:translateY(0%) scale(1.5)
}
.loading .indicator svg polyline {
	fill:none;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round
}
.loading .indicator svg polyline#back {
	stroke:#fff
}
.loading .indicator svg polyline#front {
	stroke:#f5e828;
	stroke-dasharray:12,36;
	stroke-dashoffset:48;
	-webkit-animation:dash 1s linear infinite;
	animation:dash 1s linear infinite
}

@-webkit-keyframes dash {
	62.5% {
	opacity:0
}
to {
	stroke-dashoffset:0
}
}
@keyframes dash {
	62.5% {
	opacity:0
}
to {
	stroke-dashoffset:0
}
}


.loader {
	position:absolute;
	width:80px;
	height:80px;
	border-radius:50%;
	display:inline-block;
	left:0;
	right:0;
	margin:0 auto;
	top:0%;
	-webkit-transform:translateY(-45%);
	transform:translateY(-45%);
	-webkit-transition:.5s;
	transition:.5s
}


.loader .loader-outter {
	position:absolute;
	border:4px solid #fff;
	border-left-color:transparent;
	border-bottom:0;
	width:100%;
	height:100%;
	border-radius:50%;
	-webkit-animation:loader-outter 1s cubic-bezier(.42,.61,.58,.41) infinite;
	animation:loader-outter 1s cubic-bezier(.42,.61,.58,.41) infinite
}
.loader .loader-inner {
	position:absolute;
	border:4px solid #fff;
	border-radius:50%;
	width:60px;
	height:60px;
	left:calc(40% - 21px);
	top:calc(40% - 21px);
	border-right:0;
	border-top-color:transparent;
	-webkit-animation:loader-inner 1s cubic-bezier(.42,.61,.58,.41) infinite;
	animation:loader-inner 1s cubic-bezier(.42,.61,.58,.41) infinite
}


@-webkit-keyframes loader-outter {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}
@keyframes loader-outter {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}}


@-webkit-keyframes loader-inner {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(-360deg);
	transform:rotate(-360deg)
}
}
@keyframes loader-inner {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(-360deg);
	transform:rotate(-360deg)
}
}

.header{ float:left; width:100%; padding:0px 60px; position:absolute; height:99px;z-index:110; background:#fff;box-shadow: 0 16px 32px 0 hsla(0,0%,60%,.08);}
.header.active{ position:fixed; top:0px;-webkit-animation: sticky 1s; -moz-animation: sticky 1s; -o-animation: sticky 1s; animation: sticky 1s;}
.header h1{ float:left;  margin-top:0px; position:absolute; left:60px; height:161px; overflow:hidden;}
.header h1 img{ float:left; width:100%; height: 75px}
.tel{ float:right; position:absolute; right:60px; top:23px;}
.tel h3{ float:left; margin-right:10px; padding-left:10px;}
.tel h3 a{ display:block; float:left; width:40px; height:40px; text-align:center; margin:6px 6px 0px 6px;}
.tel h3 a img{ float:left; width:24px; margin:8px;}
.tel dl{ float:left; width:190px;}
.tel dl dt{ float:left; width:100%; font-size:14px; color:#666;}
.tel dl dd{ float:left; width:100%; font-size:26px;color:#1e2972; }
.tel h6{ float:right; margin-top:6px;}
.tel h6 a{ float:right; width:40px; display:block; height:40px; background:url(../images/ico-search.png) center no-repeat #f2e726; background-size:15px; border-radius:50%;}
.tel h6 a:hover{background:url(../images/ico-search-h.png) center no-repeat #1c2b73; background-size:15px;}

.nav{ padding:0px 360px 0px 280px; float:left; width:100%}
.nav ul{ float:left; width:100%;}
.nav ul li{ float:left; width:11.11%; position:relative; text-align:center;}
.nav ul li:nth-child(8){ display:none}
.nav ul li:nth-child(10){ display:none}
.nav ul li a{ display:block; line-height:99px; height:99px;}
.nav ul li:hover{ background:#f2e726; }
.nav ul li:hover a{ font-weight:bold;}
.nav ul li:hover a i{ font-weight:bold;}

.nav ul li a{ font-size:14px; color:#333;}
.nav ul li a.selected{ background:#f2e726; font-weight:bold;}
.nav ul li a i{ margin-left:10px;}
.nav ul li span{ display:block; position: absolute; left: 0px; top: 99px;  width: 100%;  float: left;  padding: 0px;  background:rgba(0,0,0,.7);  padding: 14px 0px;  opacity: 0;  visibility: hidden;   transition: all 0.5s ease-out 0s;}
.nav ul li span a{ line-height:36px; height:36px; color:#fff;transition: all 0.5s ease-out 0s; font-weight:normal;}
.nav ul li:hover span a{ font-weight:normal;}
.nav ul li:hover span{opacity: 1; visibility: visible;}
.nav ul li span a:hover{ color:#f2e726;}


.banner{ float:left; width:100%; height:100vh; padding-top:99px;}
.h-banner .swiper-container{ width:100%; float:left; height:100%;}
.h-banner .swiper-button-prev{ left:0px;}
.h-banner .swiper-button-next{ right:0px;}
.h-banner .swiper-button-prev,.h-banner .swiper-button-next{ width:66px; height:66px; background:#fff; text-align:center; line-height:66px; font-size:24px;transition: all 0.5s ease-out 0s; outline:none;}
.h-banner .swiper-button-prev:hover,.h-banner .swiper-button-next:hover{ background:#f2e726; color:#1e2972;}
@font-face{ font-family:din; src:url("../font/DIN-Medium.otf");}

.banner-lie{ float:left; width:100%; height:100%; background:red;}
.banner-lie .yd-img{ display:none; float:left; width:100%;}
.banner-text{ width:100%; float:left; display:table; position:relative; height:100%; padding:0px 160px; }
.banner-text h2{ width:100%; float:left; font-size:60px; color:#fff; line-height:60px; font-weight:bold;  margin-bottom:30px; opacity:0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -webkit-transition:all 0.65s cubic-bezier(0.77, 0, 0.175, 1) 0.4s; transition:all 0.65s cubic-bezier(0.77, 0, 0.175, 1) 0.4s; }
.banner-text p{ width:100%; float:left; font-size:24px; color:#fff; line-height:48px; opacity:0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -webkit-transition:all 0.65s cubic-bezier(0.77, 0, 0.175, 1) 0.4s; transition:all 0.65s cubic-bezier(0.77, 0, 0.175, 1) 0.6s; margin-bottom:30px;}
.aop{ width:100%; float:left; opacity:0; transform: translateX(-300px);-webkit-transform: translateX(-300px);-moz-transform: translateX(-300px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;}
.aop .gy-more a{ background:rgba(0,0,0,0.6); color:#fff;}
.aop .gy-more a:hover{ background:#f2e726; color:#1e2972}
.h-banner .swiper-slide-active .banner-text h2{ transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); opacity:1;}
.h-banner .swiper-slide-active .banner-text p{ transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); opacity:1;}
.h-banner .swiper-slide-active .aop{ transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); opacity:1;}


.h-banner .swiper-pagination-current{ font-size:30px; font-family:din; color:#fff;}
.h-banner .swiper-pagination-total{ font-size:20px; color:#fff; font-family:din;}
.h-banner .swiper-pagination-fraction{ font-size:14px;  color:#fff; font-weight:normal; line-height:50px; text-align:left; padding:0px 160px;}


.h-about{ float:left; width:100%; background:url(../images/about-bj.jpg) center no-repeat #f5f5f5; background-size:cover; padding:100px 0px 60px 0px; z-index:2; position:relative; overflow:hidden;}

.down-gd{ position:absolute; width:60px; z-index:98; bottom:20px; left:50%; margin-left:-30px; }
.fp-viewing-0 .down-gd{ opacity:1;visibility: visible;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.down-gd span{ width:24px; height:38px; border:2px solid #fff; display:block; float:left; margin-left:14px; border-radius:12px 12px 15px 15px; text-align:center;}
.down-gd span i{ width:3px; height:5px; display:inline-block;  background:#fff; border-radius:5px;-webkit-animation: up_down 1000ms linear infinite;-moz-animation: up_down 1000ms linear infinite;-ms-animation: up_down 1000ms linear infinite;animation: up_down 1000ms linear infinite;}
.down-gd b{ width:60px; display:block; float:left; color:#fff; font-weight:normal; margin-top:10px;}
.about-nr{ float:left; width:100%; margin-bottom:60px; margin-top:20px;}
.about-nr p{ font-size:14px; color:#454545; line-height:30px;width:100%; margin:15px 0px;}

.gy-more{ float:left; width:220px;  }
.gy-more a{ font-size:14px; display:block; float:left; width:100%; height:54px;background:#f2e726;position:relative; line-height:54px;transition: all 0.5s ease-out 0s;padding-left:30px; color:#000; overflow:hidden; border-radius:30px;}



.gy-more a i{ position:absolute; right:30px; line-height:54px; font-size:16px; float:right; font-weight:bold;transition: all 0.5s ease-out 0s;}
.gy-more a:hover i{ right:-100px;}
.gy-more a:hover{ padding-left:82px; font-weight:bold; background:#1e2972; color:#f2e726}


.gy-center{ width:1360px; margin:0 auto;}
.about-left{ float:left; width:470px;}
.gy-bt{ float:left; width:100%;}
.gy-bt h2{ font-size:36px; font-family:din; color:#1e2972;float:left; width:100%;text-transform: uppercase;} 
.gy-bt p{ font-size:24px; color:#333; float:left; width:100%; margin-top:10px;}

.about-right{ float:right; width:780px;}
.about-right dl{ float:left; width:100%; position:relative;}
.about-right dl dt{ float:left; width:100%; padding-right:68px;}
.about-right dl dt img{ float:left; width:100%;}
.about-right dl dd{ position:absolute; width:68px; height:100%; background:#f2e726; font-size:20px; color:#333; right:0px;writing-mode: vertical-lr; text-align:center; line-height:68px;letter-spacing:5px;}


.h-store{ float:left; position:relative; width:100%; overflow:hidden; padding:60px 0px; background:#fff;box-shadow: 0 0px 30px 0 hsla(0,0%,0%,.08); }
.h-store:before{content:"Store"; position:absolute; width:100%; font-family:din;text-transform: uppercase; font-size:14vw;text-transform: uppercase; -webkit-text-fill-color: rgba(0,0,0,0);  -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #f2f2f2; text-align:center;}
	
.h-store .gy-center{ position:relative; z-index:33;}	
.h-store .team-more,.h-ypsb .team-more{ display:none;}

.md-bt{ float:left; width:100%;}
.md-bt .gy-bt{ width:auto;}
.md-bt .gy-more{ float:right; margin-top:20px;}
.md-nr{ float:left; width:100%; position:relative; margin-top:40px;}
.md-nr dl{ float:left; width:100%;}
.md-nr dl dt{ float:left; width:100%; position:relative; overflow:hidden;}
.md-nr dl dt b{ width:140px; height:50px; line-height:50px; background:#f2e726; font-weight:normal; color:#1e2972; text-align:center; position:absolute; top:60%; left:50%; margin-top:-25px; margin-left:-70px; opacity:0;transition: all 0.5s ease-out 0s; font-size:14px;}
.md-nr dl:hover dt b{ opacity:1; top:50%;}
.md-nr dl dt img{ float:left; width:100%;-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.md-nr dl:hover dt img{-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}
.md-nr dl dd{ float:left; width:100%; background:#fff; box-shadow: 0 0px 30px 0 hsla(0,0%,0%,.08); padding:20px;}  
.md-nr dl:hover dd{ background:#1e2972;}
.md-nr dl dd h2{ font-size:18px; color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align: center;}
.md-nr dl dd h3{ font-size:12px; color:#666; margin:10px 0px; background:url(../images/ico-03.png) no-repeat 0px 3px; background-size:18px; height:24px; line-height:24px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.md-nr dl dd h4{ font-size:18px; color:#666; font-family:din; background:url(../images/ico-04.png) no-repeat 0px 3px;background-size:18px;height:24px; line-height:24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align: center;}
.md-nr dl:hover dd h2{ color:#f2e726;}
.md-nr dl:hover dd h3{ color:#fff; background:url(../images/ico-03-h.png) no-repeat 0px 3px; background-size:18px;}
.md-nr dl:hover dd h4{ color:#fff; background:url(../images/ico-04-h.png) no-repeat 0px 3px; background-size:18px;}
.md-nr .swiper-container{ padding-bottom:20px; z-index:3;} 

.md-nr .swiper-button-next,.md-nr .swiper-button-prev{ width:56px; height:56px; background:#f5f5f5; line-height:56px; text-align:center; font-size:24px; color:#000; border-radius:50px; outline:none;}
.md-nr .swiper-button-next:hover,.md-nr .swiper-button-prev:hover{ background:#f2e726}
.md-nr .swiper-button-prev{ left:-100px;}
.md-nr .swiper-button-next{ right:-100px;}

.md-nr:before{content:""; position:absolute; left:0px; top:0px; width:10px; bottom:20px; background:#fff; z-index:2;box-shadow: 0 0px 30px 0 hsla(0,0%,0%,.08);}
.md-nr:after{content:""; position:absolute; right:0px; top:0px; width:10px; bottom:20px; background:#fff; z-index:2;box-shadow: 0 0px 30px 0 hsla(0,0%,0%,.08);}
.md-nr .swiper-pagination{ display:none;}
.md-nr .swiper-button-prev.swiper-button-disabled,.md-nr .swiper-button-next.swiper-button-disabled{ opacity:0;}

.h-team{ float:left; width:100%; padding:60px 0px;}
.team-nr{ float:left; width:100%; position:relative; margin-top:30px;}
.team-nr .swiper-container{ padding-bottom:40px;} 
.team-nr .swiper-button-next,.team-nr .swiper-button-prev{ width:56px; height:56px; background:#f5f5f5; line-height:56px; text-align:center; font-size:24px; color:#000; border-radius:50px; outline:none; top:40%;}
.team-nr .swiper-button-next:hover,.team-nr .swiper-button-prev:hover{ background:#f2e726}
.team-nr .swiper-button-prev.swiper-button-disabled,.team-nr .swiper-button-next.swiper-button-disabled{ opacity:0;}
.team-nr .swiper-button-prev{ left:-100px;}
.team-nr .swiper-button-next{ right:-100px;}
.team-nr{ float:left; width:100%;}

.team-bt{ float:left; width:100%; text-align:center; position:relative; z-index:3;}
.team-bt h6{ font-size:14px; margin-top:15px; float:left; width:100%;}
.h-team:before{content:"consultant "; position:absolute; width:100%; font-family:din;text-transform: uppercase; font-size:14vw;text-transform: uppercase; -webkit-text-fill-color: rgba(0,0,0,0);  -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #f2f2f2; text-align:center;}
.team-nr dl{ float:left; width:100%; border-radius:8px; }
.team-nr dl dt{ float:left; width:100%; border-radius:8px; overflow:hidden;}
.team-nr dl dt img{ float:left; width:100%;-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.team-nr dl:hover dt img{-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}
.team-nr dl dd{  position:relative; float:left; width:100%; padding:0px 20px; margin-top:-60px; z-index:3;}
.team-nr dl:hover dd span{ background:#f2e726;}
.team-nr dl dd span{ display:block; float:left; width:100%; box-shadow: 0 0px 30px 0 hsla(0,0%,0%,.08); background:#fff; border-radius:8px; padding:20px;transition: all 0.5s ease-out 0s; position:relative; z-index:33;}

.team-nr dl dd span h2{ font-size:20px; color:#333;}
.team-nr dl dd span h2 b{ font-size:14px; color:#164c94; margin-left:20px;}
.team-nr dl dd span p{ line-height:24px; font-size:13px; height:72px; margin-top:10px;-webkit-line-clamp: 3;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all; text-overflow: ellipsis;}
.team-more{ width:100%;  float:left; text-align:center;}
.team-more .gy-more{ float:none; display:inline-block;}
.team-more .gy-more a{ display:inline-block; text-align:left;}
.team-nr dl:hover dd span p{ color:#000}
.team-nr dl:hover dd span h2{ color:#000; }
.team-nr .swiper-pagination{ display:none;}
.cp-more{ display:none;}
.video-about{ position:absolute; right:60px; z-index:33; bottom:60px;}
.video-about a{ width: 80px; height: 80px; display: block; position: relative; background: url(../images/video.png) center no-repeat; background-size: 20px;}
.video-about a:after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;background: url(../images/rotate.png) center no-repeat;background-size: 100%;animation: loading 3s linear infinite;}


.h-service{ float:left; width:100%; background:#1e2972}

.service-nr{ float:left; width:100%; position:relative; z-index:3;}
.service-nr dl{ float:left; width:100%; background:#fff; text-align:center; padding:30px 0px; border-radius:8px; transform: translateY(0px);transition: all 0.5s ease-out 0s;}
.service-nr dl dt b{ width:32px; height:32px; background:#f2e726; font-family:din; font-size:18px; display:inline-block; line-height:32px; text-align:center; border-radius:50%; color:#1e2972}
.service-nr dl dd{ float:left; width:100%;}
.service-nr dl h6{ float:left; width:100%; text-align:center; margin:40px 0px 20px 0px;}
.service-nr dl h6 img{ max-width:74px;transition: 284ms ease-in-out;transition: all 0.5s ease-out 0s;}
.service-nr dl:hover h6 img{-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.service-nr dl h5{ float:left; width:100%; color:#333333; font-size:18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.service-nr dl p{ float:left; width:100%; font-size:10px; color:#999999; margin-top:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.service-nr dl:hover{ background:#f2e726}
.service-nr dl:hover dt b{ background:#1e2972; color:#f2e726}
.service-nr dl:hover h5{ color:#1e2972}
.service-nr dl:hover p{ color:#1e2972}
.service-nr dl:hover{transform: translateY(-10px);}

.service-nr .swiper-pagination{}
.service-nr .swiper-button-next,.service-nr .swiper-button-prev{ width:56px; height:56px; background:#f2e726; line-height:56px; text-align:center; font-size:24px; color:#000; border-radius:50px; outline:none; }
.service-nr .swiper-button-next{ right:-28px;}
.service-nr .swiper-button-prev{ left:-28px;}
.service-nr .swiper-button-next.swiper-button-disabled,.service-nr  .swiper-button-prev.swiper-button-disabled{ opacity:0;}


.service-bt{ float:left; width:100%; text-align:center;position:relative; z-index:3; padding-top:60px;}
.service-bt h2{ float:left; width:100%;  font-size:48px; color:#f2e726; margin-bottom:20px;}
.service-bt p{ float:left; width:100%;  font-size:18px; color:#fff; margin:10px 0px;}
.service-nr .swiper-pagination-bullet{ background:#bcbfd5; opacity:1;}
.service-nr .swiper-pagination-bullet-active{ background:#f2e726}
.service-nr .swiper-container{ padding:60px 0px 40px 0px;}
.h-service{ float:left; width:100%; position:relative; padding-bottom:50px;}
.h-service:before{content:"consultant "; position:absolute; width:100%; font-family:din;text-transform: uppercase; font-size:14vw;text-transform: uppercase; -webkit-text-fill-color: rgba(0,0,0,0);  -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #393a6d; text-align:center;}


.bj-line1{ position:absolute; left:0px; bottom:100px; height:88px; background:url(../images/line-01.png); width:100%; float:left; z-index:1;-webkit-animation: 20s linear cloudLeft infinite; animation: 20s linear cloudLeft infinite; }

.bj-line2{ position:absolute; left:0px; bottom:100px; height:105px; background:url(../images/line-02.png); width:100%; float:left; z-index:1;-webkit-animation: 15s linear cloudLeft infinite; animation: 20s linear cloudLeft infinite; }

.h-product{ float:left; width:100%; position:relative; overflow:hidden; padding-bottom:90px; padding-top:60px;}
.h-product:before{content:""; width:60%; height:100%; background:#f5f5f5; position:absolute; right:0px; top:0px;}
.h-product:after{content:"product"; position:absolute; width:100%; font-family:din;text-transform: uppercase; font-size:13vw;text-transform: uppercase; -webkit-text-fill-color: rgba(0,0,0,0);  -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #f4ebca; top:-40px; right:0px; text-align:right; }

.product-left{ float:left; width:34%; padding:20px 60px 40px 160px;}
.product-right{ float:left; width:66%; position:relative; overflow:hidden; padding-left:30px; margin-top:90px;}
.product-pp{ float:left; width:100%; margin-bottom:30px; margin-top:30px;}
.product-pp ul{ float:left; width:100%;  border-left:1px solid #eee; border-top:1px solid #eee;}
.product-pp ul li{ float:left; width:33.33%; border-bottom:1px solid #eee;border-right:1px solid #eee; padding:10px;transition: all 0.3s ease-out 0s;}
.product-pp ul li:hover{box-shadow: 0px 5px 20px 0px rgba(94, 105, 120, 0.1);}
.product-pp ul li:first-child{ width:100%; text-align:center;}
.product-pp ul li img{ float:left; width:100%;transition: all 0.5s ease-out 0s;}
.product-pp ul li:hover img{-webkit-animation: jello 1s;  -moz-animation: jello 1s; animation: jello 1s;}
.product-pp ul li:first-child img{ max-width:240px; float:none;}
.product-right dl{ float:left; width:100%; background:#fff;box-shadow: 0 0px 30px 0 hsla(0,0%,0%,.08); border-radius:10px; overflow:hidden;transition: all 0.3s ease-out 0s;}

.product-right dl:hover{box-shadow: 0px 5px 20px 0px rgba(94, 105, 120, 0.1);transform: translateY(-5px);}
.product-right dl dt{ float:left; width:100%; position:relative;}
.product-right dl dt:before{content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0px; left:0px;transition: all 0.5s ease-out 0s;opacity:0;z-index:3;}
.product-right dl dt:after{content:""; width:50px; height:50px; background:url(../images/pro-m.png) center no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-25px; left:50%; margin-left:-25px;transition: all 0.5s ease-out 0s;opacity:0; z-index:3;}
.product-right dl:hover dt:before{ opacity:1;}
.product-right dl:hover dt:after{ opacity:1;}

.product-right dl dt img{ float:left; width:100%;-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-right dl:hover dt img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.product-right dl dd{ float:left; width:100%; position:relative; background:#83837f; padding:10px 80px 15px 20px;} 
.product-right dl dd h2{float:left; width:100%; font-size:24px; color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.5s ease-out 0s;}
.product-right dl dd h3{float:left; width:100%; font-size:16px; color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-top:10px;transition: all 0.5s ease-out 0s;}
.product-right dl dd h6{ position:absolute; width:50px; height:50px; background:#f5f5f5; color:#878784; text-align:center; line-height:50px; font-size:20px; border-radius:50%; top:50%; margin-top:-25px; right:20px;}

.product-right dl:hover dd{ background:#f2e726;}
.product-right dl:hover dd h2{ color:#1e2972}
.product-right dl:hover dd h3{ color:#1e2972}
.product-right dl:hover dd h6{ background:#1e2972; color:#f2e726}
.product-right .swiper-button-next,.product-right .swiper-button-prev{ width:56px; height:56px; background:#f2e726; line-height:56px; text-align:center; font-size:24px; color:#000; border-radius:50px; outline:none; }
.product-right .swiper-container{ width:78%; float:left; overflow:initial; padding-top:30px;}
.product-right .swiper-pagination{ display:none;}
.product-right .swiper-button-next.swiper-button-disabled,.product-right .swiper-button-prev.swiper-button-disabled{ opacity:0;}
.product-right .swiper-button-next{ right:80px;}
.product-right .swiper-button-prev{ left:0px;}

.product-right .swiper-button-next:hover{ background:#1e2972; color:#f2e726}
.product-right .swiper-button-prev:hover{ background:#1e2972; color:#f2e726}

.pro-icon{ position:absolute; top:40px; left:30px;}
.pro-icon img{ float:left; width:80px;}
.ypsb-nr{ float:left; width:100%; margin-top:40px;}
.h-ypsb{ float:left; width:100%; background:#f5f5f5; padding:40px 0px; overflow:hidden;}
.h-ypsb ul{ float:left;}
.h-ypsb ul li{ float:left; width:50%; position:relative; margin-bottom:20px; overflow:hidden;}

.h-ypsb ul li img{ float:left; width:100%;-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.h-ypsb ul li:hover img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.h-ypsb ul li p{ position:absolute; bottom:0px; left:0px; padding:20px; font-size:13px; color:#333; z-index:3}
.h-ypsb ul li b{ width:140px; height:48px; line-height:48px; background:#f2e726; display:inline-block; text-align:center; font-size:14px; border-radius:50px; position:absolute; left:50%; margin-left:-70px; top:60%; margin-top:-24px; opacity:0;transition: all 0.5s ease-out 0s; z-index:3; color:#1e2972}
.h-ypsb ul li:hover b{ opacity:1; top:50%;}
.h-ypsb ul li a:before{content:""; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.5); width:100%; height:100%; opacity:0; z-index:3}
.h-ypsb ul li:hover a:before{ opacity:1;}
.h-ypsb ul li:hover p{ color:#fff;}
.h-ypsb ul li a{ display:block; position:relative; float:left; width:100%; overflow:hidden;}
.sp-xh{ float:left; width:50%;}
.sp-xh.sp-yi{ padding-right:10px;}
.sp-xh.sp-yi ul li:nth-child(1){animation-duration:1.2s;animation-delay:0.4s;}
.sp-xh.sp-yi ul li:nth-child(2){ padding-right:10px;animation-duration:1.2s;animation-delay:0.6s;}
.sp-xh.sp-yi ul li:nth-child(3){ padding-left:10px;animation-duration:1.2s; animation-delay:0.8s;}
.sp-xh ul li:first-child{ width:100%;} 
.sp-xh ul li:first-child p{ font-size:16px;}
.sp-xh.sp-zz{ padding-left:10px; }
.sp-xh.sp-zz ul li:first-child{ width:50%;}
.sp-xh.sp-zz ul li:first-child p{ font-size:13px;}
.sp-xh.sp-zz ul li:last-child{ width:100%;}
.sp-xh.sp-zz ul li:last-child p{ font-size:16px;}
.sp-xh.sp-zz ul li:nth-child(1){ padding-right:10px;animation-duration:1.2s; animation-delay:0.4s;}
.sp-xh.sp-zz ul li:nth-child(2){ padding-left:10px;animation-duration:1.2s; animation-delay:0.6s;}
.sp-xh.sp-zz ul li:nth-child(3){animation-duration:1.2s; animation-delay:0.8s;}


.tehuo{ float:left; width:100%;}
.tehuo .swiper-pagination{ display:none;}
.yhht-lie{ float:left; width:100%; height:86vh; background:#1e2972;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
.yhht-lie img{ float:left; width:100%;}
.yhht-lie img.yd-img{ display:none;}

.tehuo .swiper-button-next,.tehuo .swiper-button-prev{ width:56px; height:56px; background:#fff; line-height:56px; text-align:center; font-size:24px; color:#1e2972; border-radius:50px; outline:none; }
.tehuo .swiper-button-next:hover,.tehuo .swiper-button-prev:hover{background:#f2e726;}
.tehuo .swiper-button-next{ right:80px;}
.tehuo .swiper-button-prev{ left:80px;}

.tehuo span.tg-fw{ display:block; width:480px; background:rgba(30,41,114,0.86); float:left; padding:40px 50px; position:absolute; right:180px;opacity:0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -webkit-transition:all 0.65s cubic-bezier(0.77, 0, 0.175, 1) 0.4s; transition:all 0.65s cubic-bezier(0.77, 0, 0.175, 1) 0.4s;} 
.tehuo .swiper-slide-active span.tg-fw{ transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); opacity:1;}



.tehuo span.tg-fw.right-tl{ right:auto; left:30%;}
.tehuo span.tg-fw.right-t2{ right:auto; left:13%;}
.tehuo span.tg-fw:before{content:""; width:6px; height:80px; background:#f2e726; position:absolute; left:25px; top:0px;}

.tehuo span.tg-fw h3{ float:left; width:100%; font-size:32px; color:#f2e726; margin-bottom:20px;}
.tehuo span.tg-fw p{ float:left; width:100%; font-size:18px; color:#fff; line-height:30px;}
.tehuo span.tg-fw h6{ float:left; width:100%;}
.tehuo span.tg-fw h6 i{ float:left; font-size:30px; font-family:din; font-style:normal ; color:#fff;}
.tehuo span.tg-fw h6 b{ float:left; font-size:16px; font-family:din; color:#fff; margin:12px 10px 0px 10px; font-weight:normal;}
.tehuo span.tg-fw h6 o{ float:left; font-size:20px; margin-top:10px;font-family:din;color:#fff;}

.tehuo .gy-more a{ background:#fff; margin:30px 0px;}
.tehuo .gy-more a:hover{ background:#f2e726; color:#1e2972}
.h-news{ float:left; width:100%; background:#f5f5f5; padding:40px 0px 10px 0px;}
.news-nr{ float:left; width:100%; margin-top:30px;}
.news-bt{ float:left; width:100%;}
.news-bt h3{float:left; font-size:24px; color:#333;}
.news-bt p{float:right; }
.news-bt p a{float:left; display:block; background:#fff; height:42px; line-height:42px; padding:0px 50px; font-size:14px; color:#333; border-radius:50px; }
.news-bt p a:hover{ background:#f2e726; color:#1e2972}

.news-list{ float:left; width:100%; background:#fff; border-radius:8px; padding:0px 20px; min-height:440px;}
.news-xbt{ float:left; width:100%; border-bottom:1px solid #eee; margin-top:5px; }
.news-xbt h2{ float:left; font-size:20px; color:#333; position:relative; line-height:56px;}
.news-xbt h2:before{content:""; position:absolute; left:0px; width:100%; height:2px; background:#f2e726; bottom:-1px;}
.news-xbt p{ float:right; }
.news-xbt p a{ font-size:14px; color:#666;line-height:56px; display:block;}
.news-xbt p a:hover{ color:#1e2972}
.news-nr-z{ float:left; width:100%;}
.news-nr-z dl{ float:left; width:100%; margin-top:20px;}
.news-nr-z dl a{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center; }
.news-nr-z dl dt{ float:left; width:140px; margin-right:20px; overflow:hidden;}
.news-nr-z dl dt img{ float:left; width:100%;-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-nr-z dl:hover dt img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.news-nr-z dl dd{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.news-nr-z dl dd h3{ font-size:14px; color:#333; line-height:36px; height:36px;overflow:hidden; }
.news-nr-z dl dd p{ font-size:12px; line-height:22px; height:44px; overflow:hidden; float:left; width:100%;}
.news-nr-z dl:hover dd h3{color:#1e2972; }
.news-nr-z dl:hover dd p{color:#1e2972; }
.news-nr-z ul{ float:left; width:100%; margin:10px 0px 0px 0px;}
.news-nr-z ul li{ float:left; width:100%;}
.news-nr-z ul li a{ display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center; float:left; width:100%; line-height:48px;}
.news-nr-z ul li a b{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight:normal; font-size:14px; color:#333;transition: all 0.5s ease-out 0s;}
.news-nr-z ul li a font{ font-size:14px; color:#999;}
.news-nr-z ul li a:hover b{ color:#1e2972; font-weight:bold; text-decoration:underline;}
.news-nr-z ul li a:hover font{ color:#333;}
.news-nr .swiper-container{ padding-bottom:40px;}
.news-nr .swiper-pagination-bullet{ outline:none;}
.news-nr .swiper-pagination-bullet-active{ background:#1e2972}
.yqlj{ float:left; width:100%; padding:20px 0px 10px 0px;}
.yqlj span{ display:block; float:left; width:100%;}
.yqlj span b{ display:inline-block; margin-right:10px; font-weight:normal;}
.yqlj span a{ display:inline-block; font-size:14px; color:#666; margin-right:50px; margin-bottom:10px;}
.yqlj span a:hover{ color:#1e2972; font-weight:bold;}
.footer{ float:left; width:100%; background:#202020;}
.htl-f1{ float:left; width:100%; padding:40px 0px;}
.htl-f1 dl{ float:left; width:100%;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.htl-f1 dl dt{ float:left; width:70px;}
.htl-f1 dl dt img{ float:left; width:100%;}
.htl-f1 dl dd{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.htl-f1 dl dd a{ font-size:16px; color:#999; width:11.11%; display:block; float:left; text-align:center;transition: all 0.5s ease-out 0s;}
.htl-f1 dl dd a:hover{ color:#f2e726;}

.htl-f2{ float:left; width:100%; margin-bottom:20px;}
.htl-f2 h3{ float:left; width:100%;}
.htl-f2 h3 i{ color:#f2e726; font-size:20px; font-style:normal; display:block; float:left; line-height:50px; margin-right:20px;}
.htl-f2 h3 b{ color:#666; font-size:12px; display:block; float:left; line-height:50px;}

.htl-f2 ul{ float:left; width:100%; position:relative; padding-right:160px; margin-top:20px;}
.htl-f2 ul li{ float:left; width:25%; border-right:20px solid #202020;}
.htl-f2 ul li input{ width:100%; height:54px; font-size:16px; color:#fff; padding:0px 15px; border:1px solid #303030; outline:none;transition: all 0.5s ease-out 0s;border-radius:0px; background:#303030;-webkit-appearance:none;}
.htl-f2 ul li input:focus{ background:#222; border:1px solid #f2e726; }
.htl-f2 ul li:hover input{box-shadow: 0 3px 18px 0 rgba(1,55,116,0.14);  outline: none;}
.htl-f2 ul li select{ width:100%; height:54px; font-size:16px; padding:0px 15px; border:0px; outline:none;transition: all 0.5s ease-out 0s; background:#303030; color:#999;-webkit-appearance: button; border-radius:0px;}
.htl-f2 ul li:hover  select{ box-shadow: 0 3px 18px 0 rgba(1,55,116,0.14); cursor: pointer; outline: none;}
.htl-f2 ul a{ width:160px; height:54px; background:#f2e726; float:right; display:block; line-height:54px; font-size:16px; text-align:center; color:#222; top:0px; position:absolute; right:0px;transition: all 0.5s ease-out 0s;}
.htl-f2 ul a:hover{ background:#1e2972; color:#f2e726;}
.htl-f2 p{ float:left; width:100%; font-size:14px; color:#666; margin:20px 0px;}
.footer-c{ float:left; width:100%; background:#202020; border-top:1px solid #2c2c2c; padding:40px 0px;}
.foota{ float:left;}
.foota dl{ float:left; margin-right:50px;}
.foota dl dt{ float:left; width:100%; margin-bottom:20px;}
.foota dl dt img{ width:50px; float:left;}
.foota dl dd{ float:left; width:100%;}
.foota dl dd h6{ font-size:14px; color:#999;}
.foota dl dd p{font-size:14px; color:#999; margin-top:10px;}
.foota dl dd p.wz-tel{ font-size:22px; color:#f2e726; font-family:din;}
.footer-b{ background:#202020; float:left; width:100%; border-top:1px solid #2c2c2c;}
.footer-b.active{ margin-bottom:100px;}
.footer-bq{ float:left; width:100%; padding:15px 0px;}
.footer-bq h3{ float:left; height:30px; line-height:30px; background:url(../images/icon-c4.png) 0px 3px no-repeat; background-size:24px; padding-left:40px; font-size:14px; color:rgba(255,255,255,0.2)}
.footer-bq p{ float:right; font-size:14px; color:rgba(255,255,255,0.2); line-height:30px;}

.foota span{ display:block; float:left; width:120px;} 
.foota span img{ float:left; width:100%;}
.foota span p{ float:left; width:100%; font-size:14px; color:#f2e726; text-align:center; margin-top:10px;}
.footpc2-right{ float:right; margin-top:45px;}
.footpc2-right a{ width:60px; height:60px; background:#2c2c2c; display:block; float:left; border-radius:50%; margin-left:20px;transition: all 0.5s ease-out 0s;}
.footpc2-right a.f-c01{ background:url(../images/icon-c1.png) center no-repeat #2c2c2c; background-size:30px;}
.footpc2-right a.f-c01:hover{background:url(../images/icon-c1-h.png) center no-repeat #f2e726; background-size:30px;}
.footpc2-right a.f-c02{ background:url(../images/icon-c2.png) center no-repeat #2c2c2c; background-size:30px;}
.footpc2-right a.f-c02:hover{ background:url(../images/icon-c2-h.png) center no-repeat #f2e726; background-size:30px;}
.footpc2-right a.f-c03{ background:url(../images/icon-c3.png) center no-repeat #2c2c2c; background-size:30px;}
.footpc2-right a.f-c03:hover{ background:url(../images/icon-c3-h.png) center no-repeat #f2e726; background-size:30px;}



.message{ width:100%; float:left;background:rgba(0,0,0,0.8); height:100px; position:fixed; left:0px; bottom:-300px;opacity:0; z-index:99;transition: all 1.5s ease-out 0s;}
.fytg1{ width:240px; float:left;}
.fytg1 img{ max-width:100%; float:left;}
.fytg2{ width:1090px; float:right; padding-top:10px;}
.fytg2 h6{ float:left; width:100%; margin:0px 0px 8px 0px;}
.fytg2 ul{ float:right; width:86%;}
.fytg2 ul li{ width:23.5%; float:left;margin-right: 2%; position:relative;}
.fytg2 ul li img{ position:absolute; right:15px; top:10px;}
.fytg2 ul li:nth-child(4n+4){ margin-right:0px;}
.syk{ width:100%; float:left; background:#fff; outline:none; border:0px; line-height:40px; padding:0 15px; font-size:14px; color:#333; border-radius:50px; position:relative;-webkit-appearance:none;}

.fytg2 ul li select{line-height:40px; height:40px; border:0px; width:100%; float:left; outline:none; padding:0 10px; font-size:14px; color:#333;  -webkit-appearance:button;} 
.fytg2 sapn{ float:right; width:12%; display:block; margin-left:2%; }
.fytg2 sapn a{ display:inline-block; float:right; width:100%; text-align:center;  font-size:14px; color:#fff; line-height:40px; background:#f2e726; color:#000;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s; border-radius:50px;}
.fytg2 sapn a:hover{ background:#1e2972; color:#f2e726}
.message span{ position:absolute; top:50%; right:20px; margin-top:-20px; background:url(../images/close.png) center no-repeat; width:40px; height:40px; background-size:20px;transition: 284ms ease-in-out; cursor:pointer;}
.message span:hover{ transform: rotate(180deg);}
.message.active{opacity:1; bottom:0px;}
.message.remove{opacity:0;transition: all 0.5s ease-out 0s; left:-100%;}
.footer-b.active.remove{ margin-bottom:0px;}


/*搜索*/
.search-main{ width:100%; height:0px; float:left; position:fixed; left:0px; top:0px; background:rgba(0,0,0,0.7); opacity:0; transition:all 0.2s ease-out 0s; z-index:-1;}
.search-main.active{ opacity:1; height:100%; z-index:109; transition:all 0.2s ease-out 0s; overflow:hidden;}
.sous-nr{ width:100%; float:left; position:absolute; left:0px; top:0px;  padding:130px 60px 0px 60px; z-index:96}
.sous-nr span{ width:100%; float:left; position:relative; overflow:hidden; background:#fff;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.input2{ width:100%; float:left; font-size:14px; background:none; line-height:30px; height:50px; outline:none; border:0px; -webkit-appearance:none; border:0px; padding-left:15px;  color: #1e2972; -webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.sous-nr span a{ display:block; width:50px; text-align:center; font-size:16px; height:50px; line-height:50px; float:right; }
.sous-nr span a:hover{ background:#f2e726; color:#1e2972}
.se-gb{ position:absolute; left:0px; top:0px; width:100%; height:100%; }
.se-gb a{cursor:url(../images/cha2.png) 25 25, auto;width:100%;height:100%;float:left;display:block;background-size:cover;background-position:50% 50%;}

.sous-yd{width:100%; float:left; padding:0px 20px 20px 20px;}
.sous-yd span{ width:100%; float:left; position:relative; overflow:hidden; background:#f2e726;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center; border-radius:50px;}
.sous-yd span a{ display:block; width:50px; text-align:center; font-size:16px; height:50px; line-height:50px; float:right; }
.sous-yd span a:hover{ background:#1e2972; color:#f2e726}


/*微信二维码跳出*/
.weixin{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:-1;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s; top:0px; left:0px;    backdrop-filter: saturate(180%) blur(20px);  -webkit-backdrop-filter: saturate(180%) blur(20px);}
.weixin.ateler{opacity: 1;z-index:999999;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.weixin span{position:absolute;left:50%;top:50%;width:250px;height:300px;background:#fff;padding:20px;margin-top:-150px;margin-left:-125px;z-index:2;}
.weixin span img{max-width:100%;float:left;}
.weixin span b{display:inline-block;width:100%;float:left;font-size:14px;color:#000;text-align:center;margin-top:20px;font-weight:normal;}
.weixin h2{position:absolute;left:0px;top:0px;bottom:0px;width:100%;float:left;cursor:pointer;}
.weixin h2 a{cursor:url(../images/cha2.png) 25 25, auto;width:100%;height:100%;float:left;display:block;background-size:cover;background-position:50% 50%;}


/*导航下拉样式*/
.header.active{ height:87px;}
.header.active .nav ul li a{ height:80px; line-height:80px;}
.header.active h1{  height:87px; margin-top:0px;}
.header.active .nav ul li span{ top:80px;}
.header.active .nav ul li span a{ line-height:36px; height:36px;}
.header.active .tel{ top:15px;}
.header.active .nav{ padding:0px 360px 0px 230px}
.header.active .nav ul li span{ width:140px;}

/*手机端广告*/
.yd-ad{ float:left; width:100%; background:#f2e726; color:#333; position:absolute; z-index:112; text-align:center; display:none;}
.yd-ad h3{ float:left; width:100%; font-size:14px; height:30px; line-height:30px;}
@-webkit-keyframes cloudLeft{0%{background-position:0 0}100%{background-position:-2166px 0}}
@keyframes cloudLeft{0%{background-position:0 0}100%{background-position:-2166px 0}}
@-webkit-keyframes cloudRight{0%{background-position:0 0}100%{background-position:2088px 0}}
@keyframes cloudRight{0%{background-position:0 0}100%{background-position:2088px 0}}

@-webkit-keyframes up_down{
    0% {-webkit-transform:translateY(0px);}
    50% {-webkit-transform:translateY(-3px);}
    100% {-webkit-transform:translateY(0px);}
}
@-moz-keyframes up_down{
    0% {-moz-transform:translateY(0px);}
    50% {-moz-transform:translateY(-3px);}
    100% {-moz-transform:translateY(0px);}
}
@-ms-keyframes up_down{
    0% {-ms-transform:translateY(0px);}
    50% {-ms-transform:translateY(-3px);}
    100% {-ms-transform:translateY(0px);}
}
@keyframes up_down{
    0% {transform:translateY(0px);}
    50% {transform:translateY(3px);}
    100% {transform:translateY(0px);}
}

@keyframes loading {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-o-keyframes loading {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(360deg);
    }
}

@-moz-keyframes loading {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }

}


@-webkit-keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } 
}
@keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
}


@-webkit-keyframes returnToNormal {
  from {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
  }
  to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
  }
}

@keyframes returnToNormal {
  from {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
  }
  to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
  }
}


/*手机导航*/
.mobile{ overflow:hidden;}
.mobile-nav{ width:60px; height:60px; float:left; display:none; cursor:pointer; border-radius:0px; z-index:102; position:relative; position:absolute; left:0px; top:0px;}
.mobile-nav i{-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;width:28px; height:3px; background:#1e2972; display:block; position:absolute;left:20px;}
.mobile-nav i.menu_a1{ top:20px;  transition: all 0.5s ease-out 0s;}
.mobile-nav i.menu_a2{ top:29px; width:20px; }
.mobile-nav i.menu_a3{ top:38px;  transition: all 0.5s ease-out 0s; }
.rot i.menu_a3{ top:29px; right:3px; -webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.rot i.menu_a1{ top:29px; right:3px;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.rot i.menu_a2{ display:none;}

.main-sidebar{ background:#333;  position:fixed; top:0px; bottom:0px; width:100%; left:0px; overflow-x:hidden; overflow-y:auto; display:none; transition:all 0.5s ease-out 0s;  z-index:106;}
.main-sidebar::-webkit-scrollbar {width:0px;}
.main-sidebar::-webkit-scrollbar-thumb { width:0px;}
.main-sidebar .sidebar-menu{ float:left; width:100%; padding:90px 0px 20px 0px;}
.main-sidebar.active .sidebar-menu{padding:60px 0px 20px 0px;}
.main-sidebar .sidebar-menu li{ float:left; width:100%; border-bottom:1px solid rgba(255,255,255,.1); padding:0px 0px 0px 0px; }

.main-sidebar .sidebar-menu li a{ display:block; float:left; width:100%; padding:0px 20px; }
.main-sidebar .sidebar-menu li a.on-c{ padding:20px 20px; font-size:16px; position:relative;}
.main-sidebar .sidebar-menu li a.on-c b{}
.main-sidebar .sidebar-menu li a.on-c b{ float:right; width:12px; height:12px; position:relative; overflow:hidden; margin-top:5px;  }
.main-sidebar .sidebar-menu li a.on-c b:before{ content:""; display:inline-block; float:left; position:absolute; left:0px; top:5px; width:100%; background:#fff; height:2px;}
.main-sidebar .sidebar-menu li a.on-c b:after{content:""; display:inline-block; float:left; position:absolute; left:5px; top:0px;  width:2px; background:#fff; height:100%; transition:284ms ease-in-out;}
.main-sidebar .sidebar-menu li.active a.on-c b:before{ transform:rotate(0deg);}

.main-sidebar .sidebar-menu li.active a.on-c b:after{transform:rotate(90deg);}
.main-sidebar .sidebar-menu li .treeview-menu{ display:none; float:left; width:100%; padding-top:0px; margin-top:-5px; margin-bottom:15px; }
.main-sidebar .sidebar-menu li a{ font-size:14px; color:#fff}
.main-sidebar .sidebar-menu li .treeview-menu p a{ float:left; width:100%; line-height:44px; color:rgba(255,255,255,.7);}
.main-sidebar .sidebar-menu li{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
.main-sidebar .sidebar-menu li .treeview-menu p a:hover{ color:#fff;}
.main-sidebar .sidebar-menu li.on-nav a.on-c{ color:#f2e726}
.main-sidebar .sidebar-menu li.active .treeview-menu{display: block;}
.main-sidebar .sidebar-menu li.active a.on-c{color:#f2e726}
.menu-text{ float: left; height: 30px; line-height: 30px; margin-left: 55px; width:40px; margin-top:15px;}
.menu-text b{ font-size: 14px; color: #1e2972;}

.menu-text b.text-close{ display: none;}
.rot .menu-text b.text-close{ display:block;}
.rot .menu-text b.text-display{ display:none;}

.yd-bq-nav{ float:left; width:100%; display:none;}
.yd-bq-nav dl{ float:left; width:25%; border-left:1px solid #eee; border-bottom:1px solid #eee; padding-bottom:10px;}
.yd-bq-nav dl dt{ float:left; width:100%; text-align:center; margin-top:20px;}
.yd-bq-nav dl dt img{ max-width:60px;}
.yd-bq-nav dl dd{ font-size:18px; color:#333; text-align:center; float:left; width:100%; margin:10px 0px;}
.yd-c-more{ display:none;}


/*漂浮*/

.new-float{position: fixed;right: -66px;top: 50%;z-index: 105;width: 66px;transform: translateY(-50%);transition:all 0.5s ease-out 0s; }
.new-float ul li{width: 66px;background: #f2e726;transition: all .3s ease;cursor: pointer;left: 0;}
.new-float ul li:nth-child(n+2){margin-top: 5px;}
.all-t1{text-align: center;padding:8px 0 7px 0;}
.all-t1 img{max-width: 100%;}
.zt-t1{font-size: 12px;color:#333;line-height: 1;margin-top: 8px;}
.cd-d1{width: 10px;height: 66px;background: #f2e726;display: inline-block;position: absolute;top:0;right: -10px;}
.tl2:hover{left: -5px;}
.cd-d2{width: 130px;text-align: center;height: 66px;position: absolute;top:0;background: #f2e726; border-left:1px solid #d9cf22;line-height: 66px;right: -130px;color:#1e2972;font-size: 18px; font-family:din;}
.tl3:hover{left: -130px;}
.navr-ewm22{width: 120px;padding: 8px;background: #fff;opacity: 0;visibility: hidden;top:-30px;right: 100px;transition: all .3s ease ;box-shadow: 0 1px 11px rgba(0,0,0,0.3);}
.navr-ewm22 img{max-width: 100%;}
.navr-ewm22:before{border: solid transparent;content: ' ';height: 0;position: absolute;width: 0;border-width: 10px;border-left-color:#fff;top: 50px;right: -20px;}
.ewm-tl1:hover .navr-ewm22{visibility: visible;opacity: 1;right: 88px;}
.pre{position:relative;}
.pro{position:absolute;}
.new-float.bottom-f{ right:0px;}


/*新增招商加盟*/
.ht-banner{ float:left; width:100%; position:relative;}
.ht-banner img{ float:left; width:100%;}
.ht-banner .gy-more{ position:absolute; bottom:8vw; left:10vw;}
.ht-banner .gy-more a:hover{  padding-left: 46px;}
.ht-b-yd{ display:none;}
.ht-product{ background:#f6f5f3; float:left; width:100%;} 

.ht-gy-cenet{ width:1360px; margin:0 auto;}
.ht-gy-bt{float:left; width:100%; position:relative;}
.ht-gy-bt h6{float:left; width:100%; text-align:center;}
.ht-gy-bt h6 img{ margin:-56px auto 0 auto;}
.ht-gy-bt h2{float:left; width:100%; text-align:center; font-size:48px; color:#1e2972; font-weight:bold; margin-bottom:15px; margin-top:22px;}
.ht-gy-bt p{float:left; width:100%; font-size:18px; color:#333; line-height:30px; text-align:center;}

.ht-p-list{ float:left; width:100%; margin-top:60px;}
.ht-p-list ul{ margin:0px -10px;}
.ht-p-list ul li{ float:left; width:14.28%; padding:0px 10px;}
.ht-p-list ul li img{ float:left; width:100%;transition: all 0.5s ease-out 0s;}
.ht-p-list ul li img:hover{-webkit-animation: jello 1s;  -moz-animation: jello 1s; animation: jello 1s;}
.ht-p-cc{ float:left; width:100%; margin-top:40px; margin-bottom:70px;}
.ht-p-cc img{ float:left; width:50%;}

.ht-about{ background:url(../images/join/about-bj.jpg) center no-repeat fixed; float:left; width:100%; height:800px;}
.ht-about-sz{float:left; width:100%; text-align:center;}
.ht-about-sz img{ max-width:100%; margin-top:4vw;}
.yd-ab-sz{ display:none;}
.ht-jmys{ float:left; background:url(../images/join/ys-bj.jpg) center bottom #f0f0f0 no-repeat ; width:100%;}

.ht-jmys-list{ float:left; width:100%; margin-top:20px; margin-bottom:80px}
.ht-jmys-list ul{ margin:0px -10px;}
.ht-jmys-list ul li{ float:left; width:25%; padding:10px; }
.ht-jmys-list ul li span{ display:block; float:left; width:100%; background:#fff; position:relative;transition: all 0.5s ease-out 0s;}
.ht-jmys-list ul li span b{ position:absolute;width:32px; height:32px; background:#f2e726; font-family:din; font-weight:normal; font-size:18px; display:inline-block; line-height:32px; text-align:center; border-radius:50%; color:#1e2972; left:20px; top:20px;}
.ht-jmys-list ul li span h6{ float:left; width:100%; text-align:center; margin-top:30px;}
.ht-jmys-list ul li span h6 img{ max-width:90px;transition: all 0.5s ease-out 0s;}
.ht-jmys-list ul li span h2{ font-size:24px; color:#1e2972; font-weight:bold; text-align:center; float:left; width:100%; margin:15px 0px; }
.ht-jmys-list ul li span p{ float:left; width:100%; font-size:14px; line-height:26px; color:#333; padding:0px 15px; text-align:center; min-height:130px;}
.ht-jmys-list ul li span:hover{transform: translateY(-10px); background:#f2e727}
.ht-jmys-list ul li span:hover h6 img{-webkit-animation: jello 1s;  -moz-animation: jello 1s; animation: jello 1s;}

.ht-zxzz{ background:#1e2972; float:left; width:100%;}
.ht-zxzz .ht-gy-bt h2,.ht-zxzz .ht-gy-bt p{ color:#fff;} 
.zx-zd{overflow:hidden;float:left; width:100%; padding-bottom:40px;}

.zx-01{ float:left; width:100%; padding-bottom:60px; margin-top:20px; }
.zx-01 .swiper-container{ max-width:950px; overflow:inherit}
.zx-01 .swiper-pagination-bullet{ background:#bcbfd5; opacity:1;}
.zx-01 .swiper-pagination-bullet-active{ background:#f2e726}
.zx-01 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:-20px;}
.zx-01 .swiper-button-next,.zx-01 .swiper-button-prev{ width:56px; height:56px; background:#f2e726; line-height:56px; text-align:center; font-size:24px; color:#000; border-radius:50px; outline:none; }
.zx-01 .swiper-button-next{ right:-28px;}
.zx-01 .swiper-button-prev{ left:-28px;}
.zx-01 .swiper-button-next.swiper-button-disabled,.zx-01 .swiper-button-prev.swiper-button-disabled{ opacity:0;}
.zx-01 img{ width:100%; float:left;}
.ht-xxpx{ background:#fff; float:left; width:100%;}

.ht-hdzc{ background:#f3f3f3; float:left; width:100%;}

.ht-jmtj{ background:url(../images/join/tj-bj.jpg) center no-repeat fixed; float:left; width:100%; padding-bottom:80px; }

.ht-jmtj .ht-gy-bt h2,.ht-jmtj .ht-gy-bt p{ color:#fff;}
.ht-wz-lb{ float:left; width:100%; margin-top:40px;}
.ht-tj-wz{ float:left; width:50%; padding-top:20px;}
.ht-tj-wz p{ font-size:16px; line-height:30px; color:#fff; background:url(../images/join/yuan.png) 0px 6px no-repeat; padding-left:30px; margin:15px 0px;}
.ht-lb{ float:left; width:46%;}
.ht-lb h6{ float:left; width:100%; text-align:center;}
.ht-lb h6 img{ max-width:100%;}
.ht-lb h2{ font-size:44px; color:#fff; font-weight:bold; text-align:center;}

.ht-zxjm{ float:left; width:100%; background:#f3f3f3;}
.ht-jm-bw{background:#f3f3f3; padding-top:20px;}
.ht-top-qd{ margin-top:0px !important;}
@media (max-width: 1680px){
.nav{ padding:0px 300px 0px 260px}	
.header{ padding:0px 20px;}
.header h1{ left:20px;}
.tel dl dd{ font-size:22px;}
.tel dl{ width:250px;}
.tel h6{ margin-top:3px;}	
.tel h3{margin-right: 15px; padding-left: 10px;}
.tel{ right:20px;}
.tel h3 a{ width:30px; margin:6px 3px;}
.yhht-lie{ height:78vh;}

.tehuo .swiper-button-prev{ left:20px;}
.tehuo .swiper-button-next{ right:20px;}
.header.active .nav{ padding:0px 300px 0px 230px}
}

@media (max-width: 1560px){
.nav ul li span{ width:140px;}	
.md-nr .swiper-button-prev{ left:-28px;}
.md-nr .swiper-button-next{ right:-28px;}
.md-nr .swiper-button-next, .md-nr .swiper-button-prev{ background:#fff;box-shadow:0 0px 30px 0 hsla(0,0%,0%,.08); top:40%;}	


.team-nr .swiper-button-next, .team-nr .swiper-button-prev{ background:#fff;box-shadow:0 0px 30px 0 hsla(0,0%,0%,.08)}
.team-nr .swiper-button-prev{ left:-28px;}
.team-nr .swiper-button-next{ right:-28px;}

.product-left{ padding:20px 20px 40px 100px}
.pro-icon{ left:20px;}
.pro-icon img{ width:60px;}
.product-right .swiper-container{ width:88%;}

.yhht-lie{ height:70vh;}
.tehuo span.tg-fw p{ font-size:16px;}
.tehuo span.tg-fw{ padding:20px 40px;}
.tehuo span.tg-fw:before{ width:4px; height:60px;}
.tehuo span.tg-fw{ right:120px;}
.tehuo span.tg-fw.right-t2{ left:120px;}

.sous-nr{ padding:130px 20px 0px 20px}
}

@media (max-width: 1440px){
.h-banner .swiper-button-prev, .h-banner .swiper-button-next{ width:50px; height:50px; margin-top:-25px; line-height:50px;}	
.banner-text h2{ font-size:4vw; margin-bottom:1vw;}
.banner-text p{ margin-bottom:1vw;}
.banner-text{ padding:0px 100px;}
.h-banner .swiper-pagination-fraction{ padding:0px 100px;}
.message span{ margin-top:0px; top:5px;}	
.team-nr{ padding:0px 30px;}
.team-nr .swiper-button-prev{ left:0px;}
.team-nr .swiper-button-next{ right:0px;}

.service-nr{ padding:0px 30px;}
.service-nr .swiper-button-prev{ left:0px;}
.service-nr .swiper-button-next{ right:0px;}
.service-nr .swiper-container{ padding:30px 0px 40px 0px}



}

@media (max-width: 1400px){
.gy-center{ width:100%; padding:0px 40px;}
.about-left{ width:44%; padding-right:40px;}
.about-right{ width:56%;}	

.h-about{ padding:70px 0px 60px 0px;}
.h-store{ padding:40px 0px;}
.h-team{ padding:40px 0px;}
.message .gy-center{ position:relative; height:100px;}
.fytg1{ position:absolute; left:30px;}
.fytg2{ width:100%; padding-left:250px;}
.ht-gy-cenet{ width:100%; padding:0px 40px;}
}
@media (max-width: 1366px){
.header h1{ height: 78px; margin-top: 0px; overflow: hidden;}	
.nav,.header.active .nav{ padding:0px 258px 0px 230px}
.banner{ padding-top:80px;}
.header{ height:80px;}
.nav ul li a{ height:80px; line-height:80px;}	
.tel{ top:15px;}

.h-banner .swiper-button-prev{ left:20px; border-radius:50%;}
.h-banner .swiper-button-next{ right:20px;border-radius:50%;}

.video-about a{ width:60px; height:60px; background-size: 12px;}
.video-about{ bottom:20px; right:20px;}
.tel dl{ width:120px; margin-top:4px;}
.tel dl dd{ font-size:18px;}
.tel dl dt{ font-size:12px;}
.gy-bt h2{ font-size:28px;}
.nav ul li span{ top:80px;}

.sous-nr{ padding:100px 20px 0px 20px}
.h-product:after{ top:0px;}
.product-left{ padding:20px 20px 40px 40px}
.pro-icon{ top:20px;}
.pro-icon img{ width:40px;}
.ht-gy-bt h2{ font-size:36px;}
.ht-gy-bt p{ font-size:16px; line-height:26px;}
.ht-gy-bt h6 img{ max-width:80px; margin:-40px auto 0 auto}
.ht-about{ height:600px;}
.ht-jmys-list ul li span h6 img{ max-width:60px;}
.ht-jmys-list ul li span h2{ font-size:20px;}
.ht-jmys-list ul li span p{ font-size:12px;}
.ht-lb h2{ font-size:3.3vw;}
}
@media (max-width: 1300px){
.header h1{  height:90px; margin-top:-15px;}	
.nav, .header.active .nav{ padding:0px 258px 0px 200px}	
.gy-center{ padding:0px 20px;}
.about-right dl dd{ font-size:16px;letter-spacing: 1px; width:50px; line-height:50px;}
.about-right dl dt{ padding-right:50px;}
.header.active h1{ width:180px; height:90px;margin-top: -15px;}
.md-nr{ padding:0px 30px;}
.md-nr .swiper-button-next{ right:0px;}
.md-nr .swiper-button-prev{ left:0px;}
.md-nr:before{ left:30px;}
.md-nr:after{ right:30px;}
.service-bt h2{ font-size:40px;}
.service-bt p{ font-size:16px;}
.service-bt{ padding-top:40px;}
.product-right dl dd h2{ font-size:20px;}
.product-right dl dd h3{ font-size:14px;}
.about-nr{ margin-bottom:20px;}
}


@media (max-width: 1200px){
.message.active{ display:none;}
.footer-b.active{ margin-bottom:66px;}

.nav{ display:none;}	
.tel h3{ display:none;}
.tel:before{ display:none;}	
.yd-ad{ display:block;}
.header{ height:60px; top:30px;}
.header h1,.header.active h1{ margin-top:0px; height:60px; left:50%; margin-left:-80px; width:160px;}
.header h1 img,.header.active h1 img{ margin-top:-20px;}
.header.active{ top:0px; height:60px;}
.header.active .tel,.tel{ top:10px;}
.tel dl dt{ display:none;}
.tel dl{ margin-top:0px;}
.tel dl dd{ line-height:40px;}
.tel h6{ margin-top:0px;}

.mobile-nav{ display:block;}
.tel dl dd{ display:none;}
.tel dl{ width:40px; margin-right:20px;}
.tel dl a{ display:block; float:left; width:40px; height:40px; background:url(../images/tel-icon.png) center no-repeat #f2e726; background-size:17px; border-radius:50%;}
.tel dl a:hover{ background:url(../images/tel-icon-h.png) center no-repeat #1c2b73;    background-size: 17px;}
.banner{ padding-top:90px;}
.sous-nr{ padding:100px 20px 0px 20px}
.yd-bq-nav{ display:block;}
.h-ypsb ul li p{position:relative; float:left; width:100%; background:#fff; padding:15px;}
.h-ypsb ul li:hover p{ background:#f2e726;}
.sp-xh.sp-zz ul li:first-child p{ font-size:14px; }
.h-ypsb ul li:hover p{ color:#1e2972}
.h-ypsb ul li:hover b{ top:42%;}
.yqlj{ display:none;}
.htl-f1 dl{ display:block;}
.htl-f1 dl dt{ width:100%; text-align:center; font-size:0;}
.htl-f1 dl dt img{ max-width:80px; float:none;}  
.htl-f1 dl dd{ width:100%; float:left; margin-top:20px;}

.new-float{ width:100%; right:0px;  bottom:-80px; top:auto;transform: translateY(0%);    transition: all 0.5s ease-out 0s; }
.new-float.bottom-f{ bottom:0px;}
.cd-d2{ display:none;}
.new-float ul li{ width:25%; float:left;}
.new-float ul li:nth-child(n+2){ margin:0px;}
.new-float ul li:nth-child(4){ border:0px;}
.cd-d1{ display:none;}
.tl2:hover{ left:0px;}
.ewm-tl1:hover .navr-ewm22{ display:none;}
.tl3:hover{ left:0px;}
.new-float ul li{ border-right:1px solid rgba(0,0,0,0.1);} 
.new-float ul li:last-child{ border-right:0px;}
#roll_top{ position:fixed; width:50px; bottom:100px; right:10px; left:auto; border-radius:50%;}
#roll_top .zt-t1{ display:none;}
#roll_top .all-t1{ padding:9.5px 0;}
.sous-yd{ display:none;}
.ht-b-yd{ display:block;}
.ht-b-pc{ display:none;}
.ht-banner .gy-more{ left:3vw; bottom:12vw;}
}
@media (max-width: 1024px){
.banner-text{ display:none;}
.banner-lie .yd-img{ display:block;}	
.banner{ height:auto; position:relative;}
.down-gd{ display:none;}
.banner .swiper-pagination-fraction{ text-align:center;}

.service-bt h2{ font-size:36px;}

.yhht-lie{ height:auto;}
.yhht-lie{ display:block;}
.yhht-lie img.yd-img{ display:block;}
.tehuo span.tg-fw{ position:static; width:100%; background:rgba(30,41,114,1);transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); opacity: 1;}
.tehuo span.tg-fw:before{ left:auto; right:25px; top:-15px;}
.tehuo span.tg-fw{ padding:20px;}	
.tehuo .swiper-button-next, .tehuo .swiper-button-prev{ display:none;}
.tehuo span.tg-fw h6{ width:100px; float:right; margin-top:20px;}
.tehuo .gy-more a{ margin:20px 0px 10px 0px;}
.htl-f1 dl dd a{ width:20%; margin-bottom:20px;}
.htl-f1{ padding:40px 0px 20px 0px;}
.htl-f2 ul li{ width:50%; margin-bottom:20px;}
.htl-f2 ul a{ height:116px; line-height:116px; width:120px;}
.htl-f2 ul li input{ height:48px; line-height:48px;}
.htl-f2 ul{ padding-right:120px;}
.footer .gy-center{ padding:0px;}

.htl-f2{ padding:20px 20px 0 20px; border-top:1px solid #2c2c2c}
.foota span{ display:none;}
.footpc2-right{ margin-top:25px;}
.ht-tj-wz p{ font-size:14px; line-height:26px; background:url(../images/join/yuan.png) 0px 4px no-repeat; background-size:16px;}
}

@media (max-width: 960px){
.about-nr{ margin-top:10px; margin-bottom:0px;}	
.about-left{ width:100%; padding-right:0px;}
.about-right{ width:100%; margin-top:20px;}	
.h-about{ padding:20px 0px 40px 0px;}

.product-left{ width:100%; padding:0px 20px;}
.h-product:before{ display:none;}
.product-right{ width:100%; padding-left:0px; margin-top:0px;}
.product-pp ul li{ width:16.66%;}
.h-product:after{ text-align:center; top:46%;}
.product-right .swiper-container{ width:100%; padding:20px 20px 40px 20px;}
.product-right .swiper-button-next, .product-right .swiper-button-prev{ display:none;}
.product-right .swiper-pagination{ display:block;}
.product-right .swiper-pagination-bullet-active{ background:#1e2972;}
.pro-icon{ right:30px; left:auto; top:30px;}
.h-product{ padding:30px 0px 20px 0px;}
.product-right dl dd h6{ width:40px; height:40px; line-height:40px; margin-top:-20px;}
.product-right dl dd{ padding:10px 70px 15px 20px}

.product-left .team-more{ display:none;}
.product-pp{ margin-bottom:10px;}
.cp-more{ display:block; margin-top:20px;}
.zx-01 .swiper-container{ max-width:100%;}
.zx-01 .swiper-button-next{    right: 10px;}
.zx-01 .swiper-button-prev{ left:10px;}
.ht-gy-cenet{ padding:0px 20px;}
.ht-jmys-list ul li{ width:33.33%;}
.ht-tj-wz{ width:100%;}
.ht-lb{ width:100%; margin-top:20px;}
.ht-wz-lb{ margin-top:0px;}
}
@media (max-width: 840px){
.ht-jmys-list ul li{ width:50%;}	
.ht-jmys-list ul li span p{ min-height:104px;}	
.ht-gy-bt h2{ font-size:30px;}
.ht-p-list ul li{ width:25%; margin-bottom:20px;}
.ht-p-list{ margin-top:15px;}

.yd-ab-sz{ display:inline-block; max-width:100%;}
.pc-ab-sz{ display:none;}
}

@media (max-width: 768px){
.tel h6{ display:none;}
.tel dl{ margin-right:0px;}	

.md-nr dl dd h3{background: url(../images/ico-03.png) no-repeat 0px 6px; background-size: 14px; padding-left:25px;}
.md-nr dl dd h4{background: url(../images/ico-04.png) no-repeat 0px 6px; background-size: 14px; padding-left:25px;}
.md-nr dl:hover dd h3{background: url(../images/ico-03-h.png) no-repeat 0px 6px;  background-size: 14px;}
.md-nr dl:hover dd h4{background: url(../images/ico-04-h.png) no-repeat 0px 6px; background-size: 14px;}

.md-nr .swiper-button-next, .md-nr .swiper-button-prev{ display:none;}
.md-nr{ padding:0px;}
.md-nr .swiper-container{ padding-bottom:40px;}
.md-nr:before{ left:0px;}
.md-nr:after{ right:0px;}
.md-nr .swiper-pagination{ display:block;}
.md-nr .swiper-pagination-bullet-active{background: #1e2972;}
.h-store:before,.h-team:before,.h-service:before,.h-product:after{-webkit-text-stroke-width: 1px;}
.h-store{ padding:35px 0px 30px 0px;}
.team-nr .swiper-button-next, .team-nr .swiper-button-prev{ display:none;}
.team-nr .swiper-pagination{ display:block;}
.team-nr{ padding:0px;}
.team-nr .swiper-pagination-bullet-active{ background:#1e2972;}
.team-nr .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:16px;}
.md-nr .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:16px;}
.sp-xh{ width:100%;}
.sp-xh.sp-yi{ padding-right:0px;}
.sp-xh.sp-zz{ padding-left:0px;}


.service-nr{ padding:0px;}
.service-nr .swiper-button-next, .service-nr .swiper-button-prev{ display:none;}
.service-bt h2{ font-size:30px;}
.h-service{ padding-bottom:30px;}
.foota dl{ margin-right:0px; width:50%;}
.foota{ width:100%;}
.footpc2-right{ float:left;}
.footpc2-right a{ margin-left:0px;  margin-right:20px;}
.footpc2-right a{ width:48px; height:48px;}
.foota dl dt img{ width:40px;}
.footer-c{ padding:20px 0px;}
.product-pp ul li{ width:33.33%;}
.ypsb-nr{ margin-top:30px;}
.sous-yd{ display:block;}
}

@media (max-width: 640px){
.h-news{ overflow:hidden;}
.news-nr .swiper-container{ overflow:inherit;}

.h-banner .swiper-button-prev, .h-banner .swiper-button-next{ width:32px; height:32px; line-height:32px; font-size:18px;}
.h-banner .swiper-pagination-current{ font-size:24px;}
.h-banner .swiper-pagination-fraction{ font-size:12px; bottom:0px;}

.h-banner .swiper-pagination-total{ font-size:18px;}

.video-about a{ width:50px; height:50px;}
.yd-bq-nav dl dd{ font-size:14px;}
.yd-bq-nav dl dt img{ max-width:40px;}
.gy-bt h2{ font-size:24px;}
.gy-bt p{ margin-top:0px; font-size:20px;}

.h-ypsb ul li b{ width:120px; height:40px; line-height:40px; margin-left:-60px; margin-top:-20px;}

.md-bt .gy-more{ margin-top:0px;}
.md-nr dl dd h2{ font-size:16px;}
.md-nr dl dd{ padding:15px;}
.service-nr dl h6 img{ max-width:60px;}
.service-nr dl h6{ margin:30px 0px 20px 0px;}
.service-bt h2{ margin-bottom:10px;}
.tehuo span.tg-fw h3{ font-size:26px;}
.tehuo span.tg-fw h6 i{ font-size:24px;}
.tehuo span.tg-fw h6 o{ font-size:18px; margin-top:8px;}
.tehuo span.tg-fw h6 b{ font-size:12px;}
.tehuo span.tg-fw h6{ width:80px;}
.tehuo span.tg-fw p{ font-size:14px; line-height:26px;}
.htl-f2 ul a{ position:static; width:100%; height:48px; line-height:48px;}
.htl-f2 ul li{ border:0px;}
.htl-f2 ul li:nth-child(2n+1){ padding-right:10px;}
.htl-f2 ul li:nth-child(2n+2){ padding-left:10px; }
.htl-f2 ul{ padding-right:0px;}
.htl-f1 dl dd a{ width:33.33%; text-align:left;}
.htl-f1 dl dd{ padding:0px 20px;}
.htl-f1 dl dd a:nth-child(3n+2){ text-align:center;}
.htl-f1 dl dd a:nth-child(3n+3){ text-align:right;}
.htl-f1{ padding-top:20px;}
.footer-bq p{ float:left; width:100%; margin-top:10px;line-height:24px;}

.h-team{ overflow:hidden; padding:30px 0px;}
.team-nr .swiper-container{ padding:0px 20px 40px 20px; overflow:initial;}
.team-nr{ margin-top:20px;}
.md-bt .gy-more{ display:none;}
.h-store .team-more,.h-ypsb .team-more{ display:block;}
.md-nr{ margin-top:20px;}
.h-store:before{ text-align:right;}
.yd-c-more{ display:block;}
.h-store{ padding:30px 0px;}
.h-ypsb{ padding:30px 0px;}
.ypsb-nr{ margin-top:20px;}
.service-bt p{ font-size:14px;}

.product-right .swiper-container{ padding:20px 40px 40px 40px}
.h-product{ padding:30px 0px}
.cp-more{ margin-top:0px;}
.product-right .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:16px;}
.team-nr dl dd span{ padding:15px;}
.team-nr dl dd span p{ height:48px; -webkit-line-clamp: 2;}
.team-nr dl dd{ margin-top:-40px;}
.service-nr .swiper-container{ overflow:initial}
.service-nr dl h5{ font-size:16px;}
.h-news{ padding-top:30px;}
.md-nr:before{ display:none;}
.md-nr:after{ display:none;}
.md-nr .swiper-container{ overflow:initial;padding:0px 20px 40px 20px; }
.h-service{ overflow:hidden;}
.product-pp{ margin-top:20px;}

.h-ypsb ul li p{ padding:10px 15px;}
.service-bt p.yd-p-s{ display:none;}
#roll_top{ width:40px; height:40px;}
.all-t1 img{ max-width:20px;}
.footer-b.active{ margin-bottom:58px;}
.zx-01 .swiper-button-next, .zx-01 .swiper-button-prev{ width:32px; height:32px; background:#fff;}
.ht-gy-bt p{ font-size:14px;}
.ht-gy-bt p br{ display:none;}
.ht-p-cc img{ width:100%;}
.ht-p-cc{ margin-top:20px;}
}

@media (max-width: 480px){
.about-right dl dd{ font-size:12px;letter-spacing: 0px; width:32px; line-height:32px;}
.about-right dl dt{ padding-right:32px;}

.gy-more{ width:180px;}
.gy-more a{ height:44px; line-height:44px;}
.gy-more a i{ line-height:44px;}
.gy-more a:hover{ padding-left:62px;}
.about-nr{ margin-top:0px;}
.about-nr p{ margin:10px 0px;}
.gy-bt{ margin-bottom:10px;}
.htl-f2 h3 b{ line-height:30px;}
.htl-f2 h3 i{ line-height:32px;}
.htl-f1 dl dt img{ max-width:60px;}

.tehuo span.tg-fw h3{ font-size:22px;}
.htl-f1 dl dd a{ font-size:14px;}
.service-nr dl h5{ font-size:14px;}
.service-nr dl p{ font-size:8px;}

.news-nr-z dl dt{ width:120px; margin-right:15px;}
.news-nr-z ul li a{ line-height:44px;}
.news-list{ min-height:410px;}
.news-nr-z dl dd h3{ line-height:30px; height:30px;}
.ht-p-list ul li{ width:50%;}
.ht-jmys-list ul li{ width:100%;}
.ht-jmys-list ul li span p{ min-height:inherit; margin-bottom:10px;}
.ht-jmys{ background:url(../images/join/ys-bj.jpg) center no-repeat fixed #f0f0f0;}
.ht-lb h2{ font-size:7vw;}
.ht-banner .gy-more{ width:180px;}
.ht-banner .gy-more a:hover{ padding-left:26px;}
}



.zxpg{ float:left; width:100%; background:#f3f3f3; padding:40px 0px;}
.wd_center{ width:920px;  margin:0 auto;}
.wd-z{ float:left; width:100%;background:#fff; padding:30px;}
.pg_nr{ padding:20px 20px 20px 20px; float:left; width:100%;}
.zxpg_nr{ float:left; width:100%; position:relative}
.zxpg_nr h3{ font-size:16px; color:#262626;float:left; width:100%; font-weight:bold;}
.zxpg_nr ul{float:left; width:100%; margin-top:15px;}
.zxpg_nr ul li{ font-size:14px; line-height:24px; margin:8px 0px;float:left; width:100%; position:relative; padding-left:30px;}
.zxpg_nr ul li i{ font-size:14px; font-style:normal; width:120px; display:inline-block;}
.zxpg_nr ul li b{ position:absolute; width:20px; height:20px; border:2px solid #eee; border-radius:50%; left:0px; top:50%; margin-top:-10px;}
.zxpg_nr ul li.on_zxpg b{ background:#f2e726;border:2px solid #f2e726; }
.zxpg_nr ul li.on_zxpg{ color:#1e2972}
.zxpg_nr ul li.on_zxpg:before{content:""; position:absolute; width:6px; height:6px; background:#fff; left:7px; top:50%; margin-top:-3px; z-index:3; border-radius:50%}


.yy-an{ display:block; float:left; width:200px;  text-align:center; background:#f2e726; position:relative; overflow:hidden; height:50px; border-radius:50px; }
.yy-an i{ width:100%; float:left; font-style:normal; position:absolute; left:0px; top:0px; text-align:center; font-size:16px; color:#000; line-height:50px;}
.yy-an:before{content: ""; background:#1e2972; border-radius:50%; opacity:0; position:absolute; top:50%; left:50%; bottom:0; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); transition:0.5s; width:10%;}
.yy-an:hover:before{ opacity:1; padding-top:100%; width:120%;}
.yy-an:hover i{ color:#fff;}


.tj-an{ display:block; float:left; width:200px;  text-align:center; background:#f2e726; position:relative; overflow:hidden; height:50px; border-radius:50px; }
.tj-an i{ width:100%; float:left; font-style:normal; position:absolute; left:0px; top:0px; text-align:center; font-size:16px; color:#000; line-height:50px;}
.tj-an:before{content: ""; background:#1e2972; border-radius:50%; opacity:0; position:absolute; top:50%; left:50%; bottom:0; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); transition:0.5s; width:10%;}
.tj-an:hover:before{ opacity:1; padding-top:100%; width:120%;}
.tj-an:hover i{ color:#fff;}

.pg_nr.no{ position:relative;}
.pg_nr.no:before{ border:1px dotted red;content:""; position:absolute; left:0px; right:0px; top:0px; bottom:10px;}
.pg_nr p{float:left;  border-radius:5px; color:red;opacity:0; position:absolute; right:5px; top:6px;}
.pg_nr.no p{ opacity:1;} 


.tj_px{}
.bqdf-img{ width:100%; float:left;  text-align:center; margin-top:20px;}
.bqdf-img img{ max-width:60px;}
.bqdf-title{width:100%; float:left; text-align:center; font-size:14px; color:#333; margin-top:20px;}
.bqdf-jg{ width:100%; float:left;font-size:28px; font-weight:bold; text-align:center;  color:#1e2972; padding:20px 0;}
.gy-5-10{width:100%; float:left; text-align:center; font-size:16px; color:#333; line-height:24px;}
.dy-01{ background:#fafafa;width:100%; float:left;}
.dy-02{ background:#fafafa;width:100%; float:left; padding-bottom:20px;}
.dy-03{ background:#fafafa;width:100%; float:left;padding-bottom:20px;}
.dy-02 .bqdf-jg{ color:#f06e0f;}
.dy-03 .bqdf-jg{ color:#f30a0a;}


.bt-ly h6{ float:left; width:100%; font-size:20px;  color:#333; margin-bottom:20px; }
.bt-ly{ float:left; width:100%; padding-top:20px;}
.bt-ly ul{ float:left; width:100%;}
.bt-ly ul li{ float:left; width:50%; position:relative; margin-bottom:20px;}
.bt-ly ul li:nth-child(2n+1){ padding-right:15px;}
.bt-ly ul li:nth-child(2n+2){ padding-left:15px;}
.bt-ly ul li b{ position:absolute;  top:0px; line-height:58px; color:red; font-size:14px; }
.bt-ly ul li:nth-child(2n+1) b{right:40px;}
.bt-ly ul li:nth-child(2n+2) b{right:20px;}

.dfinput{ float:left; width:100%; height:60px; line-height:58px; border:1px solid #eee; outline:none; font-size:16px; padding:0px 20px; color:#1e2972;-webkit-appearance:none;}
.dfinput:focus{ border:1px solid #1e2972;}

@media (max-width: 960px){
.wd_center{ width:100%;}	
	
}
@media (max-width: 768px){
.dfinput{ height:50px; line-height:48px; padding:0px 15px; font-size:14px;}
.bt-ly ul li:nth-child(2n+1){ padding:0px;}
.bt-ly ul li:nth-child(2n+2){ padding:0px;}
.bt-ly ul li{ width:100%;}
.bt-ly ul li:nth-child(2n+1) b{ right:20px;}
.bt-ly ul li b{ line-height:52px;}
.bt-ly{ padding:20px 0 0 0;}
.yy-an{ margin-left:0px;}
}

@media (max-width: 640px){
.wd-z{ padding:20px 20px;}	
.pg_nr p{ position:static; width:100%; background:#fafafa; float:left; top:auto; margin-bottom:15px; padding:8px; font-size:12px; display:none;}
.pg_nr.no p{ display:block;}
.pg_nr{ padding:15px 0px 15px 0px}	
.tj-an{ margin-left:0px; width:100%;}
.pg_nr.no:before{left:-10px; right:-10px;}
.yy-an{ width:100%;}
.bqdf-jg{font-size:22px;}
.gy-5-10{font-size:14px;}
}
.htl_jm{float:left;width:100%; height:8465px; background:url(../images/300.jpg) center no-repeat; margin-top:90px;}