.sy-product-nav {position: fixed;width:100%;height:40px;left: 0px;top:70px;z-index: 90;background:#333;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sy-product-nav * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sy-product-nav .left {float: left;width:30%;}
.sy-product-nav .left h4 {font-size: 16px;line-height: 40px;color: #fff;font-weight: normal;text-transform: uppercase;font-family:'Conv_KLAVIKA-REGULAR', Helvetica, Arial;}
.sy-product-nav .right {float: right;width:70%;text-align: right;}
.sy-product-nav .right a {display: inline-block;vertical-align: middle; font-size: 12px;line-height: 40px;color: #999;margin-left:5%;}
.sy-product-nav .right a:hover,.sy-product-nav .right a.cur {color: #fff;}
.sy-product-nav .right a.buy {background:#000;color: #999;line-height:27px;height: 25px;overflow: hidden;border-radius:100px;width:60px;text-align: center;}
.sy-product-nav .right a.buy:hover {background:#ffff;color: #000;}

.slideUp {-webkit-transform: translateY(-70px);-ms-transform: translateY(-70px);-o-transform: translateY(-70px);transform: translateY(-70px);}
.slideDown {-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.hfixed {top:0px!important;}
.t50 { margin-top: 50px;}

/* aeropex */
.aeropex-bg {background: #000;}
.h900 {height:950px;}
.sy-aeropex {overflow: hidden;position: relative;width:100%;min-height:900px;background: #000;clear: both;}
.sy-aeropex * {display: block;overflow: hidden;}
.sy-aeropex .left {position: absolute;left:20%;top:25%;z-index: 10;}
.sy-aeropex .left.lefttop {left:20%;top:10%;}
.sy-aeropex .left .ivideo {width:420px;height:250px;border-radius:10px;background: #f1f1f1 url("../image/logo.gif") center no-repeat;}
.sy-aeropex .left .video {background:transparent;}


.sy-aeropex1 {position: relative;height:800px;display:none;}
.sy-aeropex1 * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.word {position: absolute;width:1200px;height: 750px;left:50%;top:12%;margin-left:-600px;z-index: 4;-moz-opacity: 0;opacity:0;filter: alpha(opacity=0);}
.word ul {width:100%;height:100%;position: relative;}
.word li { position: absolute;height: 208px;top:50%;margin-top: -164px; z-index: 5;-moz-opacity: 0;opacity:0;filter: alpha(opacity=0);}
.word li img{width:100%;height: auto;}
.word li.a1{ width:175px;left:0;      margin-top: -300px; }
.word li.e2{ width:175px;left:172px;  margin-top:300px;   }
.word li.r3{ width:175px;left:350px;  margin-top: -300px; }
.word li.o4{ width:175px;left:525px;  margin-top:300px;   }
.word li.p5{ width:174px;left:700px;  margin-top: -300px; }
.word li.e6{ width:144px;left:864px;  margin-top:300px;   }
.word li.x7{ width:175px;left:1019px; margin-top: -300px; }
.word li.o8{ width:175px;left:525px;  margin-top:300px;   }
.product {position: absolute;width:1200px;height: 750px;left:50%;top:0;margin-left: -600px; z-index: 3;}
.product img {width:100%;height: auto;}
.sy-aeropex1 .title {position: absolute;width:400px;left:50%;top:60%;margin-left: -200px; z-index: 6;text-align: center;}
.sy-aeropex1 .title * {-moz-opacity: 0;opacity:0;filter: alpha(opacity=0);}
.sy-aeropex1 .title h4{color: #fff;font-size: 36px;margin-top:5% }
.sy-aeropex1 .title h6{font-size:10px;background: #eb2530 url("../image/ly.svg") 1% center no-repeat; background-size:20%;width: 130px;padding: 10px 0;border-radius:100px; margin: 20px auto;text-align: center; text-indent:13px;margin-top:10%}


.sy-aeropexm1 .title {position: absolute;width:400px;left:50%;top:60%;margin-left: -200px; z-index: 6;text-align: center;}
.sy-aeropexm1 .title * {-moz-opacity: 0;opacity:0;filter: alpha(opacity=0);}
.sy-aeropexm1 .title h4{color: #fff;font-size: 30px;margin-top:5% }
.sy-aeropexm1 .title h6{font-size:10px;background: #eb2530 url("../image/ly.svg") 1% center no-repeat; background-size:20%;width: 130px;padding: 10px 0;border-radius:100px; margin: 20px auto;text-align: center; text-indent:13px;margin-top:10%}
.mbshow .word,.mbshow .word li {-moz-opacity: 1;opacity:1;filter: alpha(opacity=100);}


.a1start * {}
.a1start .word {transition-delay: 0.2s;-moz-opacity: 1.0;opacity: 1.0;filter: alpha(opacity=100);}
.a1start .word li {transition-delay: 0.5s;-moz-opacity: 1.0;opacity: 1.0;filter: alpha(opacity=100);}
.a1start .word li.a1{ width:175px;left:0; margin-top: -164px;z-index: 2;}
.a1start .word li.e2{ width:175px;left:172px;margin-top: -164px;}
.a1start .word li.r3{ width:175px;left:350px;margin-top: -164px;}
.a1start .word li.o4{ width:175px;left:525px;margin-top: -164px;z-index: 2;}
.a1start .word li.p5{ width:174px;left:700px;margin-top: -164px;}
.a1start .word li.e6{ width:144px;left:864px;margin-top: -164px;}
.a1start .word li.x7{ width:175px;left:1019px;margin-top: -164px;}
.a1start .word li.o8{ width:175px;left:525px; margin-top: -164px;  }
.a1start .title * {-moz-opacity: 1.0;opacity: 1.0;filter: alpha(opacity=100);} 
.a1start .title h4 {transition-delay: 1.0s;margin-top: 0;}
.a1start .title h6 {transition-delay: 1.5s;margin: 20px auto;}


.sy-aeropex-v1 {width:100%;height:100%;position:absolute;left: 0;top:0;z-index: 1;}
.sy-aeropex-v1 video{display: block; width:100%;height:100%;-webkit-transition:all .9s ease;-moz-transition:all .9s ease;transition:all .9s ease;}
.bigvideo{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);}

.piaofub {animation: piaofu 3s  infinite ease-out;-webkit-animation:piaofu 3s  infinite ease-out;}
@-webkit-keyframes piaofu { 0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,2em);transform: translate(0,2em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}}
@keyframes piaofu {0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,2em);transform: translate(0,2em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}} 

.sy-aeropex-updown {width: 60px;position: absolute;left:50%;bottom:5%;margin-left: -30px; z-index: 10;}
.sy-aeropex-updown ul {position: relative;}
.sy-aeropex-updown ul a {display: block;height:60px;}
.sy-aeropex-updown span{ display: block;width: 60px;height:12px;position: relative;margin: auto;}
.sy-aeropex-updown span:before {left:0;-ms-transform:rotate(40deg);-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg);transform:rotate(40deg);}
.sy-aeropex-updown span:after {right:0;-ms-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-webkit-transform:rotate(-40deg);-o-transform:rotate(-40deg);transform:rotate(-40deg);}
.sy-aeropex-updown span:before,.sy-aeropex-updown span:after {content:"";position: absolute;width:35px;height:1px;top:0;background:#ccc; }
.sy-aeropex-updown span:nth-child(1):before {width:21px;height:1px;left: 12px;}
.sy-aeropex-updown span:nth-child(1):after  {width:20px;height:1px;right: 13px;}
.sy-aeropex-updown span:nth-child(2):before {width:28px;left: 5px;}
.sy-aeropex-updown span:nth-child(2):after  {width:27px;right: 6px;}
.sy-aeropex-updown span:nth-child(3):before {left: -1px;}
.sy-aeropex-updown span:nth-child(3):after  {right: -1px;}
.sy-aeropex-updown span.d1 {animation: jianying 1s infinite ease-in-out;-webkit-animation:jianying 1s  infinite ease-in-out;}
.sy-aeropex-updown span.d2 {animation: jianying 2s infinite ease-in-out;-webkit-animation:jianying 2s  infinite ease-in-out;}
.sy-aeropex-updown span.d3 {animation: jianying 3s infinite ease-in-out;-webkit-animation:jianying 3s  infinite ease-in-out;}

@-webkit-keyframes jianying { 0%{opacity: 0;transform: translate(0,0);}50%{opacity: 100;transform: translate(0,1em);}100%{opacity: 0;transform: translate(0,1em);}}
@keyframes jianying { 0%{opacity: 0;transform: translate(0,0);}50%{opacity: 100;transform: translate(0,1em);}100%{opacity: 0;transform: translate(0,1em);}}
 

.sy-aeropex2 {}
.sy-aeropex2 .pic {width:1206px;height: 1157px;float: right;position: relative;}
.sy-aeropex2 .bowen {width: 700px;height: 700px;position: absolute;right:110px;top:-45px;z-index: 3;}
.bowen h1,.bowen h2,.bowen h3,.bowen h4 { z-index:-1;margin:0; padding:0;background: none;border:#fff 2px solid;display:block;position:absolute;left:50%;top:50%;-moz-border-radius: 100% / 100%;-webkit-border-radius: 100% / 100%;border-radius:100% / 100%;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;-webkit-box-shadow:0px 0px 8px #fff;-moz-box-shadow: 0px 0px 8px #fff;box-shadow: 0px 0px 8px #fff;}
.bowen h1 {width:10px;height:10px;margin-left:-5px; margin-top:-5px;}
.bowen h2 {width:100px;height:100px;margin-left:-50px;margin-top:-50px;}
.bowen h3 {width:250px;height:250px;margin-left:-125px;margin-top:-125px;}
.bowen h4 {width:400px;height:400px;margin-left:-200px;margin-top:-200px;}
.bowenanim h1{animation:bowen 1s linear 0s infinite normal;-moz-animation:bowen 1s linear 0s infinite normal;-webkit-animation:bowen 1s linear 0s infinite normal;-o-animation:bowen 1s linear 0s infinite normal;}
.bowenanim h2{animation:bowen 2s linear 0s infinite normal;-moz-animation:bowen 2s linear 0s infinite normal;-webkit-animation:bowen 2s linear 0s infinite normal;-o-animation:bowen 2s linear 0s infinite normal;}
.bowenanim h3{animation:bowen 3s linear 0s infinite normal;-moz-animation:bowen 3s linear 0s infinite normal;-webkit-animation:bowen 3s linear 0s infinite normal;-o-animation:bowen 3s linear 0s infinite normal;}
.bowenanim h4{animation:bowen 4s linear 0s infinite normal;-moz-animation:bowen 4s linear 0s infinite normal;-webkit-animation:bowen 4s linear 0s infinite normal;-o-animation:bowen 4s linear 0s infinite normal;}
@keyframes bowen{0%{-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}50%{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}100% {-webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5);transform:scale(1.5);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}} 
@-moz-keyframes bowen{0%{-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}50%{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}100% {-webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5);transform:scale(1.5);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}} 
@-webkit-keyframes bowen{0%{-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}50%{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}100% {-webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5);transform:scale(1.5);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}} 
@-o-keyframes bowen{0%{-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}50%{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}100% {-webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5);transform:scale(1.5);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}} 



.sy-aeropex3 { }
.sy-aeropex3 .ivideo {background:#000;position: relative;height:1000px;}
.sy-aeropex3 .ivideo .bvideo {max-height: 1000px;float:right;height:800px;width:100%;position: absolute;top:100px;right:-300px;}
.txtanim {position: relative;width: 350px;height:350px;}
.txtanim * {display: block;overflow: hidden;color: #fff;}
.txtanim line{position: absolute;left: -50px;top: 0;z-index: 1;width:340px;height: 1px;background:linear-gradient(to right, #000 0%, #1d8900 40%, #1d8900 60%, #000 100%);}
.txtanim line.xline{top: 100px;-ms-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);}
.txtanim line.yline{top: 250px;}
.txtanim h3 {margin-top: 130px;margin-left:70px;}
.txtanim h3 strong{font-size: 100px;float: left;}
.txtanim h3 sup{ font-size:30px;font-weight: normal; float: left;}
.lineanim {animation:line1 2.5s linear;-webkit-animation:line1 2.5s linear;}
@keyframes line1{
	0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(-30deg);transform:rotate(0deg);}
	50%{ -ms-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg);}
	100% {-ms-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);}
} 
 

.sy-aeropex4 {background:linear-gradient(to bottom, #000 0%, #000 19.99%, #fff 20%, #fff 60%, #fff 100%);;position: relative;}
.sy-aeropex4 .pic {width: 100%;height: auto;position: relative; z-index: 3;}
.sy-aeropex4 .pic img{display: block;float: right;max-width: 100%;}
.sy-aeropex4 .rectangular {background: #fff;width:80%;min-height: 400px;position: absolute;left:10%;top: 0;z-index: 1;}



.sy-aeropex5 {background:linear-gradient(to bottom, #272727 0%, #272727 44.99%, #fff 45%, #fff 100%);position: relative;}
.sy-aeropex5 section{padding:8% 0 4% 0;}
.sy-aeropex5 .left {position: relative;left: auto;top: auto;width:45%;float: left;}
.sy-aeropex5 .left .sy-title {margin-top: 25%;}
.sy-aeropex5 .left .pic {margin-top:50%;}
.sy-aeropex5 .left .pic img{ float: left;max-width: 100%;}
.sy-aeropex5 .left .video {margin-top:50%;width: 500px;height: 640px;background: #000;overflow: hidden;position: relative;}
.sy-aeropex5 .left .video video{height:100%; position: absolute;left:-50%;top: 0px;z-index: 1;}
.sy-aeropex5 .right {width:45%;float: right;overflow: visible;position: relative;}
.sy-aeropex5 .right .sy-title {margin-top:22%;}
.sy-aeropex5 .right .pic {position: relative;overflow: visible;}
.sy-aeropex5 .right .pic img{max-width: 100%;width: 100%;height: auto;}
.sy-aeropex5 .right .pic2 {width:275px;height: 315px;position: absolute;left:-130px;top:-63px;z-index: 3;}
.sy-aeropex5 .right .pic3  {width:86px;height: 65px;position: absolute;left: 0;top: 0;z-index: 4;}
.sy-aeropex5 .right .icon {padding: 3% 0;}
.sy-aeropex5 .right .icon div {float: left;margin-right: 40px;}
.sy-aeropex5 .right .xuhang {width: 90px;text-align: center;position: relative;}
.sy-aeropex5 .right .xuhang li {width: 90px;height:59px;padding-top: 21px;}
.sy-aeropex5 .right .xuhang li line{height:2px;background: #008617;width:28px;margin:2px auto;}
.sy-aeropex5 .right .xuhang li i{width: 90px;height: 90px;position: absolute;left: 0;top: 0;z-index: 1; background: url("../image/dc.svg") center no-repeat;background-size:80%;}
.sy-aeropex5 .right .xuhang h5{ padding:5px 0; font-size: 18px;color: #666;font-weight: normal;}
.sy-aeropex5 .right .xuhang li line {animation: chongdian 1s infinite ;-webkit-animation:chongdian 1s infinite;}
.sy-aeropex5 .right .xuhang li line:nth-child(1) {animation-delay: 1.3s;}
.sy-aeropex5 .right .xuhang li line:nth-child(2) {animation-delay: 1.2s;}
.sy-aeropex5 .right .xuhang li line:nth-child(3) {animation-delay: 1.1s;}
.sy-aeropex5 .right .xuhang li line:nth-child(4) {animation-delay: 1.0s;}
.sy-aeropex5 .right .xuhang li line:nth-child(5) {animation-delay: 0.9s;}
.sy-aeropex5 .right .xuhang li line:nth-child(6) {animation-delay: 0.8s;}
.sy-aeropex5 .right .xuhang li line:nth-child(7) {animation-delay: 0.7s;}
.sy-aeropex5 .right .xuhang li line:nth-child(8) {animation-delay: 0.6s;}
.sy-aeropex5 .right .xuhang li line:nth-child(9) {animation-delay: 0.5s;}
.sy-aeropex5 .right .xuhang li line:nth-child(10) {animation-delay: 0.4s;}
.sy-aeropex5 .right .xuhang li line:nth-child(11) {animation-delay: 0.3s;}
.sy-aeropex5 .right .xuhang li line:nth-child(12) {animation-delay: 0.2s;}
.sy-aeropex5 .right .xuhang li line:nth-child(13) {animation-delay: 0.1s;}
@-webkit-keyframes chongdian { 0%{opacity: 0;}100%{opacity: 100;}}
@keyframes chongdian { 0%{opacity: 0;}100%{opacity: 100;}}
.sy-aeropex5 .right .daiji {width: 90px;text-align: center;position: relative;}
.sy-aeropex5 .right .daiji li {width: 90px;height:59px;padding-top: 21px;position: relative;}
.sy-aeropex5 .right .daiji li:before {content:"";position: absolute;width:6px;height:6px;top:50%;left:50%;margin-left: -5px;margin-top: -1px;background: #ccc;border: 2px solid #fff;border-radius:100px;z-index: 10;}
.sy-aeropex5 .right .daiji li line{height:3px;background: #008617;width:22px;border-radius:100px;position: absolute;left:25%;top: 54%;transform-origin :100% 0 0;}
.sy-aeropex5 .right .daiji li line:nth-child(1) {animation: daiji 3s infinite ;}
.sy-aeropex5 .right .daiji li line:nth-child(2) {animation: daiji 6s infinite ;}
.sy-aeropex5 .right .daiji li i{width: 90px;height: 90px;position: absolute;left: 0;top: 0;z-index: 1; background: url("../image/dj.svg") center no-repeat;background-size:80%;}
.sy-aeropex5 .right .daiji h5{ padding:5px 0; font-size: 18px;color: #666;font-weight: normal;}
@keyframes daiji { 
	from {-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}to {-ms-transform:rotate(360deg);-moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}


.sy-aeropex6 {position: relative;margin-top:3%;}
.sy-aeropex6 .left {left: 10%;}
.sy-aeropex6 .right {position: relative;}
.sy-aeropex6 .right .pic{overflow:visible;position: relative;width:1000px;height: 819px;float: right;animation: piaofu 3s infinite ease-out;-webkit-animation:piaofu 3s  infinite ease-out;}
.sy-aeropex6 .right .pic img{max-width:100%;float: right;}
.sy-aeropex6 .right .pic2 {position: absolute;width: 982px;height: 82px;right: 0;bottom:10%;z-index: 1;animation:touying 3s linear 0s infinite normal;}
@keyframes touying{
	0%{-webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
	50%{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); -ms-transform:scale(0.9);transform:scale(0.9);filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;}
	100% {-webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
} 
.sy-aeropex6 .right .picmark {position: absolute;width: 403px;height: 370px;left:18px;top:290px;z-index: 10; }
.sy-aeropex6 .right {}
.sy-aeropex6 .right .bowen {width: 700px;height: 700px;position: absolute;right:400px;top:140px;z-index: 3;-ms-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg);}
.sy-aeropex6 .right .bowen h1 {width:10px;height:5px;margin-left:-5px; margin-top:-2.5px;animation:bowen 1s linear 0s infinite normal;-moz-animation:bowen 1s linear 0s infinite normal;-webkit-animation:bowen 1s linear 0s infinite normal;-o-animation:bowen 1s linear 0s infinite normal;}
.sy-aeropex6 .right .bowen h2 {width:100px;height:50px;margin-left:-50px;margin-top:-25px;animation:bowen 2s linear 0s infinite normal;-moz-animation:bowen 2s linear 0s infinite normal;-webkit-animation:bowen 2s linear 0s infinite normal;-o-animation:bowen 2s linear 0s infinite normal;}
.sy-aeropex6 .right .bowen h3 {width:250px;height:100px;margin-left:-125px;margin-top:-50px;animation:bowen 3s linear 0s infinite normal;-moz-animation:bowen 3s linear 0s infinite normal;-webkit-animation:bowen 3s linear 0s infinite normal;-o-animation:bowen 3s linear 0s infinite normal;}
.sy-aeropex6 .right .bowen h4 {overflow: auto; width:400px;height:150px;margin-left:-200px;margin-top:-75px;animation:bowen 4s linear 0s infinite normal;-moz-animation:bowen 4s linear 0s infinite normal;-webkit-animation:bowen 4s linear 0s infinite normal;-o-animation:bowen 4s linear 0s infinite normal;}

.sy-aeropex6 .left .icon {padding: 3% 0;}
.sy-aeropex6 .left .icon div {float: left;margin-right: 40px;}
.sy-aeropex6 .left .yingliang {text-align:left;position: relative;}
.sy-aeropex6 .left .yingliang li {width: 90px;height:59px;float: left;}
.sy-aeropex6 .left .yingliang li line{height:30px;background: #008617;width:2px;margin:0 2px;display:inline-block;vertical-align:-webkit-baseline-middle;animation: yingliang 1s infinite ease;-webkit-animation:yingliang 1s infinite ease;}
.sy-aeropex6 .left .yingliang li line:nth-child(1) {animation-delay: 0.1s;}
.sy-aeropex6 .left .yingliang li line:nth-child(2) {animation-delay: 0.2s;}
.sy-aeropex6 .left .yingliang li line:nth-child(4) {animation-delay: 0.3s;}
.sy-aeropex6 .left .yingliang li line:nth-child(5) {animation-delay: 0.3s;}
.sy-aeropex6 .left .yingliang li line:nth-child(6) {animation-delay: 0.2s;}
.sy-aeropex6 .left .yingliang li line:nth-child(7) {animation-delay: 0.1s;}
.sy-aeropex6 .left .yingliang li line:nth-child(8) {animation-delay: 0.2s;}
.sy-aeropex6 .left .yingliang li line:nth-child(9) {animation-delay: 0.3s;}
.sy-aeropex6 .left .yingliang li line:nth-child(10) {animation-delay: 0.4s;}
.sy-aeropex6 .left .yingliang li line:nth-child(11) {animation-delay: 0.5s;}
.sy-aeropex6 .left .yingliang li line:nth-child(12) {animation-delay: 0.4s;}
.sy-aeropex6 .left .yingliang li line:nth-child(13) {animation-delay: 0.3s;}
@keyframes yingliang { 0% {height:0px;}50%  {height:30px;}100% {height:0px;}}
.sy-aeropex6 .left .yingliang i {float: left;width: 20px;height: 20px;margin-top: 5px; background: url("../image/pro_left.svg") no-repeat;background-size:90%;}



.sy-aeropex7 {background:#fff;position: relative;}
.sy-aeropex7 .pic{float: left;width:50%;}
.sy-aeropex7 .pic img{width: 100%;height: auto;}
.sy-aeropex7 .right{float: left;width:50%;}
.sy-aeropex7 .right .sy-title {margin-top: 30%;}
.sy-aeropex7 .right .main {padding-top:3%;position: relative;}
.sy-timeicon {width: 328px;float: left;margin-right:5%; position: relative;background: url("../image/g2.png") center bottom no-repeat;padding-bottom: 30px;}
.sy-timeicon .ti-bg{width:100%;height: 328px;background: url("../image/g3.png") no-repeat;}
.sy-timeicon .ti-bg2{width:100%;height: 328px;background: url("../image/g6.png") no-repeat;}
.sy-timeicon .ti-d {width:100%;height: 328px;left: 0;top: 0;z-index: 3; position: absolute;background: url("../image/g4.png") no-repeat;}
.sy-timeicon .ti-txt {width:100%;height:228px;left: 0;top: 0;z-index: 4; position: absolute;text-align: center;padding: 100px 0 0 0;}
.sy-timeicon .ti-txt h2{color:#fff;}
.sy-timeicon .ti-txt h2 * {display: inline-block;vertical-align: bottom;font-style: normal;}
.sy-timeicon .ti-txt h2 strong{font-size:82px;line-height:80px; font-family:'Conv_KLAVIKA-REGULAR', Helvetica, Arial;}
.sy-timeicon .ti-txt h2 em{font-size: 20px;line-height:40px;font-weight: normal;}
.sy-timeicon .ti-txt h4 {color:#fff;font-size: 20px;clear: both;font-weight: normal;}
.sy-timeicon .ti-round{width:300px;height:300px;left:14px;top:14px;z-index: 2;position: absolute;}
.sy-timeicon .ti-round figure {width:300px;height:300px;display: block;margin: 0 auto;position: relative;}
.sy-timeicon .ti-round figure svg {display: block;height: 100%;width: 100%;position: absolute;top: 0;left: 0;overflow: visible;}
.sy-timeicon .ti-round figure circle {fill: rgba(0, 0, 0, 0);stroke-width: 31.83099;stroke-dasharray: 0, 0, 0, 100;stroke-dashoffset: 25;}
.sy-timeicon .ti-round .pie1 {/*stroke: #178282;*/}
.apie1 .pie1{-webkit-animation: pie1 3s 1 ease both;animation: pie1 6s 1 ease both;}
@-webkit-keyframes pie1 {50%, 100% {stroke-dasharray: 40, 0, 40, 20;}}
@keyframes pie1 {50%, 100% {stroke-dasharray:26, 0, 40, 34;}}

.sy-timeicon .ti-round2 {width:300px;height:300px;left:14px;top:14px;z-index: 2;position: absolute;}
.sy-timeicon .ti-round2 figure {width:300px;height:300px;display: block;margin: 0 auto;position: relative;}
.sy-timeicon .ti-round2 figure svg {display: block;height: 100%;width: 100%;position: absolute;top: 0;left: 0;overflow: visible;}
.sy-timeicon .ti-round2 figure circle {fill: rgba(0, 0, 0, 0);stroke-width: 31.83099;stroke-dasharray: 0, 0, 0, 100;stroke-dashoffset: 25;}
.apie2 .pie2{-webkit-animation: pie2 3s 1 ease both;animation: pie2 6s 1 ease both;}
@-webkit-keyframes pie2 {50%, 100% {stroke-dasharray: 100, 0, 0, 0;}}
@keyframes pie2 {50%, 100% {stroke-dasharray:100, 0, 0, 0;}}
 


.sy-aeropex8 {background:#fff;position: relative;}
.sy-aeropex8 .pic{}
.sy-aeropex8 .pic img{width: 100%;height: auto;}
.sy-aeropex8 .right{position: absolute;right:10%;top:0px;}
.sy-aeropex8 .right .sy-title {margin-top:50%;text-align: right;}
.sy-aeropex8 .right .sy-title h4 {float: right;clear: both;}
.sy-aeropex8 .right .icon {padding:3% 0;}
.sy-aeropex8 .right .icon li{ width: 40px;height: 40px;border: solid 2px #fff;border-radius:100px;margin-left:3%;float: right;}
.sy-aeropex8 .right .icon li img{width:60%;height: auto;margin:20%;}



.sy-aeropex9 {background:#000;position: relative;}
.sy-aeropex9 .pic{}
.sy-aeropex9 .pic img{max-width: 100%;height: auto;float: left;}
.sy-aeropex9 .right{position: absolute;right:10%;top:0px;z-index: 3;}
.sy-aeropex9 .right .sy-title {margin-top:50%;text-align: right;}
.sy-aeropex9 .right .sy-title i{float: right;}
.sy-aeropex9 .right .sy-title h2 {clear: both;}
.sy-aeropex9 .right .sy-title h4 {float: right;clear: both;width: 70%;}
.sy-aeropex9 .right .icon {padding:3% 0;}
.sy-aeropex9 .right .icon li{ width: 40px;height: 40px;border: solid 2px #fff;border-radius:100px;margin-left:3%;float: right;}
.sy-aeropex9 .right .icon li img{width:60%;height: auto;margin:20%;}


.sy-aeropex10 {background:#000;position: relative;}
.sy-aeropex10 .right{position: absolute;right:10%;top:0px;}
.sy-aeropex10 .right .sy-title {margin-top:33%;text-align: right;}
.sy-aeropex10 .right .sy-title h2 {clear: both;}
.sy-aeropex10 .right .sy-title h4 {float: right;clear: both;}
.sy-aeropex10 .ivideo .bvideo {max-height: 900px;float:left;width:100%;margin-left: -150px;}


.sy-aeropex11 {background:#000;position: relative;}
.sy-aeropex11 .text{position: absolute;left:0;top:0px;width:100%;}
.sy-aeropex11 .text .sy-title {margin-top:5%;text-align:center;}
.sy-aeropex11 .text .sy-title h4 {text-align:center;margin: auto;}
.sy-aeropex11 .ivideo {padding:5% 0;}
.sy-aeropex11 .ivideo .bvideo {max-height: 900px;width:90%;margin: auto;}


.sy-aeropex12 {background:#fff;position: relative;}
.sy-aeropex12 .left{position: absolute;left:10%;top:0px;}
.sy-aeropex12 .left .sy-title {margin-top:55%;}
.sy-aeropex12 .left .sy-title h4{width: 70%;}
.sy-aeropex12 .pic {}
.sy-aeropex12 .pic img{max-width: 100%;height: auto;}


/* product */
.sy-product {position: relative;overflow: hidden;}
.sy-product * {overflow:hidden;display: block;font-weight: normal;text-transform: uppercase;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sy-product .main {position:absolute;width:1200px;left: 50%;margin-left: -600px;top:20%;z-index: 33;}
.sy-product .main .title {text-align: left;}
.sy-product .main .title h1 {font-size: 100px;line-height:100px; color: #000;font-family:'Conv_KLAVIKA-REGULAR', Helvetica, Arial;}
.sy-product .main .title h2 {font-size: 60px;line-height: 60px; color: #000;font-family:"微软雅黑","黑体",'宋体';}
.sy-product .main .title h4 {font-size: 16px;color: #333;line-height:26px;padding: 20px 0;width:45%;}
.sy-product .main .pvideo {margin-top:30px;width:420px;height:250px;border-radius:10px;background: #f1f1f1 url("../image/logo.gif") center no-repeat;}
.sy-product .main .pvideo video{max-width:120%;background:transparent;}
.sy-product .main .pimg {margin-top:30px;} 
.sy-product .main .pimg img {max-width:100%;}
.sy-product .pic {background: #fff;position: relative;}
.sy-product .pic img{max-width:100%;height: auto;}
.sy-product .pic video {opacity:90;background:transparent;width:100%;height: auto;/*position: absolute;left: 0;top: 0px;z-index: 3;*/}
.sy-product .main.right .title {text-align: right;}
.sy-product .main.right .title  h4 {float: right;clear: both;}
.sy-product .main.right .pvideo {float: right;clear: both;}
.sy-product .main.right .pimg {float: right;clear: both;}
.sy-product .main.center {top:10%;}
.sy-product .main.center .title {text-align: center;}
.sy-product .main.center .title h4 {margin: auto;}
.sy-product .main.center .pimg {clear: both;}
.sy-productcolor .text .sy-title.mt150 {margin-top: 150px;}
.sy-product .main.white *,.sy-product .main.white .title * {color: #fff;}
.sy-product .main.centery50 {top:40%;}
.hidevideo {display: none;}




/* productcolor */
.sy-productcolor {min-height: 900px;}
.sy-productcolor .text {}
.sy-productcolor .text .sy-title {margin-top:1%;text-align:center;}
.sy-productcolor .text .sy-title h4 {margin: auto;}
.color {text-align: center;position: relative; width: 900px;margin:30px auto auto auto;}
.color div{}
.colbtn {position: relative;width: 50px;margin: auto;float: left;}
.colbtn  h5 { font-size: 12px;padding: 10px 0 ;color: #999;}
.colbtn .coltop {position: relative;cursor: pointer; }
.colbtn .coltop .colxz {width:38px;height: 38px;border: 2px solid #fff;border-radius:100px;position: absolute;left:4px;top:0;z-index: 1;display: none;}
.colbtn .coltop em{width:37px;height: 37px; border-radius:100px;margin: 1px;position: relative;transition: background-color 0.25s;}
.colbtn .coltop em:after{content: '';display: block;width: 14px;height: 10px;border: 3px solid #fff;border-width: 0 0 3px 3px;position: absolute;top: 50%;left: 50%;margin-top: -9px;margin-left: -9px;transform: rotate(-45deg);}
.colbtn .coltop i {width:40px;height: 40px; border-radius:100px;background: #333;margin: 1px auto;position: relative;}
.sy-productcolor .pic {width:970px;height: 570px;margin: auto;}
.sy-productcolor .pic li {width:970px;height: 570px;margin: auto;}
.sy-productcolor .pic li img{width:100%;height: auto;}
.color .slick-current.slick-center .coltop .colxz {display:block;}
.color .slick-current.slick-center  h5 {color: #000;}


/* video */
.sy-p-video {min-height: 900px;background: #000;position: relative;overflow: hidden;}
.sy-p-video .video-text {position: absolute;left:50%;top:40%;z-index: 3;width: 600px;text-align: center;margin-left: -300px;}
.sy-p-video .video-text .title {margin: 20px auto;}
.sy-p-video .video-text .title h2 {font-size: 72px;line-height: 70px; display: block;color: #fff;}
.sy-p-video .video-text .title h4 {font-size: 22px;display: block;color: #fff;}
.sy-p-video .video-bg {height: 1000px;background: #000;}
.sy-p-video .video-bg.showvideo .close {display: none;width: 40px;height: 40px;position: absolute;right: 2%;top: 5%;z-index: 991;background: url("../image/del-b.svg") center no-repeat;background-size: 50%; cursor: pointer; border:2px solid rgba(123,123,123,0.8);border-radius:100px;}
.sy-p-video .video-bg .close:hover {opacity: 0.5;}
.sy-p-video .video-bg.showvideo .close {display: block;}
.sy-p-video .video-bg.showvideo {position: fixed;width:100%;left: 0;top: 0px;height:100%;z-index:990;background: #000;}
.sy-p-video .video-bg img {display: block;width:100%;height: auto;opacity: 0.5;}
.sy-p-video .video-title {text-align: center;margin-top:8%;clear: both;}
.sy-p-video .video-title h2 {font-size: 48px;line-height: 50px; display: block;color: #fff;font-weight: normal;text-transform: uppercase;font-family:'Conv_KLAVIKA-REGULAR', Helvetica, Arial;}
.sy-p-video .video-title h4 {font-size: 24px;display: block;color: #fff;font-weight: normal;}
.sy-p-video .video-list {width:80%;padding:50px 0 150px 0;position: relative;overflow: hidden;margin: auto;}
.sy-p-video .video-list li * {overflow:hidden;display: block;font-weight: normal;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sy-p-video .video-list li a {width:98%;margin: auto;background: #fff;}
.sy-p-video .video-list li{position: relative;}
.sy-p-video .video-list li h3{overflow: hidden;background: #000;}
.sy-p-video .video-list li h3 img{width:100%;height: auto;}
.sy-p-video .video-list li h5{font-size: 18px;text-align: center;padding:3% 2%;}
.sy-p-video .video-list li .iplay {position: absolute;left: 50%;top:50%;margin-left:-39.5px;margin-top:-59.5px;z-index: 9;}
.sy-p-video .video-list li a:hover h3 img {opacity: 0.5;}

/* parameter */
.sy-parameter { background: #000;position: relative;overflow: hidden;margin-top: 50px;}
.sy-parameter .pic img{max-width: 100%;margin-top:50px;display: block;}
.parameter {position: absolute;top:20%;left:15%; width:100%;height:100%;z-index: 33;}
.parameter * {overflow:hidden;display: block;font-weight: normal;}
.parameter .title {text-align: left;}
.parameter .title h2{font-size: 60px;line-height: 50px;color: #fff;}
.parameter .title h4{font-size: 24px;color: #fff;}
.technical {width: 600px; margin: 3% 0;border-top: #333 1px solid;} 
.technical li{border-bottom: #333 1px solid;padding: 15px 8px;} 
.technical li h4{ float: left;width:30%;} 
.technical li h4 strong {font-size: 14px;float: left;color: #999;}
.technical li h4 i{width: 20px;height: 20px;margin-right: 10px; float: left;opacity: 0.5;} 
.technical li h4 i img{width:100%;height: auto;} 
.technical li h5{float: right;width:60%;font-size: 14px;color: #999;text-align: right;} 


/* download */
.sy-download { background: #000;position: relative;overflow: hidden;margin-top: 50px;}
.sy-download img {display: block;width: 100%;height: auto;opacity: 0.5;}
.download {position: absolute;top:20%;left:15%; width:100%;height:100%;z-index: 33;}
.download * {overflow:hidden;display: block;font-weight: normal;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.download .title {text-align: left;}
.download .title h2{font-size: 60px;line-height: 50px;color: #000;}
.download .title h4{font-size: 24px;color: #000;}
.downloadlist {width: 600px; margin: 3% 0;border-top: #7a7a78 1px solid;} 
.downloadlist li{border-bottom: #7a7a78 1px solid;padding: 15px 8px;position: relative;cursor: pointer;} 
.downloadlist li:hover {background: rgba(255,255,255,0.2)}
.downloadlist li h4{ float: left;width:70%;font-size: 14px;color: #000;} 
.downloadlist li a.downbtn{position: absolute;right: 8px;top: 8px; width:30px;height: 30px;background: url("../image/download.svg") center no-repeat;background-size:70%;} 
.downloadlist li a.downbtn:hover {background: url("../image/download-b.svg") center no-repeat;background-size:70%;}
.download .pagenum {float:left;}
.download .pagenum a {border: #666 1px solid;}




/* main*/

.sy-title {}
.sy-title h2{font-size: 60px;color: #000;font-weight: normal;}
.sy-title h4{font-size: 16px;color: #333;font-weight: normal;line-height:26px;padding: 20px 0;width:60%;}
.sy-title.baitxt h2{color: #fff;}
.sy-title.baitxt h4{color: #ccc;}


.title {text-align: center;}
.title * {color: #fff;display: block;overflow: hidden;font-weight: normal;text-transform: uppercase;}
.title h2{font-size:48px;line-height: 44px; font-family:'Conv_KLAVIKA-REGULAR', Helvetica, Arial;}
.title h3{font-size:34px;}



/* brand*/
.sy-brand-main1 {overflow: hidden;position: relative; width:100%; background: #1f1f1f;padding: 7% 0  5% 0;}
.sy-brand-main1 section {width:70%;}
.sy-brand-main1 .title {margin-top:25%;text-align: left;}
.sy-brand-main1 .text {font-size:14px; line-height: 28px;color:#999;padding:6% 0;word-wrap:break-word; text-align: justify;}
.sy-brand-main1 .text li {display: inline-block;margin-right:10px; }
.sy-brand-main1 .pic {position: relative;}
.sy-brand-main1 .pic h3 {color: #fff;font-size: 18px;position: absolute;top:45%;left: 0;text-align: center;width: 100%;}
.sy-brand-main1 .pic img{display: block; width: 100%;height: auto;opacity: 0.5;}
.sy-brand-main1 .left {float: left;width: 45%;}
.sy-brand-main1 .right {float:left;width: 45%;margin-left:5%;position: relative;}
.mappoint {position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;}
.mappoint ul {position: relative;width: 100%;height: 100%;}
.mappoint ul li { position:absolute; z-index:3; width:100px; height:50px;text-align:center; margin-top:-85px;}
.mappoint ul li i { display: inline-block;width:10px; height:10px; margin:20px; background:#fff;border-radius:100px;-webkit-box-shadow: 0 0 20px #bde9ff;-moz-box-shadow: 0 0 20px #bde9ff;box-shadow:0 0 20px #bde9ff;}
.mappoint ul li strong { font-size:14px; color:#999; display:inline-block; text-transform:capitalize; position:absolute;left:0px; top:0px; z-index:1; width:100%;font-weight:normal; text-align:center;}

.bwdhs { width:100%;margin:3px auto;}
.bwdhs h1,.bwdhs h2,.bwdhs h3,.bwdhs h4 { z-index:-1;margin:0; padding:0;background: none;border:#024b94 1px solid;display:block;position:absolute;left:50%;top:50%;-moz-border-radius: 100% / 100%;-webkit-border-radius: 100% / 100%;border-radius:100% / 100%;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;-webkit-box-shadow:0px 0px 8px #024b94;-moz-box-shadow: 0px 0px 8px #024b94;box-shadow: 0px 0px 8px #024b94;}
.bwdhs h1 {width:10px;height:10px;margin-left:-5px; margin-top:-5px;}
.bwdhs h2 {width:50px;height:50px;margin-left:-25px;margin-top:-25px;}
.bwdhs h3 {width:10px;height:10px;margin-left:-5px;margin-top:-5px;}
.bwdhs h4 {width:50px;height:50px;margin-left:-25px;margin-top:-25px;}
.bwdhs h1{animation:myfirst 1s linear 0s infinite normal;-moz-animation:myfirst 1s linear 0s infinite normal;-webkit-animation:myfirst 1s linear 0s infinite normal;-o-animation:myfirst 1s linear 0s infinite normal;}
.bwdhs h2{animation:myfirst 2s linear 0s infinite normal;-moz-animation:myfirst 2s linear 0s infinite normal;-webkit-animation:myfirst 2s linear 0s infinite normal;-o-animation:myfirst 2s linear 0s infinite normal;}
.bwdhs h3{animation:myfirst 3s linear 0s infinite normal;-moz-animation:myfirst 3s linear 0s infinite normal;-webkit-animation:myfirst 3s linear 0s infinite normal;-o-animation:myfirst 3s linear 0s infinite normal;}
.bwdhs h4{animation:myfirst 4s linear 0s infinite normal;-moz-animation:myfirst 4s linear 0s infinite normal;-webkit-animation:myfirst 4s linear 0s infinite normal;-o-animation:myfirst 4s linear 0s infinite normal;}
@keyframes myfirst{0%{-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}50%{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}100% { -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5);transform:scale(1.5);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}}
@-moz-keyframes myfirst{0%{-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}50%{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}100% { -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5);transform:scale(1.5);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}}
@-webkit-keyframes myfirst{0%{-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}50%{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}100% { -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5);transform:scale(1.5);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}}
@-o-keyframes myfirst{0%{-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);transform:scale(0); filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}50%{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -ms-transform:scale(1.0);transform:scale(1.0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}100% { -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5);transform:scale(1.5);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}}

.Uk {left:420px; top:180px;}
.Netherlands {left:260px; top:210px;}
.Germany {left:400px; top:280px;}
.India {left:220px; top:340px;}
.shenzhen {left:260px; top:600px;}
.Australia {left:350px; top:480px;}
.Pecs {left:140px; top:520px;}
.Perugia {left:420px; top:240px;}
.USA {left:50px; top:240px;}

 


.sy-brand-main2 {overflow: hidden;position: relative; width:100%; background: #fff;}
.sy-brand-main2 * {display: block;overflow: hidden;font-weight: normal;text-transform: uppercase;}
.sy-brand-main2 .pic {padding-bottom: 230px;}
.sy-brand-main2 .pic img{display: block;width: 100%;height: auto;}
.sy-brand-main2 .main {position: absolute;width:68%;left: 16%;top: 0;z-index: 10;overflow:visible;}
.sy-brand-main2 .main .title {margin-top:8%;text-align: center;}
.sy-brand-main2 .main .culture { background: #fff;padding: 5% 0; margin-top:8%; text-align: center;-moz-box-shadow:0px 10px 20px rgba(0,0,0,0.1);-webkit-box-shadow:0px 10px 20px rgba(0,0,0,0.1) ;box-shadow:0px 10px 20px rgba(0,0,0,0.1);}
.sy-brand-main2 .main .culture li { display: inline-block;vertical-align: top;width:20%;position: relative; padding:0 2.35%;}
.sy-brand-main2 .main .culture li i{width: 40px;height: 40px; margin:10px auto; border: 2px solid #000;border-radius:100%;padding:8px;}
.sy-brand-main2 .main .culture li i img{display: block;width: 80%;height: auto; margin: 10%;}
.sy-brand-main2 .main .culture li h4{ font-size:18px;color: #1a1a1a;margin:20px auto 10px auto;}
.sy-brand-main2 .main .culture li h5{ font-size:14px;color: #666;}
.sy-brand-main2 .main .culture li:first-child:before {border: none;}
.sy-brand-main2 .main .culture li:before {content: "";border-left: 1px #f3f3f3 solid;position: absolute;left: 0;top: 0;width: 1px;height: 100%;z-index: 3;}

.sy-brand-main3 {overflow: hidden;padding-bottom:9%;position: relative; width:100%; background-color: #fff ;background-repeat: no-repeat;background-position:right top; }
.sy-brand-main3 .title {margin-top:5%;}
.sy-brand-main3 .title * {color: #000;}
.sy-brand-main3 .honorary {width: 60%; margin:2% auto;text-align: center;}
.sy-brand-main3 .honorary li { width: 23%;display: inline-block;vertical-align: top;margin:0.4%; border: 1px solid #ccc;} 
.sy-brand-main3 .honorary li img {display: block;width: 100%;height: auto;}

.sy-brand-main4 {overflow:hidden;padding:6% 0 2.5% 0;position:relative;width:100%;background-color:#000;background-repeat:no-repeat;background-position:center top; }
.user-evaluate {overflow: hidden;width:80%;padding:3% 5%;height:480px; position: relative;margin: auto;}
.user-evaluate .user { width:100%;text-align: center;margin:auto;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.user-evaluate .user * {display: block;overflow: hidden;font-weight: normal;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.user-evaluate .user li {width:70%;margin:70px auto;background: #fff;position: relative;padding: 10px;overflow: visible;}
.user-evaluate .user li:before {content:"";position: absolute;width:95.5%;height:94.5%;top:2.5%;left:2%;border: 1px solid #ccc;}
.user-evaluate .user i{width: 100px;height: 100px;border: 10px #fff solid;border-radius:100%;position: absolute;left: 50%;top:30px;margin-left: -60px;z-index: 1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;background: #fff;}
.user-evaluate .user i img {width: 100%;height: auto;}
.user-evaluate .user span {width:70%;position: relative;margin:150px auto auto auto;}
.user-evaluate .user span h3{font-size: 18px;}
.user-evaluate .user span h4{font-size: 14px;color: #666;padding:5px 0;}
.user-evaluate .user span:before,
.user-evaluate .user span:after {content:"";position: absolute;width: 55px;height: 55px;top: 0;display: none;}
.user-evaluate .user span:before {left:0;background: url("../image/lsy.jpg") left top no-repeat;}
.user-evaluate .user span:after {right:0;background: url("../image/rsy.jpg") right top no-repeat;}
.user-evaluate .user h6{ display:block;width: 80%;height:0px;margin:20px auto 40px auto;font-size: 14px;line-height: 22px;color: #333;}
.user-evaluate .user li:after  {content:"";position:absolute;width:100%;height:10px;bottom:-9px;left:0;background: url("../image/bty.png") center bottom no-repeat;background-size:100%;display: none;}

.user-evaluate .swiper-slide-active .user li{width:94%;margin:50px auto;}
.user-evaluate .swiper-slide-active .user li:after  {display: block;}
.user-evaluate .swiper-slide-active .user li i{top:-30px;}
.user-evaluate .swiper-slide-active .user span {margin:90px auto auto auto;}
.user-evaluate .swiper-slide-active .user li i{top:-30px;}
.user-evaluate .swiper-slide-active .user span:before, .swiper-slide-active .user span:after{display: block;}
.user-evaluate .swiper-slide-active .user h6 {height:auto;min-height: 80px;display: block;}
.user-evaluate .swiper-button-next { background-image:url(../image/right-b.svg);margin-top: -40px;opacity: 0.5;}
.user-evaluate .swiper-button-prev { background-image:url(../image/left-b.svg); margin-top: -40px;opacity: 0.5;}
.user-evaluate .swiper-button-next:hover,.user-evaluate .swiper-button-prev:hover {opacity: 1.0;}
.user-evaluate .swiper-pagination {bottom:5%;}

.user-evaluate .slick-prev,.user-evaluate .slick-next {margin-top:-50px;}
.user-evaluate .slick-dots { bottom:80px;}

 


/* news*/
.sy-news-banner { width:100%;height: 180px;overflow: hidden;position: relative;margin-top: 60px;}
.sy-news-banner .title {text-align: left;position: absolute;left:10%;top:30%;z-index: 3;}
.sy-news-banner .title h2 {opacity: 0.3;}
.sy-news-banner .title h3 {}
.sy-news-banner .pic {position: relative;z-index: 1;}
.sy-news-banner .pic img{width:100%;height: auto;display: block;}
.sy-news {background: #e9e9e9;}
.sy-news * {display: block;overflow: hidden;font-weight: normal;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.newslist {overflow: hidden;padding: 3% 0 0 0;}
.newslist li{float: left;width:24%;margin-right: 1%;margin-bottom: 1%;}
.newslist li a{}
.newslist li a i{}
.newslist li a i img{width: 100%;height: auto;}
.newslist li a span{background: #fff;padding:4%;}
.newslist li a span h6{}
.newslist li a span h3{ font-size: 14px;color: #000;margin-top:5px;}
.newslist li a span line{height: 1px;width: 50px;background: #ccc;margin:10px 0;}
.newslist li a span h5{font-size: 12px;color: #999;}
.newslist li a:hover i img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.newslist li a:hover span{background: #000;}
.newslist li a:hover span *{color: #fff;}
.pagenum { padding:3% 0 5% 0; overflow:hidden; clear:both;text-align: center;}
.pagenum a{ display:inline-block;vertical-align: top;width:35px; height:35px; line-height:35px;text-align:center; border:#ccc 1px solid; color:#333; overflow:hidden; margin:0 2px;}
.pagenum a.cur,.pagenum a:hover,.pagenum a.on { background:#000; color:#FFF;}
.pagenum a.prev {background: url("../image/left2.svg") center no-repeat;background-size:70%;}
.pagenum a.next {background: url("../image/right2.svg") center no-repeat;background-size:70%;}
.pagenum a.prev:hover {opacity: 1.0;background: url("../image/left1.svg") center no-repeat #000;background-size:70%;}
.pagenum a.next:hover {opacity: 1.0;background: url("../image/right1.svg") center no-repeat #000;background-size:70%;}
.pagenum a.return {width: 100px;font-size: 14px;float: left;}

.sy-news-detail {background: #fff;padding:3% 0 0 ;}
.sy-news-detail .left{float: left;width:75%;}
.sy-news-detail .right{float: right;width:20%;}
.sy-news-detail * {display: block;overflow: hidden;font-weight: normal;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.news-title { border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.news-title h2{font-size: 24px; line-height: 34px;padding-bottom: 10px;}
.news-title h5{color: #666;}
.newsdetail {padding: 3% 0 ;border-bottom: 1px solid #ccc;font-size: 14px;line-height: 24px;color: #333;}
.newsdetail img{max-width: 100%;display: inline-block;}

.othernews {overflow: hidden;padding: 3% 0 0 0;}
.othernews h2 {padding: 20px 0;font-size: 14px;font-weight: bold;}
.othernews li{width:100%;margin-bottom:5%;}
.othernews li a{}
.othernews li a i{}
.othernews li a i img{width: 100%;height: auto;}
.othernews li a span{background: #fff;padding:4%;}
.othernews li a span h6{}
.othernews li a span h3{ font-size: 14px;color: #000;margin-top:5px;}
.othernews li a span line{height: 1px;width: 50px;background: #ccc;margin:10px 0;}
.othernews li a span h5{font-size: 12px;color: #999;}
.othernews li a:hover i img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.othernews li a:hover span{background: #000;}
.othernews li a:hover span *{color: #fff;}




/* brand-ambassador */
.sy-brand-ambassador {background: #1f1f1f;overflow: hidden;position: relative;}
.sy-brand-ambassador .left{float: left;width:35%;margin:15% 0;}
.sy-brand-ambassador .right{float: right;width:65%;}
.sy-brand-ambassador .left .title {text-align: left;}
.sy-brand-ambassador .left .title h2 {opacity: 0.3;}
.ambassador-name {padding:5% 0;overflow: hidden;width:55%;position: relative;height: 300px;float: left;}
.ambassador-name li {border: 1px solid #333; overflow: hidden;margin:0;width:130px;height: 130px;text-align: center;position: relative;cursor: pointer;}
.ambassador-name li *{display: block;overflow: hidden;}
.ambassador-name li,.ambassador-name li h3{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
.ambassador-name li i{display:none;width: 50px;height: 50px;position: absolute;left:50%;margin-left: -25px;top:15%;}
.ambassador-name li i img {width: 100%;height: auto;}
.ambassador-name li h3{ font-size: 18px;color: #666;font-weight: normal;line-height: 130px;}
.ambassador-name li:hover {border: 1px solid #fff;}
.ambassador-name li:hover h3{color:#fff;}
.ambassador-name .swiper-slide {height:auto;}
.ambassador-name .swiper-slide-thumb-active li {border: 1px solid #fff;background: #fff;}
.ambassador-name .swiper-slide-thumb-active li i{display:block;}
.ambassador-name .swiper-slide-thumb-active li h3{line-height: 180px;}
.ambassador-name .swiper-slide-thumb-active li:hover h3{color:#000;}
.ambassador-pic {padding:20% 0 5% 0;overflow: hidden;width:100%;position: relative;}
.ambassador-pic .ambassador {position: relative;background: #1f1f1f;overflow: hidden;}
.ambassador-pic .ambassador *{color: #fff;display: block;overflow: hidden;font-weight: normal;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;transition:all .1s ease;}
.ambassador-pic .text{ position: absolute;left:0;top:25%;width:800px;z-index:5;transform:translateX(200px);opacity:0;transition:all .4s;}
.ambassador-pic .text h2{font-size:88px;line-height: 80px; font-weight: bold;text-transform: uppercase;margin-left:25%;}
.ambassador-pic .text h4{font-size:48px;margin-left:25%;}
.ambassador-pic .text h5{font-size:18px;position: relative; margin: 5% 0;opacity: 0.5;margin-left:25%;}
.ambassador-pic .text h5 line{height: 1px;background: #fff;width:150px;display: inline-block;vertical-align: middle;margin-left:5%;}
.ambassador-pic .pic {position: relative;width:80%;float: right;}
.ambassador-pic .pic li{ width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 3;}
.ambassador-pic .pic img{width: 100%;height: auto;}
.ani-slide .text { transform:translateX(-150px);transition-delay: 0.1s;opacity:1;}

.ambassador-pic .pic .iplay {position:absolute;left: 50%;margin-left: -34.5px;top:50%;margin-top: -34.5px;z-index: 7;background: rgba(0,0,0,0.5);}
.ambassador-pic .pic .iplay:hover {background: #fff;}
.ambassador-pic .pic .iplay:hover i { border-color:transparent transparent transparent #000;}

.sy-brand-userpic {background: #303030;overflow: hidden;position: relative; padding:3% 0px 0 0px;}
.sy-brand-userpic .pics{padding-top:3%;overflow: hidden;position: relative;}
.userpic-sbg {padding:20px;background: #000;margin-top:20px;}
.userpic-s {width: 81%;margin:auto;}
.userpic-s img {opacity: 0.5; cursor: pointer;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.userpic-s .swiper-slide-thumb-active img{opacity: 1.0;-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;}
.userpic-s img { display: block;width: auto;height:auto;max-height:100px; }
.userpic-b {width: 81%;margin:auto;text-align: center;}
.userpic-b img { display:inline-block;width: auto;height:auto;max-height:700px;}
.userpic-b .swiper-button-prev{background: url("../image/left-b.svg") center no-repeat;background-size:100%; left: 5%;opacity: 0.5;}
.userpic-b .swiper-button-next{background: url("../image/right-b.svg") center no-repeat;background-size:100%; right: 5%;opacity: 0.5;}
.userpic-b .swiper-button-prev:hover,.userpic-b .swiper-button-next:hover {opacity: 1.0;}

.swiper-container.userpic-b {swiper-theme-color: #fff;swiper-preloader-color: #fff;}

.mbpics {position: relative;}
.mbpics ul {}
.mbpics li {margin-bottom:10px;}
.mbpics img{width:100%;height: auto;display: block;}



/* bone-conduction */
.sy-bone-conduction { background: #000;overflow: hidden;position: relative;height: 960px;}
.sy-bone-conduction * {color: #fff;display: block;overflow: hidden;font-weight: normal;text-transform: uppercase;}
.sy-bone-conduction .text {width:700px;position: absolute;left: 15%;top: 28%;z-index: 3; }
.sy-bone-conduction .text h2 {font-size:48px;line-height: 44px; font-family:'Conv_KLAVIKA-REGULAR', Helvetica, Arial;}
.sy-bone-conduction .text h3 {font-size:34px;}
.sy-bone-conduction .text h5 {font-size:14px;line-height: 26px;padding-top:50px;opacity: 0.6;text-align: justify;}
.sy-bone-conduction .video {width:100%;height:100%;position:relative;}
.sy-bone-conduction .video video{width:auto;height:100%;position: absolute;right: 0;top: 0;}
.sy-bone-conduction .left {float: left;width:50%;margin-top:10%;}
.sy-bone-conduction .left img{max-width: 100%;}
.sy-bone-conduction .right {float: right;margin-top:5%;width:43%;}
.sy-bone-conduction .right li  { border-bottom:1px solid rgba(255,255,255,0.1); }
.sy-bone-conduction .right li.cur ul.children {display: block;}
.sy-bone-conduction .right li a {padding: 30px 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sy-bone-conduction .right li a *{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sy-bone-conduction .right li a:hover {background: rgba(255,255,255,0.05);}
.sy-bone-conduction .right li a:hover .title h3 {padding-left: 20px;}
.sy-bone-conduction .right li a:hover .title i {right: 20px;-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.sy-bone-conduction .right li a.cur:hover {background:none;}
.sy-bone-conduction .right li a.cur:hover .title h3 {padding-left: 0px;}
.sy-bone-conduction .right li a .title {text-align: left;position: relative;} 
.sy-bone-conduction .right li a .title h2 {display: none;font-size:38px;line-height: 40px;opacity: 0.5;}
.sy-bone-conduction .right li a .title h3 {font-size:18px;color: #666;}
.sy-bone-conduction .right li a .title i{width:40px;height:40px;position: absolute;right: 0px;top: -7px;z-index: 1;opacity: 0.3;background: url("../image/right1.svg") no-repeat;background-size:100%;}
.sy-bone-conduction .right li a.cur {padding-top:30px;}
.sy-bone-conduction .right li a.cur .title h2 {display: block;}
.sy-bone-conduction .right li a.cur .title h3 {font-size:24px;color: #fff;}
.sy-bone-conduction .right li a.cur .title i {display: none;}
.sy-bone-conduction .right li ul.children {display: none;padding-bottom: 20px;}
.sy-bone-conduction .right .main {padding:0 0 2% 0; clear: both;}
.sy-bone-conduction .right .main .txt{font-size: 14px;line-height: 24px;color: #999;}
.sy-bone-conduction .right .main .video { width: 255px;height: 155px;background: #666;}

 



/* sales-channels1 */
.sy-sc-banner {width:100%;background: #000; overflow: hidden;position: relative;margin-top: 60px;}
.sy-sc-banner * {display: block;overflow: hidden;font-weight: normal;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.sy-sc-banner .main {width: 800px;position: absolute;left: 50%;margin-left: -400px;top: 25%; text-align: center;}
.sy-sc-banner .title {}
.sy-sc-banner .nav {padding: 5% 0;}
.sy-sc-banner .nav a{ font-size: 14px;border-radius:100px;color: #999;display: inline-block;vertical-align: top;margin: 10px;padding:7px 40px;border: 1px solid #999;}
.sy-sc-banner .nav a.cur{background: #000;border: 1px solid #000;color: #fff;}
.sy-sc-banner .nav a:hover {background: #fff;border: 1px solid #fff;color: #000;}
.sy-sc-banner .pic {}
.sy-sc-banner .pic img{width: 100%;height: auto;}
.sy-sales-channels {width:100%;background: #e6e6e6; overflow: hidden;position: relative;padding:2% 0;}
.storeslink {overflow: hidden;}
.storeslink a{border: 1px solid #ccc;width: 150px;font-size: 14px;color: #666;padding: 12px 20px;display: block;  float: left; margin-right: 20px;position: relative;}
.storeslink a i {display: inline-block;vertical-align: middle; width: 20px;height: 20px; margin-right: 10px;opacity: 0.4;} 
.storeslink a i img{display: block;width: 100%;height: auto;}
.storeslink a:after{content: ">";font-family:'宋体';width:30px;height: 30px;line-height: 30px;text-align: center; position: absolute;right: 5%;top:50%;margin-top: -15px;}
.storeslink a:hover {background: #fff;}
.storesmap {position: relative;background: #fff;padding: 10px;overflow: hidden;clear: both;height:700px;margin:40px 0;}
.storesmap #map {float: left;width: 70%;height:700px;background: #333;}
.storesmap .txt {float: right;width: 26%;padding: 0 2%;height: 100%;background: #fff;overflow: hidden;}
.storesmap .txt input {margin: 10% 0 9% -2px;width: 100%;height: 2.6em;border: 1px solid #bfbfbf;line-height: 2.6em;text-indent: 1em;font-size: 13px;color: #686868;}
.storesmap .txt li {margin-bottom: 7%;padding: 0 35px;background: url("../image/map_s.png") no-repeat left top;}
.storesmap .txt li h4 {line-height: 1.6em;font-size: 14px;color: #1c1c1c;font-family: "PingFang";-webkit-transition: 0.3s;transition: 0.3s;}
.storesmap .txt li p {line-height: 1.6em;font-size: 13px;color: #686868;}
#sortable {height:560px;overflow: auto;}



.sy-after-sales-policy {width:100%;background: #e6e6e6; overflow: hidden;position: relative;padding:4% 0;}
.sy-after-sales-policy * {display: block;overflow: hidden;font-weight: normal;}
.sy-after-sales-policy .left {float: left;width:30%;}
.sy-after-sales-policy .left .text{}
.sy-after-sales-policy .left .text h3{font-size: 24px;color: #000;}
.sy-after-sales-policy .left .text h5{font-size: 14px;color: #666;line-height: 26px; border-top: 1px solid #ccc; border-bottom:1px solid #ccc;padding:30px 0;margin: 20px 0;}
.sy-after-sales-policy .left .text h4{font-size: 14px;color: #999;padding-top:10px;}
.sy-after-sales-policy .left .text h2{font-size: 36px;color: #000;font-family:'Conv_KLAVIKA-REGULAR', Helvetica, Arial;}
.sy-after-sales-policy .right {float: right;width:65%;}
.sy-after-sales-policy .right .text { border: 10px solid #c5c5c5;font-size: 14px;line-height: 26px;color: #333;padding:5%;background: #dbdbdb;}
.sy-after-sales-policy .right .text li {position: relative; }
.sy-after-sales-policy .right .text li:before {content: "•";font-size: 18px;margin-right: 10px;color:#666;}


.faq {margin-top:9%;}
.sy-faq {width:100%;background: #e6e6e6; overflow: hidden;position: relative;padding:4% 0;}
.sy-faq *{display: block;overflow: hidden;font-weight: normal;}
.sy-faq .left{float: left;width:30%;background: #fff;padding:1.5%;}
.sy-faq .left .pic {position: relative;}
.sy-faq .left .pic h2 {font-size:132px;font-weight: bold;color: #fff;position: absolute;left: -10px;top:30%;}
.sy-faq .left .pic h2 line {height: 1px;background: #fff;width:60%;margin: 10px;}
.sy-faq .left .pic img{width: 100%;height: auto;}
.sy-faq .left .text {padding-top:20px;}
.sy-faq .left .text h3{font-size: 24px;color: #000;}
.sy-faq .left .text h5{font-size: 14px;color: #666;line-height: 24px;padding:20px 0;}
.sy-faq .right{float: right;width:65%;}
.sy-faq .right .faqlist {}
.sy-faq .right .faqlist li{ margin-bottom: 1%;}
.sy-faq .right .faqlist li a{ font-size: 16px;background: #fff;color: #000;padding:2%;position: relative;}
.sy-faq .right .faqlist li a i{width:30px;height: 30px;opacity: 0.5; background: url("../image/pro_left.svg") center no-repeat;background-size:80%;position: absolute;right: 3%;top: 50%;margin-top: -15px;}
.sy-faq .right .faqlist li ul{background: #ccc;padding:3%;font-size: 14px;line-height: 24px;color: #333;}
.sy-faq .right .faqlist li ul.children{ display: none;}
.sy-faq .right .faqlist li.cur {}
.sy-faq .right .faqlist li a.cur {font-weight: bold;}
.sy-faq .right .faqlist li a.cur i {background: url("../image/pro_down.svg") center no-repeat;background-size:80%;}
.sy-faq .right .faqlist li.cur ul.children{ display:block;}
 

.sy-about {width:100%;background: #d7d7d7; overflow: hidden;position: relative;margin-top: 70px;}
.sy-about .left {float: left;width:50%;background: #000;}
.sy-about .left .pic{}
.sy-about .left .pic img{display: block; width: 100%;height: auto;}
.sy-about .right {float: left;width:40%;padding:8% 5% 0 5%;}
.sy-about .right * {color: #000;display: block;overflow: hidden;font-weight: normal;text-transform: uppercase;}
.sy-about .right .about{text-align: left;}
.sy-about .right .about h2{font-size:48px;line-height: 44px; font-family:'Conv_KLAVIKA-REGULAR', Helvetica, Arial;opacity: 0.3;}
.sy-about .right .about h3{font-size:34px;}
.sy-about .right .about line{height: 1px;background: #ccc;width: 100px;margin:40px 0;}
.sy-about .right .about h5{width:85%; font-size:14px;line-height: 26px;color: #333;text-align: justify;}
.sy-about .right .contact{width:85%;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin: 30px 0;padding-top:30px;}
.sy-about .right .contact h6 {font-size:22px;}
.sy-about .right .contact h4 {font-size:30px;margin-bottom: 40px;}
.sy-about .right .contact ul {width:80%;}
.sy-about .right .contact ul li {font-size:14px;line-height: 24px; color: #424242;margin-bottom:40px;float: left; margin-right:10%;position: relative;padding-left: 55px;}
.sy-about .right .contact ul li:before {content:"";width: 40px;height: 40px;position: absolute;left: 0;top:2px; border: 2px solid #000;border-radius:100px;}
.sy-about .right .contact ul li.dz:before {background: url('../image/dz.svg') center no-repeat;background-size:60%;}
.sy-about .right .contact ul li.yx:before {background: url('../image/yj.svg') center no-repeat;background-size:60%;}
.sy-about .right .contact ul li.dh:before {background: url('../image/dh.svg') center no-repeat;background-size:60%;}
#cmap {width: 100%;height: 845px;}


.container {
    width: 100%;
    max-width: 1530px;
    margin: 0 auto;
    /*padding: 0 15px;*/
}


/*尾部*/

footer {
    width: 100%;
    /*margin-top: 5%;*/
    border-top: solid 1px #e6e6e6;
    padding-top: 3%;
}

.footer-contact {
    width: 29%;
}

.footer-contact p {
    font-size: 14px;
    color: #5e5e5e;
}

.footer-nav {
    width: 46%;
    margin-left: 2%;
}

.footer-nav ul {
    float: left;
    margin-right: 7%;
}

.footer-nav ul li.tit {
    margin-bottom: 30px;
}

.footer-nav ul li.tit a {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: normal;
}

.footer-nav ul li {
    display: block;
    font-size: 14px;
    line-height: 24px;
}

.footer-nav ul li a {
    color: #5e5e5e;
}

.footer-tel {
    width: 23%;
}

.footer-tel .p1 {
    font-size: 20px;
}

.footer-tel .p2 {
    height: 1px;
    background: #e5e5e5;
    width: 60px;
    margin: 25px 0;
}

.footer-tel .p3 {
    font-size: 40px;
}

.footer-tel .p3 a {
    color: #d22633;
    /* font-family: 'Futura'; */
}

.footer-tel .p4 {
    margin-top: 25px;
}

.footer-tel .p4 img {
    width: 85px;
}

.footer-by {
    border-top: solid 1px #e6e6e6;
    padding: 10px 0;
    font-size: 15px;
    margin: 6% 0 0.5% 0;
    overflow: hidden;
}

.footer-by p.left font {
    display: inline-block;
    margin-right: 25px;
}

.footer .footer-by p.left a {
    text-decoration: none;
}

.footer-link {
    padding: 10px 0;
    margin: 0.5% 0 0.5% 0;
    overflow: hidden;
}

.footer-link a {
    font-size: 12px;
    color: #666;
}


 /* footer */
 
 footer {
     overflow: hidden;
     position: relative;
     background: #141414;
 }
 /* footer .hls-footer {
    padding: 5% 0 4% 0;
    overflow: hidden;
} */
 
 footer .hls-footer .leftnav {
     width: 60%;
     float: left;
 }
 
 footer .hls-footer .leftnav ul {
     float: left;
     width: 14%;
 }
 
 footer .hls-footer .leftnav ul h4 {
     font-size: 16px;
     color: #fff;
 }
 
 footer .hls-footer .leftnav ul li {
     padding-top: 15px;
     overflow: hidden;
 }
 
 footer .hls-footer .leftnav ul li a {
     display: block;
     font-size: 14px;
     line-height: 30px;
     color: #fff;
 }
 
 footer .hls-footer .leftnav ul li a:hover {
     color: #fff;
 }
 
 footer .hls-footer .right {
     width: 40%;
     float: right;
     text-align: right;
 }
 
 footer .hls-footer .right ul {
     display: block;
     float: right;
     clear: both;
     overflow: hidden;
     padding: 20px 0;
     font-size: 12px;
     color: #414141;
     text-transform: uppercase;
 }
 
 footer .hls-footer .right ul a.flogo {
     display: block;
     width: 270px;
     height: 30px;
     background: url("/skin/images/mlogo.png") no-repeat;
     background-size: 100%;
 }
 
 footer .hls-footer .right ul h4 {
     color: #ffffff78;
     font-size: 20px;
     letter-spacing: 2px;
     margin-bottom: 10px;
     font-weight: 600;
 }
 
 footer .hls-footer .right ul h3 {
     color: #ffffff78;
     font-size: 18px;
 }
 
 footer .hls-footer .right ul li {
     text-align: right;
 }
 
 footer .hls-footer .right ul li a {
     display: inline-block;
     font-family: "font_family";
     width: 36px;
     height: 36px;
     background-color: #202020;
     border-radius: 100%;
     margin-left: 10px;
     font-size: 20px;
     line-height: 36px;
     text-align: center;
 }
 
 .leftnav ul h4 a{
 	color: #fff;
 }
 
 footer .hls-footer .right ul a {
     color: #ffffff78;
 }
 
 footer .hls-footer .right ul a:hover {
     color: #fff;
 }
 
 footer .hls-footer .right ul:last-child {
     padding: 0px 0;
     color: #ffffff78;
     padding-bottom: 50px;
 }
 
 @media screen and (max-width:800px) {
     .header .h-left .h-logo {
         display: inline-block;
         padding: 6% 0 6% 0;
         width: 160px;
     }
     .leftnav {
         display: none;
     }
     footer .hls-footer .right {
         width: 100%;
         float: right;
         text-align: right;
     }
     footer .hls-footer .right ul {
         display: block;
         clear: both;
         overflow: hidden;
         padding: 20px 0;
         font-size: 12px;
         color: #414141;
         text-transform: uppercase;
         text-align: center;
         width: 100%;
     }
     footer .hls-footer .right ul a.flogo {
         display: block;
         width: 270px;
         height: 30px;
         background: url(/skin/images/mlogo.png) no-repeat;
         background-size: 100%;
         margin: 0 auto;
     }
     footer .hls-footer .right ul h4 {
         color: #ffffff78;
         font-size: 18px;
         letter-spacing: 2px;
         margin-bottom: 10px;
         font-weight: lighter;
     }
     footer .hls-footer .right ul h3 {
         color: #ffffff78;
         font-size: 17px;
         font-weight: lighter;
     }
 }
 
 @media screen and (max-width:1259px) {
     .header .h-bot {
         display: none;
     }
 }
 
 @media screen and (max-width:1024px) {
     .header .h-left .h-logo {
          display: inline-block;
         padding: 6% 0 6% 0;
         width: 160px;
     }
 }
 
 .fl {
     float: left;
 }
 
 .fr {
     float: right;
 }
 
 .w22 {
     width: 22%;
     padding-bottom: 4%;
 }
 
 .w75 {
     width: 75%;
     padding-bottom: 4%;
 }
 
 @media(max-width:1024px) {
     .fl,
     .fr {
         float: none;
     }
     .w22,
     .w75 {
         width: auto;
         padding-bottom: 2%;
     }
 }