@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}


.header{ padding:1em 0 1em 0.5em;}
.header dl{ overflow:hidden;}
.header dt{ float:left;}
.header dt img{ display:block; height:4em}
.header dd{ margin-left:5em; margin-top:0.2em;}
.header dd h2{ font-weight:normal; font-size:1.5em; color:#24211d; margin-bottom:0.2em;}
.header dd span{ color:#2a3956;}
.header dd p{ font-size:1em; color:#383838;}

/*首页广告样式*/
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#2BA618;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.ssBox{ overflow:hidden; padding:0.4em 0.8em; background:#2a3956;}
.ssBox .txt{ background:#fff; outline:none; border:none; font-size:1em; color:#777; height:2em;  float:left; width:80%; padding:0 2%;border-radius:0;}
.ssBox .sub{ float:left; height:2em; line-height:2em; background-size:1.167em; width:16%; text-align:center; font-size:1em; color:#fff; background:#f27200;}

.baner img{ display:block; width:100%;}


.nav{ overflow:hidden; position:relative;}
.nav:after{ content: '';position:absolute; top:50%; left:0; z-index:9; height:0; width:100% ;border-bottom:1px solid rgba(255,255,255,.3);}
.nav li{ float:left; width:25%; background-color:#2a3956;}
.nav li a{ font-size:1em; color:#fff; display:block; text-align:center; padding:1em 0; background:url(../images/navline.png) no-repeat left center; background-size:0.1em;}
.nav li:nth-child(1) a,.nav li:nth-child(5) a{ background:none;}


.hotPro{ padding-top:2em; padding-bottom:1.5em;}
.htop{ text-align:center;}
.htop h5{ font-size:1.2em; font-weight:normal; color:#373737; margin-bottom:1em;}
.htop h5 span{ color:#2a3956; font-weight:bold;}
.htop a{}
.htop a img{ display:block; margin:0 auto; width:9.417em;}
s
.pro{ overflow:hidden; margin-top:3%;}
.pro li{ float:left; width:46%; margin:2%;}
.pro li>a{ display:block; background-color:#e8e8ec;}
.pro li>a img{ display:block; width:100%;}
.pro li p{ text-align:center;}
.pro li p a{ display:block; padding:0.5em 0; background-color:#2fab22; color:#fff; font-size:1em;}


.youshi{ background-color:#e8e8ec; padding-top:1.25em; padding-bottom:0.7em;}
.ytop{ text-align:center;}
.ytop h5{ font-size:1.2em; color:#555556; margin-bottom:0.3em;}
.ytop h5 span{ color:#2a3956;}
.ytop p{ font-size:1.1em; color:#555556;}
.ycont{ padding:0 0.4em; margin-top:0.8em;}
.ycont dl{ overflow:hidden;background-color:#f1f1f1; margin-bottom:0.8em;}
.ycont dt{ float:left; height:5.2em; height:6em;}
.ycont dt img{ display:block; width:6em;}
.ycont dd{ margin-left:7em; margin-top:1em; margin-right:1.2em; height:5.2em; overflow:hidden;}
.ycont dd h5{ font-size:1em; color:#454545; margin:0.3em 0;}
.ycont dd h5 span{ color:#ee1d23;}
.ycont dd p{ font-size:0.8em; color:#5c5c5c; line-height:1.1em;}


.list:after{content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.list li{ position:relative; font-size:1.25em; color:#626262; background-color:#bfbfbf; float:left; width:50%; text-align:center; padding:0.8em 0;}
.list li::after{ content:''; position:absolute; bottom:-0.8em; margin-left:-0.25em; left:50%; width:0; height:0; border:0.5em solid transparent; border-top-color:#2a3956; display:none;}
.list li:hover,.list li.on{ color:#fff; background-color:#2a3956;}
.list li:hover:after,.list li.on:after{ display:block;}

.case .tempWrap{padding-bottom:15px;}
.case{ overflow:hidden; margin:4% 0;}
.case li{ float:left; margin:2%; width:46%;}
.case li>a{ display:block; padding:2px; border:1px solid #d5d5d5;}
.case li>a img{ display:block; width:100%;}
.case li p{ text-align:center; margin-top:0.5em;}
.case li p a{ font-size:1em; color:#606060;}



.service{ background-color:#e8e8ec; padding-top:1em; padding-bottom:1.2em;}
.stop{ text-align:center; padding:0 2em;}
.stop h5{ font-size:1.2em; background-color:#f16800; border-radius:2em; padding:0.5em 0; color:#fff;}
.stop h4{ font-size:0.8em; color:#393434; margin-top:0.5em;}
.scont{ padding:0 2em; overflow:hidden; margin-top:0.8em;}
.scont li{ float:left;}
.scont li img{ width:100%;}
.slist{ text-align:center; margin-top:1em;}
.slist li{ display:inline-block; width:4em; height:0.3em; background-color:#fff; margin:0 0.4em;}
.slist li:hover{ background-color:#f16800;}
.slist li.on{background-color:#34AC1F}



.newMain{ margin-top:1em;}
.news{ overflow:hidden; margin:1em 0.3em;}
.news li{ height:2.5em; line-height:2.5em; border-bottom:1px dotted #dbdbdb; padding-left:1.2em; background:url(../images/yuan.png) no-repeat left center; background-size:0.583em;}
.news li em{ float:right; font-size:1em; color:#bababa;}
.news li a{ font-size:1em; color:#464646;}


.dress{ background-color:#e8e8e8; padding:1em 1.2em 2em 1.2em; margin-bottom:4.5em;}
.dress li{ font-size:1em; color:#343434; padding-left:1.5em; height:1.8em; line-height:1.8em;}
.dress li:nth-child(1){ background:url(../images/dress1.png) no-repeat left center; background-size:1.458em; }
.dress li:nth-child(2){ background:url(../images/dress2.png) no-repeat left center; background-size:1.458em; }
.dress li:nth-child(3){ background:url(../images/dress3.png) no-repeat left center; background-size:1.458em; }


.footer{ position:fixed; width:100%; bottom:0; left:0; z-index:999;}
.ftc{ position:relative;}
.ftc .rt{ display:block; background:url(../images/rt.png) no-repeat center; height:4em; background-size:cover; position:absolute; left:50%; top:-2em; width:4em; margin-left:-2em; z-index:98;}
.footer ul{ overflow:hidden; position:relative; z-index:99; background:#2a3956;}
.footer li{ width:20%; float:left; text-align:center;}
.footer li a{ display:block; padding:0.5em 0; background:url(../images/navline.png) no-repeat left center; background-size:0.083em;}
.footer li:nth-child(1) a{ background:none;}
.footer li a img{ display:block; width:2.208em; margin:0 auto;}
.footer li a span{ display:block; text-align:center; font-size:1em; color:#fff;}















@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}