@charset "utf-8";
html{font-size:100px;}
.main-width{width:1400px;margin:0 auto;}
.main-banner img{width: 100%;height: auto;}
.index-main h2.title{margin-bottom: 50px;font-size: 48px;line-height: 50px;color: #369dff;text-align: center;font-family: "OpenSans-Bold";text-transform: uppercase;}
.index-main h2.title span{color: #00b050;}
/*导航栏*/
.header2{position: fixed;left: 0;top: 0;width: 100%;height: 100px;background-color: #313131;z-index: 999;}
.header2 .logo{float: left;margin-top: 26px;width: 171px;}
.header2 .logo img{width: 100%;height: auto;}
.header2 .nav{float: right;}
.header2 .nav > ul{}
.header2 .nav > ul > li{position: relative;height: 100px;float: left;margin-right: 18px;font-size: 20px;line-height: 100px;font-family: "Arial-Regular";text-transform: uppercase;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.header2 .nav > ul > li:nth-child(7){margin-right: 2px;}
.header2 .nav > ul > li > a{padding: 14px 18px;color: #fff;}
.header2 .nav > ul > li .drop-down{display: none;position: absolute;top: 100px;background-color: #f5f5f5;border-top: 3px solid #369dff;overflow: hidden;box-shadow:0 0 5px #999;}
.header2 .nav > ul > li.pro .drop-down{left: 50%;margin-left: -540px;width: 1350px;padding: 40px 25px;}
.header2 .nav > ul > li.ser .drop-down{left: 50%;margin-left: -452px;width: 750px;padding: 40px 25px;}
.header2 .nav > ul > li .drop-down li{float: left;width: 150px;font-size: 14px;line-height: 24px;font-family: "OpenSans-Bold";text-align: center;text-transform: uppercase;}
.header2 .nav > ul > li .drop-down li a{color: #555;}
.header2 .nav > ul > li .drop-down li a i{display: block;margin: 0 auto 24px auto;width: 84px;height: 83px;background: url(/images/all-icon.png) no-repeat;}
.header2 .nav > ul > li .drop-down li a i.icon1{background-position:-250px -140px;}
.header2 .nav > ul > li .drop-down li a i.icon2{background-position:-350px -140px;}
.header2 .nav > ul > li .drop-down li a i.icon3{background-position:-450px -140px;}
.header2 .nav > ul > li .drop-down li a i.icon4{background-position:-550px -140px;}
.header2 .nav > ul > li .drop-down li a i.icon5{background-position:-250px -240px;}
.header2 .nav > ul > li .drop-down li a i.icon6{background-position:-350px -240px;}
.header2 .nav > ul > li .drop-down li a i.icon7{background-position:-450px -240px;}
.header2 .nav > ul > li .drop-down li a i.icon8{background-position:-550px -240px;}
.header2 .nav > ul > li .drop-down li a i.icon9{background-position:-250px -340px;}
.header2 .nav > ul > li .drop-down li a i.icon10{background-position:-350px -340px;}
.header2 .nav > ul > li .drop-down li a i.icon11{background-position:-450px -340px;}
.header2 .nav > ul > li .drop-down li a i.icon12{background-position:-550px -340px;}
.header2 .nav > ul > li .drop-down li a i.icon13{background-position:-250px -440px;}
.header2 .nav > ul > li .drop-down li a i.icon14{background-position:-350px -440px;}
.header2 .nav > ul > li .drop-down li a:hover{color: #1874fa;}
.header2 .nav > ul > li.search{float: right;margin-right: 0px;width: 20px;height: 20px;padding: 36px 0 0px 30px;}
.header2 .nav > ul > li.search .box{float: right;position: relative;width: 0px;overflow: visible !important;}
.header2 .nav > ul > li.search .box .text{display: none;position: relative;width: 100%;height: 30px;border: 1px solid #999;padding: 0 30px 0 10px;float: right;z-index: 8;border-radius: 18px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.header2 .nav > ul > li.search .box .btn, .header .nav li.search .box .sub {position: absolute;top: 4px;right: 10px;width: 20px;height: 20px;padding: 1px 0;cursor: pointer;z-index: 9;}
.header2 .nav > ul > li.search .box .btn{background: url(/images/all-icon.png) 0 0 no-repeat;}
.header2 .nav > ul > li.search .box .sub {display: none;background: url(/images/all-icon.png) 0 0 no-repeat;}
.header2 .nav > ul > li:hover{background-color: #369dff;}
.header2 .nav > ul > li.search:hover{background-color: transparent;}
.header2 .nav > ul > li:hover a{color: #fff;}
.header2 .nav > ul > li.active{background-color: #369dff;}
.header2 .nav > ul > li.active > a{color: #fff;}
.header2 .logo .phone-menu{display: none;float: right;margin: 18px 0;width: 28px;height: 18px;background: url(/images/all-icon.png) no-repeat -110px 0;cursor: pointer;}
.header2.active .logo .phone-menu{background-position:-150px 0;}
.header2.flow{height: 70px;box-shadow:0 0 5px #999;}
.header2.flow .logo{margin-top: 8px;}
.header2.flow .nav > ul > li{height: 70px;line-height: 70px;}
.header2.flow .nav > ul > li.search{padding: 20px 0 0px 30px;}
.header2.flow .nav > ul > li .drop-down{top: 70px;}
/*首页banner*/
.index-main .slidebox{width:100%;position:relative;z-index:9;overflow:hidden;}
.index-main .slidebox .slideshow{width:100%;margin:0 auto;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:3%;left:50%;}
.index-main .slidebox .slidelist ul{margin-left:-50%;}
.index-main .slidebox .slidelist ul li{float:left;width:61px;height:25px;margin:0 14px;cursor:pointer;background: url(/images/all-icon.png) 0 -30px no-repeat;}
.index-main .slidebox .slidelist ul li.active{background-position: 0 -60px;}
/*.index-main .slidebox .item-btn{position:absolute;width:38px;height:38px;top:50%;margin-top:-19px;background:url(/images/all-icon.png) no-repeat;cursor:pointer;transition:left .5s,right .5s;-webkit-transition:left .5s,right .5s;-moz-transition:left .5s,right .5s;-ms-transition:left .5s,right .5s;-o-transition:left .5s,right .5s;}
.index-main .slidebox .prev{left:-56px;background-position:0px -200px;}
.index-main .slidebox .next{right:-56px;background-position:-48px -200px;}
.index-main .slidebox .prev:hover{background-position:0px -250px;}
.index-main .slidebox .next:hover{background-position:-48px -250px;}
.index-main .slidebox:hover .prev{left:56px;}
.index-main .slidebox:hover .next{right:56px;}*/
/*首页注意*/
.index-attention{padding: 60px 0;background-color: #f5f5f5;}
.index-attention .note{position: relative;margin-top: 110px;padding-top: 62px;height: 240px;background: url(/images/attention-line.png) no-repeat;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-attention .note ul{position: absolute;top: -52px;left: 0;overflow: hidden;}
.index-attention .note ul li{float: left;width: 233px;}
.index-attention .note ul li.cust{margin-top: 74px;}
.index-attention .note ul li.team{margin-top: 18px;}
.index-attention .note ul li.speed{margin-top: 112px;}
.index-attention .note ul li.service{margin-top: 12px;}
.index-attention .note ul li.quality{margin-top: 78px;}
.index-attention .note ul li span{display: block;margin: 0 auto;width: 134px;height: 134px;background: url(/images/index-attention.png) no-repeat;}
.index-attention .note ul li.design span{background-position:0 0;}
.index-attention .note ul li.cust span{background-position:-150px 0;}
.index-attention .note ul li.team span{background-position:-300px 0;}
.index-attention .note ul li.speed span{background-position:-450px 0;}
.index-attention .note ul li.service span{background-position:0 -150px;}
.index-attention .note ul li.quality span{background-position:-150px -150px;}
.index-attention .note ul li p{margin-top: 20px;height: 50px;font-size: 20px;color: #333;text-align: center;}
.index-attention .note ul li.design:hover span{background-position:0 -300px;}
.index-attention .note ul li.cust:hover span{background-position:-150px -300px;}
.index-attention .note ul li.team:hover span{background-position:-300px -300px;}
.index-attention .note ul li.speed:hover span{background-position:-450px -300px;}
.index-attention .note ul li.service:hover span{background-position:0 -450px;}
.index-attention .note ul li.quality:hover span{background-position:-150px -450px;}
.index-attention .note ul li:hover p{color: #369dff;}
/*首页产品*/
.index-product{padding: 64px 0 66px 0;}
.index-product .slide-pro{position: relative;}
.index-product .slide-pro .slide-pic{overflow: hidden;}
.index-product .slide-pro .slide-pic ul{width: 110%;overflow: hidden;}
.index-product .slide-pro .slide-pic ul li{position: relative;float: left;margin-right: 38px;width: 428px;overflow: hidden;}
.index-product .slide-pro .slide-pic ul li .logo{display: none;position: absolute;top: 34px;left: 50%;margin-left: -49px;width: 98px;height: auto;}
.index-product .slide-pro .slide-pic ul li .logo img{width: 100%;height: auto;}
.index-product .slide-pro .slide-pic ul li .cover{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 370px;background: rgba(0,0,0,0.3);}
.index-product .slide-pro .slide-pic ul li .hot-products{display: block;}
.index-product .slide-pro .slide-pic ul li .hot-img{width: 100%;height: auto;}
.index-product .slide-pro .slide-pic ul li h3{font-size: 20px;height: 80px;line-height: 80px;font-family: "Arial-Regular";text-align: center;}
.index-product .slide-pro .slide-pic ul li h3 a{color: #333;}
.index-product .slide-pro .slide-pic ul li:hover .logo{display: block;}
.index-product .slide-pro .slide-pic ul li:hover .cover{display: block;}
.index-product .slide-pro .slide-pic ul li:hover h3{background-color: #369dff;}
.index-product .slide-pro .slide-pic ul li:hover h3 a{color: #fff;}
.index-product .slide-pro .slide-dot{margin-top: 54px;}
.index-product .slide-pro .slide-dot ul{overflow: hidden;width: 268px;margin: 0 auto;}
.index-product .slide-pro .slide-dot ul li{float:left;width:61px;height:25px;margin:0 14px;cursor:pointer;background: url(/images/all-icon.png) 0 -30px no-repeat;}
.index-product .slide-pro .slide-dot ul li.active{background-position: 0 -60px;}
/*首页关于我们*/
.index-about{position: relative;padding: 84px 0;background: url(/images/index-about-bg.jpg) no-repeat;background-size: 100% 100%;}
/*.index-about .bg{width: 100%;height: auto;}*/
.index-about .main-width{overflow: hidden;}
.index-about .text{float: left;width: 620px;}
.index-about .text h2.title{margin-bottom: 20px;color: #369dff;text-align: left;}
.index-about .text h2.title span{color: #00b050;}
.index-about .text h2.title em{margin-left: 20px;font-size: 16px;font-family: "OpenSans-Regular";color: #369dff;line-height: 36px;text-transform: none;}
.index-about .text p{margin-top: 16px;font-size: 18px;color: #fff;line-height: 24px;font-family: "Arial-Regular";}
.index-about .text .more{display: block;margin-top: 40px;width: 112px;height: 38px;font-size: 14px;;color: #fff;line-height: 38px;text-align: center;background-color: #369dff;font-family: "Arial-Regular";text-transform: uppercase;}
.index-about .text .more:hover{background-color: #00b050;}
.index-about .video{position: relative;float: right;width: 736px;}
.index-about .video img{width: 100%;height: auto;}
.index-about .video .btn{position: absolute;left: 50%;top: 50%;margin: -36px 0 0 -36px;width: 73px;height: 73px;background: url(/images/all-icon.png) 0 -120px no-repeat;cursor: pointer;}
.index-about .video .btn:hover{background-position: 0 -210px;}
/*视频*/
.light-videobox{display: none;background-color: rgba(0,0,0,0.85);width: 100%;height: 100%;position: fixed;left: 0px;top: 0px;z-index: 999;/*opacity: 0;*/visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.light-videobox .box{z-index: 999;width: 850px;-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;position: absolute;margin: auto;left: 0px;top: 0px;right: 0px;bottom: 0px;height: 478px;background-color: #f3f3f3;background-image: url(../images/ajax-loader.gif);background-repeat: no-repeat;background-position: center center;}
.light-videobox .close{position: absolute;width: 29px;background: url(/images/jquery-lightbox-theme.png) no-repeat -190px -115px;height: 29px;top: 0px;right: -28px;cursor: pointer;}
.light-videobox.on{display: block;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.light-videobox.on .box{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
/*首页选择*/
.index-choose{padding: 76px 0 46px 0;background-color: #f5f5f5;}
.index-choose .list{overflow: hidden;margin-top: -20px;}
.index-choose .list li{float: left;width: 280px;padding-top: 20px;}
.index-choose .list li img{display: block;margin: 0 auto;max-width: 100%;height: auto;}
.index-choose .list li span{position: relative;display: block;margin-top: 36px;height: 1px;background-color: #ededed;}
.index-choose .list li span i{position: absolute;left: 50%;top: -2px;margin-left: -3px;width: 5px;height: 5px;background-color: #e1e1e1;border-radius: 50%;}
.index-choose .list li p{margin-top: 10px;font-size: 20px;color: #666;font-family: "OpenSans-Regular";line-height: 30px;text-align: center;}
.index-choose .list li img:hover{
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;}
.index-main .best{padding: 46px 0;background-color: #369dff;}
.index-main .best p{margin: 0 auto;width: 1200px;font-size: 24px;color: #fff;font-family: "OpenSans-Regular";line-height: 36px;text-align: center;}
/*首页历程*/
.index-story{padding: 70px 0 50px 0;background-color: #f5f5f5;}
.index-story .history{}
.index-story .history ul{}
.index-story .history ul li{position: relative;margin-bottom: 6px;height: 80px;}
.index-story .history ul li .left{float: left;width: 510px;text-align: left;}
.index-story .history ul li .right{float: right;width: 520px;text-align: left;}
.index-story .history ul li .bg{position: absolute;top: 12px;left: 50%;margin-left: -28px;width: 56px;height: 56px;color: #fff;background-color: #369dff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.index-story .history ul li .line{position: absolute;top: 40px;width: 80px;height: 1px;background-color: #00b050;}
.index-story .history ul li .left .line{left: 50%;margin-left: -120px;}
.index-story .history ul li .right .line{right: 50%;margin-right: -120px;}
.index-story .history ul li .years{position: absolute;left: 50%;bottom: 28px;margin-left: -22px;font-size: 20px;color: #fff;font-family: "OpenSans-Semibold";}
.index-story .history ul li .text{margin-top: 8px;font-size: 20px;color: #333;font-family: "OpenSans-Regular";line-height: 30px;}
.index-story .history ul li p.blue{color: #369dff;}
.index-story .history ul li p.green{color: #00b050;}
.index-story .soul{margin: 50px auto 0 auto;width: 1100px;}
.index-story .soul p{font-size: 24px;color: #333;font-family: "OpenSans-Regular";line-height: 36px;text-align: center;}
.index-story .soul p.green{color: #00b050;}
.index-story .soul p span{color: #00b050;}
/*首页新闻*/
.index-news{padding: 62px 0 44px 0;}
.index-news .main-width{overflow: hidden;}
.index-news .list{width: 1424px;overflow: hidden;}
.index-news .list li{float: left;width: 450px;margin-right: 24px;margin-bottom: 30px}
.index-news .list li img{width: 100%;height: auto;}
.index-news .list li .text{padding: 26px 12px 20px 14px;border-bottom: 5px solid #fff;background-color: #fff;}
.index-news .list li .text h3{font-size: 20px;line-height: 26px;color: #000;font-family: "Arial-Bold";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index-news .list li .text p{margin-top: 8px;height: 44px;font-size: 14px;line-height: 22px;font-family: "OpenSans-Light";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-news .list li:hover{box-shadow: 6px 3px 12px #d6d5d5;}
.index-news .list li:hover .text{border-bottom-color: #369dff;}
/*底部*/
.footer{padding: 64px 0 18px 0;background: url(/images/footer-bg.jpg) 100% 100%;}
.footer .main-width{overflow: hidden;}
.footer h3{margin-bottom: 40px;font-size: 24px;color: #fff;line-height: 30px;font-family: "Arial-Bold";text-transform: uppercase;}
.footer .footer-contact{float: left;width: 50%;}
.footer .footer-contact .list{overflow: hidden;}
.footer .footer-contact .list li{float: left;margin-bottom: 20px;width: 100%;font-size: 16px;color: #dfdfdf;font-family: "Arial-Regular";}
.footer .footer-contact .list li.w50{width: 50%;}
.footer .footer-contact .list li a{color: #dfdfdf;}
.footer .footer-contact .list li a:hover{color: #369dff;}
.footer-contact-way{overflow: hidden;height: 65px;}
.footer-contact-way li{float: left;margin-top: 10px;margin-right: 12px;width: 40px;height: 45px;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
@-webkit-keyframes hvr-wobble-vertical {
    16.65% {-webkit-transform: translateY(8px);transform: translateY(8px)}
    33.3% {-webkit-transform: translateY(-6px);transform: translateY(-6px)}
    49.95% {-webkit-transform: translateY(4px);transform: translateY(4px)}
    66.6% {-webkit-transform: translateY(-2px);transform: translateY(-2px)}
    83.25% {-webkit-transform: translateY(1px);transform: translateY(1px)}
    100% {-webkit-transform: translateY(0);transform: translateY(0)}
}
@keyframes hvr-wobble-vertical {
    16.65% {-webkit-transform: translateY(8px);transform: translateY(8px)}
    33.3% {-webkit-transform: translateY(-6px);transform: translateY(-6px)}
    49.95% {-webkit-transform: translateY(4px);transform: translateY(4px)}
    66.6% {-webkit-transform: translateY(-2px);transform: translateY(-2px)}
    83.25% {-webkit-transform: translateY(1px);transform: translateY(1px)}
    100% {-webkit-transform: translateY(0);transform: translateY(0)}
}
.footer-contact-way li:hover{-webkit-animation-name: hvr-wobble-vertical;animation-name: hvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
.footer-contact-way li>a{display: block;width: 40px;height: 45px;background: url(/images/all-icon.png) no-repeat;}
.footer-contact-way li.facebook>a{background-position: -260px 0;}
.footer-contact-way li.google>a{background-position: -311px 0;}
.footer-contact-way li.skype>a{background-position: -361px 0;}
.footer-contact-way li.linkedin>a{background-position: -412px 0;}
.footer-contact-way li.twitter>a{background-position: -464px 0;}
.footer .footer-messsage{float: right;width: 630px;}
.footer .footer-messsage form{overflow: hidden;}
.footer .footer-messsage .box{float: left;width: 450px;font-size: 0;}
.footer .footer-messsage input.text{height: 36px;line-height: 36px;padding-left: 10px;}
.footer .footer-messsage input.name{width: 220px;margin-right: 10px;}
.footer .footer-messsage input.email{width: 220px;}
.footer .footer-messsage input.company{margin-top: 10px;width: 100%;}
.footer .footer-messsage textarea{margin-top: 10px;padding: 10px;width: 100%;height: 118px;}
.footer .footer-messsage input,.footer .footer-messsage textarea{color: #d7d7d7;background-color: rgba(94,94,94,0.5);font-size: 14px;font-style: oblique;font-family: "Arial-Regular";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 .footer-messsage .sub{float: right;width: 164px;height: 210px;color: #fff;line-height: 210px;font-style: normal;text-align: center;background-color: #369dff;cursor: pointer;}
.footer .footer-messsage .sub:hover{background-color: #00b050;}
.footer .footer-messsage input::-webkit-input-placeholder{color:#d7d7d7;}
.footer .footer-messsage input::-moz-placeholder{color:#d7d7d7;}
.footer .footer-messsage input:-moz-placeholder{color:#d7d7d7;}
.footer .footer-messsage input:-ms-input-placeholder{color:#d7d7d7;}
.footer .footer-messsage textarea::-webkit-input-placeholder{color:#d7d7d7;}
.footer .footer-messsage textarea::-moz-placeholder{color:#d7d7d7;}
.footer .footer-messsage textarea:-moz-placeholder{color:#d7d7d7;}
.footer .footer-messsage textarea:-ms-input-placeholder{color:#d7d7d7;}
.footer .copy-right{margin-top: 30px;padding: 0;}
.footer .copy-right .main-width{padding-top: 22px;border-top: 1px solid #777;}
.footer .copy-right p{font-size: 14px;color: #bcbcbc;text-align: center;}
/*版权信息*/
.contact-copy-right{padding: 13px 0;background-color: #1a1a1a;text-align: center;}
.contact-copy-right p{font-size: 12px;color: #fff;line-height: 24px;}
/*返回顶部*/
.to-top{position: fixed;right: 20px;bottom: 40px;z-index: 9999;}
.to-top a{display: block;width: 35px;height: 35px;background: url(/images/arrow-top.png) no-repeat;}
/*分页样式*/
.page{margin-top: 30px;text-align: center;}
.page ul{display: inline-block;}
.page ul li{float: left;margin: 0 3px 10px;}
.page ul li a{display: block;padding: 0 10px;line-height: 24px;color: #369dff;background-color: #fff;}
.page ul li.thisclass a{color: #fff;background-color: #369dff;}
/*产品列表*/
.list-products{position: relative;padding: 20px 0 50px 0;background-color: #f5f5f5;}
.list-products .list-icon{position: relative;height: 62px;}
.list-products .list-icon span{position: absolute;left: 50%;top: 20px;margin-left: -21px;width: 43px;height: 27px;background: url(/images/all-icon.png) -260px -80px no-repeat;background-color: #f5f5f5;z-index: 3;}
.list-products .list-icon em{position: absolute;left: 50%;top: 0px;width: 1px;height: 62px;background-color: #777777;z-index: 2;}
.btn-class{display: block;position: fixed;right: 0;top: 200px;width: 38px;height: 214px;background: url(/images/all-icon.png) 0px -400px no-repeat;cursor: pointer;z-index: 99;}
.classify{position: fixed;top: 180px;right: 0px;padding: 3px;width: 240px;z-index: 100;background-color: #464646;border-radius: 5px;}
.classify .close{position: absolute;right: 15px;top: -15px;width: 32px;height: 30px;background: url(/images/all-icon.png) 0 -300px no-repeat;cursor: pointer;z-index: 110;}
.classify h2.title{position: relative;padding-left: 60px;font-size: 16px;color: #fff;font-family: "Arial-Bold";line-height: 44px;text-transform: uppercase;}
.classify h2.title i{position: absolute;left: 20px;top: 12px;width: 32px;height: 20px;background: url(/images/all-icon.png) 0px -350px no-repeat;}
.classify ul{padding: 4px 0 10px 0;background-color: #fff;}
.classify ul li{padding: 7px 8px;height: 48px;font-size: 16px;font-family: "Arial-Regular";border-bottom: 1px solid #e6e6e6;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.classify ul li a{display: block;padding-left: 12px;height: 32px;line-height: 32px;color: #000;}
.classify ul li.active a{background-color: #369dff;color: #fff;}
.list-products h1{margin-top: 14px;font-size: 36px;line-height: 38px;color: #369dff;font-family: "HelveticaNeue-BoldCond";text-align: center;text-transform: uppercase;}
.list-products .list{margin-top: 50px;overflow: hidden;}
.list-products .list ul{width: 1420px;overflow: hidden;}
.list-products .list ul li{position: relative;float: left;margin-right: 20px;margin-bottom: 38px;width: 334px;overflow: hidden;}
.list-products .list ul li .logo{position: absolute;top: 16px;left: 24px;width: 68px;height: auto;}
.list-products .list ul li .logo img{width: 100%;height: auto;}
.list-products .list ul li .cover{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 276px;background: rgba(0,0,0,0.3);}
.list-products .list ul li .hot-products{display: block;}
.list-products .list ul li .hot-img{width: 100%;height: auto;}
.list-products .list ul li .text{padding-top: 18px;height: 90px;border-bottom: 5px solid transparent;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;}
.list-products .list ul li .text h3{font-size: 20px;font-family: "Arial-Regular";text-align: center;line-height: 22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list-products .list ul li .text h3 a{color: #000;}
.list-products .list ul li .text h4{margin-top: 16px;font-size: 16px;font-family: "Arial-Regular";text-align: center;line-height: 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list-products .list ul li .text h4 a{color: #666;}
.list-products .list ul li:hover .cover{display: block;}
.list-products .list ul li:hover .text{background-color: #464646;border-bottom-color: #369dff;}
.list-products .list ul li:hover .text h3 a{color: #fff;}
.list-products .list ul li:hover .text h4 a{color: #fff;}
/*产品详情*/
.main-products{padding: 60px 0 72px 0;}
.main-products .slidebox{position: relative;float: left;width: 692px;}
.main-products .slidebox .slide-pic{width: 692px;height: 580px;border: 1px solid #d3d3d3;overflow: hidden;box-shadow: 0px 0px 30px #ddd;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 .slidebox .slide-pic ul li{float: left;width: 690px;}
.main-products .slidebox .slide-pic ul li img{width: 100%;height: auto;}
.main-products .slidebox .slide-dot{position: absolute;left: 50%;bottom: 36px;margin-left: -171px;width: 342px;overflow: hidden;}
.main-products .slidebox .slide-dot ul{margin: 0 auto;overflow: hidden;width: 445px;}
.main-products .slidebox .slide-dot ul li{float:left;width:61px;height:25px;margin:0 14px;cursor:pointer;background: url(/images/all-icon.png) 0 -30px no-repeat;}
.main-products .slidebox .slide-dot ul li.active{background-position: 0 -60px;}
.main-products .info{float: left;margin-left: 60px;padding-top: 70px;width: 592px;}
.main-products .info h1{margin-bottom: 20px;font-size: 44px;color: #369dff;line-height: 44px;font-family: "OpenSans-Bold";text-transform: uppercase;}
.main-products .info .model{position: relative;padding-left: 38px;font-size: 18px;color: #333;font-family: "OpenSans-Regular";}
.main-products .info .model i{position: absolute;top: 12px;left: 0;width: 26px;height: 1px;background-color: #369dff;}
.main-products .info .pere{margin-top: 20px;padding: 26px 0;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.main-products .info .pere h3{margin-bottom: 14px;font-size: 24px;color: #369dff;line-height: 26px;font-family: "OpenSans-Regular";}
.main-products .info .pere p{font-size: 18px;color: #333;font-family: "OpenSans-Regular";}
.main-products .info .pere p:nth-child(2){margin-bottom: 22px;height: 100px;overflow: hidden;}
.main-products .info .inquiry{position: relative;display: block;margin-top: 42px;padding-left: 46px;width: 162px;height: 40px;font-size: 16px;color: #fff;font-family: "OpenSans-Regular";line-height: 40px;background-color: #369dff;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 .info .inquiry i{position: absolute;top: 11px;left: 11px;width: 26px;height: 18px;background: url(/images/all-icon.png) -200px 0 no-repeat;}
.main-products .info .pro-form{position: fixed;left: 0px;top: 0px;display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.85);z-index: 999;}
.main-products .info .pro-form.on{display: block;}
.main-products .info .pro-form .con-box{position: relative;width: 440px;padding: 30px;margin: 100px auto 0px auto;background-color: #fff;}
.main-products .info .pro-form .con-box h3{text-align: center;padding: 5px 0px 20px 0px;color: #369dff;}
.main-products .info .pro-form .con-box .close{display: block;width: 22px;height: 22px;border: 1px solid #333;border-radius: 50%;-webkit-border-radius: 50%;text-align: center;line-height: 22px;font-size: 18px;cursor: pointer;position: absolute;right: 10px;top: 10px;color: #333;}
.main-products .info .pro-form .con-box input[type='text']{display: block;width: 100%;border: 1px solid #d2d2d2;height: 20px;padding: 10px 0px;text-indent: 4px;margin-bottom: 8px;}
.main-products .info .pro-form .con-box textarea{display: block;width: 100%;border: 1px solid #d2d2d2;height: 100px;padding: 10px 0px;text-indent: 4px;margin-bottom: 8px;vertical-align: middle;font-size: 14px;font-family: "OpenSans-Regular";}
.main-products .info .pro-form .con-box .sub{display: block;width: 118px;height: 36px;line-height: 36px;text-align: center;color: #fff;background-color: #369dff;margin: 30px auto 0px auto;position: relative;overflow: hidden;cursor: pointer;text-transform: uppercase;}
.main-products .full{margin-top: 58px;border: 1px solid #c9c9c9;border-top: none;}
.main-products .tab{}
.main-products .tab ul{overflow: hidden;}
.main-products .tab ul li{float: left;padding: 6px 0;height: 68px;line-height: 56px;font-size: 24px;color: #fff;text-align: center;font-family: "Arial-Regular";background-color: #464646;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;}
.main-products .tab ul li:nth-child(1){width: 34%;}
.main-products .tab ul li:nth-child(2),.main-products .tab ul li:nth-child(3){width: 33%;}
.main-products .tab ul li span{display: block;border-right: 1px solid #fff;}
.main-products .tab ul li:nth-child(3) span{border-right: none;}
.main-products .tab ul li.on{background-color: #369dff;}
.main-products .tab ul li.on span{border-right-color: #369dff;}
.main-products .cont{padding: 32px 16px 42px 16px;}
.main-products .cont ul{}
.main-products .cont > ul > li{display: none;}
.main-products .cont > ul > li.on{display: block;}
.main-products .cont h3.title{font-size: 24px;color: #369dff;line-height: 26px;font-family: "OpenSans-Regular";}
.main-products .para .details{overflow-x: auto;}
.main-products .para .details table{margin-top: 14px;width: 100%;border-top: 1px solid #c9c9c9;border-left: 1px solid #c9c9c9;}
.main-products .para .details table tr.grey{background-color: #f5f5f5;}
.main-products .para .details table tr td{padding-left: 42px;font-size: 18px;color: #666;line-height: 46px;font-family: "OpenSans-Regular";border-bottom: 1px solid #c9c9c9;border-right: 1px solid #c9c9c9;}
.main-products .para .details table tr td:first-child{padding-left: 16px;}
.main-products .para .details table td span{color: #000;}
.main-products .para .pack{margin-top: 34px;}
.main-products .para .pack table{margin-top: 14px;width: 100%;}
.main-products .para .pack table tr td{font-size: 18px;color: #666;line-height: 36px;font-family: "OpenSans-Regular";}
.main-products .para .pack table tr td:first-child{color: #333;width: 204px;}
.main-products .para .size{margin-top: 22px;}
.main-products .para .size h3{margin-bottom: 22px;}
.main-products .para .size ul{overflow: hidden;}
.main-products .para .size ul li{float: left;margin-bottom: 38px;width: 656px;}
.main-products .para .size ul li.men{}
.main-products .para .size ul li.women{margin-left: 46px;}
.main-products .para .size ul li.children{}
.main-products .para .size ul li h4{margin-bottom: 4px;font-size: 14px;color: #000;font-family: "OpenSans-Regular";}
.main-products .para .size ul li table{width: 100%;background-color: #00a1e9;border-top: 1px solid #fff;border-left: 1px solid #fff;}
.main-products .para .size ul li table tr td{font-size: 12px;color: #fff;text-align: center;font-family: "OpenSans-Light";line-height: 22px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
.main-products .para .quality{overflow: hidden;}
.main-products .para .quality .text{float: right;padding-top: 8px;width: 610px;}
.main-products .para .quality .text p{margin-bottom: 14px;font-size: 18px;color: #333;font-family: "OpenSans-Regular";line-height: 30px;}
.main-products .para .quality .text p.green{color: #00b050;}
.main-products .para .quality .pic{position: relative;float: left;width: 718px;}
.main-products .para .quality .pic img{width: 100%;height: auto;}
.main-products .para .quality .pic .btn{position: absolute;top: 50%;left: 50%;margin: -36px 0 0 -36px;width: 73px;height: 73px;background: url(/images/all-icon.png) 0 -120px no-repeat;cursor: pointer;}
.main-products .para .quality .pic .btn:hover{background-position: 0 -210px;}
.main-products .para .company{margin-top: 40px;}
.main-products .para .company ul{margin-top: 36px;overflow: hidden;}
.main-products .para .company ul li{float: left;width: 324px;margin-right: 17px;}
.main-products .para .company ul li img{width: 100%;height: auto;}
.main-products .profile .prof{}
.main-products .profile .prof p{margin-bottom: 10px;font-size: 18px;color: #666;line-height: 30px;font-family: "OpenSans-Regular";}
.main-products .profile .prof p.name{margin-top: 12px;color: #333;font-family: "Arial-Regular";}
.main-products .profile .basic{margin-top: 30px;width: 1140px;}
.main-products .profile .basic h3{margin-bottom: 24px;}
.main-products .profile .basic table{width: 100%;}
.main-products .profile .basic table tr td{font-size: 18px;color: #666;font-family: "OpenSans-Regular";line-height: 30px;}
.main-products .profile .basic table tr td:first-child{width: 280px;color: #333;}
.main-products .profile .basic table tr td:nth-child(2){width: 670px;}
.main-products .profile .basic table tr td.ver{color: #369dff;}
.main-products .profile .basic table.two{margin-top: 20px;}
.main-products .profile .basic table.two tr td:nth-child(2){width: 260px;}
.main-products .profile .photo{margin-top: 28px;}
.main-products .profile .photo .video{margin-top: 20px;overflow: hidden;}
.main-products .profile .photo .video > div{float: left;margin-right: 11px;}
.main-products .profile .photo .video > div img{width: 100%;height: auto;}
.main-products .profile .photo .video .pic{position: relative;width: 581px;}
.main-products .profile .photo .video .pic .btn{position: absolute;top: 50%;left: 50%;margin: -36px 0 0 -36px;width: 73px;height: 73px;background: url(/images/all-icon.png) 0 -120px no-repeat;cursor: pointer;}
.main-products .profile .photo .video .pic .btn:hover{background-position: 0 -210px;}
.main-products .profile .photo .video .img{width: 376px;}
.main-products .profile .factory{margin-top: 30px;margin-bottom: 32px;}
.main-products .profile .factory h4{margin-top: 8px;font-size: 18px;color: #333;font-family: "OpenSans-Regular";}
.main-products .profile .factory table{margin-top: 16px;width: 100%;border: 2px solid #d1d9e5;}
.main-products .profile .factory table th{padding: 16px 16px;background-color: #dae2ed;border-right: 1px solid #cad4e2;border-bottom: 1px solid #d2dae6;}
.main-products .profile .factory table td{padding: 16px 16px;border-right: 1px solid #cad4e2;border-bottom: 1px solid #d2dae6;}
.main-products .profile .rd h4{margin-top: 22px;font-size: 18px;color: #333;font-family: "OpenSans-Regular";}
.main-products .profile .rd table{margin-top: 22px;width: 100%;border: 2px solid #d3d2d3}
.main-products .profile .rd table tr:first-child{background-color: #dae2ed;}
.main-products .profile .rd table tr td{padding: 18px 16px;font-size: 16px;color: #333;font-family: "OpenSans-Regular";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 .profile .rd table tr td:nth-child(3){width: 230px;}
.main-products .profile .rd table tr td:nth-child(4){width: 390px;}
.main-products .profile .rd table tr td.ver{color: #ff6900;}
.main-products .profile .trade{margin-top: 20px;}
.main-products .profile .trade .map{display: block;margin: 0 auto;max-width: 100%;height: auto;}
.main-products .faq{}
.main-products .faq .txt{margin-bottom: 30px;}
.main-products .faq .txt h4{position: relative;display: inline-block;margin-bottom: 18px;height: 54px;padding: 0 80px 0 26px;font-size: 24px;color: #fff;font-family: "OpenSans-Regular";line-height: 54px;background-color: #369dff;}
.main-products .faq .txt h4 em{margin-right: 22px;font-family: "OpenSans-Semibold";font-style: italic;}
.main-products .faq .txt h4 span{position: absolute;top: 0;right: 0;width: 32px;height: 54px;}
.main-products .faq .txt h4 span img{height: 100%;width: 100%;}
.main-products .faq .txt p{position: relative;margin-bottom: 10px;padding-left: 32px;font-size: 18px;color: #333;font-family: "OpenSans-Regular";}
.main-products .faq .txt p i{position: absolute;top: 8px;left: 14px;width: 8px;height: 8px;border-radius: 50%;background-color: #369dff;}
.main-slide-list .info{position: relative;padding-top: 10px;padding-bottom: 155px;margin-left: 52px;width: 600px;}
.main-slide-list .info .inquiry{position: absolute;left: 0;bottom: 90px;margin-top: 0;}
.main-slide-list .slidebox .slide-list{position: absolute;bottom: 0;left: 765px;z-index: 20;}
.main-slide-list .slidebox .slide-list .box{width: 560px;height: 72px;overflow: hidden;}
.main-slide-list .slidebox .slide-list ul{width: 5800px;}
.main-slide-list .slidebox .slide-list ul li{position: relative;float: left;margin-right: 10px;width: 85px;cursor: pointer;border: 1px solid #000;box-sizing: border-box;}
.main-slide-list .slidebox .slide-list ul li img{width: 100%;height: auto;}
.main-slide-list .slidebox .slide-list ul li.active{border-color: #369dff;}
.main-slide-list .slidebox .slide-list .item-btn{position: absolute;top: 50%;margin-top: -17px;width: 16px;height: 35px;background: url(/images/all-icon.png) no-repeat;cursor: pointer;}
.main-slide-list .slidebox .slide-list .prev{left: -36px;background-position: -90px -600px;}
.main-slide-list .slidebox .slide-list .next{right: -36px;background-position: -120px -600px;}
.main-slide-list .slidebox .slide-list .prev:hover{background-position: -90px -650px;}
.main-slide-list .slidebox .slide-list .next:hover{background-position: -120px -650px;}

/*相关产品*/
.related-products{padding: 60px 0;}
.related-products h2{font-size: 48px;color: #369dff;line-height: 50px;font-family: "HelveticaNeue-BoldCond";text-align: center;}
.list-products .list ul li:hover .text{background-color: #369dff;}
/*关于我们*/
.main-about{padding: 30px 0 70px 0;}
.main-about h3.title{font-size: 30px;color: #369dff;font-family: "OpenSans-Regular";line-height: 32px;}
.main-about h4.subtitle{margin-top: 22px;font-size: 24px;color: #333;font-family: "OpenSans-Regular";line-height: 26px;}
.main-about .about-us{margin-top: 40px;overflow: hidden;}
.main-about .about-us .slide-about{position: relative;float: left;width: 611px;}
.main-about .about-us .slide-about .slide-pic{width: 100%;height: 100%;overflow: hidden;}
.main-about .about-us .slide-about .slide-pic ul li{float: left;width: 611px;}
.main-about .about-us .slide-about .slide-pic ul li img{width: 100%;height: auto;}
.main-about .about-us .slide-about .num{position: absolute;bottom: 0;right: 0;padding: 0 40px;width: 30px;height: 36px;line-height: 36px;background-color: #f5f5f5;z-index: 10;}
.main-about .about-us .slide-about .num span{font-size: 18px;color: #369dff;font-family: "OpenSans-Regular";}
.main-about .about-us .slide-about .item-btn{position: absolute;bottom: 12px;width: 7px;height: 13px;background: url(/images/all-icon.png) no-repeat;z-index: 12;cursor: pointer;}
.main-about .about-us .slide-about .prev{right: 88px;background-position:-140px -40px;}
.main-about .about-us .slide-about .next{right: 16px;background-position:-160px -40px;}
.main-about .about-us .slide-about .prev:hover{background-position:-140px -60px;}
.main-about .about-us .slide-about .next:hover{background-position:-160px -60px;}
.main-about .about-us .table{float: right;padding-top: 40px;width: 760px;}
.main-about .about-us .table h1{margin-bottom: 30px;font-size: 24px;line-height: 26px;color: #369dff;font-family: "OpenSans-Semibold";}
.main-about .about-us .table p{margin-bottom: 20px;font-size: 16px;color: #666;font-family: "OpenSans-Regular";}
/*.main-about .about-us .table table{margin-top: 20px;width: 100%;}
.main-about .about-us .table table tr td{padding: 8px 0;font-size: 14px;color: #333;font-family: "OpenSans-Regular";}
.main-about .about-us .table table tr td:first-child{width: 174px;}
.main-about .about-us .table table tr td:nth-child(3){font-size: 16px;width: 100px;}
.main-about .about-us .table table tr td.blue{color: #0367cc;}
.main-about .about-us .table table tr td.light-blue{color: #369dff;}*/
.main-about .ability{margin-top: 70px;}
.main-about .ability p{margin-top: 20px;font-size: 18px;color: #666;font-family: "OpenSans-Regular";line-height: 30px;}
.main-about .factory{padding-top: 1px;}
.main-about .factory table{margin-top: 16px;width: 100%;border: 2px solid #d1d9e5;}
.main-about .factory table th{padding: 16px 16px;text-align: left;background-color: #dae2ed;border-right: 1px solid #cad4e2;border-bottom: 1px solid #d2dae6;}
.main-about .factory table td{padding: 16px 16px;border-right: 1px solid #cad4e2;border-bottom: 1px solid #d2dae6;}
.main-about .flow{padding-top: 12px;}
.main-about .flow .list{margin-top: 24px;overflow: hidden;}
.main-about .flow .list img{display: block;margin: 0 auto;max-width: 100%;height: auto;}
.main-about .cer{margin-top: 40px;overflow: hidden;}
.main-about .cer ul{margin-top: 24px;width: 102.858%;overflow: hidden;}
.main-about .cer ul li{float: left;width: 22.22%;margin-right: 2.77%;margin-bottom: 20px;}
.main-about .cer ul li img{width: 100%;height: auto;}
.main-about .index-story{background-color: #fff;}
.main-about .index-story .history{margin-top: 20px;}
.main-about .business{margin-top: 50px;}
.main-about .business .map{display: block;margin: 0 auto;max-width: 100%;height: auto;}
.main-about .market{}
.main-about .market table{margin-top: 24px;width: 100%;border: 2px solid #d1d9e5;font-size: 16px;}
.main-about .market table tr:nth-child(odd){background-color: #f5f7fa;}
.main-about .market table th{padding: 16px 16px;text-align: left;background-color: #dae2ed;border-right: 1px solid #cad4e2;border-bottom: 1px solid #d2dae6;}
.main-about .market table td{padding: 16px 16px;border-right: 1px solid #cad4e2;border-bottom: 1px solid #d2dae6;}
/*服务页面*/
.main-service{}
.main-service .tab{}
.main-service .tab ul{overflow: hidden;}
.main-service .tab ul li{float: left;width: 50%;height: 68px;font-size: 24px;color: #fff;font-family: "Arial-Regular";background-color: #464646;text-align: center;line-height: 68px;cursor: pointer;}
.main-service .tab ul li.on{background-color: #369dff;}
.main-service .cont{margin-top: 40px;}
.main-service .cont ul{}
.main-service .cont ul li{display: none;min-height: 300px;}
.main-service .cont ul li.on{display: block;}
.main-service .cont .care{}
.main-service .cont .care h2{margin-bottom: 30px;font-size: 24px;color: #369dff;font-family: "OpenSans-Semibold";text-align: center;line-height: 28px;}
.main-service .cont .care .step{margin-bottom: 30px;}
.main-service .cont .care .step h3{font-size: 24px;color: #369dff;font-family: "OpenSans-Regular";line-height: 26px;}
.main-service .cont .care .step p{position: relative;margin-top: 20px;padding-left: 22px;font-size: 18px;color: #333;font-family: "OpenSans-Regular";}
.main-service .cont .care .step p i{position: absolute;top: 6px;left: 0;width: 10px;height: 10px;background-color: #369dff;border-radius: 50%;}
/*批发页面*/
.list-wholesale{padding: 50px 0 78px 0;background-color: #f5f5f5;}
.list-wholesale .slide-sample{position: relative;}
.list-wholesale .slide-sample .slide-pro{overflow: hidden;}
.list-wholesale .slide-sample .item-btn{position: absolute;top: -54px;width: 34px;height: 34px;border: 2px solid #369dff;background: url(/images/all-icon.png) center no-repeat;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;}
.list-wholesale .slide-sample .item-btn:hover{background-color: #369dff;}
.list-wholesale .slide-sample .prev{right: 40px;background-position: -540px -42px;}
.list-wholesale .slide-sample .next{right: 0;background-position: -578px -42px;}
.list-wholesale .slide-sample .prev:hover{background-position: -540px -82px;}
.list-wholesale .slide-sample .next:hover{background-position:-578px -82px;}
.list-wholesale .list > li{float: left;width: 1400px;}
.list-wholesale .shose{overflow: hidden;}
.list-wholesale .shose > li{float: left;width: 448px;margin-right: 28px;margin-bottom: 38px;}
.list-wholesale .shose > li:nth-child(3),.list-wholesale .shose > li:nth-child(6){margin-right: 0px;}
.list-wholesale .shose > li img{width: 100%;height: auto;}
.list-wholesale .shose > li .text{height: 74px;overflow: hidden;}
.list-wholesale .shose > li .text h3{float: left;padding-left: 18px;width: 370px;color: #fff;font-size: 20px;font-family: "Arial-Regular";line-height: 74px;background-color: #369dff;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-wholesale .shose > li .text .btn{float: right;width: 78px;height: 74px;background: url(/images/enlarge.png) center no-repeat;background-color: #0057a9;cursor: pointer;}
.list-wholesale .shose .window{position: fixed;top: 100px;left: 250%;margin-left: -454px;padding: 58px 106px 42px 114px;width: 908px;height: 619px;background-color: #fff;overflow: hidden;z-index: 99;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-wholesale .shose .slidebox{opacity: 0;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transition: transform .3s ease,opacity .3s ease;-webkit-transition: transform .3s ease,opacity .3s ease;-moz-transition: transform .3s ease,opacity .3s ease;-o-transition: transform .3s ease,opacity .3s ease;-ms-transition: transform .3s ease,opacity .3s ease;}
.list-wholesale .shose .slidebox.show{opacity: 1;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
.list-wholesale .shose .slidebox .slide-pic{float: left;width: 566px;overflow: hidden;}
.list-wholesale .shose .slidebox .slide-pic li{float: left;width: 566px;}
.list-wholesale .shose .slidebox .slide-pic li img{width: 100%;height: auto;}
.list-wholesale .shose .slidebox .slide-list{float: right;width: 73px;height: 518px;}
.list-wholesale .shose .slidebox .slide-list li{margin-bottom: 8px;width: 73px;height: 67px;border: 1px solid #b5b5b5;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;}
.list-wholesale .shose .slidebox .slide-list li:nth-child(7){margin-bottom: 0;}
.list-wholesale .shose .slidebox .slide-list li.active{border-color: #369dff;}
.list-wholesale .shose .slidebox .slide-list li img{width: 100%;height: auto;}
.list-wholesale .shose .slidebox .button{position: absolute;top: 50%;margin-top: -35px;width: 36px;height: 70px;background: url(/images/all-icon.png) no-repeat;cursor: pointer;}
.list-wholesale .shose .slidebox .left{left: 30px;background-position: -80px -400px;}
.list-wholesale .shose .slidebox .right{right: 28px;background-position: -140px -400px;}
.list-wholesale .shose .slidebox .left:hover{background-position: -80px -500px;}
.list-wholesale .shose .slidebox .right:hover{background-position:-140px -500px;}
.list-wholesale .shose .slidebox .close{position: absolute;top: 6px;right: 6px;width: 32px;height: 32px;background: url(/images/all-icon.png) 0 -640px no-repeat;cursor: pointer;z-index: 100;}
.list-wholesale .designs{margin-top: 30px;padding: 30px 30px 10px 30px;background-color: #fff;}
.list-wholesale .designs p{margin-bottom: 20px;font-size: 20px;color: #333;font-family: "Arial-Regular";line-height: 30px;}
.list-wholesale .designs p span{color: #369dff;}
.list-wholesale .designs p em{padding: 4px;color: #fff;background-color: #369dff;}
/*技术支持*/
.main-technology{padding: 30px 0 40px 0;}
.main-technology .box{position: relative;margin-bottom: 50px;padding-left: 420px;height: 282px;}
.main-technology .box .pic{position: absolute;left: 0;top: 0;width: 372px;}
.main-technology .box .pic img{width: 100%;height: auto;}
.main-technology .box .text{padding-top: 1px;}
.main-technology .box .text h2{font-size: 24px;color: #369dff;font-family: "OpenSans-Bold";line-height: 28px;text-transform: uppercase;}
.main-technology .box .text p{margin-top: 20px;font-size: 18px;color: #333;font-family: "OpenSans-Regular";line-height: 30px;}
.main-technology .hiking h2{margin-top: 56px;}
.main-technology .sports h2{margin-top: 86px;}
/*新闻列表*/
/*.news-classify{padding: 26px 0 0 0;background-color: #f5f5f5;}
.news-classify ul{overflow:hidden;}
.news-classify ul li{float:left;margin-right:50px;padding-bottom: 23px;height: 48px;line-height: 48px;font-size:20px;border-bottom:3px solid #f5f5f5;}
.news-classify ul li a{display: block;padding-bottom: 10px;color: #333;font-family: "Arial-Regular";}
.news-classify ul li a:hover{color: #8fc31f;}
.news-classify ul li.active{border-bottom:3px solid #8fc31f;}
.news-classify ul li.active a{color:#8fc31f;}*/
.list-news{padding:30px 0;}
.list-news h2.title{margin-bottom: 20px;font-size: 30px;color: #369dff;line-height: 32px;font-family: "OpenSans-Regular";}
.list-news .factory,.list-news .sample,.list-news .production,.list-news .customer,.list-news .team{margin-bottom: 50px;}
.list-news .slide-factory{position: relative;}
.list-news .slide-factory .slide-img{overflow: hidden;}
.list-news .slide-factory .slide-img ul{width: 300%;overflow: hidden;}
.list-news .slide-factory .slide-img ul li{position: relative;float: left;margin-right: 12px;width: 458px;overflow: hidden;}
.list-news .slide-factory .slide-img ul li img{width: 100%;height: auto;}
.list-news .slide-factory .item-btn{position: absolute;top: 50%;margin-top: -17px;width: 35px;height: 35px;background: url(/images/all-icon.png) no-repeat;background-color: #fff;cursor: pointer;}
.list-news .slide-factory .prev{left: 0;background-position: -130px -312px;}
.list-news .slide-factory .next{right: 0;background-position: -166px -312px;}
.list-news .slide-factory .item-btn:hover{background-color: #369dff;}
.list-news .slide-factory .prev:hover{background-position: -130px -272px;}
.list-news .slide-factory .next:hover{background-position: -166px -272px;}
.list-news .slide-pro{position: relative;}
.list-news .slide-pro .slide-pic{overflow: hidden;}
.list-news .slide-pro .slide-pic ul{width: 300%;overflow: hidden;}
.list-news .slide-pro .slide-pic ul li{position: relative;float: left;margin-right: 12px;width: 270px;overflow: hidden;}
.list-news .slide-pro .slide-pic ul li img{width: 100%;height: auto;}
.list-news .slide-pro .item-btn{position: absolute;top: 50%;margin-top: -17px;width: 35px;height: 35px;background: url(/images/all-icon.png) no-repeat;background-color: #fff;cursor: pointer;}
.list-news .slide-pro .prev{left: 0;background-position: -130px -312px;}
.list-news .slide-pro .next{right: 0;background-position: -166px -312px;}
.list-news .slide-pro .item-btn:hover{background-color: #369dff;}
.list-news .slide-pro .prev:hover{background-position: -130px -272px;}
.list-news .slide-pro .next:hover{background-position: -166px -272px;}
/*新闻详情*/
.main-news{padding:25px 0 50px;}
.main-news .main-width{/*overflow:hidden;*/}
/*.main-news .info{float:left;width:200px;padding-top:10px;}
.main-news .info p{font-size:16px;font-family:"OpenSans-Light";}
.main-news .info .time{padding-bottom:15px;border-bottom:1px solid #ccc;margin-bottom:15px;}*/
.main-news .content{margin: 0 auto;width:950px;}
.main-news .content h1{line-height:40px;margin-bottom:40px;}
.main-news .content p{margin-bottom:20px;font-size:16px;font-family:"OpenSans-Light";}
.main-news .content .img img{width:100%;height:auto;}
/*联系页面*/
.main-contact{padding: 60px 0 65px 0;}
.main-contact h2{font-size: 48px;color: #369dff;line-height: 50px;font-family: "OpenSans-Bold";text-align: center;text-transform: uppercase;}
.main-contact .title{margin-top: 90px;overflow: hidden;}
.main-contact .title h3{float: left;width: 300px;font-size: 30px;color: #1a1a1a;font-family: "Arial-Bold";line-height: 32px;text-transform: uppercase;}
.main-contact .title .footer-contact-way{float: right;}
.main-contact .send-message{margin-top: 16px;}
.main-contact .send-message form{overflow: hidden;}
.main-contact .send-message .form-box{float: left;width: 600px;}
.main-contact .send-message input, .main-contact .send-message textarea{font-size: 14px;border: 1px solid #c9c9c9;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 .send-message .form-box input{margin-bottom: 15px;padding-left: 10px;width: 100%;height: 48px;font-size: 18px;color: #999;font-family: "Arial-Regular";}
.main-contact .send-message textarea{float: left;margin-left: 15px;padding-left: 10px;padding-top: 18px;width: 630px;height: 174px;font-family: "OpenSans-Light";}
.main-contact .send-message .sub{margin-left: 15px;float: left;width: 140px;height: 174px;color: #fff;border: none;background-color: #369dff;line-height: 174px;font-family: "Arial-Regular";text-align: center;text-transform: uppercase;}
.main-contact .send-message .sub:hover{background-color: #00b050;}
.main-contact .send-message input::-webkit-input-placeholder{font-size: 14px;color:#c9c9c9;font-family: "Arial-Regular";}
.main-contact .send-message input::-moz-placeholder{font-size: 14px;color:#c9c9c9;font-family: "Arial-Regular";}
.main-contact .send-message input:-moz-placeholder{font-size: 14px;color:#c9c9c9;font-family: "Arial-Regular";}
.main-contact .send-message input:-ms-input-placeholder{font-size: 14px;color:#c9c9c9;font-family: "Arial-Regular";}
.main-contact .send-message textarea::-webkit-input-placeholder{font-size: 14px;color:#c9c9c9;font-family: "Arial-Regular";}
.main-contact .send-message textarea::-moz-placeholder{font-size: 14px;color:#c9c9c9;font-family: "Arial-Regular";}
.main-contact .send-message textarea:-moz-placeholder{font-size: 14px;color:#c9c9c9;font-family: "Arial-Regular";}
.main-contact .send-message textarea:-ms-input-placeholder{font-size: 14px;color:#c9c9c9;font-family: "Arial-Regular";}
.contact-map{position: relative;}
.contact-map .bg{width: 100%;height: auto;}
.contact-map .info{position: absolute;bottom: 0;left: 12.5%;padding: 50px 48px 30px 46px;width: 600px;height: 464px;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;}
.contact-map .info h4{font-size: 24px;color: #369dff;font-family: "Arial-Bold";line-height: 30px;}
.contact-map .info .way{margin-top: 34px;overflow: hidden;}
.contact-map .info .way li{position: relative;float: left;margin-bottom: 30px;padding-left: 30px;font-size: 16px;color: #666;font-family: "Arial-Regular";box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.contact-map .info .way li a{color: #666;}
.contact-map .info .way li a:hover{color: #369dff;}
.contact-map .info .way li i{position: absolute;left: 0;width: 21px;height: 26px;background: url(/images/all-icon.png) no-repeat;}
.contact-map .info .way li.phone, .contact-map .info .way li.mail{width: 50%;}
.contact-map .info .way li.phone i{background-position: -550px 0;}
.contact-map .info .way li.mail i{background-position:-582px 3px;}
.contact-map .info .way li.add i{background-position:-620px 0;}
.contact-map .info .way .pic{width: 500px;}
.contact-map .info .way .pic img{width: 100%;height: auto;}