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

*{ padding:0; margin:0; outline:none; }
a {text-decoration:none; out-line:none; display:inline-block;} 
li{ list-style: none;} 
input {background: none; border: none; outline:0px; -webkit-appearance:none; border-radius:0;}
textarea { -webkit-appearance: none;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
body{ font-size:14px; background-color:#f8f8f8;}
.mall_W,.Navigate,.con_banner,.discount_gg,.discount_W,.brand_img,.brand_name,.consume_con{ width:1200px; margin:0 auto;}
.topnavbox {
	height:30px;
	border-bottom:1px solid #eee;
	background:#fbfbfb;
	line-height:30px;
	color:#666;
	font-size:12px;
}
.topnavbox a {
	color:#888;
	padding:0 6px;
	line-height:36px;
	height:36px;
	display:inline-block
}
.topnavbox a:hover {
color:#ff7300
}s
/*盒子*/
	
.headerbox, .BoxW,.topnav{
	width:1200px;
	margin:auto;
	clear:both
}
.topnav_r{ float:right;}
.topnav_r ul li {
	float:left;
	position:relative;
	margin-right:15px;
	height:30px;
	line-height:30px;
	
}

.topnav_r ul li ul li:after{content:""}
.topnav_r .pulldown:hover{ background:#f5f5f5;}
.topnav_r  .pulldown .inquiry2 {
visibility:hidden;
 transition: all 40ms linear;
  -o-transition: all 40ms linear;
  -ms-transition: all 40ms linear;
  -moz-transition: all 40ms linear;
  -webkit-transition: all 40ms linear;
  position:absolute;
  top:30px;
  right:-1px;
  background:#fff; 
  padding:15px 0 15px 0;
  border:1px solid #eee;
  border-top:none;
  height:auto;
  width:260px;
  padding:5px 10px;
  height:auto;
    z-index:20;
	
}

.topnavbox{ background:#FFF; height:36px; line-height:36px;}
.logo1 img{height: 24px;width: 124px;margin-top: 5px;}
.sjsc{ position:relative; top:15px;}
.HotTel{line-height:36px; float:right; margin-right: 20px;}
.topnav_r ul li{line-height:35px;}
.topnav_r  .pulldown .inquiry2 {top:36px;}
.position-30{position:relative; right:-30px}
.topnav_r .pulldown:hover .inquiry2,.topnav_r .pulldown:hover .ShoppingList{visibility: visible;}
.inquiry2 dl{ display:block;margin-right:20px;color:#333; float:left; line-height:normal; width:110px;}
.inquiry2 dl dt{font-weight:bold; line-height:30px}
.inquiry2 dl dd a{padding:0; line-height:25px;height:25px; width:100%;}
.pulldown i{ background:#f00; border-radius:10px;padding:0 4px;color:#FFF; font-style:normal;font-size:12px}
.pulldown b{color:#F00;margin-left:2px; font-weight:normal}
.welcome a{padding:0 0 0 15px; float:left; color:#333; }
.chemicalbook{ float:left; color:#333; margin-right:80px; }
.chemicalbook a{color:#ff7800;}

.icon_pd{display:inline-block;margin-right:5px;position:relative;font-size:14px; font-family: "微软雅黑";color:#aaa;transition:all 0.1s;}
/*top结束*/
.wd_head{ width:100%; display:inline-block; background-color:#fff; }
.head_top_nav{width:100%; border-bottom:1px solid #f3f3f3;}
.head_top{ width:1200px; margin:0 auto; height:63px;}
.head_top .head_logo{ float:left; width:107px; height:22px; margin-top:18px;}
.head_top .head_logo img{width:107px; height:22px;}
.head_search{ float:right; width:458px; height:34px; margin-top:15px; position:relative; border-radius:5px; background-color:#f8f8f8; margin-left:210px;}
.head_search .hs_input{ width:420px; height:34px; line-height:34px; padding-left:10px; box-sizing: border-box;}
.hs_but{ width:20px; height:20px; position:absolute; right:15px; top:9px; background:url(image/quanicon.png) no-repeat 0 0;}
/*头部结束*/
.foot {
	border-top: 1px solid #eaeaea;
	color: #999;
	height: 50px;
	line-height: 25px;
	margin:20px auto auto;
	padding: 15px 0;
	text-align: center;
	width: 100%;
	background: #fff;
	clear: both;
	display: inline-block;
}
.foot div {color: #999;}
.foot a:link {color: #999;margin: 0 3px;text-decoration: none;}
.foot a:visited {color: #999;}
.foot a:hover {color: #28b5ce;}
/*底部结束*/
.banner{ width:100%; height:249px; text-align:center}
.banner img{  display: block; max-width: 100%; height: auto}

.circle{ width:1210px; margin:10px auto 0;}
.cl{ width:830px; display:inline-block;}
.fenl{ width:100%; height:42px; line-height:40px; background-color:#fff; border-radius:5px;  margin-bottom:10px;}
.fenl span{cursor:pointer; display:inline-block; margin-left:30px; margin-right:30px;}
.fenl span:hover{ color:#ff7800;}
.dq{ border-bottom:2px solid #ff7800; color:#ff7800;}
.panel{ width:100%; border-radius: 5px; background-color:#fff; padding:20px; box-sizing: border-box;}
.panelt{ height:66px;width:66px; float:left}
.ptimg{ display:block; width:100%; height:100%; border-radius:66px; border:1px solid #eee;position:relative; overflow:hidden;}
.ptimg img{  max-width:100%;  max-height:100%; position: absolute;top: 50%;left: 50%;
-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.ptname{margin-bottom:10px}
.ptp{font-size:16px; font-weight:bold;text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.pta{color:#666;font-size:14px; font-weight:normal; line-height:100%;margin-left:5px;}
/*.ptname a{ display:inline-block; color:#666; margin-right:20px; margin-top:10px;}*/
.ptname a:hover{ color:#ff7800;}
.panelc{margin:0 90px 0 90px; line-height:24px;}
.pctxt{ margin-bottom:10px;}
.pctxt a{ color:#000;}
.pctxt a:hover{ color:#ff7300}
.sp{ width:400px; height:300px; border-radius:5px;}
.panelb{ width:100%; border-top:1px solid #eee; padding-top:15px; margin-top:20px; clear:both}
.panelb span{cursor:pointer; display:inline-block; width:32%; text-align:center; color:#666;}
.panelb span:hover{ color:#ff7800;}
.panelb span i{ width:14px; height:14px; display:inline-block; margin-right:6px; position:relative; top:1px;}
.zf{ background:url(image/quanicon.png) no-repeat 0 -23px;}
.pl{ background:url(image/quanicon.png) no-repeat -24px -23px;}
.dz{ background:url(image/quanicon.png) no-repeat -47px -23px;}
.panelb span:hover .zf{background:url(image/quanicon.png) no-repeat 0 -44px;}
.panelb span:hover .pl{background:url(image/quanicon.png) no-repeat -24px -44px;}
.panelb span:hover .dz{background:url(image/quanicon.png) no-repeat -47px -44px;}
.xzl{ color:#ff7800!important;}
.xzl .zf{background:url(image/quanicon.png) no-repeat 0 -44px;}
.xzl .pl{background:url(image/quanicon.png) no-repeat -24px -44px;}
.xzl .dz{background:url(image/quanicon.png) no-repeat -47px -44px;}
.spimg{ width:100%; }
.spimg div{ display:inline-block; border-radius:5px; overflow:hidden; position:relative; border:1px solid #ddd;}
.spimg div img{ width: 100%; height:100%; -o-object-fit: cover;  object-fit: cover;border-radius: 5px; /*position: absolute; top: 0;  left: 0;*/}

/*.spimg1 div img{position: unset;}*/
.spimg1 div{ width:300px;border:none}
.spimg2 div{ width:300px; height:300px;}
.spimg3 .sdiv1{ width:300px; height:400px; float:left; margin-right:5px;}
.spimg3 .sdiv2{ width:300px; height:196px; }
.spimg3 .sdiv3{ width:300px; height:196px; }
.spimg4 div{ width:300px; height:300px;}
.pinl{ width:100%; margin-top:10px;}
.pinl textarea{ padding:10px; width:100%; border:1px solid #ddd; border-radius:5px; box-sizing: border-box; height:80px; margin: 0 auto; display: block;}
.pinl input{ width:102px; height:28px; line-height:28px; text-align:center; color:#fff; background-color:#ff7800; display:block;  border:0; border-radius:28px; font:14px Arial, Helvetica, sans-serif; float:left;}
.plbtn{ margin:15px auto 0; width:200px;}
.plbtn a{ color:#ff7800; line-height:28px; margin-left:20px;}
.cr{ width:363px; float:right;}
.zc{ width:100%; height:187px; background:url(image/dlbg.png) no-repeat center 0; margin-bottom:10px;}
.dlh{ text-align:center;}
.dlh div{ display:block; margin:0 auto; float:none!important;}
.zcimg{ width:250px; margin:0 auto; padding-top:30px;}
.zcimg img{max-width:61px; max-height:61px; overflow:hidden;  border-radius:61px; border:1px solid #ffbd49; margin:0 auto;}
.zcimg div{ margin-right:15px; float:left;}
.zcimgp{ font-size:16px; line-height:32px; color:#333!important; margin-top:5px;}
.zcimg div span{ display:block; color:#666;}
.zca{ clear:both; width:279px; margin:0 auto;}
.zca a{ width:129px; height:30px; line-height:30px; text-align:center; border-radius:5px; display:inline-block; margin-top:30px; }
.zca1{ background-color:#ff7800; color:#fff; margin-right:12px;}
.zca2{ border:1px solid #ff7800; color:#ff7800;}
.ddimg{ width:100%; background:url(image/guanggao.jpg) center 0; height:500px;padding-top:380px;box-sizing: border-box}
.ddimg a{ width:134px; height:32px; text-align:center; line-height:32px; border-radius:32px; background-color:#ff6c00; color:#fff; font-size:16px; margin:0 auto; display:block; }
.ddimg a:hover{ color:#FF0;}
.hot{ padding:20px; background-color:#fff; width:100%; border-radius:5px; box-sizing: border-box; margin-top:20px;}
.hott{ font-size:16px; font-weight:bold;}
.jx::before{ content:''; width:14px; height:17px; display:inline-block; background:url(image/quanicon.png) 0 -124px; margin-right:10px; position:relative; top:2px;}
.hotlist{ width:100%; margin-top:20px; line-height:18px;}
.hotlist span{ width:20px; display:inline-block; text-align:center; font-size:13px; font-weight:bold; color:#999; text-align:center; position:relative; top:-4px;}
.hotlist a{ color:#333;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display:inline-block; width:90%;}
.one{ background:url(image/quanicon.png) 0 -153px; height:18px; position:relative; top:-1px !important;}
.two{ background:url(image/quanicon.png) -29px -153px; height:18px; position:relative; top:1px!important;}
.three{ background:url(image/quanicon.png) -58px -153px; height:18px; position:relative; top:1px!important;}
.vi::before{ content:''; width:18px; height:17px; display:inline-block; background:url(image/quanicon.png) -30px -124px; margin-right:10px; position:relative; top:2px;}
.vilist{ width:100%; margin-top:20px; display:inline-block;}
.vilistr{ width:120px; height:90px; float:left; margin-right:15px;}
.vilistl{ width:55%; float:left;}
.vilistl a{ font-size:16px; line-height:28px; width:100%; word-break: break-all; text-overflow: ellipsis; display: -webkit-box;
 -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; color:#333;}
.vilistl a:hover{ color:#ff7800;}
.vilistl span{ color:#666; margin-top:15px; display:block;}
.hbg{ width:100%; height:100%; background-color:#333; opacity: 0.5; position:fixed; top:0; left:0; z-index:99;}
.login{ width:426px; background-color:#fff; position:fixed; top:150px; left:50%; margin-left:-213px; border-radius:10px;  z-index:999; padding-bottom:30px;}
.dlt{ width:310px; margin:20px auto 0;}
.dlt div{ width:90px; text-align:center; display:inline-block; font-size:20px; line-height:40px; margin-left:30px; margin-right:30px;}
.dltdq{ color:#ff7800; border-bottom:1px solid #ff7800;}
.kuais{ width:75%; margin:30px auto 0;}
.kslist{ width:100%; height:38px; border:1px solid #ddd; border-radius:5px; line-height:38px; margin-top:20px;}
.kslist span{ width:15px; height:15px; display:inline-block; margin-top:12px; margin-left:10px;}
.sjh{ background:url(image/quanicon.png) no-repeat 0 -181px;}
.yzm{background:url(image/quanicon.png) no-repeat -29px -181px;}
.kslist input{ line-height:38px; width:240px; position:relative; top:-3px; margin-left:15px;}
.phone_ver{ width:100px; height:38px; border:1px solid #ff7800; background-color:#fff2e6; color:#ff7800; border-radius:5px; float:right; margin-top:20px;}
.yzml{width:100%; display:inline-block;}
.yzmt{ float:left; width: 200px!important;}
.yzmt input{ width:150px;}
.dengl{ width:147px; height:30px; margin:40px auto 0;}
.dengl input{ width:147px; height:30px; line-height:30px; border-radius:30px; color:#fff; background-color:#ff7800;}
.qit{ height:50px; background-color:#f8f8f8; margin-top:30px; border-radius:10px;}
.qit span{ line-height:50px; margin-right:30px; color:#666; margin-left:20px; float:left;}
.qit a{ display:inline-block; width:32px; height:32px; margin-top:11px; margin-right:20px;}
.qit a img{ width:32px; height:32px;}
.colse{ font-size:30px; color:#fff; position:absolute; top:-10px; right:-30px;}
.updatetime{font-size:12px; color:#666}
/*首页结束*/
.gesyl{ width:258px; float:left; background-color:#fff; border-radius:5px;}
.geimg{ width:140px; height:140px;border-radius:140px; border:1px solid #ddd; margin:40px auto 0; overflow:hidden; position:relative;}
.geimg img{  max-width:140px; max-height:140px; height:auto; position: absolute;top: 50%;left: 50%;
-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.gname{ font-size:20px; text-align:center; margin-top:20px; font-weight:bold;}
.ggs{ width:90%; margin:8px auto 0; text-align:center; color:#666;}
.gicon{ width:90%; margin:30px auto 0; height:40px; border-top:1px solid #eee; padding-top:15px;}
.gelist{ float:left; margin:0 18px; position:relative;}
.gelist span{ width:19px; height:18px; display:inline-block;  cursor:pointer;}
.gea1{ background:url(image/quanicon.png) no-repeat -25px -93px;}
.gea2{ background:url(image/quanicon.png) no-repeat -48px -93px;}
.gea3{ background:url(image/quanicon.png) no-repeat -72px -93px;}
.gea4{ background:url(image/quanicon.png) no-repeat 0 -93px;}
.gea1:hover{ background:url(image/quanicon.png) no-repeat -25px -68px;}
.gea2:hover{ background:url(image/quanicon.png) no-repeat -48px -68px;}
.gea3:hover{ background:url(image/quanicon.png) no-repeat -72px -68px;}
.gea4:hover{ background:url(image/quanicon.png) no-repeat 0 -68px;}
.gibox{ width:300px; padding:15px; box-sizing: border-box; background-color:#fff; border:1px solid #ddd; border-radius:10px; line-height:24px; display:none; position:absolute; top:18px; left:-20px; z-index:999;}
.gelist:hover .gibox{ display:block;}
.gesyr{ width:930px; float:right;}
.gong{ font-size:13px; color:#666;}
/*个人结束*/