@charset "utf-8";
/* reset */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,a,big, em,font,strong,tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,caption, tbody, tfoot, thead, tr, th, tdinput{ padding: 0; margin: 0; }
img{ border:0px;}
*{margin:0;padding:0;list-style-type:none;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
:focus{outline:0;}
label{cursor:pointer;}
img{vertical-align:middle;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
h1{font-size:16px;}h2,h3,h4{font-size:14px;}h5,h6{font-size:12px;}
abbr,acronym{border:0;font-variant:normal}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
ul{list-style:none;}
li{ list-style:none; color:#454545; font-family:""; font-size:12px;}
a{font-size:12px; color:#000000;text-decoration:none;}
a,img{border:0;}
/* Global style */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}


/*header*/
.header{ width:100%; height:auto; overflow:hidden;}
.top{ width:100%; background-color:#f8f9fa;}
.top_link{ width:1220px; height:64px; margin:0 auto;}
.top_link a{ float:right; display:block; margin:9px 7px; text-align:center; width:26px; height:26px; background-color:#fff;display:block;-moz-box-shadow: 0 0 3px #888;-webkit-box-shadow: 0 0 3px #888;box-shadow: 0 0 3px #888; border-radius:20px;}
.top_link a img{ margin:2px;}
/*menu*/
.index_menu{ width:100%; height:95px; border-top:3px solid #3eabee;/*-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:  0px 0px 10px #ccc; */border-bottom:1px solid #e6e6e6}
.menu_container{width:1220px;margin:0 auto;}
.logo{ float:left; padding:15px;}
.menu{ float:right;}
.menu ul{ float:left;}
.menu ul li{ float:left; max-width:145px;}
.menu ul li a{ display:block; padding:20px 30px; color:#000; text-align:center;color:#1a1a1a}
.menu ul li a span{display:block; font-family:"微软雅黑"; font-size:14px; line-height:24px; }
.menu ul li a font{display:block;font-family:"微软雅黑"; text-transform:uppercase;font-size:14px;line-height:24px;text-align:center;}
.menu ul li a:hover{ background-color:#3eabee; color:#fff;}
.hover_on{background-color:#3eabee; color:#fff;}
.hover_on font{ color:#fff;}
.hover_on span{ color:#fff;}
.home_icon{ width:45px; display: block;text-align:right;background:url("../images/home_icon.png")/*tpa=http://www.hzasion.com/images/home_icon.png*/ left no-repeat;font-family:"微软雅黑"; font-size:14px; line-height:24px;}
.home_icon_blue{color:#1a1a1a; width:45px; display: block;text-align:right;background:url("../images/home_icon_blue.png")/*tpa=http://www.hzasion.com/images/home_icon_blue.png*/ left no-repeat;font-family:"微软雅黑"; font-size:14px; line-height:24px;}
.menu ul li:hover .home_icon_blue{ color:#fff;background:url("../images/home_icon.png")/*tpa=http://www.hzasion.com/images/home_icon.png*/ left no-repeat;}

.icon{ float:right; padding-top:28px; margin-left:20px;}
.icon a{ display:block; width:47px; height:47px; float:left; background:url("../images/icon.jpg")/*tpa=http://www.hzasion.com/images/icon.jpg*/ no-repeat; margin-left:4px;}
.icon a.search{ background-position:right;}
footer

.footer{ width:100%; float:left; height:auto; overflow:hidden;position:relative; z-index:1;}
.map{ width:360px; height:360px; float:right; margin-top:15px;}

.leaved_words{ width:1190px; margin:0 auto; height:auto; overflow:hidden; margin-top:50px;}
.leaved_name,.leaved_email,.leaved_qq,.leaved_tel,.leaved_need{ width:370px; height:44px; line-height:44px; color:#999; border-bottom:1px solid #ccc; float:left; margin-bottom:70px;font-family: Arial, Helvetica, sans-serif,"微软雅黑"; font-size:12px; text-transform:uppercase;}
.leaved_name,.leaved_email,.leaved_tel{ margin-right:30px;}
.leaved_need{ width:770px;}
.tit_left{ float:left; padding-right:20px;}
.leaved_txt,.leaved_txt1{float:left; width:250px;color:#999; border:none; height:24px; padding:10px 0;line-height:24px; }
.leaved_txt1{width:600px;}
.leaved_sumit{ width:770px;margin:0 auto; padding-top:50px; text-align:center;}
.foot_bottom{ width:100%; height:738px; background:url("../images/bottombj.jpg")/*tpa=http://www.hzasion.com/images/bottombj.jpg*/ center no-repeat;}
.foot_link{ width:350px; margin:0 auto; padding-top:480px; height:166px; }
.foot_link ul{height:65px;}
.foot_link ul li{ width:60px; height:60px; float:left; margin: 0 5px; background:url("../images/bottom_linkbj.png")/*tpa=http://www.hzasion.com/images/bottom_linkbj.png*/ center no-repeat;transition:all 1s;-ms-transition:all 1s;/* IE */-moz-transition:margin-top 1s; /* Firefox 4 */-webkit-transition:all 1s; /* Safari and Chrome */-o-transition:all 1s; /* Opera */}

.foot_link ul li a{ display:block; text-align:center; padding:12px;}
.foot_link ul li:hover{ margin-top:5px;}
/*img{-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}*/
.to_top{width:350px;text-align:center; height:50px;padding-top:20px;}


.coopright{ width:1210px;  margin:0 auto;height: auto; overflow:hidden; padding-top:30px; font-family:"微软雅黑"; font-size:14px;}
.coopright_phone{ float: left; background:url("../images/icon_phnoe.jpg")/*tpa=http://www.hzasion.com/images/icon_phnoe.jpg*/ left center no-repeat; padding-left:20px; margin-right:50px;}
.coopright_email{ float: left; background:url("../images/icon_email.jpg")/*tpa=http://www.hzasion.com/images/icon_email.jpg*/ left center no-repeat; padding-left:20px;}
.coopright_email a{font-family:"微软雅黑"; font-size:14px;}
.coopright_txt{ height:50px; line-height:50px; width:100%; text-align:center; float:right;font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.coopright_menu{ float:right;}
.coopright_menu ul{ height:90x;}
.coopright_menu ul li{ float:left; max-width:115px;}
.coopright_menu ul li a{ display:block; padding:0 10px; line-height:30px;  color:#000;font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;font-size:14px;line-height:24px;text-align:center;}
.coopright_menu ul li a:hover{ color:#3eabee;}


/*banner图片*/
.about_banner{width:100%;height:600px;}
.about_banner .DB_bgSet{position:relative;}
.about_banner .DB_bgSet li{position:absolute;width:100%;height:600px;display:none;}
.about_banner .DB_imgSet{position:absolute;width:100px;left:50%;margin-left:-500px;}
.about_banner .DB_imgSet .DB_3_1{position:absolute;left:550px;top:90px;}
.about_banner .DB_imgSet .DB_3_2{position:absolute;left:550px;top:210px}
.about_banner .DB_imgSet .DB_3_3{position:absolute;left:730px;top:320px}

/*about*/
.about_container{width:100%; height: auto; overflow:hidden;}
.about_container .company{ width:1180px; margin:0 auto; height:auto; background:url("../images/about_usbj.jpg")/*tpa=http://www.hzasion.com/images/about_usbj.jpg*/ right no-repeat;}
.about_container .about_tit1{ width:1000px;height:100px; padding-top:30px;}
.about_container .about_txt{font-family:"微软雅黑"; font-size:14px; color:#424242; line-height:24px; padding-right:330px;}
.about_cont{width:1000px;margin:0 auto; height:556px; margin-top:50px;}
.img_left,.img_right{ width:247px; height:578px; float:left;}
.img_right{ opacity:1;transition:all 1s;
-moz-transition:all 1s; /* Firefox 4 */
-webkit-transition:all 1s; /* Safari and Chrome */
-o-transition:all 1s; /* Opera */
-ms-transition:all 1s; /*IE */
}
.img_right:hover{opacity:0.8;
-moz-box-shadow:inset 0px 0px 300px #b1b1b1;
-webkit-box-shadow:inset 0px 0px 300px #b1b1b1;
box-shadow: inset 0px 0px 300px #b1b1b1; }
.img_right span{ display:block;font-family:"微软雅黑"; font-size:12px;padding:55px 35px; line-height:20px;}


.company_img{width:100%; height: auto; overflow:hidden; margin-top:50px;}
.about_tit2{width:1000px; margin:0 auto; height:208px; text-align:center;}
.company_img_con{width:100%; height:520px;margin-top:50px; position: static;}
.company_words{width:1000px; margin:0 auto;height: auto; overflow:hidden; text-align:center; background:url("../images/about_words.jpg")/*tpa=http://www.hzasion.com/images/about_words.jpg*/ center no-repeat;}
.company_words span{display:block; padding:40px 0;font-family:"微软雅黑"; font-size:15px; line-height: 22px; color:#666;}

/*services*/
.services_banner{width:100%;height:600px;}
.services_banner .DB_bgSet{position:relative;}
.services_banner .DB_bgSet li{position:absolute;width:100%;height:600px;display:none;}
.services_banner .DB_imgSet{position:absolute;width:100px;left:50%;margin-left:-500px;}
.services_banner .DB_imgSet .DB_3_1{position:absolute;left:40px;top:115px;}
.services_banner .DB_imgSet .DB_3_2{position:absolute;left:40px;top:240px}
.services_banner .DB_imgSet .DB_3_3{position:absolute;left:230px;top:350px}
.services_banner .DB_imgSet .DB_3_4{position:absolute;left:530px;top:0px}
.services_container{width:100%;height: auto; overflow:hidden;}
.service_con1,.service_con2,.service_con3,.service_con4,.service_con5,.service_con6,.service_con7,.service_con8{ width:100%; float:left;height:680px; position:relative;}
.service_con2,.service_con4,.service_con6,.service_con8{ background-color:#3eabee;}
.s_con1,.s_con2,.s_con3,.s_con4,.s_con5,.s_con6,.s_con7,.s_con8{width:1170px; margin:0 auto;height:460px; position:relative;}
.service_tit{width:1000px;margin:0 auto; position:relative;height:170px; text-align:center; margin-top:50px;}
.service_topicon{ width:74px;  height:34px; display:block;position: absolute; top:-2px; left:50%; margin-left:-37px; background:url("../images/ser_topicon.png")/*tpa=http://www.hzasion.com/images/ser_topicon.png*/ top center no-repeat;}
/*.service_tit:first-child { margin-top:0;}*/
.services_txt{ width:100%; height:460px;}
.services_txt dl{display: block;}
.services_txt dl dt{float:left;height:45px;}
.services_txt dl dd{display: block;height:45px; font-family:"微软雅黑"; font-size:20px; line-height:45px; color:#9b9b9b;}
.s_con1{ background:url("../images/serimg01.png")/*tpa=http://www.hzasion.com/images/serimg01.png*/bottom center no-repeat; }
.s_con2{ background:url("../images/serimg02.png")/*tpa=http://www.hzasion.com/images/serimg02.png*/bottom center no-repeat; }
.s_con3{ background:url("../images/serimg03.png")/*tpa=http://www.hzasion.com/images/serimg03.png*/bottom center no-repeat; }
.s_con4{ background:url("../images/serimg04.png")/*tpa=http://www.hzasion.com/images/serimg04.png*/bottom center no-repeat; }
.s_con5{ background:url("../images/serimg05.png")/*tpa=http://www.hzasion.com/images/serimg05.png*/bottom center no-repeat; }
.s_con6{ background:url("../images/serimg06.png")/*tpa=http://www.hzasion.com/images/serimg06.png*/bottom center no-repeat; }
.s_con7{ background:url("../images/serimg07.png")/*tpa=http://www.hzasion.com/images/serimg07.png*/bottom center no-repeat; }
.s_con8{ background:url("../images/serimg08.png")/*tpa=http://www.hzasion.com/images/serimg08.png*/bottom center no-repeat; }
.txt_left{ float:left; padding-left:100px; padding-top:100px;}
.txt_right{ float:right; padding-right:100px; padding-top:100px;}

.s_con2 .services_txt dl dd,
.s_con4 .services_txt dl dd,
.s_con6 .services_txt dl dd,
.s_con8 .services_txt dl dd{ color:#FFF;}



/*contact*/
.contact_banner{width:100%;height:600px;}
.contact_banner .DB_bgSet{position:relative;}
.contact_banner .DB_bgSet li{position:absolute;width:100%;height:600px;display:none;}
.contact_banner .DB_imgSet{position:absolute;width:100px;left:50%;margin-left:-500px;}
.contact_banner .DB_imgSet .DB_3_1{position:absolute;left:0;top:115px;}
.contact_banner .DB_imgSet .DB_3_2{position:absolute;left:0;top:240px}
.contact_banner .DB_imgSet .DB_3_3{position:absolute;left:180px;top:350px}
.contact_banner .DB_imgSet .DB_3_4{position:absolute;left:550px;top:64px;}

.contact_container{width:100%; height: auto; overflow:hidden;}
.contact_tit,.contact_way{width:1000px; margin:0 auto; height: auto; overflow:hidden;text-align:center;}
.contact_way{width:870px; margin:0 auto;  margin-top:40px;}
.contact_way ul{}
.contact_way ul li{ float:left; width:280px; height:130px; background:#3dabee; margin:0 5px 10px 5px;font-family: Arial, Helvetica, sans-serif,"微软雅黑"; font-size:12px; color:#fff; position:relative;}
.contact_way .cooperation{ background-position:0 50px;}
.contact_way ul li span{ display:block; padding:75px 10px 0 10px; text-align:center; line-height:20px;-moz-transition:text-shadow 0.1s;-ms-transition:text-shadow 0.1s;-moz-transition:text-shadow 0.1s; /* Firefox 4 */-webkit-transition:text-shadow 0.1s; /* Safari and Chrome */-o-transition:text-shadow 0.1s; /* Opera */}
.contact_way ul li span a{ color:#fff;}
.contact_way ul li:hover span{ text-shadow:0 1px 1px #000; cursor: default;}
.way_libj{ width:30px; height:30px; position:absolute; left:130px; top:30px; background:0px 0px; background:url("../images/icon_contact.png")/*tpa=http://www.hzasion.com/images/icon_contact.png*/ center no-repeat; background-position:0px 0px}
.contact_map{width:100%; height:440px; margin-top:50px;}




/*case*/
/*case_banner图片*/
.case_banner{width:100%;height:600px;position:relative;overflow:hidden;}
.case_banner .DB_bgSet{position:relative;}
.case_banner .DB_bgSet li{position:absolute;width:100%;height:600px;display:none;}
.case_banner .DB_imgSet{position:absolute;width:100px;left:50%;margin-left:-500px;}
.case_banner .DB_imgSet .DB_3_1{position:absolute;left:0;top:92px;}
.case_banner .DB_imgSet .DB_3_2{position:absolute;left:0;top:202px}
.case_banner .DB_imgSet .DB_3_3{position:absolute;left:0;top:282px}
.case_banner .DB_imgSet .DB_3_4{position:absolute;left:420px;top:0}

.case_container{width:1200; height: auto; overflow:hidden;}
.case_tit{width:1000px; margin:0 auto; height: auto; overflow:hidden;text-align:center;}
/* main */
.casemain{width:1200px;margin:0 auto;}

.ProductList{overflow:hidden;top:50px; padding-bottom:50px;}
.ProductList li{float:left;margin-right:42px;width:380px;height:330px; margin:0 10px;overflow:hidden;-moz-transition:all 2s; /* Firefox 4 */
-webkit-transition:all 2s; /* Safari and Chrome */
-o-transition:all 2s; /* Opera */
-ms-transition:all 2s; /* IE */
-khtml-transition:all 2s; /* konqueror */
}

.ProductList li:hover{ background-color:#3eabee;}
.ProductList li:hover .view .right{background-color:#fff; color:#000}
.ProductList li:hover .view .look{background-color:#102662; color:#000}
.ProductList li:hover .view .left{ color:#fff}
.ProductList li:hover .view .name{ color:#fff}
.ProductList .unit{position:relative;z-index:4;height:330px;}
.ProductList .images{display:block;height:260px;width:360px;overflow:hidden; margin:0 auto; margin-top:10px;z-index:9px;}
.view{position:absolute;z-index:500;left:50%; margin-left:-177px; top:260px;width:360px;height:45px;font-size:12px;font-family: "微软雅黑"; padding-top:15px;line-height:24px;}
.view .name{float:left;}
.view .left{ float:right;padding-left:10px; cursor: default}
.view .right{ float:right;background-color:#3eabee;color:#fff;display:block;height:24px;line-height:24px; padding:0 20px;text-align:center;  border-radius:3px; margin-left:10px;}
.view .look{ float:right;background-color:#102662;color:#fff;display:block;height:24px;line-height:24px; padding:0 20px;text-align:center; border-radius:3px; margin-left:10px;}
.hoverli{width:355px; height:260px; background:#000; opacity:0.9; position:absolute;left:50%; margin-left:-177px; z-index:10px;}
.ProductList li .hoverli{ opacity:0;-moz-transition:opacity 200s; /* Firefox 4 */-ms-transition:opacity 200s;
-webkit-transition:opacity 200s; /* Safari and Chrome */
-o-transition:opacity 200s; /* Opera */}
.ProductList li:hover .hoverli{ opacity:1;}

/* allProduct */
.productTab li{float:left;color:#6b6b6b;margin-left:10px;height:30px;line-height:30px;font-family: "微软雅黑";font-size:16px;border-radius:15px;border:1px solid #ccc; }
.productTab li.select{background-color:#3eabee; border:1px solid #3eabee; color:#fff; }
.productTab li.select a{ color:#fff;}
.productTab  a{display:block;color:#6b6b6b;padding:0 11px;border-radius:14px;}
.allProduct .ProductList{width:1200px;}


/* isotope */
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{
	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	-ms-transition-duration:0.8s;
	-o-transition-duration:0.8s;
	transition-duration:0.8s
}
.isotope{
	-webkit-transition-property:height, width;
	-moz-transition-property:height, width;
	-ms-transition-property:height, width;
	-o-transition-property:height, width;
	transition-property:height, width
}
.isotope .isotope-item{
	-webkit-transition-property:-webkit-transform, opacity;
	-moz-transition-property:-moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property:top, left, opacity;
	transition-property:transform, opacity
}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s
}




#nav2{
	position:fixed;
	left:15px;
	margin-top:-300px;
	top:50%;
	width:60px;
	height:600px;
	z-index:9995;
	text-align:left !important;
}
#nav2 li{ margin-bottom:15px;
	
	display:block;
}
.nav-ico1,.nav-ico2,.nav-ico3,.nav-ico4,.nav-ico5,.nav-ico6,.nav-ico7,.nav-ico8{width:60px;
	height:60px;
	display:block;}
.nav-ico1{background:url("../images/ico1.png")/*tpa=http://www.hzasion.com/images/ico1.png*/ no-repeat;}
.nav-ico1:hover{background:url("../images/ico1-hover.png")/*tpa=http://www.hzasion.com/images/ico1-hover.png*/ no-repeat;}
#nav2 .current .nav-ico1{background:url("../images/ico1-hover.png")/*tpa=http://www.hzasion.com/images/ico1-hover.png*/ no-repeat !important;}
.nav-ico2{background:url("../images/ico2.png")/*tpa=http://www.hzasion.com/images/ico2.png*/ no-repeat;	}
.nav-ico2:hover{background:url("../images/ico2-hover.png")/*tpa=http://www.hzasion.com/images/ico2-hover.png*/ no-repeat;}
#nav2 .current .nav-ico2{background:url("../images/ico2-hover.png")/*tpa=http://www.hzasion.com/images/ico2-hover.png*/ no-repeat !important;}
.nav-ico3{background:url("../images/ico3.png")/*tpa=http://www.hzasion.com/images/ico3.png*/ no-repeat;	}
.nav-ico3:hover{background:url("../images/ico3-hover.png")/*tpa=http://www.hzasion.com/images/ico3-hover.png*/ no-repeat;}
#nav2 .current .nav-ico3{background:url("../images/ico3-hover.png")/*tpa=http://www.hzasion.com/images/ico3-hover.png*/ no-repeat !important;}
.nav-ico4{background:url("../images/ico4.png")/*tpa=http://www.hzasion.com/images/ico4.png*/ no-repeat;}
.nav-ico4:hover{background:url("../images/ico4-hover.png")/*tpa=http://www.hzasion.com/images/ico4-hover.png*/ no-repeat;}
#nav2 .current .nav-ico4{background:url("../images/ico4-hover.png")/*tpa=http://www.hzasion.com/images/ico4-hover.png*/ no-repeat !important;}
.nav-ico5{background:url("../images/ico5.png")/*tpa=http://www.hzasion.com/images/ico5.png*/ no-repeat;}
.nav-ico5:hover{background:url("../images/ico5-hover.png")/*tpa=http://www.hzasion.com/images/ico5-hover.png*/ no-repeat;}
#nav2 .current .nav-ico5{background:url("../images/ico5-hover.png")/*tpa=http://www.hzasion.com/images/ico5-hover.png*/ no-repeat !important;}
.nav-ico6{background:url("../images/ico6.png")/*tpa=http://www.hzasion.com/images/ico6.png*/ no-repeat;}
.nav-ico6:hover{background:url("../images/ico6-hover.png")/*tpa=http://www.hzasion.com/images/ico6-hover.png*/ no-repeat;}
#nav2 .current .nav-ico6{background:url("../images/ico6-hover.png")/*tpa=http://www.hzasion.com/images/ico6-hover.png*/ no-repeat !important;}
.nav-ico7{background:url("../images/ico7.png")/*tpa=http://www.hzasion.com/images/ico7.png*/ no-repeat;}
.nav-ico7:hover{background:url("../images/ico7-hover.png")/*tpa=http://www.hzasion.com/images/ico7-hover.png*/ no-repeat;}
#nav2 .current .nav-ico7{background:url("../images/ico7-hover.png")/*tpa=http://www.hzasion.com/images/ico7-hover.png*/ no-repeat !important;}
.nav-ico8{background:url("../images/ico8.png")/*tpa=http://www.hzasion.com/images/ico8.png*/ no-repeat;	}
.nav-ico8:hover{background:url("../images/ico8-hover.png")/*tpa=http://www.hzasion.com/images/ico8-hover.png*/ no-repeat;}
#nav2 .current .nav-ico8{background:url("../images/ico8-hover.png")/*tpa=http://www.hzasion.com/images/ico8-hover.png*/ no-repeat !important;}

.style2 {
	font-family: "微软雅黑";
	font-size: 14px;
}
.style3 {font-size: 14px}
.style4 {font-size: 12px}

.style2 {
	font-family: "微软雅黑";
	font-size: 14px;
}
.style33 {
	color: #013876;
	font-weight: bold;
}
.style44 {
	font-size: 14;
	line-height: 40px;
	height: 40px;
	border: 1px solid rgb(204, 204, 204);
	padding-left: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style6 {font-family: "微软雅黑"}
.style7 {font-size: 14px}