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

.pro-type{ height:545px;width:200px; }
.pro-type-box{border:1px solid #d3e6f2;width:198px; border-top:0 none;}
.part1-center{width:525px; margin-left:15px; height:545px; overflow:hidden; display:inline;}
.part1-right{ width:245px;height:545px; overflow:hidden; margin-left:15px; display:inline}

/* 产品分类导航模块 */
.protype-title{ color:#2483b3; height:30px; line-height:30px; padding-left:5px; font-size:15px; border-top:4px solid #2483b3; background:#d3e6f2;}
.pro-type-box li{ height:50px; position:relative;}
.type-name{background: url(../images/mainProNavIcon.png) no-repeat right -52px; border-bottom:1px solid #d3e6f2;}
.type-name-cur{background: url(../images/mainProNavIcon.png) no-repeat right 0 #f60;  border-bottom:1px solid #d3e6f2;}

.type-name h1{ height:25px; line-height:25px; padding-left:5px; font-size:12px;}
.type-name h1 a{ color:#2483b3;}
.type-name p{ height:25px; line-height:25px; font-size:12px; padding-left:5px;}

.type-name-cur h1{ height:25px; line-height:25px; padding-left:5px; font-size:12px;}
.type-name-cur a{ color:#fff;}
.type-name-cur p{ height:25px; line-height:25px; font-size:12px; padding-left:5px;}

.subtype{ position:absolute; z-index:999; left:197px; top:0; width:300px; background:#fff; border:2px solid #f60; padding:10px; min-height:52px;}
.subtype a{ color:#666; font-size:12px; padding:2px 5px; display:inline-block; margin:5px;}
.subtype a:hover{color:#f60;text-decoration:underline;}
/* 产品焦点图切换 */
.code{ height:auto; padding:20px; border:1px solid #9EC9FE; background:#ECF3FD;}
.code pre{ font-family:"Courier New";font-size:14px;}
.code pre code.note{ color:#999}
.code2{border:1px solid #FEB0B0; background:#FFF1F1; margin-top:10px;}
.code2 pre{ margin-left:20px; font-size:12px;}
.info{ font-size:12px; color:#666666; font-family:Verdana; margin:20px 0 50px 0;}
.info p{ margin:0; padding:0; line-height:22px; text-indent:40px;}
h2.title{ margin:0; padding:0; margin-top:50px; font-size:18px; font-family:"微软雅黑",Verdana;}
h2.title span.titleInfo{ font-size:12px; color:#333; margin-left:10px;font-family:Verdana;}
h3.title{ font-size:16px; font-family:"微软雅黑",Verdana;}
.importInfo{ font-family:Verdana; font-size:14px;}

.rec-tit{ height:30px; line-height:30px;background:#2483b3; color:#fff; position:relative;}
.rec-tit h1{ padding-left:5px;}
.rec-tit span{ position:absolute; top:0; right:5px; font-size:12px;}
.rec-tit span a{ color:#fff;}
.hotlist{ border:1px solid #d3e6f2; border-top:0 none; height:289px;}
.hotlist li{width:109px; float:left; padding:0 10px; display:inline; overflow:hidden; height:129px; margin-top:10px;}
.hotlist li p{text-align:center; line-height:25px; height:25px;}
.hotlist li a{color:#666; font-size:12px; }
.hotlist .hota1{display:table-cell; width:98px; height:98px; border:1px solid #eee; text-align:center; vertical-align:middle;}
.hotlist .rightnone{padding-right:0;}
.hotlist li img{ vertical-align:middle;}


.btn-fb,.btn-fb:visited{ font-size:15px;display:block; background:#f60; border-radius:2px; box-shadow:0 1px 1px  #ddd; color:#fff; height:35px; line-height:35px; text-align:center; overflow:hidden;}
.pro-other{ background:#f1f6f9; padding:10px; margin-top:3px; font-size:12px;}
.pro-other p{ height:25px;line-height:25px;}
#new-company1,#new-company2{height:1350px;}
#new-company{height: 346px;/* overflow:hidden; */padding:10px 0;}
#new-company-box{ height:5400px;}
.new-company-box{ width:243px; border:1px solid #d3e6f2; border-top:0 none; font-size:12px;}
.new-company li{ height:26px; line-height:26px; border-bottom:1px dashed #eee; overflow:hidden; padding:0 5px; background:url(../images/dot-icon.jpg) no-repeat 5px 10px #f1f6f9; text-indent:10px;}
.new-company2 li{ height:26px; line-height:26px; border-bottom:1px dashed #eee; overflow:hidden; padding:0 5px; background:url(../images/dot-icon.jpg) no-repeat 5px 10px; text-indent:10px;}

.pro-tit{color:#2483b3; height:25px; line-height:25px; padding-left:5px; border-top:4px solid #2483b3; background:#d3e6f2;position:relative;}
.pro-tit h1{ padding-left:5px;}
.pro-tit span{ position:absolute; top:0; right:5px; font-size:12px;}

.pro-tit2{color:#2483b3; height:35px; line-height:35px; padding-left:5px; border-top:4px solid #2483b3;border-bottom:1px solid #2483b3;position:relative;}
.pro-tit2 h1{ padding-left:5px; font-size:16px;}
.pro-tit2 span{ position:absolute; top:0; right:5px; font-size:12px;}
.pro-tit2 span a{ color:#2483b3;}
.h35{ height:35px; line-height:35px;}

.product-box{ width:1000px;}
.product-con{ width:1000px; border-bottom:1px solid #b2d5ea; padding-bottom:10px;}
.product-sub{ width:200px;}
.product-sub a{ overflow:hidden;float:left;background:#f1f6f9; width:90px; margin-top:10px; height:25px; line-height:25px; border:1px solid #d3e6f2; color:#2483b3; margin-right:5px; text-align:center;}
.product-sub a:hover{color:#f60;text-decoration:underline;}
.chanpin{width:800px;}
.chanpin li{width:152px; float:left; margin-left:8px; margin-top:10px; height:180px; display:inline;}
.chanpin li .pro-a{ width:150px; height:150px; display:table-cell; text-align:center; vertical-align:middle; border:1px solid #eee;}
.chanpin li:hover{color:#f60;text-decoration:underline;}
.chanpin li a{display:block; font-size:12px;}
.chanpin li p{height:25px; line-height:25px; text-align:center; width:150px;}
.product-search{ height:35px; line-height:35px; width:1000px; margin-top:25px;}
.product-search span{ width:300px; color:#2483b3; font-size:15px;}

/*list*/
.subtype-box{ border:1px solid #d3e6f2; padding-bottom:2px;}
.subtype-box ul li{ background:#d3e6f2; position:relative; width:1000px; margin-bottom:1px; height:30px; line-height:30px;}
.subtype-box ul li span a{ color:#2483b3;}

.subtype-box ul li span a:hover{color:#f60;text-decoration:underline;} 

.subtype-box ul li span{ width:120px; display:inline-block; text-align:center;}
.subtype-list{ position:absolute; top:0; left:120px; background:#fff;text-align:left; width:879px; height:30px; border-bottom:1px dashed #ccc;}
.subtype-list a{display:inline-block;font-size:12px; padding:0 10px;}

.subtype-list a:hover{color:#f60;text-decoration:underline;} 

.subtype-box ul li span.pro-on{ background-color:#2483b3;}
.subtype-box ul li span.pro-on a{color:#fff;}
.subtype-list a.pro-on{color:#fff;background-color:#2483b3;}
.pro-positon{ height:25px; line-height:25px; font-size:12px;}
.pro-left{width:720px;}
.pro-right{width:265px;}
.list-tit{ border-bottom:2px solid #2483b3; width:720px; position:relative;}
.list-tit span{ position:absolut; top:0; right:0;}
.pro-txt-con{ overflow:hidden; min-height:400px;}

.brandcompany-logo li{ float:left; width:150px; height:90px;padding:4px; border:1px solid #ddd; margin-bottom:5px; margin-right:6px;}

.pro-box{ margin:15px 0; border-bottom:1px solid #eee; padding-bottom:20px; padding-left:5px;}
.pro-box:hover{ background:#eee;}
.pro-box dl{ width:600px; float:left; }
.pro-box dl dt{width:100%; text-align:left; height:35px; line-height:35px; overflow:hidden; font-size:18px; margin-bottom:5px;}
.pro-box dl dt a:hover{ color:#2483b3; text-decoration:underline;}
.pro-box dl .pro-img{ width:120px; height:120px; float:left; border:1px solid #efefef; margin-right:10px; text-align:center;}
.pro-img img{height:120px; margin:0 auto;object-fit:cover;}
.pro-img .in{ position:absolute; left:0; top:0;width:120px; z-index:0; }
.pro-img .in p{ display:none; text-align: left;}
.pro-img.on{ z-index:120;}
.pro-img.on .in{ padding:5px; border:1px solid #ccc; position:absolute; z-index:100; width:auto; text-align: center; top:-40px;  background: #fff;}
.pro-img.on img{height:auto; margin-bottom:8px;}
.pro-box dl .pro-txt{text-align:left;line-height:22px; overflow:hidden; font-size:14px;}
.pro-box dl .company-name{ font-size:12px;text-align:left; height:25px; line-height:25px; overflow:hidden;}
.pro-box dl .company-name a{color:#2483b3;}
.find-contact{ width:90px; float:right;}
.find-contact li{ height:23px; line-height:23px; margin-top:10px; cursor:pointer; font-size:12px;}
.detail-ul{ padding-top:10px; height:23px; border-top:1px solid #ddd; margin-top:15px;}
.detail-ul li{ height:23px; line-height:23px; cursor:pointer; float:left; width:150px;}
.message{background:url(../images/proicon.png) no-repeat 0 5px; text-indent:30px; position:relative;}
.pro-contact{background:url(../images/proicon.png) no-repeat 0 -22px; text-indent:30px; position:relative;}

.message-txt{ height:350px;}
.message-box{width:600px; font-size:12px; position:absolute; top:23px; left:-100px;  background:#fff; box-shadow:3px 2px 5px #eee; z-index:999;border:5px solid #ddd;}
.message-txt .mes{ position:relative; z-index:999; margin-bottom:10px; line-height:35px; height:35px;}
.message-txt .text-area{ position:absolute; top:0; left:105px; width:420px; border:1px solid #eee; height:90px;}
.message-txt span{ display:block; width:100px; text-align:right;}
.message-txt input{ position:absolute; top:0; left:105px;}
.message-box h1{height:40px; line-height:40px;  background:#eee; text-indent:10px; color:#333; margin-bottom:10px; font-size:15px; position:relative;}
.message-box h1 span{ position:absolute; top:0; right:15px; display:block; width:16px; height:16px;}
.message-box input{height:20px; line-height:20px; padding:5px; border:1px solid #eee; width:200px;}
.message-box input.btn-pro{ height:30px; width:120px; line-height:30px; text-align:center;border:1px solid #d3e6f2; background:#d3e6f2; padding:0; cursor:pointer;}
.message-box1{width:600px; font-size:12px; position:absolute; top:23px; right:0; background:#fff; box-shadow:3px 2px 5px #eee; z-index:999;border:5px solid #ddd;}

.message-box1 h1{height:40px; line-height:40px;  background:#eee; text-indent:10px; color:#333; margin-bottom:10px; font-size:15px; position:relative;}
.message-box1 h1 span{ position:absolute; top:0; right:15px; display:block; width:16px; height:16px;}
.message-box1 input{height:20px; line-height:20px; padding:5px; border:1px solid #eee; width:200px;}
.message-box1 input.btn-pro{ height:30px; width:120px; line-height:30px; text-align:center;border:1px solid #d3e6f2; background:#d3e6f2; padding:0; cursor:pointer;}


.pro-contact-txt{width:400px; position:absolute; top:23px; right:0; background:#fff; box-shadow:3px 2px 5px #eee; z-index:999; border:5px solid #ddd; padding:10px;}
.pro-contact-txt p{height:30px; line-height:30px; border-bottom:1px dashed #eee;}

.pro-pic-ul li{display:inline;float:left;height:255px;margin:15px 5px;width:220px; padding:4px;border:1px solid #eee;}
.pro-pic-ul li:hover{ background:#2483b3;}
.pro-pic-ul li a.pro-pic-img{display:table-cell; height:220px;text-align:center;vertical-align:middle;width:220px; background:#fff;}
.pro-pic-ul li a.pro-pic-img img{object-fit:contain;}
.pro-pic-ul li p{ line-height:30px; background:#fff; height:30px; overflow:hidden; text-align:center; border-top:1px dashed #ddd;}

.pro-search{ height:40px; background:#2483b3; margin-bottom:10px; line-height:40px; position:relative;}
.fy-search{ width:210px; border:1px solid #acc7d7; height:38px; position:absolute; top:0; right:0; background:#fff; border-left:0 none;}
.hy-input{ background:transparent; border:0 none; width:160px; height:19px; padding:8px; float:left; line-height:19px;}
.sb-hy{ background:url(../images/icon.png) 0 -229px no-repeat; border:0 none; width:23px; height:19px; cursor:pointer; float:right; margin-top:10px; margin-right:5px; display:inline;}
.search-tit{ display:inline-block; width:50px; text-align:center; background:#2483b3; color:#fff;}
.proad-rg{ width:265px; height:220px; overflow:hidden;}

.pro-right-box{ width:265px;}
.pro-right-tit{ height:35px; line-height:35px; background:#2483b3; color:#fff; text-indent:10px;}
.pro-right-box ul{ padding:10px; width:243px;  border:1px solid #acc7d7; border-top:0 none;}
.pro-right-box ul li{ height:27px; line-height:27px; background:url(../images/dot-icon.jpg) no-repeat 0 10px; text-indent:15px; overflow:hidden;}


/*产品详细页*/
#preview{ float:left;text-align:center; width:352px;}
.jqzoom{ width:350px; height:350px; position:relative; border:1px solid #ddd; text-align:center; display:table-cell; vertical-align:middle;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:322px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;object-fit:contain;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.jqzoom img{object-fit:contain;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;object-fit:contain;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

.pro-detailbox{ width:350px; float:right;}
.pro-detailbox h1{ line-height:25px; font-size:16px; color:#262626;}
.desc{ font-family:"宋体"; line-height:25px; padding-top:15px;font-size:12px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eee;}
.pro-detailbox p{ height:30px; line-height:30px;}

.pro-cont-tit{ height:30px; line-height:30px;}
.pro-txt-con p{ line-height:25px; margin-bottom:10px;}

.company-xx{ width:243px; border:1px solid #d3e6f2; padding:10px; border-top:2px solid #2483b3;}
.company-xx h1{ font-size:16px; line-height:30px;}
.company-xx h1 a{ color:#2483b3;}
.company-xx p{ line-height:25px; font-size:12px;}

a.px{ color:#2483b3;}

.pro-about{ width:720px; margin-top:15px;}
.other-pro{ width:350px; float:left; height:120px; margin:15px 10px 0 0; display:inline;}
.other-pro dt{ float:right; width:210px; text-align:left; height:30px; line-height:30px; overflow:hidden; font-weight:bold;}
.other-pro dt a:hover{ color:#2483b3; text-decoration:underline;}
.other-pro .pro-img{ width:120px; height:120px; float:left; border:1px solid #efefef;z-index:0; position:relative; text-align:center;}
.other-pro .pro-txt{float:right; width:210px; text-align:left;line-height:22px; overflow:hidden; font-size:12px;}
.other-pro .company-name{ float:right; width:210px; text-align:left; height:25px; line-height:25px; overflow:hidden;}
.other-pro .company-name a{color:#2483b3;}
.pro-other-list li{ width:237px; height:30px; line-height:30px; float:left; background: #f1f6f9; margin:0 2px 2px 0; font-size:12px;}
.pro-other-list li span{ width:70px; display:inline-block; background:#d3e6f2; text-align:center; margin-right:10px;}

.pro-txt-con img{ max-width:650px;}

/*供求栏目*/
.gqxx{width:200px; padding-top:10px; font-size:12px;}
.gqxx ul li{ height:27px; line-height:27px; background:url(../images/dot-icon.jpg) no-repeat 0 11px; text-indent:9px; overflow:hidden;}
.gqxx ul li a.name{ color:#2483b3;}
.free-cg{ width:200px; height:40px; line-height:40px; color:#fff; border:0 none; background:#f60; font-size:16px; font-weight:bold; font-family:"微软雅黑"; cursor:pointer; border-radius:3px;}
.pro-tit2 li{ float:left; padding:0 15px; cursor:pointer;}
.pro-tit2 li.cur-gq{ float:left; padding:0 15px; background:#2483b3; color:#fff;}
.pro-tit2 li.cur-gq a{color:#fff;}


/*企业栏目*/
.company-type{ position:relative; height:100px; width:100%; margin-bottom:15px;overflow:hidden;}
.c-t-name{ width:100px; height:100px; background:#2483b3; text-align:center; line-height:100px; color:#fff; font-size:15px;}
.company-n{ width:620px; position:absolute; top:0; right:0; height:95px; padding-top:5px;}
.c-t-name a{ color:#fff;}
.company-n a{padding:5px 10px; display:inline-block; font-size:12px; width:180px; overflow:hidden;}
.company-n a:hover{display:inline-block; color:#2483b3; text-decoration:underline;}
.c-bg{background:#f1f6f9}

.company-list{height:96px; width:720px; position:relative;margin-top:15px; padding:10px 0; border-bottom:1px solid #eee;}
.company-list:hover{ cursor:pointer; background:#f5f5f5;}
.company-desc{ height:96px; width:600px; overflow:hidden;}
.company-desc h1{ font-size:16px; height:35px; line-height:35px;}
.company-desc p{ padding-right:10px; font-size:12px; line-height:18px;}
.company-pic{ width:150px; height:90px; float:left; padding:2px; border:1px solid #ddd; margin-right:10px;}
.company-jb{ width:110px; border-left:1px solid #eee; height:80px; position:absolute; top:0; right:0; text-align:center; padding-top:25px;}
.company-jb p{ line-height:25px; font-size:12px;}

.cm-search{ width:263px; border:1px solid #d3e6f2; height:38px;background:#fff;}
.search-name{ width:265px; height:35px; line-height:35px; background:#2483b3; color:#fff; text-indent:5px;}
.list-t{ display:block; width:16px; height:16px; background:url(../images/list_mix_on.jpg) no-repeat 0 -16px; margin-top:10px;}
.list-t-on{ display:block; width:16px; height:16px; background:url(../images/list_mix_on.jpg) no-repeat; margin-top:10px;}
.pic-t{ display:block; width:16px; height:16px; background:url(../images/list_img.jpg) no-repeat 0 -16px; margin-top:10px;}
.pic-t-on{ display:block; width:16px; height:16px; background:url(../images/list_img.jpg) no-repeat; margin-top:10px;}
.pro-tit2 li.px{ font-size:12px; color:#666; padding:0 5px;}