@charset "utf-8";

/* CSS Document */

*{ margin: 0; padding: 0; font-size: 100%;}

html { background: url(../images/bg.gif) #f0e5d4;}

body { width: 100%; max-width: 800px; min-height: 100vh; margin: 0 auto; line-height: 1.75; padding: 0 13px; font-size: 16px; font-family: "微软雅黑"; word-break: break-all; word-wrap: break-word; background: url(../images/bg2.gif) top center repeat-y #fff;}

input, select, button, textarea { margin: 0; padding: 0; vertical-align: middle; font-size: 100%; color: inherit; border: 0; font-family: inherit; outline: none; resize: none;}

input[type="text"] { -webkit-appearance: none;}

ol, ul {list-style: none;}

img { max-width: 100%; vertical-align: middle;}

a { text-decoration: none; color: inherit;}

:focus { outline: 0;}

table {	border-collapse: collapse; border-spacing: 0;}



.h10 { height: 10px; font-size: 0; line-height: 0; clear: both; background: #f5f5f5;}

.clear { clear: both;}



@media screen and (max-width:750px){ 

body { font-size: 14px; padding: 0; background: #fff;}

.h10 { height: 6px;}

}



header {display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 800px; height: 50px; padding: 0 10px; box-sizing: border-box; color: #fff;  position: fixed; left: 0; right: 0; top: 0; margin: auto; z-index: 9; background: #990000;}

header .back { width: 22px; height: 22px;}

header .back img { width: 100%; height: 100%; vertical-align: top;}

header .logo {}

header .logo img { width: auto; height: 32px;}

header h1 { font-size: 18px;}

header .home { width: 22px; height: 22px;}

header .home img { width: 100%; height: 100%; vertical-align: top;}



.nav { width: 100%; max-width: 800px; height: 40px; line-height: 40px; text-align: center; color: #ff0; background: #85642a; position: fixed; left: 0; right: 0; top: 50px; margin: auto; z-index: 9;}

.nav ul { display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 40px;}

.nav ul li { width: 20%;}

.nav ul li a { display: block;}



.header-blank { clear: both; height: 50px;}

.headernav-blank { clear: both; height: 40px;}



@media screen and (max-width:750px){ 

header { height: 40px;}

header .logo img { width: auto; height: 25px;}

header h1 { font-size: 16px;}

.nav { height: 30px; line-height: 30px; top: 40px;}

.nav ul { padding: 0;}

.header-blank { height: 40px!important;}

.headernav-blank { height: 30px!important;}

}





.kjcj { padding: 10px;}

.kjcj iframe { vertical-align: top;}

@media screen and (max-width:750px){ 

.kjcj { padding: 5px;}

}



.adpic {}

.adpic img { width: 100%; height: auto;}



.tit { height: 96px; background: url(../images/tit-bg.jpg) top center no-repeat; background-size: 100% auto;}

.tit h2 { height: 86px; line-height: 52px; padding-top: 34px; box-sizing: border-box; text-align: center; font-size: 24px; font-weight: bold; color: #6a3906; text-shadow: 0 1px 0 #ffedb1; background: url(../images/tit.png) top center no-repeat; background-size: auto 100%;}

@media screen and (max-width:750px){

.tit { height: 70px;}

.tit h2 { height: 60px; line-height: 37px; padding-top: 23px; font-size: 18px;}

}



.footer { padding: 15px; text-align: center;}



.gotop { width: 40px; height: 40px; border-radius: 50%; background: url(../images/gotop.png) center center no-repeat; background-size: 100% auto; position: fixed; right: 12px; bottom: 55px; z-index: 99;}



/*----------------内页------------*/



.newslist { line-height: 1.5;}

.newslist ul {}

.newslist ul li { border-bottom: solid 1px #ddd;}

.newslist ul li a { display: block; padding: 10px;}



.page { font-size: 14px; text-align: center; padding: 15px 0;}

.page-txt { line-height: 1; padding-bottom: 10px; color: #888;}

.page-box { display: flex; justify-content: center;}

.page-box select { height: 36px; margin: 0 10px; padding: 0 10px; font-size: 16px; border-radius: 5px; border: solid 1px #aaa; background: #f5f5f5;}

.page-box button { height: 36px; padding: 0 15px; border-radius: 5px; border: solid 1px #aaa; background: #fff; cursor: pointer;}



.nav-blank { clear: both; height: 50px;}

nav { width: 100%; max-width: 800px; height: 50px; box-sizing: border-box; color: #fff; font-size: 12px; text-align: center; background: linear-gradient(to top, #7d5e29, #a58650); position: fixed; left: 0; right: 0; bottom: 0; margin: auto; z-index: 9;}

nav ul { display: flex;}

nav ul li { width: 25%;}

nav ul li a { display: block; height: 50px; padding-top: 5px; box-sizing: border-box;}

nav ul li a img { width: 22px; height: 22px;}

nav ul li a span { display: block;}



.big-tit { border-bottom: solid 1px #eee; padding: 15px 0; text-align: center;}

.big-tit h1 { line-height: 1.5; margin-bottom: 5px; font-size: 20px; font-weight: normal;}

.big-tit-ts { color: #888; font-size: 14px;}

.big-con { padding: 15px 20px;}



.gs-con {}

.gs-con table { width: 100%;}

.gs-table th { background: #eee;}

.gs-table td:nth-child(1) { width: 100px;}

.gs-table td, .gs-table th { padding: 3px 6px; text-align: left; border: 1px solid #ccc; text-align: center; }

.pro-nbs {text-align: left;}

.pro-nbs .nb, .gj-ret .nb, .jx-table .nb, .tp-table .nb { vertical-align: top; display: inline-block; width: 26px; height: 26px; font-size: 13px; line-height: 24px; text-align: center; font-family: Arial; font-weight: bold; margin: 3px auto; margin-right: 5px; text-indent: -3px; }

.nb-01, .nb-02, .nb-07, .nb-08, .nb-12, .nb-13, .nb-18, .nb-19, .nb-23, .nb-24, .nb-29, .nb-30, .nb-34, .nb-35, .nb-40, .nb-45, .nb-46 { background: url(../images/g-red.png) top center; background-size: cover;}

.nb-03, .nb-04, .nb-09, .nb-10, .nb-14, .nb-15, .nb-20, .nb-25, .nb-26, .nb-31, .nb-36, .nb-37, .nb-41, .nb-42, .nb-47, .nb-48 { background: url(../images/g-blue.png) top center; background-size: cover;}

.nb-05, .nb-06, .nb-11, .nb-16, .nb-17, .nb-21, .nb-22, .nb-27, .nb-28, .nb-32, .nb-33, .nb-38, .nb-39, .nb-43, .nb-44, .nb-49 { background: url(../images/g-green.png) top center; background-size: cover;}

@media screen and (max-width:750px){

.gs-table td:nth-child(1) { width: 3em;}