﻿@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; width:100%; height:8em;}
header .headerTop{ overflow:hidden; width:100%; margin-bottom:1.4em; height:2.2em; background-color:#226288; text-align:center;}
header .headerTop a{ font-size:1em; color:#fff; padding-left:1.5em; background:url(../images/Common/phone.png) no-repeat left center; background-size:1.2em; line-height:2.2em}
header h1{ float:left; width:9%; padding-right:2%; border-right:1px solid #ccc; margin-right:2%; margin-left:5%}
header h1 img{ width:100%; display:block;}
header .wen{ overflow:hidden; float:left;}
header h2{ font-size:1.25em; color:#000;}
header p{ font-size:1em; color:#505050;}
header p em{ color:#226288}


.nav{ overflow: hidden; position: relative; top: -0.080em; left: 0;}
.nav ul{position:relative; overflow:hidden;}
.nav ul:after{content:''; position:absolute; top:50%; left:0; z-index:9; width:100%; height:0; border-bottom:1px solid #2d1e0f;}
.nav li{float:left; width:25%; text-align:center;}
.nav li a{display:block; padding:15% 0px;  font-size:1em; color:#fff; margin-top:1px; position:relative; background-color:#343434;}
.nav li a:after{content:''; position:absolute; top:0; right:-2px; z-index:9; height:100%; width:0px;  border-left:1px solid #1c1c1c; border-right:1px solid #494949;}


/*公共颜色调用*/
.pagedSpan a{background:#333;}
.CategoryList_Title i{color:#333;}
.hdPhone p i{border:1px solid #fff;}
 .pagedSpan a{color:#fff;}
.pagedSpan{background:#feeddc;}

.jxbox{ overflow: hidden; padding: 0.833em; background-color: #e7e7e7; position: relative; top: -0.083em; left: 0px;}
.jxcont{ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbfbfb), color-stop(1, #dbdbdb)); padding: 7% 5% 12% 5%; box-shadow:0.208em 0.417em 0.375em #929191; border: 1px solid #c2c2c2; box-sizing: border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;}
.jxbox .ljzx{ display: block;  width: 5.667em; height: 1.875em; float: left; background: url(../images/Index/btn.png) no-repeat; background-size: 90%;}
.jxbox p{ overflow:hidden;  float: left; padding-left: 3%;}
.jxbox p em{ font-size: 1em; color: #343434;}
.jxbox p span{ font-size:1.250em ; font-weight: bold; color: #da251c;}

.totop{ width: 100%; text-align: center; background-color: #e7e7e7; margin-bottom: 15%; padding:3% 0 4% 0;position: relative; top: -0.083em; left: 0px;}
.totop a{ display: inline-block; width: 7.292em; height: 2.292em; line-height: 2.292em; background: url(../images/Index/jticon.png) no-repeat 10% center; background-size: 0.8em auto; text-align: center; font-size: 1em; color: #353535; border: 1px solid #c3c3c3; border-radius: 0.367em;}

footer{ overflow:hidden; width:100%; background-color:#226288; position:fixed; left:0; bottom:0}
footer a{ display:block; width:25%; height:5em; float:left; text-align:center; font-size:1em; color:#fff;}
footer img{ display:block; margin:0.6em auto; width:25%}

.ftmain{margin-bottom:6em;}


.elastic{ width:2.5em;z-index:9999; height:2.5em; position: fixed;top:0;right:92px;overflow:hidden; border-radius:50%;background:#800000 url(../images/Index/btnRight_ico.png) no-repeat center; background-size:auto 1em; margin-top:2em;}
.elastic.toRight{-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
background-position:center;right:13px;}
.binPlus{position:fixed; right:0; top:0; display:none; overflow:scroll; z-index:999; width:7.5em; height:100%; background-color:rgba(0,0,0,0.8);}
.binPlus ul{padding:1em 0; width:100%;}
.binPlus ul li{text-align:center; height:6.8em; margin-bottom:1em;}
.binPlus ul li img{width:4.792em;}
.binPlus ul li h5{margin-top:0.4em; font-weight:normal; font-size:1em;}
.binPlus ul li h5 a{color:#fff;}
.binPlus .btnDown{position:fixed; right:0; bottom:0; width:7.5em; height:4em;
background-color:rgba(0,0,0,0); 
background-image:-moz-linear-gradient(top , rgba(0,0,0,0) , rgba(0,0,0,0.8));
background-image:-webkit-linear-gradient(top , rgba(0,0,0,0) , rgba(0,0,0,0.8));
background-image:-o-linear-gradient(top , rgba(0,0,0,0) , rgba(0,0,0,0.8));
background-image:-ms-linear-gradient(top , rgba(0,0,0,0) , rgba(0,0,0,0.8));
background-image:linear-gradient(top , rgba(0,0,0,0) , rgba(0,0,0,0.8));}
.binPlus .btnDown i{position:absolute; width:100%; height:100%; background:url(../images/btnDown_ico.png) no-repeat center; background-size:1.667em auto;}
/*----------------------- binPlus ---------------------------------*/

/*分类标题*/
.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%;}

}