@charset "UTF-8";

* { margin: 0 ; padding: 0; font-family:"Arial"}

html,body { height:100%; font:15px/1.6  Microsoft YaHei, Helvetica, sans-serif; color:#222;}

html,body{ background: url(../tu/nen.jpg) top center no-repeat #ccebff; background-size:cover; background-attachment: fixed;}

body { min-height: 100%; height: auto;}

body.in { background: url(../img/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;}



.picgg{width:100%;height: 40px}

@media (min-width:720px) {

  .picgg{height: 60px}

}





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(../images/nav-top-home.png) no-repeat; left: 10px;}

.nav-top-re { background: url(../images/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(..../img/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 {}

.con-tit h1 {font-size: 1.5rem}

.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 { font-size: 1.2rem;height: 45px; line-height: 45px; 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;}