@charset "utf-8";
 body,form,input,select,textarea,ul{margin:0;padding:0;font-size:14px;}

/*Products Big Pic list*/
.piclist{margin-left:0px;margin-top:0px;width:210px; height:auto;overflow:hidden; float:left;overflow:hidden;}
.piclist li{ float:left; display:inline; margin-bottom:12px;padding-right:15px;border:0px solid #ddd;}
.piclist li img{ border:0px #dddddd solid;width:45px;height:45px}
.piclist li a:hover{ background:#f00;border:0px #fff solid;}

/*Products small Pic list*/
.piclist2{ width:684px; height:auto;float:right;overflow:hidden;text-align:center;z-index:1;margin-left:0px; margin-top:10px;}
.piclist2 li{ float:left; text-align:center;display:inline; padding:10px 10px 0px 10px;margin-bottom:12px;margin-top:0px;width:140px!important;width:140px;height:auto;margin-left:11px;border:0px #dedede solid;background:#f4f4f4;}
.piclist2 li img{ border:0px #dddddd solid;text-align:center;width:140px;height:85px;padding-bottom:0px;line-height:105px;vertical-align:middle;cursor:pointer;display:table-cell;}
.piclist2 li span{ float:left;width:140px;margin-top:5px;height:5px;}
.piclist2 li p{ float:left;width:140px;margin-top:5px;height:25px;}
.piclist2 li .btn{ float:left;width:140px;margin-top:5px;padding-top:4px;height:20px;background:url(/img/bt01.gif) 33px no-repeat;}
.piclist2 li .btn:hover{ float:left;width:140px;margin-top:5px;padding-top:4px;height:20px;background:url(/img/bt02.gif) 35px no-repeat;color:#FFF;font-weight:normal}

/*HC Products small Pic list*/
.piclist3{margin-left:0px;margin-top:0px;width:725px; height:auto;overflow:hidden; float:left;}
.piclist3 li{ float:left;width:160px;height:122px;display:inline; margin-bottom:12px;padding-right:21px;border:0px solid #ddd;}
.piclist3 li img{ float:left;border:0px #dddddd solid;width:160px;height:92px;}
.piclist3 li a:hover{ color:#006699;}
.piclist3 li span{ float:left;text-align:center;width:160px;height:30px;line-height:30px;background:#f4f4f4;}

/*HC Products small Pic list*/
.piclist4{margin-left:0px;margin-top:0px;width:725px; height:auto;overflow:hidden; float:left;}
.piclist4 li{ float:left;width:226px;height:160px;display:inline; margin-bottom:12px;padding-right:11px;border:0px solid #ddd;}
.piclist4 li img{ float:left;border:0px #dddddd solid;width:226px;height:130px;}
.piclist4 li a:hover{ color:#006699;}
.piclist4 li span{ float:left;text-align:center;width:226px;height:30px;line-height:30px;background:#f4f4f4;}
.piclist4 li p{text-align:center;background:#f4f4f4;width:226px;}

/*HC wuliao gongyi Pic list*/
.piclist5{ float:left;margin-left:0px;margin-top:0px;width:720px; height:auto;}
.piclist5 li{ float:left;width:710px;height:80px;margin-bottom:12px;border-bottom:dotted 1px #CCCCCC;}
.piclist5 li img{ float:left;width:60px;height:60px;margin:10px;margin:0 0 10px 0;}
.piclist5 li h2{ float:left;width:610px;height:20px;line-height:20px;padding-left:80px;margin:0 0 0 10px;font-size:16px;color:#FF0000;font-weight:bold;}
.piclist5 li a:hover{ color:#006699;}
.piclist5 li span{ float:left;width:630px;height:50px;padding-left:80px;margin:0 0 0 10px;line-height:25px;}

.list-paddingleft-2{margin-left:0px;margin-top:0px;width:725px;height:auto;overflow:hidden; float:left;}
.list-paddingleft-2 li{ float:left;width:226px;height:auto;display:inline; margin-bottom:12px;padding-right:11px!important;padding-right:7px;border:0px solid #ddd;}
.list-paddingleft-2 li img{ float:left;border:0px #dddddd solid;width:226px!important;width:216px;height:130px;}
.list-paddingleft-2 li a:hover{ color:#006699;}
.list-paddingleft-2 li span{ float:left;text-align:center;width:226px;height:30px;line-height:30px;background:#f4f4f4;}

/*area list*/
.area {width:100%;height:auto;}
.area dl{width:100%;height:auto;}
.area dl dd{float:left;width:28%;height:30px;line-height:30px;background:url(../images/ring.png) 0px 10px no-repeat;padding-left:15px;}

/*News small list*/
.newslist{ float:left;list-style:none;padding-left:0px;margin-left:0px;margin-top:5px; width:99%; height:auto; padding:0px 0px 0px 0px;}
.newslist li{float:left;overflow:hidden;list-style:none;width:100%; height:35px; line-height:35px; text-align:left; background:url(dian.gif) no-repeat 10px 50%;border-bottom:1px dotted #dedede;}
.newslist li:hover{background:#FF0000;}
.newslist li a:link{ float:left; display:inline;text-decoration:none; margin-left:20px;font-size:14px;color:#605f5f}
.newslist li a:visited{ color:#605f5f;margin-left:20px;}
.newslist li a:hover{ color:#fff;}
.newslist li span{ float:right;padding-right:5px;color:#d8d9d9;font-size:10px;}
.newslist li .date{ float:right;padding-right:5px;}
.newslist .tit{float:left;width:100%; height:25px; line-height:25px; text-align:left; font-size:10px;color:#000;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
/*News small list*/
.newslistw{float:left;list-style:none;padding-left:0px;margin-left:0px;margin-top:5px; width:280px; height:auto; overflow:hidden;}
.newslistw li{float:left;list-style:none;width:100%; padding-top:5px;height:25px; line-height:25px; text-align:left; background:url(dian.gif) no-repeat 10px 50%;border-bottom:1px dotted #dedede;padding-left:0px;margin-left:0px}
.newslistw li a{ float:left; display:inline;text-decoration:none; margin-left:0px;font-size:17px;color:#396fd3;}
.newslistw li a:visited{ color:#093866;}
.newslistw li span{ float:right; display:inline;padding-right:5px;}
.newslistw li .date{ float:right;display:inline;padding-right:5px;}
.newslistw .tit{float:left;width:100%; height:auto; line-height:25px; padding-bottom:5px;text-align:left;font-size:10px;font-family:Arial;}

/*news big list*/
.nlist{float:left;width:95%; height:auto; overflow:hidden; margin:0; margin-bottom:10px;list-style:none}
.nlist li { float:left;text-align:left;width:44%; height:28px; margin:2px 8px 4px 0px ;line-height:28px; font-size:14px; background:url(../images/arrow.gif) no-repeat left 50%; border-bottom:1px dashed #dddddd;list-style:none}
.nlist li a{ float:left; margin-left:8px;}
.nlist li span{ float:right;color:#1d4fa1;font-size:12px;}

/*news big list 2*/
.clist{float:left;width:100%; height:auto; overflow:hidden; margin:0; margin-bottom:10px;list-style:none}
.clist li { float:left;text-align:left;width:98%; height:auto; margin:0.1em;line-height:25px; border-bottom:1px dashed #dddddd;list-style:none}
.clist h2{float:left;width:100%; height:auto; line-height:20px;text-align:left;font-size:14px;color:red;}
.clist h2 a{float:left;padding-left:10px;font-size:16px;color:red;font-weight:bold;background:url(../images/arrow.gif) no-repeat left 50%;}
.clist li span{ clear:both;float:right;color:#333;font-size:12px;}
.clist li span.zhaiyao{ float:left;margin:0 0 0 10px;width:99%; height:auto;font-size:14px; }


/*links css*/
.links{width:980px; height:auto; overflow:hidden; border:1px #dddddd solid;}
.links li{ float:left;text-align:left;width:80px; height:25px; margin:2px 8px;line-height:25px; font-size:14px; background:url(icon02.gif) no-repeat left 50%; border-bottom:1px dashed #dddddd;list-style:none}
.links li a{ float:left; margin-left:8px;}
.newstitle{float:left; width:98%; height:48px; line-height:48px; text-align:center; overflow:hidden; border-bottom:1px #999999 dotted; background:#FFFFFF;font-size:20px;font-weight:bold;color:#FF0000;}
.newsdate{float:left; width:100%; height:28px; line-height:28px; background:#FFFFFF;text-align:center; overflow:hidden; font-size:10px;color:#999;}
.newscontent{float:left; width:98%; background:#FFF;height:auto;overflow:hidden;font-size:15px;line-height:25px;color:#000;TEXT-JUSTIFY: inter-ideograph;TEXT-ALIGN: justify;margin:20px 0 0 0; }
.newszhaiyao{float:left; width:95%; background:#f0f0f0;height:auto;overflow:hidden;font-size:14px;line-height:25px;color:#000;TEXT-JUSTIFY: inter-ideograph;TEXT-ALIGN: justify; padding:15px;margin-bottom:20px}
.newscontent p{float:left; width:98%; margin:5px auto; line-height:25px; margin-top:10px;}
#footer{ margin-top:10px; margin-left:auto; margin-right:auto; width:980px; line-height:2em; padding-bottom:10px;}

/*more*/
.more{ float:right; display:inline; margin-right:10px;}
.more a:link,.more a:visited{ color:#888888;}
.more a:hover{ color: #F90; }

.page {
	margin:0 auto;width:100%;HEIGHT: auto;CLEAR: both;  FONT-SIZE: 14px; LINE-HEIGHT:24px;FONT-FAMILY: Arial, Helvetica, sans-serif; margin-top:10px;
}
.page A {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; margin-bottom:5px;BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px;color:#000;border:1px solid #dedede
}

.page A:hover {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; margin-bottom:5px;BACKGROUND: #dedede; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px;color:#000;
}

.page A.now {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; margin-bottom:5px;BACKGROUND: #e9e9e9; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px;color:#000;border:0px solid #dedede;
}

.pageNav {
	width:99%;HEIGHT: auto;CLEAR: both; PADDING-LEFT: 20px; FONT-SIZE: 14px; MARGIN: 18px 0px; LINE-HEIGHT:30px;FONT-FAMILY: Arial, Helvetica, sans-serif; 
}
.pageNav A {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; margin-bottom:5px;BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px;
}
.pageNav STRONG {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px
}
.pageNav SPAN {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px
}
.pageNav A {
	BORDER-RIGHT: #ccdbe4 1px solid; BORDER-TOP: #ccdbe4 1px solid; BORDER-LEFT: #ccdbe4 1px solid; LINE-HEIGHT: 22px; BORDER-BOTTOM: #ccdbe4 1px solid; HEIGHT: 25px
}
.pageNav SPAN {
	BORDER-RIGHT: #ccdbe4 1px solid; BORDER-TOP: #ccdbe4 1px solid; BORDER-LEFT: #ccdbe4 1px solid; LINE-HEIGHT: 22px; BORDER-BOTTOM: #ccdbe4 1px solid; HEIGHT: 20px
}
.pageNav A.f12 {
	FONT-SIZE: 12px
}
.pageNav STRONG.f12 {
	FONT-SIZE: 12px
}
.pageNav SPAN {
	FONT-SIZE: 12px
}
.pageNav A:hover {
	TEXT-DECORATION: none
}
.pageNav STRONG {
	LINE-HEIGHT: 24px; HEIGHT: 22px
}
.pageNav .mor {
	FLOAT:right;BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 21px; PADDING-TOP: 0px; HEIGHT: 21px; BORDER-RIGHT-WIDTH: 0px
}
.pageNav .na {
	COLOR: #dbe1e6
}

@media (max-width:640px){

.newscontent p{}
.newstitle{margin:0 auto; width:98%; height:auto;}
.newslist{width:98%;margin:1%;}

.piclist2{ float:left;width:100%; height:auto;overflow:hidden;text-align:center;z-index:1;margin-left:0px; margin-top:0px;}
.piclist2 li{ float:left; text-align:center;padding:0px 0px 0px 0px;width:45%!important;width:45%;height:auto;margin-top:0px;margin-right:1%;border:0px #dedede solid;background:#fff;}
.piclist2 li img{ border:0px #dddddd solid;text-align:center;width:100%!important;width:100%;height:auto;padding-bottom:0px;cursor:pointer;}
.piclist2 li span{ float:left;width:100%;margin-top:5px;height:5px;}
.piclist2 li p{ float:left;width:100%;margin-top:5px;height:25px;}
.piclist2 li .btn{ float:left;width:100%;margin-top:5px;padding-top:4px;height:20px;background:url(/img/bt01.gif) 33px no-repeat;}
.piclist2 li .btn:hover{ float:left;width:100%;margin-top:5px;padding-top:4px;height:20px;background:url(/img/bt02.gif) 35px no-repeat;color:#FFF;font-weight:normal}

.piclist4{loat:left;margin:0;width:100%;height:auto;overflow:hidden;}
.piclist4 li{ float:left;width:44%;height:auto; margin-bottom:12px;padding-right:1%;border:0px solid #ddd;}
.piclist4 li img{ float:left;border:0px #dddddd solid;width:98%;height:auto;}
.piclist4 li a:hover{ color:#006699;}
.piclist4 li span{ float:left;text-align:center;width:100%;height:30px;line-height:30px;background:#f4f4f4;}
.piclist4 li p{text-align:center;background:#f4f4f4;width:100%;}

.piclist5{ float:left;margin-left:0px;margin-top:0px;width:98%; height:auto;}
.piclist5 li{ float:left;width:98%; height:auto;margin-bottom:12px;border-bottom:dotted 1px #CCCCCC;}
.piclist5 li img{ float:right;width:20%;height:60px;margin:10px;margin:0 0 10px 0;}
.piclist5 li h2{ float:right;width:75%;height:auto;line-height:20px;padding-left:1%;margin:0 0 0 1%;font-size:16px;color:#FF0000;font-weight:bold;}
.piclist5 li a:hover{ color:#006699;}
.piclist5 li span{ float:right;width:75%;height:auto;padding-left:1%;margin:0 0 0 1%;line-height:25px;}

.list-paddingleft-2{margin-left:0px;margin-top:0px;width:100%;height:auto;overflow:hidden; float:left;}
.list-paddingleft-2 ul{margin-left:0px;margin-top:0px;width:100%;height:auto;overflow:hidden; float:left;}
.list-paddingleft-2 ul li{float:left;width:42%;height:auto;display:inline; margin-bottom:12px;padding-right:1%;border:0px solid #ddd;}
.list-paddingleft-2 ul li p{float:left;width:100%;height:auto;display:inline; }
.list-paddingleft-2 ul li p img{float:left;border:0px #dddddd solid;width:100%;height:auto;}
.list-paddingleft-2 ul li p a:hover{color:#006699;}
.list-paddingleft-2 ul li p span{float:left;text-align:center;width:100%;height:auto;line-height:30px;background:#f4f4f4;}

}