@charset "utf-8";
/* CSS Document */

.DetailFocusHull{background: url("../img/detail/focus-bg.jpg") no-repeat 50% 0 #25262a;position: relative;}
.proFocus{height: 770px;width: 50%;float: left;}
.proFocus .bd{height:770px;max-width: 100%;position: relative;margin: 0;}
.proFocus .hdposition{position: absolute;bottom: 35px;width: 600px;/* text-align: center; */}
.proFocus .prev, .proFocus .next{display: none;}
.proFocus .hd {position: relative;/* padding: 0 34px; */padding: 0;width: 100%;/* display: inline-block; */}
.proFocus .hd ul { padding: 0; }
.proFocus .hd li {float: left;padding: 0 7px;width: auto;}
.proFocus .hd li a{display: block;}
.proFocus .hd li img {/* width: 80px; height: 80px;*/width: 70px;height: 70px;border: 1px solid #434343;}
.proFocus .hd li.on img {border-color: #f69603;}

.proFocusInfo {width: 45%;padding: 60px 0 0 0px;float: right;}
.proFocusInfo h1,.proFocusInfo h2 {font-size: 26px;color: #fff;line-height: 38px;padding: 0 0 10px;font-weight: normal;word-break: initial;text-align: initial;}
.proFocusInfo .subtitle {color: #b1b1b1;text-align: left;padding: 0px 0 15px 0;font-size: 15px;line-height: 30px;border: none;}
.proFocusInfo .type {border: 1px solid #3c3c3c;border-width: 1px 0 0;padding: 0 0 6px;}
.proFocusInfo .type dl {padding: 12px 0 12px 0px;padding: 5px 0;}
.proFocusInfo .type dd {float: none;width: auto;color: #b3b3b3;font-size: 16px;margin: 0;line-height: 27px;}
.proFocusInfo .type dt {}
.proFocusInfo .type dt span {font-size: 36px;font-family: "Arial";color: #fff;}
.proFocusInfo .type dt i { font-size: 18px; font-family: "Arial"; padding: 2px; color: #fff; }
.proFocusInfo .type dt a {border: 1px solid #7a7a7a;text-align: center;display: block;width: 31%;border-radius: 4px;float: left;margin: 6px 2% 6px 0;line-height: 34px;font-size: 14px;color: #b1b1b1;}
.proFocusInfo .type dt a:nth-of-type(3n+3){margin: 6px 0 6px;}
.proFocusInfo .type dt a:hover {/* color: #f69603; *//* border-color: #f69603; */}
.proFocusInfo .type dt a.on {background: none;color: #f69603;border-color: #f69603;}
.proFocusInfo .type dt a.disable {cursor: not-allowed;border-color: #505050;color: #505050;background: none;}
.proFocusInfo .type dl.price{padding: 15px 0 15px 158px;margin:0 0 12px 0;border-bottom: 1px solid #3c3c3d;}
.proFocusInfo .type dl.price dt{float: left;margin: 0 0 0 -165px;width: 155px;border-right: 1px solid #3c3c3d;min-height: 80px;line-height: 1;}
.proFocusInfo .type dl.price dt span{line-height: 80px;font-size: 40px;display: block;color: #f69603;float: left;position: relative;}
.proFocusInfo .type dl.price dt span:after{content:'元';font-size: 34px;color: #f69603;line-height: 80px;position: absolute;top: 0;right: -40px;}
.proFocusInfo .type dl.price dt span em{font-size: 34px;}
.proFocusInfo .type dl.price dd{position: relative;}
.proFocusInfo .type dl.price .pText{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);}
.proFocusInfo .type dl.price dd p{font-size: 14px;line-height: 26px;color: #b1b1b1;padding: 0px 0 0 70px;float: left;width:100%;position: relative;letter-spacing: 1px;}
.proFocusInfo .type dl.price dd p+p{margin: 12px 0 0 0;}
.proFocusInfo .type dl.price dd span{float: left;background: #f69603;color: #fff;width: 58px;text-align: center;font-size: 15px;border-radius: 2px;line-height: 26px;position: absolute;left: 0;top: 50%;margin-top: -13px;}
.proFocusInfo .type dl.price dd img{}
.proFocusInfo .bd {padding: 20px 0 0 0;}
.proFocusInfo .bd a {text-align: center;width: 31%;display: inline-block;border-radius: 4px;line-height: 44px;color: #fff;font-size: 16px;float: left;/* padding: 0 40px 0 40px; */margin-right: 2%;position: relative;background: #f69603;}
.proFocusInfo .bd a i{font-size: 30px;padding: 0 0 0 15px;}
.proFocusInfo .bd a .QR{position: absolute;top: -215px;background: #fff;border-radius: 4px;color: #000;padding: 10px 0 10px 0;line-height: 20px;min-height: 205px;display: none;width: 100%;}
.proFocusInfo .bd a .QR span{
    padding-bottom: 5px;
    display: block;
}
.proFocusInfo .bd a .QR img{width: 160px;height: 160px;}
.proFocusInfo .bd a:hover .QR{display: block;}
.DetailTabHull{}
.DetailTabHdHull{height:60px;position: relative;z-index: 9;}
.DetailTabHd{height:60px;width: 100%; background: #fafafc;border-bottom: 1px solid #f3f3f3; position: absolute; left: 0; top: 0;}
.DetailTabHd ul{ float: left;}
.DetailTabHd li.m{float: left;padding: 0 75px 0 0;}
.DetailTabHd li.m a{font-size: 16px;color: #7f7f7f;line-height: 59px;display: block;position: relative;}
.DetailTabHd li.m a:before{content:'';width: 100%;height: 3px;background: #363636;top: 45px;position: absolute;display: none;}
.DetailTabHd li.m a:hover{color: #f69603;}
.DetailTabHd li.m.on a{width: 100%;color: #363636;}
.DetailTabHd li.m.on a:before{display: block;width: 100%;}
.DetailTabHd .btn{float: right;font-size: 14px;color: #fff;background: #232325;line-height: 30px;min-width: 140px;text-align: center;border-radius: 2px;margin-top: 15px;}
.DetailTabHd .btn:hover{background:#f69603; color:#fff}
.DetailTabHdHull.on .DetailTabHd{position: fixed; top: 80px;}
.DetailTabBd{/* max-width: 1200px; *//* margin: 0 auto; */}
.DetailTabBd.iframeBox{max-width: inherit;}

/*仓库*/
.section-cangKu{text-align:center;padding: 70px 0 0 0;max-width: 1200px;margin: 0 auto;}
.section-cangKu h3{display: inline-block;padding: 0 20px 0 125px;background: url("../img/detail/logo.jpg") no-repeat 29px center;border: 1px solid #d2d2d2;font-size: 18px;line-height: 38px;color: #153b8f;position: relative;}
.section-cangKu h3:before{content:'';width: 1px;height: 22px;background: #d2d2d2;position: absolute;left: 110px;top: 9px;}
.section-cangKu .text{font-size: 36px;line-height: 1;color: #000;font-weight: lighter;padding: 20px 0 35px;}
.section-cangKu .text span{font-size: 28px;display: block;padding: 20px 0 0 0;}
.section-cangKu img{}
/*参数*/
.section-canShu{}
.section-canShu{text-align: center;padding: 70px 0;max-width: 1200px;margin: 0 auto;}
.section-canShu h2{line-height: 1;font-size: 36px;color: #000;margin-bottom: 40px;font-weight: lighter;}
.section-canShu table{border-collapse:collapse;width: 100%;font-size: 14px;color: #6b6b6b;}
.section-canShu table,.section-canShu th,.section-canShu td{border: 1px solid #ececec;padding: 10px 5px;line-height: 24px;}
.section-canShu th{font-size: 14px;color: #1d2023;background: #f7f9fb;min-width: 120px;font-weight: 400;}
.section-canShu td{}
.section-canShu tr:first-of-type td{color:#1d2023;font-size:18px;font-weight: 400;}

/*品牌介绍*/
.section-brand{
    max-width: 1200px;
    margin: 0 auto;
}
.section-brand .brandHd{position: relative;}
.section-brand .brandHd .textHull{position: absolute;width: 470px;left: 60px;top: 70px;font-size: 16px;line-height: 30px;color: #fff;}
.section-brand .brandHd img{}
.section-brand .brandHd h3{font-size: 36px;line-height: 1;font-weight: lighter;padding: 20px 0;}
.section-brand .brandHd .desc{font-weight: lighter;}
.section-brand .brandBd{text-align: center;padding: 70px 0 0px 0;}
.section-brand .brandBd .title{line-height: 1;font-size: 36px;color: #000;font-weight: lighter;}
.section-brand .brandBd .title p{font-size: 16px;color: #626262;margin: 20px 0 0 0;}
.section-brand .brandBd ul{margin: 40px -15px 0;}
.section-brand .brandBd li{padding: 0px 15px 35px;width: 33.333%;float: left;}
.section-brand .brandBd li a{display: block;line-height: 1;font-size: 16px;color: #626262;text-align: left;}
.section-brand .brandBd li a img{ width: 100%;}
.section-brand .brandBd li a p{line-height: 1;margin: 20px 0 0 0;}

.seciont-about{padding: 70px 0 0 0;text-align: center;max-width: 1200px;margin: 0 auto;}
.seciont-about h2{line-height: 1;font-size: 36px;color: #000;font-weight: lighter;padding-bottom: 17px;}
.seciont-about p{font-size: 16px;line-height: 30px;color: #626262;padding: 5px 0 0px;}
.seciont-about img{margin-top: 23px;}
.seciont-about2{ max-width: none;}
.seciont-about2 .wrap{ position: relative; color: #fff;}
.seciont-about2 .title{line-height: 1;font-size: 38px;/* padding: 94px 0 0 0; */font-weight: lighter;/* position: absolute; */color: #fff;text-align: center;width: 100%;text-shadow: 0px 2px 3px rgba(15, 17, 21, 0.82);}
.seciont-about2 .title p{font-size: 30px;padding: 28px 0 0 0;font-weight: lighter; color: #fff}
.seciont-about2 .hd{position: absolute;left: 0;top: 94px;text-align: center;width: 100%;z-index: 2;}
.seciont-about2 .hd ul{/* position: absolute; *//* left: 0; *//* top: 220px; *//* text-align: center; *//* width: 100%; */padding: 35px 0 0 0;}
.seciont-about2 .hd li{margin: 0 25px;font-size: 22px;line-height: 46px;background: #babec8;border-radius: 46px;color: #fff;padding: 0 30px;cursor: pointer;display: inline-block;} 
.seciont-about2 .hd li.on{background:#46b6f5;background: #ed9611;}
.seciont-about2 img{ margin: 0}



/*客户*/
.section-kehu{/* background: #232325; *//* padding: 0 0 40px; */max-width: 1200px;margin: 0 auto;}
.section-kehu h2{line-height: 1;font-size: 36px;color: #000;font-weight: lighter;text-align: center;padding: 70px 0 40px;}
.section-kehuPic{}
.section-kehu .scroolWrap{padding: 20px 160px;overflow: hidden;position:relative;background: #232325;}
.section-kehu .scrool{ position: relative;}
.section-kehu .scroolWrap:before{content:'';background: #232325;width: 150px;height: 100%;position: absolute;left: 0;z-index: 2;top: 0;}
.section-kehu .scroolWrap:after{content: '';background: #232325;width: 150px;height: 100%;position: absolute;right: 0;top: 0;z-index: 2;}
.section-kehu .scrool .tempWrap{overflow: initial!important;}
.section-kehu .scrool li{float: left;width: 25%;position: relative;}
.section-kehu .scrool li:before{content: '';width: 1px;height: 30px;background: #2b2b2d;position: absolute;left: -1px;top: 50%;margin-top: -15px;z-index: 3;}
.section-kehu .scrool li:after{content: '';width: 1px;height: 30px;background: #2b2b2d;position: absolute;right: 0px;top: 50%;margin-top: -15px;z-index: 3;}
.section-kehu .scrool li:hover:before,.section-kehu .scrool li:hover:after{background: #ffcc33;z-index: 4;}
.section-kehu .scrool li a{display: block; position: relative; text-align:center;}
.section-kehu .scrool li a img.last{position: absolute;top: 0;left: 50%;z-index: 2;opacity: 0;/* transform: translateX(-50%); */margin-left: -93px;}
.section-kehu .scrool li a:hover img{opacity:0;}
.section-kehu .scrool li a:hover img.last{opacity: 1;}
.section-kehu .scrool li a:hover{/* box-shadow: 0px 0px 18px -10px rgba(255, 204, 51, 1); */}
.section-kehu .scroolPrev,.section-kehu .scroolNext{width: 30px;height: 30px;border-radius: 30px;font-size: 14px;position: absolute;left: -70px;top: 50%;margin: -15px 0 0 0;text-align: center;line-height: 30px;background: #232325;cursor: pointer;z-index: 3;}
.section-kehu .scroolNext{left: initial;right: -70px;}
.section-kehu .scroolPrev:hover,.section-kehu .scroolNext:hover{/* background: #6999fe; */color: #ffcc33;}


/*承诺*/
.section-chengnuo{text-align: center;padding: 70px 0 55px;max-width: 1200px;margin: 0 auto;}
.section-chengnuo h2{line-height: 1;font-size: 36px;color: #000;font-weight: lighter;text-align: center;padding: 0px 0 60px;}
.section-chengnuo ul{overflow: hidden;text-align: left;}
.section-chengnuo li{float: left;width: 50%;padding: 45px 100px 0;border: 1px solid #efefef;border-width: 1px 0 0 1px;min-height: 200px;margin: -1px 0 0px -1px;font-size: 16px;line-height: 28px;color: #6e6e6e;}
.section-chengnuo .t{font-size: 20px;line-height: 36px;color: #1d2023;padding: 0 0 14px 45px;position: relative;}
.section-chengnuo i{position: absolute;left: 0;top: 0;width: 30px;height: 36px;background: url(../img/detail/icon.png) no-repeat 0 0;}
.section-chengnuo i.i2{background-position: 100% 0;}
.section-chengnuo i.i3{background-position: 0 100%;}
.section-chengnuo i.i4{background-position: 100% 100%;}
.section-chengnuo p{}


/*详细说明*/
.DetailDesc{ padding: 30px 0 0 0;}
.DetailDesc dl{ overflow: hidden;}
.DetailDesc dd{border-top: 1px solid #ddd;margin-top: -1px;padding: 40px 0 40px 390px;font-size: 14px;line-height: 24px;color: #333;position: relative;}
.DetailDesc dd:before{content: '';width: 70px;height: 1px;background: #fff;position: absolute;top: -1px;left: 300px;}
.DetailDesc h3{float: left; margin-left: -390px;font-size: 18px;color: #353535;}
.DetailDesc{max-width: 1200px; margin: 0 auto;}
.DetailDesc p{zoom: 1;position: relative;padding: 6px 0 6px 10px;}
.DetailDesc p:after { content: ""; display: block; clear: both; height: 0; }
.DetailDesc p:before{content:'';width: 4px;height: 4px;border-radius: 4px;background: #a0a0a0;position: absolute;left: 0;top: 15px;}
.DetailDesc dd.ohter{}
.DetailDesc dd.ohter p{padding-left: 150px;}
.DetailDesc dd.ohter p:before{display: none;}
.DetailDesc dd.ohter span{float: left;margin-left: -150px;}
.DetailDesc dd.ohter em{font-size: 12px;color: #a4a3a3;}
.DetailDesc dd.ohter2 p{color: #848484;margin-bottom: 10px;}
.DetailDesc dd.ohter2 p span{display: block;color: #333;}
.DetailDesc dd.ohter2 p.first{border-bottom: #e7e7e7 1px dotted;padding-bottom: 20px;padding-left: 0;}
.DetailDesc dd.ohter2 p.last{background: url("../img/detail/warning.png") no-repeat 20px center #eee;border: 1px solid #d5d5d5;height: 40px;line-height: 38px;padding: 0 0 0 70px;margin-bottom: 0;}
.DetailDesc dd.ohter2 p.last span{float: none;margin: 0;background: #fff;width: 100%;display: block;padding: 0 0 0 20px;}
.DetailDesc dd.ohter2 p.last:before,.DetailDesc dd.ohter2 p.first:before{display:none;}



.detailInfo{/* margin: 70px 0 0 0; */overflow: hidden;}
.detailInfo dl{zoom: 1;margin-top: -1px;}
.detailInfo dl:after { content: ""; display: block; clear: both; height: 0; }
.detailInfo dd{border-top: #e1e1e1 1px solid;width: 270px;float: left;padding: 35px 20px;color: #343537;font-size: 22px;}
.detailInfo dt{border-top: #e1e1e1 1px solid;width: 806px;float: right;padding: 35px 0;}
.detailInfo dt p{zoom: 1;font-size: 16px;color: #717171;padding: 0 0 0 200px;margin: 35px 0 0 0;line-height: 32px;}
.detailInfo dt p:after { content: ""; display: block; clear: both; height: 0; }
.detailInfo dt p span{float: left;margin-left: -200px;color: #343537;}
.detailInfo dt p:first-of-type{margin: 0;}
.detailInfo dt p:before{opacity: 0}
.detailInfo .tedian{}
.detailInfo .tedian p{font-size: 15px;color: #717171;float: left;width: 50%;margin: 30px 0 0 0;line-height: 30px;padding: 0;min-height: 90px;}
.detailInfo .tedian p span{font-size: 18px;color: #333;display: block;float: none;margin-left: 0;}
.detailInfo .tedian p:nth-child(-n+2){ margin:0;}
.detailInfo .tedian .more{text-align: center;}
.detailInfo .tedian .more a{width: 245px;line-height: 45px;border: 1px solid #000;text-align: center;display: inline-block;font-size: 18px;margin-top: 40px;}
.detailInfo .tedian .more a i{font-size: 20px;}
.detailInfo .tedian .more a:hover{}