*{box-sizing: border-box;}
.txtsearch{height: 38px;line-height: 38px;}
.topNav .topNavBox{margin: 0 auto;padding: 0 20px;min-width: 1024px;max-width: 1366px;width: 100%;}
.reir .listmune .m-fast{width: 100%;}
.reir .listmune{margin: 0;padding: 0 20px;width: 100%;min-width: 900px;padding: 0 155px 0 200px;}
.header{position: relative;margin: 0 auto;padding: 0 20px;min-width: 1024px;max-width: 1366px;width: 100%;}
.header .logo{position: absolute;top: 0;}
.header .searchInput{width: 100%;}
.header .searchInput ul{width: 100%;}
.header .searchInput li.searchInputl{width: 100%;padding-right: 282px;}
.txtsearch{width:100%;}
.xianguan {margin-bottom: 20px;padding: 0 20px;min-width: 1024px;max-width: 1366px;width: 100%; }
.reir .listmune .m-fast dl{width: 100%;    position: relative;padding-bottom: 0;padding-left: 150px;height: auto;}
.f-input{    margin: 0 35px 0 0;}
.f-siem li{height: inherit;line-height: inherit;}
.f-siem ul{width: auto;}
.reir{position: relative;padding: 0 20px;min-width: 1366px;max-width: 1366px;width: 100%;}
.listleft{position: absolute;top: 0;}
.reir .listright{position: absolute;right: 20px;}
.header .indexsearch {width: 100%;min-width: 947px;float: left; padding-left: 236px;}
.txtbtn{position: absolute;right: 222px;}
.or{position: absolute;right: 198px;}
.restbtn{position: absolute;right: 20px;}
.reir .listmune .m-fast dl dt{width: 150px; position: absolute;left: 0;}
.f-siem li{width: auto;}
.reir .listmune .m-fast dl dd{width: auto;}
.new-listwrap .pro-imgshow{position: absolute;}
.new-listwrap .pro-discrip{width: 100%;padding: 0 255px 0 200px;min-height: 164px;}
.new-listwrap .pro-supplier{position: absolute;right: 15px;top: 12px;}
.conwrap{position: relative;top: 10px;right: 0;}
.topsh{box-shadow: 0px 2px 6px #d6d6d6;width: 100%; padding: 0 20px;max-width: 1366px;min-width: 1024px;}
.search-t{margin: 5px 0 0 0;position: relative;width: 100%;padding-right: 277px;}
.topsh .search-t .txtsearch{width: 100% !important;}
.topsh .search-t .s-click{position: absolute;right: 180px;}
.topsh .restbtn{position: absolute;right: 20px;margin-top: 5px;}
.topsh .restbtn{margin-top: 5px;}
.topsh .restbtn{margin-top: 5px !important;}
.f-siem{width:auto;}
.f-siem .more{right:25px;}
.reir .listleft .basicwrap .cture p{line-height: 32px;padding: 10px 0;}
.reir .listleft .basicwrap span{height: 28px;line-height: 28px;}
.new-listwrap{overflow: hidden;margin-bottom: 0;padding: 15px;}
.backtop{z-index: 999;}
.promotion_from{width: 100%;}
.botreference{width: 100%;}
.clearfix{*zoom:1;}
.clearfix:before{content: ''; display: block;clear: both;}
.clearfix:after{ content: ''; display: block;clear: both;}
.new-listwrap.s_quee{background: #edf8ff;border-top: 1px #c8eaff solid;}
.new-listwrap .s_imgBox {width: 270px;height: 257px;background: #fff;display: flex;align-items: center;justify-content: center;
border: 1px #dedede solid;float: left;position: relative;}
.new-listwrap .s_imgBox .supplyIcon{display: block;position: absolute;width: 130px;height: 44px;background: url(../images/tgIcon.png) no-repeat -339px 0;top: 4px;left: -11px;}
.s_proInfo{float: left;padding-left: 16px;width: 360px;}
.s_proInfo a.proName {font-size: 20px;color: #333;transition: all ease-in-out 0.3s;}
.s_proInfo a.proName:hover{color: #f60;}
.s_proInfo ul.proMain{margin-top: 10px;padding-bottom: 4px;border-bottom: 1px #dedede dotted;}
.s_proInfo ul.proMain li{float: left;width: 50%;font-size: 13px;color: #333;line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.s_proInfo ul.proMain li span{color: #999;}
.s_proInfo ul.proMain li em{font-style: normal;}
.s_proInfo .testBox i{width: 20px;height: 25px;display: inline-block;background: url(../images/tgIcon.png) no-repeat -308px 0;vertical-align: -8px;margin-right: 5px;}
.s_proInfo .testBox li{width: 90px;float: left;}
.s_proInfo .testBox li a{background: #fff;font-size: 16px;color: #333;display: inline-block;height: 34px;line-height: 34px;border-radius: 0;border: 1px #b3cae6 solid;width: 100%;padding: 0 10px;}
.s_proInfo .priceBox{margin: 15px 0 20px;font-size: 18px;color: #ff8a00;font-weight:  bold;}
.s_proInfo .priceBox b{font-size: 18px;color: #f60;}
.s_proInfo .btnBox{margin-top: 20px;}
.s_proInfo .btnBox a{display: inline-block;height: 40px;border-radius: 3px;padding: 0 20px;font-size: 18px;line-height: 40px;float: left;}
.s_proInfo .btnBox .orderBtn{color: #fff;background: #ff8a00;margin-right: 10px;transition: all ease-in-out 0.3s;}
.s_proInfo .btnBox .orderBtn:hover{background: #f60;}
.s_proInfo .btnBox .contactBtn{color: #ff8a00;border: 2px #ff8a00 solid;padding: 0 10px;}
.s_proInfo .btnBox .contactBtn i.skypeIcon{width: 26px;height: 26px;background: url(../images/tgIcon.png) no-repeat -271px 0;display: inline-block;vertical-align: -6px;margin-right: 7px;}
.s_proInfo .btnBox .contactBtn:hover{border-color: #f60;color: #f60;}
.new-listwrap .s_boxR{float: right;width: 297px;}
.s_boxR .r_tit{margin-top: 0;font-weight: normal;font-size: 15px;}
.s_boxR .r_tit span{display: inline-block;width: 36px;height: 36px;background: url(../images/tgIcon.png) no-repeat -222px 0;vertical-align: -11px;margin-left: 20px;}
.s_boxR .iconBox{width: 100%;padding: 10px;border: 1px #96bcd4 solid;border-radius: 3px;}
.s_boxR .iconBox dl{float: left;width: 50%;}
.s_boxR .iconBox dl dt i{display: inline-block;width: 44px;height: 44px;margin-right: 8px;/* vertical-align: 2px; */}
.s_boxR .iconBox dl dt i.goodIcon1{background: url(../images/tgIcon.png) no-repeat 0 0;}
.s_boxR .iconBox dl dt i.goodIcon2{background: url(../images/tgIcon.png) no-repeat -57px 0;}
.s_boxR .iconBox dl dt i.goodIcon3{background: url(../images/tgIcon.png) no-repeat -114px 0;}
.s_boxR .iconBox dl dt i.goodIcon4{background: url(../images/tgIcon.png) no-repeat -171px 0;}
.s_boxR .iconBox dl dt{float: left;}
.s_boxR .iconBox dl dd{float: left;font-size: 13px;color: #729bb5;height: 44px;padding: 5px 0;}
.s_boxR .sampleBtn a{color: #138cdf;display: inline-block;width: 100%;height: 40px;border: 1px #138cdf solid;border-radius: 3px;
line-height: 40px;text-align: center;font-size: 16px;margin-top: 10px;transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;}
.s_boxR .sampleBtn a:hover{color: #fff;background: #138CDF;}
input{outline:0; border: none;padding: 0;margin: 0;}
input[type=text]{outline:0}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#999;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#999;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999; font-size: 14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999; font-size: 14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999; font-size: 14px;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {color:#999; font-size: 14px;}
/* å¼¹æ¡†æ ·å¼ */
.tkBox {background: #fff;padding:30px 90px 40px 90px;margin:0 auto;width:520px;margin-top:50px;
border-radius:3px;border: 1px #eaeaea solid;box-shadow: 0 0 10px #eee;}
.tkBox h2{width: 175px;height: 53px;margin:0 auto;cursor:pointer;}
.tkBox h2 img{width:100%;}
.tkBox i.tkClose{display:inline-block;width:30px;height:30px; float: right;margin:-10px -70px 0 0;cursor:pointer;background: url(../images/tgIcon.png) no-repeat -480px 0;}
.tkBox h3{text-align: center;font-size: 22px;margin: 10px 0 15px;}
.tkBox form label input[type="text"]{border:1px #9d9fa2 solid;width:340px;height:38px;border-radius:3px;padding:0 10px; font-size:16px;}
.tkBox form label {margin-bottom:15px;}
.tkBox form label input[type="radio"]{margin-left:10px;vertical-align: -2px;}
.tkBox form label p{font-size:16px;color:#666;;    margin: 14px 0 6px;}
.tkBox form label textarea{border:1px #9d9fa2 solid;width:340px;height:60px;border-radius:3px;    padding: 10px;
    font-family: arial;    font-size: 16px;}
.tkBox form .tkBtn{width:340px;height:40px;font-size:18px;color:#fff;text-align:center;background:#138bde;border-radius:3px;display:block;margin-top:15px;line-height:40px;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;}
.tkBox form .tkBtn:hover{background:#245dbd;}
.tkMain{position: fixed;width: 100%;height: 100%;  top: 0;left: 0;  z-index: 109;bottom:0;right:0;display: none;}
.mask{position: fixed;width: 100%;height: 100%;   background: #000;top: 0;left: 0; opacity: 0.4; z-index: 90;bottom:0;right:0;}

.specialProBox{border-top:2px solid #138bde;clear: both;margin: 8px auto;overflow: hidden;width:100%;padding-bottom: 10px;}
.specialProBox ul{width:100%; height:145px; margin:20px auto;}
.specialProBox ul li{width: 218px;border:1px solid #fff;text-align:left;float:left;margin-left: 5px;position: relative;margin-bottom: 20px;height: 250px;/* overflow: hidden; */}
.specialProBox ul li>a{display: inline-block;width:100%;height: 171px;border: 1px #dedede solid;
transition: all ease-in-out 0.3s;overflow: hidden;overflow: hidden;}
.specialProBox ul li>a p{position: absolute;top: 135px;width: 214px;background: rgba(0,0,0,0.5);height: 35px;text-align: right;padding-right: 10px;line-height: 35px;}
.specialProBox ul li>a img{max-width: 100%;max-height: 100%;}
.specialProBox ul li>a:hover{box-shadow: 0 0 10px #eee;}
.specialProBox ul li h3 a{font-size: 14px;color: #138CDF;line-height: 22px;display: inline-block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.specialProBox ul li p{font-size: 12px;color: #666;line-height: 22px;}
.RecommendIcon{position: absolute;right: 0;top: -3px;display: block;width: 36px;height: 36px;}
.RecommendIcon img{width: 100%;}