@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;}

@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%;}

}



/*header*/

header { width:100%; height:5em; background-color:#fff; position:relative;z-index: 999;}

header h1{ float:left; margin-left:3%; margin-top:5%; width:20%;}

header h1 img{ display:block; width:100%;}

header h2{ padding-left:2%; margin-left:2%; border-left:1px solid #e3e3e3; margin-top:5%; float:left; width:61%;}

header h2 img{ width:20%; display:block; float: left;}

header h2 em{width:75%;  display:inline-block; font-size:0.72em; font-weight: bold; color:#141414; padding-top:6%;}

header .nav-icon { display:block; width:2em; height:1.8em; float:right; margin-right:3%; margin-top:1.5em; position:relative}

header .nav-icon i{ display:block; width:2em; height:0.3em; border-radius:0.3em; background-color:#714345; position:absolute; left:50%; top:50%;}

header .nav-icon i:nth-child(1){ margin-left:-1em; margin-top:-0.9em}

header .nav-icon i:nth-child(2){ margin-left:-1em; margin-top:-0.15em}

header .nav-icon i:nth-child(3){ margin-left:-1em; margin-top:0.5em}



/*nav*/

nav { overflow:hidden; width:100%; background-color:#714345; opacity:0.95; position: absolute; left:0; top:5em; padding:1em 0; display:none;}

nav a{ display:block; padding-left:20%; width:80%; font-size:1.1em; color:#fff; height:2.5em; border-bottom:1px solid #ff9744; line-height:2.5em; background:url(../images/Common/nav_s.png) no-repeat 80% center; background-size:2%;}

nav a:nth-child(10){ border-bottom:none}



/*banner*/

.banner{ overflow:hidden; width:100%;}

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

.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:#ff9744;  }

.focus .bd{ position:relative; z-index:0; }

.focus .bd li img{ width:100%;  }

.focus .bd li a{ -webkit-tap-highlight-color:#0b85ec; /* 取消链接高亮 */ }

/*nav_menu*/

.nav_menu { overflow:hidden; width:100%;}

.nav_menu li{ overflow:hidden; float:left; width:25%; background:linear-gradient(to bottom,#714345,#883538); text-align:center; font-size:1em;}

.nav_menu li a{ display:block; color:#fff; text-align:center; padding:0.8em 0; background:url(../images/Common/nav09.png) repeat-y right top;}

.nav_menu li img{ display:block; width:30%; margin:0 auto; margin-bottom:0.5em;}

.nav_menu li:nth-child(4n) a{ background:none;}



.jiange{ overflow:hidden; width:100%; height:1.25em; background-color:#ededed;}



/*pro*/

.pro { overflow:hidden; width:94%; margin:1.3em auto;}

.pro h2{ text-align:center; font-size:1.25em; color:#714345;}

.pro p{ text-align:center; font-size:1.2em; color:#714345; margin-bottom:1.25em;}

.pro .prolist{ overflow:hidden; display:block; height:12em; width:100%; margin-bottom:0.5em; position:relative; float:left;}

.pro .prolist img{ display:block; width:100%;}

.pro .prolist span{ display:block; width:100%; padding:0.6em 0; font-size:1.1em; color:#fff; white-space:nowrap; color:#fff; background-color:#000; opacity:0.5; position:absolute; left:0; bottom:0; text-align:center;}

.pro .prolist.ban{ width:49%;}

.pro .prolist.ban img{ height:100%; width:auto; margin-left:-35%}

.pro .ban01 { margin-right:2%}

.pro .more{ display:block; width:60%; margin:1.25em auto; height:3em; line-height:3em; font-size:1.1em; color:#fff; background-color:#714345; border-radius:5px; text-align:center;}

.pro .more img{ width:1.2em; position:relative; margin-left:0.3em; top:0.2em;}

.pro .phone{ display:block; text-align:center; font-size:1.2em; color:#383838;}

.pro .phone span{ color:#ef7f00; font-family:Arial;}

.pro .phone img{ width:1.5em; margin-right:0.2em; position:relative; top:0.2em;}



/*优势*/

.youshi { overflow:hidden; width:100%; margin-bottom:1.25em}

.youshi .youshi_t{ display:block; width:100%; margin-bottom:1em;}

.youshi .yslist{ overflow:hidden; width:96%; margin:0 auto; background:url(../images/Index/youshi_yy.png) no-repeat right bottom; padding-bottom:0.8em; background-size:90%}

.youshi .yslist img{ display:block; float:left; width:25%; margin-top: 1rem;}

.youshi .yslist .wen{ overflow:hidden; float:right; width:72%;}

.youshi h2{ font-size:1.25em; color:#714345; margin-bottom:0.2em; margin-top:1em}

.youshi p{ font-size:1em; color:#4e4e4e; line-height:1.25em; text-align:justify}



/*case*/

.case { overflow:hidden; width:96%; margin:1.25em auto;}

.case h2{ text-align:center; font-size:1.5em; margin-bottom: 1rem;}

.case h2 a{ color:#714345;}

.case p{ text-align:center; font-size:1.1em; color:#262626; margin-bottom:1em;}

.case ul{ overflow:hidden; width:100%; margin-bottom:0.8em;}

.case li{ float:left; width:46%; margin:0 2%; margin-bottom:1em;}

.case li img{ display:block; width:100%; margin-bottom:0.5em;}

.case li a{ display:block; font-size:1em; color:#000; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

.case .more{ display:block; width:60%; margin:0 auto; height:3em; line-height:3em; font-size:1.1em; color:#fff; background-color:#714345; border-radius:5px; text-align:center;}

.case .more img{ width:1.2em; position:relative; margin-left:0.3em; top:0.2em;}



/*留言*/

.liuyan { overflow:hidden; width:94%; padding:1.25em 3%; background-color:#714345;}

.liuyan h2{ text-align:center; font-size:1.6em; color:#e3e41c;}

.liuyan p{ text-align:center; font-size:1.1em; color:#fff;}

.liuyan a{ display:block; text-align:center; font-size:1.2em; color:#fff; margin-bottom:1em;}

.liuyan a em{ font-family:Arial}

.liuyan a img{ width:1.5em; margin-right:0.2em; position:relative; top:0.4em;}

.liuyan input{ display:block; width:96%; margin:0 auto; margin-bottom:1px; padding:0.6em 2%; font-size:1em; color:#0b0b0b; border:none; border-radius:3px;}

.liuyan select{ display:block; float:left; width:50%; padding:0.6em 2%; border:none; border-radius:3px;}

.liuyan select.slast{ width:49.66666666666%; float:right}

.liuyan span{ display:block; width:99%; text-align:center; padding:0.8em 0; margin-top:3px; background-color:#8ebd20; font-size:1.25em; color:#fff; font-weight:bold; border-radius:3px; box-shadow:2px 2px 2px #719915;}



/*评价*/

.pingjia { overflow:hidden; width:100%; margin:1.25em auto;}

.pingjia h2{ font-size:1.1em; padding-left:3%; padding-bottom:0.8em; border-bottom:1px solid #ededed; margin-bottom:1.2em;}

.pingjia h2 a{ color:#000; display:block; padding-left:0.5em; border-left:0.3em solid #eb6600;}

.pingjia ul{ overflow:hidden; width:96%; margin:0 auto;}

.pingjia li{ float:left; width:46%; margin:0 2%; margin-bottom:1em;}

.pingjia li img{ display:block; width:94%; padding:2%; border:1px solid #cecece; margin:0 auto; margin-bottom:0.9em;}

.pingjia li h3{ font-size:1em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:0.5em;}

.pingjia li h3 a{ color:#212121}

.pingjia li p{ font-size:0.9em; color:#333; line-height:1.25em;overflow:hidden; text-align:justify}



/*about*/

.about { overflow:hidden; width:100%; margin:1.25em 0;}

.about h2{ text-align:center; padding-bottom:0.7em; border-bottom:1px solid #ededed; margin-bottom:1em; font-size:1.5em;}

.about h2 a{ color:#714345}

.about img.tu{ display:block; width:94%; margin:0 auto; margin-bottom:1.5em;}

.about h3{ margin-left:3%; font-size:1.25em; margin-bottom:1.25em;}

.about h3 a{ color:#262626;}

.about p{ overflow:hidden; width:94%; margin:0 auto; font-size:1em; color:#3c3b3b; line-height:1.7em; text-align:justify; margin-bottom:1em;}

.about .more{ display:block; width:60%; margin:0 auto; height:3em; line-height:3em; font-size:1.1em; color:#fff; background-color:#714345; border-radius:5px; text-align:center;}

.about .more img{ width:1.2em; position:relative; margin-left:0.3em; top:0.2em;}

.gcsj{overflow:hidden; width:100%; margin:1.25em 0;}
.gcsj h2{text-align:center; padding-bottom:0.7em; border-bottom:1px solid #ededed; margin-bottom:1em; font-size:1.5em;}
.gcsj img{display: block;width: 100%;}

/*news*/

.news { overflow:hidden; width:100%; padding-bottom:1.5em;}

.news .menu{ overflow:hidden; width:100%; border-bottom:1px solid #ededed; margin-bottom:1em;}

.news .menu li{ float:left; width:33.33333333333%; background:url(../images/Index/news_b.jpg) repeat-y right top; text-align:center; font-size:1em; font-weight:bold;}

.news .menu li a{ display: block; padding:0.8em 0; color:#212121;}

.news .menu li.on{ background:#714345;}

.news .menu li.on a{ color:#fff;}

.news .newsbox { overflow:hidden; width:94%; margin:0 auto; position:relative}

.news .newslist{ overflow:hidden; width:100%;}

.news .newslist img{ display:block; width:100%; margin-bottom:1.25em;}

.news .list{ overflow:hidden; width:100%; padding-bottom:0.8em; margin-bottom:0.8em; border-bottom:1px dashed #d4d4d4}

.news .list .time{ overflow:hidden; float:left; width:20%; text-align:center; color:#fff; background-color:#bebebe; font-family:Arial; padding:0.6em 0;}

.news .list span{ display:block; font-size:1.7em;}

.news .list em{ display:block; font-size:1em;}

.news .list .wen{ overflow:hidden; width:78%; float:right;}

.news .list h3{ font-size:1em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:0.3em; font-weight:normal}

.news .list h3 a{ color:#151515;}

.news .list p{ font-size:1em; color:#5e5e5e; line-height:1.25em; height:2.5em; overflow:hidden}

.news .list:nth-child(4){ border:none; padding-bottom:0; margin-bottom:0}



/*.tophone*/

.tophone { overflow:hidden; width:94%; padding:0.5em 3%; background:linear-gradient(to bottom,#fff,#d5d5d5);}

.tophone .phone{ display:block; float:left; font-size:1.2em; color:#383838;}

.tophone .phone span{ color:#ef7f00; font-family:Arial;}

.tophone .phone img{ width:1.5em; margin-right:0.2em; position:relative; top:0.4em;}

.tophone .top{ display:block; float:right; width:10%}

.tophone .top img{ display:block; width:100%;}



/*info*/

.info { overflow:hidden; width:100%; margin-top:1.7em; margin-bottom:6em}

.info p{ font-size:1em; color:#3e3e3e; text-align:center; line-height:1.5em;}

.info p a{ color:#3e3e3e;}



/*footer*/

footer { overflow:hidden; width:100%; padding:1.25em 0; background-color:#272525; position:fixed; left:0; bottom:0}

footer a{ display:block; width:24.7%; float:left; text-align:center; font-size:1em; color:#fff; border-right:1px dotted #fff;}

footer a:nth-child(4){ border:none}