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

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



/*分类标题*/
.CategoryList_Title{height:2.968em; line-height:2.968em; padding:0 .687em; color:#fff; text-align:center; border-bottom:1px solid #b0b4bb; font-size:1.125rem; background:#0D4DC2;}
.CategoryList_Title i{font-size:1.2em; margin-top:.75em;}
.CategoryList_Title .icon-details{ display:none;} 
.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:Red}
.red{color:Red}


@media screen and (min-width:320px) {
    html{font-size:75%;}
}
@media screen and (min-width:375px) {
    html{font-size:87.5%;}
}
@media screen and (min-width:480px) {
    html{font-size:87.5%;}
}
@media screen and (min-width:540px) {
    html{font-size:112.5%;}
}
@media screen and (min-width:550px) {
    html{font-size:125%;}
}
@media screen and (min-width:640px) {
    html{font-size:150%;}
}


/*首内页内容盒子*/
.section{ width: 94%; margin-right: auto; margin-left: auto;}

/*header*/
header{ overflow: hidden; width: 100%; padding: 1.2rem 0;}
header h1{float: left;width: 36%;}
header h1 img,header .ss img ,header .hdMune img { display: block; width: 100%;}
header .hdRt{float: right;width: 18%;margin-top: .75rem;}
header .ss{width: 30%;float: left;}
header .hdMune{width: 35%;float: right;;}

/*内页标题*/
.nyTit{ overflow: hidden; width: 100%; text-align: center; margin-top: 5% }
.nyTit h2{ font-weight: normal; font-size: 1.25rem; color: #333;}
.nyTit h2 a{ color: #333}
.nyTit i{ display: inline-block; width: 30px; height: 1px; background-color: #0d4dc2; margin-top: .3rem;}

/*首页标题*/
.indexTit{ overflow: hidden; width: 100%; padding: 1rem 0 .8rem; }
.indexTit h2{ font-weight: normal; font-size: 1.25rem; color: #333;}
.indexTit h2 a{ color: #333}

/*导航部分*/
nav{width: 20rem;overflow: auto;position: fixed;top:0;left:-20rem;background: #fff;height: 100%;z-index: 999999;}
nav .navBox{overflow: hidden;width: 100%;margin-top: 3.9rem;border-top: 1px solid #e8e8e8;}
nav .navBox>li{ overflow: hidden; position: relative}
nav .navBox>li>a{ display: block; padding: 1rem 0; font-size: 1rem; color: #666666; text-indent: 3.5rem;  border-bottom: 1px solid #e8e8e8}
nav .navBox>li>i{ display: block; width:1.8rem; height: 1.8rem; position: absolute; left:1rem; top:.8rem;}
nav .navBox>li>i>img{ display: block; width: 100%;}
nav .navBox>li>i>img.navImgH{ display:none}
nav .navBox>li>span{ font-size: 1.5rem; color: #777777; position: absolute; right: 1rem; top:.2rem; display: block; width:30%; text-align:right;}
nav .nextNav{ overflow: hidden; width: 100%; display: none}
nav .nextNav a{ display: block; background:#f8f8f8  url("../images/Common/navLiJian.png") no-repeat 1.5rem .5rem; text-indent: 3.5rem; color: #777777; font-size: 1rem; background-size: 3%; padding: .5rem 0; border-bottom: 1px solid #e8e8e8}
nav .navBox>li.active>a{ color: #0d4dc2; font-weight: bold}
nav .navBox>li.active>i>img.navImgH{ display: block}
nav .navBox>li.active>i>img.navImg1{ display: none}
nav .navBox>li.active .nextNav{ display: block}


/*搜索*/
.ssBox{position: fixed;left:0;top:0;padding: 1rem 4% 5rem;background-color: #fff;width: 100%;box-sizing: border-box;z-index: 99999; display: none}
.ssBox span{ display: block; font-size: 1.5rem; color: #999; width: 2rem; height: 2rem; text-align: center}
.ssBox .ssTxet{overflow: hidden;width: 100%;box-sizing: border-box;position: relative;}
.ssBox .ssTxet input{ width: 90%; border: none; outline: none; font-size: 1rem; color: #333; padding: .75rem 0;}
.ssBox .ssTxet em{width: 1.5rem;height: 1.5rem;border-radius: 50%;line-height: 1rem;color: #fff;position: absolute;right: 1rem;top:.5rem;text-align: center;}
.ssBox .ssTxet em{background:url("/mobile/images/Common/hdSs.png") no-repeat left top;background-size:100%; }
.ssBox .ssTxet em a{ display:block; width:1.5rem; height:1.5rem; }
.ssBox .ssTxet em img{ display: block; width: 100%;}
.ssBox .ssList{overflow: hidden;border-top: 1px solid #e8e8e8;}
.ssBox .ssList li{ padding: 0.5rem 0; color: #666; font-size: 1rem; border-bottom: 1px solid #e8e8e8}
.ssBox .ssList li b{ font-weight: normal; color: #e61f27; }
.ssBox .ssTxet em .icon-search btnSearch{ display: none !important;}
/*搜索*/
.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%);}



/*切换导航*/
.proNav{overflow: hidden;width: 100%;padding: .5rem 0;}
.proNav li{ width: 48%; border-radius: 5px; padding: .5rem 0; font-size: 1rem; color: #47474a; text-align: center; border: 1px solid #cdcdcd; box-sizing: border-box;  float: left; margin: .3rem 0;}
.proNav li a{ color: #333; display: block}
.proNav li i{display: inline-block;width: 1.5rem;height:1.5rem;vertical-align: text-bottom;margin-right: .5rem;}
.proNav li i img{ display: block; width: 100%; vertical-align: middle}
.proNav li i img:last-of-type{ display: none}
.proNav li:nth-child(2n){ float: right}
.proNav li.on{ background-color: #0844b1; border-color: #0844b1;}
.proNav li.on i img:first-of-type{ display: none}
.proNav li.on i img:last-of-type{ display: block}
.proNav li.on a{ color: #fff}
.mclose{display: block;font-size: 2rem;color: #0844b1;width: 2rem;height: 2rem;text-align: center;float: right;}

/*底部切换导航*/
.ftQhNav{ background-color: #fff; overflow: hidden; width: 100%;}
.ftQhNav li{ width: 25%; float: left; border-right: 1px solid #e8e8e8; box-sizing: border-box; padding: .5rem 0;}
.ftQhNav li i{ display: block; width: 2rem; margin: 0 auto}
.ftQhNav li i img{ display:none; width: 100%;}
.ftQhNav li i img:first-of-type{ display: block}
.ftQhNav li span{display: block;text-align: center;font-size: 1rem;color: #555555;line-height: 1.5rem;}
.ftQhNav li.on{ background-color: #0d4dc2; }
.ftQhNav li.on a{color: #fff}
.ftQhNav li.on i img:first-of-type{  display: none}
.ftQhNav li.on i img:last-of-type{  display: block}

/*回到顶部*/
a.returnTop{ overflow: hidden; width: 100%; display: block}
a.returnTop img{ display: block; width: 100%}

/*address*/
.address{overflow:hidden;background-color: #303032;padding: 1.5rem  0 3rem;}
.address .ftNav{ overflow: hidden; width: 100%; text-align: center;}
.address .ftNav li{display:inline-block;padding: 0 .8rem;border-right: 1px solid #555555;font-size: .9rem;}
.address .ftNav li a{ color: #fff}
.address .ftNav li:last-of-type{ border-right: none}
.address p{ font-size: .9rem; color: #777777; text-align: center; line-height: 1.5rem;}
.address p a{ color: #777777; }
.address p:first-of-type{margin-top: 5%;}

/*底部导航*/
footer{ overflow: hidden; width: 100%; background: #fff; border-top: 3px solid #0d4dc2; position: fixed; left:0; bottom: 0; z-index: 99999}
footer a{ width: 25%; float: left; border-right: 1px solid #e8e8e8; text-align: center; font-size: 1rem; color: #555555; padding: .5rem 0; box-sizing: border-box}
footer a img{ display: block; margin: 0 auto; width: 45%;}