@charset "utf-8";



.enBox{display: none}
.cnBox{display: block}

div.layer-anim{-webkit-animation-name: fadeIn;animation-name: fadeIn;}


div.imgPD{position:relative;padding-top:90%;}
div.imgPD img,div.imgPD .effect-one-img{position:absolute; left:0;top:0; display:block;width:100%;height:100%;}
div.imgPD60{position:relative;padding-top:60%;}
div.imgPD70{position:relative;padding-top:70%;}
div.imgPD13{position:relative;padding-top:130%;}
div.imgPD75{position:relative;padding-top:75%;}



.header{position:relative;z-index:99;padding: 15px 0;background:#ffffff;}
.fixed-top{ position: fixed; }
.header .container2{width:100%;}

.header .logo{margin-left:7%;margin-top: -10px;}
.header .logo img{height:70px;}
.header .right{margin-right:7%;}
.header .nav{margin: 10px 0 0 0;}
.header .nav li{position:relative;float:left;height: 70px;}
.header .nav li a.one{display:block;color:#000000;font-size:18px;padding: 5px 25px;}
.header .nav li a.one:hover,.header .nav li.active a.one{color:#00BFFF; background:#fff}

.header .nav li:nth-child(4) .box2{height:0px;width:0px; opacity: 0;z-index: -1; display: none;}
.header .nav li:nth-child(3) .box2,.header .nav li:nth-child(5) .box2,.header .nav li:nth-child(6) .box2{width: 130px;left: 0px;height: auto; }
.header .nav li:nth-child(3) .box2 .span,.header .nav li:nth-child(5) .box2 .span,.header .nav li:nth-child(6) .box2 .span{display: none;width:0px;}
.header .nav li:nth-child(3) .box2 a.two:hover .right,.header .nav li:nth-child(5) .box2 a.two:hover .right,.header .nav li:nth-child(6) .box2 a.two:hover .right{display: none}

.header .nav li:nth-child(3) .box2{width:220px;left:-50px;padding: 30px 10px 30px 10px;text-align:center;}

.header .nav li:hover .box2{display: block;}
.header .nav li .box2{display: none;position: absolute;top:55px;left: -55px;width: 220px;color:#666;font-size: 14px;padding: 30px 0px 30px 30px;box-shadow: 0 0 10px #aaa;background: rgba(255,255,255,1);height: 380px;}
.header .nav li .box2 a.two{color:#666;font-size: 16px;display: block;padding: 5px 0;}
.header .nav li .box2 a.two:hover{color:#4f69a4;text-decoration:underline}
.header .nav li .box2 img{width: 220px;display:table;margin:0 auto 20px;}
.header .nav li .box2 .right{display: none;position: absolute;right: -300px;top:0%;width: 300px;color:#666;border-left: 1px #fff solid;font-size: 14px;padding:30px;background: rgba(255,255,255,1);transition: all .4s ease-in-out;height: 380px;box-shadow: 0 0 10px #ddd;overflow: hidden;}
.header .nav li .box2 .right span{display:block;width:100%;margin-left:-300px;transition: all .4s ease-in-out;animation: showNavWap .7s ease forwards;}
.header .nav li .box2 a.two:hover .right{display: block;}
.header .nav li .box2 a.two:hover .right span{margin-left:0px;animation: hideNavWap .7s ease forwards;}
@keyframes showNavWap{from{margin-left:0px;} to{margin-left:-300px;}}
@keyframes hideNavWap{from{margin-left:-300px;} to{margin-left:0px}}
.header .lang{margin: 15px 0 0 130px;color: #999;font-size: 15px;}
.header .lang a{display:inline-block; color: #fff; font-size: 13px;
padding:2px 10px;
border: 1px #ddd solid;
border-radius: 7px;
margin-left: 10px;
}
.header .lang a:hover{color:#00b9ef; border:1px #00b9ef solid}
.header .cn .two{color:#00b9ef; border:1px #00b9ef solid}
.header .en .one{color:#00b9ef; border:1px #00b9ef solid}



.HomeBlock{padding-top:20px;    background: #ffffff; }
.HomeBlock .title{padding:40px 0 50px 0; color:#000000;font-size:30px; text-align: center}
.HomeBlock .container{width:100%;max-width: 100%;}
.HomeBlock .list{}
.HomeBlock .list li{ float:left;width:33.3%; text-align:center;}
.HomeBlock .list li a{ display: block;  }
.HomeBlock .list li img{ max-width:100%; display: block;}
.HomeBlock .list li .effect-one{border: 1px #000000 solid;}
.HomeBlock .list li h4{color:#000000;font-size:20px;padding:18px 0;transition: all .5s ease-in-out;display: block;}
.HomeBlock .list li:hover h4{background: rgba(0,185,239,.8);}

.HB-01{ background: #ffffff }
.HB-01 .list li img{}
.HB-01 .list li h4{font-size:18px;}



.HomeCase{padding:50px 0 50px 0;height:686px; background: url(../picture/bg/HomeCaseBG.jpg) no-repeat center fixed; background-size: cover;}
.HomeCase ul{margin-top:90px;}
.HomeCase ul li{float:left; width:260px; margin:0 24px; text-align: center;border: 1px #fff solid;}
.HomeCase ul li h3{position: relative;z-index:5;color:#fff;font-size:20px;width:100%; height:190px; text-align: center;padding: 25px 0 0 0; overflow: hidden;}
.HomeCase ul li h3:before{content: "";position: absolute;z-index: -1;right:0;top:0; width:100%; height:100%; background: rgba(0,0,0,0.4);transition: all .5s ease-in-out;}
.HomeCase ul li h3:after{content: "";position: absolute;z-index: -1;left:-100%;top:0; width:100%; height:100%; background:rgba(0,185,239,.8);transition: all .5s ease-in-out;}
.HomeCase ul li h3 em{display: block;margin:auto;width:100%; height:100px;}
.HomeCase ul li p{padding:25px 0;color:#696969;font-size:20px;border-top: 1px #fff solid;line-height: 30px;}
.HomeCase ul li:hover h3:after{right:-100%;}
.HomeCase ul li:hover h3:after{left:0;}


.HomeSolution{ padding:50px 0;height:796px;text-align:center;background: url(../image/HomeSolutionBg.jpg) no-repeat center; }
.HomeSolution p{float:left;width:100%; font-size:18px; color:#fff;margin:40px 0 115px 0; line-height: 41px;display: block;}
.HomeSolution span{  display:inline-block; color#fff;font-size:18px;margin: 0 35px;color: #fff;}
.HomeSolution span img{ display: block; margin: auto; margin-bottom: 20px;}




.HomeProduct{padding:30px 0 0px 0; background:#ffffff}
.HomeProduct .container{width:100%;max-width: 100%;}
.HomeProduct ul{margin-top:50px;}
.HomeProduct ul li p{opacity: 0; width:100%;position: absolute; left:0; bottom:64px;padding:25px;color:#fff;font-size:17px;transform: translateY(50px);background: rgba(0,185,239,.8);transition: all .7s ease-in-out;}
.HomeProduct ul li{position: relative;z-index:5;float:left;width:33.3%;margin: 0 0px 0px 0px;text-align: center;}
.HomeProduct ul li a{ display:block; border-left:1px #ddd solid}
.HomeProduct ul li h4{position: absolute;left:0;bottom:0;display: block;width:100%;padding:20px 0;color:#fff;font-size:20px;background: rgba(58, 58, 66, 0.74);}


.HomeProduct ul li:hover h4{background: rgba(0,185,239,.8);}
.HomeProduct ul li:hover p{opacity: 1;transform: translateY(0px);}




.product-list{}
.product-list li{float:left;width:100%; padding:150px 0;height: 795px;}
.product-list li .img{width:500px;}
.product-list li .img img{display: block;max-width:100%;}
.product-list li .box{position: relative;margin:200px 0 0 0;width: 450px;}
.product-list li .box h2{color:#333335; font-size:40px;transform: translateY(0px);}
.product-list li .box b{color:#4b6195; font-size:18px;margin-top: 15px;display: block;transform: translateY(0px)}
.product-list li .box .wx{opacity:0; position: absolute;top:-95px;left:0;color:#3a3c40; font-size:16px;line-height:28px;transform: translateY(60px);transition: all .6s ease-in-out;}
.product-list li.two .box{margin-left:220px;}
.product-list li.one .box{margin-right:220px;}
.product-list li.one .img{float:left}
.product-list li.one .box{float:right}
.product-list li.two .img{float:right}
.product-list li.two .box{float:left}
.product-list li .box:hover .wx{opacity: 1;transform: translateY(0px);}
.product-list li .box:hover h2,.product-list li .box:hover b{opacity:0;transform: translateY(30px)}



.HomeScene{padding:50px 0 0px 0;background: #ffffff;width: 100%;}
.HomeScene ul{margin-top: 20px;}
.HomeScene ul li{position: relative; float:left; width:20%; height: 600px; }
.HomeScene ul li .box{width:100%; height:100%;transition: all .7s ease-in-out;}
.HomeScene ul li .box h3{positon:relative;color:#fff;font-size:28px;padding: 60% 0 0 0;text-align: center; transition: all .7s ease-in-out}
.HomeScene ul li .box h3 hr{ position: absolute;left:35%;display: block; width:0px; margin:20px auto; height:2px; background:#fff;border: none;transition: all .7s ease-in-out}
.HomeScene ul li .box p{ opacity: 0;float:left; font-size:20px;color:#fff;line-height: 30px; margin-top:0;padding: 100px 30px 20px 30px;transition: all .4s ease-in-out}
.HomeScene ul li:hover .box{ background: rgba(0,185,239,.8) }
.HomeScene ul li:hover .box h3{padding: 40% 0 0 0;}
.HomeScene ul li:hover .box h3 hr{width:100px;}
.HomeScene ul li:hover .box p{opacity: 1}

.HomeLink{height: 560px;padding:50px 0 0 0;background: #ffffff;background-size:cover;}
.HomeLink .words{display:block;font-size:25px;margin-top:30px;display: block;float: left;width: 100%;text-align: center;color: #fff;}

.HomeLink ul{width: 1000px;margin: auto;padding-top: 20px;}
.HomeLink ul li{float:left; width:220px;margin:0 15px 25px 15px;}
.HomeLink ul li{}
.HomeLink ul li img{max-width:100%;height:94px;display: block;}



.HomeVideo{display:none;padding:130px 0; height:400px;text-align:center; background:url(../image/HomeVideoBG.jpg) no-repeat center fixed;background-size: cover;}
.HomeVideo img{width:400px;}
.HomeVideo h3{color:#fff;font-size:40px; text-align:center;}



.VideoSrll{}
.VideoSrll .btn{ opacity: 1; color:#666; font-size:80px;top:40%; left:2%;width:auto;height:auto; background-color:rgba(0,0,0,0.5);  background-image:none ;}
.VideoSrll .btn:after{ opacity: 0.6; display: block; margin:10px 0;padding:10px 10px;color:#fff; transition: all .4s ease-in-out;}
.VideoSrll .btn.nt{ left:auto;right:2%;}
.VideoSrll .btn:hover{ opacity: 0.9; color:#fff; background-color:#00b9ef}
.VideoSrll .btn:hover:after{opacity: 1}



.solve{}
.solve .bin{}
.solve .one{padding:40px 0;height:610px; background: url(../image/solve1bg.jpg) no-repeat center;background-size: cover;}
.solve .one img{max-width:100%;}
.solve .one .left{width:240px;margin-left: 191px;position: relative;}
.solve .one .left .pic{ width:100%}
.solve .one .left .gif{ position: absolute;left: 52px;top: 71px;width: 140px;}
.solve .one .left .gif img{max-width:100%;}
.solve .one .right{width:65%;margin:210px 0 0 0;text-align: center;}
.solve .one .right h1{color:#fff;font-size:40px;}
.solve .one .right h1 font{color:#eda60e;font-size: 54px;}
.solve .one .right b{color:#fff;font-size:25px;margin-top:28px;display: block;letter-spacing: 5px; }
.solve .two{padding:100px 0 0 0;height:797px; background: url(../image/solve2bg.jpg) no-repeat center;}
.solve .two h2{color:#eda60e;font-size:40px; text-align: center}
.solve .two ul{position: relative;width:1150px; margin:50px auto 0;}
.solve .two ul li h3{color:#eda60e;font-size:30px;line-height: 50px; border-bottom:1px #eda60e solid}
.solve .two ul li p{margin:5px 0 0 0;color:#2a2b2e;font-size:20px; line-height: 30px;}
.solve .two ul li{position: absolute;}
.solve .two ul li.x0{left:0;top:0;width:100%; text-align: center}
.solve .two ul li.x1{left:100px;top:0;}
.solve .two ul li.x2{left:100px;top:330px;}
.solve .two ul li.x3{right:100px;top:0;}
.solve .two ul li.x4{right:100px;top:330px;}
.solve .three{position: relative;color:#333335;font-size:36px; height:800px;background: url(../image/solve3bg.jpg);}
.solve .three .container{position: relative;height: 100%;}
.solve .three .img{position: absolute;left:0;top:0;}
.solve .three .box{position:absolute; right:0;bottom:150px;width: 550px;line-height: 50px;font-size: 36px;color:#333335;}
.solve .four{height:794px;background: url(../image/solve4bg.jpg) no-repeat center;}
.solve .four .box{margin:350px auto;color:#2a2a2a;font-size:55px;width: 850px;text-align: center;line-height: 65px;padding-right: 40px; }
.solve .four .box font{color:#d7a50b}
.solve .five{height:795px;background: url(../image/solve5bg.jpg) ;}
.solve .five .long{color:#fff;font-size: 36px;padding:50px 0; background: rgba(0,0,0,0.8);margin-top: 250px;line-height: 50px;}
.solve .five .width{width:1250px; margin: auto;}
.solve .six{position:relative;padding:100px 0; background:#101010}
.solve .six .left{}
.solve .six .middle{padding: 200px 0 0 150px;}
.solve .six .middle h2{font-size:33px;color:#fff;}
.solve .six .middle h2 font{margin-top:20px;padding-left:30px; color:#aaa;font-size:20px;display: block;}
.solve .six .right{position:absolute;right:0;bottom:0;}
.solve .six img{display: block;}



.contact{}
.contact .wor{margin:50px 0;}
.contact .wor table td{ vertical-align: top;}
.contact .wor table td h1,.contact .wor table td h2,.contact .wor table td h3,.contact .wor table td h4,.contact .wor table td h5,.contact .wor table td h6,.contact .wor table td strong{ font-weight:bold;}
.contact #dituContent{margin:20px 0 100px 0}



.about{}
.about .container{width:980px; margin:auto}
.about .wor{margin:30px 0;word-wrap: break-word;word-break: normal;}
.about .honor{margin:30px 0;}
.about .honor h2.title{margin:20px 0;color:#333;font-size:28px;}
.about .honor .picScroll-left{position: relative;}
.about .honor .picScroll-left .long{overflow: hidden;}
.about .honor .picScroll-left .long .list{}
.about .honor .picScroll-left .long .list li{float:left; width:186px;margin:5px 5px;background: #fff;}
.about .honor .picScroll-left .long .list li img{max-width:100%}
.about .honor .picScroll-left .long .list li a{display: block;}
.about .honor .picScroll-left .long .list li:hover{}
.about .honor .picScroll-left .long .list li img{}
.about .honor .picScroll-left .prev,.about .honor .picScroll-left .next{position: absolute; top:100px;left:-50px;font-size:60px;color:#666;cursor: pointer;}
.about .honor .picScroll-left .next{right:-50px; left:auto;}
.about .honor .picScroll-left .prev:hover,.about .honor .picScroll-left .next:hover{color:#0092d8}
.about .link{margin: 20px 0 50px 0}
.about .link h2.title{margin:20px 0;color:#333;font-size:28px;}
.about .link h2.title font{display:block;color:#666; font-size:18px; margin-top:15px;}
.about .link ul{margin-top: 10px;float: left;}
.about .link ul li{float:left;border:1px #ddd solid;width:223px; margin:0 11px 20px 11px;}
.about .link ul li{}



.news_white_Bg{}
.centre{margin:0px auto;width:1000px;}
.news_room{background: #ffffff;}
.news_room .xbox{top:0px; left:0; width:100%;}
.news_room .centre{width:1100px;}
.news_room h1.title{color:#00bcf5;font-size:45px; text-align:center;padding-top: 60px;clear: both;}
.news_room h1.title font{color:#fff;font-size:25px;display:block; margin-top:20px;}
.news_room .bg{position:inherit; width:100%;}
.news_room .bg img{display:block; margin:auto; }
.news{position:relative; float:left; margin:30px 0 0 0; padding:50px 50px 130px 50px; width:1100px}
.news:before{ content: ""; position: absolute;left:547px;top:125px;height:76%;width:2px;background: #fff}
.news hr{}
.news li{position: relative;float:left; width:100%;height:120px; margin-bottom:30px;}
.news li hr{position: absolute;border:none;top:-75px;left:496px;width:3px;height:100%; background:#fff;}
.news li:nth-child(1) hr{ display:none;}

.news li.left .box .xor{float:left;width:300px;padding-right:10px;}
.news li.left .box .xor h4{color:#fff; font-size:16px; margin:0 0 10px 0;transition: all .4s ease-in-out;}
.news li.left .box .xor p{font-size:13px; color:#fff; line-height:23px;padding-right:20px;transition: all .4s ease-in-out;}
.news li.left .box img{opacity: 0.7;float:right;width:160px;transition: all .4s ease-in-out;}
.news li.left b{margin:35px 0 0 20px;padding-left:40px; line-height:50px; background:url(../image/news_dot.png) no-repeat left}
.news li .box a:hover .xor h4{color:#00bcf5}
.news li .box a:hover .xor p{color:#00bcf5}
.news li .box a:hover img{opacity: 1;}
.news li.left b{position:relative;z-index:999; float:left; width:250px; color:#fff; font-size:15px;}
.news li{float:left; width:100%;}
.news li.right .box{float:right;}
.news li.left .box{float:left;}
.news li.left .box,.news li.right .box{width:462px;height:105px;}
.news li.right .box .xor{float:left;width:300px;padding-right: 10px;}
.news li.right .box .xor h4{color:#fff; font-size:16px; margin:0 0 10px 0;transition: all .4s ease-in-out;}
.news li.right .box .xor p{font-size:13px; color:#fff; line-height:23px;padding-right:20px;transition: all .4s ease-in-out;}
.news li.right .box img{float:left;width:160px;transition: all .4s ease-in-out;opacity: 0.7;}

.news li.right b{margin:35px 25px 0 0px;padding-right:40px; line-height:50px; background:url(../image/news_dot.png) no-repeat right}
.news li.right b{position:relative;z-index:999; float:right; text-align:right; width:250px; color:#fff; font-size:15px;}
.news #pages{position: absolute; width: 1000px;bottom: 50px;padding: 35px 0px 10px;}
.news #pages a{border:#666 solid 1px; color:#666;}





.slideBanner{position: relative; width:100%;height:740px; overflow:hidden; margin:0 auto;}
.slideBanner .long{position:relative;margin: auto;}
.slideBanner .list{}
.slideBanner .tempWrap{position:absolute;left:50%; margin-left:-960px}
.slideBanner .list li{width:1920px;height:760px;}
.slideBanner .list li a{ display: block; width:100%; height:100%;}
.slideBanner .list img{display:block; margin:0 auto; position:relative; max-width:100%;}
.slideBanner .list img.small{ display: block;width:auto;}
.slideBanner .list img.big{ display: none;width:100%;}
.slideBanner .spot{position:absolute;bottom: 30px;width:100%;z-index:1;text-align:center;}
.slideBanner .spot li{position:relative;display:inline-block;margin: 0 10px;font-size:0px;width:50px;height:5px; text-align: center;cursor: pointer;font-size:14px;color:#fff;border-radius:10px; background:#bfbfbf;}
.slideBanner .spot li.on{color:#fff;background:#45b9d9;}
.slideBanner .prev,
.slideBanner .next{position:absolute;left:3%;top:45%;font-size:100px;color:#fff;width:26px;height: 33px;padding: 5px 7px;background: url(../image/ctrl.png) 0px 0px no-repeat;filter:alpha(opacity=50);opacity: 0.7;}
.slideBanner .next{left:auto;right:3%;background-position: -40px 0px;}
.slideBanner .prev:hover,.slideBanner .next:hover{filter:alpha(opacity=100);opacity:1;}


#pages{padding:15px 0px 10px;display:block;margin:auto; text-align: center; clear:both;}
#pages a{display:inline-block; padding:0px 6px; height:22px; border:#D7D7D7 solid 1px; cursor:pointer; margin:0 5px; font-size:12px; line-height:22px; text-align:center; color:#9A9A9A;}
#pages a.a1{padding:0px 6px; height:22px; line-height:22px; margin-top:0px;}
#pages a:hover{color:#fff; text-decoration:none; background:#696560;}
#pages span{display:inline-block; padding:0px 6px; margin:0 5px; height:22px; border:#635f5a solid 1px; background:#696560; line-height:22px; color:#fff; text-align:center;}



.room .righter{float:right; width:830px;}
.room .wor{padding:20px 50px;}
.room .wor img{max-width:100%;}
.white_Bg{background:#fff;}
.news_white_Bg{}



.show{padding-top:20px; padding-bottom:50px;}
.show h2{text-align:center; color:#333; font-size:25px; margin:20px 0}
.return{display:block; margin:auto; color:#666; font-size:20px; text-align:center;padding:20px 0 0 0; border-top:1px dashed #ddd}



.Hometitle{color:#ffffff;font-size:40px;text-align: center;padding: 60px 0 70px 0;font-weight:bold;background: url(../picture/bg/Hometitlebg.jpg) no-repeat fixed;background-size:cover;}
.Hometitle img{height: 100px; margin:0px 5px -10px 15px;}
.Hometitle font{color:#ffffff; font-size:24px;display: block;margin-top: 15px; font-weight:400;letter-spacing:20px;}



.titleAx{color:#000000;font-size:40px; text-align: center; margin:50px 0;}
.titleAx font{display:block;font-size:25px; margin-top:30px;}
.titleAx .more{color:#000000;font-size:18px; margin-left:20px;transition: all .5s ease-in-out;}
.titleAx .more:hover{color:#00b9ef}


.my-map{margin: 0 0 90px 0;width: 100%;height: 600px;}.my-map .icon{background: url(../image/marker.png) no-repeat;}.my-map .icon-cir{height: 31px;width: 28px;}.my-map .icon-cir-red{background-position: -11px -5px;}.amap-container{height: 100%;}



.footer{padding: 50px 0 20px 0;background:#033d75 none no-repeat center top;border-top:1px 0 #dadee1;}
.footer .container{width:1000px;}
.footer h1{color:#fff;font-size: 40px;margin: 0px 0 30px 0;}
.footer .left{display:none;width:50%;margin-left:0px;}
.icn .cn{display: block;}
.ien .en{display: block;}
.icn .en{display: none;}
.ien .cn{display: none;}
.footer .left a{float:left;display: block;color:#fff;font-size: 16px;margin:0 0 5px 10px;width: 100px;}
.footer .left a:hover{color:#99d7f4}
.footer h2{color:#fff;font-size: 22px;margin: 0px 0 30px 0;}
.footer .left span{color:#fff;font-size:18px;line-height: 30px;}
.footer .middle{color:#fff;font-size: 17px;margin: 0 100px 0 110px;width:20%}
.footer .middle b{display: block;color:#fff;font-size: 35px;margin: 12px 0;}
.footer .middle span{display: table;margin:auto;color:#fff;font-size:15px;}
.footer .right{width: 50%;}
.footer .right span{float:right;display:inline-block;margin: 0 0 0 30px;text-align:center;color:#fff;font-size:22px;line-height: 45px;}
.footer .right img{display: block;}
.footer .bottom{margin: 20px 0 20px 0;color:#fff;font-size: 17px;}
.footer .bottom a{ color:#fff;}
.footer .linkA{ margin:20px 0; text-align:center;}
.footer .linkA a{ display:inline-block;margin:0 5px;}
.footer .linkA a img{ width:40px;height:40px;}
.footer .copy{margin: 10px 0 0 0;color:#fff;font-size:15px;text-align:center;}


@media (max-width:1100px){
.HomeBlock .container{width:1200px;max-width:inherit;}	
}


@media (max-width:1200px){
.HB-01 .list li{}
.HB-01 .list li img{}
.HomeBlock .list li h4{font-size:14px;padding: 18px 10px;}	

}

@media (max-width:1500px){
.HB-01.list li{}
.HB-01 .list li img{}
.HomeBlock .list li h4{font-size:16px;padding: 18px 10px;}	

}

@media (max-width:1730px){
.HomeBlock .list li img{}	
.HomeBlock .list li h4{font-size:17px;}	

}


@media (min-width:760px){
		.header{height:200px;}	
		.header .right{margin-right:7%;}
		.header .logo{margin-left:7%;}
		.header .lang{margin:15px 0 0 20px;}


  .HomeProduct .container{width:1200px;max-width:inherit;}
	.Hometitle font{letter-spacing:10px;}	
		.HomeScene{width: 1200px;}
}

@media (min-width:900px){
		.header{height: 170px;}	
		.header .right{margin-right:5%;}
		.header .logo{margin-left:7%;}
		.header .lang{margin:15px 0 0 20px;}



.HomeProduct .container{width:1200px;max-width:inherit;}

	.Hometitle font{letter-spacing:10px;}	
	.HomeScene{width: 1200px;}



}

@media (min-width:1200px){
		.header{height: 80px;}	
		.header .right{margin-right: 4%;}
		.header .logo{margin-left:4%;}
		.header .lang{margin: 15px 0 0 0px;}



.product-list li.one .box{margin-right:120px;}
.solve .three .box{bottom:70px;}


.HomeProduct .container{width:100%;max-width: 100%;}
	.Hometitle font{letter-spacing:15px;}	
	.HomeScene{width: 100%;}
}


@media (min-width:1440px){
	.header{height:80px;}	
	.header .right{margin-right:7%;}
	.header .logo{margin-left:7%;}
	.header .lang{margin:15px 0 0 130px;}



.HomeProduct .container{width:100%;max-width: 100%;}
.Hometitle font{letter-spacing:20px;}	
.HomeScene{width: 100%;}	
}
@media (min-width:1920px){
.header{height:80px;}	
.header .right{margin-right:7%;}
.header .logo{margin-left:7%;}
.header .lang{margin:15px 0 0 130px;}



.slideBanner .list img.small{ display:none;width:auto;}

.product-list li.one .box{margin-right:220px;}
.solve .three .box{bottom:150px;}



.HomeProduct .container{width:100%;max-width: 100%;}
.Hometitle font{letter-spacing:20px;}	
.HomeScene{width: 100%;}
}




.kefuBox-One{position: fixed;display: none; right:0;bottom:250px;z-index:99}
.kefuBox-One ul li{position: relative;margin:2px 0;cursor: pointer;}
.kefuBox-One ul li a{position: relative; display: block;width:45px; height:45px; overflow: hidden;}
.kefuBox-One ul li em{position:absolute;left:0;top:0;display: block;padding: 10px 0 0 0;width:100%;height:100%;font-size:22px;color:#eee;text-align: center;background: rgba(102,102,102,0.9);}
.kefuBox-One ul li .ewm{ display:block;width:100%;}
.kefuBox-One ul li em.icon-mobile{font-size:35px;padding: 5px 0px 0px 0px;}
.kefuBox-One ul li em.icon-phone{font-size:30px;}
.kefuBox-One ul li b{position:absolute;left:0;top:45px;padding:3px;display: block;width:100%;font-size:14px; height:100%;color:#ddd; line-height: 18px; text-align:center;background: #333;}
.kefuBox-One ul li .toolbar-layer{position:absolute;right: 47px;bottom:-10px;width:172px;opacity:0;padding:5px;border-radius:5px;border:1px #ccc solid;background: #fff;filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.kefuBox-One ul li .img{width:115px;height:110px;text-align: center;}
.kefuBox-One ul li .img img{max-width:100%}
.kefuBox-One ul li .tel{color:#666;font-size: 15px;padding:20px;background: rgba(255, 255, 255, 0.86);}
.kefuBox-One ul li .tel hr{width:100%;border:0px;background: #0092d8;}
.kefuBox-One ul li .tel font{float:left;width:100%;clear: both;margin:5px 0;padding:5px 0;font-weight: bold;color: #555;font-size:15px;bo;border-bottom: 1px #ccc solid;}
.kefuBox-One ul li:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.kefuBox-One ul li:hover em{top:-45px}
.kefuBox-One ul li:hover b{top:0}
.kefuBox-One ul li .cd-top{height:0px;}
.kefuBox-One ul li .cd-is-visible{height:45px;}




.time-line {
	padding:50px

}
.time-line ul {
	width:100%
}
.time-line li {
	border-bottom:1px solid #232323;
	color:#fff;
	font-size:14px;
	padding:20px 0;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.time-line li a{ color:#fff}
.time-line
li:hover,.time-line
li:hover strong {
	color:#00bcf5
}
.time-line li:hover .e-time span {
	color:#00bcf5
}
.time-line li:hover .e-text {
	-webkit-transform:translate(80px);
	-moz-transform:translate(80px);
	color:#00bcf5
}
.time-line li:hover .e-time:after {
	width:130px;
	border-bottom-color:#00bcf5
}
.time-line
li:hover .e-img {
	opacity:1
}
.time-line li:last-child {
	border-bottom:none
}
.e-time {
	width:210px;
	padding-right:100px;
	padding-top:30px;
	float:left;
	display:inline;
	text-align:right;
	position:relative;
	min-height:140px
}
.e-time:after {
	content:'';
	display:block;
	width:50px;
	height:0;
	position:absolute;
	overflow:hidden;
	left:140px;
	top:50%;
	border-bottom:1px
solid #fff;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	transition:all .5s ease
}
.e-time strong {
	display:block;
	font-size:36px;
	line-height:1.5;
	font-family:sans-serif;
	font-weight:400
}
.e-time span {
	color:#fff;
}
.e-content {
	position:relative;
	overflow:hidden;
	zoom:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-flex:0;
	-ms-flex:0
1 auto;
	flex:0 1 auto;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-align:center;
	-webkit-box-align:center;
	align-items:center;
	-ms-flex-pack:end;
	-webkit-box-pack:end;
	justify-content:flex-end
}
.e-content
.e-text {
	-webkit-box-flex:0;
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	-ms-flex-preferred-size:610px;
	flex-basis:500px;
	max-width:500px;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease
}
.e-content .e-img {
	width:260px;
	height:140px;
	margin-left:120px;
	border-radius:5px;
	overflow:hidden;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	-webkit-box-align:center;
	align-items:center;
	-webkit-box-flex:0;
	-ms-flex:0
0 auto;
	flex:0 0 auto;
	-ms-flex-preferred-size:260px;
	flex-basis:260px;
	max-width:260px;
	transition:all .7s ease;
	-webkit-transition:all .7s ease;
	-moz-transition:all .7s ease;
	opacity:.3
}
.e-content .e-img img {
	width:100%
}
.e-more {
	width:100%;
	padding:50px 0 0;
	text-align:center
}
.e-more
a {
	border:1px solid #555;
	display:inline-block;
	width:135px;
	line-height:36px;
	text-align:center;
	color:#c7c7c7;
	border-radius:4px;
	font-size:14px;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	transition:all
.3s ease-out
}
.e-more a:hover {
	color:#fff;
	background-color:#00b9ef;
	border-color:#00b9ef
}
.e-more-box {
	display:none
}