@charset "utf-8";
/* CSS Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	background:#FFF;
	color:#333;
	}  
@media (min-width: 769px) {
	body{background:url(../images/bg.jpg) repeat-x #FFF;}
	}                                      
ul, ol {
    list-style: none;
}

#etwchatbox {
    display: none;
}
@media (min-width: 769px) {
	#etwchatbox {display: block;}
	}
img {
    max-width: 100%;
    height: auto;
}

@media \0screen {
    img {
        width: auto; /* for ie 8 */
    }
}

@media (max-width: 769px) {
	.mainbody-mobile{
		width:100%;
		padding:0px;
	}
}

.slicknav_menu{
	display:block;
	background:#172C6F;
}

.slicknav_btn{
	background:#172C6F;
}

@media (min-width: 769px) {
	.slicknav_menu{
		display:none;
	}
	
}

a {
    text-decoration: none;
    color: #333;
}

h2 {
    font-size: 1.8rem;
	margin:0;
}

p{
	margin-bottom:1.5rem;
	}
.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.table{width:99%;float:left;height:auto;background:#4DA1FF;color:#333;margin-bottom:3px;}
.table tr{ background:#f5f5f5;  }
.table tr td{  padding-left:3px;}
.table tr.top{ background:#D6E6F8;} 
.indentcon{text-indent:26px;float:left}
.indent{text-indent:32px;float:left}
.indentemail{text-indent:50px;float:left}
.indentemailcon{text-indent:42px;float:left}
.email{color:#EE6A06;}
h2{font-size:18px; font-weight:normal;color:#333;line-height:25px;}
.img_right1{margin:0px auto;display:block;}
@media (min-width: 1000px) {
	.img_right1{ 
	float:right; 
	margin-left:10px; 
	margin-top:5px;
	}
}
.img_center{ 
    width:98%;
	margin:0 auto; 
	text-align:center;
	margin-bottom:5px; 
	}
.language{
	display:none; 
	padding-top:10px;
	padding-left:160px;
	font-size:10px;
	height: 53px;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.language{padding-left:60px;}
	}
.language ul{
	margin:0px;
}
	
.language ul li{
	float:left;
	margin-right: 3px;
	margin-bottom:2px;
}
.language ul li span{
	display:inline-block;
	margin: 0px 2px 0px 0px;
	*zoom:1;
}	
.language a{
	color:#CCC;
	display:block;
	padding:0px;
	}

.mobile-menu-buton{
	background: center center no-repeat transparent;
	background-image: Aluminum Profile( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}

.mobile-menu-buton-wrap{
	background:#006599;
	display:block;
	height:50px;
}
	
@media (min-width: 960px) {
	.language a{font-size:12px;}
	}
.top{
	margin:0 auto; 
	background:url(../images/header-ipad.jpg) no-repeat top;
	position:relative;
	}
@media (min-width: 769px) {
	.mobile-menu-buton-wrap{display:none;}
	.mobile-menu-buton{display:none;}
	.logo{margin-top: -20px;}
}
.logo{ 
    float:left; 
	width:153px; 
	height:87px; 
	text-align:right;
	}
	
.logo a{
	display:block;
}
	
.company{
	display:none; 
	float:left;
	line-height:17px; 
	font-weight:bold;
	color:#1F7AA6;    
	text-align:right;
	}
.topr{ display:none;float:left;  margin-top:10px;}

@media (min-width: 769px) {
	.topr{width:73%;display:block;}
	.company{width:71%;display:block;}
	.top{ background:url(../images/header.jpg) no-repeat top;}
	.language{display:block;}
	}
	
@media (min-width: 1000px) {
	.company{width:79%;}
}
	
.add{float:left;width:115px;float:right;height:20px;background:url(../images/add.jpg) no-repeat;}
.add a{padding-left:20px;display:block;color:#333;font-size:10px;line-height:18px;}
.set{float:left;width:135px;float:right;height:20px;background:url(../images/set.jpg) no-repeat;}
.set a{padding-left:20px;display:block;color:#333;font-size:10px;line-height:18px;} 
#menu{display: none;margin:0 auto;}
#menu ul{margin-top:18px;margin-bottom:0px;}
#menu ul li{float:left; text-align:center;margin:0px 1px;} 
#menu ul li a{ display:block; color:#000; line-height:25px;border-right:1px solid #AFBFCC;border:none} 
#menu ul li.b a{color:#EE6A06;}
#menu ul li.b a,#menu ul li a:hover{ display:block;color:#EE6A06;} 

@media (min-width: 769px) {
	#menu{display: block;}
	#menu ul li{width:93px;}
	}
@media (min-width: 1000px) {
	.topr{width:80%;}
	#menu{width:830px;display: block;}
	#menu ul li{width:115px;}
	#menu ul li.b a,#menu ul li a:hover{background:url(../images/menu.jpg) no-repeat;}
	}

#menu ul li.no a{ border-right:0;}
#menu ul li.no a.dqno{color:#EE6A06;background:url(../images/menu.jpg) no-repeat;}

#banner{margin:0 auto;height:154px;background:url(../images/banner.jpg) no-repeat center; border:1px solid #ccc; margin-top:5px;} 
.name{display:none;  }
@media (min-width: 550px) {
	.name{ 
	display:block;
	width:22%; 
	float:left; 
	color:#fff; 
	font-size:12px; 
	font-weight:bold; 
	margin-top:50px; 
	padding-left:15px; 
	font-style:italic;   }
	} 
 
.ttfirst{ 
   display:block;  
   font-size:14px; 
   color:#003C7F; 
   margin:10px 0px;  
   font-weight:bold;
   }
.title{ width:99%; padding-left:5px; font-weight:bold;  line-height:25px;font-family:Verdana, Geneva, sans-serif; border-bottom:1px solid #ccc; margin-top:10px; color:#010101;}

.equip img{
	border:1px solid #ccc;
	margin:0px 3px 4px 1px;
	}
.equip ul li{
	width:47%;
	float:left;
	padding:4px;
	margin:0;
	}
@media(min-width:550px){
	.equip ul li{
	width:23%;}
	}
.hz_certi img,.hz_certilast img,.hz_project img,.hz_projectbig img{
	border:1px solid #ccc;
	display:block;
	}
.hz_certi img{margin:0px auto;}
.hz_certi{width:48%;float:left;text-align:center;margin:0px 2px 10px 2px !important;_margin:0px 2px 10px 1px;}
.tall{height:280px;}
@media(min-width:768px){
	.hz_certi{width:24%;}
	}
.hz_project{width:48%;height:190px;float:left;text-align:center;margin:0px 2px 10px 3px !important;_margin:0px 2px 10px 1px;}
.hz_project img{margin:0px auto;}
.hz_projectbig{width:46%;height:auto;float:left;text-align:center;margin:0px 2px 10px 3px !important;_margin:0px 2px 10px 1px;}
.hz_projectbig img{margin:0px auto;}
@media(min-width:480px){
      .hz_project{width:32%;}
}
@media(min-width:960px){
	.hz_project{width:16%;}
	.hz_projectbig{width:32.7%;}
	}

.hz_certificate{width:99%;height:auto;float:left;}

.main_bg{background:url(../images/main.jpg) repeat-y center;}
#maintop{background:url(../images/maintop.jpg) no-repeat top;}
#main{width:95%;height:auto; margin:0 auto;overflow:hidden;padding-top:10px;}  
.hz_other{display:none;}
@media (min-width: 768px) {
	.hz_other{
		display:block;
	}
	}

.hz_other ul li{ 
     float:left; 
	 width:33%;
	 } 
@media (min-width: 800px) {
	.hz_other ul li{ width:20%;}
	}
.hz_other ul li ol{
	float:left;
	width:90%;
	padding:4px 5px 0 5px;
	border:1px solid #ccc;
	margin:0px 0px 10px 0px;
	}
.hz_other ul li ol li{
	float:left;
	width:98%;
	}
.hz_other ul li ol li.text{
	float:left;
	width:99%;
	height:auto; 
	border:0;
	}  
.hz_other ul li ol li.text a{line-height:18px; display:block;color:#003C7F; font-weight:bold;padding:3px 1px;border:none;text-decoration:underline;}
.hz_other ul li ol li.text a:hover{color:#EE6A06;text-decoration:underline;border:none;} 
.hz_other ul li ol li img{ display:block;margin:0 auto;} 
.left {
	display:none;
}
.tech_left{display:block;}
@media (min-width: 769px) {
	.left {display:block;}
	}
.left ul{margin:0px;} 
.left ul li{ width:98%; height:auto; float:left;margin:0px;  }
.left ul li a{display:block;color:#003C7F;padding:2px 0 2px 10px; line-height:17px; } 
.left ul li a.dqsmall{color:#EE6A06}
.left ul li a.dqsmall:visited{color:#EE6A06}
.left ul li a.c{ color:#EE6A06;  display:block; text-decoration:underline;} 
.left ul li.aboutdq{width:96%;font-weight:bold;float:left;color:#000;background:#D9E6EC;margin-top:5px;padding:2px 0 2px 10px;}
.left ul li.b{ width:100%;float:left;color:#fff;background:#D9E6EC; margin-top:5px;}
.left ul li.b a{ font-weight:bold; color:#003C7F;display:block;}
.left ul li.b a.dqb{ font-weight:bold;background:#013C80;color:#fff;display:block;} 
.left ul li.b a.c{  display:block; text-decoration:underline;} 
.left ul li.b a.dqb:visited{color:#fff;}
.left ul li.contact{ width:100%; height:25px; float:left; background:#013C80;margin-top:10px;} 
.left ul li.contact a{ color:#fff;line-height:20px;font-weight:bold;  } 
.left ul li.contact a:visited{color:#fff;}
.left ul li a:visited{color:#000}
.left ul li a:hover{color:#EE6A06}
#contact {height:auto; margin:0 auto;color:#343434;  font-family:Verdana, Geneva, sans-serif; font-size:11px; padding-bottom:5px; }
#contact p { line-height:16px; padding:5px 0 0 5px;}
#contact a{color:#333; }
#contact  strong {color:#003D7E;}
#bigimg{margin:0 auto; display:block;padding:2px; margin-top:15px;background:#fff;border:1px solid #999;}
#backlink{ float:right; color:#f00;width:60px;height:27px; line-height:27px; text-align:center;margin-right:10px;margin-bottom:10px;background:url(../images/back.jpg) repeat-y; }
.hz_producttitle{
	width:100%;
	color:#333;
	margin:5px 0px 5px 0px;
	border-bottom:1px dotted #ccc;
	}
.hz_producttitle a{color:#333;}
.hz_producttitle a:hover{color:#EE6A06;}

@media (min-width:769px){
 #right{ 
   border-left:1px solid #CCC;
   padding-left:12px;
    }
	}
#technology_right{height:auto; float:right; margin-top:10px; border-left:1px solid #CCC; padding-left:4px; }  
.pro{
	
	}
.pro ul { 
    margin:10px 0 5px 0;
	  }
.pro ul li { 
    float:left;
	margin-left:3px;
	width:100%;
	  }

.pro ul li ol {
	margin:0;
	
	} 
.pro ul li ol li {
	 width:22%;
	 float: left;
	}
.pro ul li ol li.big { 
    width:70%;
	float:right;
	}
@media (min-width: 550px) {
	.pro ul li ol li { width:20%;}
	.pro ul li ol li.big {width:78%;}
	}
@media (min-width: 1025px) {
    .pro ul li {width:49%;height:90px; }
	.pro ul li ol li {width:87px;height:85px;} 
	.pro ul li ol li.big { width:218px;}
	
}
.pro ul li ol li.big a {color:#00679E; line-height:15px; padding:3px 0;  display:block;  text-decoration:underline; }
.pro ul li ol li.big a:hover{color:#EE6A06; text-decoration:none;  } 
.pro ul li img {border:1px solid #ccc; padding:2px;   }  

#hz_homec{
	border-top:1px solid #E2E2E2;
	padding:8px 0px;
	}
#hz_homec p{margin-bottom:10px;}
.history{color:#EE6A06;font-weight:bold;font-size:13px;margin-bottom:6px;float:left;}
.history_content{width:92%;height:auto;float:left;margin-left:18px;}
.hz_product{
	margin:5px auto;
	}
.hz_product ul li{width:100%;height:auto; float:left;border-bottom:1px dotted #ccc;}
.hz_product ul li ol{width:100%; height:auto;float:left;margin:2px 0px 5px 0px;}
.hz_product ul li ol li{display:inline;border:none;background:url(../images/probg.jpg) no-repeat;}
.hz_product ul li ol li a{display:block;color:#BD910C;text-align:center;margin-top:4px;border:1px solid #ccc;}
.hz_product ul li ol li a img{padding:1px;vertical-align: bottom;}
.hz_product ul li ol li a:hover{border:1px solid #296AAC;}
.hz_product ul li .product_con{height:auto; padding-left:3px; margin-left:5px; border:none; margin-top:0px; text-align:left;background:none;}
@media (min-width:550px){
	.hz_product ul li{margin-bottom:5px;}
	.hz_product ul li ol li{width:75px;float: left;}
	.hz_product ul li .product_con{width:82%;float: right;}
}
@media (min-width:1200px){
	.hz_product ul li .product_con{width:550px;}
	}
.hz_product ul li .product_con a{text-align:left; color:#004B8F; display:block; border:none;text-decoration:underline;margin:0px;font-weight:bold}
.hz_product ul li .product_con a:hover{color:#EE6A06; text-decoration:underline;border:none}
.pic{float:left; width:100%;}
.pic span{float:left;width:200px;text-align:center; font-size:11px; margin:0 4px;}
.pic img{border:1px solid #ccc;}
.pic a{color:#333;}
  
.con_all{width:99%;height:auto; margin-top:5px;float:left;}  
  
.hzcontactform{color:#333;font-size:14px;margin:0px 0px 5px 0px;margin-top:8px;font-weight:bold;}
#hz_contact_left{height:auto;padding-left:5px;line-height:20px;margin-right:10px;}

@media(min-width:769px){
	#hz_contact_left{width:40%;float:left;}
	#form{width:57%;float:left;}
	}
#hz_set_feedback_form{border:1px solid #CFD8E1;text-align:center; margin:8px auto;}
#hz_form_title{width:100%;line-height:24px;float:left;background:url(../images/addtit.jpg) repeat-x #EAEFF2;font-weight:bold;text-align:left;}
.hz_form_title1{width:99%;padding-left:7px;}

#hz_form_title{width:100%;line-height:24px;float:left;background:url(../images/addtit.jpg) repeat-x #EAEFF2;font-weight:bold;text-align:left;}
#floatchatiframe2011 {
    margin: 0 auto;
    width: 90%;
}

.other_hzpro{width:99%;height:auto;float:left;font-weight:bold;color:#333;margin-top:3px;padding:2px 0px 2px 0px;}
.other_hzpro a{color:#EE6A06;font-size:13px;text-decoration:underline;}
.other_hzpro a:hover{color:#EE6A06;}
#hz_contact_feedbak{width:385px;height:auto;float:left;}
 /* sitemap */
#hz_sitemap{width:100%;float:left;margin-top:8px;margin-bottom:10px;}
#hz_sitemap ul{width:100%;}
#hz_sitemap ul li{margin-left:8px_;margin-left:4px;}
@media(min-width:769px){
	#hz_sitemap ul li{width:24%;float:left;}
	}
#hz_sitemap ul li a{color:#0000CC;text-decoration:underline;width:23%;}
#hz_sitemap ul li.hz_small_layer{float:left;width:98%;margin:8px 0px 0px 8px;}
#hz_sitemap ul li.hz_single_layer{float:left;width:98%;margin:8px 0px 0px 8px;}
#hz_sitemap ul li.hz_small_layer a{font-weight:bold;color:#0000CC}   
#hz_sitemap ul li.hz_single_layer a{font-weight:bold;color:#1F7AA6;} 
#hz_sitemap ul li a:hover{color:#EE6A06;}

a.cursorbox {cursor:pointer;*cursor:auto;_cursor:auto;cursor:Aluminum Profile(zoomin.cur)}

#footer,#xfooter{height:80px;margin:0 auto; color:#333;}
.links{width:100%;height:auto;margin:0 auto;text-align:center;line-height:18px; padding-top:8px;border-top:5px solid #CCC;display:none;}
@media (min-width: 769px) {
	.links{display:block;}
	}
@media (min-width: 1000px) {
	.links{width:911px;}
}
.links a{color:#333;}
.links a:hover{ color:#EE6A06; text-decoration:underline;}
#otherlink {
    text-align: center;
}

#otherlink div {
    text-align: center;
    display: block;
	background:#f5f5f5;
	margin-top:5px;
	padding:5px 0px;
}

#otherlink div a{
	display:block;
}

@media (min-width: 769px) {
	#otherlink {
		margin: 10px 0px;
		}
	#otherlink div {
		display:inline;
		margin-top:1px;
	    margin-left: 10px;
		background:none;
		width:auto;
	}
	
	#otherlink div a{
	display:inline-block;
	}
	
	}

.video{ 
   text-align:center;
}
.video img:hover{box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.3);}
.video a{display:block; margin-top:4px;}

.hz_leftpic{
	text-align:center;  
	}
	
.pic-grid li{
	float:left;
	margin: 0px;
	padding: 0px;
	width: 33.33333333333333%;
}

.pic-grid li .pic-warp{
	padding: 5px;
}

.pic-grid li .pic-warp a{
	display: block;
}
.pic-grid-four li{
	width: 24.9%;
}
	
@media (min-width:768px){
	.video{ width:39%;float:right;}
	.hz_leftpic{width:60%;float:left;text-align:left;}
	.pic-grid-two li{width: 49%;}
	
}
.hz_leftpic img{border:1px solid #ccc;}
.hz_leftpic img:hover{box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.3);}

.con_all{width:100%;height:auto;display:block;margin-top:5px;text-align:left;float:left;}
.con_all1{
	display:none;
	}
@media (min-width:769px){
	.con_all1{display:block;text-align:right;}
}

.hz_otherttitle{
	display:none;
	font-weight:bold;
	color:#000;
	margin-top:15px;
	margin-bottom:5px;
	background:url(../images/otherbg.jpg) repeat-x;
	border:1px solid #ccc;
	padding:1px 0px 1px 3px;
	}
.hz_otherttitle a{color:#333;font-size:13px;}
.hz_otherttitle a:hover{color:#2158AA;}
.hz_otherpro{display:none;}

@media (min-width: 768px) {
	.hz_otherttitle{display:block;}
	.hz_otherpro{display:block;}
	}
	
.hz_otherpro ul li{
	float:left;
	width:24.9%;
}

.hz_otherpro ul li{
	margin:0px 0px 12px 0px;
}

.hz_otherpro_wrap{
	padding:0px 2px 0px 2px;
}

.hz_otherpro_subwrap{
	border:1px solid #E4E4E4;
	padding: 5px;
}

.hz_otherpro ul li p{padding-bottom:8px;}  
.hz_otherpro ul li a{
	display:block;
	color:#0066CD;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:3px;
}

.hz_otherpro ul li a:hover{
	color:#FF7200;
	text-decoration:
	underline;
}

.hz_otherpro ul li img{
	display:block;
	margin:0 auto;
}
#footerin{height:87px;margin:0px auto;padding-top:10px;border-top:5px solid #CCC;margin:0px 8px;}
@media (min-width: 769px) {
	#footerin{display:block;}
	}
@media (min-width: 1000px) {
	#footerin{width:911px;}
}

#hz_footer_menu,#hz_footer_nav{
	display:none;
	height:auto;
	text-align:left;
	color:#333;
	padding:0px 0px 0px 5px;
	}
#hz_footer_nav{padding-top:5px;}
#hz_footer_menu a,#hz_footer_nav a{color:#333;height:17px;margin:0px 1px;}
#hz_footer_menu a:hover,#hz_footer_nav a:hover{color:#EE6A06;text-decoration:underline;}
@media (min-width: 769px) {
	#hz_footer_menu,#hz_footer_nav{
		display:block;
		}
	}


/*Trade*/
#hz_productlist {
	display:none;
}
@media (min-width: 769px) {
	#hz_productlist {display:block;}
	}
#hz_productlist ul {
    margin:0px;
	padding:0px;
}
#hz_productlist ul li {
    border-bottom: 1px solid #ccc;
	
}
#hz_productlist ul li a {
    color: #333;
    display: block;
    line-height: 16px;
    padding-left: 2px;
}
#hz_productlist ul li a:hover {
    color: #0075c1;
    text-decoration: underline;
}
#hz_tradeindex {
	display:none;
    width: 180px;
}
@media (min-width: 769px) {
	#hz_tradeindex {display:block;}
	}
#hz_tradeindex ul {
    width: 100%;
}
#hz_tradeindex ul li a:hover {
    color: #000;
    text-decoration: underline;
}

#hz_tradepro ul li {
	margin:0px;
	padding:0px;
}
#hz_tradepro ul li ol {
    float: left;
    height: auto;
    margin: 2px 0 5px;
    width: 100%;
}
#hz_tradepro ul li ol li {
    float: left;
    height: auto;
    width: 82px;
}
#hz_tradepro ul li ol li img{
	vertical-align: bottom;
	}
#hz_tradepro ul li ol li a {
    border: 1px solid #ccc;
    color: #333;
    display: block;
    margin-top: 4px;
    text-align: center;
}
#hz_tradepro ul li ol li a:hover {
    border: 1px solid #296aac;
}
#hz_tradepro ul li .tradecontent {
    float: left;
    height: auto;
    margin-left: 5px;
    margin-top: 0;
    padding-left: 3px;
    width: 60%;
}
@media (min-width:980px) {
	#hz_tradepro ul li .tradecontent{width: 85%;}
	}
#hz_tradepro ul li .tradecontent a {
    border: medium none;
    color: #000;
    display: block;
    margin: 0;
    text-align: left;
    text-decoration: underline;
}
#hz_tradepro ul li .tradecontent a:hover {
    border: medium none;
    text-decoration: none;
}

.trade_detailspic {
    border: 1px solid #ccc;
    float: left;
    height: auto;
    margin-top: 10px;
    text-align: center;
    width: 270px;
}
.trade_detailspic img {
    border: medium none;
    display: block;
    margin: 0 auto;
    padding: 10px;
}
#trade_relatedpro img {
    border: 1px solid #ccc;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}
.trade_detail_title {
    border-bottom: 1px solid #ccc;
    color: #333;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 5px;
    width: 98%;
}
.trade_text {
    float: left;
    padding: 10px 0;
    width: 97%;
}
.trade_text ul,.trade_text ul li{
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
	}

#tradedetails_pro {
    float: left;
    height: auto;
    margin: 10px auto;
    width: 99%;
}

#tradedetails_pro ul li {
    float: left;
    height: auto;
    width: 100%;
	margin:0px;
	padding:0px;
}
@media (min-width: 1000px) {
	#tradedetails_pro ul li {width: 49%;}
	}
#tradedetails_pro ul li ol {
    float: left;
    height: auto;
    margin: 2px 0 5px;
    width: 100%;
}
#tradedetails_pro ul li ol li {
    width: 82px;
}
#tradedetails_pro ul li .detailscon {
    float: left;
    height: 90px;
    overflow: hidden;
    padding-left: 6px;
    width: 68%;
}
#tradedetails_pro ul li .detailscon a {
    display: block;
    text-decoration: underline;
}
#tradedetails_pro ul li .detailscon a:hover {
    color: #296aac;
}
#tradedetails_pro ul li ol li img {
    border: 1px solid #ccc;
}