@charset "utf-8";

@import "//www.hj800.cn/css/Public_Other.css";

body,tr,td  {font-family: "宋体"; color:#181717;font-size:9pt; line-height:21px;}
A:link {COLOR:#181717; text-decoration: none}
A:visited {COLOR: #181717; text-decoration: none}
A:active {COLOR: #181717; text-decoration: none}
A:hover {COLOR: #181717; text-decoration: underline;}
*{ margin:0; padding:0;}
h1{ font-size:16px; line-height:30px}

.fg5{ height:5px; line-height:1px; font-size:1px}
.font14{ font-size:14px; line-height:25px; padding:6px;}
.f14{ font-size:14px; line-height:25px;}

body{ background-color:#f2f2f2}

.hbg{ background-color:#000000;}
.bbg{ background-color:#ffffff;}

.top { background:url(images/topbg.jpg) repeat-x; height:27px; font-size:14px; min-width:1190px;}

.bai { height:27px; font-size:14px; color:#fff;text-align:center; background-color:#388fc4;}
.bai A:link {COLOR:#fff; text-decoration: none}
.bai A:visited {COLOR: #fff; text-decoration: none}
.bai A:active {COLOR: #fff; text-decoration: none}
.bai A:hover {COLOR: #fff; text-decoration: underline;}

body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {margin:0; padding:0; font-weight:normal; font-style: normal; font-family: "宋体"; }

.top{ background:url(images/index_01.jpg) center repeat-x; height:50px;}
.main{ width:1100px; margin:0 auto;}

.main_left{ width:750px; float:left;}
.main_right{ width:300px; float:right;}


.dh{ background:url(img/dhbg.jpg) repeat-x; height:35px;}
.dhfont{ color:#ffffff; font-size:16px; text-align:center; line-height:35px; width:11%}
.dhfont A:link {COLOR:#ffffff; text-decoration: none}
.dhfont A:visited {COLOR: #ffffff; text-decoration: none}
.dhfont A:active {COLOR: #ffffff; text-decoration: none}
.dhfont A:hover {COLOR: #ffffff; text-decoration: underline;}

.dhline{ width:2px;}
.sh_top{ background:url(img/topbg.jpg) repeat-x; height:33px;}
.sh_menubot{ border-bottom:1px solid #339c0e;}
.shmore{ text-align:right; padding-right:10px;}

.shmt{ margin-top:15px;}

.shbotdh{ background-color:#eaeaea; height:35px; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; line-height:33px; color:#716868; text-align:center; margin-top:15px;}
.shbotdh A:link {COLOR:#716868; text-decoration: none}
.shbotdh A:visited {COLOR: #716868; text-decoration: none}
.shbotdh A:active {COLOR: #716868; text-decoration: none}
.shbotdh A:hover {COLOR: #716868; text-decoration: underline;}

.shbot{ height:180px; background:url(img/botbg.jpg) no-repeat bottom #ffffff;}
.shbotf{ color:#716868;}

.kpyd{ font-family:微软雅黑; font-size:18px; font-weight:bold; line-height:40px; padding-left:10px; margin-top:10px;}

.bor{ border:1px solid #dddddd;}
.bor2{ border:1px solid #dddddd; border-top:none;}

.left{ width:230px; padding-right:14px;}
.mt15{ margin-top:14px;}
.pd15{ padding:14px;}
.pd10{ padding:10px;}

.top_p{ min-height:283px; padding:8px;}

.menu2{ background-color:#f6f6f6; height:32px; border:1px solid #dddddd; border-left:0px; text-align:center; font-size:14px; font-weight:bold;}
.menu1{ border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:2px solid #006833; height:32px; text-align:center;font-size:14px; font-weight:bold;}

.lou1{ font-size:22px; font-weight:bold; font-style:italic; font-family:"微软雅黑", "宋体";}
.lou2{ font-family:"微软雅黑", "宋体"; font-style:italic;font-size:22px; width:40px;}
.lou{ font-size:22px; font-family:"微软雅黑", "宋体";}
.louh{ height:30px;}
.l_con{  padding:8px;}
.l_left{ width:250px;}
.l_leftp{ padding-top:5px;}

.addresstitle{ font-size:16px; font-weight:bold; line-height:30px;}
.addresspadd{ padding:5px;}

.about{ background-color:#efefef;}
.afont1{ font-size:16px; font-weight:bold; color:#555555; line-height:30px;}
.afont2{ line-height:26px; color:#555555; padding-left:35px;}

.abor1{ border-right:1px solid #dddddd}
.abor2{ border-left:1px solid #ffffff}

.yqlink{ border-top:1px solid #dddddd; color:#bbbbbb; padding:10px;}
.yqlink A:link {COLOR:#bbbbbb; text-decoration: none}
.yqlink A:visited {COLOR: #bbbbbb; text-decoration: none}
.yqlink A:active {COLOR: #bbbbbb; text-decoration: none}
.yqlink A:hover {COLOR: #bbbbbb; text-decoration: none;}

.botdh{ text-align:center; padding-top:10px;}
.bot{ text-align:center; color:#999999; padding-top:10PX; padding-bottom:10PX;}


img{ border:0px;}
ul{ list-style:none;}
.cl,.clr{ clear:both; height:0px; font-size:0;}
.disn{ display:none;}
.disb{ display:block;}
h1,h2,h3,h4,h5,h6{font-size:13px; font-weight:bold;}


.nav ul{}
.nav ul li{  line-height:44px; padding:0 0 0 0px; height:44px; font-size:16px; text-align:center; border-bottom:1px solid #eeeeee; color:#333333; position:relative; z-index:100;}
.nav ul li.over{ background-position:-203px -246px;}
.nav ul li a:link,.nav ul li a:active,.nav ul li a:visited{ font-size:16px; color:#333333;}
.nav ul li a:hover{ font-size:16px; color:#333333;}
.nav ul li a strong{ font-weight:normal;}
.nav ul li.over a:link,.nav ul li.over a:active,.nav ul li.over a:visited,.nav ul li.over a:hover{ font-size:16px; color:#333333;}
.nav .submenubox{ position:absolute; left:230px; top:0px; width:125px; border:#dddddd 1px solid; background:#ffffff; float:left; line-height:0; overflow:hidden;}
.nav .submenuboxBottom{top:auto;bottom:1px;}
.nav .submenubox .subcate{ width:125px; float:left;}
.nav .submenubox .subcate ul{ border:0; margin:0; padding:2px 0; background:#ffffff; margin-bottom:-2000px; padding-bottom:2000px; position:relative;}
.nav .submenubox .subcate ul li{ background:none; height:auto; width:100%; line-height:18px; padding:5px 0 5px 0px; position:static; z-index:auto; cursor:default;}

.nav ul li.over .subcate ul li a:link,.nav ul li.over .subcate ul li a:active,.nav ul li.over .subcate ul li a:visited{ font-size:16px; padding-left:12px; }
.nav ul li.over .subcate ul li a:hover{color:#333333;}
.nav .submenubox .colright{ width:260px; padding:0 0 0 14px; float:left; background-color:#eeeeee}
.nav .submenubox .featuredbrand h3{ height:30px; line-height:30px; padding:5px 0 0 0; font-size:14px; color:#87af1b;}
.nav .submenubox .featuredbrand ul{ border:0; margin:0; padding:5px 0; float:left;}
.nav .submenubox .featuredbrand ul li{ background:#fff; width:67px; height:37px; padding:4px; margin:0 7px 7px 0; position:static; z-index:auto; float:left; overflow:hidden;}
.nav ul li.over .featuredbrand ul li a:link,.nav ul li.over .featuredbrand ul li a:active,.nav ul li.over .featuredbrand ul li a:visited{ padding-left:0px;}
.nav ul li.over .featuredbrand ul li a:hover{padding-left:0px;}
.nav .submenubox .merchantpromotion h3{ height:30px; line-height:30px; padding:0; font-size:14px; color:#87af1b;}
.nav .submenubox .merchantpromotion ul{ border:0; margin:0; padding:0 0 5px 0; float:left; width:260px;}
.nav .submenubox .merchantpromotion ul li{float:left; white-space:nowrap; background:none; line-height:normal; height:14px; padding:5px 10px 5px 0; position:static; z-index:auto;}
.nav ul li.over .merchantpromotion ul li a:link,.nav ul li.over .merchantpromotion ul li a:active,.nav ul li.over .merchantpromotion ul li a:visited{ padding-left:0px; color:#333333; font-size:12px;}
.nav ul li.over .merchantpromotion ul li a:hover{padding-left:0px; color:#333333;font-size:12px;}
.nav ul li.last .submenubox .subcate{ width:420px;}
.nav ul li.last .submenubox .subcate ul{ background:none; float:left;}
.nav ul li.last .submenubox .subcate ul li{ float:left; width:139px;}
.nav ul li.last .subcate ul li a:link,.nav ul li.last .subcate ul li a:active,.nav ul li.last .subcate ul li a:visited{ font-size:14px; padding-left:12px; color:#333333;}
.nav ul li.last .subcate ul li a:hover{ color:#333333;}
.topblock{ padding:0px;}
.nav{ width:230px; float:left; height:500px; background-color:#FFFFFF; border-bottom:1px solid #eeeeee; position:relative; z-index:101;}
.caidan_two { font-size:12px; line-height:21px; height:0px; overflow:hidden }

.caidan_two a{white-space:nowrap;}

.caidan_two a:link,.caidan_two a:active,.caidan_two a:visited{ font-size:12px; color:#333333;}
.caidan_two a:hover{ font-size:12px; color:#333333;}



.o2o_bai{ color:#FFFFFF}
.o2o_bai A:link {COLOR:#FFFFFF; text-decoration: none}
.o2o_bai A:visited {COLOR: #FFFFFF; text-decoration: none}
.o2o_bai A:active {COLOR: #FFFFFF; text-decoration: none}
.o2o_bai A:hover {COLOR: #FFFFFF; text-decoration: underline;}

.o2o_bot1 {
	width:910px;
	height:170px;
	background:url(images/index_58.jpg) no-repeat;
	margin-top:10px;font-size:12px; margin-bottom:10px;
}
.o2o_bot1 ul li {
	float:left;
	width:90px;
	height:120px;
	margin:15px 0 0 45px;
	
}

.o2o_title{ font-size:18px; padding-left:12px; font-weight:bold; font-family:微软雅黑;}
.o2omore{ color:#666666; font-size:12px; font-weight:normal; text-align:right; padding-right:10px;}
.o2omore A:link {COLOR:#666666; text-decoration: none}
.o2omore A:visited {COLOR: #666666; text-decoration: none}
.o2omore A:active {COLOR: #666666; text-decoration: none}
.o2omore A:hover {COLOR: #666666; text-decoration: underline;}

.o2ok{float:left;  text-align:center; width:220px;}
.o2opro{  border:1px solid #eeeeee;width:200px;height:150px;padding:5px; margin:5px;}
.o2opadd{ padding:10px; text-align:center}

.pro_title{ line-height:18px; height:18px; text-align:center; padding-left:5px;width:220px; overflow:hidden;}
.pro_price{ line-height:18px; height:18px; text-align:center;  color:#FF0000;padding-left:5px;}

.o2omain{ width:1150px; margin:0 auto;}
.o2omain_z{ width:960px; margin:0 auto;}

.o2o_about{ background-color:#f4f2f3; border:1px solid #c9c7c8;}

.product1_color{color:#212121;width:77px; height:15px; float:left;padding-top:3px; background:#eed5dd;text-align:center;text-decoration:none;}
.product1_list{width:100%; height:auto;  padding-top:8px;_float:inherit; margin:0 auto;}
.product1_list ul{width:100%; height:auto; float:left; margin-bottom:30px;}
.product1_list ul li{width:274px; height:230px;  float:left; text-align:center;}
.product1_list_tp{width:258px; height:190px; float:left; border:1px solid #dddddd; padding:5px;}
.product1_list_wz{width:258px; height:auto; float:left; padding-top:6px; color:#8d2d49; line-height:22px;}
.product1_colors{color:#ff2a14; font-size:18px;}

.sousuo{ width:367px; height:33px; line-height:33px; font-size:14px; border:2px solid #006833;}
.ss_inp{ width:78px; height:37px; text-align:center; color:#FFFFFF; background-color:#006833;border:2px solid #006833; font-size:14px; line-height:37px;}

.about_t{ font-size:18px; line-height:20px; color:#006833}
.ny_con{ padding:20px; height:469px;}
.ny_con p{
	margin-top: 15px;
}

.ny_con img{
	max-width: 100%;
}
.ab_on{ background:url(images/article_830_left_nav_bg_06.jpg) no-repeat; height:40px; width:211px; font-size:14px; line-height:40px; padding-left:40px; margin-top:10px; margin-bottom:10px; color:#FFFFFF;}
.ab_on A:link {COLOR:#FFFFFF; text-decoration: none}
.ab_on A:visited {COLOR: #FFFFFF; text-decoration: none}
.ab_on A:active {COLOR: #FFFFFF; text-decoration: none}
.ab_on A:hover {COLOR: #FFFFFF; text-decoration: underline;}

.ab_out{ background:url(images/article_830_left_nav_bg_03.jpg) no-repeat; height:40px; width:211px;font-size:14px; line-height:40px; padding-left:40px;margin-top:10px;margin-bottom:10px;}

.hy_left{ width:230px;}
.hy_right{ padding-left:15px;}

#preview{ float:none; margin:0px auto; text-align:center; width:350px;}
.jqzoom{ width:350px; height:350px; position:relative;}

.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:325px; 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;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.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;}
.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;}

.news_more{ font-size:14px; line-height:25px;}

.user_f{ font-size:14px; line-height:34px;}
.user_inp{ width:200px; height:28px; line-height:26px;}
.user_button{ width:101px; height:37px; line-height:37px; text-align:center; color:#FFFFFF; font-size:14px; background:url(images/reg.jpg) no-repeat; border:none; cursor:pointer;}
.user_padd{ padding:10px;}
.user_bk{background-color:#eeeeee; border:1px solid #cccccc; line-height:23px;}

.wzs li{width:400px; float:left;padding-top:10px; color:#555;}
.wzss{width:100%; height:auto; float:left; padding-top:5px; color:#555; line-height:42px;_float:inherit;}
.wzss a{color:#d4013c; text-decoration:none;}
.wzss a:hover{color:#f00; text-decoration:none;}
.wzss_color{font-size:13px; float:left; color:#969696;}
.jsz{width:100%;  float:left; background-color:#f3dee5; padding:5px 0 5px 5px; color:#444; _float:inherit;}
.jsz_color{color:#616161;}
.jsz_colors{color:#a8a7a7a;}

.link{width:654px; height:36px; float:left; background:url(images/8.jpg) no-repeat; padding:4px 0 0 18px; margin-top:15px;_float:inherit;}
.link li{width:163px;float:left; font-size:14px; font-weight:bold; line-height:35px;}
.link li a{color:#676767; float:left; text-decoration:none;}
.color2{color:#fff;}
.wzs{width:100%; height:auto; float:left; padding-top:15px; color:#555; line-height:18px;_float:inherit;}
.wzs a{color:#d4013c; text-decoration:none;}
.wzs a:hover{color:#f00; text-decoration:none;}
.table td{border:solid 1px #dcd8d9;}
.table{border-collapse:collapse; }
.wzs_top{height:34px;background:url(../images/16.jpg) repeat-x top center;color:#666;}
.wz1{width:100%; height:auto; float:left;  color:#555; line-height:18px;_float:inherit;}
.wz1 a{color:#666; text-decoration:none;}
.wz1 a:hover{color:#f00; text-decoration:none;}
.wz1_text{width:32px; height:18px; border:1px solid #7f9db9; text-align:center;}

.pt_big{ font-size:14px; font-weight:bold; color:#d4033b; width:80px; text-align:center;}

.pages a,  .pages strong, .pages .current {
	display:inline-block;
	line-height:28px;
	padding:0 10px;
	border:1px solid #d9d9d9;
	background-color:#ffffff;
	text-decoration:none;
	color:#666;
	font-family:Simsun;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-right:3px;
}
.pages a:hover {
	color:#fff;
	background-color:#24557d;
	border-color:#fff;
	text-decoration:none;
}
.pages strong {
	color:#fff;
	background-color:#24557d;
	border-color:#fff;
}
.pages span {
	padding:0 10px;
	line-height:23px;
}

.pages .current {
	color:#fff;
	background-color:#24557d;
	border-color:#fff;
	text-decoration:none;
}

.toptop{ background-color:#f7f7f7; height:40px; }
.topf{ line-height:40px;}
.topfr{ text-align:right; font-weight:bold;}
.topfr_r{ color:#006833;}
.topfr_r a:hover{color:#006833; text-decoration:none;}

.ptitle{ font-size:20px; font-family:黑体; color:#006833;}

.botad{ background:url(images/01_14.jpg) center ; height:100px; margin-top:20px;}
.botbg{ background-color:#f6f6f6;}
.botf{ text-align:center; padding-top:20px;}
.botf1{ font-weight:bold; color:#666666;}
.botf2{ color:#999999;}
.botf3{ padding-top:20px; padding-bottom:8px; font-weight:bold; font-size:16px; color:#666666;}
.botf4{  font-size:12px; color:#666666; line-height:25px;}

.pl_bor{ padding:5px; border:1px solid #eeeeee;}

.p_title{ font-size:20px; line-height:25px; font-weight:bold; padding-bottom:20px;}
.pro_con{ font-size:14px; line-height:30px;}
.pro_k{width:30px; height:30px; line-height:30px; border:1px solid #dddddd; text-align:center; font-size:14px;}

.ddtext{ border:1p solid #dddddd; height:26px; line-height:26px; width:200px;}

.order_th1{ border:1px solid #eeeeee; padding:5px; background-color:#006833; color:#FFFFFF; font-weight:bold; font-size:14px;}
.order_th{ border:1px solid #eeeeee; padding:5px; background-color:#dddddd}
.order_td1{ border:1px solid #eeeeee; padding:5px;}
.order_td{ border:1px solid #eeeeee; padding:5px;}

.news{ font-size:14px; line-height:25px; height:25px; overflow:hidden;}


.ny_prot1{ width:186px; margin:0 auto; background:url("images/tit3n.gif") no-repeat; height:33px; padding-left:30px; line-height:33px;}
.ny_cpfl{ background:url("images/dhlbg.jpg") no-repeat; height:38px; width:209px; font-size:14px; font-weight:bold; line-height:38px;}
.cp_left{ width:210px;}
.cp_left_bor{ border:1px solid #dddddd; border-top:none; width:207px; margin:0 auto;}
.cp_left_t2{ line-height:25px; height:25px; padding-left:10px;}

.pro_jian1{ float:right;  padding-top:12px; padding-right:40px;}

.hy_left{ width:230px;}
.hy_right{ padding-left:15px;}

.gbook_inp{ border:1px solid #e3e2e2; height:23px;}
.gpadd{ padding:3px;}

h2{ height:50px; line-height:50px; font-size:21px;}

.more{ float:right; padding-right:3px; padding-top:5px;}



.swiper-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 360px;
	overflow: hidden;
}

.swiper-slide img{
	height: 100%;
}

.banner{
	height: 360px;
	padding-bottom: 0px;
	background-color: #000000;
}

.bannerzw{
	height:370px;
	width: 100%;
	margin: 0 auto;
}


.banner .banner-pagination {
position: absolute;
z-index: 1;
text-align: center;
bottom: 18px;
}

.banner .banner-pagination>.swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 0 10px;
border: 3px solid #ffffff;
opacity: 1;
}

.banner .banner-pagination .swiper-pagination-bullet {
background: rgba(255, 255, 255, 0);
}

.banner .banner-pagination>.swiper-pagination-bullet-active {
background: #ff0000;
border: 3px solid #ff0000;
}

.submit{
	width: 150px;
	height: 35px;
	line-height: 35px;
	margin-top: 15px;
	background: #ff0000;
	color: #fff;
	border: none;
}