.homeBody .head{ background-color: #575757;}
.homeBody .head a,.homeBody .head span{ color: #c7c7c7;}
.homeBody .head a:hover{ color: #FF6600;}
.homeBody .head-qlink li.h_ht{ padding-right: 0; border-right: 0;}
.homeBody .logo{ width: 140px;}
.homeBody .logo h1{ height:50px; line-height: 44px;}
.homeBody .logo h1 img{ height: 34px;}
.homeBody .header_cont{ background-color: #f6f6f9;}

.headComInfo{ width: 280px;}
.headComInfo ul{ margin-right: 30px;}
.headComName{ margin-bottom: 5px;}
.headComName a{ font-size: 16px;}
.headComBase span{ display: inline-block; height: 16px; line-height: 16px; font-size: 12px; vertical-align: middle;}
.headComBase span.comVip,.headComBase span.comCert{ margin-right: 3px;}
.headComBase span.comMode{ width: 200px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.headComAction ul{ padding-top: 10px;}
.headComAction li{ float: left; margin-right: 10px;}
.statusBtn{ padding: 6px 12px; cursor: pointer;}
.statusBtn span{ display: inline-block; padding-left: 22px;}
.comOrder .statusBtn{ border: 1px solid #FF6600;}
.comOrder .statusBtn span{ color: #FF6600; background: url(../images/comOrderIcon.png) no-repeat left center scroll;}
.comOrder .statusBtn:hover{ background-color: #FF6600; }
.comOrder .statusBtn:hover span,.comOrder .comCordered span{ color: #FFF; background: url(../images/comOrderedIcon.png) no-repeat left center scroll;}
.comCollect .statusBtn span{ background: url(../images/collect-icon.png) no-repeat left center scroll;}
.comCollect .statusBtn span:hover,.comCollect .comCollected span{ color: #FF6600; background: url(../images/collected-icon.png) no-repeat left center scroll;}
.comMobile { position: relative; padding-left: 20px; border-left: 1px solid #ddd;}
.comMobile .mbIcon img{ width: 30px; height: 30px;}

.comMobile .mbPic{ display: none; position:absolute; top:49px; left: -35px; width: 140px; height: 150px; text-align: center; background-color: #FFF; border: 1px solid #eee;-moz-box-shadow:0px 3px 5px #e0e0e0; -webkit-box-shadow:0px 3px 5px #e0e0e0; box-shadow:0px 3px 5px #e0e0e0; z-index: 99;}
.comMobile .mbPic img{ width:112px; height: 112px; margin-top: 8px;}
.comMobile .mbT{ display: block; line-height: 18px; text-align: center; color: #888;}
.comMobile:hover .mbPic{ display: block;}

.homeBody .head_search{ width:364px; height:34px; padding-top:9px;}
.homeBody .head_search_int{width:270px;}
.homeBody .search_i{ width:180px; height: 30px; line-height: 30px; font-size:12px; padding: 0;}
.homeBody .search_s{ width: 80px; height: 30px; line-height: 30px; font-size:14px;}
.homeBody .head_search .search_int_btn{position: absolute;right: 0;top: 0;}
.homeBody .searchAll_int_btn{position: absolute;right: -90px;top: -2px;}
.homeBody .searchAll_int_btn .search_s{color: #ff820d;background-color: #FFF; height: 34px;border: 2px solid #ff820d;}
.homeBody #search_tips{ width: 270px; margin-top: 0; margin-left: -12px;}

/*名片交换*/
.mp {margin-top: 20px;}
.mpList { background: #fff;float: left;width: 265px;margin: 10px 20px 10px 0;border-radius: 10px;box-shadow: 0 0 5px rgba(0,0,0,0.3);box-sizing: border-box;padding: 10px;}
.mpList:nth-child(3n) { margin-right: 0; }
.mpList .mpPhoto { background: #f4f4f4;float: left;width: 50px;height: 50px;border-radius: 50%;overflow: hidden;position: relative;border: 1px solid #ff820d;}
.mpList .mpPhoto img {max-width: 45px;max-height: 45px;position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;}
.mpList dt {float: right;width: 180px;}
.mpList .mpNmae {font-size: 16px;min-height: 44px;line-height:22px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.mpList .mpNmae i {font-size: 12px;height:17px;color: #999;display: block;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mpList .mArea {font-size: 12px;height:17px;color: #666;display: block;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mpList .mpCompany {font-size: 14px;margin-bottom: 5px; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mpList .mpEmail {font-size: 12px;color: #999;margin-bottom: 5px; height: 16px; line-height: 16px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.mpList .mpEmail i { color: #333; }
.mpList .mpAddress {font-size: 12px;color: #999; height: 16px; line-height: 16px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.mpList .call {margin-top: 10px;padding-top: 8px;border-top: 1px solid #e5e5e5;}
.mpList .call span {float: left;width: 50%;text-align: center;height: 20px;cursor: pointer;}
.mpList .call span:first-child {border-right: 1px solid #d3d3d3;box-sizing: border-box;}
.mpList .call span i {display: inline-block;padding-left: 22px;background: url(../images/mp.png) no-repeat left center;background-size: 18px 18px;}
.mpList .call span:first-child i {padding-left: 18px;background: url(../images/mpphone.png) no-repeat left center;background-size: 14px 14px;}
.mpBg { display: none;background: rgba(0,0,0,0.3); position: fixed; left: 0; top: 0; width: 100%; height: 100%;  z-index: 9;}
.mpcomfirm {background: #fff;width: 350px;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 15px;padding:10px;}
.mpcomfirm p {font-size: 24px;height: 60px;line-height: 60px;text-align: center;font-weight: bold;padding-bottom: 30px;}
.mpcomfirm div span {cursor: pointer;float: left;width: 50%;text-align: center;color: #666;font-size: 18px;height: 35px;line-height: 35px;}
.mpcomfirm div span .mpBtn {display: inline-block;width: 80px;height: 35px;line-height: 35px;text-align: center;color: #fff;background: #007AFF}
.virtual {width: 270px;background: #fff;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 15px;padding:15px;}
.virtualMain{ position: relative; text-align: center;}
.virtual p {font-size: 12px;color: #888;text-align: center;}
.virtual p.virtualPhone {height: 60px;line-height: 60px;display: inline-block;font-size: 30px;color: #ff820d;text-align: center;padding-left: 28px;background: url(../images/mpphoneGrey.png) no-repeat left 19px; background-size: 26px 26px;}
.virtual i.mpClose,.mpChange i.mpClose {cursor: pointer;position: absolute;right: -38px;top: -38px;height: 24px;line-height: 18px;width:24px;font-size: 20px;font-weight: normal;font-style: normal;color: #fff;border: 1px solid #fff;border-radius: 50%; text-align: center;}
.mpChange {width: 300px;background: #fff;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 15px;padding:15px;}
.mpChangeMain{ position: relative; text-align: center;}
.mpChange p {font-size: 14px;color: #666;text-align: center;}
.mpChange p.mpSuccess {height: 60px;line-height: 60px;text-align: center;font-size: 30px;color: #0aa923;text-align: center;}
.mpChange p a {color: #007AFF;text-decoration: underline;}

/* global-NewHeader */
.homeHead{ width: 100%; padding: 5px 0; background-color: #666;}
.headRight{ float: right;}
.headLeft{ float: left;}
.headLogo{ float: left; height: 30px;}
.head_login{ float: left; height: 30px;}
.hLogo img{ height:28px; vertical-align: middle;}
.hWel{ padding: 0 5px 0 20px; color: #dadada; vertical-align: middle;}
a.hName{ padding: 0 10px 0 5px; color: #ffc800; vertical-align: middle;}
.homeHead .member-nLogin{ padding-top: 0; height: 30px; line-height: 30px;}
.homeHead .member-nLogin a{ text-decoration: underline;}
.homeHead .member-nLogin a.m-login:hover{ color: #FF3300;}
.homeHead .member-nLogin a.m-login{ color: #dadada;}
.homeHead .member-title{ padding-bottom: 3px;}
.homeHead .member-title a{ color: #FFFFFF;}
.homeHead .head_lgHover .member-title a{ color: #333;}

.headerStoreStatus{ float: left; margin: 0 20px; height: 30px; line-height: 30px;}
.headerStoreStatus span{ padding-left: 20px; margin-right: 30px; color: #FFFFFF; cursor: pointer;}
.headerStoreSearch{ float: left;}
.headerStoreStatus .StoreOrder{ background: url(../images/comOrderedIcon.png) no-repeat left center scroll;}
.headerStoreStatus span.StoreOrder:hover,.headerStoreStatus span.StoreOrdered{color: #ff820d; background: url(../images/comOrderIcon.png) no-repeat left center scroll;}
.headerStoreStatus .StoreCollect{ background: url(../images/collectWhiteIcon.png) no-repeat left center scroll;}
.headerStoreStatus span.StoreCollect:hover,.headerStoreStatus span.StoreCollected{color: #ff820d; background: url(../images/collected-icon.png) no-repeat left center scroll;}

.StoreSearchInt{ height: 30px;}
.StoreSearchIntKw .searchInt{ padding: 3px 10px; line-height: 22px;}
.StoreSearchInt .searchBtn{ border: medium none; padding: 0 10px; height: 30px; line-height: 30px; cursor: pointer;}
.StoreSearchInt .StoreSearchIntBtn .searchBtn{ background-color: #FF6600; color: #FFFFFF;}


.comWrap{ background-color: #f2f2f2;}

.headerTop{ width: 100%; height: 110px; overflow: hidden;}
.headerCustomBg a{ display: block; width: 1200px; height: 110px; margin: 0 auto;}
.headerCustomBg h2{ display: none !important;}

.headerInfoBox{ width: 100%; height: 110px; overflow: hidden;}
.headerTitle{ float: left; width: 810px; height: 110px;}
.headerTitle a{ color: #333;}
.headerTitle dl{ padding-top: 10px; height: 90px;}
.headerLogo{ float: left; width: 90px; height: 90px; line-height: 90px; text-align: center;}
.headerLogo img{ vertical-align: middle;}
.headerName{ float: left; width: 700px; padding-left: 20px; padding-top: 14px;}
.headerName h1{ font-size: 24px; margin-bottom: 6px;}
.headerName h1 em { display: inline-block;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;max-width: 515px; }
.headerName p.run{ display: inline-block;font-size: 16px; height: 28px; line-height: 2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.headerName .run em{ color: #888;}



.headTop { position: relative; }
.collectPreview { position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 0; }
.collectPreview dd { cursor: pointer;position: absolute;right: 10px;height: 35px;line-height: 35px;width: 100px;text-align: center;border-radius: 10px;margin: 10px 0;color: #fff;overflow: hidden; }
.collectPreview dd.preview { box-shadow: 0 0 5px #ff6000;background: url(../images/preview1.png) no-repeat 18px center #ff6000;padding-left: 17px;  }
.collectPreview dd.touch { top: 50px;box-shadow: 0 0 5px #ee8f00;background: url(../images/touch1.png) no-repeat 18px center #ee8f00;padding-left: 17px; }
.collectPreview dd.grey { box-shadow: 0 0 5px #9a9a9a;background-color: #9a9a9a; }

.headerContact{ float: right;}
.hdContbox{ padding-top: 18px;}
.headerContact p{ text-align: center;}
.headerContact .contMbNum{ font-size: 30px; font-weight: bold; text-align: center;}

.comMenu {height:40px;}
.comMenu span {color:#FFFFFF;}
.comMenu li {float:left;}
.comMenu li a{ display:inline-block; font-size:14px;line-height:40px;padding:0 20px; margin-right:3px;}

.banner{ position: relative; width: 100%;}
.bannerContBox{ position: relative; width: 100%; height: 500px; overflow: hidden;}
.bannerSlide{ text-align: center; background-color: #FFFFFF;}
.bannerSlide a{ display: block; width: 100%; height: 500px; background-repeat: no-repeat; background-position: center center;}
.swiper-button-next.bannerBtnNext{ right: 12%;}
.swiper-button-prev.bannerBtnPrev{ left: 13%;}

.bannerContAlImg{ width: 100%; height: 300px; text-align: center; background-repeat: no-repeat; background-position: center center;}

.homePos{ margin: 10px auto;}
.posBox{ position: relative; padding: 10px; height: 20px; line-height: 20px;}

.homeIndex{ margin-top: 20px;}
.homeItemer{ border: 1px solid #e6e6e6; background-color: #FFFFFF; margin-bottom: 20px;}
.itemHdBox{ position: relative; height: 50px; border-bottom: 1px solid #e6e6e6;}
.itemerTitle{ font-size: 16px; height: 20px; line-height: 20px; padding:15px;}
.itemerTitle span{ border-left: 3px solid #6f6f6f; padding-left: 10px;}
.itemerMore{ display: inline-block;padding: 15px 20px 0 0;}
.itemerMore a{ color: #999;}
.itemerBody{ padding: 15px;}
.homeSide .itemerBody{ padding: 10px;}

/* 首页-公司介绍 */

.introMainBg{ margin-bottom: 15px;font-size: 14px;}
.introMainBg .introLeft{ float: left; width: 40%;}
.introMainBg .introRight{ float: left; width: 60%;}
.introMainBg .introVideo{ height: 210px;}
.introVideo video{ width: 100%; height: 100%;}
.MintroBox .introContent{ margin:10px 10px 10px 15px; height: 190px; font-size: 14px; line-height: 1.5em; overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;}
.MintroBox .introContent a{color: #00adff;}
.introContent p{ font-family:"Microsoft Yahei",Tahoma,Verdana,Arial !important; font-size: 14px !important; line-height: 1.5em !important; font-weight: normal !important; margin-bottom: 5px !important;}
.introContent span{ font-size: 14px !important; font-family:"Microsoft Yahei",Tahoma,Verdana,Arial !important; color: #333 !important;}
.comBook{ margin-top: 20px;}
.introMain .introCont{ font-size: 14px; line-height: 1.5em;}
.introMain .introCont a{color: #00adff;}

/* 产品手册 */
.deepSection{ background-color: #ffb546; color: #FFFFFF; padding: 6px 15px;}
.deepSection h3{ font-size: 14px; font-weight: bold;}
.deepContent{ border: 1px solid #ffb546; padding: 14px 14px 6px 14px;}
.deepContent dd{ position: relative; line-height: 24px; font-size: 14px; border-bottom: 1px solid #eee; padding-bottom: 8px; margin-bottom: 8px;}
.deepContent dd img{ width: 16px;vertical-align: middle;}
.deepContent .pdftle{ padding-left: 6px; vertical-align: middle;}
.deepContent .pdftle:hover{ color: #ff9900; text-decoration: underline; cursor: pointer;}
.quoteBtn{ position: absolute; right: 5px; top: 0; color: #ff9900; cursor: pointer;}

/* 首页-产品列表 */
.sellList .itemerBody{ padding-right: 0; padding-bottom: 0;}
.sellList .sellListBox{}
.sellList .sellListBox li{ float: left; display: inline-block; width: 220px; margin-right: 15px; margin-bottom: 15px;}
.sellList .sellListBox a{ display: block; padding:4px; border: 1px solid #eeeeee;}
.sellList .sellListBox a:hover{ border: 1px solid #ff9800;}
.sellList .sellListBox .listPic{ position: relative; width: 210px; height: 210px; line-height: 210px; text-align: center;}
.sellList .sellListBox .listPic img.listImg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.sellList .sellListBox .listPic .imgTags{ position: absolute; left: -4px; top: -4px; width: 44px; height: 34px; line-height: 16px; background-color: #c00; color: #FFFFFF;}
.sellList .sellListBox .listName{ height:40px; margin: 5px 0; padding: 0 3px; font-size: 14px; line-height: 20px; overflow: hidden;text-align: center;}

/* 首页-企业档案 */
.CompanyProfile h5{ font-size: 16px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd;}
.CompanyProfile label{ color: #888; padding-right: 5px;}
.CompanyProfile p{ margin-bottom:8px; font-size: 12px; color: #333;}

.btnCollect,.btnMessage{ display: inline-block; padding: 5px 6px 5px 25px; border: 1px solid #eee; cursor: pointer; font-size: 14px;}
.btnCollect{ margin-right: 15px; background: url(../images/collect-icon.png) no-repeat 5px center scroll;}
.comCollected{ background: url(../images/collected-icon.png) no-repeat 5px center scroll;color: #ff820d;}
.btnMessage{ background: url(../images/message-icon.png) no-repeat 5px center scroll;}
.btnCollect:hover,.btnMessage:hover{color: #ff820d; border: 1px solid #ff820d;}
.comWx{ padding-top: 10px; margin-bottom: 10px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc;}
.comWx p{ text-align: center;}
.comWx p img { width: 100% }
.homeIndexItem{ margin: 40px auto;}

/* 首页-推荐产品 */
.recomdHead{ text-align: center; margin-bottom: 30px;}
.recomdHead .recomdTle{ display: inline-block; font-size: 30px; font-weight: bold; margin: 0 50px; padding-bottom: 10px; border-bottom:4px solid #333; vertical-align: middle;}
.recomdHead .tlLine{ display: inline-block; height: 1px; background-color: #333; width: 150px; vertical-align: middle;}
.proRecommdList li{ float: left; display: inline-block; width: 31.33%; margin: 1%;}
.proRecommdList a{ display:block; padding:10px; background-color: #FFFFFF;-moz-box-shadow:0px 0px 5px #e0e0e0; -webkit-box-shadow:0px 0px 5px #e0e0e0; box-shadow:0px 0px 5px #e0e0e0; }
.proRecommdList span{ display: block;}
.proRecommdList span.proRdImg{ width: 355px; height: 355px; line-height: 355px;}
.proRecommdList span.proRdImg img{ vertical-align: middle;}
.proRecommdList span.proRdNm{ font-size: 18px; line-height: 1.4em; margin-top: 10px;height:46px;overflow:hidden;}
.proRecommdList a:hover{-moz-box-shadow:0px 0px 5px #e76a04; -webkit-box-shadow:0px 0px 5px #e76a04; box-shadow:0px 0px 5px #e76a04; }


.productCont{ padding-bottom: 20px;}
.sellList{ background-color: #FFFFFF;}

.sellContHead{ background-color: #FFFFFF; border-bottom: 1px solid #eee;}
.sellContHead li{ float: left; font-size: 16px; line-height: 26px; padding: 10px 40px;}
.sellContHead li.HeaderHover span{color: #ff820d;}
.sellContMain{ background-color: #FFFFFF; margin-bottom: 20px;}
.sell-content{ padding: 20px; min-height: 500px;}
.ItemerProCont{ }

.honorCont{ background-color: #FFFFFF;}
.honorItemer{ background-color: #f2f2f2; padding: 10px 0; margin-bottom: 20px;}
.honorItemer table{ background-color: #f2f2f2;}
.honorItemer td{ padding: 10px;}
.hItemTle strong{ font-size: 14px; line-height: 2em; margin-bottom: 10px;}
.honorImg{ padding: 20px; text-align: center;}
.honorContent{ font-size: 14px; line-height:1.6em; margin-bottom: 20px;}
a.backLink{ position:absolute; right:20px; top:18px; color:#09F;}
.honorList td{ border-bottom: 1px solid #eee;}

.itemer-main p{ font-size: 14px; line-height: 1.8em; margin-bottom: 5px;}

.contactCont{ background-color: #FFFFFF; margin-bottom: 20px;}
.photoCont{ background-color: #FFFFFF; margin-bottom: 20px;}
.caseCont{ background-color: #FFFFFF; margin-bottom: 20px;}
.videoCont{ background-color: #FFFFFF; margin-bottom: 20px;}

.introBox { margin-bottom: 20px; }
.introBox .cards p { width: 906px; }
.introBox .mpList { width: 275px }
.introMain .introLeft{ float: left; width: 800px;}
.introMain .introRight{ float: right; width: 370px;}
.introMain .introVideo{ width: 800px; height: 450px; margin-bottom: 10px; background-color: #FFF;}
.introMain .introNav li{ float: left; height: 30px; line-height: 30px; padding: 5px 20px; margin-right: 20px;}
.introMain .introNav li a{ color: #333; font-size: 16px; font-weight: bold;}
.introMain .introNav li.inNavActive{color: #ff820d; border-bottom: 2px solid #ff820d;}
.introMain .introNav li.inNavActive a{color: #ff820d;}
.introPrice{ margin-bottom: 20px;}
.introPrice .priceFile { border: 1px solid #dfdfdf;border-radius: 0; }
.introPrice .moreBtn .publicBtn { margin-right: 65px;}
.introPrice .changeCard .mpList {width: 345px;}
.introPrice .changeCard .mpList:nth-child(even) { margin-right: 0;}
.introPrice .changeCard .mpList:nth-child(3n) { margin-right: 20px;}
.introPrice .mpList dt {width: 260px;}
.introPrice .cards p { width: 749px; }

.introMain .introM{ margin-bottom: 20px; background-color: #FFFFFF; padding: 20px;}
.baseList { position: relative; padding-bottom: 10px; border-bottom: 1px dashed #eee; margin-bottom: 10px;}
.baseList h3{ font-size: 22px; font-weight: 500; margin-bottom: 15px;}
.comArea{ position: absolute; right: 0; top: 0; color: #888;}
.introIdentity span{ padding-right: 5px; color: #888;}

.baseItem li{ float: left; width: 50%; padding: 5px 0;}
.baseItem li.itemLength{ width: 100%;}
.baseItem li span{ font-size: 14px; display: inline-block; line-height: 20px;}
.baseItem li span.bTle{ font-weight: bold;}
.baseItem li span.bCon{ color: #666;}
.baseItem li span.bCon em{ padding-right: 5px; color: #666;}
.baseItem li span.bCon a{ color: #666;}

.introMTle { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.introMTle span{ font-size: 20px;}

.com-infor { margin-bottom: 20px;}
.com-infor table{border-collapse: collapse;}
.com-infor td{ border: 1px solid #eaeaea;} 
.com-infor td.f_b{ background-color: #f2f2f2;}

.introBook{ background-color: #FFFFFF; margin-bottom: 20px;}
.bookHead{ padding: 5px 15px; background-color: #ff820d;}
.bookHead h4{ font-size: 16px; line-height: 1.6em; color: #FFFFFF;}
.bookHead p{ font-size: 12px; line-height: 1.6em; color: #FFFFFF;}
.bookContent{ padding: 20px 15px 10px 15px;}
.pdfFile dd{ position: relative; margin-bottom: 10px;}
.pdfFile dd img{ width: 16px; vertical-align: middle; padding-right: 5px;}
.pdfFile .pdftle{ font-size: 12px; text-decoration: underline; vertical-align: middle; }
.pdfFile .pdftle:hover{color: #ff820d; cursor: pointer;}
.pdfFile .quoteBtn{ right: 0;}

.introMessage{ background-color: #FFFFFF; margin-bottom: 20px;}
.messHeader{ padding: 8px 15px; border-bottom: 1px solid #eaeaea; margin-bottom: 15px;}
.messHeader h4{ font-size: 18px; line-height: 1.6em;}
.messHeader p{ font-size: 14px; line-height: 1.6em;}
.messBody{ padding: 0 15px 15px 15px;}

.messageBox li{margin-bottom: 10px;}
.messageBox .messTle{ font-size: 14px; color: #666; margin-bottom: 5px; font-weight: 500;}
.messItem .messInt{ width: 96%; border: 1px solid #d4d4d4; padding: 5px; line-height: 20px;}
.messItem .input-captcha{ width: 100px; border: 1px solid #d4d4d4; padding: 5px; line-height: 18px;}
.submitBtn{ text-align: center; margin-top: 20px;}
.submitBtn .suB{ font-size: 14px; line-height: 18px; padding: 8px 25px; margin: 0 5px; border: medium none; cursor: pointer;}
.submitBtn .subT{ background-color: #ff820d; color: #FFF;}
.submitBtn .subT:hover{ background-color: #e06d01;}

.sideContact li,.sideType li{ line-height: 1.8em; margin-bottom: 5px;}

.contactList td{ font-size: 14px;}
.contactList td.cactL{ color: #888; font-size: 12px; font-weight: bold;}
.contactList .phNone{ color: #888; margin-bottom: 5px;}
.contactList .phKf{ color: #F60;}

.videoTitle{ text-align: center;font-size:20px;font-weight:bold;line-height:40px;}
.videoInfo{ text-align: right; color:#666;}
.videoM{ border: 1px solid #eee; padding: 9px; margin-bottom: 10px;}

/* show */
.title {text-align:center;font-size:20px;font-weight:bold;line-height:48px;}
.info {margin:16px 16px 0 16px;background:#F1F1F1;line-height:48px;text-align:center;}
.content {font-size:14px;line-height:180%;padding:20px;}
.content p {margin:0 0 16px 0;}
.property {border:#E6E6E6 1px solid;background:#F6F6F6;padding:16px;margin:0 20px;}
.property li {float:left;width:30%;height:24px;line-height:24px;overflow:hidden;}
/*.foot {background:#F1F1F1;padding:20px;line-height:32px;}
.foot i,.top i {font-style:normal;color:#999999;padding:0 8px;}
.pos {padding:16px 16px 16px 32px;height:24px;line-height:24px;background:url('../images/pos.png') no-repeat 6px 18px;font-size:14px;}
.pos div {float:right;}
.pos i {font-style:normal;font-weight:bold;color:#444444;padding:0 6px;font-family:simsun;}
.pos em {font-style:normal;color:#999999;padding:0 10px;font-size:12px;}
.pos .f_r {font-size:12px;color:#666666;}*/

.inp {border:#CCCCCC 1px solid;color:#666666;}
.sbm {height:35px;line-height:35px;border:#CCCCCC 1px solid;color:#333333;background:#EEEEEE;padding:0 20px;cursor:pointer;}
.sbm:hover {background:#DDDDDD;}
.banner {}
/* sign */
.sign {z-index:1000;position:absolute;width:180px;/*background:url('../images/vip_bg.gif') no-repeat;*/right:0;}
.sign strong {font-size:18px;color:red;}
.sign span {font-size:18px;color:red;font-weight:bold;padding:0 0 0 60px;}
/* thumb */
.thumb {padding:16px;}
.thumb img {border:#C0C0C0 1px solid;padding:2px;}
.thumb div {height:36px;overflow:hidden;line-height:18px;font-size:14px;margin:6px 0 6px 0;}
.thumb p {font-size:10px;color:#888888;margin:2px;}
.thumb:hover{background:#F1F1F1;}

/* album */
#mid_pos {position:absolute;}
#mid_div {width:380px;height:380px; line-height:380px; text-align:center;cursor:crosshair;background:#F3F3F3; border:0; padding:0; vertical-align:middle; overflow:hidden;}
#zoomer {border:#D4D4D4 1px solid;width:120px;height:90px;background:#FFFFFF url('../images/zoom_bg.gif');position:absolute;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:500px;height:500px;border:#ddd 1px solid;background:#FFFFFF;position:absolute;overflow:hidden; z-index:99;}
#big_div img#big_pic {position:absolute; max-width: none !important; max-height: none !important;}
#mid_div img{ vertical-align:middle;}

.productImgBox{ background:#FFF; margin-bottom:20px; padding:10px;}
.proImg{ width:380px; height:380px;padding:4px;border:#ddd 1px solid; z-index:2}
.proTleTele { text-align: right;}
.proTleTele a{ display: inline-block; font-size: 12px; padding: 5px 15px; border:1px solid #b33f0e; background-color: #ffe3cb; color: #bd5b04; border-radius: 5px;}
.proTleTele a:hover{ border:1px solid #e04300; background-color: #fff0e3; color: #e46a00; }

.proVideoBoxBg{ position:absolute; left:0; top:0; right:0; width:390px; height:390px; background-color:#000; opacity:0.3; z-index:9}
.proVideoBox{ position:absolute;width:390px; height:390px; z-index:12}
.proVideoIcon{ position:absolute;display:inline-block; width:60px; height:60px; margin-left:-30px; margin-top:-30px; z-index:99; cursor:pointer;}
.proVideo{ position:relative; width:390px; height:390px;}
.proVideo video{-webkit-filter: grayscale(20%);filter: grayscale(20%); background-color:#333;}
.proVideo .VideoClose{ position:absolute; right:10px; top:10px; cursor:pointer;}

.proImgSmall{ margin-top:10px;}
.proImgSmall li{ float:left; width:90px; height:90px; margin-right:10px;}
.proImgSmall span.ab_sp{ display:inline-block; width:80px; height:80px; line-height:80px; padding:4px; margin:0 10px 0 0; border:#eee 1px solid; text-align:center; vertical-align:middle; background-color:#FFF;}
.proImgSmall span.ab_on{border:#FF6600 1px solid;}
.proImgSmall span.ab_sp img{ vertical-align:middle;}

.proImgTips{ line-height:20px; text-align:center; margin-top:5px;}

.proTitleBox{ padding-right:200px;}
.proTitleBox .proTitle{ position:relative; background-color:#ffeedf; padding:10px 20px; margin-bottom:10px;}
.proTitleBox .proTitle h3{ font-size:20px; margin-bottom:10px; line-height:1.8em; color:#F60;}
.proTitleBox .proTitle .proTleXh{ padding-right:130px; color:#666;}
.proTitleBox .proTitle .proTleXhName{ color:#999;}
.proTitleBox .proPrice{ margin-bottom:15px;}
.proTitleBox .proPriceBox{ border: 1px solid #eaeaea; background-color: #f2f2f2;}
.proTitleBox .priceShow ul{ height: 40px; border-bottom: 1px solid #ddd;}
.proTitleBox .priceShow li{ float: left; width: 50%; color: #888;}
.proTitleBox .priceShow li span{ display:block;padding:5px 20px; height: 30px; line-height: 30px;}
.proTitleBox .priceShow li span.avgPrice{ border-left: 1px solid #ddd;}
.proTitleBox .p-btn{ font-size: 16px; cursor: pointer;}
.proTitleBox .p-fsize{ font-size: 22px; font-weight: normal;}
.proTitleBox .pColorRed{ color: #f00;}
.proTitleBox .pColorYellow{ color: #FF6600;}
.proTitleBox .priceBtn{ padding:10px 20px;}
.proTitleBox .pBtnStyle,.proTitleBox .pBtnHover{ display: inline-block; padding:5px 35px; font-size: 14px; color: #fff; cursor: pointer;}
.proTitleBox .pBtnStyle{ background-color: #f70000;}
.proTitleBox .publicBtn { cursor: pointer;padding: 10px 25px!important;font-size: 16px!important; border-radius: 6px; cursor: pointer;}
.proTitleBox .original { box-sizing: border-box;color: #ee8f00; border: 1px solid #ee8f00; background: url(../images/file1.png) no-repeat 18px center #fff;
                         padding-left: 40px!important;margin-left: 30px;}
.proTitleBox .pBtnHover{ background-color: #d2d2d2; color: #666;} 
.proTitleBox .moreBtn .publicBtn { margin-right: 17px; }
.proTitleBox .proItemer{ width:100%; font-size:14px; margin-bottom:10px;}
.proTitleBox .proItemer .proItemerName{ color:#888; float:left; width:78px; height: 22px; line-height: 22px; text-align:right; font-size: 12px;}
.proTitleBox .proTleTime{ position:absolute; right:10px; bottom:10px; color:#999;}
.proTitleBox .proItemer .proItemerCont{ float:left; width:492px; line-height:1.6em;}
.proTitleBox .changeCard .mpList { width: 230px; }
.proTitleBox .changeCard .mpList:nth-child(even) { margin-right: 0; }
.proTitleBox .changeCard .mpList:nth-child(3n) { margin-right: 20px; }
.proTitleBox .mpList dt { width: 146px; }
.proTitleBox .cards>p { width: 518px; }
.proTitleBox .moreBtn { background: transparent;padding: 10px 0; }


.proBtnBox {text-align:center; margin-top:40px;}
.proBtnBox .YBtn{ display:inline-block; padding:5px 25px; border:1px solid #FF6600; color:#FF6600; font-size:14px; cursor:pointer; margin-right:40px; }
.proBtnBox .YBtn:hover{ background-color:#FF6600; color:#FFF;}
.proBtnBox .sBtn{ background: url(../images/collect-icon.png) no-repeat left center scroll;padding-left: 20px;font-size: 12px; cursor:pointer; border: 0; }
.proBtnBox .sBtn:hover{color:#FF6600;}
.proBtnBox .proBtn-ordered,.proBtnBox .proBtn-ordered:hover{ background-image:none; background-color:#a7a7a7; color:#FFF; border:none; cursor:text;}
.proBtnBox .proBtn-collected,.proBtnBox .proBtn-collected:hover{background: url(../images/collected-icon.png) no-repeat left center scroll;}


.proTb td{ border: 1px solid #e0e0e0; font-size: 14px; padding:10px;}
.proTb td.tLf{ background-color: #f2f2f2; text-align: right;}
.proTb td input[type="text"]{ line-height: 30px; border: 1px solid #ddd;}
.proTb .sbm-t{ background-color: #ff5722; color: #fff;}

.supplyBox span{ padding-right:5px ;}

.catidBox li{ float: left; width: 50%; margin-bottom: 5px;}
.catidBox li.catidColOne p{ padding-right: 20px;}

/* pages */
.pages {padding:20px 0;text-align:center;font-size:12px;}
.pages a:link,.pages a:visited,.pages a:active  {background:#FFFFFF;border:#E6E6E6 1px solid;padding:6px;text-decoration:none;margin:0 6px;}
.pages a:hover  {background:#F1F1F1;border:#CCCCCC 1px solid;color:#FF6600;}
.pages strong {background:#2E6AB1;padding:6px;border:#CCCCCC 1px solid;color:#FFFFFF;}
.pages_inp {border:#CCCCCC 1px solid;padding:6px;width:30px;text-align:center;color:#666666;}
.pages_btn {width:48px;background:#EEEEEE;border:#CCCCCC 1px solid;font-weight:bold;padding:6px;margin:0 6px;}
.pages label {background:#FFFFFF;border:#CCCCCC 1px solid;padding:6px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}

#proInquiry{ display: none;}
.proInquiryBody{ padding: 10px 20px 0 20px;}

/* comment */
.stat {padding:15px 0 10px 0;}
.stat_p {height:10px;line-height:10px;background:#FFF7D2;font-size:1px;}
.stat_p div {height:10px;line-height:10px;background:#FFA40D;border-left:#FFA40D 2px solid;float:left;}
.comment {padding:15px 10px 15px 10px;border-top:#AACCEE 1px dotted;}
.comment_sp {background:#F9FCFE;}
.comment_content {color:#333333;font-size:14px;line-height:180%;clear:both;padding:5px;}
.comment_title {height:26px;line-height:26px;color:#1B4C7A;padding:0 5px 0 5px;}
.comment_reply {padding:5px 10px 5px 10px;margin:0 5px 0 5px;line-height:180%;border:#E6E6E6 1px solid;background:#FFFFE3;}
.comment_no,.order_no {text-align:center;padding:20px;font-size:13px;}

.storeCom{ text-align: center; padding: 20px 0;}
.storePv{ line-height: 20px; margin-bottom: 8px;}
.storePv img { vertical-align:text-bottom; margin-right: 5px;}
.storePv span{ color: #888;}
.storeCominfo span{ padding: 0 20px;}
.storeCominfo em{ color: #888;}

/* basic */
.f_l {float:left;}
.f_r {float:right;}
.t_r {text-align:right;}
.t_c {text-align:center;}
.f_b {font-weight:bold;}
.f_n {font-weight:normal;}
.f_white {color:white;}
.f_gray {color:#666666;}
.f_orange {color:#FF6600;}
.f_red {color:red;}
.f_green {color:green;}
.f_blue {color:blue;}
.f_dblue {color:#225588;}
.f_price {font-weight:bold;font-family:Arial;color:#FF6600;}
.px12 {font-size:12px;}
.px14 {font-size:14px;}
.lh18 {line-height:180%;}
.b10 {font-size:1px;height:10px;}
.pd10 {padding:10px;}
.c_b{clear:both;}
.dsn {display:block;}
.c_p {cursor:pointer;}
.highlight {color:red;}
.clearfix:after{display:block;clear:both;content:"";}

/*public*/
.main_head{background:#fff!important;border-bottom:#e9eaec 1px solid!important;position:relative;}
.main_head i{position:absolute;width:90px;height:2px;background:#ff820d;    bottom: -1px;
             left: -1px;}
.readMore{font-size:12px;color:#999!important;}







/*recommend*/
.recommend .thumb{padding:0;}
.recommend .thumb>a{height:140px;display:inline-block;padding-top:10px;}
.recommend .thumb>a img{max-height:140px;box-sizing:border-box;}
.productName{margin:0 auto!important;}

/*honor*/
.honorLists a{width:18%;margin:10px 1%;height:225px;float:left;padding: 10px 0 5px;text-align: center;display:inline-block;border: #C0C0C0 1px solid;position:relative; overflow:hidden;box-sizing: border-box;}
.honorLists .thumb img {
    max-height: 90%;
    max-width:90%;
    border:none;
    position:absolute;padding:0;
    top:0;left:0;right:0;bottom:0;margin:auto;
}
.rebox {
    cursor: pointer;
    position: fixed;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    z-index: 1000;
    -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7);
}
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
                text-decoration: none; font-size: 24px; color: #fff!important; text-align: center; vertical-align: middle;
                -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
                -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
                 -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
                 -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
                 -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
                 animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}
/*selll*/
.sellTable td{padding:5px;}
.sellName{font-size:20px;color:#333;    width: 313px;
          display: inline-block;}
.sellColor td{background:#fff2e8;padding:10px;}
.sellColor p{margin:0;line-height:25px;}
.sellColor #hits{color:#999;}
.sellType{font-size:14px;font-weight:bold;width: 15%;}
.sellCont{font-size:14px;}
.sellCont i{font-style:normal;font-size:12px;display:inline-block;padding:2px 8px;background:#f2f2f2;border-radius:8px;margin:3px;}
.sellTable td.sellBtns{padding-top:40px;}
.sellBtns .sellBtn{width:80px;box-sizing:border-box;padding:5px 0  5px 25px;position:relative;margin-right:20px;background:#fff;border:1px solid #ccc;cursor:pointer;}
.sellBtns .sellBtn i{display:inline-block;width:18px;height:18px;position:absolute;left:10px;top:5px;}
.sellBtns .sellCollect i{background:url(../../skin/default/images/sellCollect.png) no-repeat center;background-size:contain;}
.sellBtns .sellOrder i{background:url(../../skin/default/images/sellOrder.png) no-repeat center;background-size:contain;}
.sellCollect.sellBtnOn i{background:url(../../skin/default/images/sellCollected.png) no-repeat center;background-size:contain;}
.sellOrder.sellBtnOn i{background:url(../../skin/default/images/sellOrdered.png) no-repeat center;background-size:contain;}
.sellBtns .sellBtnOn{background:#ff820d;color:#fff;border:1px solid #ff820d;}
.sellLogo{    width: 108px;
              height: 50px;
              display: table-cell;
              vertical-align: middle;
              text-align: center;}
.sellLogo img,.sellPro dd img{max-width:100%;max-height:100%;}
.sellRecomm{height:25px;line-height:25px;background:url(../../skin/default/images/line.jpg) repeat-x center;text-align:center;margin:0;}
.sellRecomm i{font-style:normal;font-size:14px;width:60px;text-align:center;background:#fff;display:inline-block;}
.sellPro dd{height:60px;width: 123px;display: table-cell;
            vertical-align: middle;
            text-align: center;border:1px solid #e9eaec;}
.sellPro dt{ width: 108px;height:20px;line-height:20px;text-align: center;overflow: hidden;
             text-overflow:ellipsis;
             white-space: nowrap;}
.supplyAll .supplyLists{padding:10px 0;background: #EEEEEE;}
.supplyAll .supplyLists li{float:left;width:25%;text-align:center;}
.supplyAll .supplyLists li.f_b a{color:#ff820d;}

.similar li{width:20%;float:left;}
.similar li span{    display: inline-block;
                     width: 100%;height:160px;border:1px solid #cccccc;    box-sizing: border-box;
                     overflow: hidden;position:relative;}
.similar li span img{max-width:100%;max-height:100%;border:none;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}
.similar .productName{width:100%!important;text-align:center;overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap;
}

.sellCont .main_body{ min-height:500px;}
.sellCont .commentBox .main_body{ min-height:100%; padding:20px;}

/*contact*/

.phoneNum{position:relative;}
.phoneShow{cursor:pointer;display:block; width:180px; text-align:center;font-weight:bold;font-style:normal;position:absolute;left:10px;z-index:2;background:#ff820d;padding:5px 25px;color:#fff;top:5px; font-size:14px;}
.PhoneHidden{position:absolute;left:10px;z-index:1;top:5px;}
.phoneNums{position:relative;}
.phoneShows{cursor:pointer;display:block; width:180px; text-align:center;font-weight:bold;font-style:normal;position:absolute;left:10px;z-index:2;background:#ff820d;padding:5px 25px;color:#fff;top:5px; font-size:14px;}
.PhoneHiddens{position:absolute;left:10px;z-index:1;top:5px;}

.plat .w1070{position:absolute;top:55%;left:50%;border:1px solid #f1f1f1;background:#fff;transform:translateX(-50%)}
.plat .w1070 dl{float:left;box-sizing:border-box;margin:20px 0;width:20%;border-left:1px solid #f1f1f1;text-align:center}
.plat .w1070 dl:first-child{border-left:none}
.plat .w1070 dd{margin:0 auto 10px;width:40px;height:40px}
.plat .w1070 dl p{color:#777;font-size:12px;line-height:20px}



.proT{ font-size: 12px; padding: 2px 5px; color: #FFF; margin-right: 6px;}
.bgcl_green{ background-color:rgb(26,156,0);}
.bgcl_yellow{ background-color:rgb(222,118,19);}


/*评论*/
.sideIcon {
    position: fixed;
    bottom: 35%;
    right: 0;
    z-index: 999;
}
.sideIcon .recruit_store {
    position: inherit;
    right: 77px;
    bottom: 44%;
}
.sideIcon .recruit_store i {
    display: inline-block;
    position: absolute;
    right: 0;
    font-size: 16px;
    color: #bfbfbf;
    border: 1px solid #bfbfbf;
    height: 20px;
    line-height: 17px;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    top: 10px;
    cursor: pointer;
}
.sideIcon li {
    border: 1px solid #a7a7a7;
    position: relative;
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
    cursor: pointer;
    background: #fff;
}
.sideIcon li:first-child {
    border: 1px solid #ff6600;
}
.sideIcon li img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.horn {
    position: absolute;
    width: 500px;
    line-height: 26px;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 25px;
    background:url(../images/horn.png) no-repeat left center;
    color: #e07329;
}
.horn a {
    color: #2995e0;
    display: inline-block;
    border-bottom: 1px solid #2995e0;
}
.total {
    position: absolute;
    right: 15px;
}
.convertBox {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4)
}
.convert {
    position: inherit;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    box-sizing: border-box;
    padding: 0 25px 25px;
    border-radius: 10px;
    width:400px;
}
.convert dd {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    position: relative;
}
.convert dd i.close {
    position: absolute;
    right: -5px;
    top: 10px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    cursor: pointer;
    color: #666;
    border: 1px solid #666;
}
.convert dt {
    width: 200px;
    height: 200px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    margin: 20px auto;
}
.convert p {
    font-size: 18px;
    margin-top: 10px;
    color: #666;
    text-align: center;
}