@charset "utf-8";
/* CSS Document */
body {
    background-color: #f9bf00;
    font-family: Verdana,Tahoma,Helvetica,Arial,sans-serif;
    font-size: 1em;
    line-height: 30px;
    margin: auto;
    max-width: 640px;
    min-width: 320px;
}
div, form, img, ul, ol, li, dl, dt, dd {
    border: 0 none;
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
ul, li {
    list-style-type: none;
}
p {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}
a{ color:#333;}
a img {
    border: medium none;
}
a:link {
    text-decoration: none;
}
a:visited, a:active {
    color: #333333;
    text-decoration: none;
}
a:hover {
    color: #333;
    text-decoration: none;
}
a:active {
    color: #666;
}
img {
    border: 0 none;
    max-width: 100%;
    vertical-align: middle;
}
.clearboth {
    clear: both;
    list-style-type: none;
}

.container {
    margin: 0 auto;
    position: relative;
    width: 90%;
	padding:0 5%;
	font-size:16px;
	line-height:26px;
	text-align: justify;
    word-break: break-all;
}
/*main*/
.logo { text-align:center; padding:1% 0; padding-top:1em;}
.logo img{ width:50%;}
.logo p{ text-align:center; color:#FFF; margin:1em 0;}
.box1{ border:#FFF 1px solid; padding:5%; margin-bottom:1.5em; line-height:2em; overflow:auto; }
.more a{ display:block; background-color:#000;border-radius:0.2em; color:#FFF; text-align:center; font-size:1.5em; padding:0.5em 0; margin-left:25%; width:8em; position:relative; top:-2em;}
.box1 h2{ font-weight:bold; font-size:1.2em;}
.box1 h3{ color:#FFF;}
.col50{ float:left; width:50%; text-align:center; margin-top:1em;}
.col50 img{ width:80%;}
.box{ position:relative; width:90%;padding:5%; margin-bottom:1.5em; text-align:center; }
.mainnav { width:100%; overflow:auto; text-align:center; margin:1em 0; }
.mainnav a{ width:60%; display:block;overflow:auto;border:#000 2px solid;background-color:#f9bf00; color:#000;border-radius:0.2em;  text-align:center; font-size:1.5em; padding:0.5em 1em; width:8em;margin-left:10%;}
.mainnav a:hover{ background-color:#000; border:#f9bf00 2px solid;color:#FFF;}

.top { width:100%; overflow:auto; margin:1em 0;}
.top .logo2{ width:7em; float:left;}
.top p{ text-align:right; font-size:0.8em; line-height:1.5em;}
.top .nav{ width:100%; overflow:auto; padding-top:0.5em;}
.nav a{ float:left; background-color:#000; color:#FFF;border-radius:6px; padding:0.2em 1em; margin-left:4%; text-align:center;}
.nav a:hover{ background-color:#f9bf00; color:#000;}
.nav a.on{background-color:#f9bf00; color:#000; font-weight:bold;}
.box2 img{ width:100%;}
.box2 h4{ font-weight:bold;}
.back{ width:100%; z-index:99; position:fixed;  bottom:1em; right:0.5em; text-align:center; max-width:640px;min-width:320px;}
.backin{ width:4em; margin-left:85%;}
.back a{color:#FFF; background-color:#000; opacity:0.8; font-size:1em; text-align:center; padding:0.5em;border-radius:50%;}
.back a:hover{ background-color:#f9bf00; color:#000;}

.lmpic{ width:100%; overflow:auto; text-align:center;}
.lmpic img{ margin-bottom:0.5em;}
.lmpic p{ line-height:1.5em; margin-bottom:0.5em;}
.foot{ width:100%; text-align:center; color:#FFF; font-size:0.8em;}

@media screen and (max-width: 375px) { 
.more a{margin-left:20%;}
.nav a{ margin-left:2%;}
}
@media screen and (max-width: 320px) { 
.more a{margin-left:20%;}  
.container{font-size:14px;}
.nav a{ margin-left:1%;}
} 
@media screen and (min-width: 640px) { 
.more a{margin-left:34%;} 
.nav a{ margin-left:5%;}
.mainnav a{margin-left:27%;}
} 
/*public*/
.fl{ float:left;}
.fr{ float: right;}
.date{ color:#999; font-size:14px;}
.backbtn{ width:100%; text-align:center; padding:1em 0; overflow:auto; margin-bottom:3em;}
.backbtn a{ display:block; width:50%; color:#FFF; background-color:#000; font-size:1em; text-align:center; line-height:2.4em; border-radius:0.6em; margin-left:25%; }
.tr{ text-align:right;}
.tac{ text-align:center; }
.ti3{ text-indent:3em;}
.linegary{ border-bottom:#f2f2f2 1px solid; margin-bottom:0.5em;}
.linetop{ border:0px #FFF dashed; border-top:#CCC 1px dashed;}
.mb1e{ margin-bottom:1em;}
.box1 ul{ width:100%; position:relative; margin-bottom:1em;}
.box1 ul.piliang li{ width:48%; float:left; position:relative; padding-bottom:1em; padding-top:0.5em;}
.box1 ul.piliang li p{ width:100%; float:left; position:relative;}
.pr2{ padding-right:4%;}