@charset "utf-8";

body{width:100%; height:auto;  margin:0 auto;}
.wrap{width:320px; height:auto; overflow:hidden; position:relative; margin:0 auto;}
#m-nhd .logo{background:url(../images/newlogo1_1.png) no-repeat 0 0;}
.nav{ background:#00aebb; margin-bottom:5px;}
.clr{ clear:both;}

.hmainbx1{ width:95%; margin:10px auto; overflow:hidden; border:1px solid #00aebb; border-radius:5px;}
.hmainbx1 h5{ margin:10px 0px;}
.hmainbx1 h5 span{ display:inline-block; height:27px; line-height:27px; background:url(../images/labg1.jpg) #00aebb right no-repeat;color:#FFF; padding:0 20px; float:left;margin-right:20px;}
.hmainbx1 h5 ul{ float:left;}
.hmainbx1 h5 ul li{ float:left; line-height:27px;margin-right:20px;}
.hmainbx1 h5 ul li input{ width:30px;}
.hmainbx1b{ margin:15px 0px;}
.hmainbx1b a{ display:inline-block; width:140px; height:30px; line-height:30px; text-align:center; color:#fff;border-radius:5px; margin:0 5px;
 -moz-box-shadow:2px 2px 5px #969696;/*firefox*/  
    -webkit-box-shadow:2px 2px 5px #969696;/*webkit*/  
    box-shadow:2px 2px 5px #969696;/*opera»ņie9*/  
}
.hmainbx1b a.tj{ background:#f39800;}
.hmainbx1b a.zx{ background:#f39800;}

.lineztd{ width:100%; max-width:320px; height:14px; background:url(../images/linebg1.jpg) repeat-x; margin:0 auto;}
.lineztd1{ width:70%; height:14px; background:url(../images/linebg2.jpg) repeat-x; margin:0 auto; text-align:center;}
.linett1,.linett2{ text-align:center;}
.linett1{ color:#00aebb; font-size:16px; font-weight:bold; line-height:24px;}
.linett2{ color:#3f4040; font-size:12px;line-height:24px;}
.hmianzgd1{ width:95%; margin:0 auto; overflow:hidden; margin-top:20px;}
.hmianzgd1 ul li{ float:left; background:#e7eefe; }
.hmianzgd1 ul li span{ display:block; width:100%px; height:140px; }
.hmianzgd1 ul li span p{font-size:14px; line-height:24px; text-align:left; padding:5px 10px;;}
.hmianzgd1 ul li span p font{ font-size:16px; color:#00aebb}

.hmainbx32b a{ display:inline-block; width:100px; height:30px; line-height:30px; text-align:center; color:#fff;border-radius:5px; margin:0 5px;
 -moz-box-shadow:2px 2px 5px #969696;/*firefox*/  
    -webkit-box-shadow:2px 2px 5px #969696;/*webkit*/  
    box-shadow:2px 2px 5px #969696;/*opera»ņie9*/  
}
.hmainbx32b a.tj{ background:#00aebb;}
.hmainbx32b a.zx{ background:#f39800;}

.hmianzgd2{ max-width:640px; height:auto; overflow:hidden; margin:0 auto; background:#f2f2f2; padding-bottom:20px;}
.hmianzgd2 h3{ display:block; font-size:20px; text-align:center; width:100px; margin:0 auto; padding:5px 15px; border:1px solid #999;}
.hmianzgd2 ul li{ width:50%; float:left; text-align:center; margin-bottom:10px;}
.hmianzgd2 ul li p{ line-height:24px; text-align:center; padding-top:10px;}

.linett3 h3{ text-align:center; margin:20px 0px;}
.linett3 span{ display:block; text-align:center;}
.linett3 span img{ max-width:640px;}
.hmianzgd3 img{ max-width:599px; margin:20px 0 0 0;}

.hmianzgd1 ul li{ width:46%; margin:0 2%; text-align:center; margin-bottom:10px;  }
.hmianzgd1 ul li img{max-width:182px;}

.hmainbx3{ width:310px; overflow:hidden; height:350px; margin:0 auto;}
.hmainbx31{width:100px; height:394px; float:left;}
.hmainbx31 img{ float:left;}
.hmainbx32{ float:right; width:195px; height:350px; position:relative;}

.hmainbx32 p{ margin:5px 0px; font-size:12px; line-height:20px;}
.hmainbx32 ul{ position:absolute; top:155px; left:-110px;}
.hmainbx32b{ position:absolute; bottom:15px; left:-100px;}
.hmainbx32 ul li{ height:33px; line-height:33px; padding-left:30px; background:url(../images/tt15.jpg) left center no-repeat; font-size:16px; margin:10px 0px;}
.hmainbx32 ul li em{ font-style:normal; color:#00aebb; font-weight:bold;}
.hmainbx32b a{ width:120px;}
.hmainbx1b a{ width:150px; margin-left:25%;}

.hmainbx1 h5 span,.hmainbx1 h5 ul{ margin-top:5px;}


/* art-ly */
.art-lytit h1{font-size: 16px;height: 58px;line-height: 58px;color: #333;padding: 0px 10px;font-weight: normal;display: block;}
.art-lytit h1:before{
	content: "";float: left;width: 15px;height:20px;margin: 19px 7px 0px 0px;
	background: url(../images/art_ly_ico1_1.png) no-repeat left top;background-size: 15px auto;
}
.art-lytit h1 span{font-size: 12px;}
.art-lycomm .orderForm div{width:100%;height: 50px;border-top: 1px solid #d5d5d5;display: block;overflow:hidden;}
.art-lycomm .orderForm div.des{border-bottom: 1px solid #d5d5d5;}
.art-lycomm .orderForm div span{display: inline-block;width: 20%;height: 100%;float: left;box-sizing:border-box;}
.art-lycomm .orderForm div span:before{content: "";height: 25px;display: block;float: right;margin: 10px 10px 0px 0px;}
.art-lycomm .orderForm div.name span:before{width:24px;background: url(../images/art_ly_ico2_1.png) no-repeat 0px 0px;background-size: 62px auto;}
.art-lycomm .orderForm div.telphone span:before{width:18px;background: url(../images/art_ly_ico2_1.png) no-repeat -25px 0px;background-size: 62px auto;}
.art-lycomm .orderForm div.des span:before{width:20px;background: url(../images/art_ly_ico2_1.png) no-repeat -44px 0px;background-size: 62px auto;}
.art-lycomm .orderForm div input{
	float: left;margin: 13px 0px 0px 0px;box-sizing:border-box;padding-left: 10px;
	width: 70%;height: 24px;border: none;border-left: 1px solid #d5d5d5;font: 14px/24px "microsoft yahei";color: #999;
}
.art-lycomm .subtn{overflow: hidden;margin: 20px 0px;}
.art-lycomm .subtn a,.art-lycomm .subtn span{
	display: inline-block;float: left;padding-left: 21px;margin: 0px 5%;box-sizing:border-box;
	width: 40%;height: 30px;color: #fff;font-size: 14px;line-height: 30px;border-radius: 3px;
}
.art-lycomm .subtn span{background: #00aebb;position: relative;}
.art-lycomm .subtn a{background: #f39800;}
.art-lycomm .subtn span input{border: none;font-family: "microsoft yahei";box-sizing:border-box;width: 100%;height: 100%;position: absolute;top:0px;left:0px;background: none;color: #fff;padding-left: 22px;}
.art-lycomm .subtn span:before,.art-lycomm .subtn a:before{content: "";width: 26px;height: 30px;display: inline-block;float: left;margin: 6px 7px 0px 0px;}
.art-lycomm .subtn span:before{background: url(../images/art_ly_ico3_1.png) no-repeat 0 0;background-size: 45px auto;width: 19px;margin-top: 4px;}
.art-lycomm .subtn a:before{background: url(../images/art_ly_ico3_1.png) no-repeat -20px 0;background-size: 45px auto;}


.ywqqzx{ width:133px; height:25px; margin:0 auto; background:#f5740c; border-radius:5px; margin-top:15px; padding-top:1px; padding-right:1px; margin-bottom:20px; color:#FFF; text-indent:10px; line-height:22px;}
.ywqqzx a{ color:#FFF;}
.ywqqzx i{ display:inline-block;font-style:normal; height:23px; float:right; background:#FFF;border-radius:5px; padding:0 5px; color:#3e3a39; line-height:23px; text-indent:0px;}
.ywqqzx i:after{ content:""; background:url(../images/qqzxyw1.jpg) no-repeat; display:inline-block; width:11px; height:11px; margin-left:3px;}
.ywqqzx1{width:133px;margin-top:5px;margin-bottom:10px;}