@charset "utf-8";



/* CSS Document */



*{ margin:0; padding:0; box-sizing:border-box}



body{ font-size:14px; font-weight:1.5; font-family:"微软雅黑", sans-serif !important;color:#333;}



body, html{ overflow-x: hidden;}



a,img,input{ text-decoration:none; font-size:14px; border:0}



body,h1,h2,h3,h4,h5,h6,form,ol,li ,dl,ul,input,tr,td{margin: 0px;padding: 0px;list-style-type: none; color:#333; font-weight:normal}



ul li{ list-style:none;}



.clear{ clear:both;}



.left{ float:left;}



.right{ float:right;}



a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ color:#333 } a:focus{ -moz-outline-style: none; /* FF */} 



a:hover{ color:#495ba3}



input,button,select,textarea{outline:none}



textarea{resize:none}



input,textarea{ outline:none;}



img{ max-width:100%}







.cent,.foot{ max-width:1200px; margin:auto; overflow:hidden}



.tdw{ position:relative}



.header{ position:absolute; top:0; left:0; width:100%; z-index:9999; background:#fff; background-color: rgba(255,255,255,0.80); filter: Alpha(opacity=80);}



.head1{ max-width:1360px; margin:auto}



.banner{ position:relative}



.banner p img{ width:100%}



.head1 .logo{ width:17%;}



.head1 .logo p{ margin:12% 0;}



.head1 .navz{width:81%;}



.zg{width: 70%;float:left;}



.zg1{width: 30%;float:right;padding-top:3%;position: relative;color:#fff;}



.zg1 p{font-size:16px;color:#333;display:inline-block;/* text-align:center; */}



.zg1 p .b1{ font-size:12px}



.zg1 p img{ vertical-align:middle; margin-right:12px}



.zg1 p .yy{ background:#fff; color:#495ba3; border-radius:5px; padding:0 20px;}



.sm{display:inline-block;float:right;/* width:50%; */position:relative;text-align:right;margin-left: 18px;}



.sm img{ cursor:pointer; vertical-align:middle}



.sm a img{margin-top:0;margin-right: 0;margin-left: 10px;}



.sm span{ position:absolute; top:40px; left:-105px; background:#fff; overflow:hidden; width:200px; display:none}



.sm span input{ height:35px; line-height:35px; float:left}



.sm span input:nth-child(1){ width:80%; padding:0 10px}



.sm span input:nth-child(2){ width:20%; background:url(../images/yj-2.png) no-repeat center #eee;}



.sm a{ font-size:16px}



.logo img{ width:100%;}



.flexslider{position:relative;overflow:hidden;}



.flexslider .slides{position:relative;z-index:1;}



.flexslider .slides li a{ display:block;}



.flexslider .slides li img{ width:100%; display:block}



.flex-control-nav{position:absolute;bottom:55px; right:0; z-index:2;width:100%;text-align:center;}



.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 10px;*display:inline;zoom:1;}



.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:55px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat; cursor:pointer;}



.flex-control-nav .flex-active{background-position:0 0;}



.nav1 ul{ overflow:hidden}



.nav1 ul li{ float:left; text-align:center; width:16.666%}



.nav1 ul li a{ font-size:16px; color:#333; display:block; padding:32px 0; position:relative}



.nav1 ul li a:hover span,.nav1 ul .dq a span{ font-weight:bold}



.nav1 ul li a img{ vertical-align:middle; margin-left:10px}



.nav2,.sjx{ display:none}



.dropMenu{ width:100%; position:absolute; top: 0; left:0 !important; z-index:9999;visibility: hidden; background:#495ba3; background-color: rgba(73,91,163,0.60); filter: Alpha(opacity=60); overflow:hidden; padding:35px 0; margin-top:-1px}



.dropMenu li{ float:left; margin-right:6%}



.dropMenu li a{ font-size:14px; display:block;} 



.dropMenu li a:hover{ color:#d5273e;}



.dropMenu .cent{ padding:0 9%}



.nng1{ width:400px}



.nng1 p{ width:58%; float:left; border-right:#8894C0 1px solid; padding-right:10%}



.nng1 p img{ width:100%;}



.nng1 ul{ width:31%; float:right}



.nng1 ul li{ margin:10% 0}



.nng1 ul li a{ font-size:16px; color:#C4C8DC;}



.nng1 ul li a:hover{ color:#fff}



header{ display:none}



.sjx{ display:none !important}



.qh a{ color:#fff}



.he_ZoomInImg,.kh2-1 ul li,.sy2-1 dl dt,.slick-slide dt{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}



.he_ZoomInImg .he_ZoomInImg_img,.kh2-1 ul li img,.sy2-1 dl dt .v1,.slick-slide dt img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}



.he_ZoomInImg:hover .he_ZoomInImg_img,.kh2-1 ul li:hover img,.sy2-1 dl:hover dt .v1,.slick-slide:hover dt img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}



@media (max-width: 1400px){



.head1{ max-width:1200px}



.sm{ margin-left:15px}



	}



.sy-bt{ background:url(../images/yj-13.png) no-repeat center; text-align:center; margin:7% 0; font-size:24px}



.sy1{ overflow:hidden; margin-bottom:5%}



.sy1 .sy1-z{ width:42.6%; position:relative}



.sy1 .sy1-y{ width:55.4%; padding-bottom:5px}



.sy1 .sy1-z h1 img{ width:100%; height:605px}



.sy1 .sy1-z p{ position:absolute; bottom:0; left:0; width:100%; background:#000; background-color: rgba(0,0,0,0.5); filter: Alpha(opacity=50); color:#fff; padding:10%; font-size:16px; line-height:26px;}



.sy1-1{ background:#DF5524; margin-bottom:4%; position:relative; box-shadow:2px 3px 5px #bbb; margin-right:5px}



.sy1-1 .left{ width:47%}



.sy1-1 .right{ width:50%}



.sy1-1 .left p img{ width:100%;}



.sy1-1,.sy1-1 .left p img{ height:185px}



.sy1-1 .right{ position:absolute; right:1.5%; top:4%; height:92%; width:61%; background:#fff; padding:6% 10%; overflow:hidden}



.sy1-1 .right .c1{ float:left; width:22%}



.sy1-1 .right .c2{ float:right; width:70%}



.sy1-1:hover .left{ float:right}



.sy1-1:hover .right{ right:inherit; left:1.5%}



.sy1-1 .left,.sy1-1 .right,.sy1-1:hover .left,.sy1-1:hover .right{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}



.c2 h1{ font-size:18px;}



.c2 h1 span{ font-size:13px}



.c2 p{ font-size:16px; line-height:22px; margin:4% 0}



.c2 p span{ font-size:12px} 



.c2 h2 a{ font-size:16px}



.c2 h2 a span{ font-size:12px}



.c1 p img{ width:100%}



.c1{ padding-top:2%}



.sy2{ background:url(../images/yj-14.jpg) no-repeat center; padding-bottom:6%}



.sy2-1{ overflow:hidden; margin-left:-2%; margin-top:-2%}



.sy2-1 dl{ float:left; width:23%; margin-left:2%; margin-top:2%}



.sy2-1 dl dt img{ width:100%}



.sy2-1 dl,.sy2-1 dl dt img{ height:325px}



.sy2-1 dl{ position:relative}



.sy2-1 dl dt span{ position:absolute; top:20%; left:50%; width:110px; height:110px; margin-left:-55px; border-radius:50%}



.sy2-1 dl dt span img{ width:71px; height:71px; display:block; margin:20px auto}



.sy2-1 dl a:hover dt span{ background:#E05525; background-color: rgba(224,85,37,0.7); filter: Alpha(opacity=70);}



.sy2-1 dl dd{ position:absolute; background:#fff; left:0; bottom:0; width:100%; padding:10% 2%; font-size:16px; text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



.sy3{ background:#DF5524; padding:7% 0 3%}



.sy2-1 dl:nth-child(8) dd{ background:none; background:#E15524}



.sy2-1 dl:nth-child(8) dt span{ display:none;}



.sy2-1 dl:nth-child(8) dd{ background:#E05525; background-color: rgba(224,85,37,0.8); filter: Alpha(opacity=80); color:#fff; height:100%; font-size:24px; padding-top:50%}



.footer{ background:#2E2E2E}



.fo1,.fo2,.fo3{ float:left; margin:6% 0 5%}



.fo1{ width:44%}



.fo2{width:20%;margin-left: 7%;margin-right: 6%;}



.fo3{width: 23%;}



.d1{ color:#fff; font-size:24px; margin-bottom:45px}



.fo1 div dl{ overflow:hidden; margin-bottom:5%}



.fo1 div dl dt{ float:left; width:6%}



.fo1 div dl dd{ float:right; width:92%; color:#fff; font-size:16px; line-height:22px}



.fo1 div dl dd strong{ display:inline-block; font-size:16px; font-weight:normal}



.fo1 div dl dt img{ display:block; margin:auto}



.fo2 ul li a{ color:#fff; font-size:16px}



.fo2 ul li{ margin-bottom:10%}



.fo3 h1{ font-size:12px; color:#fff}



.fo3 h1 strong{ font-weight:normal; font-size:16px}



.fo3 p input,.fo3 h2 input{ border:#fff 2px solid; height:35px; color:#fff; line-height:35px; width:100%; background:none; padding:0 2%}



.fo3 h2 input{ border:0; padding:0; background:#DF5524; font-size:12px; color:#fff; text-align:center}



.fo3 p{ margin:5% 0}



.fo3 dl{ margin-top:20%; overflow:hidden}



.fo3 dl dt{ float:left; width:42%}



.fo3 dl dd{ float:right; width:51%; color:#fff; font-size:16px; line-height:26px; padding-top:5%}



.fo3 dl dt img{ width:100%}



.foot2{ border-top:#fff 1px solid; padding:1% 0 2%}



.foot2 p{ text-align:center; color:#EDEDED}







.banner1 p img{ width:100%}



.fw1{ margin:6% 0;}



.fw1 ul{ overflow:hidden; margin-left:-1.2%;}



.fw1 ul li{ float:left; width:13.085%; cursor:pointer; background:#F1F3F2; color:#666; margin-left:1.2%; font-size:16px; text-align:center; height:50px; padding-top:17px; line-height:18px}



.fw1 ul li:last-child{ padding-top:8px}

.fw1-zw ul li:last-child{ padding-top:17px}



.fw1 ul .curr1{ background:#DF5526; color:#fff}



.fw2 h1{ font-size:24px; background:url(../images/fw-5.jpg) no-repeat left bottom; padding-bottom:2%; margin-bottom:2.5%}



.fw2 p{ font-size:14px; line-height:30px}



.fw2 h2{ margin-top:4%; margin-left:-1%}



.fw2 h2 img{ width:24%; margin-left:1%}



.fw2{ margin-bottom:8%}







.gy2{ background:url(../images/gy-2.jpg) no-repeat center; background-attachment:fixed}



.gy2 p{ font-size:50px; color:#fff; text-align:center; margin:6% 0}



.sy-bt1{ background:url(../images/gy-1.png) no-repeat center}







.about-team .more{margin-top: 4.5%;}



.about-team .more a{display: block;margin:auto;width: 150px;height: 38px;font-size: 14px;color: #646464;line-height: 38px;text-align: center;border: 1px solid #d9d9d9;border-radius: 19px;}



.about-partner-list{position: relative;}



.about-partner-list .swiper-container{position: relative;overflow: hidden; padding-bottom:6%}



.about-partner-list .swiper-slide .item{display:block;position: relative; }



.about-partner-list .swiper-slide .item a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}



.about-partner-list .swiper-slide .item img{box-shadow: 0px 0px 5px rgba(58,58,58,0.19); height:309px}



.about-partner-list .swiper-slide .img img{width: 100%}



.about-partner-list .swiper-slide .img{border:2px solid transparent;transition: 0.5s ease;box-sizing: border-box;}



.about-partner-list .swiper-slide .title{margin-top: 25px;font-size: 12px;text-align: center;}



.about-partner-list .swiper-slide .item+.item{margin-top: 40px;}



.about-partner-list .swiper-slide .title strong{ font-weight:normal; font-size:18px}



.about-partner-list .swiper-slide .item:hover .img{border:2px solid #E15426;box-shadow: 0px 0px 5px rgba(58,58,58,0.19);}



.about-partner-list .about-partner-next{position: absolute; width:35px; height: 10px;right:45%;bottom: 0;margin: auto;cursor: pointer; background:url(../images/gy-10.png) no-repeat center}



.about-partner-list .about-partner-prev{position: absolute; width:35px; height: 10px;left: 45%;bottom: 0;margin: auto;cursor: pointer; background:url(../images/gy-9.png) no-repeat center}



.about-partner-list .about-partner-next.swiper-button-disabled, .about-partner-list .about-partner-prev.swiper-button-disabled{opacity: 0.6;}



.about-partner{ margin-bottom:8%}



.gy1 ul li{ background:url(../images/gy-9.jpg) no-repeat left top 40px; letter-spacing:1px; font-size:14px; border-bottom:#D6D6D6 1px solid; padding:2.5% 0 1.5%; line-height:24px; padding-left:2.5%;}



.gy1{ margin-top:-1%}



.gy1 ul li strong{ font-weight:normal; font-size:18px}







.kh1{ border:#E0E0E0 1px solid; padding:2.3% 1%; margin:6% 0 4%}



.kh1 ul{ overflow:hidden; margin-left:-10.5%; text-align: center;}



.kh1 li{ margin-left:10.5%; display: inline-block;}



.kh1 li a{ font-size:16px}



.kh1 li a:hover,.kh1 .dq1 a{ color:#DF5526}



.kh2 h1{ font-size:18px; background:url(../images/kh-4.jpg) no-repeat left bottom; padding-bottom:3%; margin-bottom:5%; display:none}



.kh2-1 ul{ overflow:hidden; margin-left:-2%; margin-top:-2%}



.kh2-1 ul li{ float:left; width:31.333%; margin-left:2%; margin-top:2%}



.kh2-1 ul li img{ width:100%; height:292px}



.fy{ overflow:hidden; text-align:center; margin:6% 0 8%}



.fy a{ display:inline-block; text-align:center; border:#DF5524 1px solid; padding:6px 12px; margin:0 15px; font-size:16px} 



.fy a:hover{ background:#DF5524; color:#fff}







.center1{ background:url(../images/lx-5.jpg) no-repeat center bottom; padding:8% 0}



.lx1{ border:#DCDCDC 1px solid; border-top:#DF5524 8px solid; background:#fff; padding:1%} 



.lx1 h1{ font-size:33px; color:#E78266; text-align:center; letter-spacing:1px; font-weight:bold; padding:80px 0}



.lx1 .left{ width:56%; border-right:#BFBFBF 1px solid}



.lx1 .right{ width:44%; padding:0 2% 8%}



.lx1 .left h1{ border-bottom:#BFBFBF 1px solid}



.lx1 .left p{ margin-top:4%; overflow:hidden; margin-left:1%}



.lx1 .left p img{ width:5.2%; float:left}



.lx1 .left p span{ display:inline-block; width:91%; float:right; font-size:16px; padding-top:5px}



.lx1 .left p span strong{ font-weight:normal; font-size:18px}



.lx1 .left div{ margin:6% 0 8%}



.lx1 .left dl{ margin:7% auto 0; overflow:hidden; width:80%}



.lx1 .left dl dt{ float:left; width:22%}



.lx1 .left dl dd{ float:right; width:75%; font-size:16px; line-height:26px; padding-top:3%}



.lx1 .right p{ overflow:hidden; margin-bottom:8%}



.lx1 .right p span{ float:left; width:24%; color:#666; font-size:16px; text-align:right; line-height:35px}



.lx1 .right p input,.lx1 .right p textarea{ width:73%; margin-left:3%; border:#BFBFBF 1px solid; height:35px; line-height:35px; padding:0 2%}



.lx1 .right p textarea{ height:105px; padding:1.5% 2%; line-height:22px;}



.lx1 .right h2 input{ display:block; width:90px; font-size:16px; line-height:36px; height:36px; background:#DF5524; color:#fff; border-radius:5px;}



.lx1 .right h2{ padding-left:27%}







.wl2{ margin:0 0 8%; overflow:hidden}



.wl2-1{ float:left; width:12.5%}



.wl2-1 h1{ font-size:16px; color:#666; background:url(../images/qq1.jpg) no-repeat left bottom; padding-bottom:10%; margin-bottom:10%}



.wl2-1 ul li{ font-size:14px; color:#666; margin-top:3%}







.map_anm{ width:1105px; height:539px; background:url(../images/yj-33.jpg) center no-repeat; margin:0 auto; position:relative;}



.map_anm{ transform:scale(.8); opacity:1; transition:.3s;}



.map_anm{ transform:scale(1); opacity:1; transition:.7s;}



.map_anm ul{}



.map_anm ul li{ position:absolute; text-align:center; font-size:14px; color:#333;font-weight:bold; z-index:100;}



.map_anm ul li:before{ content:""; width:800px; height:1px; background:#c0d6ce; display:block;  transform-origin:left top; top:30px; left:30px; position:absolute; transform:scale(0); transition:5s;}



.map_anm ul li i{ display:block; width:43px; height:50px; background:url(../images/yj-35.png) center no-repeat; opacity:0; transform:translateY(-20px); transition:.1s ease-out; transition-delay:0 !important;}



.map_anm ul li.Australia i{ transition-delay:.8s;}



.map_anm ul li.Canada i{ transition-delay:.5s;}



.map_anm ul li.NorthAmerica i{ transition-delay:1s;}



.map_anm ul li.SouthAmerica i{ transition-delay:1.8s;}



.map_anm ul li.Europe i{ transition-delay:1.7s;}



.map_anm ul li.Israel i{ transition-delay:1.5s;}



.map_anm ul li.SouthAfrica i{ transition-delay:1.3s;}



.map_anm ul li.Russia i{ transition-delay:.9s;}



.map_anm ul li.India i{ transition-delay:1.2s;}



.map_anm ul li.Japan i{ transition-delay:2.3s;}



.map_anm ul li.Taiwan i{ transition-delay:1s;}



.map_anm ul li.Australia i{ transition-delay:2.8s;}



.map_anm ul li i{ opacity:1; transform:translateY(0px); transition:1s; transition-delay:0 !important;}



.map_anm ul li span{ opacity:0; transform:translateY(-20px); transition:.1s ease-out 0s;  }



.map_anm ul li span{ opacity:1; transform:translateY(0px); transition:1s 2s; }



.map_anm ul li font{ color:#333; opacity:0;}



.map_anm ul li font{ opacity:1; transition:.5s 3s;}



.map_anm ul li.China{left: 837px;top: 212px; width:140px; z-index:99;}



.map_anm ul li.China:before{ content:""; width:170px; height:75px; display:block; background:url(../images/map_logo.png) center no-repeat; position:absolute; left:-161px; top:7px; transform:scale(1); }



.map_anm ul li.China:before{  }



.map_anm ul li.China i{ background:url(../images/yj-34.png) center no-repeat; width:80px; 



-webkit-animation: busiIcon1 1s linear infinite;



  -moz-animation: busiIcon1 1s linear infinite;



  -ms-animation: busiIcon1 1s linear infinite;



  animation: busiIcon1 1s linear infinite;



}



@keyframes busiIcon1 {



  0% {



    -webkit-transform: translateY(-5px);



    -moz-transform: translateY(-5px);



    -ms-transform: translateY(-5px);



    transform: translateY(-5px);



  }



  50% {



    -webkit-transform: translateY(0);



    -moz-transform: translateY(0);



    -ms-transform: translateY(0);



    transform: translateY(0);



  }



  100% {



    -webkit-transform: translateY(-5px);



    -moz-transform: translateY(-5px);



    -ms-transform: translateY(-5px);



    transform: translateY(-5px);



  }



}



.map_anm ul li span{ position:absolute; left:30px; top:2px; width:130px;}



.map_anm ul li.Australia span{ left:-140px; top:20px;}



.map_anm ul li.Australia span img{ margin-left:6px;}



.map_anm ul li.Canada{left: 732px;top: 255px;}



.map_anm ul li.NorthAmerica{left: 183px;top: 155px;}



.map_anm ul li.SouthAmerica{left: 617px;top: 215px;}



.map_anm ul li.Europe{left: 666px;top: 93px;}



.map_anm ul li.Israel{left: 603px;top: 223px;}



.map_anm ul li.SouthAfrica{left: 576px;top: 309px;}



.map_anm ul li.Russia{left: 547px;top: 107px;}



.map_anm ul li.India{left: 738px;top:257px;}



.map_anm ul li.Japan{left: 929px;top: 186px;}



.map_anm ul li.Taiwan{left: 871px;top: 241px;}



.map_anm ul li.Australia{left: 912px;top: 354px;}



.map_anm ul li .line{ content:""; width:800px; height:1px; background:#90b8a9; display:block; z-index:-1;  transform-origin:left top; top:-40px; left:35px; position:absolute; transform:scale(0); transition:.5s 0s;}



.map_anm ul li .line.Canada{transform: rotate(190deg) scale(0);width: 664px;}



.map_anm ul li .line.NorthAmerica{transform: rotate(181.3deg) scale(0);width: 596px;}



.map_anm ul li .line.SouthAmerica{transform: rotate(157.5deg) scale(0);width: 515px;}



.map_anm ul li .line.Europe{transform: rotate(211deg) scale(0);width: 158px;}



.map_anm ul li .line.Israel{transform: rotate(168deg) scale(0);width: 193px;}



.map_anm ul li .line.SouthAfrica{transform: rotate(150deg) scale(0);width: 260px;}



.map_anm ul li .line.Russia{transform: rotate(298deg) scale(0);width: 102px;}



.map_anm ul li .line.India{transform: rotate(129deg) scale(0);width: 101px;}



.map_anm ul li .line.Japan{transform: rotate(364deg) scale(0);width: 119px;}



.map_anm ul li .line.Taiwan{transform: rotate(43deg) scale(0);width: 92px;}



.map_anm ul li .line.Australia{transform: rotate(68deg) scale(0);width: 242px;}



.map_anm ul li .line{ transition:1s .5s ease-out;}



.map_anm ul li .line.Canada{transform: rotate(185.5deg) scale(1);width: 662px;}



.map_anm ul li .line.NorthAmerica{transform: rotate(162.3deg) scale(1);width: 120px;}



.map_anm ul li .line.SouthAmerica{transform: rotate(180.5deg) scale(1);width: 227px;}



.map_anm ul li .line.Europe{transform: rotate(221deg) scale(1);width: 158px;}



.map_anm ul li .line.Israel{transform: rotate(168deg) scale(1);width: 193px;}



.map_anm ul li .line.SouthAfrica{transform: rotate(150deg) scale(1);width: 260px;}



.map_anm ul li .line.Russia{transform: rotate(200deg) scale(1);width: 320px;}



.map_anm ul li .line.India{transform: rotate(129deg) scale(1);width: 101px;}



.map_anm ul li .line.Japan{transform: rotate(364deg) scale(1);width: 119px;}



.map_anm ul li .line.Taiwan{transform: rotate(43deg) scale(1);width: 92px;}



.map_anm ul li .line.Australia{transform: rotate(67deg) scale(1);width: 140px;}



.myContent{ margin-bottom:6%}



.dt{ display:none}



.wl1 .map_anm ul li .line{ top:40px}