@charset "UTF-8";
* { margin: 0 ; padding: 0; font-family:"微软雅黑"}
html,body { height:100%; font:16px/1.6  Microsoft YaHei, Helvetica, sans-serif; color:#4c4c4c;}
html { background: #f4f4f5;}
body { min-height: 100%; height: auto;}
body.in { background: url(../p/white-bg.png) top center repeat-y;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
ol, ul, li {list-style: none}
h1, h2, h3, h4, h5, h6 { font-size: 22px;}
img { max-width: 100%; height: auto; border: 0;}
table { empty-cells: show; border-collapse: collapse; }
caption, th { text-align: left; font-weight: 400;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0}
audio, canvas, iframe, img, svg, video {vertical-align: middle}
textarea {resize: vertical}
input, select, button, textarea {font-size: 100%; font-family: inherit; outline: none;}
a { color: inherit; text-decoration: none;}
a:hover {}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#aaa}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#aaa}
input[type=text], select {-webkit-appearance: none}

.clearfix:after {content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden}
.clearfix {*zoom:1}
.clear {clear: both;width: 0px;height: 0px;font-size: 0px;overflow: hidden}
.white-box { margin-top: 6px; padding: 8px; border: solid 1px #cfcfcf; border-radius: 3px; background: #fff;}
.white-box.yellow { color: #fff; border-color: #d38502; background: #f9a400;}
.white-box.blue { color: #fff; border-color: #058da9; background: #21b4d2;}
.white-box.red { color: #fff; border-color: #a70202; background: #e42121;}
.white-box.green { color: #fff; border-color: #058106; background: #3ec23f;}
.white-box.black { color: #fff; border-color: #000; background: #111;}
.mt10 { margin-top: 6px;}
@media screen and (max-width:800px){
/*body { padding: 0 5px;}*/
}
.wrapper { max-width: 800px; margin: 0 auto;}


header { padding: 5px 0; text-align: center; background: #fff;}

.main-nav { text-align: center; color: #fff; background: #921818; background-image: linear-gradient(to top, #921818, #e42121);}
.main-nav ul {}
.main-nav ul li { float: left; width: 20%;}
.main-nav ul li a { height: 32px; line-height: 32px; display: block;}

.yj-web { text-align: center;}
.gp { padding: 5px; font-weight: bold;}
.gp-tit { padding-bottom: 5px;}
.gp-tit a {}
.gp-tit a img { width: 17px; margin-right: 5px;}
.gp-tit a span { float: right; padding-right: 15px; background: url(../p/p-right-red.png) right center no-repeat; background-size: 9px;}
.gp dl {}
.gp dl dt { float: left; width: 125px; height: 125px;}
.gp dl dd { padding-left: 135px;}

.tit { margin-top: 6px; padding: 10px; font-weight: bold; border-bottom: solid 1px #e6e6e6; background: #fff;}
.tit img { width: 17px; margin-right: 5px;}

.list-333 {}
.list-333 ul {}
.list-333 ul li { float: left; width: calc(33.33% - 4px); margin-top: 6px; margin-right: 6px;}
.list-333 ul li:nth-child(3n) { margin-right: 0;}
.list-333 ul li a { padding: 8px; text-align: center; border: solid 1px #cfcfcf; border-radius: 3px; background: #fff; display: block;}

.list-22 {}
.list-22 ul {}
.list-22 ul li { float: left; width: calc(50% - 3px); margin-top: 6px; margin-right: 6px;}
.list-22 ul li:nth-child(2n) { margin-right: 0;}
.list-22 ul li a { padding: 8px; text-align: center; border: solid 1px #cfcfcf; border-radius: 3px; background: #fff; display: block;}

.footer { padding: 10px 0;}

.nav-top { height: 60px; line-height: 60px; text-align: center; color: #fff; background: #921818; background-image: linear-gradient(to top, #921818, #e42121); position: relative;}
.nav-top h1 { font-size: 24px; font-weight: 400; text-shadow: 0 1px 1px rgba(0,0,0,.5);}
.nav-top a { width: 30px; height: 30px; overflow: hidden; text-indent: -99999px; background-size: 100%; display: inline-block; position: absolute; top: 15px;}
.nav-top-home { background: url(../p/nav-top-home.png) no-repeat; left: 10px;}
.nav-top-re { background: url(../p/nav-top-re.png) no-repeat; right: 10px;}

.save-web { padding: 8px 10px; font-weight: 700; border-bottom: solid 1px #ebebeb;}
.tx-in { padding: 8px 10px; border-bottom: solid 1px #ebebeb;}
.list-in {}
.list-in ul {}
.list-in ul li { padding: 0 10px; border-bottom: solid 1px #ebebeb;}
.list-in ul li a {     font-size: 17px;height: auto; line-height: 35px; display: block;}

.page { padding: 15px 0; text-align: center;}
.page a { width: 68px; height: 30px; line-height: 30px; border: solid 1px #d7d7d7; border-radius: 5px; background: #fff; display: inline-block;}
.page a.grey { color: #9c9c9c;}
.page select { width: 100px; height: 30px; text-indent: 18px; border: 0; /* background: url(../images/pic_select.png) no-repeat; */ display: inline-block;}

.foot-home { height: 40px; padding: 0 10px; text-align: center; color: #fff;}
.foot-home a { height: 40px; line-height: 40px; border-radius: 5px; background: #e42121; display: block;}

.light-blue { padding: 5px 10px; background: #E0EEF3;}
.con-tit { padding: 10px;}
.con-tit h1 { font-size: 22px;}
.con-tit div { font-size: 14px; color: #acacac;}
.con { padding: 10px;}
.con-gx { padding-top: 5px; font-size: 14px; color: #acacac;}

.next-prev { padding: 10px;}
.next-prev ul {}
.next-prev ul li { margin-bottom: 10px; padding: 5px; border: solid 1px #e5e5e5;}
.next-prev ul li:last-child { margin-bottom: 0;}
.list-tit1 { height: 40px; line-height: 40px; margin-top: 10px; color: #fff; font-weight: bold; text-align: center; border: solid 1px #090; border-radius: 5px 5px 0 0; background: #090; background-image:linear-gradient(to top, #090, #15ca15); box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.list-box1 { padding: 5px 10px; border: solid 1px #ddd; border-top: 0; border-radius: 0 0 5px 5px; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
ul.list-btn {}
ul.list-btn li { padding: 5px 0;}
@media screen and (max-width:800px){   
ul.list-btn li { padding: 3px 0;}
}
ul.list-btn li a { height: 35px; line-height: 35px; text-align: center; border: solid 1px #ddd; border-radius: 5px; background: #eee; background-image:linear-gradient(to top, #fff, #eee, #fff); box-shadow: 0 2px 5px rgba(0,0,0,0.1); display: block;}