@charset "utf-8";
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;/* Firefox */
	-webkit-box-sizing: border-box;/* Safari */
	outline: none;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;/* For some Androids */
}
html {
	-webkit-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;/* For some Androids */
}
body {
	font-family: Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei";;
	color: #333;
	outline: none;
	font-size: 14px;
}
body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, pre, form, fieldset, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, input, select, textarea, option, button {
	font-size: 100%;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0
}
h1, h2, h3, h4, h5, h6, input, select, textarea, option, button {
	font-size: 100%
}
abbr {
	border: 0;
}
em, i {
	font-style: normal;
}
ul, ol, li {
	list-style: none;
}
a {
	text-decoration: none;
	outline: none;
	display: block;
}
a:hover {
vertical-align:
 outline: none;
	text-decoration: none;
}
a, button, input, textarea, select {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background: none;
	border: none;
}/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */
.clear {
	clear: both;
	height: 0;
}
.clearfix:after{visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;}
.clearfix{*zoom:1;}
textarea {
	resize: none;
}/*禁止改变大小*//*解决firefox按钮文字难以垂直居中问题*/
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border:none;
padding:0;
}
input, textarea, select, option, button, form, fieldset {
	font-family: "microsoft yahei";
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}
.h_banner{width: 100%;margin:0 auto;}

/*********************菜单*********************/
.fl{float:left;}
.fr{float:right;}
a,input,textarea,li,b,.site-description,.site-title,.logo,.sub-menu li,.feature article,.block-content,.footer-icons span,.avatar,.popup,
.overlay,.da-animate,.services article,#contactForm button,.form-hint,.porcon,.services h3,.pack-list article{ -moz-transition:ease-in-out 0.5s; 
-webkit-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; transition:ease-in-out 0.5s; }
header{float: right;width: 710px;}
.menu li span{display:block;}
.header{height:129px;}
.header-menu .menu > li{ display: block; float: left; position: relative; text-align:center;width: 100px;height: 70px;line-height: 70px;}
.header-menu .menu > li:hover,.header-menu .menu > li.hover{background:#F0F0F0;border-bottom:3px solid #f55c06;}
.header-menu .menu > li:first-child{border-left:none;}
.header-menu .menu a{font-size:16px; display: block;color: #333333;}


.header-menu .current-menu-item > a{ color:#fb4724; }
/* 子菜单样式 */
.sub-menu { position: absolute; top: 70px; z-index: 1000; min-width: 100%; max-height: 0; -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; -o-perspective: 400px; perspective: 400px; }
.sub-menu li { opacity: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); border-top: 1px #fff solid; border-bottom: 1px #eee solid;line-height: 50px; }
.sub-menu li:first-child{ border-top: none; }
.sub-menu li:last-child{ border-bottom: 3px #f55c06 solid; }
.sub-menu li a{ background-color:#fff;white-space: nowrap; }
.sub-menu li a:hover{ background-color:#808080; color: #fff; }
.header-menu .menu > li:hover .sub-menu li, .header-menu .menu > li:focus .sub-menu li { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
/* CSS3延迟过渡效果 */
.header-menu .menu li:hover .sub-menu li:nth-child(1) { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.header-menu .menu li:hover .sub-menu li:nth-child(2) { -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; -ms-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; }
.header-menu .menu li:hover .sub-menu li:nth-child(3) { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; }
.header-menu .menu li:hover .sub-menu li:nth-child(4) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; }
.header-menu .menu li:hover .sub-menu li:nth-child(5) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; }
.sub-menu li:nth-child(1) { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -ms-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; }
.sub-menu li:nth-child(2) { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; }
.sub-menu li:nth-child(3) { -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; }
.sub-menu li:nth-child(4) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; }
.sub-menu li:nth-child(5) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; }
/*响应式菜单*/
#responsive-nav { display: none; margin: 10px auto 0px; padding: 8px; border: 1px solid #CCC; }
/*延迟*/
.overlay:target+.footer-icons .facebook,.overlay:target+.footer-icons .rss,.footer-icons .facebook,.footer-icons .rss{ -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.overlay:target+.footer-icons .twitter,.overlay:target+.footer-icons .salong,.footer-icons .twitter,.footer-icons .salong{ -webkit-transition-delay: 80ms; -moz-transition-delay: 80ms; -ms-transition-delay: 80ms; -o-transition-delay: 80ms; transition-delay: 80ms; }
.overlay:target+.footer-icons .sina,.overlay:target+.footer-icons .qq,.footer-icons .sina,.footer-icons .qq{ -webkit-transition-delay: 160ms; -moz-transition-delay: 160ms; -ms-transition-delay: 160ms; -o-transition-delay: 160ms; transition-delay: 160ms; }
/***************start portfolio**********/



/*首页*/
.top{width: 1200px;margin:0 auto;height: 129px;}
.h_logo{float: left;width: 178px;height: 129px;}
.h_logo img{width: 100%;}
.header .wz{padding-top: 35px;}
.header .wz h2{font-size: 14px;color: #f55c06;float: right;}
.header .wz h3{font-size: 18px;color: #f55c06;font-weight: bold;float: right;}
.a1{width: 1200px;margin:0 auto;margin-top: 34px;padding-bottom: 33px;}
.a1 .z{width: 572px;float: left;}
.a1 .z .z1{width: 100%;height: 49px;line-height: 49px;background:#f2f2f2;}
.a1 .z .z1 h2{line-height: 49px;float: left;font-size:18px;color: #f55c06;font-weight: bold;padding-left: 15px;}
.a1 .z .z1 h3{line-height: 49px;float: left;font-size:14px;color: #f55c06;}
.a1 .z .z1 h4{float: right;line-height: 49px; text-transform:Uppercase;font-size: 12px;color: #666666;padding-right: 15px;}
.a1 .z .z3{width: 100%;margin-top: 18px;}
.a1 .z .z3 .tu{width: 282px;float: left;}
.a1 .z .z3 img{width: 264px;height: 176px;float: left;}
.a1 .z .z3 h6{font-size: 14px;color: #333333;line-height:24px;margin-left: 5px;}

.a1 .y{width: 572px;float: right;}
.a1 .y .y1{width: 100%;height: 49px;line-height: 49px;background:#f2f2f2;}
.a1 .y .y1 h2{line-height: 49px;float: left;font-size:18px;color: #f55c06;font-weight: bold;padding-left: 15px;}
.a1 .y .y1 h3{line-height: 49px;float: left;font-size:14px;color: #f55c06;}
.a1 .y .y1 h4{float: right;line-height: 49px; text-transform:Uppercase;font-size: 12px;color: #666666;padding-right: 15px;}
.a1 .y .y2{width: 100%;margin-top: 14px;}
.a1 .y .y2 ul{width: 100%;}
.a1 .y .y2 ul li{width: 100%;border-bottom: 1px dotted #dddddd;padding-bottom: 5px;}
.a1 .y .y2 ul li .zuo{width: 72px;float: left;}
.a1 .y .y2 ul li .zuo h2{font-size: 48px;color: #999999;font-weight: bold;}
.a1 .y .y2 ul li .zuo h3{font-size: 14px;color: #999999;}
.a1 .y .y2 ul li .you{width: 488px;float: right;}
.a1 .y .y2 ul li .you a{font-size: 16px;color: #000000;line-height: 42px;}
.a1 .y .y2 ul li .you h5{font-size: 14px;color: #999999;line-height: 20px;}

.a2{width: 100%;background:#eeeeee;padding-bottom: 22px;}
.a2 .biaoti{width: 300px;margin:0 auto;text-align: center;line-height: 102px; }
.a2 .biaoti h2{font-size: 30px;color: #f55c06;font-weight: bold;}
.a2 ul{width: 1200px;margin:0 auto;padding-bottom: 50px;}
.a2 ul li{width: 220px;height: 220px;display: inline-block;margin-right: 19px;}
.a2 ul li:last-of-type{margin-right: 0px;}
.a2 ul li img{width: 100%;}
.a2 ul li p{width: 100%;text-align: center;font-size: 16px;line-height: 50px;color: #000000;}
.a2 .gengduo{width: 107px;line-height: 36px;border: 1px dotted #f55c06;margin:0 auto;}
.a2 .gengduo a{font: 14px;text-align: center;color: #f55c06;}


.a3{width: 100%;border-bottom: 1px solid #ececec;}
.a3 .biaoti{width: 300px;margin:0 auto;text-align: center;line-height: 102px; }
.a3 .biaoti h2{font-size: 30px;color: #f55c06;font-weight: bold;}
.a3 ul{width: 1200px;margin:0 auto;padding-bottom: 45px;}
.a3 ul li{width: 236px;display: inline-block;}
.a3 ul li .tu{width: 127px;margin:0 auto;}
.a3 ul li .tu img{width:100%; }
.a3 ul li .wz{width: 196px;margin:0 auto;}
.a3 ul li .wz h2{font-size: 16px;color: #333333;line-height: 56px;text-align: center;font-weight: bold;}
.a3 ul li .wz h3{font-size: 14px;color: #666666;line-height: 20px;}


.a4{width: 100%;border-bottom: 1px solid #ececec;}
.a4 .biaoti{width: 300px;margin:0 auto;text-align: center;line-height: 102px; }
.a4 .biaoti h2{font-size: 30px;color: #f55c06;font-weight: bold;}
.a4 ul{width: 1165px;margin:0 auto;padding-bottom: 50px;}
.a4 ul li{width: 152px;display: inline-block;height: 104px;margin-right: 12px;margin-top: 25px;}
.a4 ul li:nth-child(7n) {margin-right: 0px;}
.a4 ul li .tu{width: 152px;height: 104px;border: 1px solid #ebeaea}
.a4 ul li .tu img{width: 150px;height: 102px;}

.foot1{width: 100%;background:#717171;}
.foot1 .f1{width: 1200px;margin:0 auto;padding-top: 40px;border-bottom: 1px solid #797979;}
.foot1 .f1 ul{width: 795px;float: left;}
.foot1 .f1 ul li{width: 128px;display: inline-block;}
.foot1 .f1 ul li a{font-size: 14px;color: #ffffff;font-weight: bold;text-align: center;}
.foot1 .f1 ul li .xixi{width: 100%;}
.foot1 .f1 ul li .xixi li a{font-size: 12px;color: #9f9797;line-height: 35px;}
.foot1 .f1 .tu1{float: right;width: 149px;height: 146px;}
.foot1 .f1 .tu1 img{width: 149px;height: 146px;}
.foot1 .f1 .tu1 p{font-size: 12px;color: #ffffff;line-height: 35px;text-align: center;}
.foot1 .f1 .tu2{float: right;width: 152px;height: 148px;margin-right: 75px;}
.foot1 .f1 .tu2 img{width: 152px;height: 148px;}
.foot1 .f1 .tu2 p{font-size: 12px;color: #ffffff;line-height: 35px;text-align: center;}

.foot1 .f2{width: 1200px;margin:0 auto;}
.foot1 .f2 span{font-size: 12px;color: #bcbcbc;float: left;line-height: 56px;}
.foot1 .f2 ul{float: left;margin-left: 3px;}
.foot1 .f2 ul li{background:url(../images/dian.jpg)no-repeat right center;display: inline-block;margin-left: 3px;}
.foot1 .f2 ul li a{font-size: 12px;color:#bcbcbc;line-height: 56px;padding-right: 9px;}
.foot1 .f2 ul li:last-of-type{background:none;}
.foot1 .f3{width: 100%;background:#434343;}
.foot1 .f3 p{line-height: 48px;color:#bcbcbc;font-size: 12px;text-align: center;}
.a1 .y .y2 ul li .you a:hover{color: #f55c06;}
.a2 ul li p:hover{color: #f55c06;}
.a3 ul li .wz h2:hover{color: #f55c06;}
.sub-menu li{overflow: hidden;width: 100px;}
.youce .you1 span a{display: inline-block;color:#999999;}
.youce .you2{padding-bottom: 30px;}

.fenye{
    width: 100%;
    padding:30px 0px;
    margin-top: 10px !important;
    text-align: center;
   margin: 0 auto;

}
.fenye a {
    text-decoration: none;
    color: #333;
    padding: 10px 15px 10px 15px;
    background-color: #eeeff3;
    margin-right: 5px;
    margin-left: 5px;
     display: inline-block;
}
.fenye span {
    text-decoration: none;
    color: #333;
    padding: 10px 15px 10px 15px;
    background-color: #eeeff3;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 14px;
}
.fenye a:visited {
    text-decoration: none;
    color: #333;
}
.fenye a:link {
    text-decoration: none;
    color: #333;}
.fenye div .current{background: #f55c06; color: white;}
.sxp{margin-top: 30px;}
.sxp a{color: #666666;display: inline-block;}
/*单页*/
.banner1{width:100%;}
.banner1 img{width: 100%;}
.zuoce{width: 238px;float: left;margin-top: -4px;}
.xianzhi{width: 1200px;margin:0 auto;}
.zuoce .z1{width:100%;}
.zuoce .z1 h5{line-height: 80px;padding-left: 35px;font-size: 24px;color: #ffffff;background:#f55c06;}
.z1 ul{margin-top: 1px;width: 100%;}
.z1 ul li{width:100%;line-height: 48px;border-bottom: 1px dotted #f2e6d7;background:#f2e6d7;margin-top: 1px;}
.z1 ul li a{font-size: 16px;color: #333333;padding-left: 35px;}
.z2{width: 100%;margin-top: 17px;background:#f2e6d7;margin-bottom: 20px;}
.z2 h2{line-height: 82px;font-size: 24px;color: #f55c06;padding-left: 35px;}
.z2 ul{width: 100%;padding-bottom: 30px;}
.z2 ul li{width:100%;margin-top:30px;}
.z2 ul li:first-of-type{margin-top: 20px;}
.z2 ul li p{padding-left:22px;font-size: 14px;color:#333333;}
.youce{width: 928px;float: right;}
.youce .you1{width: 100%;line-height: 80px;border-bottom: 1px solid #f0f0f0;}
.youce .you1 h3{font-size: 24px;color: #000000;float: left;}
.youce .you1 span{float: right;font-size: 12px;color: #999999;}
.youce .you2{width: 840px;margin:0 auto;margin-top: 48px;}
.youce .you2 p{font-size: 14px;color: #000000;line-height: 22px;}


/*招聘*/
.job{width: 900px;margin:0 auto;}
.job ul{width: 100%;}
.job ul li{width: 100%;border-bottom: 1px dotted #bfbfbf;padding-bottom: 15px;margin-top: 15px;}
.job ul li a{font-size: 16px;color: #000000;font-weight: bold;line-height: 33px;}
.job ul li h3{font-size: 14px;color: #666666;line-height: 28px;}
.job ul li h4{font-size: 14px;color: #666666;}


/*新闻*/
.news1{width: 794px;margin:0 auto;}
.news1 ul{width: 100%;}
.news1 ul li{width: 100%;border-bottom: 1px dotted #bfbfbf;padding-bottom: 15px;margin-top: 15px;}
.news1 ul li .z{width: 70px;float: left;}
.news1 ul li .z h2{font-size: 48px;color: #999999;font-weight: bold;text-align: center;}
.news1 ul li .z h3{font-size: 14px;color: #999999;text-align: center;}
.news1 ul li .y{width: 710px;float: right;}
.news1 ul li .y a{font-size: 16px;color: #000000;line-height: 45px;}
.news1 ul li .y h4{font-size: 14px;color: #999999;}

/*产品*/
.chanpin1{width: 902px;margin:0 auto;}
.chanpin1 ul{width: 100%;margin-top: 11px;border-bottom: 1px dotted #bfbfbf;padding-bottom: 25px;}
.chanpin1 ul li{width: 289px;margin-top: 14px;margin-right: 13px;display: inline-block;}
.chanpin1 ul li:nth-child(3n) {margin-right: 0px;}
.chanpin1 ul li img{width: 289px;height:213px;}
.chanpin1 ul li p{width:100%;text-align: center;font-size: 14px;color: #000000;line-height: 45px;}

#hahaxi a{font-size: 14px;}
.news1 ul li:hover{background:#f55c06;}
.news1 ul li:hover .z h2{color: #ffffff;}
.news1 ul li:hover .z h3{color: #ffffff;}
.news1 ul li:hover .y a{color: #ffffff;}
.news1 ul li:hover .y h4{color: #ffffff;}