﻿@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 .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;font-size: 1.9em;}
.header .hdTxt .p2{ font-weight:bold; background:url(../images/tel_03.png) left center no-repeat;font-size:1.250em; padding-left:1.833em; margin-top:0.417em; background-size:1.625em auto;margin-bottom: 0.417em;}
.header .hdTxt .p2 a{color:#ff992c; font-family:Arial}
/*导航*/
.nav ul{ background:url(../images/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;}

/*公共颜色调用*/
.pagedSpan a{background:#333;}
.CategoryList_Title i{color:#333;}
.hdPhone p i{border:1px solid #fff;}
 .pagedSpan a{color:#fff;}
.pagedSpan{background:#feeddc;}


/*底部*/
.footkong{ width:100%; height:2.917em;}
.footer{ background:url(../images/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(../images/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(../images/f1.png) left center no-repeat;background-size:1.250em auto}
.footer ul li .a2{ background:url(../images/f2.png) left center no-repeat;background-size:1.250em auto}
.footer ul li .a3{ background:url(../images/f3.png) left center no-repeat;background-size:1.250em auto}


/*分类标题*/
.CategoryList_Title{height:2.968em; line-height:2.968em; padding:0 .687em; color:#333; text-align:center; border-bottom:1px solid #b0b4bb; font-size:1.125em; background: linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);}
.CategoryList_Title i{font-size:1.2em; margin-top:.75em;}
.CategoryList_Title .icon-details{margin-right:.5em;}


/*分类列表*/
.CategoryLista{}
.CategoryLista > li > a{height:3.031em; line-height:3.031em; display:block; color:#333; background:#f4f4f4; padding:0 1.125em; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1.125em;}
.CategoryLista li i{float:right; margin-top:.45em; color:#656565; font-weight:bold; font-size:1.6em;}
.CategoryLista > li li a{height:3.031em; line-height:3.031em; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; display:block; color:#666; background:#fff; padding:0 2.062em; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1em;}
.CategoryLista li:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.CategoryLista .icon-arrow-down{color:#f90;}
.CategoryLista > li > ul >li >ul{padding:0 1.125em;}
.CategoryLista > li > .list1,.CategoryLista > li > .list1 li ul{display:contents;}

/*搜索*/
.searchSpan{position:relative; overflow:hidden; margin:.687em;}
.searchSpan .txtSearch{height:33px; border-radius:5px; border:1px solid #ddd; font-size:.75em; text-indent:.25em; width:99.9%; outline:none;}
.searchSpan .btnSearch{position:absolute; right:0px; top:1px; border-radius:0 5px 5px 0; display:block; height:33px; line-height:33px; color:#333; width:2.5em; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; background:linear-gradient(180deg , #fff 0% , #ededed 100%);}



.green{coor:Green}
.red{color:Red}


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