@charset "utf-8";
@import url("icon/iconfont.css");

html{font-size:100px;}
.main-width{width:1200px;margin:0 auto;}

.header{position:fixed;height:120px;width:100%;top:0;left:0;background:url(../image/gray-bg.png);z-index:9999;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.header .main-width{position:relative;}
.header .logo{display:none;}
.header .logo .phone-menu{display:none;float:right;margin:3px 0;width:40px;height:40px;background:url(../image/all-icon.png) no-repeat -390px -150px;cursor:pointer;}
.header.active .logo .phone-menu{background-position:-430px -150px;}
.header .nav{text-align:center;}
.header .nav > ul{display:inline-block;*display:inline;*zoom:1;}
.header .nav > ul > li{position:relative;float:left;line-height:30px;font-size:16px;padding:71px 27px 19px;font-weight:lighter;text-transform:uppercase;}
.header .nav > ul > li > a{color:#fff;display:block;}
.header .nav > ul > li > a:hover,.header .nav > ul > li.active > a{color:#0084c0;}
.header .nav > ul > li.pc-logo{padding-top:33px;}

.search{width:148px;line-height:28px;padding:71px 10px 19px;}
.search .box{position:relative;width:30px;float:right;}
.search .box input.text{width:100%;height:30px;line-height:30px;color:#fff;padding:0 30px 0 8px;background:none;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.search .box input.btn,.header .nav > ul > li.search .box input.sub{position:absolute;width:24px;height:30px;top:-1px;right:6px;background:url(../image/search-icon.png) no-repeat;cursor:pointer;}
.search .box input.sub{display:none;}

.header .nav > ul > li i{display:none;position:absolute;bottom:0;left:50%;margin-left:-7px;width:0;height:0;border:7px solid transparent;border-bottom-color:#0084c0;}
.header .nav > ul > li:hover i{display:block;}
.header .nav .drop-down{display:none;position:fixed;top:120px;left:0;width:100%;background-color:rgba(0,0,0,0.8);padding:50px 0;border-top:2px solid #0084c0;text-align:left;}
.header .nav .drop-down h3{font-family:Arial;color:#0084c0;margin-bottom:20px;font-weight:900;}
.header .nav .drop-down a{color:#fff;}
.header .nav .drop-down a:hover{color:#0084c0;}
.header .nav .drop-down .one > li{position:relative;font-size:16px;line-height:25px;padding:5px 0;text-transform:uppercase;}
.header .nav .drop-down .one .on > a{color:#0084c0;}
.header .nav .drop-down .one .on .two{width:165px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;transition:all 0.7s;-webkit-transition:all 0.7s;-moz-transition:all 0.7s;-ms-transition:all 0.7s;-o-transition:all 0.7s;}
.header .nav .drop-down .two{position:absolute;top:0;width:0;z-index:99;overflow:hidden;white-space:nowrap;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.header .nav .drop-down .two li{font-size:12px;line-height:25px;text-transform:uppercase;}

.header .nav .drop-down .item{float:left;width:16%;}
.header .nav .drop-down .item .two{left:100px;}

.header .nav .down-drop{display:none;position:absolute;left:5px;top:120px;padding:20px 0;width:220px;background:rgba(0,0,0,0.8);text-align:left;font-size:14px;border-top:2px solid #0084c0;}
.header .nav .down-drop li{padding:0 20px;}
.header .nav .down-drop a{color:#fff;}
.header .nav .down-drop a:hover{color:#0084c0;}
.header.flow{background-color:#000;}

.xleft h1 {
    margin-top:100px;
    font-size: 25px;
    line-height: 35px;
    font-family: "Gotham-Thin";
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}
.xleft hr {
    width: 90px;
    height: 0;
    border: 1px solid #00a6ff;
    margin: 32px auto; 
}

.tab-content {
    overflow: hidden; 
}

.center-auto {
    top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
margin-left: auto;
margin-right: auto; 
width:1020px;

}

.index-main .slidebox{width:100%;position:relative;z-index:9;overflow:hidden;background-color:#f5f5f5;}
.index-main .slidebox .slideshow{width:100%;overflow:hidden;position:relative;}
.index-main .slidebox .slideshow ul{position:relative;width:4000px;overflow:hidden;}
.index-main .slidebox .slideshow ul li{float:left;}
.index-main .slidebox .slideshow ul li img{width:100%;height:auto;}
.index-main .slidebox .slidelist{position:absolute;bottom:2.3%;left:50%;}
.index-main .slidebox .slidelist ul{margin-left:-50%;}
.index-main .slidebox .slidelist ul li{float:left;width:12px;height:12px;margin:0 10px;background-color:#999;cursor:pointer;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.index-main .slidebox .slidelist ul li.active{background-color:#0084c0;}


.index-main h2{font-size:38px;line-height:55px;font-family:Arial;color:#0084c0;text-align:center;text-transform:uppercase; margin-bottom:60px;}
.index-main p.info{font-size:16px;margin-bottom:90px;text-align:center;color:#fff;}
.more{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}

.index-cooperation{position:relative;background:url(../image/index-cooperation-bg.jpg) no-repeat left center;height:560px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;overflow:hidden;}
.index-cooperation .text{padding:165px 0 0 620px;text-align:center;overflow:hidden;}
.index-cooperation .text .cont{float:left;width:540px;}
.index-cooperation .text .title{margin-bottom:15px;}
.index-cooperation .text p{color:#fff;font-size:16px;}
.index-cooperation .text span{float:left;display:block;padding:0 20px;font-size:36px;margin:10px 0 0 50px;line-height:80px;font-family:"Gotham-Bold";background-color:#fff;color:#0084c0;border-radius:35px;}
.index-cooperation .pic{position:absolute;right:5%;bottom:3%;}
.index-cooperation ul{width:70%;float:right;overflow:hidden;padding-top:100px;}
.index-cooperation li{position:relative;float:left;text-align:center;width:16.665%;}
.index-cooperation li i{position:absolute;width:43px;height:43px;top:50%;right:-22px;margin-top:-22px;background:url(../image/all-icon.png) -10px -240px no-repeat;}
.index-cooperation .topc{position:absolute;width:100%;height:100%;left:0;top:0;}



.index-products .box{padding:40px 0 60px;}
.index-products .box h2{margin-bottom:40px;}
.index-products .box .slide-pro{position:relative;margin-top:60px;}
.index-products .box .slide-pic{overflow:hidden;}
.index-products .box .slide-pic li{float:left;width:270px;margin-right:40px;padding:1px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.index-products .box .slide-pic li h4{font-size:18px;line-height:30px;text-transform:uppercase;text-align:center;padding:15px 0;}
.index-products .box .slide-pic li h4 a{color:#fff;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.index-products .box .slide-pic li .pic img{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.index-products .box .slide-pic li:hover .pic img{transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);}
.index-products .box .slide-pic li:hover h4 a{color:#0084c0;}
.index-products .box .item-btn{position:absolute;top:50%;margin-top:-30px;width:60px;height:60px;background:url(../image/all-icon.png) no-repeat;cursor:pointer;}
.index-products .box .prev{left:-100px;background-position:-10px -10px;}
.index-products .box .next{right:-100px;background-position:-70px -10px;}
.index-products .box .prev:hover{background-position:-130px -10px;}
.index-products .box .next:hover{background-position:-190px -10px;}
.index-products .new{ }
.index-products .hot{background-color:#090b0e;}


.index-videos{padding:60px 0 80px;}
.index-videos.project{margin-top: 100px;}
.index-videos .slide-video{position:relative;}
.index-videos .slide-pic{overflow:hidden;}
.index-videos .slide-pic li{position:relative;float:left;width:386px;margin-right:21px;padding:1px;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.index-videos .slide-pic li .em{position:absolute;width:59px;height:59px;top:50%;left:50%;margin:-29px 0 0 -29px;background:url(../image/all-icon.png) no-repeat -300px -10px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.index-videos .slide-pic li span{position:absolute;width:100%;height:52px;line-height:52px;color:#fff;font-size:16px;bottom:0;left:0;background-color:#000;padding:0 6px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;transition:bottom 0.5s;-webkit-transition:bottom 0.5s;-moz-transition:bottom 0.5s;-ms-transition:bottom 0.5s;-o-transition:bottom 0.5s;}
.index-videos .slide-pic li span i{display:block;float:right;margin-top:12px;width:28px;height:28px;background:url(../image/all-icon.png) no-repeat -260px -10px;}

.index-videos .slide-pic li:hover span{padding:0 5px;bottom:-53px;}
.index-videos .slide-pic li:hover .em{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);}
.index-videos .item-btn{position:absolute;top:50%;margin-top:-30px;width:60px;height:60px;background:url(../image/all-icon.png) no-repeat;cursor:pointer;}
.index-videos .prev{left:-100px;background-position:-10px -10px;}
.index-videos .next{right:-100px;background-position:-70px -10px;}
.index-videos .prev:hover{background-position:-130px -10px;}
.index-videos .next:hover{background-position:-190px -10px;}


.index-news{padding:65px 0 90px;background:url(../image/index-news-bg.jpg) no-repeat center;}
.index-news h2{font-family:Arial;color:#0084c0; margin-bottom:70px;font-size:38px;}
.index-news .cont{overflow:hidden;}
.index-news .cont .latest{float:left;width:520px;}
.index-news .cont .latest .text{border:1px solid #232527;padding:20px 15px;}
.index-news .cont .latest .text h3{line-height:25px;font-size:24px;line-height:25px;margin-bottom:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-news .cont .latest .text h3 a{color:#0084c0;}
.index-news .cont .latest .text h4{line-height:25px;font-size:24px;line-height:25px;margin-bottom:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-news .cont .latest .text h4 a{color:#0084c0;}

.index-news .cont .latest .text p{font-size:16px;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index-news .cont .latest .text .more{margin-top:15px;font-size:12px;display:block;width:85px;height:23px;line-height:23px;text-align:center;border:1px solid #0084c0;color:#0084c0;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;}
.index-news .cont .latest .text .more:hover{color:#fff;background-color:#0084c0;}
.index-news .cont .list{float:right;width:640px;}
.index-news .cont .list li{position:relative;border:1px solid #232628;height:198px;padding:0 20px 0 270px;margin-bottom:18px;overflow:hidden;}
.index-news .cont .list li .pic{position:absolute;left:0;top:0;}
.index-news .cont .list li .text{padding-top:60px;}
.index-news .cont .list li .text h3{font-size:24px;line-height:25px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-news .cont .list li .text h3 a{color:#0084c0;}
.index-news .cont .list li .text p{font-size:16px;color:#808080;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}


.age-tips{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:999999;}
.age-tips .bg{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.age-tips .box{position:absolute;top:50%;left:50%;width:520px;height:294px;margin:-147px 0 0 -260px;background-color:#000a;text-align:center;border-radius:5px;}
.age-tips .box img{margin:20px 0;}
.age-tips .box .btn{font-size:0;margin-bottom:14px;}
.age-tips .box .btn span{display:inline-block;*display:inline;*zoom:1;width:185px;height:40px;line-height:40px;background-color:#008fdb;font-size:18px;color:#fff;cursor:pointer;margin:0 8px;}
.age-tips .box .cer{font-size:16px;line-height:38px;font-family:"Gotham-Bold";color:#0084c0; font-weight:900; }
.age-tips .box .info{font-size:12px;line-height:18px;width:390px;margin:0 auto;color:#777;}


.list-cer{padding:45px 0;}
.list-cer .title{text-align:center;margin-bottom:35px;}
.list-cer .title h1{font-size:40px;line-height:40px;margin-bottom:15px;font-family:"Gotham-Thin";font-weight:bold;text-transform:uppercase;}
.list-cer .title p{font-size:16px;font-family:"OpenSans-Light";}
.list-cer .cont{margin-bottom:45px;}
.list-cer .cont h3{font-size:18px;line-height:30px;color:#0084c0;width:150px;background-color:#fff;}
.list-cer .cont hr{border:none;border-top:1px solid #0084c0;position:relative;top:-15px;margin:0 0 35px;z-index:-1;}
.list-cer .cont .list{position:relative;border-top:1px dashed #a4a4a4;border-bottom:1px dashed #a4a4a4;}
.list-cer .cont .list .line{position:absolute;width:0;height:100%;left:50%;top:0;border-left:1px dashed #a4a4a4;z-index:1;}
.list-cer .cont .list ul{overflow:hidden;}
.list-cer .cont .list li{position:relative;float:left;padding:25px 65px 25px 90px;width:50%;height:100px;line-height:50px;font-size:16px;border-bottom:1px dashed #a4a4a4;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.list-cer .cont .list li:hover{background-color:#f9f9f9;}
.list-cer .cont .list li .read i{position:absolute;width:39px;height:50px;left:40px;top:25px;background:url(../image/all-icon.png) -410px -10px no-repeat;}
.list-cer .cont .list li .read:hover i{background-position:-449px -10px;}
.list-cer .cont .list li .down{position:absolute;width:23px;height:23px;right:40px;top:38px;background:url(../image/all-icon.png) -450px -70px no-repeat;}
.list-cer .cont .list li .down:hover{background-position:-450px -93px;}
.list-cer .other{padding-top:20px;overflow:hidden;}
.list-cer .other a{display:block;width:48%;height:100px;line-height:100px;text-transform:uppercase;background-color:#000;color:#fff;font-size:30px;font-family:"Gotham-Thin";font-weight:bold;text-transform:uppercase;text-align:center;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.list-cer .other a:hover{background-color:#0084c0;font-family:"Gotham-Bold";}
.list-cer .other .left{float:left;}
.list-cer .other .right{float:right;}


.list-news{padding:30px 0 60px;}
.list-news .cont li{border-bottom:1px solid #dcdcdc;overflow:hidden;}
.list-news .cont li h2{float:left;font-size:16px;line-height:42px;font-family:"OpenSans-Regular";}
.list-news .cont li h2 a{color:#666;}
.list-news .cont li h2 a:hover{color:#0084c0;}
.list-news .cont li p{float:right;line-height:42px;font-size:14px;}


.list-products{padding:40px 0;}
.list-products h1{text-align:center;font-size:44px;color:#0084c0;font-family:"Gotham-Bold";margin-bottom:40px;}
.list-products .list{overflow:hidden;}
.list-products .list ul{overflow:hidden;width:1250px;}
.list-products .list li{float:left;width:270px;margin:0 40px 40px 0;padding:1px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:-webkit-linear-gradient(#595959,#202020);background:-o-linear-gradient(#595959,#202020);background:-moz-linear-gradient(#595959,#202020);background:linear-gradient(#595959,#202020);}
.list-products .list li h4{font-size:18px;line-height:30px;text-transform:uppercase;text-align:center;padding:15px 0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.list-products .list li h4 a{color:#fff;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.list-products .list li:hover{padding:0;border:1px solid #0084c0;}
.list-products .list li:hover h4{background-color:#000;}
.list-products .list li:hover h4 a{color:#0084c0;}


.pro-banner{min-height:120px;}
.pro-banner img{width:100%;height:auto;}
.main-products h1{font-size:28px;line-height:60px;margin-bottom:30px;font-family:"Gotham-Thin";text-transform:uppercase;color:#0084c0;font-weight:bold;text-align:center;}
.main-products h2{font-size:36px;line-height:40px;font-family:"Gotham-Thin";color:#0084c0;font-weight:bold;text-align:center;}
.main-products table{width:100%;}
.main-products table td{min-width:20px;border:1px solid #999;padding:5px 0;font-size:16px;}
.main-products .intro .pro-logo{margin-bottom:30px;}
.main-products .intro{padding:30px 0;text-align:center;}
.main-products .intro h2{margin-bottom:30px;}
.main-products .intro p{line-height:30px;font-size:16px;margin-bottom:5px;}
.main-products .intro .y-box{background-color:#ffe019;padding:3%;font-size:20px;margin-bottom:20px;color:#333;}
.main-products .intro .tab{overflow:hidden;text-align:center;margin-bottom:30px;}
.main-products .intro .tab ul{display:inline-block;*display:inline;*zoom:1;}
.main-products .intro .tab li{float:left;line-height:50px;padding:0 15px;font-size:24px;margin:0 8px 8px;border-radius:8px;font-family:"OpenSans-Semibold";cursor:pointer;}
.main-products .intro .tab li:hover{color:#0084c0;}
.main-products .intro .tab li.on{background-color:#0084c0;color:#fff;}
.main-products .intro .tcont > ul > li{display:none;}
.main-products .intro .tcont > ul > li.on{display:block;}
.main-products .intro .tcont > ul > li h1{margin-bottom:50px;}
.main-products .intro .pic{overflow:hidden;margin-bottom:30px;}
.main-products .intro .pic .half{float:left;width:49.5%;margin:0 0.5% 10px 0;}
.main-products .intro .pic img{width:100%;height:auto;}

.main-products .list-pic{margin-bottom:30px;}
.main-products .list-pic ul{text-align:center;}
.main-products .list-pic li{display:inline-block;*display:inline;*zoom:1;width:270px;margin:0 10px 20px;}
.main-products .list-text{margin-bottom:30px;}
.main-products .list-text ul{overflow:hidden;text-align:left;}
.main-products .list-text li{float:left;width:50%;list-style:disc;list-style-position:inside;font-size:20px;line-height:25px;padding:5px 0;}
.main-products .list-text .one li{width:100%;float:none;}
.main-products .feature{padding:60px 0 30px;}
.main-products .feature h2{margin-bottom:50px;}
.main-products .feature .box{padding:30px 0;background-color:#fff;text-align:center;overflow:hidden;}
.main-products .feature .box h3{font-size:24px;line-height:30px;margin-bottom:5px;}
.main-products .feature .box h3 i{font-size:30px;font-family:"OpenSans-Bold";font-style:italic;margin-right:5px;}
.main-products .feature .box .half{float:left;width:50%;}
.main-products .feature .box p{font-size:16px;}
.main-products .parameter{padding:60px 0 70px;overflow:hidden;}
.main-products .parameter h2{text-transform:uppercase;margin-bottom:50px;}
.main-products .parameter .text{float:left;width:450px;}
.main-products .parameter .text .list{width:350px;margin:0 auto 20px;background-color:#f5f5f5;padding:20px 0 20px 60px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-products .parameter .text .list h4{line-height:30px;font-size:16px;color:#000;margin-bottom:5px;}
.main-products .parameter .text .list p{line-height:30px;font-size:16px;}
.main-products .parameter .pic{float:left;width:750px;}
.main-products .parameter .pic img{width:100%;height:auto;}
.main-products .structure{overflow:hidden;padding:50px 0;}
.main-products .structure h2{float:left;width:330px;line-height:50px;text-transform:uppercase;margin-top:200px;}
.main-products .structure .pic{float:right;width:800px;}
.main-products .photo-wall{padding:80px 0;}
.main-products .photo-wall img{width:100%;height:auto;}
.main-products .related{padding:55px 0 80px;}
.main-products .related h2{margin-bottom:50px;text-transform:uppercase;}
.main-products .related .slide-rel{position:relative;}
.main-products .related .slide-pic{overflow:hidden;}
.main-products .related .slide-pic li{float:left;width:270px;margin-right:40px;padding:1px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;overflow:hidden;}
.main-products .related .slide-pic li .pic{overflow:hidden;}
.main-products .related .slide-pic li .pic img{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.main-products .related .slide-pic li h4{font-size:18px;line-height:30px;text-transform:uppercase;text-align:center;padding:15px 0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.main-products .related .slide-pic li h4 a{color:#333;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.main-products .related .slide-pic li:hover .pic img{transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);}
.main-products .related .slide-pic li:hover h4 a{color:#0084c0;}
.main-products .related .item-btn{position:absolute;top:50%;margin-top:-30px;width:60px;height:60px;background:url(../image/all-icon.png) no-repeat;cursor:pointer;}
.main-products .related .prev{left:-100px;background-position:-320px -80px;}
.main-products .related .next{right:-100px;background-position:-380px -80px;}
.main-products .related .prev:hover{background-position:-130px -10px;}
.main-products .related .next:hover{background-position:-190px -10px;}


.main-news{padding:30px 0;}
.main-news .main-width{overflow:hidden;}
.main-news .news-content{overflow:hidden;}
.main-news .news-content .date{float:left;width:150px;font-family:"Gotham-Thin";font-weight:bold;}
.main-news .news-content .date .time{font-size:16px;padding:5px 0 20px;margin-bottom:20px;border-bottom:1px solid #999;}
.main-news .news-content .date .share{font-size:16px;font-family:"Gotham-Bold";margin-bottom:10px;}
.main-news .news-content .date ul{padding-left:10px;}
.main-news .news-content .date ul li{line-height:30px;}
.main-news .news-content .cont{float:right;width:1000px;}
.main-news .news-content .cont h1{font-size:28px;text-transform:uppercase;margin-bottom:20px;}
.main-news .news-content .cont h3{font-size:18px;font-weight:bold;margin:15px 0 5px;}
.main-news .news-content .cont ul li{height:25px;line-height:25px;}
.main-news .news-content .cont ul li img{margin-left:50px;}
.main-news .news-content .cont p{margin-bottom:15px;}
.main-news .news-content .cont .img{text-align:center;}
.main-news .subpage{margin-top:20px;float:right;}


.main-project .slidebox{width:100%;position:relative;z-index:9;overflow:hidden;background-color:#f5f5f5;}
.main-project .slidebox .slideshow{width:100%;overflow:hidden;position:relative;}
.main-project .slidebox .slideshow ul{position:relative;width:4000px;overflow:hidden;}
.main-project .slidebox .slideshow ul li{float:left;}
.main-project .slidebox .slideshow ul li img{width:100%;height:auto;}
.main-project .slidebox .slidelist{position:absolute;bottom:2.3%;left:50%;}
.main-project .slidebox .slidelist ul{margin-left:-50%;}
.main-project .slidebox .slidelist ul li{float:left;width:12px;height:12px;margin:0 10px;background-color:#999;cursor:pointer;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.main-project .slidebox .slidelist ul li.active{background-color:#0084c0;}
.main-project .cont{padding:45px 0 55px;text-align:center;}
.main-project .cont h1{font-size:36px;line-height:35px;margin-bottom:20px;font-family:"Gotham-Thin";font-weight:bold;text-transform:uppercase;}
.main-project .cont .info{line-height:30px;font-size:16px;margin-bottom:20px;}
.main-project .cont .icon{margin-bottom:40px;}
.main-project .cont .icon ul{overflow:hidden;padding-top:20px;}
.main-project .cont .icon li{position:relative;float:left;text-align:center;width:16.665%;}
.main-project .cont .icon li img{margin-bottom:15px;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.main-project .cont .icon li img:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}
.main-project .cont .icon li i{position:absolute;width:43px;height:43px;top:29px;right:-22px;background:url(../image/all-icon.png) -10px -240px no-repeat;}
.main-project .cont .expect{overflow:hidden;margin-bottom:40px;}
.main-project .cont .expect ul{width:101.5%;overflow:hidden;}
.main-project .cont .expect ul li{position:relative;float:left;width:31.8555%;margin-right:1.4778%;}
.main-project .cont .expect ul li img{width:100%;height:auto;}
.main-project .cont .expect ul li .text{position:absolute;bottom:0;left:0;width:100%;height:29.5%;padding:25px 12px 0;color:#333;background:rgba(216,216,216,.9);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;z-index:2;}
.main-project .cont .expect ul li .text h3{font-size:24px;margin-bottom:5px;}
.main-project .cont .expect ul li .text p{font-size:20px;font-family:"OpenSans-Light";}
.main-project .cont .expect ul li .bg{position:absolute;bottom:0;left:0;width:0;height:29.5%;background-color:#0084c0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;z-index:1;}
.main-project .cont .expect ul li:hover .text{color:#fff;background:none;}
.main-project .cont .expect ul li:hover .bg{width:100%;}
.main-project .cont .form-box{padding:45px 75px 60px;background-color:#f5f5f5;text-align:left;}
.main-project .cont .form-box h2{font-size:24px;line-height:35px;margin-bottom:40px;text-align:center;}
.main-project .cont .form-box li{margin-bottom:30px;}
.main-project .cont .form-box li .question{font-size:18px;line-height:30px;margin-bottom:5px;}
.main-project .cont .form-box li .question span{font-size:14px;font-family:"OpenSans-Light";}
.main-project .cont .form-box li .question .ckb{margin:0 5px 0 30px;}
.main-project .cont .form-box li .select{position:relative;height:48px;z-index:9;overflow:hidden;}
.main-project .cont .form-box li .select > p{font-size:16px;height:46px;line-height:46px;border:1px solid #d2d2d2;background-color:#fff;padding:0 40px 0 15px;color:#333;cursor:pointer;overflow:hidden;}
.main-project .cont .form-box li .select > p span{font-size:13px;font-family:"OpenSans-Light";color:#666;margin-left:15px;}
.main-project .cont .form-box li .select > p:hover{background-color:#f9f9f9;}
.main-project .cont .form-box li .select > i{position:absolute;width:0;height:0;right:10px;top:21px;border:10px solid transparent;border-top-color:#ababab;}
.main-project .cont .form-box li .select .sel-box{border:1px solid #d2d2d2;border-top:none;background-color:#fff;padding:10px 0;}
.main-project .cont .form-box li .select .sel-box p{position:relative;line-height:20px;font-size:16px;cursor:pointer;padding:10px 0 10px 15px;}
.main-project .cont .form-box li .select .sel-box p span{vertical-align:middle;}
.main-project .cont .form-box li .select .sel-box p .sec{display:none;margin-left:45px;}
.main-project .cont .form-box li .select .sel-box p .sec em{font-size:14px;}
.main-project .cont .form-box li .select .sel-box p em{display:block;color:#666;line-height:20px;}
.main-project .cont .form-box li .select .sel-box p:hover{background-color:#f9f9f9;}
.main-project .cont .form-box li .select .sel-box p:hover span{color:#0084c0;}
.main-project .cont .form-box li .select .sel-box p:hover .sec{display:inline-block;*display:inline;*zoom:1;}
.main-project .cont .form-box li .select .sel-box p em:hover{color:#0084c0;}
.main-project .cont .form-box li .select .who p span{display:none;}
.main-project .cont .form-box li .text,.main-project .cont .form-box li textarea{width:100%;height:48px;line-height:46px;font-size:16px;border:1px solid #d2d2d2;background-color:#fff;padding:0 15px;color:#333;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-project .cont .form-box li textarea{padding:10px 15px;height:215px;line-height:25px;font-family:"OpenSans-Regular";}
.main-project .cont .form-box li .tip{font-family:"OpenSans-Light";color: rgba(0, 0, 0, 0.91);font-size: 18px;}
.main-project .cont .form-box li .btn{position:relative;margin:10px 0;width:170px;height:42px;line-height:42px;background:url(../image/project-button.png) no-repeat;}
.main-project .cont .form-box li .btn input{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.main-project .cont .form-box li .pic-box{overflow:hidden;}
.main-project .cont .form-box li .pic-box p{float:left;width:23%;height:0;padding-bottom:20%;margin-right:1.8%;border:1px solid #d2d2d2;}
.main-project .cont .form-box li .pic-box img{width:100%;height:auto;}
.main-project .cont .form-box li .vercode{width:243px;height:33px;line-height:33px;padding:0 10px;border:1px solid #d2d2d2;margin-right:10px;text-transform:uppercase;}
.main-project .cont .form-box li .ordin{font-size:16px;margin-left:10px;vertical-align:middle;}
.main-project .cont .form-box li .ordin .non{color:#0084c0;cursor:pointer;}
.main-project .cont .form-box li .ckb{cursor:pointer;width:14px;height:14px;}
.main-project .cont .form-box li.sub{text-align:center;}
.main-project .cont .form-box li.sub input{width:170px;height:40px;line-height:40px;font-size:18px;background-color:#ccc;color:#fff;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;}
.main-project .cont .form-box li.sub input.on{background-color:#00a6ff;cursor:pointer;}
.main-project .agreement{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99999;}
.main-project .agreement .box{position:absolute;top:50%;left:50%;width:600px;height:600px;margin:-300px 0 0 -300px;padding:20px 40px;background-color:#f5f5f5;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;box-shadow:0px 0px 5px #999;}
.main-project .agreement .box h2{text-align:center;font-size:28px;color:#00a6ff;margin-bottom:20px;}
.main-project .agreement .box .text{border:1px solid #dcdcdc;height:378px;padding:5px 10px 15px;overflow-y:auto;}
.main-project .agreement .box .text p{font-size:16px;}
.main-project .agreement .box .text ul{padding-left:15px;}
.main-project .agreement .box .text ul li{list-style-type:lower-latin;}
.main-project .agreement .box .pl{line-height:20px;margin-top:5px;}
.main-project .agreement .box .pl input{margin-right:5px;cursor:pointer;}
.main-project .agreement .box .close{position:absolute;width:43px;height:42px;right:-15px;top:-15px;background:url(../image/all-icon.png) no-repeat -270px -240px;cursor:pointer;}
.main-project .agreement .box .ok{display:block;width:150px;height:40px;background-color:#00a6ff;color:#fff;margin:15px auto 0;text-align:center;line-height:40px;font-size:18px;cursor:pointer;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;}


.main-about-v .profile{background-color:#f5f5f5;padding:50px 0;text-align:center;}
.main-about-v .profile h1{font-size:44px;line-height:45px;font-family:"Gotham-Thin";font-weight:bold;margin-bottom:25px;}
.main-about-v .profile p{line-height:30px;font-size:16px;}
.main-about-v .show{padding:40px 0;}
.main-about-v .show .lt-line{position:absolute;left:0;top:0;width:40px;height:40px;border-top:2px solid #00a6ff;border-left:2px solid #00a6ff;}
.main-about-v .show .rb-line{position:absolute;right:0;bottom:0;width:40px;height:40px;border-bottom:2px solid #00a6ff;border-right:2px solid #00a6ff;}
.main-about-v .show .box1{overflow:hidden;margin-bottom:40px;}
.main-about-v .show .box1 .pic{float:left;width:52%;}
.main-about-v .show .box1 .pic img{width:100%;height:auto;}
.main-about-v .show .box1 .text{position:relative;float:left;width:48%;margin-top:4.5%;padding:4.5% 2.5%;background-color:#f5f5f5;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-about-v .show .box1 .text p{font-size:16px;line-height:30px;}
.main-about-v .show .box2{position:relative;margin-bottom:40px;}
.main-about-v .show .box2 > img{width:100%;height:auto;}
.main-about-v .show .box2 .text{position:absolute;right:0;top:0;width:38%;padding:2.9% 1% 0;text-align:center;}
.main-about-v .show .box2 .text p{text-align:left;line-height:30px;font-size:16px;color:#fff;margin-top:15px;}
.main-about-v .show .box3{position:relative;background-color:#f5f5f5;padding:20px 0;margin-bottom:40px;}
.main-about-v .show .box3 i{display:block;margin:0 auto 10px;width:51px;height:51px;background:url(../image/all-icon.png) -160px -240px no-repeat;}
.main-about-v .show .box3 p{text-align:center;font-size:16px;line-height:30px;width:970px;margin:0 auto;}
.main-about-v .show .box4{overflow:hidden;}
.main-about-v .show .box4 .logo-pic{float:left;width:49.1667%;}
.main-about-v .show .box4 .logo-pic img{width:100%;height:auto;}
.main-about-v .show .box4 .video{float:right;width:49.1667%;}
.main-about-v .show .box4 .video img{width:100%;height:auto;}
.main-about-v .show .box4 .video iframe{width:100%;height:auto;}

.main-about-z{padding:50px 0 70px;}
.main-about-z .profile{position:relative;padding-bottom:80px;}
.main-about-z .profile h1{font-size:44px;line-height:45px;padding-bottom:35px;border-bottom:1px solid #ccc;font-family:"Gotham-Thin";font-weight:bold;margin-bottom:25px;text-transform:uppercase;}
.main-about-z .profile p{padding:0 30px;line-height:50px;font-size:24px;color:#333;margin-bottom:30px;}
.main-about-z .profile img{position:absolute;right:0;bottom:0;}


.main-wholesale{padding:10px 0 55px;}
.main-wholesale .cont{overflow:hidden;}
.main-wholesale .cont .info{float:left;width:390px;height:745px;padding:185px 30px 0;background-color:#020202;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-wholesale .cont .info h1{font-size:36px;line-height:35px;font-family:"Gotham-Thin";font-weight:bold;text-transform:uppercase;color:#fff;}
.main-wholesale .cont .info hr{width:90px;height:0;border:1px solid #00a6ff;margin:32px auto;}
.main-wholesale .cont .info p{font-size:16px;line-height:30px;color:#fff;}
.main-wholesale .cont .info p span{font-family:"OpenSans-Semibold";}
.main-wholesale .cont .info p a{color:#fff;}
.main-wholesale .cont .info p a:hover{color:#00a6ff;}
.main-wholesale .cont .form-box{float:left;width:810px;height:745px;padding:40px;border:1px solid #e5e5e5;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-wholesale .cont .form-box p{line-height:30px;font-size:16px;margin-bottom:40px;}
.main-wholesale .cont .form-box input,.main-wholesale .cont textarea{width:100%;height:48px;line-height:46px;padding:0 10px;margin-bottom:20px;border:1px solid #ababab;background:none;font-size:16px;font-family:"OpenSans-Light";box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-wholesale .cont .form-box textarea{height:150px;line-height:25px;padding:5px 10px;margin-bottom:40px;}
.main-wholesale .cont .form-box .btn{text-align:center;}
.main-wholesale .cont .form-box .btn input{width:170px;height:42px;line-height:42px;margin:0 15px;border:none;background-color:#00a6ff;color:#fff;font-size:18px;cursor:pointer;border-radius:21px;-webkit-border-radius:21px;-moz-border-radius:21px;-ms-border-radius:21px;-o-border-radius:21px;}
.main-wholesale .form-box input::-webkit-input-placeholder,.main-wholesale .form-box textarea::-webkit-input-placeholder{color:#b2b2b2;font-style:italic;}
.main-wholesale .form-box input:-moz-placeholder,.main-wholesale .form-box textarea:-moz-placeholder{color:#b2b2b2;font-style:italic;}
.main-wholesale .form-box input::-moz-placeholder,.main-wholesale .form-box textarea::-moz-placeholder{color:#b2b2b2;font-style:italic;}
.main-wholesale .form-box input:-ms-input-placeholder,.main-wholesale .form-box textarea:-ms-input-placeholder{color:#b2b2b2;font-style:italic;}


.main-warranty{padding:40px 0;}
.main-warranty .title{text-align:center;margin-bottom:35px;}
.main-warranty .title h1{font-size:40px;line-height:40px;margin-bottom:15px;font-family:"Gotham-Thin";font-weight:bold;text-transform:uppercase;}
.main-warranty .title p{font-size:16px;font-family:"OpenSans-Light";margin-bottom:15px;}
.main-warranty .title table{width:900px;margin:0 auto;line-height:40px;}
.main-warranty .title table th,.main-warranty .title table td{border:1px solid #e5e5e5;width:50%;}
.main-warranty .title table th{background-color:#00a6ff;color:#fff;font-size:18px;}
.main-warranty .title table td{font-size:16px;}
.main-warranty .info{padding:50px 0;background-color:#f5f5f5;}
.main-warranty .info h2{line-height:30px;font-size:24px;font-family:"Gotham-Thin";font-weight:bold;text-align:center;color:#00a6ff;margin-bottom:20px;}
.main-warranty .info li{overflow:hidden;padding:22px 0;}
.main-warranty .info li .pic{float:left;width:557px;}
.main-warranty .info li .pic img{width:100%;height:auto;box-shadow:5px 5px 5px #999;-webkit-box-shadow:5px 5px 5px #999;-moz-box-shadow:5px 5px 5px #999;-ms-box-shadow:5px 5px 5px #999;-o-box-shadow:5px 5px 5px #999;}
.main-warranty .info li .text{position:relative;float:right;width:550px;padding:0 0 0 25px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-warranty .info li .text p{font-size:24px;line-height:40px;}
.main-warranty .info li .text span{position:absolute;top:0;left:0;font-size:24px;line-height:40px;color:#00a6ff;}
.main-warranty .info li .text.mtop{margin-top:7%;}
.main-warranty .note{padding:50px 0;}
.main-warranty .note .warr{font-size:16px;font-family:"OpenSans-bold";line-height:30px;color:#333;margin-bottom:5px;}
.main-warranty .note ul{overflow:hidden;margin-bottom:10px;}
.main-warranty .note li{float:left;margin-right:6%;font-size:16px;font-family:"OpenSans-bold";line-height:30px;color:#666;}
.main-warranty .note .notice{font-size:16px;line-height:30px;color:#666;}
.main-warranty .other{overflow:hidden;}
.main-warranty .other a{display:block;width:48%;height:100px;line-height:100px;text-transform:uppercase;background-color:#000;color:#fff;font-size:30px;font-family:"Gotham-Thin";font-weight:bold;text-transform:uppercase;text-align:center;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.main-warranty .other a:hover{background-color:#00a6ff;font-family:"Gotham-Bold";}
.main-warranty .other .left{float:left;}
.main-warranty .other .right{float:right;}


.main-partners{padding:50px 0;}
.main-partners .cont h1{font-size:36px;line-height:35px;margin-bottom:40px;font-family:"Gotham-Thin";font-weight:bold;text-transform:uppercase;text-align:center;}
.main-partners .cont .box{background-color:#f5f5f5;padding:30px 20px 1px;margin-bottom:30px;}
.main-partners .cont .box h2{font-size:28px;line-height:30px;font-family:"Gotham-Thin";font-weight:bold;text-transform:uppercase;text-align:center;margin-bottom:35px;}
.main-partners .cont .box ul{overflow:hidden;}
.main-partners .cont .box ul li{float:left;width:50%;margin-bottom:30px;}
.main-partners .cont .box ul li img{margin-right:15px;}
.main-partners .cont .box ul li .text{display:inline-block;*display:inline;*zoom:1;}
.main-partners .cont .box ul li .text span{line-height:86px;font-size:16px;}
.main-partners .cont .box ul li .text .black{width:150px;color:#333;margin-right:15px;}
.main-partners .cont .box ul li .text .blue{color:#00a6ff;font-family:"OpenSans-Bold";}


.main-account{padding:50px 0;}
.main-account .title{position:relative;padding-bottom:50px;border-bottom:1px solid #b2b2b2;margin-bottom:40px;}
.main-account .title h1{font-size:36px;line-height:40px;font-family:"Gotham-Thin";margin-bottom:35px;font-weight:bold;text-transform:uppercase;}
.main-account .title .share{overflow:hidden;font-size:0;}
.main-account .title .share a{display:inline-block;*display:inline;*zoom:1;width:40px;height:40px;background:url(../image/all-icon.png) no-repeat;margin-right:35px;}
.main-account .title .share .twitter{background-position:-10px -370px;}
.main-account .title .share .facebook{background-position:-50px -370px;}
.main-account .title .share .google{background-position:-90px -370px;}
.main-account .title .share .mail{background-position:-130px -370px;}
.main-account .title img{position:absolute;bottom:0;right:0;}
.main-account .content p{font-size:18px;line-height:25px;padding:5px 0;color:#333;}
.main-account .content .chips{font-family:"OpenSans-Bold";margin:20px 0;}
.main-account .content .note{position:relative;padding-left:55px;line-height:30px;padding-right:18%;}
.main-account .content .note span{position:absolute;top:3px;left:0;line-height:30px;font-family:"OpenSans-Bold";}


.main-verification{padding:70px 0;background-color:#f5f5f5;}
.main-verification .title{text-align:center;margin-bottom:35px;}
.main-verification .title h1{font-size:40px;line-height:40px;margin-bottom:15px;font-family:"Gotham-Thin";font-weight:bold;text-transform:uppercase;}
.main-verification .title p{font-size:16px;font-family:"OpenSans-Light";}
.main-verification .cont-box{padding:35px 35px 1px;margin-bottom:40px;}
.main-verification .cont-box h4{line-height:30px;font-size:18px;margin-bottom:30px;}
.main-verification .cont-box h4 i{font-style:italic;margin-right:5px;}
.main-verification .cont-box .tempo{margin-bottom:35px;}
.main-verification .cont-box .tempo img{vertical-align:top;margin-right:10px;}
.main-verification .cont-box .tempo p{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:16px;}
.main-verification .cont-box .tempo1 p{margin-top:52px;}
.main-verification .cont-box .tempo2 p{margin-top:10px;}
.main-verification .cont-box .tempo3 p{margin-top:5px;}
.main-verification .cont-box .tempo4 p{margin-top:15px;}
.main-verification .cont-box .pic{margin-bottom:35px;}
.main-verification .cont-box .pic img{margin-right:25px;}
.main-verification .other{overflow:hidden;}
.main-verification .other a{display:block;width:48%;height:100px;line-height:100px;text-transform:uppercase;background-color:#000;color:#fff;font-size:30px;font-family:"Gotham-Thin";font-weight:bold;text-transform:uppercase;text-align:center;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.main-verification .other a:hover{background-color:#00a6ff;font-family:"Gotham-Bold";}
.main-verification .other .left{float:left;}
.main-verification .other .right{float:right;}


.main-contact .title{padding:40px 0 50px;text-align:center;}
.main-contact .title h1{font-size:40px;line-height:40px;margin-bottom:15px;text-transform:uppercase;font-family:"Gotham-Thin";font-weight:bold;}
.main-contact .title p{font-size:16px;font-family:"OpenSans-Light";}
.main-contact .contact-box{padding:20px 0;overflow:hidden;margin-bottom:55px;}
.main-contact .contact-box .way{float:left;width:550px;}
.main-contact .contact-box .way h2{position:relative;padding-left:95px;line-height:54px;font-family:"Gotham-Thin";font-size:24px;font-weight:bold;color:#00a6ff;text-transform:uppercase;margin-bottom:40px;}
.main-contact .contact-box .way h2 i{position:absolute;width:84px;height:54px;top:0;left:0;background:url(../image/all-icon.png) no-repeat;}
.main-contact .contact-box .way h2 i.china{background-position:-10px -170px;}
.main-contact .contact-box .way h2 i.usa{background-position:-110px -170px;}
.main-contact .contact-box .way ul{overflow:hidden;}
.main-contact .contact-box .way ul li{position:relative;float:left;width:100%;padding-left:65px;margin-bottom:25px;line-height:43px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-contact .contact-box .way ul li i{position:absolute;width:43px;height:43px;top:0;left:0;background:url(../image/all-icon.png) no-repeat;}
.main-contact .contact-box .way ul li.tel,.main-contact .contact-box .way ul li.mail{width:50%;}
.main-contact .contact-box .way ul li.tel i{background-position:-210px -170px;}
.main-contact .contact-box .way ul li.mail i{background-position:-253px -170px;}
.main-contact .contact-box .way ul li.time i{background-position:-296px -170px;}
.main-contact .contact-box .way ul li.add i{background-position:-339px -170px;}

.main-contact .contact-box .way .sns{overflow:hidden;}
.main-contact .contact-box .way .sns a{float:left;display:block;width:41px;height:41px;background:url(../image/all-icon.png) no-repeat;margin:0 14px 14px 0;}
.main-contact .contact-box .way .sns a.facebook{background-position:-10px -80px;}
.main-contact .contact-box .way .sns a.instagram{background-position:-51px -80px;}
.main-contact .contact-box .way .sns a.youtube{background-position:-92px -80px;}
.main-contact .contact-box .way .sns a.twitter{background-position:-133px -80px;}
.main-contact .contact-box .way .sns a.vkontakte{background-position:-174px -80px;}
.main-contact .contact-box .way .sns a.pinterest{background-position:-215px -80px;}
.main-contact .contact-box .way .sns a.google{background-position:-256px -80px;}
.main-contact .contact-box .way .sns a.facebook:hover{background-position:-10px -121px;}
.main-contact .contact-box .way .sns a.instagram:hover{background-position:-51px -121px;}
.main-contact .contact-box .way .sns a.youtube:hover{background-position:-92px -121px;}
.main-contact .contact-box .way .sns a.twitter:hover{background-position:-133px -121px;}
.main-contact .contact-box .way .sns a.vkontakte:hover{background-position:-174px -121px;}
.main-contact .contact-box .way .sns a.pinterest:hover{background-position:-215px -121px;}
.main-contact .contact-box .way .sns a.google:hover{background-position:-256px -121px;}
.main-contact .contact-box .map{float:right;width:550px;}
.main-contact .contact-box .map iframe{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-contact .required{padding:45px 0 60px;text-align:center;}
.main-contact .required p{width:940px;font-size:24px;line-height:35px;text-align:center;margin:0 auto 40px;font-family:"Gotham-Thin";font-weight:bold;color:#00a6ff;}
.main-contact .required p a{font-family:"Gotham-Bold";color:#00a6ff;}
.main-contact .required input,.main-contact .required textarea{border:1px solid #dcdcdc;background:#fff;padding:0 10px;width:100%;height:48px;line-height:46px;margin-bottom:1.1667%;font-size:16px;font-family:"OpenSans-Light";box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-contact .required textarea{height:130px;line-height:25px;padding:5px 10px;}
.main-contact .required .box{width:101.16667%;font-size:0;}
.main-contact .required .box input{width:48.84678%;margin-right:1.15322%;}
.main-contact .required .sub{width:170px;height:42px;line-height:42px;border:none;background-color:#00a6ff;color:#fff;font-size:18px;cursor:pointer;border-radius:21px;-webkit-border-radius:21px;-moz-border-radius:21px;-ms-border-radius:21px;-o-border-radius:21px;}


.search-results{padding:40px 0;}
.search-results .main-width{overflow:hidden;}
.search-results h1{color:#333;margin-bottom:40px;}
.search-results .list ul{width:104%;overflow:hidden;}
.search-results .list li{position:relative;float:left;width:46.15384%;height:246px;margin-right:3.84615%;overflow:hidden;padding:20px 0 20px 245px;border-bottom:1px dashed #ccc;box-sizing:border-box;}
.search-results .list li .pic{position:absolute;top:10px;left:0;}
.search-results .list li .text{width:100%;padding-top:30px;}
.search-results .list li .text h4{margin-bottom:10px;font-size:22px;line-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none;}
.search-results .list li .text p{margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.search-results .list li .text .more{padding:0 10px;margin-top:10px;line-height:30px;text-transform:uppercase;float:right;text-align:right;display:block;border:1px solid #00a6ff;color:#00a6ff;font-size:12px;border-radius:15px;} 
.search-results .list li .text .more:hover{background-color:#00a6ff;color:#fff;}


.footer{background:url(../image/footer-bg.jpg) no-repeat center;}
.footer .foot-cont{padding:70px 0 55px;overflow:hidden;}
.footer .foot-box{float:left;}
.footer .foot-box h3{font-size:16px;line-height:25px;font-family:Arial;text-transform:uppercase;margin-bottom:25px;color:#fff;font-weight:600;  }
.footer .foot-box h3 a{color:#fff;}
.footer .foot-box h3 a:hover{color:#00a6ff;}
.footer .foot-box li{line-height:22px;font-size:14px;color:#c6c6c6;padding-right:10px;}
.footer .foot-box li a{color:#c6c6c6;}
.footer .foot-box li a:hover{color:#00a6ff;}
.footer .foot-box li.tel{position:relative;padding-left:22px;}
.footer .foot-box li.mail{position:relative;padding-left:22px;margin-bottom:20px;}
.footer .foot-box li.tel i{position:absolute;left:0;top:0;width:15px;height:22px;background:url(../image/all-icon.png) no-repeat -370px -10px;}
.footer .foot-box li.mail i{position:absolute;left:0;top:0;width:15px;height:22px;background:url(../image/all-icon.png) no-repeat -385px -10px;}
.footer .foot-box .icon{overflow:hidden;}
.footer .foot-box .icon a{float:left;display:block;width:41px;height:41px;background:url(../image/all-icon.png) no-repeat;margin:0 14px 14px 0;}
.footer .foot-box .icon a.facebook{background-position:-10px -80px;}
.footer .foot-box .icon a.instagram{background-position:-51px -80px;}
.footer .foot-box .icon a.youtube{background-position:-92px -80px;}
.footer .foot-box .icon a.twitter{background-position:-133px -80px;}
.footer .foot-box .icon a.vkontakte{background-position:-174px -80px;}
.footer .foot-box .icon a.pinterest{background-position:-215px -80px;}
.footer .foot-box .icon a.google{background-position:-256px -80px;}
.footer .foot-box .icon a.vapingunderground{background:url(http://www.vandyvape.com/upload/allimg/180119/1_1013224641.jpg) no-repeat;}
.footer .foot-box .icon a.facebook:hover{background-position:-10px -121px;}
.footer .foot-box .icon a.instagram:hover{background-position:-51px -121px;}
.footer .foot-box .icon a.youtube:hover{background-position:-92px -121px;}
.footer .foot-box .icon a.twitter:hover{background-position:-133px -121px;}
.footer .foot-box .icon a.vkontakte:hover{background-position:-174px -121px;}
.footer .foot-box .icon a.pinterest:hover{background-position:-215px -121px;}
.footer .foot-box .icon a.google:hover{background-position:-256px -121px;}
.footer .foot-cont .about{width:13.8%;}
.footer .foot-cont .contact{width:21.6%;}
.footer .foot-cont .sns{width:21.6%;}
.footer .foot-cont .verify{width:24%;}
.footer .foot-cont .partner{width:19%;}
.footer .foot-cont .verify .ver-box{float:left;width:160px;margin-right:5px;}
.footer .foot-cont .verify .ver-box input.text{width:100%;height:34px;line-height:34px;padding:0 5px;;background:none;border:1px solid #454545;color:#c6c6c6;margin-bottom:5px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.footer .foot-cont .verify .ver-box input.sub{width:50px;height:35px;line-height:35px;background-color:#00a6ff;color:#fff;cursor:pointer;margin-bottom:5px;}
.footer .foot-cont .verify .qr-code{float:left;}
.footer .foot-cont .partner img{margin-bottom:5px;}
.footer .copy-right{line-height:25px;padding:17px 0 25px;text-align:center;border-top:1px solid #2d2d2d;}
.footer .copy-right .ban{margin-top:8px;}


.message-flow{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999;}
.message-flow .bg{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.message-flow .box{position:absolute;top:50%;left:50%;width:600px;height:500px;padding:65px 4% 0;margin:-230px 0 0 -300px;background-color:#f5f5f5;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;}
.message-flow .box .close{position:absolute;width:43px;height:42px;right:-15px;top:-15px;background:url(../image/all-icon.png) no-repeat -270px -240px;cursor:pointer;}
.message-flow .box .logo{position:absolute;top:-55px;left:50%;margin-left:-55px;}
.message-flow .box input,.message-flow .box textarea{width:100%;height:33px;line-height:33px;padding:0 10px;margin-bottom:10px;border:1px solid #dcdcdc;background:none;font-size:13px;font-family:"OpenSans-Light";box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.message-flow .box textarea{height:150px;line-height:25px;padding:5px 10px;margin-bottom:10px;}
.message-flow .box .btn{text-align:center;}
.message-flow .box .btn input{width:120px;height:33px;line-height:33px;margin:0 15px;border:none;background-color:#00a6ff;color:#fff;font-size:18px;cursor:pointer;border-radius:21px;-webkit-border-radius:21px;-moz-border-radius:21px;-ms-border-radius:21px;-o-border-radius:21px;}
.message-flow .box input::-webkit-input-placeholder,.message-flow .box textarea::-webkit-input-placeholder{color:#00a6ff;font-style:italic;}
.message-flow .box input:-moz-placeholder,.message-flow .box textarea:-moz-placeholder{color:#00a6ff;font-style:italic;}
.message-flow .box input::-moz-placeholder,.message-flow .box textarea::-moz-placeholder{color:#00a6ff;font-style:italic;}
.message-flow .box input:-ms-input-placeholder,.message-flow .box textarea:-ms-input-placeholder{color:#00a6ff;font-style:italic;}


.icon-flow{position:fixed;right:2px;bottom:0;z-index:9999;}
.icon-flow a{position:relative;display:block;width:90px;height:59px;background:url(../image/all-icon.png) no-repeat;margin-bottom:2px;}
.icon-flow a i{position:absolute;right:0;top:0;width:16px;height:16px;background:url(../image/all-icon.png) no-repeat -400px -190px;z-index:99999;}
.icon-flow a.mess{background-position:-10px -300px;}
.icon-flow a.skype{background-position:-100px -300px;}
.icon-flow a.totop{background-position:-190px -300px;}


#vdimgck{cursor:pointer;}
#result{clear:both;}
#result span{color:#fff;}
#a-ver{position:relative;display:block;height:0;top:-190px;}


.list-software{padding:50px 0;}
.list-software h1{font-size:24px;line-height:50px;text-align:center;font-family:"OpenSans-Bold";background-color:#111;color:#00a6ff;text-transform:uppercase;}
.list-software .cont li{position:relative;height:100px;padding:20px 20px 20px 140px;background-color:#f5f5f5;border-bottom:1px solid #ccc;}
.list-software .cont li .pic{position:absolute;width:100px;height:100px;top:20px;left:20px;}
.list-software .cont li .text{padding-top:10px;}
.list-software .cont li .text h3{font-size:20px;line-height:25px;font-family:"OpenSans-Bold";margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list-software .cont li .text p{font-size:16px;line-height:25px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list-software .cont li .text span{color:#999;}

.main-software .overview{overflow:hidden;padding:40px 0 30px;border-bottom:1px solid #b2b2b2;}
.main-software .overview .pic{float:left;width:188px;}
.main-software .overview .pic .btn{overflow:hidden;margin-top:8px;}
.main-software .overview .pic .btn a{display:block;width:90px;height:25px;}
.main-software .overview .pic .btn .win{float:left;background:url(../image/button-win.png) no-repeat;}
.main-software .overview .pic .btn .mac{float:right;background:url(../image/button-mac.png) no-repeat;}
.main-software .overview .info{float:right;width:950px;}
.main-software .overview .info h1{font-size:24px;line-height:40px;color:#00a6ff;margin-bottom:10px;}
.main-software .overview .info p{font-size:18px;font-family:"OpenSans-Regular";margin-bottom:20px;}
.main-software .overview .info .parameter table{line-height:30px;color:#000;}
.main-software .overview .info .parameter table td{padding-right:20px;}
.main-software .detail{padding:30px 0;}
.main-software .detail h2{font-size:24px;line-height:35px;color:#00a6ff;margin-bottom:10px;}
.main-software .detail p{font-size:18px;line-height:30px;margin-bottom:15px;}
.main-software .detail .img img{width:100%;height:auto;}
.main-software .related{padding:10px 0 50px;}
.main-software .related h2{font-size:24px;line-height:35px;color:#00a6ff;margin-bottom:20px;}
.main-software .related ul{overflow:hidden;}
.main-software .related li{position:relative;float:left;width:50%;font-size:18px;line-height:30px;padding:5px 10px 5px 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-software .related li a i{position:absolute;left:3px;top:16px;width:8px;height:8px;background-color:#333;border-radius:50%;}
.main-software .related li a:hover i{background-color:#00a6ff;}
.main-software .related li.one{width:100%;}

.slide-video li a em {
    position: absolute;
    display: none;
    margin: -30px auto auto -30px;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    font-style: normal;
    filter: alpha(Opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;

}
.slide-video li a:hover em { 
     display: block; 
}

/*ca----------------------*/
#commodityGoodsNo {  
   height:39px;
   padding-top:19px;
   margin-top:100px;
   font-family:Arial;
   font-weight:900;
}

 .button-add-to-cart {
    margin: 27px 0px 6px 61px;
    width: 154px;
}


  .button-red {
    width: 125px;
    height: 29px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

       padding-top: 2px;
    display: inline-block;
    text-decoration: none;
    text-align: center;

    background-image: none;
background-color: #ff1427;
border-color: #ff1427;


border-color: #e10818;
background-position: 0px -710px;
background-color: #f20613;
color: #ffffff;


white-space: nowrap;
cursor: pointer;
padding-top: 0px;
padding-left: 7px;
padding-right: 7px;
height: 25px;
border-style: solid;
border-width: 1px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
font-weight: bold;

}