*{ padding:0; margin:0;}*
div,span,a,img,h1,h2,h3,h4,h5,h6,h7,h8,ul,li,dl,dt,dd,strong,em,embed,table,tr,td,input,form,select,option,p,del{ padding:0; margin:0; font-weight:normal;}
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,h7,h8,em,i{ font-size:12px; font-weight:normal;}
a{ color:#666; font-weight:normal; text-decoration:none;}
p{ color:#666;}
img{ border:0px;}
span{ display:block;}
body{-webkit-text-size-adjust:100%; }
*, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-track { background:#222;}
::-webkit-scrollbar-thumb { width:10px; background-color:#f18d00;}
::-webkit-scrollbar-thumb:window-inactive {background:#222;}
/*------------------------------*/
.nav{ width:100%; float:left; position:absolute; left:0px; top:0px; z-index:99; padding:0 60px; height:80px;-webkit-transition: all 0.35s linear;  transition: all 0.35s linear;}
.nav h1{ float:left; padding-top:28px;}
.nav h1 a{ display:inline-block; float:left;}
.nav h1 a img{ max-width:540px; float:left;}
.nav span{ display:inline-block; float:right; padding-top:32px;}
.nav span a{ display:inline-block; float:left;}
.nav span a img{ max-width:18px; float:left;}
.nav span i{ display:inline-block; float:left; width:1px; height:14px; background:#fff; margin:0 15px; margin-top:2px;}
.nav ul{ float:right; padding-top:20px; padding-right:30px;}
.nav ul li{ float:left; margin:0 30px; position:relative;}
.nav ul li a{ display:inline-block; float:right; font-size:14px; color:#fff; line-height:40px; height:40px; padding:0 15px; transition:all 0.5s ease-out 0s;}
.nav ul li a i{ display:inline-block; float:right; font-size:14px; color:#fff; line-height:14px; margin-left:10px; margin-right:2px; margin-top:13px; transition:284ms ease-in-out; transform:rotate(90deg);}
.nav ul li ul{ position:absolute; left:0px; top:40px; width:100%; float:left; padding:0px; background:#222; padding-top:10px; opacity:0; visibility:hidden; transition:all 0.5s ease-out 0s;}
.nav ul li ul li{ margin:0px; width:100%; float:left; position:static; }
.nav ul li ul li a{ float:left; width:100%; color:#eee !important; opacity:0.7; line-height:40px; height:40px; text-align:center;}
.nav ul li:hover ul{ opacity:1; visibility:visible; }
.nav ul li:hover a{ color:#f18d00;}
.nav ul li:hover a i{ color:#f18d00;}
.nav ul li ul li a:hover{ color:#f18d00 !important; background:#656565;}
.nav ul li:hover:nth-child(6n+2) a{ background:#222;}
.nav ul li ul li:last-child a{ border-bottom:0px; margin-bottom:0px;}
.nav ul li a.selected{ color:#f18d00;}
.nav ul li a.selected i{ color:#f18d00;}
.top{ background:#222; position:fixed;}
.top.nav ul li ul{ top:50px;}
.bannerPanel{ width:100%; float:left;}
.bannerPanel .swiper-container-horizontal>.swiper-pagination-bullets{}
.bannerPanel .swiper-wrapper{ position:relative;}
.banner{ width:100%; height:100%; float:left; position:relative; overflow:hidden;}
.banner .swiper-container{ width:100%; height:100%; float:left;} 
.banner .swiper-slide{ width:100%; float:left;}
.banner .swiper-pagination{ bottom:20px !important;}
.banner .swiper-button-prev{ left:8%; top:auto; bottom:100px; opacity:0; width:66px; height:66px; outline:none; background:none; transition:all 0.5s ease-out 0s; opacity:1; border:1px solid #fff;}
.banner .swiper-button-prev i{ display:inline-block; float:left; font-size:24px; color:#fff; line-height:64px; text-align:center; width:100%;}
.banner .swiper-button-next{ left:8%; margin-left:65px; top:auto; bottom:100px; opacity:0; width:66px; height:66px; outline:none;  background:none; transition:all 0.5s ease-out 0s; opacity:1; border:1px solid #fff;}
/*.banner .swiper-button-next.swiper-button-disabled,.banner  .swiper-button-prev.swiper-button-disabled{ opacity:1 !important;}*/
.banner .swiper-button-next i{ display:inline-block; float:left; font-size:24px; color:#fff; line-height:64px; text-align:center; width:100%;}
.banner .swiper-button-prev:hover{ background:#f18d00;border:1px solid #f18d00;}
.banner .swiper-button-next:hover{ background:#f18d00; border:1px solid #f18d00;}
.banner-lie{ width:100%; float:left; height:100%; position:relative; overflow:hidden; padding:0 8%; background:#222;}
.banner-text{ width:100%; float:left; display:table; position:relative; height:100%; z-index:99; }
.banner-text h2{ width:100%; float:left; font-size:60px; color:#fff; line-height:60px; font-weight:bold; margin-bottom:50px; animation-duration:1s;opacity: 0; transform: translateY(-100px);-webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -webkit-transition: all 0.55s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;  transition: all 0.55s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;}

.banner .swiper-slide-active .banner-text h2,.animated .banner-text h2{transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); opacity: 1;}

.banner-text p{ width:800px; float:left; font-size:28px; color:#fff; line-height:48px; animation-duration:1.2s;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.6s;  transition: all 0.65s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;}

.banner .swiper-slide-active .banner-text p,.animated .banner-text p{transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); opacity: 1;}

.banner-bj{ position:absolute; width:100%; height:100%; background:#222; background-size:cover; left:0px; top:0px;-webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
	
.banner-bj2{background:url(../images/ba2.gif) center no-repeat; background-size:cover;}	
.banner-bj3{background:url(../images/banner3.jpg) center no-repeat; background-size:cover;}	
.swiper-slide-active .banner-bj{webkit-animation: scaleBigToSmall 4s;
    animation: scaleBigToSmall 4s;}
@-webkit-keyframes scaleBigToSmall {
  0% { 
	opacity: 1;
	-webkit-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	transform: scale(1.1);
  }
  100% { 
	opacity: 1;
	-webkit-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1);
  }
}
@keyframes scaleBigToSmall {
  0% { 
	opacity: 1;
	-webkit-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	transform: scale(1.1);
  }
  100% { 
	opacity: 1;
	-webkit-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1);
  }
}
.scaleBigToSmall{
	-webkit-animation-name: scaleBigToSmall;
	animation-name: scaleBigToSmall;
	transform-origin: 50% 50%;
}
	
.mobile-mp4{ width:90px; height:90px; position:absolute; left:50%; margin-left:-45px; top:50%; margin-top:-45px; z-index:9999; display:block; cursor:pointer;}
.mobile-mp4:before{content:"";float:left; background:url(../images/ico-11.png) center no-repeat; width:100px; height:100px; z-index:1; position:absolute; left:-5px; top:-5px; -webkit-animation:show 1.4s infinite; animation:show 1.4s infinite; background-size:cover;}
.mobile-mp4:after{content:"";position: absolute;left: 0px; top: 0px;float:left; width: 100%; height: 100%; background: url(../images/ico-10.png) center no-repeat; background-size: cover; z-index: 2;cursor: pointer;}
{background:url(../images/ico-10.png) center no-repeat; background-size:cover;}
.shipa{ position:absolute; left:0px; top:0px; width:100%; float:left; height:100%; z-index:1;}
.shipa:before{content:""; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.3); right:0px; bottom:0px; z-index:99;}
.shipa video{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); object-fit: cover; height: 100%; width: 100%;}
.about{ width:100%; float:left; padding-top:110px; padding-bottom:130px; overflow:hidden;}
.public-center{ width:1320px; margin:0 auto;}
.public-title{ width:100%; float:left; position:relative;}
.public-title h2{ width:100%; float:left; font-size:48px; color:#f18d00; font-family:mop; animation-duration:1s;}
.public-title h3{ width:100%; float:left; font-size:24px; color:#333; animation-duration:1.1s;}
.public-title span{ display:inline-block; float:left; position:absolute; top:15px; right:0px; animation-duration:1.2s;}
.public-title span a{ display:inline-block; padding:0 30px; background:#fff; box-shadow:0 1px 9px rgba(0,0,0,0.15); transition:all 0.4s ease-out 0s;}
.public-title span a em{ display:inline-block; float:left; font-size:14px; color:#333; line-height:56px; font-style:normal;}
.public-title span a i{ display:inline-block; float:left; font-size:24px; color:#333; line-height:56px; margin-left:100px;}
.public-title span a:hover{ background-image:linear-gradient(to right, #f8ba3b 0%, #d78718 100%);}
.public-title span a:hover em{ color:#fff;}
.public-title span a:hover i{ color:#fff;}
@font-face{ font-family:mop; src:url("../font/mop.otf");}
.public-title b{ display:inline-block; float:left; position:absolute; top:0px; right:0px;}
.public-title b img{ max-width:100%; float:left;}
.about-title{ width:100%; float:left;}
.about-title p{ width:100%; float:left; font-size:14px; color:#333; line-height:36px; margin:40px 0; animation-duration:1s;}
.about-center{ width:100%; float:left; padding-left:260px; position:relative;}
.about-left{ position:absolute; left:0px; top:0px; float:left; animation-duration:1s; width:260px; height:100%;}
.about-left dl{ width:100%; height:100%; float:left; position:relative; overflow:hidden; cursor:pointer;}
.about-left dl dt{ width:100%; float:left;}
.about-left dl dt img{ max-width:100%; float:left;}
.about-left dl dd{ position:absolute; left:0px; top:0px; width:100%; height:100%; float:left; -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;}
.about-left dl dd b{ display:inline-block; width:100%; float:left;}
.about-left dl dd b img{ max-width:100%; display:block; margin:0 auto; text-align:center;}
.about-left dl dd p{ width:100%; float:left; font-size:16px; color:#fff; text-align:center; margin-top:50px;}
.about-right{ width:100%; float:left; overflow:hidden; animation-duration:1.1s;}
.about-right img{ max-width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.about-right:hover img{ -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);}
.more{ width:100%; float:left; padding-right:30px; position:relative; z-index:1; margin-bottom:-25px;}
.more span{ display:inline-block; float:right;}
.more span a{ display:inline-block; padding:0 30px; background:#fff; box-shadow:0 1px 9px rgba(0,0,0,0.15); transition:all 0.4s ease-out 0s;}
.more span a em{ display:inline-block; float:left; font-size:14px; color:#333; line-height:56px; font-style:normal;}
.more span a i{ display:inline-block; float:left; font-size:24px; color:#333; line-height:56px; margin-left:100px;}
.more span a:hover{ background-image:linear-gradient(to right, #f8ba3b 0%, #d78718 100%);}
.more span a:hover em{ color:#fff;}
.more span a:hover i{ color:#fff;}
.business{ width:100%; float:left; height:800px; position:relative; overflow:hidden;}
.business-text{ width:100%; float:left; position:absolute; left:0px; top:80px; z-index:2;}
.business-text .public-title h3{ color:#fff;}
.product-bj{ float:left; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1;}
.product-list{ width:100%; height:100%; opacity:0;transition: all 0.5s ease-out 0s; position:absolute; top:0px; left:0px; background:#222; z-index:2;}
.product-list.active{ opacity:1;}
.product-list.active .business-center{ opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay:0s;}
.business-center{ width:100%; float:left; display:block; background:url(../images/y-1.jpg) center no-repeat; background-size:cover; opacity:0; -webkit-transform:scale(0.7, 0.7); transform:scale(0.7, 0.7); transition:all 1s;  display:table; position:relative; height:100%;}
.business-center h2{ float:left; font-size:18px; color:#fff; text-transform:uppercase; line-height:18px; padding-bottom:10px; border-bottom:1px solid #c4c4c4;opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;}
.active .business-center h2{transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); opacity: 1;}

.business-center h3{ width:100%; float:left; font-size:46px; color:#fff; margin:40px 0;opacity: 0;transform: translateY(100px);-webkit-transform: translateY(100px);-moz-transform: translateY(100px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;}
.active .business-center h3{transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); opacity: 1;}


.business-center p{ width:100%; float:left; font-size:18px; color:#fff; line-height:46px;opacity: 0;transform: translateY(100px);-webkit-transform: translateY(150px);-moz-transform: translateY(150px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.7s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.7s;}
.active .business-center p{transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); opacity: 1;}
.product{ width:100%; float:left; position:absolute; left:0px; bottom:60px; z-index:2; animation-duration:1s;}
.product ul{ width:100%; float:left;}
.product ul li{ width:25%; float:left; padding:0 2px;}
.product ul li a{ display:block; width:100%; float:left; position:relative; overflow:hidden; height:150px; transition:all 0.5s ease-out 0s;}
.product ul li a h2{ width:100%; float:left; height:70px; padding:20px 30px 0px 30px; overflow:hidden; opacity:0; transition:all 0.3s ease-out 0s; visibility:hidden;}
.product ul li a h2 i{ display:inline-block; float:left; font-size:40px; color:#fff; font-family:mop; font-style:normal; line-height:38px; margin-top:10px;}
.product ul li a h2 em{ display:inline-block; float:right;}
.product ul li a h2 em img{ max-width:100%; float:left;}
.product ul li a span{ display:block; width:100%; float:left; position:relative; overflow:hidden; height:80px; background:#fff; transition:all 0.2s ease-out 0s;}
.product ul li a span h3{ width:100%; float:left; font-size:20px; text-align:center; color:#333; line-height:80px; position:absolute; left:0px; top:0px; transition:all 0.5s ease-out 0s;}
.product ul li a span p{ width:100%; float:left; font-size:20px; color:#fff; margin-top:30px; position:absolute; left:-100%; top:0px; padding:0 30px; transition:all 0.5s ease-out 0s;}
.product ul li.xuan a{  height:150px; background-image:linear-gradient(to top, #d78718 0%, #f8ba3b 100%);}
.product ul li.xuan a h2{ opacity:1; visibility:visible; }
.product ul li.xuan a span{ background:none;}
.product ul li.xuan a span h3{ left:100%;}
.product ul li.xuan a span p{ left:0px;}
.brands{ width:100%; float:left; padding:80px 0; overflow:hidden; margin-bottom:40px;}
.brands-cenetr{ width:100%; float:left; margin-top:40px; }
.brands-cenetr ul{ width:100%; float:left;}
.brands-cenetr ul li{ width:16.666666%; float:left; overflow:hidden;}
.brands-cenetr ul li:nth-child(2),.brands-cenetr ul li:nth-child(5),.brands-cenetr ul li:nth-child(7),.brands-cenetr ul li:nth-child(9),.brands-cenetr ul li:nth-child(12){ background:#fafafa;}
.brands-cenetr ul li:nth-child(3),.brands-cenetr ul li:nth-child(6),.brands-cenetr ul li:nth-child(8),.brands-cenetr ul li:nth-child(10){ background:#f3f3f3;}

.brands-cenetr ul li dl{ width:100%; float:left; position:relative; overflow:hidden; animation-duration:1s;} 
.brands-cenetr ul li dl:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; float:left; background:rgba(0,0,0,0.8); z-index:1; opacity:0; transition:all 0.5s ease-out 0s;}
.brands-cenetr ul li dl dt{ width:100%; float:left; overflow:hidden;}
.brands-cenetr ul li dl dt img{ max-width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.brands-cenetr ul li dl dd{ position:absolute; left:0px; top:0px; width:100%; height:100%; float:left;}
.brands-cenetr ul li dl dd b{ display:inline-block; position:absolute; left:50%; top:30%; margin-left:-55px; width:110px; height:110px; border-radius:50%; overflow:hidden; z-index:2; transform:scale(0); transition:all 0.4s; background:#fff;}
.brands-cenetr ul li dl dd b img{ max-width:100%; float:left;}
.brands-cenetr ul li dl dd h2{ width:100%; float:left; font-size:18px; color:#fff; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:absolute; left:0px; bottom:-50px; z-index:3; transition:all 0.3s ease-out 0s;}
.brands-cenetr ul li dl dd p{ width:100%; float:left; font-size:14px; color:#fff; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:absolute; left:0px; bottom:-50px; z-index:3; transition:all 0.3s ease-out 0s;}
.brands-cenetr ul li:hover dl:before{ opacity:1;}
.brands-cenetr ul li:hover dl dt img{ -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);}
.brands-cenetr ul li:hover dl dd b{ transform:scale(1); }
.brands-cenetr ul li:hover dl dd h2{ bottom:50px;}
.brands-cenetr ul li:hover dl dd p{ bottom:20px;}
.brands-cenetr ul li:nth-child(6n+2) dl{ animation-duration:1.1s;}
.brands-cenetr ul li:nth-child(6n+3) dl{ animation-duration:1.2s;}
.brands-cenetr ul li:nth-child(6n+4) dl{ animation-duration:1.3s;}
.brands-cenetr ul li:nth-child(6n+5) dl{ animation-duration:1.4s;}
.brands-cenetr ul li:nth-child(6n+6) dl{ animation-duration:1.5s;}
.team{ width:100%; float:left; padding-bottom:130px; overflow:hidden;}
.team-center{ width:100%; float:left; margin-top:40px; position:relative;}
.team-center .swiper-container{ width:100%; float:left;}
.team-center .swiper-slide{ width:100%; float:left;}
.team-center .swiper-button-prev{ left:-25px; opacity:0; width:66px; height:66px; outline:none; background:none; opacity:1; margin-top:-66px;}
.team-center .swiper-button-prev i{ display:inline-block; float:left; width:100%; font-size:30px; color:#000; line-height:66px; text-align:center; width:100%; background:#fff; border-radius:50%; box-shadow:0 1px 10px rgba(0,0,0,0.15); transition:all 0.5s ease-out 0s;}
.team-center .swiper-button-next{ right:-25px; opacity:0; width:66px; height:66px; outline:none; background:none; opacity:1; margin-top:-66px;}
.team-center .swiper-button-next i{ display:inline-block; float:left; width:100%; font-size:30px; color:#333; line-height:66px; text-align:center; width:100%; background:#fff; border-radius:50%; box-shadow:0 1px 10px rgba(0,0,0,0.15); transition:all 0.5s ease-out 0s;} 
.team-center .swiper-button-prev:hover i{ background:#f18d00; color:#fff;}
.team-center .swiper-button-next:hover i{ background:#f18d00; color:#fff;}
.team-center .swiper-button-disabled{ opacity:0 !important;}
.team-nr{ width:100%; float:left; padding:8px;}
.team-nr dl{ width:100%; float:left;}
.team-nr dl dt{ width:100%; float:left; position:relative; overflow:hidden;}
.team-nr dl dt img{ width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.team-nr dl dt:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; float:left; background:rgba(0,0,0,0.5); z-index:1; opacity:0; transition:all 0.3s ease-out 0s;}
.team-nr dl dt:after{content:""; position:absolute; left:50%; top:50%; width:16px; height:16px; background-size:16px; background:url(../images/ico-13.png) center no-repeat; z-index:2; margin-left:-8px; opacity:0; transition:all 0.3s ease-out 0s;}
.team-nr dl dd{ width:100%; float:left; background:#fff; padding:25px; box-shadow:0 1px 10px rgba(0,0,0,0.15); transition:all 0.5s ease-out 0s;} 
.team-nr dl dd h2{ width:100%; float:left; font-size:24px; color:#333; line-height:24px; transition:all 0.2s ease-out 0s;}
.team-nr dl dd p{ width:100%; float:left; font-size:14px; color:#666; margin-top:15px; line-height:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.2s ease-out 0s;}
.team-nr dl:hover dt img{ -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);} 
.team-nr dl:hover dt:before{ opacity:1;}
.team-nr dl:hover dt:after{ opacity:1; margin-top:-8px;}
.team-nr dl:hover dd{ background-image:linear-gradient(to right, #f8ba3b 0%, #d78718 100%);}
.team-nr dl:hover dd h2{ color:#fff;}
.team-nr dl:hover dd p{ color:#fff;}
.footer{ width:100%; float:left; background:#262626; margin-bottom:110px;}
.footer-top{ width:100%; float:left; margin-top:-50px; background:#3a3a3a; padding:50px 30px;}
.footer-logo{ width:100%; float:left;}
.footer-logo h2{ width:100%; float:left; text-align:center;}
.footer-logo h2 a{ display:inline-block;}
.footer-logo h2 a img{ max-width:166px; margin:0 auto; text-align:center; display:block;}
.footer-center{ width:100%; float:left; margin-top:90px; margin-bottom:60px;}
.footer-left{ width:33.333%; float:left;}
.footer-left h2{ width:100%; float:left; font-size:14px; color:#fff;} 
.yq-lj{ margin-top:10px; float:left;}
.yq-lj span{ position:relative; width:206px; display:block; float:left; cursor:pointer; z-index:3;}
.yq-lj span b{font-size:14px;color:#fff;display:inline-block;height:24px;line-height:24px;width:206px;height:44px;line-height:44px;float:left; border-bottom:1px solid #fff;}
.yq-lj span b i{width:8px;height:8px;background:url(../images/ico-7.png); float:right; background-size:8px; margin-top:19px;}
.yq-lj span h5{position:absolute;width:100%;top:44px; display:none;max-height:100px;overflow-y:auto; padding:5px 0; background:#fff;}
.yq-lj span h5::-webkit-scrollbar {width:4px;}
.yq-lj span h5::-webkit-scrollbar-track { background:#eee;}
.yq-lj span h5::-webkit-scrollbar-thumb { width:4px; background-color:#333;}
.yq-lj span h5::-webkit-scrollbar-thumb:window-inactive {background:#eee;}
.yq-lj span a{ padding:0 10px; display:block;float:left;width:100%;height:36px;line-height:36px; color:#666;}
.yq-lj span a:hover{color:#f18d00;}
.footer-lxdz{ width:33.3333%; float:left;}
.footer-lxdz h2{ width:100%; float:left; font-size:14px; color:#fff; text-align:center;} 
.footer-lxdz b{ display:inline-block; width:100%; float:left; color:#fff; text-align:center; padding:20px 0; font-weight:normal;}
.footer-lxdz p{ width:100%; float:left; font-size:22px; color:#fff; text-align:center; line-height:30px;}
.footer-right{ width:33.333%; float:left; padding-right:40px;}
.footer-right h2{ width:100%; float:left; font-size:14px; color:#fff; text-align:right;}
.footer-right p{ width:100%; float:left; margin-top:25px;} 
.footer-right p img{ max-width:110px; float:right;}
.footer-bottom{ width:100%; float:left; height:90px; position:relative; overflow:hidden; margin:30px 0; padding-top:35px;}
.footer-bottom h2{ float:left; font-size:14px; color:#6f6e6f; line-height:20px;}
.footer-bottom ul{ float:right;}
.footer-bottom ul li{ float:left; padding-left:60px;}
.footer-bottom ul li a{ display:inline-block; float:left; font-size:14px; color:#6f6f6f; line-height:20px;}
.footer-bottom ul li:first-child{ padding-left:0px;}
.footer-bottom ul li a:hover{ color:#fff;}
.footer-bottom span{ width:60px; float:left; position:absolute; left:50%; top:0px; margin-left:-30px; cursor:pointer;}
.footer-bottom span img{ display:block; max-width:26px; margin:0 auto; text-align:center;}
.footer-bottom p{ width:100%; float:left; font-size:14px; color:#c4c4c4; text-align:center; margin-top:10px;}
/*关于味捷*/
.center-banner{ width:100%; float:left; height:100%;}
.mui{ position:absolute; left:0px; bottom:50px; width:100%; float:left;}
.mui h6{ width:auto; float:left; margin:0px !important;}
.mui h6 a{ display:inline-block; float:left; width:66px; height:66px; background:#fff; border-radius:50%;}
.mui h6 a i{ display:inline-block; float:left; width:100%; font-size:30px; text-align:center; margin-left:-1px; margin-top:19px; color:#000; transition:284ms ease-in-out; transform:rotate(-90deg); }
.mui h6 a:hover{ background:#f18d00;}
.mui h6 a:hover i{ color:#fff;}
.mui h3{ float:left; margin-left:30px;}
.mui h3 a{ display:inline-block; float:left; width:66px; height:66px; background:rgba(0,0,0,0.5); border-radius:50%;}
.mui h3 a i{ display:inline-block; float:left; width:100%; font-size:24px; text-align:center; margin-top:21px; color:#fff; transition:284ms ease-in-out; transform:rotate(-90deg); }
.mui h3 a:hover{ background:#f18d00;}
.mui h3 a:hover i{ color:#fff;}
.mui span{ display:inline-block; float:right; padding-top:21px;}
.mui span b{ display:inline-block; float:left; margin-right:5px;}
.mui span b img{ max-width:100%; float:left;}
.mui span i{ display:inline-block; float:left; font-style:normal; font-size:14px; color:#fff; line-height:14px; margin:0 5px;}
.mui span a{ display:inline-block; float:left; font-size:14px; color:#fff; line-height:14px;}
.mui span a:hover{ color:#f18d00;}
.public-nav{ width:100%; float:left; background:#fff; border-bottom:1px solid #eee;}
.public-nav ul{ width:100%; float:left; display:-webkit-box; display:-webkit-flex; display:flex;}
.public-nav ul li{ float:left; text-align:center; display:block; -webkit-box-flex:1; -webkit-flex:1; flex:1; text-align:center;}
.public-nav ul li a{ display:inline-block; font-size:16px; color:#3c3c3c; line-height:80px;}
.public-nav ul li a:hover{ color:#f18d00;}
.public-nav ul li a.selected{ color:#f18d00;}
.public-beij{ width:100%; float:left; background:#fafafa;}
.jtjs{ width:100%; float:left; padding-top:80px; overflow:hidden;}
.jtjs-title{ width:100%; float:left; margin-top:70px;}
.jtjs-title h2{ width:100%; float:left; font-size:18px; color:#333; margin-bottom:25px;}
.jtjs-title p{ width:100%; float:left; font-size:14px; color:#333; line-height:36px; margin-bottom:10px;}
.jtjs-title p img{ max-width:100%; float:left;}
.jtjs-shuj{ width:100%; float:left; margin-top:30px; margin-bottom:-140px; z-index:1; position:relative;}
.digital{ float:left; width:100%;/* background:#fff;*/}
.digital ul li{ width:25%; float:left; padding:70px 0; background:#fff; box-shadow:0 1px 13px rgba(0,0,0,0.10);  transition:all 0.5s ease-out 0s;}
.digital ul li:hover{ margin-top:-15px;}
.digital ul li h6{ width:100%; float:left;}
.digital ul li h6 span{ display:block; width:100%; text-align:center; font-size:80px; line-height:80px; color:#f28d01; font-family:mop; letter-spacing:3px;}
.digital ul li h6 b{ display:inline-block; width:100%; float:left; color:#666; vertical-align:3px; font-size:14px; font-weight:normal; text-align:center; margin-top:20px;}	
.digital ul li p{ width:100%; float:left ;font-size:14px; color:#333; text-align:center; margin-bottom:20px;}
.qyjs-2{ width:100%; float:left; background:url(../images/a-5.jpg) center no-repeat; background-size:cover; padding-top:220px; padding-bottom:290px; overflow:hidden;}
.qyjs-2 img{ max-width:100%; float:left; animation-duration:1s;}
.qyjs-3{ width:100%; float:left; padding-top:80px; padding-bottom:130px; overflow:hidden;}
.qyjs-3 h2{ width:100%; float:left; font-size:24px; color:#f8a70c; text-align:center; text-transform:uppercase; animation-duration:1s;}
.qyjs-3 p{ width:100%; float:left; font-size:14px; color:#454545; line-height:36px; text-align:center; margin:45px 0; animation-duration:1s;}
.qyjs-3 h3{ width:100%; float:left; animation-duration:1s;}
.qyjs-3 h3 img{ max-width:100%; display:block; text-align:center; margin:0 auto;}
.qyjs-3 h4{ width:100%; float:left; font-size:20px; color:#004121; margin-top:40px; text-align:center; animation-duration:1s;}
@font-face{ font-family:boon; src:url("../font/boon.otf");}
.ship{ width:100%; float:left; background:url(../images/guany-2.jpg) top center no-repeat; background-size:cover; padding-top:340px; padding-bottom:200px;}
.gy-2{ float:left; position:relative; left:50%; margin-left:-45px; width:90px; height:90px;}
.gy-2 span{ float:left; background:url(../images/ico-11.png) center no-repeat; width:100px; height:100px; z-index:1; position:absolute; left:-5px; top:-5px; -webkit-animation:show 1.4s infinite; animation:show 1.4s infinite; background-size:cover;}
.gy-2 b{ position:absolute; left:0px; top:0px; float:left; width:100%; height:100%; background:url(../images/ico-10.png) center no-repeat; background-size:cover; z-index:2; cursor:pointer; }
@-webkit-keyframes show
{
	0%{
		opacity:1;
		-webkit-transform:scale(1);
	}
	50%{
		opaicty:.6
		-webkit-transform:scale(1.6);
	}
	100%
	{
		opacity:.1;
		-webkit-transform:scale(2);
	}
}

@keyframes show
{
	0%{
		opacity:1;
		transform:scale(1);
	}
	50%{
		opaicty:.6
		transform:scale(1.6);
	}
	100%
	{
		opacity:.1;
		transform:scale(2);
	}
}
.shzr{ width:100%; float:left; padding:80px 0; display:none;}
.shzr-nr{ width:100%; float:left; position:relative; overflow:hidden;}
.shzr-left{ width:100%; float:left; animation-duration:1s;}
.shzr-left img{ max-width:100%; float:left;}
.shzr-right{ position:absolute; top:50%; right:100px; float:left; margin-top:-132px; animation-duration:1.1s;}
.shzr-right span{ display:block; width:265px; float:left;}
.shzr-right span h2{ width:100%; float:left; padding-left:25px; position:relative; overflow:hidden;}
.shzr-right span h2 i{ display:inline-block; float:left; font-style:normal; font-size:48px; color:#333; line-height:88px;}
.shzr-right span h2 em{ display:inline-block; float:left; font-style:normal; font-size:48px; color:#f28d01; line-height:88px;}
.shzr-right span h2:before{content:""; width:14px; height:14px; border:2px solid #f18d00; border-radius:50%; float:left; position:absolute; left:0px; top:50%; margin-top:-7px;}
.wjwh{ width:100%; float:left; overflow:hidden;}
.wjwh-banner{ width:100%; float:left; padding-top:80px; padding-bottom:280px; background-size:cover; background:url(../images/guany-4.jpg) top center no-repeat;}
.public-title p{ width:100%; float:left; font-size:48px; color:#fff; text-align:center; margin-top:90px;}
.wjwh-nr{ width:100%; float:left; margin-top:-150px; }
.wjwh-1{ width:100%; float:left; background:#fff; margin-bottom:30px; box-shadow:0 1px 13px rgba(0,0,0,0.10); overflow:hidden;}
.wjwh-1 dl{ width:50%; float:left; padding:120px 60px 90px 60px; position:relative; overflow:hidden; animation-duration:1s;} 
.wjwh-1 dl dt{ position:absolute; right:60px; top:50%; margin-top:-45px; float:left;}
.wjwh-1 dl dt img{ max-width:100%; float:left;}
.wjwh-1 dl dd{ width:100%; float:left;}
.wjwh-1 dl dd h2{ width:100%; float:left; font-size:28px; color:#000;}
.wjwh-1 dl dd p{ width:100%; float:left; font-size:22px; color:#666; margin-top:30px;}
.wjwh-1 dl dd b{ display:inline-block; float:left; font-weight:normal; font-size:48px; color:rgba(0,0,0,0.05); font-family:mop; position:absolute; right:-2px; bottom:-16px;}
.wjwh-1 dl:nth-child(2n+1){ box-shadow:0 1px 13px rgba(0,0,0,0.10); animation-duration:1.1s; }
.wjwh-2{ width:100%; float:left; background:#fff; margin-bottom:30px; overflow:hidden;}
.wjwh-2 ul{ width:100%; float:left;}
.wjwh-2 ul li{ width:25%; float:left; border-left:1px solid rgba(0,0,0,0.05); position:relative; overflow:hidden; height:310px; -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; animation-duration:1s; position:relative; transition:all 0.5s ease-out 0s; }
.wjwh-2 ul li:hover{ background:#f3f3f3}
.anim { -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; }
.anim:before { position: relative; content: ''; display: block; margin-top: 100%; }
.anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.wjwh-2 ul li:hover .anim,.wjwh-3 ul li:hover .anim{ -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; }
.wjwh-2 ul li:hover .anim:after,.wjwh-3 ul li:hover .anim:after{ -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.95s; animation: anim-out-pseudo 0.75s; }

.wjwh-2 ul li h2{ width:100%; float:left; margin-top:-15px;}
.wjwh-2 ul li h2 img{ max-width:100%; display:block; margin:0 auto; text-align:center;}
.wjwh-2 ul li p{ width:100%; float:left; font-size:22px; line-height:22px; color:#666; text-align:center; margin-top:10px;}
.wjwh-2 ul li:first-child{ border:0px;}
.wjwh-2 ul li:nth-child(4n+2){ animation-duration:1.1s;}
.wjwh-2 ul li:nth-child(4n+3){ animation-duration:1.2s;}
.wjwh-2 ul li:nth-child(4n+4){ animation-duration:1.3s;}
.wjwh-2 ul li b{ display:inline-block; float:left; font-weight:normal; font-size:28px; color:#000; width:100%; text-align:center; line-height:28px;}
.wjwh-3{ width:100%; float:left; margin-bottom:30px; background:#fff; overflow:hidden;}
.wjwh-3 ul{ width:100%; float:left;}
.wjwh-3 ul li{ width:20%; float:left; border-left:1px solid rgba(0,0,0,0.05); border-bottom:1px solid rgba(0,0,0,0.05); height:250px; -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; animation-duration:1s; position:relative; transition:all 0.5s ease-out 0s;}
.wjwh-3 ul li:hover{background:#f3f3f3}
.wjwh-3 ul li h2{ width:100%; float:left; margin-top:-15px;}
.wjwh-3 ul li h2 img{ max-width:100%; display:block; margin:0 auto; text-align:center;transition: 284ms ease-in-out; transition: all 0.5s ease-out 0s;}
.wjwh-3 ul li:hover h2 img{-webkit-animation: jello 1s;-moz-animation: jello 1s; animation: jello 1s;}
.wjwh-3 ul li p{ width:100%; float:left; font-size:22px; line-height:22px; color:#666; text-align:center; margin-top:5px;}
.wjwh-3 ul li:nth-child(5n+2){animation-duration:1.1s;}
.wjwh-3 ul li:nth-child(5n+3){ animation-duration:1.2s;}
.wjwh-3 ul li:nth-child(5n+4){ animation-duration:1.3s;}
.wjwh-3 ul li:nth-child(5n+1){ border-left:0px;}
.wjwh-3 ul li:nth-child(10n+6){ border-bottom:0px;}
.wjwh-3 ul li:nth-child(10n+7){ border-bottom:0px;}
.wjwh-3 ul li:nth-child(10n+8){ border-bottom:0px;}
.wjwh-3 ul li:nth-child(10n+9){ border-bottom:0px;}
.wjwh-3 ul li:nth-child(10n+10){ border-bottom:0px;}
.wjwh-3 ul li b{ display:inline-block; float:left; font-weight:normal; font-size:28px; color:#000; width:100%; text-align:center; line-height:28px;}
.wjwh-4{ width:100%; float:left; margin-bottom:50px; overflow:hidden;}
.wjwh-4 dl{ width:100%; float:left; background:#fff; position:relative; overflow:hidden; animation-duration:1s; }
.wjwh-4 dl dt{ width:50%; float:right; overflow:hidden;}
.wjwh-4 dl dt img{ max-width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.wjwh-4 dl dd{ width:50%; height:100%; float:left; padding:60px 60px 0px 60px; background:url(../images/guany-15.png) bottom no-repeat; position:absolute; left:0px; top:0px;}
.wjwh-4 dl dd b{ display:inline-block; width:100%; float:left; font-size:36px; color:#dbdbdb; font-family:mop;}
.wjwh-4 dl dd h2{ width:100%; float:left; font-size:28px; color:#000; margin-top:20px;}
.wjwh-4 dl dd p{ width:100%; float:left; font-size:22px; color:#666; margin-top:30px;}
.wjwh-4 dl:hover dt img{ -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);}
.wyp{ width:100%; float:left; background:url(../images/guany-6.jpg) top center no-repeat; background-size:cover; padding-top:120px; padding-bottom:200px; overflow:hidden;}
.wyp h2{ width:100%; float:left; text-align:center;}
.wyp h2 a{ display:inline-block;}
.wyp h2 a img{ max-width:100%; display:block; margin:0 auto; text-align:center;}
.wyp p{ width:100%; float:left; font-size:48px; color:#fff; text-align:center; margin-top:110px; margin-bottom:80px; animation-duration:1s; }
.wyp .more{ width:225px; position:relative; left:50%; margin-left:-112px; padding:0px;}
.wyp .more span a{ background-image:linear-gradient(to right, #f8ba3b 0%, #d78718 100%);}
.wyp .more span a em{ color:#fff;}
.wyp .more span a i{ color:#fff;}
.course{ width:100%; float:left; padding-top:80px; border-bottom:1px solid #eee; overflow:hidden;}
.course-nr{ width:100%; float:left; margin-top:70px; padding-bottom:50px;}
.course-nr .swiper-container{ width:100%; float:left; padding-bottom:100px;}
.course-nr .swiper-container:before{content:""; position:absolute; left:0px; top:34px; width:100%; height:1px; float:left; background:#eee;}
.course-nr .swiper-slide{ width:100%; float:left; padding:0 10px;}
.course-nr .swiper-button-prev{ left:50%; top:auto; bottom:5px; opacity:0; width:66px; height:66px; outline:none; background:none; opacity:1; margin-left:-80px;}
.course-nr .swiper-button-prev i{ display:inline-block; float:left; width:100%; font-size:30px; color:#929294; line-height:66px; text-align:center; width:100%; background:#fff; border-radius:50%; box-shadow:0 1px 10px rgba(0,0,0,0.15); transition:all 0.5s ease-out 0s;}
.course-nr .swiper-button-next{ right:50%; top:auto; bottom:5px; opacity:0; width:66px; height:66px; outline:none; background:none; opacity:1; margin-right:-80px;}
.course-nr .swiper-button-next i{ display:inline-block; float:left; width:100%; font-size:30px; color:#929294; line-height:66px; text-align:center; width:100%; background:#fff; border-radius:50%; box-shadow:0 1px 10px rgba(0,0,0,0.15); transition:all 0.5s ease-out 0s;} 
.course-nr .swiper-button-prev:hover i{ background:#f18d00; color:#fff;}
.course-nr .swiper-button-next:hover i{ background:#f18d00; color:#fff;}
.course-1{ width:100%; float:left;}
.course-1 span{ display:block; width:100%; float:left; position:relative;}
.course-1 span h3{ display:inline-block; width:100%; float:left; font-size:14px; color:#333; text-align:center; font-weight:normal; margin-bottom:20px;}
.course-1 span b{ width:9px; height:9px; background:#000; border-radius:50%; float:left; position:absolute; left:50%; bottom:0px; margin-left:-4px;}
.course-1 dl{ width:100%; float:left; margin-top:30px; background:#fff; padding:25px; box-shadow:0 1px 13px rgba(0,0,0,0.15); position:relative; transition:all 0.5s ease-out 0s;}
.course-1 dl:after{content: ""; border-top:10px solid transparent; border-right:10px solid #fff; border-bottom:10px solid transparent; position:absolute; left:50%; top:-15px; margin-left:-5px; float:left; transition:284ms ease-in-out; transform:rotate(90deg);} 
.course-1 dl dt{ width:100%; float:left; overflow:hidden;}
.course-1 dl dt img{ width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.course-1 dl dd{ width:100%; float:left; margin-bottom:20px;}
.course-1 dl dd h2{ width:100%; float:left; font-size:16px; color:#333; line-height:26px; min-height:52px; transition:all 0.3s ease-out 0s;}
.course-1:hover span h3{ color:#f18d00;}
.course-1:hover span b{ background:#f18d00;}
.course-1:hover dl{ background:#f18d00;}
.course-1:hover dl:after{ border-right:10px solid #f18d00;}
.course-1:hover dl dt img{ -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);}
.course-1:hover dl dd h2{ color:#fff;}
.honor{ width:100%; float:left; padding-top:70px; background:url(../images/guany-10.jpg) bottom center no-repeat; background-size:cover; overflow:hidden;}
.honor-nr{ width:100%; float:left; margin-top:60px; margin-bottom:100px;}
#certify { position: relative; width: 1300px; margin: 0 auto; }
#certify .swiper-container { width:100%;}
#certify  .swiper-slide { float:left; width:650px; height:485px;}
.uio{ width:100%; float:left;}
.uio dl{ width:100%; float:left; box-shadow:0 8px 30px #ddd;}
.uio dl dt{ width:100%; float:left;}
.uio dl dt img{ max-width:100%; float:left;}
#certify  .swiper-slide img{ display:block;}
#certify  .swiper-slide span { display:block; width:100%; height:75px; float:left; background:#fff; -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;}
#certify  .swiper-slide span b{ display:inline-block; float:left; margin-right:5px;}
#certify  .swiper-slide span b img{ max-width:41px; float:left;}
#certify  .swiper-slide span h2{ float:left; max-width:200px;}
#certify  .swiper-slide span h2 i{ display:inline-block; float:left; font-style:normal; font-size:24px; color:#333333; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#certify  .swiper-slide span h2 em{ display:inline-block; float:left; font-style:normal; font-size:14px; color:#333; line-height:14px; margin-top:5px;}
#certify .swiper-button-prev{ left:0px; opacity:0; width:66px; height:66px; outline:none; background:none; opacity:1; margin-top:-33px;}
#certify .swiper-button-prev i{ display:inline-block; float:left; width:100%; font-size:30px; color:#929294; line-height:66px; text-align:center; width:100%; background:#fff; border-radius:50%; box-shadow:0 1px 10px rgba(0,0,0,0.15); transition:all 0.5s ease-out 0s;}
#certify .swiper-button-next{ right:0px; opacity:0; width:66px; height:66px; outline:none; background:none; opacity:1; margin-top:-33px; } 
#certify .swiper-button-next i{ display:inline-block; float:left; width:100%; font-size:30px; color:#929294; line-height:66px; text-align:center; width:100%; background:#fff; border-radius:50%; box-shadow:0 1px 10px rgba(0,0,0,0.15); transition:all 0.5s ease-out 0s;} 
#certify .swiper-button-prev:hover i{ background:#f18d00; color:#fff;}
#certify .swiper-button-next:hover i{ background:#f18d00; color:#fff;}
/*旗下品牌*/
.public-nup{ width:100%; float:left; background:#fafafa;}
.qxpp{ width:100%; float:left; margin-top:100px; margin-bottom:70px; overflow:hidden;}
.qxpp ul{ width:100%; float:left;}
.qxpp .public-center{ width:1600px;}
.qxpp ul li{ width:15%; float:left; margin-bottom:30px; margin-right:2%; animation-duration:1s; background:#fff;}
.qxpp ul li a{ display:inline-block; float:left;}
.qxpp ul li:nth-child(6n+2){ animation-duration:1.1s;}
.qxpp ul li:nth-child(6n+3){ animation-duration:1.2s;}
.qxpp ul li:nth-child(6n+4){ animation-duration:1.3s;}
.qxpp ul li:nth-child(6n+5){ animation-duration:1.4s;}
.qxpp ul li:nth-child(6n+6){ margin-right:0px; animation-duration:1.5s;}
.qxpp ul li dl{ width:100%; float:left; position:relative; overflow:hidden;}
.qxpp ul li dl dt{ width:100%; float:left; overflow:hidden;}
.qxpp ul li dl dt img{ max-width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.qxpp ul li dl dd{ width:100%; float:left; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.85); padding:25px; z-index:1; opacity:0; transition:all 0.4s ease-out 0s; }
.qxpp ul li dl dd h2{ width:100%; float:left; font-size:20px; color:#fff; margin-left:-100%; transition:all 0.4s ease-out 0s;}
.qxpp ul li dl dd h3{ width:100%; float:left; margin-top:10px; margin-left:-100%; transition:all 0.5s ease-out 0s;}
.qxpp ul li dl dd h3 b{ display:block; float:left; width:25px; height:1px; background:#fff;}
.qxpp ul li dl dd span{ display:block; width:100%; float:left; position:absolute; left:100%; bottom:25px; padding:0 25px; transition:all 0.6s ease-out 0s;}
.qxpp ul li dl dd span p{ width:100%; float:left; font-size:14px; color:#fff; line-height:20px; padding-right:10px; position:relative; overflow:hidden;}
.qxpp ul li dl dd span p i{ display:inline-block; float:right; font-size:18px; color:#fff; line-height:20px; height:20px; position:absolute; top:50%; right:0px; margin-top:-10px;}
.qxpp ul li:hover dl dt img{ -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);}
.qxpp ul li:hover dl dd{ opacity:1;}
.qxpp ul li:hover dl dd h2{ margin-left:0px;}
.qxpp ul li:hover dl dd h3{ margin-left:0px;}
.qxpp ul li:hover dl dd span{ left:0px;}
/*旗下品牌-详情*/
.ppxq{ width:100%; float:left; margin-top:80px;}
.ppxq-1{ width:100%; float:left; margin-top:50px; padding:80px; background:#fff;}
.ppxq-1 p{ width:100%; float:left; font-size:14px; color:#333; line-height:36px; margin-bottom:30px;}
.ppxq-1 img{ display:block; text-align:center; margin:0 auto; max-width:100%;}
.ppxq-1 p:last-child{ margin-bottom:0px;}
.ppxq-2{ width:100%; float:left; margin:80px 0; position:relative;}
.ppxq-2 span{ display:inline-block; float:left; }
.ppxq-2 span a{ display:inline-block; float:left; width:66px; height:66px; background:#fff; border-radius:50%; box-shadow:0 1px 10px rgba(0,0,0,0.15);}
.ppxq-2 span a i{ display:inline-block; float:left; width:100%; font-size:30px; text-align:center; line-height:62px; color:#151419; }
.ppxq-2 span a:hover{ background:#f18d00; border:1px solid #f18d00;}
.ppxq-2 span a:hover i{ color:#fff;}
.ppxq-2 span:nth-child(2n+2){ float:right;}
.ppxq-2 h2{ position:absolute; left:50%; top:0px; float:left; margin-left:-33px; width:66px; height:66px;}
.ppxq-2 h2 a{ display:inline-block; float:left; width:100%; height:100%; background:#fff; border-radius:50%; box-shadow:0 1px 10px rgba(0,0,0,0.15);}
.ppxq-2 h2 a b{ display:inline-block; float:left;  background:url(../images/ico-12.png) 0 0 no-repeat; background-size:16px; width:16px; height:16px; margin-top:25px; margin-left:25px;}
.ppxq-2 h2 a:hover{ background:#f18d00;}
.ppxq-2 h2 a:hover b{ background:url(../images/ico-12.png) 0 -16px no-repeat; background-size:16px;}
/*团队展示*/
.tdzs{ width:100%; float:left;}
.tdzs-1{ width:100%; float:left; margin-top:80px;}
.tdzs-1 h2{ width:100%; float:left; animation-duration:1s; }
.tdzs-1 h2 i{ display:inline-block; float:left; font-size:40px; color:#3c3c3c; font-style:normal; line-height:40px;}
.tdzs-1 h2 em{ display:inline-block; float:left; font-size:40px; color:#3c3c3c; font-style:normal; margin-left:25px; font-family:mop; line-height:40px; margin-top:4px;}
.tdzs-1 dl{ width:100%; float:left; margin-top:70px; animation-duration:1.1s; }
.tdzs-1 dl dt{ width:100%; float:left; overflow:hidden;}
.tdzs-1 dl dt img{ max-width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.tdzs-1 dl dd{ width:100%; float:left; background:#fff;transition:all 0.5s ease-out 0s;}
.tdzs-1 dl:hover dd{ background:#222;}
.tdzs-1 dl:hover dd p{ color:#f18d00;}
.tdzs-1 dl dd p{ width:100%; float:left; font-size:24px; color:#333; text-align:center; line-height:100px;transition:all 0.5s ease-out 0s;}
.tdzs-1 dl:hover dt img{ -webkit-transform:scale3d(1.03,1.03,1); transform:scale3d(1.03,1.03,1);}
.tdzs-2{ width:100%; float:left; overflow:hidden; padding-top:30px;}
.tdzs-2 ul{ width:100%; float:left;}
.tdzs-2 ul li{ width:32%; float:left; margin-bottom:30px; margin-right:2%; animation-duration:1s; }
.tdzs-2 ul li:nth-child(3n+2){ animation-duration:1.1s; }
.tdzs-2 ul li:nth-child(3n+3){ margin-right:0px; animation-duration:1.2s; }
.tdzs-2 ul li dl{ width:100%; float:left;}
.tdzs-2 ul li dl dt{ width:100%; float:left; position:relative; overflow:hidden;}
.tdzs-2 ul li dl dt img{ width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.tdzs-2 ul li dl dt:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; float:left; background:rgba(0,0,0,0.5); z-index:1; opacity:0; transition:all 0.3s ease-out 0s;}
.tdzs-2 ul li dl dt:after{content:""; position:absolute; left:50%; top:50%; width:16px; height:16px; background-size:16px; background:url(../images/ico-13.png) center no-repeat; z-index:2; margin-left:-8px; opacity:0; transition:all 0.3s ease-out 0s;}
.tdzs-2 ul li dl dd{ width:100%; float:left; background:#fff; padding:25px; box-shadow:0 1px 10px rgba(0,0,0,0.15); transition:all 0.5s ease-out 0s;} 
.tdzs-2 ul li dl dd h2{ width:100%; float:left; font-size:24px; color:#333; line-height:24px; transition:all 0.2s ease-out 0s;}
.tdzs-2 ul li dl dd p{ width:100%; float:left; font-size:14px; color:#666; margin-top:15px; line-height:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.2s ease-out 0s;}
.tdzs-2 ul li:hover dl dt img{ -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);} 
.tdzs-2 ul li:hover dl dt:before{ opacity:1;}
.tdzs-2 ul li:hover dl dt:after{ opacity:1; margin-top:-8px;}
.tdzs-2 ul li:hover dl dd{ background-image:linear-gradient(to right, #f8ba3b 0%, #d78718 100%);}
.tdzs-2 ul li:hover dl dd h2{ color:#fff;}
.tdzs-2 ul li:hover dl dd p{ color:#fff;}
.more-mp{ width:100%; float:left; margin-top:20px; margin-bottom:100px;}
.more-mp a{ display:inline-block; float:left; font-size:16px; color:#777; width:44px; height:44px; line-height:44px; text-align:center; background:#fff; border-radius:50%; overflow:hidden; margin-right:20px; transition:all 0.3s ease-out 0s;}
.more-mp a:hover{ color:#fff; background:#f18d00;}
.more-mp a.page-num-current{ color:#fff; background:#f18d00;}
.more-mp a:first-child{ width:88px; border-radius:44px;}
.more-mp a:last-child{ width:88px; border-radius:44px;}
/*团队展示-详情*/
.tdxq{ width:100%; float:left; padding-top:60px;position:relative; overflow:hidden;}
.tdxq-center{ width:1200px; margin:0 auto;}
.tdxq .mui{ position:static;}
.tdxq .mui span{ float:left; padding-top:4px;}
.tdxq .mui span i{ color:#333;}
.tdxq .mui span a{ color:#333;}
.tdxq .mui span a:hover{ color:#f18d00;}
.tdxq-1{ width:100%; float:left; margin-top:110px;}
.tdxq-1 dl{ width:100%; float:left; position:relative; overflow:hidden;}
.tdxq-1 dl dt{ width:40%; float:left;}
.tdxq-1 dl dt img{ max-width:100%; float:left;}
.tdxq-1 dl dd{ width:60%; float:left; padding-left:80px; padding-bottom:100px;}
.tdxq-1 dl dd span{ display:block; width:100%; float:left; padding-bottom:40px; border-bottom:1px solid rgba(0,0,0,0.1); margin-bottom:25px;}
.tdxq-1 dl dd span i{ display:inline-block; float:left; font-style:normal; font-size:42px; color:#333; line-height:42px;}
.tdxq-1 dl dd span em{ display:inline-block; float:left; font-style:normal; font-size:22px; color:#333; line-height:22px; margin-left:30px; padding-top:20px;}
.tdxq-1 dl dd p{ width:100%; float:left; font-size:16px; color:#777; line-height:46px;}
.tdxq-1 dl dd h2{ position:absolute; left:40%; bottom:70px; float:left; width:60%; padding-left:80px;}
.tdxq-1 dl dd h2 a{ display:inline-block; float:left;}
.tdxq-1 dl dd h2 a i{ display:inline-block; float:left; width:20px; height:20px; background:url(../images/ico-15.png) no-repeat; background-size:20px;}
.tdxq-1 dl dd h2 a em{ display:inline-block; float:left; font-style:normal; font-size:14px; color:#666; line-height:20px; margin-left:15px;}
.tdxq-1 dl dd h2 a:hover i{ background:url(../images/ico-15.png) 0 -20px no-repeat; background-size:20px;}
.tdxq-1 dl dd h2 a:hover em{ color:#f18d00;}
.fanh{ position:absolute; right:160px; top:35px; float:left; width:66px; height:66px;}
.fanh a{ display:inline-block; float:left; width:100%; height:100%; background:#fff; border-radius:50%; box-shadow:0 1px 10px rgba(0,0,0,0.15);}
.fanh a b{ display:inline-block; float:left;  background:url(../images/ico-14.png) 0 0 no-repeat; background-size:14px; width:14px; height:14px; margin-top:26px; margin-left:26px;}
.fanh a:hover{ background:#f18d00;}
.fanh a:hover b{ background:url(../images/ico-14.png) 0 -14px no-repeat; background-size:14px;}
/*人才招聘*/
.rcjp-1{ width:100%; float:left; margin-top:80px;}
.rcjp-1-a{ width:100%; float:left; margin-bottom:60px; overflow:hidden;}
.rcjp-1-a h2{ width:100%; float:left; font-size:40px; color:#3c3c3c; text-align:center; animation-duration:1s;}
.rcjp-1-a p{ width:100%; float:left; font-size:14px; color:#666; line-height:36px; text-align:center; margin-top:40px; animation-duration:1.1s;}
.recruit{ width:88%; float:left; position:relative; z-index:1; margin-bottom:30px;}
.jmsr-nr{width:32%; float:left; margin-right:2%;animation-duration:1s; position:relative; height:60px;}
.jmsr2{ width:10%; float:right; animation-duration:1.2s; }
.jmsr2 font{ width:100%; float:right; animation-duration:1.3s; }
.jmsr2 font a{ width:100%; display:inline-block; float:left; font-size:14px; color:#fff; height:60px; background:#f18d00; text-align:center; line-height:60px; transition:all 0.5s ease-out 0s;}
.jmsr2 font a:hover{ background:#333;}
.passwordAll { position:relative;}
.topPw2 {position:absolute; width:100%; color:#999; padding:18px 20px; line-height:24px; outline:none; float:left; border:0px; font-size:14px; border-radius:0px;}
.filter-box { width:32%; margin-right:2%; float:left; position: relative; animation-duration:1.1s; z-index:2;}
.filter-box2 { width:32%; float:left; margin-right:0px; position: relative; animation-duration:1.2s; }
.filter-text { width:100%; height:60px; overflow:hidden; position:relative; cursor:pointer; background:#fff; padding:0 20px;}
.filter-text input { font-size: 14px; color:#999;}
.filter-text .filter-title { width:100%;line-height:60px; border: 0; background-color: transparent; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0; cursor: pointer;}
.filter-list { display: none; width:100%; max-height:300px; background-color:#fff; font-size:14px; position:absolute; top:60px; left:0; z-index:99; box-shadow:0 1px 10px rgba(0,0,0,0.15); overflow:auto;}
.filter-list li.filter-null a { color: #d2d2d2;}
.filter-list li a { width:100% !important; display: block; padding: 0 10px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;}
.filter-list li:hover {	background-color: #f2f2f2;}

.filter-list li.filter-selected { width:100%; background-color:#f18d00; margin:0px;}
.filter-list li.filter-selected a{	display: block;	color: #fff;}
.filter-list li.filter-disabled { width:100%; background-color:#fff; margin:0px;}
.filter-list li.filter-disabled a{	display: block;	color: #d2d2d2;}
.filter-list li.filter-disabled:hover a {cursor: not-allowed!important;	background-color: #fff;}
.icon {	position:absolute;}
.icon-filter-arrow { width:18px; height:9px; background-repeat:no-repeat; background-image:url(../images/xia.png); background-size: 100%; right:20px; top:26px; transition:all .2s;}
.icon-filter-arrow.filter-show {-webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
.filter-list::-webkit-scrollbar { width:4px;  height:4px;}
.filter-list::-webkit-scrollbar-track {	background:#fff }
.filter-list::-webkit-scrollbar-thumb {	background:#CBCBCB;}
.recruit3{ width:100%; float:left; animation-duration:1s; overflow:hidden;}
.recruit3 span{ width:100%; float:left; background:#8f8f8f; display:-webkit-box; display:-webkit-flex; display:flex;}
.recruit3 span b{ float:left; font-size:14px; color:#fff; line-height:70px; font-weight:normal;  display:block; -webkit-box-flex:1; -webkit-flex:1; flex:1; text-align:center; }
.recruit-nr{ width:100%; float:left; overflow:hidden; margin-bottom:30px;}
.recruit-nr ul{ width:100%; float:left;}
.recruit-nr ul li{ width:100%; float:left; background:#fff; margin-bottom:1px; transition:all 0.6s ease-out 0s; cursor:pointer;}
.recruit-nr ul li span{ width:100%; float:left; display:-webkit-box; display:-webkit-flex; display:flex;}
.recruit-nr ul li span b{ float:left; font-weight:normal; font-size:14px; color:#666; line-height:70px; display:block; -webkit-box-flex:1; -webkit-flex:1; flex:1; text-align:center; }
.recruit-nr ul li:hover{ background:#f18d00;}
.recruit-nr ul li:hover span b{ color:#fff;}
.rczp-2{ width:100%; float:left; margin-bottom:100px; overflow:hidden;}
.rczp-2 dl{ width:100%; float:left; background:#fff; animation-duration:1s;}
.rczp-2 dl dt{ width:55%; float:left; overflow:hidden;}
.rczp-2 dl dt img{ max-width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.rczp-2 dl dd{ width:45%; float:right; padding:45px 45px 0px 45px;}
.rczp-2 dl dd p{ width:100%; float:left; font-size:14px; color:#666; line-height:36px;}
.rczp-2 dl dd p:nth-child(2n+2){ margin-top:20px;}
.rczp-2 dl:hover dt img{ -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
/*加盟跳出*/
.gjgl{ position:fixed; left:0px; top:0px; right:0px; bottom:0px;  background:rgba(0,0,0,0.5); float:left; 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;}
.gjgl.ateler{ opacity:1; z-index:999;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;}
.gjgl-nr{ width:850px; height:500px; position:absolute; left:50%; top:50%; background:#fff; margin-top:-230px; margin-left:-425px; padding:50px 20px 0px 40px;}
.gjgl-nr-mp{ width:100%; max-height:420px; float:left; overflow:hidden; overflow-y:auto; padding-right:20px;}
.gjgl-nr-mp::-webkit-scrollbar { width:4px; }
.gjgl-nr-mp::-webkit-scrollbar-track { background:#eee; overflow:hidden;}
.gjgl-nr-mp::-webkit-scrollbar-thumb { background:#eee; width:4px; background-color:#f18d00; overflow:hidden;}
.gjgl-nr-mp::-webkit-scrollbar-thumb:window-inactive { background:#eee;}
.njss{ position:absolute; top:-33px; right:-33px; float:left; width:66px; height:66px; cursor:pointer; box-shadow:0 1px 10px rgba(0,0,0,0.15); background:#fff; border-radius:50%;}
.njss b{ display:inline-block; float:left;  background:url(../images/ico-14.png) 0 0 no-repeat; background-size:14px; width:14px; height:14px; margin-top:26px; margin-left:26px;}
.njss:hover{background:#f18d00;}
.njss:hover b{ background:url(../images/ico-14.png) 0 -14px no-repeat; background-size:14px;}
.gjgl-nr1{ width:100%; float:left; padding-bottom:30px; border-bottom:1px solid #f2f2f2; margin-bottom:30px;}
.gjgl-nr1 h2{ float:left; font-size:24px; color:#333; line-height:24px;}
.gjgl-nr1 p{ float:right; font-size:14px; color:#999; line-height:24px;}
.gjgl-nr3{ width:100%; float:left; border-bottom:1px solid #e2e2e2; padding-bottom:10px;}
.gjgl-nr3 span{ display:block; width:100%; float:left; margin-bottom:15px;}
.gjgl-nr3 span b{ display:inline-block; width:100%; float:left; font-size:14px; color:#333; margin-bottom:10px;}
.gjgl-nr3 span p{ width:100%; float:left; font-size:14px; color:#666; line-height:36px;}
.gjgl-nr4{ width:100%; float:left; margin-top:20px;}
.gjgl-nr4 p{ width:100%; float:left; font-size:14px; color:#666; line-height:24px; margin-bottom:5px;}
.gjgl-nr4 p b{ display:inline-block; font-weight:normal; color:#f18d00; padding:0 5px;}
.gjgl-nr4 p b a{ color:#f18d00; }
/*联系我们*/
.lianx{ width:100%; float:left; }
.lianx-1{ width:100%; float:left;  overflow:hidden;}
.lianx-1 h2{ width:100%; float:left; font-size:28px; color:#fff; text-align:center; animation-duration:1s;}
.lianx-1 ul{ width:100%; float:left; background:rgba(0,0,0,0.3); animation-duration:1.1s;}
.lianx-1 ul li{ width:33.333%; float:left; padding:60px 0; position:relative; overflow:hidden;}
.lianx-1 ul li:before{content:""; position:absolute; top:50%; right:0px; float:left; width:1px; height:20px; background:#eee; margin-top:-10px;}
.lianx-1 ul li:nth-child(3n+3):before{ display:none;}
.lianx-1 ul li b{ display:inline-block; width:100%; float:left;}
.lianx-1 ul li b img{ max-width:100%; display:block; margin:0 auto; text-align:center;}
.lianx-1 ul li p{ width:100%; float:left; font-size:14px; color:#fff; text-align:center; margin:30px 0; font-weight:bold;}
.lianx-1 ul li i{ display:inline-block; float:left; width:100%; font-style:normal; font-size:18px; color:#fff; text-align:center;}
.lianx-1 ul li i br{ display:none;}
.lianx-1 ul li i a{ color:#fff;}
.lianx-1 ul li i:hover a{ color:#f18d00}
.lianx-1 ul li em{ display:inline-block; float:left; width:100%; font-style:normal; font-size:16px; color:#fff; text-align:center; margin-top:60px;}
.lianx-2{ width:100%; float:left; height:620px; overflow:hidden; /*margin-top:80px;*/}
.baidu{ width:100%; float:left; height:100%; position:relative; overflow:hidden;}
#allmap{ width:100%; float:left; height:100%;}
.dhwz{ width:100%; float:left; position:absolute; left:0px; bottom:30px; z-index:2;  animation-duration:1s;}
.dhwz a{ display:inline-block; float:left; padding:10px 20px; background:#fff; transition:all 0.5s ease-out 0s;}
.dhwz a i{ display:inline-block; float:left; width:26px; height:26px; background:#f18d00; border-radius:50%; transition:all 0.3s ease-out 0s;}
.dhwz a i img{ max-width:12px; display:block; margin:0 auto; text-align:center; margin-top:7px;}
.dhwz a em{ display:inline-block; float:right; font-style:normal; font-size:16px; line-height:26px; padding-left:20px; color:#808080; transition:all 0.3s ease-out 0s;}
.dhwz a:hover{ background:#f18d00;}
.dhwz a:hover i{ background:red;}
.dhwz a:hover em{ color:#fff;}
.lianx-3{ width:100%; float:left; overflow:hidden;}
.lianx-3 dl{ width:100%; float:left; background:#fff; position:relative; overflow:hidden;}
.lianx-3 dl dt{ width:50%; height:100%; float:left; animation-duration:1s; position:absolute; left:0px; top:0px;}
.lianx-3 dl dt img{ max-width:100%; height:100%; float:left;}
.lianx-3 dl dd{ width:50%; float:right; padding:5% 15% 3% 5%; animation-duration:1.1s;}
.lianx-3 dl dd h2{ width:100%; float:left; font-size:18px; color:#333;}
.lianx-3 dl dd p{ width:100%; float:left; font-size:16px; color:#808080; margin-top:20px;}
.lianx-3 dl dd ul{ width:100%; float:left; margin-top:35px;}
.lianx-3 dl dd ul li{ width:100%; float:left; margin-bottom:30px;}
.miu{ display:inline-block; width:100%; float:left; outline:none; border:0px; background:none; font-size:14px; color:#000; line-height:24px; padding:20px 0px; border-bottom:1px solid rgba(0,0,0,0.05); border-radius:0px; -webkit-appearance:none;}
.pous{ display:inline-block; width:100%; float:left; outline:none; border:0px; background:none; height:120px; font-size:14px; color:#000; line-height:24px; border-radius:0px; border-bottom:1px solid rgba(0,0,0,0.05); -webkit-appearance:none;}
.miu input:-ms-input-placeholder{ color:#808080; opacity:1;}
.miu input::-webkit-input-placeholder{ color:#808080; opacity:1;}
.pous textarea:-ms-input-placeholder{ color:#808080; opacity:1;}
.pous textarea::-webkit-input-placeholder{ color:#808080; opacity:1;}
.miu:focus{ border-bottom:1px solid rgba(0,0,0,0.5);}
.pous:focus{ border-bottom:1px solid rgba(0,0,0,0.5);}
.lianx-3 dl dd h3{ width:100%; float:left; margin-top:10px;}
.lianx-3 dl dd h3 a{ display:inline-block; float:left; padding:0 95px; font-size:14px; color:#fff; line-height:55px; height:55px; background-image:linear-gradient(to right, #f8ba3b 0%, #d78718 100%);}
.lianx-3 dl dd h3 a:hover{ background:#333;}
.lianx-4{ width:100%; float:left; background:url(../images/lianx-3.jpg) bottom center no-repeat; background-size:cover; padding-top:100px; padding-bottom:330px; overflow:hidden;}
.lianx-4 h2{ width:100%; float:left; font-size:28px; color:#fff; text-align:center; animation-duration:1s;}
.lianx-4 p{ width:100%; float:left; font-size:16px; color:#fff; text-align:center; margin-top:30px; animation-duration:1.1s;}
.lianx-4 h3{ width:100%; float:left; text-align:center; margin-top:70px; animation-duration:1.2s;}
.lianx-4 h3 a{ display:inline-block; font-size:16px; color:#f6b739;}
/*搜索*/
.sous{ width:100%; height:0px; float:left; position:fixed; left:0px; top:0px; background:#222; opacity:0; transition:all 0.2s ease-out 0s; z-index:-1;}
.sous.ateler{ opacity:1; height:100%; z-index:102; transition:all 0.2s ease-out 0s; overflow:hidden;}

.sous-nr{ width:100%; float:left; position:absolute; left:0px; top:50%; margin-top:-62px; padding:0 40px;}
.sous-nr span{ display:inline-block; width:100%; float:left; position:relative; overflow:hidden;}
.input2{ width:100%; float:left; font-size:42px; color:#555; text-align:center; background:none; line-height:124px; height:124px; padding:0 80px; outline:none; border:0px; -webkit-appearance:none; border:0px; border-bottom:1px solid #515151; }
.sous-nr span button{background: transparent;border: none;cursor: pointer; display:inline-block; position:absolute; top:10px; right:0px; width:80px; float:left; font-size:24px; color:#555; font-weight:bold; line-height:114px; text-align:center; transition:all 0.5s ease-out 0s;}
.sous font{ position:absolute; top:50px; right:50px; cursor:pointer; }
.sous font img{ max-width:20px; float:left;transition:284ms ease-in-out;}
.sous-nr span:before{content:""; position:absolute; left:30px; top:50%; margin-top:-10px; background:url(../images/ico-2.png) center no-repeat; background-size:cover; width:20px; height:20px;}
.sous font:hover img{transform:rotate(180deg); }
/*分享网站*/
.share{ position:fixed;width:100%; height:100%; background:rgba(0,0,0,0.9); 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;}
.share.ateler{ opacity: 1; z-index:9999; 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; }
.share ul{ text-align:center;-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-ms-transform: translateY(60px);-o-transform: translateY(60px);transform: translateY(60px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s; height:50px; top:50%; margin-top:-25px; position:absolute; width:100%;}
.share.ateler ul{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.bdshare-button-style0-32 a{ text-indent:0px !important;}
.share ul li{ display:inline-block; width:50px; height:50px; border-radius:50%; overflow:hidden; margin:0px 10px;}
.share ul li a{ display:block; width:100%; height:100%; background:#fff; line-height:50px; text-align:center; overflow:hidden; border-radius:50%;  font-size:18px; color:#000; margin:0px; transition: all 0.5s ease-out 0s;}
.share ul li a:hover{ background:#f18d00; color:#fff;}
.share ul li a:after{ display:none;}
.bd_weixin_popup .bd_weixin_popup_main{ padding:15px 0px 5px 0px !important;}
/*手机导航*/
.mobile-nav{ width:60px; height:60px; float:right; display:none; cursor:pointer; border-radius:0px; z-index:102; position:fixed; top:0px; right:0px;}
.mobile-nav i{-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.mobile-nav i.menu_a1{ width:30px; height:3px; background:#fff; display:block; position:absolute; top:20px; left:15px; transition: all 0.5s ease-out 0s; border-radius:50px;}
.mobile-nav i.menu_a2{ width:20px; height:3px; background:#fff; display:block; position:absolute; top:29px; left:25px; border-radius:50px;}
.mobile-nav i.menu_a3{ width:30px; height:3px; background:#fff; display:block; position:absolute; top:38px; left:15px; transition: all 0.5s ease-out 0s; border-radius:50px;}
.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;}
.sidebar{ float:left; width:100%;}
.sidebar-menu{ float:left; width:100%; padding:0 20px; padding-bottom:20px;}
.sidebar-menu li{ float:left; width:100%; padding:20px 10px; border-bottom:1px solid rgba(255,255,255,0.1);}
.sidebar-menu li.active a{ color:#ea5514;}
.sidebar-menu li.active a i{ transform:rotate(90deg); }
.sidebar-menu li.active .treeview-menu{ display:block;}
.treeview-menu{ display:none; float:left; width:100%;padding-top:10px;}
.sidebar-menu li a{ font-size:14px; color:#fff; display:block; float:left; width:100%; line-height:20px; position:relative;}
.sidebar-menu li ul li a{ font-size:14px; color:#999 !important; }
.sidebar-menu li a i{ width:18px; height:18px; float:right; margin-top:1px; position:relative; overflow:hidden;}
.sidebar-menu li a i b{ position:absolute; left:0px; top:8px; width:100%; float:left; width:18px; height:2px; background:#999; transition:284ms ease-in-out; transition:all 0.5s ease-out 0s;}
.sidebar-menu li a i em{ position:absolute; left:8px; top:0px; width:100%; float:left; width:2px; height:18px; background:#999; transition:284ms ease-in-out; transition:all 0.5s ease-out 0s;}
.sidebar-menu li.active a i b{ top:6px; }
.sidebar-menu li.active a i em{ transform:rotate(90deg); top:-2px;}
.sidebar-menu li.active a{ color:#ea5514;}
.sidebar-menu li.selected .treeview-menu{ display:block;}
.sidebar-menu li.selected a i b{ top:6px;}
.sidebar-menu li.selected a i em{ transform:rotate(90deg); top:-2px;}
.sidebar-menu li ul li{ padding:10px 0px; border:0px;}
.sidebar-menu li.selected a{ color:#ea5514;}
.sidebar-menu li.selected .treeview-menu{ display:block;}
.main-sidebar{ background:#000; position:fixed; top:-100%; bottom:0px;  width:100%; left:0px; overflow-x:hidden; z-index:-1;  overflow-y:auto; 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; opacity:0; display:none; transition:all 0.5s ease-out 0s; padding-top:30px;}
.mobile .main-sidebar{visibility: visible; z-index:98; opacity:1; top:60px;}
.sidebar-menu li a i{ display:inline-block; font-size:16px; line-height:20px; color:#fff; position:relative; overflow:hidden; float:right; transition:284ms ease-in-out; transition:all 0.5s ease-out 0s;}
.mobile .main{-moz-filter: blur(0.5em);-webkit-filter: blur(0.5em); -ms-filter: blur(0.5em); filter: blur(0.5em);}
.active .pull-right{ transform:rotate(45deg);}
.mobile{ height:100%; overflow:hidden;}
.hd-mobile{ height:100%; overflow:hidden;}
.mobile .head{ background:#000; z-index:99;}
.jtjs,.ship,.shzr,.wjwh,.course,.honor,.tdzs-2{ position:relative; overflow:hidden;}
#id-1,#id-2,#id-3,#id-4,#id-5,#id-6{ position:absolute; left:0px; top:-80px; height:80px; float:left; width:100%; background:#000;}

@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
/*新闻*/
.xw{ width:100%; float:left; margin-top:50px; overflow:hidden;}
.xw ul{ width:100%; float:left;}
.xw ul li{ width:32%; float:left; margin-right:2%; margin-bottom:30px; animation-duration:1s;}
.xw ul li:nth-child(3n+2){ animation-duration:1.1s;}
.xw ul li:nth-child(3n+3){ margin-right:0px; animation-duration:1.2s;}
.xw ul li dl{ width:100%; float:left;}
.xw ul li dl dt{ width:100%; float:left; overflow:hidden;}
.xw ul li dl dt img{ width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.xw ul li dl dd{ width:100%; float:left; background:#fff; padding:30px 25px; transition:all 0.3s ease-out 0s;}
.xw ul li dl dd h2{ width:100%; float:left; font-size:18px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s ease-out 0s;}
.xw ul li dl dd p{ width:100%; float:left; font-size:14px; color:#777; line-height:24px; max-height:48px; height:48px; overflow:hidden; margin-top:20px; transition:all 0.3s ease-out 0s;}
.xw ul li dl dd span{ display:block; width:100%; float:left; margin-top:25px; transition:all 0.3s ease-out 0s;}
.xw ul li dl dd span i{ display:inline-block; float:left; font-size:14px; color:#999; font-style:normal; line-height:14px; transition:all 0.3s ease-out 0s;}
.xw ul li dl dd span em{  display:inline-block; float:right; font-size:14px; color:#666; font-style:normal; line-height:14px; text-decoration:underline; transition:all 0.3s ease-out 0s;}
.xw ul li:hover dl dt img{ -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);}
.xw ul li:hover dl dd h2{ color:#f18d00; font-weight:bold;}
.xw ul li:hover dl dd span em{ color:#f18d00;}

/*新闻动态-详情*/
.xwxq{ width:100%; float:left; background:#fff; padding:80px 60px;}
.xwxq-t{ width:100%; float:left; padding-bottom:50px; border-bottom:1px solid #eee;} 
.xwxq-t h1{ width:100%; float:left; font-size:32px; color:#333; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.xwxq-t span{ display:block; width:100%; float:left; text-align:center; margin-top:30px;}
.xwxq-t span i{ display:inline-block; font-style:normal; font-size:14px; color:#999; padding:0 25px;}
.xwxq-c{ width:100%; float:left; padding-top:30px; padding-bottom:50px; border-bottom:1px solid #eee;}
.xwxq-c p{ width:100%; font-size:14px; color:#666; line-height:36px; margin-bottom:10px;}
.xwxq-c strong{ font-weight:bold;}
.xwxq-c span{ display:inline-block;}
.xwxq-c a{ color:red;}
.xwxq-c a:hover{ text-decoration:underline;}
.xwxq-c p img{ margin:0 auto; display:block; max-width:100%; text-align:center; height:auto;}

.xwxq-f{ width:100%; float:left; margin-top:30px;}
.xwxq-f h2{ width:100%; float:left; font-size:14px; color:#999;}
.xwxq-f h3{ width:100%; float:left; margin-top:20px;}
.xwxq-f h3 a{ display:inline-block; float:left; background:none; width:auto !important; height:auto !important;  color:#666; line-height:22px !important; margin:0px; margin-right:30px;}
.xwxq-g{ width:100%; float:left; margin-top:50px; position:relative; overflow:hidden; min-height:36px;}
.xwxq-g span{ display:block; width:100%; float:left;}
.xwxq-g span a{ display:inline-block; float:left;}
.xwxq-g span a i{ display:inline-block; float:left; font-style:normal; font-size:14px; color:#666;}
.xwxq-g span a em{ display:inline-block; float:left; font-style:normal; font-size:14px; color:#999;}
.xwxq-g span a:hover em{ color:#0aa5bc;}
.xwxq-g span:nth-child(2n+2){ margin-top:20px;}
.xwxq-g h2{ float:left; position:absolute; right:0px; top:50%;}
.xwxq-g h2 a{ display:inline-block; float:left; font-size:14px; color:#fff; line-height:36px; height:36px; padding:0 50px; background:#f18d00; border-radius:36px; margin-top:-18px;}
.xwxq-g h2 a:hover{ background:#333;}
/*留言*/
.jmrx2{width:100%;float:left;position:fixed;left:0%;bottom:-110px;background:rgba(0,0,0,0.7);height:110px;z-index:99;opacity:0;transition: all 0.5s ease-out 0s;}
.gy-center2{width:1200px;margin:0 auto;}
.jmrx2-nr{width:100%;float:left;}
.jmrx2-nr dl{width:100%;float:left;position:relative;}
.jmrx2-nr dl dt{width:272px;float:left;margin-top:28px;margin-right:15px;}
.jmrx2-nr dl dt img{max-width:100%;float:left;}
.jmrx2-nr dl dd{width:890px;float:left;margin-top:35px;}
.jmrx2-nr dl dd b{position:absolute;top:-18px;right:0px;cursor:pointer;}
.jmrx2-nr dl dd b img{max-width:100%;float:left;transition:284ms ease-in-out;transition:all 0.5s ease-out 0s;}
.jmrx2-nr dl dd b:hover img{transform:rotate(180deg);}
.srknr{width:100%;float:left;}
.srknr ul{width:80%;float:left;}
.srknr ul li{width:32%;float:left;margin-right:2%;}
.srknr ul li:nth-child(3n+3){margin-right:0px;}
.jmrxsr{width:100%;float:left;font-size:14px;color:#333;height:40px;line-height:40px;background:#fff;outline:none;border:0px;padding:0 20px;border-radius:50px;}
.srknr ul li input:-ms-input-placeholder{color:#999;opacity:1;}
.srknr ul li input::-webkit-input-placeholder{color:#999;opacity:1;}
.srknr ul li textarea:-ms-input-placeholder{color:#999;opacity:1;}
.srknr ul li textarea::-webkit-input-placeholder{color:#999;opacity:1;}
.srknr span{display:inline-block;width:18%;float:right;}
.srknr span a{display:inline-block;width:100%;float:left;background:#f6b739;font-size:17px;color:#000;font-family:dbt;border-radius:50px;text-align:center;line-height:40px;transition: all 0.5s ease-out 0s;}
.srknr span a:hover{background:#f18d00; color:#fff; }
.stuckMenu{bottom:0px;opacity:1;}
.fytgtc{opacity:0;transition:all 0.5s ease-out 0s;bottom:-110px;}

@media (max-width: 1600px){
	.brands-cenetr ul li dl dd b{ width:90px; height:90px; margin-left:-45px;}
	.brands-cenetr ul li dl dd h2{ font-size:16px;}
	.qxpp .public-center{ width:100%; padding:0 15px;}
	.qxpp ul li dl dd{ padding:20px;}
	.qxpp ul li dl dd span{ padding:0 20px; bottom:20px;}
	
	}

@media (max-width: 1366px){
	.brands-cenetr ul li{ width:25%;}
	.brands-cenetr ul li:nth-child(9){ background:#f3f3f3}
	.brands-cenetr ul li:nth-child(10){ background:#fafafa}
	.team-center .swiper-button-next{ right:0px;}
	.team-center .swiper-button-prev{ left:0px;}
	.fanh{ right:40px;}
	.miu{ padding:15px 0;}
	.pous{ height:100px;}
	.lianx-3 dl dd{ padding-right:8%;}
	.lianx-4{ padding-bottom:250px;}
	}
@media (max-width: 1320px){
	.nav{ padding:0 15px;}
	.public-center{ width:100%; padding:0 15px; float:left;}
	.nav ul li{ margin:0 15px;}
	#certify{ width:100%; float:left;}
	}
@media (max-width: 1200px){
	.banner-lie{ padding:0 30px;}
	.banner-text h2{ font-size:46px; line-height:46px; margin-bottom:40px;}
	.banner-text p{ font-size:24px; line-height:40px; width:680px;}
	.banner .swiper-button-prev{ left:30px; width:50px; height:50px;}
	.banner .swiper-button-prev i{ font-size:20px; line-height:48px;}
	.banner .swiper-button-next{ left:79px; width:50px; margin-left:0px; height:50px;}
	.banner .swiper-button-next i{ font-size:20px; line-height:48px;}
	.about{ padding-top:60px; padding-bottom:80px;}
	.public-title h2{ font-size:40px;}
	.public-title h3{ font-size:20px;}
	.public-title b{ top:21px;}
	.public-title b img{ max-width:80px;}
	.about-title p{ margin-top:20px; margin-bottom:0px;}
	.about-center{ overflow:hidden;}
	.more span{ top:5px;}
	.more span a,.public-title span a{ padding:0 25px;}
	.more span a i,.public-title span a i{ margin-left:50px; line-height:50px;}
	.more span a em,.about-center span a i,.public-title span a em{ line-height:50px;}
	.about-left dl dd b img{ max-width:70px;}
	.about-left dl dd p{ font-size:14px; margin-top:30px;}
	.business{ height:650px;}
	.business-text{ top:60px;}
	.business-center h2{ font-size:16px; line-height:16px;}
	.business-center h3{ font-size:34px; line-height:34px; margin:30px 0;}
	.business-center p{ font-size:16px; line-height:36px;}
	.product ul li a{ height:120px;}
	.product ul li a span{ height:60px;}
	.product ul li a span h3{ font-size:16px; line-height:60px;}
	.product ul li a span p{ font-size:16px; padding:0 20px; line-height:60px; margin:0px;}
	.product ul li a h2{ height:60px; padding:0px 20px; padding-top:15px;}
	.product ul li a h2 i{ font-size:32px; line-height:30px; margin-top:2px;}
	.product ul li a h2 em img{ max-width:30px;}
	.product ul li.xuan a{ height:120px;}
	.brands{ padding:60px 0;}
	.brands-cenetr ul li{ width:25%;}
	.team{ padding-bottom:100px;}
	.team-center{ margin-top:20px;}
	.team-nr dl dd,.tdzs-2 ul li dl dd{ padding:20px;}
	.team-nr dl dd h2,.tdzs-2 ul li dl dd h2{ font-size:20px;}
	.team-center .swiper-button-next{ width:50px; height:50px;}
	.team-center .swiper-button-next i{ line-height:50px; font-size:24px;}
	.team-center .swiper-button-prev{ width:50px; height:50px;}
	.team-center .swiper-button-prev i{ line-height:50px; font-size:24px; }
	.footer-bottom span{ position:fixed; bottom:70px; right:0px; top:auto; left:auto; margin:0px; background:rgba(0,0,0,0.6); padding:10px 0px; z-index:2; display:none;}
	.footer-bottom span img{ max-width:20px;}
	.footer-bottom p{ font-size:12px; margin-top:5px;}
	.footer-bottom{ margin:0px;}
	.jtjs-title{ margin-top:50px;}
	.digital ul li{ padding:50px 0;}
	.ship{ padding-top:300px; padding-bottom:170px;}
	.shzr{ padding:60px 0;}
	.shzr-left img{ max-width:800px;}
	.shzr-right{ margin-top:-105px; right:60px;}
	.shzr-right span{ width:225px;}
	.shzr-right span h2 i,.shzr-right span h2 em{ font-size:40px; line-height:70px;}
	.public-title p{ font-size:40px; margin-top:60px;}
	.wjwh-banner{ padding-bottom:220px; padding-top:60px;}
	.wjwh-1 dl{ padding-top:100px;}
	.wyp{ padding-top:80px; padding-bottom:140px;}
	.wyp p{ font-size:40px; margin-top:60px; margin-bottom:70px;}
	.wyp .more{ width:170px; margin-left:-85px;}
	.course,.honor{ padding-top:60px;}
	.course-nr{ margin-top:50px;}
	.honor-nr{ margin-top:40px; margin-bottom:60px;}
	.jtjs{ padding-top:60px;}
	.course-nr .swiper-container{ padding-bottom:90px;}
	.course-nr .swiper-button-prev{ width:50px; height:50px; margin-left:-60px;}
	.course-nr .swiper-button-prev i{ line-height:50px; font-size:20px;}
	.course-nr .swiper-button-next{ width:50px; height:50px; margin-right:-60px;}
	.course-nr .swiper-button-next i{ line-height:50px; font-size:20px;}
	#certify .swiper-button-prev{ width:50px; height:50px; margin-top:-25px;}
	#certify .swiper-button-prev i{ line-height:50px; font-size:20px;}
	#certify .swiper-button-next{ width:50px; height:50px; margin-top:-25px;}
	#certify .swiper-button-next i{ line-height:50px; font-size:20px;}
	.qxpp{ margin-top:60px; margin-bottom:30px;}
	.ppxq,.tdzs-1{ margin-top:60px;}
	
	.tdzs-1 h2 i{ font-size:34px; line-height:34px;}
	.tdzs-1 h2 em{ font-size:34px; line-height:34px; margin-left:20px;}
	.tdzs-1 dl{ margin-top:40px;}
	.tdxq-center{ width:100%; float:left; padding:0 15px;}
	.fanh{ right:15px;}
	.tdxq-1 dl dd{ padding-bottom:70px;}
	.tdxq-1 dl dd span{ padding-bottom:30px; margin-bottom:20px;}
	.tdxq-1 dl dd span i{ font-size:36px; line-height:36px;}
	.tdxq-1 dl dd span em{ font-size:18px; line-height:18px; margin-left:20px; padding-top:18px;}
	.rcjp-1{ margin-top:60px;}
	.rcjp-1-a{ margin-bottom:40px;}
	.rcjp-1-a h2{ font-size:34px;}
	.rcjp-1-a p{ margin-top:30px;}
	.lianx-1{ margin-top:60px; margin-bottom:40px;}
	.lianx-1 ul{ margin-top:40px;}
	.lianx-1 ul li{ padding:40px 0;}
	.lianx-1 ul li p{ margin:20px 0;}
	.lianx-1 ul li i{ font-size:16px;}
	.lianx-1 ul li em{ margin-top:50px;}
	.lianx-2{ height:550px;}
	.lianx-3 dl dd{ padding:4% 8% 4% 4%;}
	.lianx-3 dl dd p{ font-size:14px; margin-top:10px;}
	.lianx-3 dl dd ul{ margin-top:20px;}
	.lianx-3 dl dd ul li{ margin-bottom:20px;}
	.lianx-3 dl dd h3 a{ padding:0 60px; line-height:46px; height:46px;}
	.qxpp ul li{ width:23.5%;}
	.qxpp ul li:nth-child(4n+4){ margin-right:0px;}
	.qxpp ul li:nth-child(6n+6){ margin-right:2%;}
	.qxpp ul li:last-child{ margin-right:0px;}
	.lianx-2{ /*margin-top:40px;*/}
	.xw ul li dl dd h2{ font-size:16px;}
	.xw ul li dl dd p{ margin-top:15px;}
	.xw ul li dl dd span{ margin-top:20px;}
	.stuckMenu{display:none;}
	.footer{ margin-bottom:0px;}
	}
@media (max-width: 1024px){
	.shipa{ display:none;}
	.nav ul{ padding-right:0px;}
	.nav ul li{ margin:0 10px;}
	.banner-lie{ padding:0 20px;}
	.banner-text h2{ font-size:40px; line-height:40px; margin-bottom:30px;}
	.mui h3{ margin-left:20px;}
	.mui h3 a{ width:50px; height:50px;}
	.mui h3 a i{ font-size:16px; margin-top:17px;}
	.banner-text p{ font-size:20px; line-height:36px;}
	.public-title h2{ font-size:32px;}
	.public-title h3{ font-size:18px;}
	.public-title b img{ max-width:60px;}
	.about{ padding-top:40px; padding-bottom:60px;}
	.public-title b{ top:19px;}
	.about-title p{ line-height:30px;}
	.business{ height:600px;}
	.business-center h2{ font-size:14px; line-height:14px;}
	.business-center h3{ font-size:28px; line-height:28px; margin:25px 0;}
	.business-center p{ font-size:14px; line-height:24px; max-height:72px; overflow:hidden;}
	.product{ bottom:40px;}
	.brands{ padding:40px 0;}
	.brands-cenetr ul li dl dd h2{ font-size:14px;}
	.brands-cenetr ul li:hover dl dd h2{ bottom:40px;}
	.brands-cenetr ul li dl dd p{ font-size:12px;}
	.brands-cenetr ul li:hover dl dd p{ bottom:15px;}
	.team{ padding-bottom:80px;}
	.footer-top{ padding:40px 20px;}
	.footer-center{ margin-top:60px; margin-bottom:40px;}
	.footer-lxdz p{ font-size:18px;}
	.footer-right p{ margin-top:15px;}
	.footer-bottom{ height:auto; padding:30px 0;}
	.footer-bottom ul{ width:600px; float:left; position:relative; left:50%; margin-left:-300px;}
	.footer-bottom ul li{ width:20%; float:left; text-align:center;}
	.footer-bottom ul li a{ float:none;}
	.footer-bottom h2{ width:100%; float:left; text-align:center; margin-top:20px;}
	.mui h6 a{ width:50px; height:50px;}
	.mui h6 a i{ margin-top:16px; font-size:22px;}
	.mui span{ padding-top:17px;}
	.public-nav ul li a{ line-height:60px; font-size:14px;}
	.jtjs{ padding-top:40px;}
	.jtjs-title{ margin-top:30px;}
	.jtjs-title h2{ font-size:16px; line-height:30px; margin-bottom:20px;}
	.jtjs-shuj{ margin-top:20px; margin-bottom:-100px;}
	.digital ul li h6 span{ font-size:60px; line-height:60px;}
	.digital ul li p{ margin-bottom:10px;}
	.digital ul li h6 b{ margin-top:10px;}
	.ship{ padding-top:180px; padding-bottom:120px;}
	.gy-2{ width:70px; height:70px; margin-left:-35px;}
	.gy-2 span{ width:80px; height:80px;}
	.shzr{ padding:40px 0;}
	.shzr-left img{ max-width:600px;}
	.shzr-right{ margin-top:-90px; right:10%;}
	.shzr-right span{ width:180px;}
	.shzr-right span h2{ padding-left:20px;}
	.shzr-right span h2 i, .shzr-right span h2 em{ font-size:32px; line-height:60px;}
	.shzr-right span h2:before{ width:10px; height:10px; margin-top:-5px;}
	.wjwh-banner{ padding-top:40px;}
	.public-title p{ font-size:28px; margin-top:40px;}
	.wjwh-1 dl{ padding:80px 40px 60px 40px;}
	.wjwh-1 dl dd h2{ font-size:24px;}
	.wjwh-1 dl dd p{ font-size:18px; margin-top:20px;}
	.wjwh-1 dl dt{ margin-top:-25px; right:35px;}
	.wjwh-1 dl dt img{ max-width:70px;}
	.wjwh-1 dl dd b{ font-size:36px; bottom:-13px;}
	.wjwh-2 ul li{ height:220px;}
	.wjwh-2 ul li b,.wjwh-3 ul li b{ font-size:22px;}
	.wjwh-2 ul li h2 img,.wjwh-3 ul li h2 img{ max-width:70px;}
	.wjwh-2 ul li p,.wjwh-3 ul li p{ font-size:18px; line-height:18px; margin-top:5px;}
	.wjwh-3 ul li{ height:200px;}
	.wjwh-4 dl dd{ padding:40px 30px 0px 30px; background-size:490px;}
	.wjwh-4 dl dd b{ font-size:28px;}
	.wjwh-4 dl dd h2{ font-size:22px; margin-top:10px;}
	.wjwh-4 dl dd p{ font-size:18px; margin-top:20px;}
	.wyp{ padding-top:60px; padding-bottom:100px;}
	.wyp h2 a img{ max-width:80px;}
	.wyp p{ font-size:28px; margin-top:40px; margin-bottom:60px;}
	.course, .honor{ padding-top:40px;}
	.course-nr{ margin-top:30px; padding-bottom:40px;}
	.course-1 dl{ padding:20px;}
	.course-1 dl dd{ margin-bottom:10px;}
	.course-1 dl dd h2{ font-size:14px; line-height:24px; min-height:48px;}
	.honor-nr{ margin-top:30px; margin-bottom:20px;}
	#certify .swiper-slide{ width:560px; height:415px;}
	.course-nr{ padding-bottom:30px;}
	.course-nr .swiper-container{ padding-bottom:70px;}
	.course-nr .swiper-button-prev{ width:40px; height:40px; margin-left:-50px;}
	.course-nr .swiper-button-prev i{ line-height:40px; font-size:24px;}
	.course-nr .swiper-button-next{ width:40px; height:40px; margin-right:-50px;}
	.course-nr .swiper-button-next i{ line-height:40px; font-size:24px;}
	#certify .swiper-button-prev{ width:40px; height:40px; margin-top:-20px;}
	#certify .swiper-button-prev i{ line-height:40px; font-size:24px;}
	#certify .swiper-button-next{ width:40px; height:40px; margin-top:-20px;}
	#certify .swiper-button-next i{ line-height:40px; font-size:24px;}
	#certify .swiper-slide{ width:460px; height:345px;}
	.honor-nr{ margin-top:20px;}
	.qxpp ul li dl dd{ padding:25px;}
	.qxpp ul li dl dd h2{ font-size:20px;}
	.qxpp ul li dl dd h3{ margin-top:15px;}
	.qxpp ul li dl dd span{ padding:0 25px; bottom:25px;}
	.ppxq,.ppxq, .tdzs-1{ margin-top:40px;}
	.ppxq-1{ margin-top:40px; padding:60px;}
	
	
	.tdzs-1 h2 i{ font-size:28px; line-height:28px;}
	.tdzs-1 h2 em{ font-size:28px; line-height:28px; margin-left:10px;}
	.tdzs-1 dl{ margin-top:30px;}	
	.tdzs-1 dl dd p{ font-size:20px; line-height:80px;}
	.more-mp{ margin-bottom:60px; margin-top:10px;}
	.fanh{ width:50px; height:50px;}
	.fanh a b{ margin-top:18px; margin-left:18px;}
	.tdxq .mui span{ padding-top:0px;}
	.tdxq-1 dl dd{ padding-left:40px;}
	.tdxq-1 dl dd span{ padding-bottom:20px;}
	.tdxq-1 dl dd span i{ font-size:30px; line-height:30px;}
	.tdxq-1 dl dd span em{ font-size:16px; line-height:16px; padding-top:14px; margin-left:15px;}
	.tdxq-1 dl dd p{ line-height:40px;}
	.tdxq-1 dl dd h2{ padding-left:40px; bottom:40px;}
	.rcjp-1{ margin-top:40px;}
	.rcjp-1-a{ margin-bottom:30px;}
	.rcjp-1-a h2{ font-size:28px;}
	.rcjp-1-a p{ line-height:30px; margin-top:20px;}
	.topPw2{ padding:12px 20px;}
	.jmsr-nr{ height:48px;}
	.filter-text{ height:48px;}
	.filter-text .filter-title{ line-height:48px;}
	.icon-filter-arrow{ top:19px;}
	.filter-list{ top:48px;}
	.jmsr2 font a{ line-height:48px; height:48px;}
	.recruit3 span b{ line-height:60px;}
	.recruit-nr ul li span b{ line-height:60px;}
	.lianx-1{ margin-top:40px;}
	.lianx-1 h2,.lianx-4 h2{ font-size:24px;}
	.lianx-1 ul{ margin-top:30px;}
	.lianx-1 ul li p{ margin:15px 0;}
	.lianx-1 ul li i{ font-size:14px;}
	.lianx-1 ul li em{ margin-top:30px;}
	.lianx-2{ height:460px;}
	.lianx-3 dl dd{ padding:3% 5% 3% 3%;}
	.miu{ padding:10px 0;}
	.pous{ height:90px;}
	.lianx-3 dl dd h3{ margin-top:0px;}
	.lianx-3 dl dd h3 a{ padding:0 50px; line-height:40px; height:40px;}
	.lianx-4{ padding-top:80px; padding-bottom:140px;}
	.lianx-4 p{ margin-top:20px;}
	.lianx-4 h3{ margin-top:40px;}
	.xw ul li dl dd{ padding:20px 15px;}
	.xw ul li dl dd span i,.xw ul li dl dd span em{ font-size:12px; line-height:12px;}
	.xwxq{ padding:40px 20px;}
	.xwxq-t{ padding-bottom:30px;}
	.xwxq-t h1{ font-size:26px;}
	.xwxq-t span{ margin-top:20px;}
	.xwxq-c{ padding:20px 0;}
	.xwxq-g{ margin-top:40px;}
	}
@media (max-width: 960px){
	.main-sidebar{ display:block;}
	.nav ul{ display:none;}
	.nav span{ display:none;}
	.nav{ background:#222; height:60px; position:fixed;}
	.nav h1{ padding-top:19px;}
	.nav h1 a img{ max-width:140px;}
	.mobile-nav{ display:block;}
	.gjgl-nr{ width:768px; height:500px; margin-top:-250px; margin-left:-384px; padding:40px 35px 0px 35px;}
	.gjgl-nr1{ padding-bottom:20px; margin-bottom:20px;}
	.gjgl-nr1 h2{ font-size:20px; line-height:20px;}
	.gjgl-nr1 p{ line-height:20px;}
	#id-1,#id-2,#id-3,#id-4,#id-5,#id-6{ height:58px; top:-58px;}
	
	}
@media (max-width: 860px){
	.brands-cenetr ul li{ width:33.3333%;}
	.brands-cenetr ul li:nth-child(5),.brands-cenetr ul li:nth-child(10){ background:#f3f3f3}
	.brands-cenetr ul li:nth-child(6){ background:#fafafa}
	.tdxq-1 dl dd p{ line-height:34px;}
	.gjgl-nr{ width:100%; margin-left:0px; left:0px;}
	.njss{ right:50%; margin-right:-20px; width:40px; height:40px; top:-20px;}
	.njss b{ margin-top:13px; margin-left:13px;}
	
	
	}
@media (max-width: 768px){
	
	.banner-text h2{ font-size:32px; line-height:32px;}
	.banner-text p{ font-size:16px; line-height:30px;}
	
	.public-title h2{ font-size:28px;}
	.public-title h3{ font-size:16px;}
	.public-title b img{ max-width:50px;}
	.about{ padding-top:30px; padding-bottom:40px;}
	.about-title p{ margin-top:15px;}
	.about-center{ padding-left:150px;}
	.about-left{ width:150px;}
	.about-left dl dd p{ margin-top:15px;}
	.more{ padding-right:15px; margin-bottom:-23px;}
	.more span a em, .about-center span a i, .public-title span a em{ line-height:46px;}
	.more span a i, .public-title span a i{ line-height:46px; height:46px; margin-left:36px;}
	.business{ height:460px;}
	.business-text{ top:30px;}
	.business-center h2{ font-size:12px; line-height:12px; padding-bottom:5px;}
	.business-center h3{ font-size:24px; margin:20px 0;}
	.product ul li a span{ height:50px;}
	.product ul li a span h3{ font-size:14px; line-height:50px;}
	.product ul li a span p{ font-size:14px; line-height:50px; padding:0 15px;}
	.product ul li a h2{ height:40px;}
	.product ul li a h2 i{ font-size:24px; line-height:22px;}
	.product ul li a h2 em img{ max-width:24px;}
	.product ul li.xuan a{ height:90px;}
	.product ul li a{ height:90px;}
	.brands-cenetr{ margin-top:30px;}
	.team-nr dl dd,.tdzs-2 ul li dl dd{ padding:15px;}
	.team-nr dl dd h2,.tdzs-2 ul li dl dd h2{ font-size:16px;}
	.team-nr dl dd p,.tdzs-2 ul li dl dd p{ margin-top:10px;}
	.team-center .swiper-button-next,.team-center .swiper-button-prev{ width:40px; height:40px;}
	.team-center .swiper-button-next i,.team-center .swiper-button-prev i{ line-height:40px; font-size:20px;}
	.footer-logo h2 a img{ max-width:140px;}
	.footer-right{ padding-right:20px;}
	.footer-lxdz b{ padding:10px 0;}
	.footer-lxdz p{ font-size:16px; line-height:28px;}
	.jtjs-title{ margin-top:20px;}
	.jtjs-title h2{ font-size:14px; line-height:30px; margin-bottom:10px;}
	.jtjs-title p{ line-height:30px;}
	.digital ul li h6 span{ letter-spacing:1px; font-size:48px; line-height:48px;}
	.ship{ padding-bottom:100px;}	
	.shzr{ padding:30px 0;}
	.shzr-left img{ max-width:500px;}
	.shzr-right{ margin-top:-69px; right:5%;}
	.shzr-right span h2 i, .shzr-right span h2 em{ font-size:28px; line-height:46px;}
	.wjwh-banner{ padding-top:30px; padding-bottom:110px;}
	.public-title p{ font-size:24px; margin-top:30px;}
	.wjwh-nr{ margin-top:-60px;}
	.wjwh-1,.wjwh-2,.wjwh-3{ margin-bottom:20px;}
	.wjwh-1 dl{ padding:50px 30px 40px 30px;}
	.wjwh-1 dl dd h2{ font-size:18px;}
	.wjwh-1 dl dd p{ font-size:14px; margin-top:15px;}
	.wjwh-1 dl dt{ margin-top:-30px; right:25px;}
	.wjwh-1 dl dt img{ max-width:60px; }
	.wjwh-1 dl dd b{ font-size:28px; bottom:-10px;}
	.wjwh-2 ul li b, .wjwh-3 ul li b{ font-size:18px;}
	.wjwh-2 ul li h2 img, .wjwh-3 ul li h2 img{ max-width:50px;}
	.wjwh-2 ul li p{ font-size:14px; line-height:14px;}
	.wjwh-3 ul li p{ font-size:14px; line-height:14px; margin-top:0px;}
	.wjwh-2 ul li{ height:160px;}
	.wjwh-3 ul li{ height:140px;}
	.wjwh-4{ margin-bottom:30px;}
	.wjwh-4 dl dd{ padding:30px 20px 0px 20px; background-size:370px;}
	.wjwh-4 dl dd b{ font-size:20px;}
	.wjwh-4 dl dd h2{ font-size:18px;}
	.wjwh-4 dl dd p{ font-size:14px; line-height:24px; margin-top:10px;}
	.wyp{ padding-top:40px;}
	.wyp h2 a img{ max-width:60px;}
	.wyp p{ font-size:24px; margin-top:30px; margin-bottom:40px;}
	.course, .honor{ padding-top:30px;}
	.qxpp ul li{ width:49%; float:left; margin-right:0px !important}
	.qxpp ul li:nth-child(2n+2){ float:right;}
	.qxpp{ margin-top:30px; margin-bottom:10px;}
	.qxpp ul li{ margin-bottom:20px;}
	.ppxq{ margin-top:30px;}
	.ppxq-1{ margin-top:30px; padding:30px;}
	.ppxq-1 p{ line-height:26px; margin-bottom:20px;}
	.ppxq-2{ margin-top:30px; margin-bottom:40px;}
	.ppxq-2 span a{ width:40px; height:40px;}
	.ppxq-2 span a i{ font-size:20px; line-height:38px;}
	.ppxq-2 h2{ width:40px; height:40px; margin-left:-20px;}
	.ppxq-2 h2 a b{ width:12px; height:12px; background-size:12px; margin-left:14px; margin-top:14px;}
	.ppxq-2 h2 a:hover b{ background:url(../images/ico-12.png) 0 -12px no-repeat; background-size:12px;}
	.tdzs-2 ul li{ width:49%; margin-bottom:20px; float:left; margin-right:0px;}
	.tdzs-2 ul li:nth-child(2n+2){ float:right;}
	.brands{ padding:30px 0;}
	.public-title span{ top:5px;}
	.ppxq, .ppxq, .tdzs-1{ margin-top:30px;}
	.tdzs-1 h2 i{ font-size:22px; line-height:22px;}
	.tdzs-1 h2 em{ font-size:22px; line-height:22px;}
	.tdzs-1 dl{ margin-top:20px;}
	.tdzs-1 dl dd p{ font-size:16px; line-height:60px;}
	.tdxq{ padding-top:30px;}
	.fanh{ top:30px;}
	.tdxq .mui span{ padding-top:17px;}
	.tdxq-1{ margin-top:40px;}
	.tdxq-1 dl dt{ width:100%; float:left;}
	.tdxq-1 dl dt img{ float:none; display:block; margin:0 auto; text-align:center;}
	.tdxq-1 dl dd{ margin-top:30px; padding:0 20px; width:100%;}
	.tdxq-1 dl dd span{ padding-bottom:15px; margin-bottom:15px;}
	.tdxq-1 dl dd span i{ font-size:24px; line-height:24px;}
	.tdxq-1 dl dd span em{ font-size:14px; line-height:14px; padding-top:10px;}
	.tdxq-1 dl dd p{ font-size:14px; line-height:30px;}
	.tdxq-1 dl dd h2{ position:static; padding:0px; margin-top:20px; margin-bottom:30px;}
	.rcjp-1{ margin-top:30px;}
	.rcjp-1-a h2{ font-size:22px;}
	.rcjp-1-a p{ line-height:24px; margin-top:15px;}
	.recruit-nr{ margin-bottom:20px;}
	.rcjp-1-a{ margin-bottom:20px;}
	.lianx-1 h2, .lianx-4 h2{ font-size:20px;}
	.lianx-1{ margin:30px 0;}
	.lianx-1 ul{ margin-top:20px;}
	.lianx-1 ul li{ padding:30px 0;}
	.lianx-1 ul li b img{ max-width:34px;}
	.lianx-1 ul li p{ margin:10px 0;}
	.lianx-1 ul li i{ padding:0 15px; line-height:24px; height:48px;}
	.lianx-1 ul li em{ margin-top:20px;}
	.lianx-2{ height:400px;}
	.dhwz a{ padding:10px;}
	.dhwz a i{ width:20px; height:20px;}
	.dhwz a i img{ max-width:8px; margin-top:6px;}
	.dhwz a em{ font-size:14px; line-height:20px; padding-left:10px;}
	.lianx-3 dl dt{ width:100%; float:left; position:static;}
	.lianx-3 dl dt img{ height:auto;}
	.lianx-3 dl dd{ width:100%; padding:30px;}
	.banner-text p{ width:500px;}
	.xw ul li{ width:49%; float:left; margin-right:0px; margin-bottom:20px;}
	.xw ul li:nth-child(2n+2){ float:right;}
	.xwxq{ padding:30px 15px;}
.xwxq-t{ padding-bottom:20px;}
.xwxq-t h1{ font-size:22px;}
.xwxq-t span{ margin-top:10px;}
.xwxq-t span i{ font-size:12px; padding:0 15px;}
.xwxq-c{ padding:10px 0;}
.xwxq-c p{ margin-bottom:10px;}
.xwxq-f{ margin-top:20px;}
.xwxq-f h3{ margin-top:20px;}
.xwxq-f h3 a{ margin-right:20px; font-size:16px !important; line-height:18px !important;}
.xwxq-g{ margin-top:20px;}
.xwxq-g span:nth-child(2n+2){ margin-top:15px;}
	}
@media (max-width: 640px){
	.brands-cenetr ul li{ width:50%;}
	.brands-cenetr ul li:nth-child(5),.brands-cenetr ul li:nth-child(10),.brands-cenetr ul li:nth-child(9){ background:#fafafa}
	.brands-cenetr ul li:nth-child(6),.brands-cenetr ul li:nth-child(7),.brands-cenetr ul li:nth-child(10){ background:#f3f3f3}
	.footer-top{ padding:30px 15px;}
	.footer-left{ width:206px; position:relative; left:50%; margin-left:-103px;}
	.footer-center{ margin-top:40px; margin-bottom:20px;}
	.footer-lxdz{ width:100%; float:left; margin:30px 0;}
	.footer-right{ padding:0px; position:relative; left:50%; margin-left:-60px; width:120px;}
	.footer-right h2{ text-align:center;}
	.footer-right p img{ float:none; display:block; margin:0 auto; text-align:center;}
	.footer-bottom ul{ width:100%; float:left; padding:0 5%; margin:0px; position:static;}
	.footer-bottom ul li{ padding:0px;}
	.shzr-left img{ max-width:100%;}
	.shzr-right{ position:static; width:100%; float:left;}
	.wjwh-1 dl{ width:100%;}
	.wjwh-2 ul li{ width:50%;}
	.wjwh-2 ul li:nth-child(4n+3){ border-top:1px solid #eee; border-left:0px;}
	.wjwh-2 ul li:nth-child(4n+4){ border-top:1px solid #eee;}
	.wjwh-3 ul li{ width:50%;}
	.wjwh-3 ul li:nth-child(2n+1){ border-left:0px;}
	.wjwh-3 ul li:nth-child(10n+4){ }
	.wjwh-3 ul li:nth-child(10n+5){ border-right:0px; }
	.wjwh-3 ul li:nth-child(10n+6){ border-bottom:1px solid #eee;border-left:1px solid #eee;}
	.wjwh-3 ul li:nth-child(10n+7){ border-bottom:1px solid #eee;}
	.wjwh-3 ul li:nth-child(10n+8){ border-bottom:1px solid #eee;}
	.wjwh-3 ul li:nth-child(10n+9){ border-left:0px;}
	.wjwh-3 ul li:nth-child(10n+10){}
	.wjwh-4 dl dt{ width:100%; float:left;}
	.wjwh-4 dl dd{ position:static; width:100%; float:left; padding:30px 15px 80px 15px; background-size:100%;}
	.ppxq-1{ padding:30px 15px;}
	.recruit{ width:100%; margin-bottom:0px;}
	.jmsr-nr,.filter-box,.filter-box2{ width:100%; margin-bottom:15px;}
	.jmsr2{ width:100%; margin-bottom:30px;}
	.recruit3 span b:nth-child(6n+2),.recruit-nr ul li span b:nth-child(6n+2){ display:none;}
	.recruit3 span b:nth-child(6n+3),.recruit-nr ul li span b:nth-child(6n+3){ display:none;}
	.recruit3 span b:nth-child(6n+4),.recruit-nr ul li span b:nth-child(6n+4){ display:none;}
	.recruit3 span b:nth-child(6n+5),.recruit-nr ul li span b:nth-child(6n+5){ display:none;}
	.recruit3 span b:nth-child(6n+6),.recruit-nr ul li span b:nth-child(6n+6){ text-align:right;}
	.recruit3 span,.recruit-nr ul li span{ padding:0 20px;}
	.recruit3 span b,.recruit-nr ul li span b{ text-align:left; line-height:50px;}
	.gjgl-nr{ margin-left:0px; left:0px;}	
	.gjgl-nr{ top:60px; bottom:0px; right:0px; margin:0px; height:auto; padding:30px 15px;}
	.gjgl-nr-mp{ max-height:100%;}
	.banner-text p{ width:440px;}
	.pp-xx{ padding:0px;}
	.ppxq-2{ padding:0px 15px;}
	.mobile-mp4{ width:70px; height:70px; margin:-35px 0px 0px -35px;}
	.mobile-mp4:before{ width:80px; height:80px;}
	.xwxq-g h2 a{ padding:0 35px; line-height:30px; height:30px; margin-top:-15px;}
.xwxq-g span{ padding-right:120px;}
.xwxq-g span a{ width:100%; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}
.xwxq-g span a i{ width:60px;}
.xwxq-g span a em{ -webkit-box-flex:1; -webkit-flex:1; flex:1; }
	}
@media (max-width: 480px){
	.banner-lie{ padding:0px 15px;}
	.banner-text h2{ font-size:20px; line-height:20px; margin-bottom:20px;}
	.banner-text p{ font-size:14px; line-height:26px;}
	.banner .swiper-button-prev{ left:15px; width:40px; height:40px; bottom:20px;}
	.banner .swiper-button-prev i{ font-size:16px; line-height:38px;}	
	.banner .swiper-button-next{ left:54px; width:40px; height:40px; bottom:20px;}
	.banner .swiper-button-next i{ font-size:16px; line-height:38px;}
	.public-title h2{ font-size:24px;}
	.public-title h3{ font-size:14px;}
	.public-title b{ top:16px;}
	.public-title b img{ max-width:40px;}
	.about{ padding:30px 0;}
	.about-center{ padding:0px;}
	.about-left dl dt img{ width:100%;}
	.more{ margin-top:10px;}
	.product{ bottom:10px;}
	.product ul li{ width:49%; float:left; padding:0px; margin-bottom:10px;}
	.product ul li:nth-child(2n+2){ float:right;}
	.product ul li a span{ height:44px;}
	.product ul li a span h3{ line-height:44px;}
	.product ul li a span p{ line-height:44px; padding:0px; text-align:center;}
	.product ul li a{ height:44px;}
	.product ul li a h2{ display:none;}
	.product ul li.xuan a{ height:44px;}
	.business-center h3{ font-size:16px; line-height:16px; margin-top:15px; margin-bottom:10px;}
	.business-center p{ margin-bottom:30px; font-size:12px;}
	.business-center p br{ display:none;}
	.brands{ padding:30px 0;}
	.brands-cenetr ul li dl dd b{ width:70px; height:70px; margin-left:-35px;}
	.brands-cenetr ul li:hover dl dd h2{ bottom:35px;}
	.more{ margin:0px; padding:0px; margin-top:10px;}
	.more span a, .public-title span a{ padding:0 20px;}
	.more span a em, .about-center span a i, .public-title span a em{ line-height:40px;}
	.more span a i, .public-title span a i{ line-height:38px; height:38px; margin-left:20px;}
	.public-title span{ top:4px;}
	.team{ padding-bottom:70px;}
	.team-center{ margin-top:15px;}
	.footer-center{ margin-bottom:0px; margin-top:30px;}
	.footer-bottom{ padding:20px 0;}
	.footer-bottom ul li a{ font-size:12px;}
	.footer-bottom h2{ font-size:12px; margin-top:10px;}
	.mui{ bottom:15px;}
	.mui h6 a{ width:40px; height:40px;}
	.mui h6 a i{ margin-top:11px;}
	.mui span{ padding-top:12.5px;}
	.mui span b{ max-width:12px; margin-right:0px;}
	.mui span i,.mui span a{ font-size:12px; line-height:15px;}
	.jtjs{ padding-top:30px;}
	.jtjs-title{ margin-top:10px;}
	.jtjs-shuj{ margin-top:10px; margin-bottom:-120px;}
	.digital ul li{ width:50%; padding:30px 0;}	
	.digital ul li h6 span{ font-size:40px; line-height:40px;}	
	.digital ul li h6 b,.digital ul li p{ line-height:14px;}
	.gy-2{ width:60px; height:60px; margin-left:-30px;}
	.gy-2 span{ width:70px; height:70px;}
	.ship{ padding-bottom:60px;}
	.shzr-right{ margin-top:-80px;}
	.shzr-right span h2{ padding-left:10px;}
	.shzr-right span h2 i, .shzr-right span h2 em{ font-size:20px; line-height:30px;}
	.shzr-right span h2:before{ width:6px; height:6px; margin-top:-3px; border:1px solid #f18d00;}
	.wjwh-banner{ padding-bottom:90px;}
	.public-title p{ font-size:20px; margin-top:20px;}
	.wjwh-3 ul li{ width:50%; border:0px; border-right:1px solid #eee; border-bottom:1px solid #eee;}
	.wjwh-3 ul li:nth-child(2n+2){ border-right:0px; }
	.wjwh-3 ul li:nth-child(10n+9){ border-bottom:0px solid #eee;}
	.wjwh-3 ul li:nth-child(10n+5){border-right:1px solid #eee; }
	.wjwh-3 ul li:nth-child(10n+6){border-left:0px solid #eee; }
	.wyp{ padding-bottom:80px;}
	.wyp p{ font-size:20px; margin-bottom:20px;}
	.wyp .more{ width:135px; margin-left:-67.5px;}	
	#certify .swiper-slide{ width:100%; height:auto;}
	.course-nr{ margin-top:20px;}
	.qxpp ul li{ margin-bottom:15px;}
	.qxpp ul li dl dd{ padding:15px;}
	.qxpp ul li dl dd h2{ font-size:16px;}
	.qxpp ul li dl dd h3{ margin-top:10px;}
	.qxpp ul li dl dd h3 b{ width:30px; height:1px;}
	.qxpp ul li dl dd span{ padding:0 15px; bottom:15px;}
	.qxpp ul li dl dd span p{ font-size:12px; line-height:20px; padding-right:12px;}
	.qxpp ul li dl dd span p i{ font-size:20px; line-height:20px; height:20px; margin-top:-10px;}
	.mui h3{ margin-left:15px;}
	.mui h3 a{ width:40px; height:40px;}
	.mui h3 a i{ font-size:14px; margin-top:13px;}
	.ppxq-1{ margin-top:20px; padding:20px 15px;}
	.ppxq-1 p{ margin-bottom:15px;}
	.brands-cenetr{ margin-top:20px;}
	.tdzs-1 h2 i{ font-size:20px; line-height:20px;}
	.tdzs-1 h2 em{ font-size:20px; line-height:20px;}
	.tdzs-2{ padding-top:20px;}
	.more-mp{ margin-bottom:40px;}
	.more-mp a{ font-size:14px; line-height:40px; height:40px; width:40px; margin-right:15px;}
	.more-mp a:last-child{ width:80px; border-radius:40px;}
	.tdzs-2 ul li{ width:100%;}
	.fanh{ width:40px; height:40px;}
	.fanh a b{ width:12px; height:12px; margin-top:14px; margin-left:14px; background-size:12px;}
	.fanh a:hover b{ background:url(../images/ico-14.png) 0 -12px no-repeat; background-size:12px;}
	.tdxq .mui span{ padding-top:11.5px;}
	.tdxq-1{ margin-top:30px;}
	.tdxq-1 dl dd{ padding:0px; margin-top:25px;}
	.tdxq-1 dl dd span i{ font-size:20px; line-height:20px;}
	.tdxq-1 dl dd span em{ padding-top:6px;}
	.rcjp-1-a h2{ font-size:20px;}
	.rcjp-1-a p{ margin-top:10px;}
	.rcjp-1-a p br{ display:none;}
	.gjgl-nr{ /*max-height:640px;*/}
	.gjgl-nr-mp{ padding-right:0px;}
	.gjgl-nr3{ /*max-height:280px; overflow:hidden; overflow-y:auto; padding-right:15px; */padding-bottom:0px; border-bottom:0px;}
	.gjgl-nr3::-webkit-scrollbar { width:2px; }
	.gjgl-nr3::-webkit-scrollbar-track { background:#eee; overflow:hidden;}
	.gjgl-nr3::-webkit-scrollbar-thumb { background:#eee; width:2px; background-color:#f18d00; overflow:hidden;}
	.gjgl-nr3::-webkit-scrollbar-thumb:window-inactive { background:#eee;}
	.gjgl-nr4{ border-top:1px solid #f2f2f2; margin-top:15px; padding-top:10px;}
	.gjgl-nr4 p{ font-size:12px; line-height:22px;}
	.gjgl-nr1 h2{ font-size:16px; line-height:16px;}
	.gjgl-nr1 p{ font-size:12px; line-height:16px;}
	.gjgl-nr1{ padding-bottom:15px; margin-bottom:15px;}
	.gjgl-nr3 span{ margin-bottom:10px;}
	.gjgl-nr3 span p{ font-size:12px; line-height:22px;}
	.gjgl-nr3 span b{ margin-bottom:5px;}
	.lianx-1 h2, .lianx-4 h2{ font-size:18px;}
	.lianx-1 ul li b img{ max-width:30px;}
	.lianx-1 ul li{ width:100%; padding:20px 0; border-bottom:1px solid #4c4c4c;}
	.lianx-1 ul li:nth-child(3n+3){ border-bottom:0px;}
	.lianx-1 ul li p{ line-height:14px;}
	.lianx-1 ul li:before{ display:none;}
	.lianx-1 ul li i{ height:auto; line-height:14px;}
	.lianx-1 ul li em{ margin-top:10px; line-height:14px;}
	.lianx-3 dl dd ul{ margin-top:10px;}
	.lianx-3 dl dd ul li{ margin-bottom:15px;}
	.lianx-2{ height:340px;}
	.lianx-3 dl dd{ padding:20px 15px;}
	.lianx-3 dl dd h2{ font-size:16px;}
	.lianx-4{ padding-top:40px; padding-bottom:80px;}
	.lianx-4 p{ font-size:14px; padding:0 15px; line-height:24px;}
	.lianx-4 h3{ margin-top:30px;}
	.footer-left{ display:none;}
	.about-left{ width:100%; float:left; position:absolute; height:auto; top:0px; z-index:2;}
	.about-left dl{ width:120px; height:80px; float:left; z-index:2;}
	.about-left dl dd b img{ max-width:30px;}
	.about-left dl dd p{ font-size:12px; margin-top:5px;}
	.about-right{ margin-top:10px;}
	
	.banner-text p{ width:320px;}
	.team-nr{ padding:0px;}
	.team-nr dl dd{box-shadow: 0 0px 0px rgba(0,0,0,0.15); transition: all 0.5s ease-out 0s; background:#f3f3f3;}
	
	.footer-top{ margin-top:0px;}
	.footer .public-center{ padding:0px;}
	.footer-bottom{ padding:20px 10px;}
	.team-center .swiper-button-prev{ left:8px;}
	.team-center .swiper-button-next{ right:8px;}
	.lianx-2{ /*margin-top:30px;*/}
	.banner-bj2{background:url(../images/ba2-1.gif) center no-repeat; background-size:cover;}	
	.xw{ margin-top:20px;}
	.xw ul li{ width:100%; float:left; margin-bottom:15px;}
	.xw ul li dl dd p{ max-height:100%; height:auto; margin-top:10px;}
	.xw ul li dl dd span{ margin-top:15px;}
	.xwxq-t h1{ font-size:18px;}
.xwxq-t span i{ padding:0 10px;}
.xwxq-g span{ padding:0px;}
.xwxq-g h2{ width:100%; float:left; margin-top:20px; position:static;}
.xwxq-g h2 a{ margin:0px;}
	}
@media (max-width: 370px){
	.about-left{ height:220px;}
	.brands-cenetr ul li dl dd b{ top:20%;}
	.course-nr .swiper-container{ padding-bottom:60px;}
	.qxpp ul li{ width:100%;}
	.lianx-2{ height:280px;}
	}