/* CSS Document */
body {
background-color: #ffffff;
background-position:top center;margin-left:0px;COLOR:#333333;margin-top: 0px;margin-right: 0px;margin-bottom:0px; font-size: 12px; 
}
A:link {FONT-SIZE: 12px; COLOR: #333333;TEXT-DECORATION: none}
A:visited {FONT-SIZE: 12px; COLOR: #333333;TEXT-DECORATION: none}
A:hover {FONT-SIZE: 12px; COLOR: #333333;TEXT-DECORATION: none}
/*daohanstar*/
#webdh {
text-align:center;
vertical-align:middle;
width: 1002px;
height:20px;
margin: 0 auto;
font-size: 12px;
font-weight: normal;
COLOR: #ffffff;
background-color: #213476;
overflow:hidden;
}
#webdh A:link {FONT-SIZE: 12px;COLOR: #ffffff; TEXT-DECORATION: none}
#webdh A:visited {FONT-SIZE: 12px;COLOR: #ffffff; TEXT-DECORATION: none}
#webdh A:hover {FONT-SIZE: 12px;COLOR: #ffffff; TEXT-DECORATION: none}
.clear {clear:both; height:0; overflow:hidden; display:block;}
ul,li{padding:0; margin:0; list-style:none;}
/*dhclose*/
#copy {text-align:center;width:1002px;margin: 0 auto; line-height:150%;}
-->

body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,dl,dt,dd{margin:0; padding:0;}
ul,li{list-style:none;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:14px;}
img{border:0;}
.clear{height:0; overflow:hidden; clear:both;}
a{text-decoration:none; cursor:pointer; color:#333;}
a:hover{color:#FF0000; text-decoration:underline;}
a img{border:0;}
body{font-size:14px; line-height:24px; margin:0 auto; color:#333; font-family:Arial, Helvetica, sans-serif;}
#head,#top,#meau-bg,#products_box{width:1002px; margin:0 auto;}

#top_bg{width:100%; margin:0 auto; height:103px; background:url(../images/20140322113190619061.gif);}
#top{height:103px; overflow:hidden;}
#logo{float:left; padding-top:35px; padding-left:41px;}
#name{float:left; padding-top:45px; padding-left:14px;}
#tel{float:right; padding-top:27px; padding-right:13px; width:280px;}
#tel_yy{width:154px; float:left; height:16px; background:url(../images/20140322113648714871.gif); line-height:16px; overflow:hidden;background-size: auto;background-repeat: no-repeat;background-position: 50% 50%; }
#tel_yy a{display: inline-block;float: left;margin-left: 110px;}
#tel_x{float:left; padding-right:15px; font-size:22px; color:#ff0000; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width:280px; padding-top:10px;}

#meau-d{overflow:hidden; background:url(../images/2014032213410885885.gif); height:45px; width:100%;}
#meau-bg{height:45px; overflow: hidden;}
#meau-bg li{ font-size:14px; background:url(../images/2014032213420419419.gif) left no-repeat; float:left; line-height:45px; display:block; text-align:center; color:#fff; padding:0px 60px;}
#meau-bg li a{font-size:14px; font-weight:bold; color:#fff;}
#meau-bg li a:hover{ color: #cc0000; height:45px;}
#meau-bg li a:active{color:#cc0000;}
#meau-bg ul .none{ background: none;}

#banner{ overflow:hidden; width:100%px; height:420px; margin:0 auto;}
/*½¹µãͼƬ start*/
.changeBox_a1 {position:relative; z-index:0; }
.big_change_a1 { width:100%; height:420px; position:absolute; left:0; top:0; z-index:0;}
.changeBox_a1 .a_bigImg { position:absolute; top:0; left:0; right:0; display:none; z-index:1; width:100%; height:420px; background-position: top center; background-repeat:no-repeat;}
/* ul_change_a1 */
.banner-span{ width:120px; margin:0 auto; position:relative; z-index:888;}
.ul_change_a1 { position:absolute; z-index:888; top:393px;}
.ul_change_a1 li { float:left; margin-right:4px; }
.ul_change_a1 span { float: left; text-align: center;line-height:14px;width:14px;height:14px;font-family: Arial;font-size: 0;cursor: pointer;overflow: hidden;
	margin: 3px 1px;
	list-style:none;
	background:url(../images/20126610422.png) ; 
/*	_background:url(/memberpic/024142/uploadfile/20126/20126610448.gif);*/
	background-position:0  -15px;
	overflow:hidden;}
.ul_change_a1 span.now {font-size: 0px;background-position:0  -30px;}
/*½¹µãͼƬ end*/



#products_d{width:100%; margin:0 auto; background:#0e417b;}
#products_box{overflow:hidden; padding:15px 0; background:#0e417b;}

#products_dhd{width:100%px; margin:0 auto; background:url(http://www.hhdindustrial.com/en/images/2014041914060247247.gif); height:71px;}
/*#products_dh{width:1002px; margin:0 auto; background:url(/memberpic/03579711320en/uploadfile/image/20140419/20140419134651075107.gif); height:71px; font-size:23px; color:#b6dbfd; line-height:67px; padding-top:4px;}*/
#products_dh a{color:#b6dbfd; font-size:23px;}
#products_bg{
	background:#0e417b;
	height: auto;
	overflow:hidden; 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
}
.products_bg1{
	width: 50%;
	width:465px; float:left; padding:15px; background:#4287c7;
	
}
.products_bg1img{width:210px; float:left;}
.products_bg1t{width:245px; float:left; padding-left:10px; color:#b6dbfd;}
.products_bg1t span{font-size:14px; font-weight:bold;}
.products_bg1t a{color:#b6dbfd;}

#bq-d{width:100%;height: auto;overflow: hidden; margin:0 auto; background:url(../images/20140715164637783778.gif);}
#bq{margin:0 auto; text-align:center; width:1002px; overflow:hidden; line-height:26px; padding:10px 0px; background:url(../images/20140715164637783778.gif); height:127px; color:#b8dcff;}
#bq a{color:#b8dcff;}

.cp img{
border:2px #012b5b solid;
padding:2px;
}
.cp a:hover img{
border:2px #ff0000 solid;
padding:2px;
}


#bodycon {width:1002px;margin: 0 auto;height: auto; overflow:hidden;}
#bodycon #left {float: left;width: 229px;background-image:url(../images/2014032433841421.gif);}
#bodycon #center {float:left;width: 773px; border:1px solid #dadbda;box-sizing: border-box;border-top: none;min-height: 640px;}
#bodycon #right {float:left;width: 0px;background-color:#ffffff; }
/*center*/
/*conetent*/
#bodycontent {width:700px;margin: 0 auto;line-height:180%;text-align:center;} 
/*content*/


.left-box{float:left; overflow:hidden; width:219px;}
.left-products{width:179px; float:left; background:url(../images/20140322165152635263.gif); line-height:30px; padding-left:40px;}

.ldh{ height:43px; line-height:43px; background:url(../images/20140322164524202420.gif); padding-left:23px;}
.ldh h3{font-size:14px; color:#fff;}
.ldh h3 .en{padding-left:3px; font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.left_bg{line-height:25px;}

.le_kr{width:219px; float:left; height:10px; background:#fff; overflow:hidden;}

#bq-d{width:100%; margin:0 auto; background:url(../images/20140715164637783778.gif);}


#zybanner{ overflow:hidden;  margin:0 auto; width:562px; height:153px; padding-top:20px; padding-bottom:15px;}
.container, .container *{margin:0; padding:0;}
.container{width:562px; height:153px; overflow:hidden;position:relative;}
.slider{position:absolute;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:562px; height:153px; display:block; border:none;}
.slider{width:10980px;}
.slider li{float:left;}
.num{ position:absolute; right:0px; bottom:10px; border:0px #00C solid; width:50%;}
.num li{
	float: left; text-align: center;line-height:14px;width:14px;height:14px;font-family: Arial;font-size: 0;cursor: pointer;overflow: hidden;
	margin: 3px 1px;
	list-style:none;
	background:url(../images/20126610422.png) ; 
/*	_background:url(http://memberpic.114my.cn/024142/uploadfile/20126/20126610448.gif);*/
	background-position:0  -15px;
	overflow:hidden;
}
.num li.on{font-size: 0px;background-position:0  -30px;}


.zy_title{width:773px; height:32px;background:url(../Images/zy_titlebg.gif) no-repeat top center; font-size:14px; line-height:32px; font-weight:bold; text-indent:30px;border-right: 1px solid #dadbda;box-sizing: border-box;}

#bq_img{ width:1002px; height:7px; background:url(../Images/bottom.gif) no-repeat top center;}

.banSwiper{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.banSwiper .swiper{
	height: auto;
	overflow: hidden;
}
.banSwiper .swiper .swiper-slide{
	height: auto;
	overflow: hidden;
}
.banSwiper .swiper .swiper-slide .pic{
	height: auto;
	overflow: hidden;
}
.banSwiper .swiper .swiper-slide .pic img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.banSwiper .swiper-page{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 22;
}
.banSwiper .swiper-page .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #c7c7c7;
	overflow: hidden;
	opacity: 1;
	transition: 0.5s;
}
.banSwiper .swiper-page .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #ff6214;
}
.slide-box{
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	border: 7px solid #d5d5d5;
	padding: 8px;
}
.slide-list-sort{
	height: auto;
	overflow: hidden;
}
.slide-list-sort li{
	height: auto;
	overflow: hidden;
	background-color: #f2f2f3;
}
.slide-list-sort li + li{
	margin-top:1px
}
.slide-list-sort li a{
	display: block;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-image: url(../images/jt.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 26px;
}
.slide-list-sort li.on a{
	color: red;
	text-decoration: underline;
}
.onepage-content{
	height: auto;
	overflow: hidden;
	font-size: 14px;
	line-height: 2;
	padding: 20px;
}
.onepage-content img{
	max-width: 100%;
	height: auto;
}
.onepage-content.contact{
	line-height: 35px;
	background-image: url(../images/contact.webp);
	background-repeat: no-repeat;
	background-position: 100% 60%;
}
.aboutSwiper{
	height: auto;
	overflow: hidden;
	width: 562px;
	margin: 20px auto;
	position: relative;
}
.aboutSwiper .swiper{
	height: auto;
	overflow: hidden;
}
.aboutSwiper .swiper .swiper-slide{
	height: auto;
	overflow: hidden;
}
.aboutSwiper .swiper .swiper-slide .pic{
	height: auto;
	overflow: hidden;
}
.aboutSwiper .swiper .swiper-slide .pic img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.aboutSwiper .swiper-page{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 22;
}
.aboutSwiper .swiper-page .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #c7c7c7;
	overflow: hidden;
	opacity: 1;
	transition: 0.5s;
}
.aboutSwiper .swiper-page .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #ff6214;
}
.about-list-wrap{
	height: auto;
	overflow: hidden;
	padding: 20px;
}
.about-list-img{
	display: flex;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
}
.about-list-img .item{
	flex: 1;
	padding: 5px;
	box-sizing: border-box;
	display: flex;
}
.about-list-img .item .pic{
	width: 100%;
	border: 1px solid #ccc;
}
.about-list-img .item .pic img{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}