@charset "utf-8";

/* CSS Document */

* { margin: 0; padding: 0; list-style: none; word-break: break-all;}

html {}

body { color: #000; background: #fff url('images/bg.jpg') fixed; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.75; font-size:14px; font-family:微软雅黑; background-attachment:fixed;margin: 0; padding: 0; list-style: none; word-break: break-all;}

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; }

p{margin: 0;padding: 0;}

img.img-tit{height:32px}
.h10 { height: 10px; clear: both; font-size: 0; left: 0; overflow: hidden;}

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

.h10 { height: 5px;}

}

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

.box { padding: 3px;}

}



.wrapper { width: 100%; max-width: 800px; min-height: 100vh; margin: 0 auto; border-right: solid 1px #eee; border-left: solid 1px #eee; 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: #62C400; 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, #008000, #008000); 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: 5px 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: 0px; font-size: 22px;}

.detail-tit p { font-size: 16px;}

.detail { font-size: 16px;}

}





.cgi-body {max-width: 800px;margin: 0 auto; position: relative;}

.white-box { border: solid 1px #ddd; border-radius: 2px; background: #fff; box-shadow: 0 2px 2px rgba(0,0,0,0.1);}

.mt10 { margin-top: 4px;}

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

.cgi-wrap { padding: 0 5px;}

.white-box { margin-top: 5px; padding: 3px;}

.mt10 { margin-top: 5px;}

}



.cgi-head-home {}

.cgi-head-home img { width: 100%; height: auto;}

#cgi-head-search { margin-top: 10px; padding: 15px 0; background: #019c3a; background-image: linear-gradient(to right, #006afe, #00baff, #006afe);}

.cgi-search-tit { line-height: 1; padding-bottom: 10px; text-align: center; font-weight: bold; color: #ff0; font-size: 18px;}

.cgi-head-search { width: 90%; height: 30px; margin: 0 5%;}

.cgi-head-search .search-box { padding-right: 40px; padding-left: 12px; background: #fff; border-radius: 15px; position: relative;}

.cgi-head-search .search-txt { width: 100%; height: 24px; line-height: 24px; padding: 3px 0; border: 0; background: none;}

.cgi-head-search .search-btn { width: 40px; height: 30px; border: 0; background: url(../images/cgi-head-search.png) center center no-repeat; cursor: pointer; overflow: hidden; text-indent: -999999px; position: absolute; top: 0; right: 0; z-index: 1;}



.cgi-head { height: 45px; color: #fff; background: #006afe; background-image:linear-gradient(to right, #00d9ff, #006afe, #00d9ff); position: relative;}

.icon-back { float: left; width: 40px; height: 45px; display: inline-block; position: relative;}

.icon-back:after { content: ""; display: inline-block; width: 12px; height: 12px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 16px; left: 15px;}

.icon-back:after { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);}

.cgi-head-tit { line-height: 45px; font-size: 18px;}

.cgi-head-tit.tit-center { width: 80%; text-align: center; display: inline-block; position: absolute; left: 10%;}

.cgi-head-btn { float: right; line-height: 20px; margin: 9px 10px 0 0; padding: 3px 10px; color: #fff; font-size: 14px; border: solid 1px rgba(255,255,255,0.5); border-radius: 15px; display: inline-block;}

.cgi-head-btn:hover { text-decoration: none; color: #0063ca; border: solid 1px #fff; background: #fff;}

.cgi-head-a { float: right; line-height: 20px; margin: 9px 10px 0 0; padding: 3px 10px; color: #fff; font-size: 14px; border: solid 1px rgba(255,255,255,0.5); border-radius: 15px; display: inline-block;}

.cgi-head-a:hover { text-decoration: none; color: #0063ca; border: solid 1px #fff; background: #fff;}

.cgi-head-foot { height: 3px; background: #fff; background-image:linear-gradient(to right, #f7f7f7, #00d9ff, #f7f7f7);}





.cgi-nav { height: 45px; background: #fff;}

.cgi-nav ul {}

.cgi-nav ul li { float: left; width: 25%;}

.cgi-nav ul li a { height: 45px; line-height: 45px; color: #0063ca; font-size: 16px; text-align: center; display: block;}

.cgi-nav-foot { height: 3px; background: #fff; background-image:linear-gradient(to right, #f7f7f7, #00d9ff, #f7f7f7);}



.cgi-kjjl-box { margin-top: 10px; padding: 0 5px 5px 5px; border: solid 1px #ddd; border-radius: 5px; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}

.cgi-kjjl-box .kjjl-tit { padding-bottom: 10px; text-align: center;}

.cgi-kjjl-box .kjjl-tit span { height: 40px; line-height: 40px; padding: 0 40px; font-size: 18px; font-weight: bold; color: #fff; display: inline-block; background: #f00; position: relative;}

.cgi-kjjl-box .kjjl-tit span:before {content: ".";display: inline-block; width: 0; height: 0; border-left: 40px solid transparent; border-top: 40px solid #f00; position: absolute; left: -40px;}

.cgi-kjjl-box .kjjl-tit span:after {content: ".";display: inline-block; width: 0; height: 0; border-right: 40px solid transparent; border-top: 40px solid #f00; position: absolute; right: -40px;}

.cgi-kjjl-box .kjjl-con { position: relative; z-index: 1;}

.cgi-kjjl-box .kjjl-con ul {}

.cgi-kjjl-box .kjjl-con ul li { float: left; width: 25%;}

.cgi-kjjl-box .kjjl-con ul li a { height: 40px; line-height: 40px; margin: 5px; text-align: center; color: #fff; border-radius: 20px; background: #006afe; background-image: linear-gradient(to top, #006afe, #0095fe); display: block;}

.cgi-kjjl-box .kjjl-con ul li a:hover { text-decoration: none; background: #0095fe; background-image: linear-gradient(to bottom, #006afe, #0095fe);}

.cgi-kjjl-box .kjjl-con ul li:last-child { width: 100%;}

.cgi-kjjl-box .kjjl-con ul li:last-child a { color: #000; border: solid 1px #ddd; background: #eee; background-image: linear-gradient(to top, #eee, #fff); box-shadow: 0 2px 5px rgba(0,0,0,0.1);}

.cgi-kjjl-box .kjjl-con ul li:last-child a:hover { background: #fff; background-image: linear-gradient(to bottom, #eee, #fff);}

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

.cgi-kjjl-box { font-size: 14px;}

.cgi-kjjl-box .kjjl-con ul li a { height: 30px; line-height: 30px; border-radius: 15px;}

}