@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; list-style: none; word-break: break-all;}
html {}
body { color: #000; font: 14px/1.75 "微软雅黑"; background: url(../images/bg.jpg) #fff; background-attachment: fixed;}
ul,ol { list-style: none;}
img { max-width: 100%; height: auto; border: 0; vertical-align: middle;}
table {border-collapse: collapse;border-spacing: 0 }
input, select, button, textarea {font-size: 100%;font-family: inherit;margin: 0;padding: 0;outline: none; }
a { color: inherit; text-decoration: none; }

.h10 { height: 10px; clear: both; font-size: 0; left: 0; overflow: hidden;}
@media screen and (max-width:800px){  
.h10 { height: 5px;}
}
.box { padding: 5px; border: solid 1px #ddd; border-radius: 5px; overflow: hidden; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
@media screen and (max-width:800px){  
.box { padding: 3px; margin: 0 3px;}
}

.wrapper { width: 100%; max-width: 800px; min-height: 100vh; margin: 0 auto; padding: 0 10px; border-right: solid 1px #eee; border-left: solid 1px #eee; box-shadow: 0 0 500px #fff,0 0 500px #fff,0 0 500px #fff,0 0 500px #fff; background: #fff;}
@media screen and (max-width:800px){  
.wrapper { padding: 0; border: 0;}
}

.nav-line { height: 5px; background-image: linear-gradient(to right, #ddb15a, #ffed98, #ffed98, #ddb15a);}
.nav { padding: 10px 0; box-sizing: border-box; color: #fff; text-align: center; background: #fff;}
.nav ul { display: flex;}
.nav ul li { flex: 1; padding: 0 3px; box-sizing: border-box;}
.nav ul li a { display: block; height: 36px; line-height: 36px; border-radius: 30px; background-image: linear-gradient(to top, #000000, #000000);}
@media screen and (max-width:800px){  
.nav { padding: 5px 2px;}
.nav ul li { padding: 0 2px;}
.nav ul li a { height: 30px; line-height: 30px;}
}
#nav[data-fixed="fixed"]{ width: 100%; max-width: 800px; border-bottom: solid 1px #ddd; position: fixed; top:0;}


.ifrAo { height: 160px;}
@media screen and (max-width:800px) {.ifrAo {height:160px;}}
@media screen and (max-width:720px) {.ifrAo {height:140px;}}
@media screen and (max-width:650px) {.ifrAo {height:140px;}}
@media screen and (max-width:530px) {.ifrAo {height:130px;}}
@media screen and (max-width:480px) {.ifrAo {height:120px;}}
@media screen and (max-width:430px) {.ifrAo {height:110px;}}


.bizhong { color: #00ff00; font-size: 18px; font-weight: bold; border: solid 1px #7d7d7d; background: #000;}
.bizhong-tit { padding: 5px 0; color: #ff0; font-size: 24px; text-align: center; border-bottom: solid 1px #7d7d7d; background: #f00;}
.bizhong-box { display: flex;}
.bizhong-box ul {}
.bizhong-box ul li { padding: 5px 0; padding-left: 10px; border-bottom: solid 1px #7d7d7d;}
.bizhong-box .bizhong-l { width: 50%; border-right: solid 1px #7d7d7d; box-sizing: border-box;}
.bizhong-box .bizhong-r { width: 50%;}
.bizhong-foot { padding: 5px 0; font-size: 24px; text-align: center;}
@media screen and (max-width:800px) {
.bizhong { font-size: 16px;}
.bizhong-tit { font-size: 18px;}
.bizhong-box { display: block;}
.bizhong-box ul li { padding: 5px 0; padding-left: 6px;}
.bizhong-box .bizhong-l { width: 100%; border-right: 0;}
.bizhong-box .bizhong-r { width: 100%;}
.bizhong-foot { font-size: 18px;}
}

.gsb-list { font-size: 16px;}
.gsb-list ul {}
.gsb-list ul li { border-bottom: solid 1px #ddd;}
.gsb-list ul li:last-child { border-bottom: 0;}
.gsb-list ul li a { display: flex; align-items: center; padding: 5px;}
.gsb-list ul li .gsb-ico { margin-right: 10px;}
.gsb-list ul li .gsb-ico span { padding: 0 10px; text-align: center; color: #fff; display: inline-block; background: #ff0000; border-radius: 5px;}
.gsb-list ul li .gsb-txt { flex: 1; font-size: 20px; font-weight: bold;}
.gsb-list ul li .gsb-zz { color: #888;}
@media screen and (max-width:800px) {
.gsb-list { font-size: 14px;}
.gsb-list ul li .gsb-ico span { padding: 0 6px;}
.gsb-list ul li .gsb-txt { font-size: 18px;}
}

.list1 { text-align: center; font-size: 20px; font-weight: bold;}
.list1 table {}
.list1 td { padding: 5px 0; border: solid 1px #ddd;}
@media screen and (max-width:800px) {
.list1 { font-size: 16px;}
}

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

.header { max-width: 800px; height: 50px; line-height: 50px; padding: 0 15px; box-sizing: border-box; font-size: 18px; color: #fff; text-align: center; background-image: linear-gradient(to top, #FF0000, #FF0000); position: fixed; top: 0; left: 0; right: 0; margin: auto;}
.header-back { position: absolute; left: 0; top: 0;}
.header-back a { display: inline-block; width: 50px; height: 50px; background: url(../images/back.png) center center no-repeat; background-size: auto 26px;}
.header-blank { height: 50px;}
.header-tit { flex: 1; font-weight: bold; font-size: 20px;}
.header-home { position: absolute; top: 0; right: 0;}
.header-home a { display: block; padding: 0 15px;}
.detail-tit { line-height: 1.5; padding: 20px; text-align: center; border-bottom: dashed 1px #ddd; background: #f9f9f9;}
.detail-tit h1 { margin-bottom: 15px; font-size: 30px;}
.detail-tit p { font-size: 18px; color: #888;}
.detail { padding: 15px 0; font-size: 20px;}
@media screen and (max-width:800px){  
.header { height: 45px; line-height: 45px; padding: 0 10px; font-size: 16px;}
.header-back a {  width: 45px; height: 45px; background-size: auto 22px;}
.header-tit { flex: 1; font-weight: bold; font-size: 18px;}
.header-blank { height: 45px;}
.header-home a { padding: 0 10px;}
.detail-tit { padding: 15px;}
.detail-tit h1 { margin-bottom: 5px; font-size: 22px;}
.detail-tit p { font-size: 16px;}
.detail { padding: 10px; font-size: 16px;}
}