body{font: 12px/1.8 arial,"微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif;}
*, *:before, *:after { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);box-sizing: border-box; max-height: 100000px;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,textarea, td {
  border: 0 none; color: inherit;margin: 0;padding: 0;vertical-align: baseline;-moz-box-sizing: border-box;  
     -webkit-box-sizing: border-box;  -o-box-sizing: border-box; -ms-box-sizing: border-box;box-sizing: border-box; }
.textarea{	display: table;}
h1, h2, h3, h4, h5, h6 ,em, strong {font-weight: normal;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,em,img,small,strong,b,u,i,ul,li,ol,dl,dt,dd,form,select,label,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;}
address,cite,dfn,em,var,i{font-style:normal; }
ul, ol, li {list-style: none;}
b{font-weight: normal;}
a{text-decoration:none;outline:none;}
input{border:1px solid #ccc;outline:none;}
textarea{outline:none;}
table{cellspacing:0px;cellpadding:0px;}
img{border:none;vertical-align: middle;max-width: 100%;max-height: 100%;}
a,img{border:0;}
.clearfix{*zoom:1;}
.clearfix:after{ content: ''; display: block;clear: both;}
 .fl{float: left;}
  .fr{float: right;}
 button{padding:0;outline:0;border:none; cursor: pointer;}
 input, button, textarea {-webkit-appearance: none;}
input{outline:0;border: none;padding: 0;margin: 0;font-size: 13px;}
textarea{font-size: 13px;}
input[type=text]{outline:0}
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::-ms-input-placeholder, textarea::-ms-input-placeholder {color:#999 ; font-size: 14px;}
textarea{resize:none;outline:0;font-family: "Helvetica",arial;}   
select {appearance:none;-moz-appearance:none;-webkit-appearance:none;font-size:14px;background: none;}
select::-ms-expand { display: none; }
.hidden-xs{display: block;}
.visible-xs{display: none;}
.header .indexsearch {width: 100%;min-width: 947px;float: left;padding-left: 236px;margin-top: 30px;}
.header{max-width:1400px;margin:0 auto;height:120px;position: relative;padding: 0 20px;}
.header .logo{ background:url(../images/header-logo.png) 0 0 no-repeat; width:216px; height:54px; margin:36px 10px 35px 0px;
 *margin:36px 10px 35px 0px; float:left;position: absolute;top: 0;}
.header .logo a{ display:block;width:216px; height:54px;}

.header .searchTitle{ width:540px; height:24px;  float:left;}
.header .searchTitle li{ float:left; margin-right:5px;height:24px;width:82px;overflow: hidden;}
.header .searchTitle li a{ display:block;color:#303030; text-decoration:none; height:24px; line-height:24px; width:82px; text-align:center;font-size: 12px;}
.header .searchTitle li a.searchhover{ display:block; font-weight:bold; color:#303030; text-decoration:none; height:24px;
 line-height:24px; width:82px; text-align:center; color:#FFF;background-color: #138BDE;border-radius: 5px 5px 0 0;}
.header .searchTitle li a.strunav{ display:block;color:#303030; text-decoration:none; height:24px; line-height:24px; width:112px; text-align:center;}
.header .searchTitle li a.strunav:hover{ background:#138BDE; display:block; font-weight:bold; color:#303030; text-decoration:none; height:24px; line-height:24px; width:112px; text-align:center; color:#FFF;}
.header .searchTitle li a:hover{ background:#138BDE;display:block; font-weight:bold; color:#303030; text-decoration:none; height:24px; line-height:24px;
 width:82px; text-align:center; color:#FFF;border-radius: 5px 5px 0 0;}
.header .searchInput{ width:100%; height:39px; float:left;}
.header .searchInput ul{ float:left;width: 100%;}
.header .searchInput li.searchInputl{ background-color:#FFF; padding-right: 282px;width: 100%;}
.txtsearch{font-family:Arial; color:#999999; float:left; padding-left:8px; height:38px; line-height:38px; width:100%; border:3px solid #138bde;
 margin-right:2px;padding-left: 140px;}
.txtbtn{font-family:Arial; background-color:#138bde; width:147px; height:38px; line-height:35px; font-size:18px;border:0 none; color:#FFFFFF; font-weight:bold; font-size:18px;}
.txtbtn:hover{background-color:#119eff;}
.restbtn{ font-family:Arial; background:url(../images/resetbtn.jpg) no-repeat; border:1px solid #dddddd; width:172px; height:38px;font-size:15px; border:none; }
.restbtn:hover{opacity: 0.8;}
.or{font-size:16px;height:38px; width:20px; text-align:center; line-height:38px;  display:block}
.txtbtn {position: absolute;right: 222px;}
.or {position: absolute;right: 198px;}
.restbtn {position: absolute;right: 20px;}
.wrapper{width: 100%;max-width: 1440px;padding: 0 20px;min-width: 1024px;margin: 0 auto;}
.Categories {width: 210px;float: left;margin-bottom: 10px;}
.Categories h3 {border-bottom: 1px solid #e9e9e9;border-top: 2px solid #138BDE;color: #333;font-size: 16px;font-weight: bold;line-height: 32px;padding-left: 10px;font-family: Tahoma;}
.Categories ul {list-style: none outside none;margin: 0;padding: 0;}
.Categories ul li {border-bottom: 1px solid #e9e9e9;height: 30px;line-height: 30px;margin: 0;position: relative;}
.boxhover {width: 260px;overflow: hidden;border-right: 1px solid #ddd;position: absolute;top: -1px;left: 190px;line-height: 20px;background-color: #fff;z-index: 2;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;box-shadow: 3px 3px 4px #C6C6C6;}
.Categories ul li div a {height: 23px;line-height: 14px;background: none;color: #666;display: block;border: 1px solid #ddd;border-top: 0;border-bottom: 0;border-right: none;width: 95%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Categories ul li div a:hover {text-decoration: underline;width: 95%;padding-right: 0}
.Categories ul li div p {font-size: 15px;font-weight: bold;color: #ff5500;padding-left: 10px;line-height: 30px;height: 30px;}
.Categories ul li a {display: block;width: 94%;color: #444;text-decoration: none;background: url(../images/lft-arrow.png) no-repeat right center;padding-left: 10px;}
.Categories ul li a:hover {color: #ff5500;text-decoration: none;width: 94%;padding-left: 10px;padding-right: 5px;position: relative;z-index: 999;background-image: none;background-color: ffffff;}
.cp_tit h3 {font-family: Tahoma;font-size: 15px;font-weight: bold;display: block;padding-left: 10px;}
.hot_product {border: 1px solid #e7e7e7;border-top: 2px solid #138bde;clear: both;float: left;overflow: hidden;width: calc(100% - 250px);margin-left: 40px;}
.hot_product p {color: #0000CC;line-height: 18px;padding-left: 10px;margin-top: 10px;}
.hot_product p span {color: #484848;}
.hot_product p a {color: #0066CC;margin-left: 5px;text-decoration: none;padding: 5px;display: inline-block;}
.hot_product p a:hover {color: #ff5500;text-decoration: underline;}
.hot_product ul {border-top: 1px solid #F4F8FC;margin: 8px auto 10px;overflow: hidden;padding: 10px;}
.hot_product ul *{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.hot_product ul li {background: url(../images/dian.png) no-repeat 0px 10px;float: left;height:32px;line-height: 24px;overflow: hidden;padding-left: 6px;width: 25%;}
.hot_product ul li a {color: #666666;display: block;text-decoration: none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hot_product ul li a:hover {color: #ff5500;text-decoration: underline;}
.content_01{display: flex;}
.footer {margin: 10px auto;text-align: center;width: 980px;line-height: 20px;}
.footer a{color: #777;}
.footer a:hover{color:#ff5500;text-decoration: underline;}





@media(max-width:1200px){
	.hot_product ul li{width:33.33%;}
}

@media(max-width:768px){
.hidden-xs{display: none !important ;}
	.visible-xs{display: block;}
	.navPhone .menuBox li > a{width: 100%;position: relative;}
	.navPhone .menuBox li > a img{position: absolute;right: 15px;top: 10px;}
	.navPhone .menuBox .mh_menu {width: 100%;background: #f9f9f9;left: 0;line-height: 28px;color: #666;display: none;padding: 5px 10px;position: relative;z-index: 9;}
	.top_fanhui i{background: url(../images/headerIcon.webp) no-repeat;display: inline-block;width: 30px;background-size: 30px;}
	.top_fanhui{background: #f9f9f9;padding: 0rem 1rem;border-top: 1px solid #DEDEDE;border-bottom:1px solid #DEDEDE;width: 100%;position: fixed;z-index: 999;top: 0;height: 60px;}
	.top_fanhui h2{font-size: 1.8rem;color: #111;position: relative;height: 60px;line-height: 60px;}
	.top_fanhui h2 a.close{float: right;}
	.ind_menuHidden .top_fanhui h2 a{font-size: 1.6rem;color: #888;float: left; text-align: left;width: 5rem;}
	.top_fanhui h2 em {color: #333;width: calc(100% - 12rem);display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 20px;}
	.top_fanhui .I_fanhui{margin-right: 0.5rem;    color: #888;font-size: 2rem;font-weight: bold;}
	.top_fanhui .arrL{float: left;width: 3rem;text-align: left;}
	.top_fanhui .arrL i {background-position: 0 0;height: 30px;margin-top: 1rem;}
	.top_fanhui span.spot1{float: right;width: 3rem;text-align: right;}
	.top_fanhui span.spot1 .spot{background-position: 0 -67px;height: 15px;margin-top: 1.5rem;}
	.top_fanhui a.search{float: right;width: 3rem;height: 4.5rem;text-align: right;margin-right: 0.5rem;}
	.top_fanhui a.search i.search{background-position: 0 -25px;height: 40px;margin-top: 0.6rem;}
	.top_fanhui .spotBox {width: 60%;background: #fff;padding: 0 1rem;position: absolute;box-shadow: 0 0 7px #ccc;right: 0.5rem;top: 6.3rem;display: none;transition: all ease-in-out 0.3s;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transform: translateY(0.5rem);z-index: 999;}
	.top_fanhui .spotBox.open{top: 4.3rem;display: block;transform: translateY(0rem);}
	.top_fanhui .spotBox ul li{height: 50px;line-height: 50px;border-bottom: 1px #dedede solid;} 
	.top_fanhui .spotBox ul{position: relative;}
	.top_fanhui .spotBox ul:before,.top_fanhui .spotBox ul:after{content: "";position: absolute;top: -1.4rem; right: -0.2rem;width: 0px;height: 0px; border: 0.7rem solid transparent;border-bottom-color: rgb(255, 255, 255);z-index: 11; }
	.top_fanhui .spotBox ul:before{top: -1.41rem;border: 0.7rem solid transparent;border-bottom-color: #bdbdbd;}
	.top_fanhui .spotBox ul li a{font-size: 14px;color: #666;width: 100%;display: inline-block;}
	.top_fanhui .spotBox ul li i{margin-right: 1rem;}
	.top_fanhui .spotBox ul li i{width: 24px;background-size: 24px;vertical-align: -5px;background-repeat: no-repeat;height: 24px;}
	.top_fanhui .spotBox ul li i.home{background-position: 0 -170px;}
	.top_fanhui .spotBox ul li i.Categories{background-position: 0 -92px;}
	.top_fanhui .spotBox ul li i.Quotation{background-position: 0 -117px;}
	.top_fanhui .spotBox ul li i.Favorite{background-position: 0 -145px;}
	.top_fanhui .spotBox ul li i.member{background-position: 0 -66px;}
	.top_fanhui .spotBox ul li:nth-last-child(1){border-bottom: none;}
	.wrapper{padding-top: 4.5rem;}
	.navPhone{width: 100%;position: fixed;z-index: 14;top: 60px;left: 0;}
	.navPhone h2{padding: 10px 15px;background: #e6e6e6;color: #333; font-size: 18px;padding-right: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.nav-icon{position: absolute;top: 0px;right: 0;display: block;width: 50px;height: 44px;cursor: pointer;}
	.nav-icon:after, .nav-icon:before, .nav-icon span{content: "";width: 30px;height: 2px;background-color: #999;border-radius: 3px;position: absolute;right: 15px;transition: all .3s ease-out;top: 21px;}
	.nav-icon:before{top: 11px;}
	.nav-icon:after{top: 30px;}
	.nav-icon.click span{opacity: 0;}
	.nav-icon.click:before{top: 21px;transform: rotate(-45deg);}
	.nav-icon.click:after{top: 21px;transform: rotate(45deg);}
	.navPhone ul{width: 100%;font-size: 14px;background: #fff;box-shadow: 0 0 5px #ddd;display: none;}
	.navPhone ul li{border-bottom: 1px #dedede dotted;padding: 0.5rem;}
	.navPhone ul li a{display: inline-block;width: 100%;font-size: 14px;}
	.wrapper {padding: 8rem 10px 2rem;width: 100%;min-width: 100%;    max-width: 100%;overflow-x: hidden;word-break: break-word;}
	.hot_product{width: 100%;margin: 0;}
	.hot_product p a{padding: 8px;margin: 5px;display: inline-block;}
	.hot_product ul li{width: 50%;}
	.footer{width: 100%;}
}