@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 { overflow:hidden; width:100%; height:7em;}
header h1{ float:left; width:20%; margin-left:3%; margin-top:6%;}
header h1 img{ display:block; width:100%;}
header .wen{ overflow:hidden; float:left; width:70%; float:right; margin-right:3%; margin-top:6%;}
header h2{ font-weight:normal; font-size:1em; color:#585858;}
header b{ display:block; font-size:1em; color:#585858;}
header .wen a{ display:block; background:url(../images/phone.png) left center no-repeat; padding-left:1.5em; background-size:1em; font-size:1.25em; color:#43da6a; font-family:Arial;}

/*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; }
.focus .hd ul .on{ background:#43da6a;  }
.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); /* 取消链接高亮 */ }
	

/*nav*/
nav{ overflow:hidden; width:100%; margin-top:0.9em;}
nav a{ display:block; width:25%; float:left; text-align:center; font-size:1em; color:#3c3c3c; padding-bottom:1em;}
nav a img{ display:block; margin:0 auto; width:80%; margin-bottom:0.5em;}

/*申领*/
.sl{ display:block; width:100%; padding:0.9em 0; background-color:#ececec;}
.sl img{ display:block; width:100%;}

/*pro*/
.pro { overflow:hidden; width:100%;}
.pro .menu{ overflow:hidden; width:100%; padding-bottom:0.5em; margin-bottom:1.25em;}
.pro .menu li{ float:left; width:33%; margin-right:0.3333333333%; text-align:center; font-size:1em; color:#fff; font-weight:bold; padding:1.1em 0; background-color:#4e4e4e; position:relative}
.pro .menu li:nth-child(3){ width:33.3333333333%; margin-right:0;}
.pro .menu li img{ display:none; position:absolute; width:8%; left:42%; bottom:-0.5em;}
.pro .menu li.on{ background-color:#43da6a}
.pro .menu li.on img{ display:block;}
.pro .proBox{ overflow:hidden; width:96%; margin:0 auto;}
.pro .proBox ul{ overflow:hidden; width:100%;}
.pro .proBox li{ float:left; width:50%; float:left; padding-bottom:1.5em;}
.pro .proBox li img{ display:block; width:90%; margin:0 auto; padding:1px; border:1px solid #d5d5d5; margin-bottom:0.7em;max-height:144px;}
.pro .proBox li span{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1em; color:#585858; width:90%; margin:0 auto;}

/*供应商*/
.gys { overflow:hidden; width:100%; background:url(../images/gys_t.jpg) no-repeat center top; background-size:100%; padding-bottom:1.6em;}
.gys .phone{ display:block; text-align:center; font-size:0.8em; color:#fff; margin-top:29%; margin-bottom:12%;}
.gys .phone b{ font-size:1.5em;}
.gys ul{ overflow:hidden; width:96%; margin:0 auto; margin-bottom:1.5em;}
.gys li{ float:left; width:50%; position:relative; margin-bottom:0.8em;}
.gys li img{ display:block; width:90%; padding:1px; border:1px solid #d5d5d5; margin:0 auto;}
.gys li span{ display:block; width:90%; text-align:center; font-size:1em; color:#fff; padding:0.8em 0; background-color:#282828; opacity:0.5; position:absolute; left:5%; bottom:2px;}
.gys .more{ display:block; width:50%; border-radius:2em; text-align:center; font-size:1.1em; color:#fff; padding:1.1em 0; background-color:#005fa7; margin:0 auto;}

.fenge{ width:100%; height:0.8em; overflow:hidden; background-color:#ececec;}

/*case */
.case { overflow:hidden; width:100%;}
.case .menu{ overflow:hidden; width:100%; padding-bottom:0.5em; margin-bottom:1.25em;}
.case .menu li{ float:left; width:50%; text-align:center; font-size:1em; color:#fff; font-weight:bold; padding:1.25em 0; position:relative; background-color:#4e4e4e;}
.case .menu li img{ display:none; position:absolute; width:8%; left:42%; bottom:-0.5em;}
.case .menu li.on{ background-color:#43da6a}
.case .menu li.on img{ display:block;}
.case .caseBox{ overflow:hidden; width:96%; margin:0 auto;}
.case .caseBox ul{ overflow:hidden; width:100%;}
.case .caseBox li{ float:left; width:50%; float:left; padding-bottom:1.5em;}
.case .caseBox li img{ display:block; width:90%; margin:0 auto; padding:1px; border:1px solid #d5d5d5; margin-bottom:0.7em;}
.case .caseBox li span{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1em; color:#585858; width:90%; margin:0 auto;}

/*优势*/
.youshi { overflow:hidden; width:100%;}
.youshi .yst{ display:block; width:100%; margin-bottom:1.6em;}
.youshi dl{ overflow:hidden; width:94%; margin:0 auto; padding-bottom:1em; background:url(../images/youshi_y.png) no-repeat right bottom; background-size:100%; margin-bottom:0.5em;}
.youshi dt{ overflow:hidden; width:25%; float:left; text-align:center; font-size:2.3em; color:#535353; padding:1em 0; background:url(../images/youshi_k.png) no-repeat center; background-size:100%;}
.youshi dd{ overflow:hidden; width:73%; float:right;}
.youshi h4{ font-size:1.1em; color:#43da6a; margin-bottom:0.3em; margin-top:0.8em;}
.youshi p{ font-size:1em; color:#4e4e4e; line-height:1.25em;}
.youshi dl:nth-child(5){ background:none}

/*news*/
.news{ overflow:hidden; width:100%; padding-bottom:2.5em;}
.news .menu{ overflow:hidden; width:100%; padding-bottom:0.5em; margin-bottom:1.25em;}
.news .menu li{ float:left; width:50%; text-align:center; font-size:1em; color:#fff; font-weight:bold; padding:1.25em 0; position:relative; background-color:#4e4e4e;}
.news .menu li img{ display:none; position:absolute; width:8%; left:42%; bottom:-0.5em;}
.news .menu li.on{ background-color:#43da6a}
.news .menu li.on img{ display:block;}
.news .newsBox{ overflow:hidden; width:94%; margin:0 auto;}
.news .newslist{ overflow:hidden;}
.news .newslist img{ display:block; width:96%; margin:0 auto; padding:1px; border:1px solid #d5d5d5; margin-bottom:1.6em;}
.news .newslist h4{ font-size:1.25em; margin-bottom:1em;}
.news .newslist h4 a{ color:#303030;}
.news .newslist p{ font-size:1em; color:#585858; line-height:1.6em; margin-bottom:1.6em;}
.news .newslist .more{ font-size:1em; color:#43da6a;}
.news .newslist li{ width:100%; overflow:hidden; background:url(../images/news_li.png) no-repeat left center; background-size:2%; font-size:1em; line-height:2em;}
.news .newslist li a{ display:block; width:60%; float:left; margin-left:3%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#505050;}
.news .newslist li span{ float:right; color:#838383;}
/*info*/
.info { overflow:hidden; margin-bottom:6em;}
.info .top{ display:block; overflow:hidden; width:13%; margin:0 auto; margin-bottom:1em;}
.info .top img{ display:block; width:100%;}
.info p{ text-align:center; font-size:1em; color:#585858; margin-bottom:0.3em;}
.info p a{ color:#585858;}

/*footer*/
footer { overflow:hidden; width:100%; position:fixed; left:0; bottom:0; background-color:#333;}
footer a{ display:block; width:25%; float:left; text-align:center; font-size:0.9em; color:#fff; padding:0.6em 0;}
footer img{ display:block; margin:0 auto; width:20%; margin-bottom:0.4em;}