@charset "utf-8";
/* CSS Document */
html{color:#333;background:#f7f7f;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-size: 62.5%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
body{font-family: 'Microsoft YaHei'; max-width:750px; margin:0 auto;}
ol, ul, li{list-style: none;}
b,strong{ font-weight:bold}
h1,h2{ font-weight:bold}
em,i{ font-style:normal}
a{text-decoration: none;display:inline}
img{border:none; display:block;width: 100%;}
.fl, .fr{_display: inline;}
.fl{float: left;}
.fr{float: right;}
.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{position: relative;}
.fonts{font:0.2rem/1.8 "microsoft yahei"; text-align:justify}

.mt50{ margin-top:0.5rem}
.pd30{ padding:0.3rem}
.bg_white{ background:#fff}


/*导航*/
.nav{ padding:0 0.3rem;overflow:hidden; margin-top:-0.75rem; position:relative; z-index:998}
.nav ul li{ width:1.3rem; height:1.5rem; float:left; background:url(img/navbg.png) no-repeat; background-size:1.3rem 3rem; color:#fff; text-align:center; margin-right:0.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.nav ul li b{ display:block; margin-top:-0.1rem;}
.nav ul li a{ display:block; color:#fff}
.nav ul li:first-child a{ color:#fff000}
.nav ul li:last-child{ margin-right:0}
.nav ul li.on{ background:url(img/navbg.png) no-repeat 0 -1.5rem; background-size:1.3rem 3rem; }
.nav ul li.on a{color:#000}
/*标题*/
.title{ width:100%; text-align:center; line-height:0; background:url(img/titbg.png) no-repeat 4.3rem 0; margin-top:0.5rem;}
.title em{ text-transform:uppercase; font-size:0.16rem; letter-spacing:2px; line-height:0.3rem}
.title h2{ font-size:0.4rem; border-bottom:1px solid #000; line-height:0.5rem; padding-bottom:0.1rem;}
.title span{ display:inline-block; width:22%; height:3px; background:#f0e202; vertical-align:top; margin-top:-1px}

.p01 ul li{ width:100%; float:left}
.p01 ul li h3{ text-align:center}
.p01 ul li h3 b{ display:block; font-size:0.24rem}
.p01 ul li img{ margin:0.2rem 0}
.p01 p{ padding:0 0.65rem; text-indent:2em; text-align:justify}
.p01 a{ display:block; width:30%; margin:0.4rem auto; font-weight:bold; border:2px solid #222; border-radius:3px; line-height:0.6rem; text-align:center}
.num_s{ width:20%; margin:0 auto; text-align:center;  font-size:0; background:#f7f7f7; margin-bottom:-0.05rem}
.num_s li{ display:inline-block; width:0.1rem; height:0.1rem; background:#222; margin:0 0.05rem -0.02rem 0}
.num_s li.on{ background:#fff000}
.line{ border-bottom:1px solid #ccc}

.page ul li{ width:48%; padding:0 0.2rem 0.2rem 0.2rem; margin:0.3rem 1%; box-sizing:border-box; float:left; background:#fff; text-align:center; min-height:3.6rem}
.page ul li:first-child{ width:98%;}
.page ul li b{ display:inline-block; font-size:0.24rem; background:#fff000; padding:0 0.4rem; line-height:0.6rem; vertical-align:top; margin-top:-0.3rem}
.page ul li p{ text-indent:2em; text-align:justify}
.page dl{ width:98%; margin:0 1%; float:left; background:#fff000}
.page dl dt{ width:50%; float:left}
.page dl dd b{ display:block;}
.page dl dd span{ display:inline-block; width:30%; height:3px; background:#000}


.p03 h2{ width:100%; text-align:center; font-size:0.3rem;}
.p03 em{ display:block; width:100%; text-align:center; font-weight:normal; color:#ccc}
.p03 p{ color:#666;}
.p03 ul{ overflow:hidden; margin:0.3rem 0;}
.p03 ul li{ width:100%; float:left; margin-bottom:0.3rem}
.p03 ul li:last-child{ margin-bottom:0}
.p03 ul li span{ display:block; float:left; width:14%; padding:0.15rem 0; background:#222; text-align:center; font-size:0.16rem; border-radius:3px; color:#fff}
.p03 ul li span i{ display:inline-block; font-size:0.2rem; color:#fff000; vertical-align:top; border-bottom:1px solid #fff; padding-bottom:0.1rem}
.p03 ul li .fr{ width:83%; float:right}
.p03 ul li .fr b{ font-size:0.24rem; font-weight:normal}
.p03 ul li .fr p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden; color:#666}
.more{ display:block; width:100%; text-align:center; font-weight:bold; border:2px solid #222; border-radius:3px; line-height:0.8rem; font-size:0.3rem; box-sizing:border-box}


.pro{ border-bottom:8px solid #222}
.pro dl{ width:48%; text-align:center}
.pro dl:nth-child(odd){ float:left}
.pro dl:nth-child(even){ float:right}
.pro dl dt{ display:inline-block; border-radius:100%; }
.pro dl dt img{ width:1.8rem; height:1.8rem; padding:0.1rem;border-radius:100%; background:url(img/perbg.png) no-repeat; background-size:100%; margin:0 auto}
.pro dl dt b{ font-size:0.24rem;}
.pro dl dt p{ line-height:normal}
.pro dl dt span{ display:inline-block; width:30%; height:2px; background:#fff000}
.pro dl dd p{ text-align:left; text-align:justify; color:#666; text-indent:2em}

.skim{ display:none!important}
@media screen and (max-width:320px){
	.page ul li{ min-height:5.6rem}
}