﻿
/*pages*/
.pagination-wrapper{
margin: 20px 0;
}
.pagination{
height: 34px;
text-align: center;
}
.pagination li {
display: inline-block;
height: 34px;
margin-right: 5px;
}
.pagination li a{
float: left;
display: block;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;
border: 1px solid #dddddd;
color: #555555;
text-decoration: none;
}
.pagination li a:hover{
background:#f5f5f5;
color:#0099ff;
}
.pagination li.thisclass {
background: #09f;
color: #fff;
}
.pagination li.thisclass a,.pagination li.thisclass a:hover{
background: transparent;
border-color: #09f;
color: #fff;
cursor: default;
}
@charset "utf-8";
/* CSS Document */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
ol , ul ,li{list-style:none;}
.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) {
	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%;}
}




/* 根据设计稿决定  640px    1rem=64px;(640/100) */

/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}


/*header*/
header{width: 100%;overflow: hidden;}
header img{display: block;width: 100%;}

header dl{width: 100%;height: 5.8rem;padding-top: 1rem;}
header dt{width: 17%;float: left;margin-left: 3%;}
header img{display: block;width: 100%;}
header dd{width: 75%;float: left;border-left: 1px solid #dfdfdf;padding-left: 3%;margin-left: 3%;box-sizing: border-box;margin-top: 1rem;}
header dd h3{font-size: 1.25rem;color: #333333;}
header dd p{font-size: 1.1rem;color: #666666;margin-top: .2rem;}
header dd p a{color: #00984f;font-size: 1.3rem;font-weight: bold;}
header dd p img{width: 8%;display: inline-block;margin-right: 2%;position: relative;top: 0.3rem;}


/*nav*/
nav{width: 100%;overflow: hidden;background:#00984f;}
nav a{font-size: 1.15rem;color: #fff;display: block;float: left;width: 25%;text-align: center;box-sizing: border-box;border-left: 1px solid #0e8444;border-right: 1px solid #20a565;height: 2.8rem;line-height: 2.8rem;}
nav a:nth-child(4),nav a:nth-child(8){border-right: none;}
nav a:nth-child(1),nav a:nth-child(2),nav a:nth-child(3),nav a:nth-child(4){border-bottom:  1px solid #0e8444;}
nav a:nth-child(5),nav a:nth-child(6),nav a:nth-child(7),nav a:nth-child(8){border-top:  1px solid #20a565;}
nav a:nth-child(4n+1){border-left: none;}


/* footer */
footer{ width: 100%;background: #f6f6f6;}
.footerCenter{width: 100%;padding: 2.2rem 0 18%;text-align: center;background: url(../images/Index/chooseBg.jpg) no-repeat center;background-size: cover;}
.footerCenter p{font-size: 1rem;color: #999999;margin-bottom: .5rem;}
.footerCenter p a{color: #999999;}

.footerBottom{ position: fixed; bottom: 0;left: 0; width: 100%;}
.footerBottom img{display: block;width: 100%;}
.footerBottom a{display: block;float: left;width: 25%;text-align: center;  box-sizing: border-box;border-left: 1px solid #45b47f;background: #00984f;;height: 3.3rem;line-height: 3.3rem;font-size:1.2rem;color: #fff;}
.footerBottom a:first-child{border-left: none;}

/* backTop */
.backTop{position: fixed;width: 17%;right: 3%;bottom: 15%;}
.backTop img{display: block;width: 100%;}




/*公共颜色调用*/
.pagedSpan a{background:#333;}
.CategoryList_Title i{color:#333;}
.hdPhone p i{border:1px solid #fff;}
 .pagedSpan a{color:#fff;}
.pagedSpan{background:#feeddc;}



/*分类标题*/
.CategoryList_Title{height:2.968rem; line-height:2.968rem; padding:0 .687rem; color:#333; text-align:center; border-bottom:1px solid #b0b4bb; font-size:1.2rem; background: linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);}
.CategoryList_Title i{font-size:1.2rem; margin-top:.75rem;}
.CategoryList_Title .icon-details{margin-right:.5rem;}


/*分类列表*/
.CategoryLista{}
.CategoryLista > li > a{height:3.031rem; line-height:3.031rem; display:block; color:#333; background:#f4f4f4; padding:0 1.125em; border-bottom:1px solid 

#cfcbc1; border-top:1px solid #fff; font-size:1.2rem;}
.CategoryLista li i{float:right; margin-top:.45rem; color:#656565; font-weight:bold; font-size:1.6rem;}
.CategoryLista > li li a{height:3.031rem; line-height:3.031rem; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; display:block; color:#666; 

background:#fff; padding:0 2.062rem; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1.2rem;}
.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:.687rem;padding-bottom:0rem;}
.searchSpan .txtSearch{height:33px; border-radius:5px; border:1px solid #ddd; font-size:1rem; text-indent:.25rem; 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:3.5rem; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; background:linear-gradient(180deg , #fff 0% , #ededed 100%);}
#DetailedSpan div table{width:640px !important;}
#ErrorInfo{ text-align:center; margin-bottom: 0.5rem; margin-top:0.5rem;    font-size: 1rem;} 
#ErrorInfoZ{ text-align:center; margin-bottom: 1rem; margin-top:1rem;    font-size: 1rem;} 
.green{color:#00984f;display:block;}
.yellow{color:#ffdf01;display:block;}
.red{color:red; display:block;}




