﻿/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
/* CSS Document */
html{}
body{}
.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{overflow:hidden;}
.header a.logo{float:left;display:block;width:7.167em;}
.header .logoImg{float:left;display:block;width:7.167em;}
.header .hdTxt{ float:left; width:18.500em; border-left:1px #e3e3e3 solid; padding-left:0.833em; margin-top:1.042em; }
.header .hdTxt .p1{color:#005dcb; font-weight:bold;color:#58391e}
.header .hdTxt .p2{ font-weight:bold; background:url(../images/Common/tel_03.png) left center no-repeat;font-size:1.250em; padding-left:1.833em; margin-top:0.417em; background-size:1.625em auto}
.header .hdTxt .p2 a{color:#ff992c; font-family:Arial}
/*导航*/
.nav ul{ background:url(../img/navbg.png); background-size:0.87em auto; overflow:hidden}
.nav ul li{  float:left; width:25%;height:2.917em; text-align:center;line-height:2.917em;}
.nav ul .l1 a{ border-left:1px #714a26 solid; border-right:1px #472e18 solid}
.nav ul .l2 a{ border-left:1px #946032 solid; border-right:1px #d78c48 solid}
.nav ul li a{color:#ffffff; display:block; line-height:2.917em;height:2.917em;}
/*banner*/
.banner img{ display:block; width:100%}
.content{padding:0px 0.833em;background:#e7e7e7; padding-top:1em;}
/*搜索*/
.search{ overflow:hidden; width:100%; }
.search .ss{ display:block; width:18.5%; float:left; text-align:center; color:#ffffff;height:2.917em; background:#c07d41; line-height:2.917em}
.search input{ border:0px; width:79.5%; float:left; height:2.917em;color:#929292; padding-left:2%; outline:none;font-family:Microsoft YaHei;box-shadow: 0px 0px 2px 2px #c07d41 inset;}
/*产品中心*/
.product{ margin-top:0.833em;}
.product .protit{height:2.917em; background:#cfcfcf; line-height:2.917em;}
.product .protit h4{ width:7.750em; background:#333333; font-size:1em; text-align:center; height:2.917em; float:left}
.product .protit h4 a{ color:#ffffff}
.product .protit em{ float:right; padding-right:0.833em;}
.product .protit em a{color:#494645}
.product .protot{ background:#ffffff; padding:1.458em 0.625em;}
.product .protot .flul{ height:2.500em;}
.product .protot .flul li{ float:left; width:50%; background:#333333; color:#ffffff; height:2.500em; text-align:center; line-height:2.500em;position:relative;}
.product .protot .flul .on{ background:#c07d41}
.product .protot .flul li:after{content:''; position:absolute; bottom:-1em; left:50%; margin-left:-0.5em; width:0; height:0; border:0.5em solid transparent; border-top-color:#c07d41; display:none;}
.product .protot .flul .on:after{display:block;}
.product .protot .proul{ margin-top:1.250em; overflow:hidden}
.product .protot .proul li{width:44%; float:left; margin:0px 3%}
.product .protot .proul li img{ display:block; width:100%;}
.product .protot .proul li h5{ font-size:1em; font-weight:normal; text-align:center; line-height:1.667em;}
.product .protot .proul li h5 a{color:#333333}
.product .protot .proul li p{ text-align:center;color:#333333; line-height:1.667em;}
.product .protot .proul li span a{ display:block; width:5.542em; height:1.583em; text-align:center; line-height:1.583em; color:#ffffff; background:#c07d41; margin:0px auto; margin-top:0.417em}
/*解析*/
.jiexi{ margin-top:0.833em;}
.jiexi .jxtit{ background:#333333; height:2.500em; line-height:2.500em; text-align:center;}
.jiexi .jxtit h4{ font-weight:normal; font-size:1.250em;}
.jiexi .jxtit h4 a{ color:#ffffff}
.jiexi .jxtot{ background:#ffffff; padding-top:1.917em; overflow:hidden}
.jiexi .jxtot .tdul{ height:3.083em;}
.jiexi .jxtot .tdul li{ width:25%; float:left; background:url(../img/b_31.png) left no-repeat; height:2.083em; line-height:2.083em; text-align:center; font-size:1.042em;color:#333333; background-color:#cfcfcf;position:relative;}
.jiexi .jxtot .tdul li.on{ background:#c07d41; color:#ffffff; font-weight:bold}
.jiexi .jxtot .tdul li:after{content:''; position:absolute; bottom:-0.9em; left:50%; margin-left:-0.5em; width:0; height:0; border:0.5em solid transparent; border-top-color:#c07d41; display:none;}
.jiexi .jxtot .tdul .on:after{display:block;}
.jiexi .jxtot .tdtot img{ display:block; width:100%;}
.tdtot ul {
  width: 88%;
  float: left;
  margin: 0px 3%;
}
.tdtot ul li {
  width: 100%;
  float: left;
}
.tdtot ul li img {
  display: block;
  width: 100%;
}
/*新闻列表*/
.news{ margin-top:0.833em;}
.news .newstit{ background:#333333; height:2.500em; line-height:2.500em; text-align:center;}
.news .newstit h4{ font-weight:normal; font-size:1.250em;}
.news .newstit h4 a{ color:#ffffff}
.newslist{padding:15px 0;}
.newslist li{height:26px; line-height:26px; border-bottom:1px solid #ccc; font-size:.75em; margin:0 11px; overflow:hidden;}
.newslist li a{color:#333;}
/*门店*/
.mendian{ margin-top:1.042em;}
.mendian .mdtit{ height:2.708em;}
.mendian .mdtit li{ width:50%; float:left; background:#333333;color:#ffffff; line-height:2.708em; text-align:center}
.mendian .mdtit li.on{ background:#c07d41}
.mendian .mdtot1{ padding:0px 0.750em; padding-top:1.250em; background:#ffffff}
.mendian .mdtot1 ul li{  width:100%;}
.mendian .mdtot1 ul li img{ display:block; width:100%;}
.mendian .mdtot1 ul li img a{ display:block; width:100%;}
.mendian .mdtot1 ul li h5{ font-weight:normal; line-height:3.250em; text-align:center; font-size:1em}
.mendian .mdtot1 ul li h5 a{color:#333333;}
/*优势*/
.ys { margin-top:1.500em;}
.ys img{ display:block; width:100%;}
/*电话*/
.tel{ height:4.417em; line-height:4.417em;}
.tel em{ background:url(../img/tel.png) left center no-repeat; padding-left:1.667em;color:#e2934d; float:left; margin-left:1em; background-size:1.500em auto}
.tel span{ display:block; background:url(../img/bg.png) left center no-repeat; width:7.500em; height:4.417em; float:left; padding-left:0.500em; background-size:8.000em auto}
.tel span a{color:#e2934d;}
/*底部*/
.footkong{ width:100%; height:2.917em;}
.footer{ background:url(../img/fff_05.jpg);position:fixed; bottom:0px; width:100%; font-family:Microsoft YaHei;background-size:0.417em auto}
.footer ul{height:2.917em;}
.footer ul li{ width:33.3%; float:left; line-height:2.917em; background:url(../img/fbg_03.png) right center no-repeat; background-size:1.083em auto}
.footer ul li a{ display:block; color:#ffffff; width:4.583em; margin:0px auto; padding-left:1.667em; background-size:1.250em auto}
.footer ul li:nth-child(3){ background:none}
.footer ul li .a1{ background:url(../img/f1.png) left center no-repeat;background-size:1.250em auto}
.footer ul li .a2{ background:url(../img/f2.png) left center no-repeat;background-size:1.250em auto}
.footer ul li .a3{ background:url(../img/f3.png) left center no-repeat;background-size:1.250em auto}
@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%;}
}










