锘緻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; padding: 2% 0;}
.hdtop{ height: 2.833em; background: url(../images/Common/htbg.jpg) repeat-x;}
.hdtop p{ height: 1.5em; margin-left: 2em; background: url(../images/Common/mb.png) no-repeat left center; margin-top: 0.4em; background-size: 1.4em; padding-left: 1.45em;}
.hdtop p *{display: inline-block; float: left; line-height: 1.5em; height: 1.5em;}
.hdtop p span{ font-size: 1.1em; color: #292929; font-weight: bold;}
.hdtop p a{ font-size: 1.3em; color: #c81500; font-family: "Arial"; font-weight: bold;}
.hddown{overflow: hidden; padding-top: 0.5em; padding-left: 2%; padding-right: 2%;}
.hddown dt{float: left;}
.hddown dt img{float: left; width: 7.208em;}
.hddown dd{padding-left: 8.042em; padding-top: 0.5em;}
.hddown dd span{ font-size: 1.1em; color: #383838; font-weight: bold;}
.hddown dd p{ font-size: 1em; color: #535353; font-weight: bold;}

/*鍏叡棰滆壊璋冪敤*/
.pagedSpan a{background:#333;}
.CategoryList_Title i{color:#333;}
.hdPhone p i{border:1px solid #fff;}
 .pagedSpan a{color:#fff;}
.pagedSpan{background:#feeddc;}


.Copyright{overflow: hidden; text-align: center; margin-top: 0.5em;}
.Copyright p{ line-height: 1.5em; font-size: 1em; color: #212121;}
.Copyright p *{display: inline-block; font-size: 1em; color: #212121;}
.Copyright p em{width: 0.3em; height: 0.1em;}
/*-- Copyright_end --*/


.ftmagin{ margin-bottom: 7em;}

.ftmenu{ width: 100%; height: 4.8em; background:#2a2a2a; position:fixed; width:100%; left:0; bottom:0; z-index: 100;}
.ftmenu:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.ftmenu li{ float: left; width: 20%; text-align: center;}
.ftmenu li a{ display: block; height: 3.958em; padding-top: 0.6em;}
.ftmenu li.Home{ position: relative; top: -2em;}
.ftmenu li.Home a{ display: block; width: 100%;}
.ftmenu li.Home img{ display: block; width: 100%;}
.ftmenu li img{ width: 2.167em;}
.ftmenu li span{ display: block; font-size: 1em; color: #ffffff; margin-top: 0.2em; font-weight: bold;}
/*-- ftmenu_end --*/

/*鍒嗙被鏍囬*/
.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:none;}

/*鎼滅储*/
.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%;}

}