@charset "utf-8";

/* CSS Document  */
body {font-family: Arial, Helvetica, sans-senif, SimSun, "宋体";font-size: 12px;text-align: left;color: #333333;background-color: #FFF;}

body,table,td,div,p {word-wrap: break-word;word-break: break-all;word-break: normal;-webkit-text-size-adjust: none;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin: 0;padding: 0;}

div {text-align: left;}

button,input,select,textarea {font: 100% Tahoma, Geneva, sans-serif;}

h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}

em,i {font-style: normal;}

del {font-family: simsun;}

ul,ol {list-style: none;}

fieldset,img {border: 0;}
sup {vertical-align: text-top;}

sub {vertical-align: text-bottom;}

table {border-collapse: collapse;border-spacing: 0;}

a {color: #666;text-decoration: none;outline: none;}

a:hover {color: #ff5500;text-decoration: underline;}
.cf:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.cf {*zoom: 1;}

/* css reset end */
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;line-height: 0px;font-size: 0px;float: none;width: 100%;}
.left {float: left;}
.right {float: right}

/****-------------上面第一块 start-------------------****/
.content_01 {width: 980px;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: 210px;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%}
.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/newindex/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;}
.lubo {width: 523px;margin-left: 10px;float: left;overflow: hidden}
.lubo_img {width: 523px;height: 220px;overflow: hidden;}
.lubo_img img {width: 523px;height: 220px;}
.country {border: 1px solid #e7e7e7;border-top: 2px solid #138bde;font-size: 16px;height: 70px;margin-top: 15px;padding-left: 10px;padding-top: 12px;
padding-bottom: 14px;text-align: left;overflow: hidden;}
.country strong {font-size: 14px;color: #555;}
.country ul {margin-top: 11px;width: 500px;border-top: 1px solid #e7e7e7;padding-top: 18px;}
.country ul li {float: left;width: 60px;text-align: center;}
.country ul li a {color: #444444;text-decoration: none;font: 12px/1.5 Arial, Geneva, sans-serif;height: 18px;}
.country ul li a:hover {color: #ff5500;text-decoration: underline;}
.banner_01 {padding-top: 8px;}
.banner_01 img {width: 523px;height: 87px;}
.renzheng {width: 225px;margin-left: 10px;float: left;}
.renzheng a {text-decoration: none;}
.urgent {height: 60px;border: 1px solid #e7e7e7;background: url(/images/newindex/icon-gr.png) no-repeat 10px 10px}
.urgent h6 {font-size: 16px;color: #5c9b00;margin-left: 70px;padding-top: 10px;font-weight: normal}
.urgent p {color: #444;margin-left: 50px;padding-top: 5px;}
.services {margin-top: 8px;border: 1px solid #e7e7e7;overflow: hidden;height: 392px;}
ul.tabtit {height: 34px;width: 222px;}
ul.tabtit li {width: 111px;float: left;text-align: center;background-color: #f2f8fb;overflow: hidden;line-height: 34px;cursor: pointer;font-size: 14px;}
ul.tabtit li.on {background-color: #fff;border-top: 2px solid #138bde;color: #0066ca;}
.service-cont p {text-align: left;line-height: 19px;padding: 0px 15px;margin-bottom: 12px;line-height: 20px !important;}
.service-cont h3{padding: 0 15px;display: flex;align-items: center;margin-bottom: 5px;margin-top: 5px;}
.service-cont a {color: #0066CC;font-size: 14px;text-decoration: none;margin-left: 7px;}
.service-cont {clear: both;padding-top: 6px;}
.services .tabbox4 {padding: 10px 5px 0;}
.services .tabbox4 dl {margin-bottom: 20px;overflow: hidden;width: 100%;display: flex;align-items: center;margin-top: 10px;padding: 0 15px;}
.services .tabbox4 dl dt{margin-right: 10px;}
.services .tabbox4 dl dt i{display: inline-block;width: 25px;height: 25px;background: url("../images/newindex/indDataIcon.png");}
.services .tabbox4 dl dt i.icon1{background-position: 0 0;}
.services .tabbox4 dl dt i.icon2{background-position: 0 -35px;}
.services .tabbox4 dl dt i.icon3{background-position: 0 -70px;}
.services .tabbox4 dl dt i.icon4{background-position: 0 -104px;}
.services .tabbox4 dl dt i.icon5{background-position: 0 -138px;}
.services .tabbox4 dl dt i.icon6{background-position: 0 -173px;}
.services .tabbox4 dl dd h3{font-size: 14px;color: #000;font-weight: bold;margin-bottom: 4px;}
.services .tabbox4 dl dd p{color: #333;}
.gray {color: #999;font-size: 11px;line-height: 16px;}

/****-------------上面第一块 end-------------------****/

/****-------------上面第二块 start-------------------****/
.qualityproduct {border: 1px solid #e7e7e7;border-top: 2px solid #138bde;clear: both;margin: 8px auto;overflow: hidden;width: 978px;padding-bottom: 10px;}
.cp_tit {height: 35px;border-bottom: 1px solid #e7e7e7;overflow: hidden;line-height: 35px;width: 958px;margin: 0 auto}
.cp_tit h3 {font-family: Tahoma;font-size: 15px;font-weight: bold;display: block;float: left;padding-left: 5px;}
.cp_tit span {width: 585px;text-align: left;margin-left: 14px;color: #999;display: block;float: left;line-height: 37px;}
.cp_tit a {width: auto;float: right;display: block;margin-left: 5px;margin-right: 3px;}
.cp_tit a:hover {text-decoration: underline;color: #ff5500}
.cp_tit a {background: url(/images/newindex/ico.png) no-repeat 5px 16px;color: #0066CC;padding-left: 15px;text-decoration: none;}
.cp_tit a.freePdf img{display: inline-block;width: 15px;height: 18px;margin-right: 5px;/* vertical-align: 2px; */margin-top: -3px;}
.cp_tit a.freePdf{background: none;float: left;margin-left: 25px;display:  flex;align-items:  center;margin-top: 1px;}
.qualityproduct .swiper_ind {width: 958px;margin: 20px auto 0;padding-top: 3px;height: 252px;overflow: hidden;}
.qualityproduct .swiper_ind .swiper-slider {width: 225px;border: 1px solid #fff;text-align: left;float: left;position: relative;}
.recomTxt p {font-size: 12px;color: #666;line-height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recomTxt h3 a {font-size: 14px;color: #138CDF;line-height: 22px;display: inline-block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.RecommendIcon {position: absolute;right: 12px;top: -3px;display: block;width: 36px;height: 36px;}
.RecommendIcon img {width: 100%;}
.qualityproduct .specialIcon {position: absolute;bottom: 74px;left: 0px;}
.qualityproduct .specialIcon span {display: inline-block;height: 24px;line-height: 24px;padding: 0 5px;font-size: 12px;font-weight: bold;background: rgba(255, 255, 255, 0.8);}
.qualityproduct .specialIcon span.factoryIcon {border: 1px #138cdf solid;color: #138CDF;}
.qualityproduct .specialIcon span.stockIcon {border: 1px #70ba2f solid;color: #70ba2f;}
.swiper_ind .swiper-btn {width: 958px;margin: 0px auto;position: absolute;z-index: 999;top: 80px;}
.swiper_ind .btnL,.swiper_ind .btnR {font-size: 20px;display: inline-block;width: 30px;height: 40px;background: rgba(0, 0, 0, 0.4);text-align: center;line-height: 40px;color: #fff;position: absolute;top: 80px;z-index: 99;display: none;}
.qualityproduct:hover .btnL,.qualityproduct:hover .btnR {display: block;}
.swiper_ind a.btnL:hover,.swiper_ind a.btnR:hover {text-decoration: none !important;}

.swiper_ind a.btnL {left: 0;}
.swiper_ind a.btnR {right: 12px;}

/****-------------上面第二块 end-------------------****/
.content_03 {margin: 8px auto;overflow: hidden;width: 980px;}
.banner_02 {width: 980px;margin: 0 auto;overflow: hidden;}
.banner_02 img {margin-left: 5px;width: 321px;height: 87px;padding-bottom: 10px;}
.hot_product {border: 1px solid #e7e7e7;border-top: 2px solid #138bde;clear: both;float: left;overflow: hidden;width: 745px;}
.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;}
.hot_product p a:hover {color: #ff5500;margin-left: 5px;text-decoration: underline;}
.hot_product ul {border-top: 1px solid #F4F8FC;margin: 8px auto 10px;overflow: hidden;padding-top: 6px;width: 727px;}
.hot_product ul li {background: url(/images/newindex/dian.png) no-repeat 0px 10px;float: left;height: 22px;line-height: 22px;margin-right: 15px;overflow: hidden;padding-left: 6px;width: 157px;}
.hot_product ul li a {color: #666666;display: block;text-decoration: none;}
.hot_product ul li a:hover {color: #ff5500;text-decoration: underline;}

/*黄金广告 start*/
.end_ad {width: 960px;overflow: hidden;margin: 0 auto;}
.end_ad ul li {width: 125px;height: 60px;float: left;margin-right: 13px;margin-top: 8px;}
.end_ad ul li.no_margin {margin-right: 0;margin-left: 2px;}

/*黄金广告 end*/
.content_03_left {float: left;overflow: hidden;width: 747px;}
.content_03_right {float: right;overflow: hidden;width: 223px;}

/*右侧厂家名信息*/
.manufacturer {width: 221px;border: 1px solid #e7e7e7;}
.manufacturer h3 {background-color: #f4f8fc;color: #333;font-size: 15px;font-weight: bold;height: 26px;line-height: 26px;padding: 0 10px;margin-bottom: 3px;font-family: Tahoma}
.manufacturer h3 ul {float: right;margin-top: 8px;}
.manufacturer h3 ul li {background-color: #A6D4F9;float: left;font-size: 1px;height: 9px;line-height: 1px;margin-left: 3px;width: 9px;}
.manufacturer div {clear: both;overflow: hidden;width: 2000px;}
.manufacturer dl {float: left;height: 250px;overflow: hidden;padding: 8px 10px 0;width: 210px;}
.manufacturer dl dt a {color: #0066CC;display: block;text-decoration: none;background: url(/images/newindex/index_20.jpg) no-repeat left bottom;height: 30px;overflow:  hidden;white-space:  nowrap;text-overflow:  ellipsis;}
.manufacturer dl dd {line-height: 16px;margin-bottom: 10px;}
.manufacturer dl dt a:hover {color: #FF5500;}
.company {width: 221px;border: 1px solid #e7e7e7;margin-top: 8px;overflow: hidden;margin-bottom: 8px; height: 317px;}
.company h3 {background-color: #f4f8fc;color: #333;font-size: 15px;font-weight: bold;height: 26px;line-height: 26px;padding-left: 5px;margin-bottom: 3px;font-family: Tahoma}
.company ul {padding: 10px;overflow: hidden;}
.company ul li {background: url(/images/newindex/twoar.png) no-repeat 0 center;height: 20px;line-height: 20px;float: left;width: 100%;overflow: hidden;padding: 3px 0;}
.company ul li a {background: url(/images/newindex/twoar.png) no-repeat 0px 8px;display: block;color: #0066cc;text-decoration: none;padding-left: 8px;height: 20px;line-height: 20px;overflow: hidden;}
.company ul li a:hover {background: url(../images/twoar.png) no-repeat 0 center;display: block;color: #ff5500;text-decoration: underline;overflow: hidden;}

/*右侧厂家名信息 end*/
.foot_link {width: 960px;height: 145px;background-color: #f5f5f5;padding: 15px 10px;margin: 20px auto 10px;}
.foot_link ul li {width: 175px;text-align: left;float: left;line-height: 22px;color: #999}
.foot_link ul li a {text-decoration: none;color: #999}
.foot_link ul li a:hover {text-decoration: underline;color: #444;}
.foot_link ul li strong {color: #444;}
.footer {margin: 10px auto;text-align: center;width: 980px;line-height: 20px;}
.khbarit {width: 523px;float: right;display: block;position: relative;}
.kehubig {width: 523px;height: 87px;float: left;display: block;}
.kehubig a {}
.kehubig img {width: 523px;height: 87px;}
.boxsix {position: absolute;right: 2px;top: 70px;z-index: 9999;}
.dlan {background-color: #a6d4f9;float: left;width: 11px;height: 11px;margin-right: 5px;display: block;cursor: pointer;}
.slan {background-color: #138bde;float: left;width: 11px;height: 11px;margin-right: 5px;display: block;}

/*右侧微信*/
p {margin: 0;padding: 0;}
.r_sev {width: 135px;height: 158px;right: 10px;bottom: 1px;position: fixed;_position: absolute;z-index:99999}
.r_bj {width: 133px;height: 156px;background: url(../images/serbg.jpg) no-repeat 0 center;position: relative;}
.r_text {left: 12px;top: 290px;position: absolute;margin: 0;padding: 0;}
.f18 {font-size: 18px;}
.f16 {font-size: 16px;}
.f12 {font-size: 13px;}
.hide span {background: #f4f4f4;height: 20px;line-height: 20px;color: #707070;display: block;width: 4em;float: right;cursor: pointer;text-align: center;font-size: 12px;margin-top: 5px;}



/* 2021-1-28广告位新增 */
.customerAds{width: 980px;margin: 20px auto;border-left: 1px #dedede solid;border-bottom: 1px #dedede solid;}
.customerAds *{box-sizing: border-box;}
.customerAds .ads_swiper{height: 224px;overflow: hidden;}
.customerAds .ads_swiper .ads{display: flex;align-items: center;justify-content: center;max-width: 100%;max-height: 100%;}
.customerAds .imgBox{width: 100%;}
.customerAds .imgBox a{display: block;width: 100%;height: 100%;padding: 5px;}
.customerAds .txtBox{padding: 5px;padding-top: 0;}
.customerAds .txtBox h2 a{color: #138cdf;font-size: 14px;display: inline-block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.customerAds .txtBox p{font-size: 12px;color: #666;line-height: 18px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.customerAds .imgBox img{max-width: 100%;}
.customerAds .swiper-slide{border-top: 1px #dedede solid;border-right: 1px #dedede solid;overflow: hidden;width: 195px !important;}
.customerAds .btnL,.customerAds .btnR {font-size: 20px;display: inline-block;width: 30px;height: 40px;background: rgba(0, 0, 0, 0.4);text-align: center;line-height: 40px;color: #fff;position: absolute;top: 60px;z-index: 99;display: none;}
.customerAds:hover .btnL,.customerAds:hover .btnR {display: block;}
.customerAds a.btnL:hover,.customerAds a.btnR:hover {text-decoration: none !important;}
.customerAds a.btnL {left: 5px;}
.customerAds a.btnR {right: 5px;}