@charset "UTF-8";

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;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
h1 , h2 , h3 , h4 , h5 , h6 {font-size:100%;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
/**/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.clear {clear:both;}
.cl {clear:left;}
.cr {clear:right;}
.clearfix:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
*html .clearfix {height:1%}
.Clearfix {display:block;}
.vm {vertical-align:center;}
.pr {position:relative;}
.pa {position:absolute;}
.abs-right {position:absolute;right:0;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.none {display:none;}
/**/
.curp{cursor:pointer};
/*reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif; font-size:63%;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.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 .hdbg{ width: 100%; display: block; height:7.792em; position: relative; z-index: 2;}
.header .hdcont{height:7.792em; margin-top: -7.792em; position: relative; z-index: 5;}
.header .hdtop{ height: 2.417em; text-align: center; overflow: hidden; padding: 0 5%;}
.header .hdtop p{ float: left; margin-left: 10%; margin-top: 0.4em; font-size: 1em; color: #292929; padding-left: 1.4em; background: url(../images/Common/mb.png) left center no-repeat; background-size: 1.2em;}
.header .hdtop p a{ font-size: 1.250em; color: #f5a100; font-weight: bold;}
.header .hddown{ padding: 0px 2%; margin-top: 1.2em;}
.header .hddown img{ display: block; width: 10.333em; float: left; margin-top: 0.5em;}
.header .hddown>div{ padding-left: 10.833em;}
.header .hddown>div span{ font-weight: bold; color: #383838; font-size: 1.3em;}
.header .hddown>div p{ font-size: 1.1em; color: #1b1b1b;}


/**/
.pagedSpan a{background:#333;}
.CategoryList_Title i{color:#333;}
.hdPhone p i{border:1px solid #fff;}
 .pagedSpan a{color:#fff;}
.pagedSpan{background:#feeddc;}

.ftmagin{ margin-bottom: 6.5em;}

/*footer_end*/
.ftmenu{ width: 100%; height: 4.5em; background:#309494; 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;}


/**/
.CategoryList_Title{ position:relative;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{ display:block; color:#333;font-size:1.125em; position:absolute; top:8px; right:3px}
.CategoryLista li i{float:right; margin-top:.45em; color:#656565; font-weight:bold; font-size:18px;}
.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;}




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

.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}

.cont_c img{ width:100% !important; height:auto !important}

#pages {margin:30px 0;text-align:center;clear:both;}
#pages a {display:inline-block;vertical-align:middle;margin:0 3px 3px;color:#999;padding:0 9px;height:24px;line-height:24px;border:1px solid #ccc;}
#pages a.page-num-current {background-color:#ccc;color:#fff;border-color:#ccc;}




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

}