@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; word-wrap: break-word;}
html { height: 100%; background: url(../images/bg.jpg) center 120px no-repeat #000;}
body { min-height: 100%; font: 14px/1.8 Arial,"微软雅黑"; color: #fff; background: url(../images/bg.png) bottom center no-repeat;}
img{ border: 0; vertical-align: middle;}
table { border-collapse: collapse;}
ul { list-style: none;}
input,button,select,textarea{font-size: 100%;outline:none; font-family:"Microsoft YaHei";}
a{ text-decoration:none; color: inherit;}
a:hover { color: #ff0;}

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

.header-box { height: 120px; background: url(../images/header.png) bottom center repeat-x #573000;}
.header { width: 1000px; height: 120px; margin: 0 auto; position: relative;}
.logo { width: 309px; height: 79px; position: absolute; top: 16px; left: 0;}
.head-tit { width: 329px; height: 71px; position: absolute; top: 25px; left: 350px;}
.head-search {}
.head-search a { width: 253px; height: 67px; font-size: 0; overflow: hidden; text-indent: -9999px; background: url(../images/head-search.png) no-repeat; position: absolute; top: 30px; right: 0; display: block;}
.head-search a:hover { background-position: 0 -80px;}

.wrapper { background: url(../images/light.png) top center no-repeat;}

.wxts { height: 50px; line-height: 50px; text-align: center; background: url(../images/wxts.png) top center repeat-x;}

.w1000 { width: 1000px; margin: 0 auto;}

.mingdan { width: 1000px; height: 50px; margin: 0 auto; color: #ff0; background: url(../images/md-bg.png) top center no-repeat;}
.mingdan marquee { height: 30px; margin: 10px 0;}
.mingdan ul { margin: 0 150px; padding-left: 50px;}
.mingdan ul li { float: left; width: 50%; height: 30px; line-height: 30px; list-style: inside;}

.yh-list { min-height: 440px; margin-top: 30px; padding-bottom: 190px;}
.yh-list ul {}
.yh-list ul li { float: left; margin-right: 25px; margin-bottom: 40px;}
.yh-list ul li:nth-child(5n) { margin-right: 0;}
.yh-list ul li a { transition: all 0.3s; width: 180px; height: 180px; display: inline-block;}
.yh-list ul li a img { width: 180px; height: 180px;}
.yh-list ul li a:hover {transform: scale(0.9);}

.links { height: 140px; text-align: center; font-size: 16px;}
.links ul { width: 840px; margin: 0 auto;}
.links ul li { float: left; width: 140px;}
.links ul li a { display: inline-block;}
.links ul li img { transition: all 0.3s; height: 45px;}
.links ul li div { padding-top: 10px;}
.links ul li a:hover { color: inherit;}
.links ul li a:hover img {transform: scale(1.2);}

.footer { height: 185px; line-height: 2; text-align: center;}
.footer .foot-txt1 { font-size: 0;}
.footer .foot-txt1 a { padding: 0 15px; font-size: 14px; display: inline-block;}
.footer .foot-txt1 span { font-size: 14px; color: #bbb;}
.footer .foot-txt2 { padding-top: 5px;}

#float { width: 120px; text-align: center; position: absolute; top: 130px; right: 10px; z-index: 1000;}
#float a { cursor: pointer;}

#tan-black, #tan-black1 { display:table; background: rgba(0,0,0,.5); width:100%; height:100%; overflow:hidden; _position:relative; position: fixed; z-index:3;}   
#tan-box, #tan-box1 { vertical-align:middle; display:table-cell; text-align:center; _position: fixed; _top:50%; _left:50%; }   
#tan-con, #tan-con1 { display:inline-block; _position:relative; _top:-50%; _left:-50%; }
.tan { text-align: left; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,.8); background: #593511; position: relative;}  
.tan.tan1000 { width: 1000px;}
.tan.tan740 { width: 740px;}
.tan.tan640 { width: 640px;}
.tan.tan999 { width: 500px;}
.tan.tan1000 { width: 1080px;}
.tan.tan-ts {}
.tan-close { width: 34px; height: 34px; background: url(../images/tan-close.png) 0 0 no-repeat; display: inline-block; cursor: pointer; position: absolute; top: -12px; right: -12px; z-index: 3;}
.tan-close:hover { background-position: 0 -34px;}
.tan-tit1 { height: 60px; line-height: 60px; padding: 0 20px; font-size: 20px; color: #d70000; font-weight: bold; border-radius: 10px 10px 0 0; background-image: linear-gradient(to top, #f6bc2a, #fff6ac); position: relative;}
.tan-tit2 { height: 60px; line-height: 60px; padding: 0 20px; font-size: 20px; text-align: center; color: #d70000; font-weight: bold; border-radius: 10px 10px 0 0;background-image: linear-gradient(to top, #f6bc2a, #fff6ac); position: relative;}
.tan-tit2 a { height: 30px; line-height: 30px; padding: 0 20px; color: #fff; font-size: 16px; font-weight: normal; border: 0; border-radius: 5px; background: #d70000; cursor: pointer; display: inline-block; position: absolute; left: 20px; top: 15px;}
.tan-tit2 a:hover { background: #f00;}
.tan table { text-align: center;}
.tan table th { height: 40px; font-weight: normal; font-size: 15px; color: #ff0; border: solid 1px #5f4429; border-top-color: #d9dad5; background-image: linear-gradient(to top, #371d02, #796453);}
.tan table td { height: 40px; border: solid 1px #5f4429; background: #3c1e04;}
.jl-box { height: auto; max-height: 222px; overflow: auto;}
.tan table td.jl-none { height: 50px;}
.huifu { margin-top: 20px; padding: 10px; color: #ff0; text-align: center; border: solid 2px #f5bc25; background: #271201;}

.tt-logo { padding-bottom: 30px; text-align: center;}
.tt1 { padding: 30px 40px 40px 40px;}
.tt2 { padding: 30px 30px 40px 40px;}
.tt-ts { padding: 30px 40px; font-size: 16px; color: #ff0;}
.tt2-con { height: auto; max-height: 480px; padding-right: 10px; overflow: auto;}
/*webkit内核浏览器滚动条*/
.jl-box::-webkit-scrollbar-track-piece{background: none;}
.jl-box::-webkit-scrollbar{width:3px;height:5px;}
.jl-box::-webkit-scrollbar-button{display:none;}
.jl-box::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{background:-webkit-gradient(linear,left);}
.jl-box::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:horizontal{border-radius:3px;background:#fff;}
.jl-box::-webkit-scrollbar-thumb:hover{background:#fff;}
.jl-box::-webkit-scrollbar-thumb:active{background:#fff;}

.tt2-con::-webkit-scrollbar-track-piece{background: none;}
.tt2-con::-webkit-scrollbar{width:3px;height:5px;}
.tt2-con::-webkit-scrollbar-button{display:none;}
.tt2-con::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece{background:-webkit-gradient(linear,left);}
.tt2-con::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:horizontal{border-radius:3px;background:#fff;}
.tt2-con::-webkit-scrollbar-thumb:hover{background:#fff;}
.tt2-con::-webkit-scrollbar-thumb:active{background:#fff;}


.form1 { width: 580px; margin: 0 auto;}
.form1 li { margin-bottom: 20px; position: relative;}
.form1 li span { width: 160px; padding-right: 5px; text-align: right; display: inline-block;}
.form1 {}
.verify { width: 280px; height: 20px; padding: 10px; border-radius: 3px; border: 0; background: #fff;}
.verifyimg { position: absolute; top: 10px; right: 120px;}
.verisect { width: 300px; height: 40px; padding: 10px; border-radius: 3px; border: 0; background: #fff;}
.tan-more { padding: 0 10px; border-radius: 5px; height: 26px; line-height: 26px; border: solid 1px rgba(255,255,255,.5); display: inline-block;}
.tan-more:hover { color: #ff0; border: solid 1px #ff0;}
.subbtn { height: 40px; line-height: 40px; margin-right: 15px; padding: 0 25px; color: #fff; font-size: 16px; border: 0; border-radius: 5px; background: #d70000; cursor: pointer; display: inline-block;}
.subbtn img { width: 20px; height: auto; margin-right: 5px; vertical-align: text-bottom;}
.subbtn:hover { background: url(../images/head-btn2.png) no-repeat #f00; background-size: 100% 100%;}
.subbtn.sub300 { width: 300px;}