/*css reset*/
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td, span {
    margin: 0;
    padding: 0
}
body, button, input, select, textarea {
    font: 12px arial, \5FAE\8F6F\96C5\9ED1
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%
}
address, cite, dfn, em, var {
    font-style: normal
}
code, kbd, pre, samp {
    font-family: courier new, courier, monospace
}
form {
    display: inline
}
small {
    font-size: 12px
}
ul, ol {
    list-style: none
}
a {
    text-decoration: none;
    color: #838383
}
a:hover {
    text-decoration: underline;
    color: #c0980e
}
sup {
    vertical-align: text-top
}
sub {
    vertical-align: text-bottom
}
legend {
    color: #000
}
fieldset, img {
    border: 0;
    -ms-interpolation-mode: bicubic
}
img {
    vertical-align: middle
}
button, input, select, textarea {
    outline: none;
    font-size: 100%
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
textarea {
    resize: none
}
/*common*/
.clearfix {
    zoom: 1
}
.clearfix:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both
}
.hidden {
    display: none
}
/*content*/
body {
    background: url(../images/body_bg.jpg) #C8C8C8 no-repeat center 0px;
    font-family: \5FAE\8F6F\96C5\9ED1;
}
.box1 {
    position: relative;
    width: 980px;
    height: 410px;
    margin: 0 auto;
    background: url(../images/bg1.jpg) no-repeat;
}
.logo {
    position: absolute;
    width: 196px;
    height: 125px;
}
.logo a {
    display: block;
    width: 196px;
    height: 125px;
    text-indent: -999em;
    overflow: hidden;
}
.box2 {
    position: relative;
    width: 980px;
    height: 250px;
    margin: 0 auto;
    background: url(../images/bg2.jpg) no-repeat;
}
.user_box {
    position: absolute;
    top: 60px;
    left: 0;
    width: 300px;
    height: 100px;
    font-size: 14px;
}
.user1 {
    height: 24px;
    line-height: 24px;
    color: #838383;
    padding-top: 32px;
    text-align: center;
}
.user1 a {
    color: #c0980e;
    cursor: pointer;
}
.user1 a:hover {
    text-decoration: underline;
}
.user2 {
    width: 304px;
    height: 90px;
}
.user_c {
    height: 48px;
    padding: 8px 0 0 10px;
}
.user_c img {
    float: left;
    width: 48px;
    height: 48px;
    margin-right: 16px;
}
.u_nam {
    display: block;
    margin-bottom: 6px;
    line-height: 20px;
    color: #c0980e;
}
.tui_a {
    line-height: 20px;
    color: #b2b2b2;
}
.ser_c {
    height: 24px;
    line-height: 24px;
    color: #ADB3B2;
    margin-top: 16px;
    padding-left: 10px;
    font-size: 12px;
}
.ser_a, .ling_a, .server_ul a {
    background: url(../images/btns.jpg) no-repeat;
}
.ser_a, .ling_as, .server_ul a {
    background: url(../images/btns.jpg) no-repeat;
}
.ser_a {
    display: inline-block;
    width: 84px;
    height: 25px;
    line-height: 25px;
    margin-right: 5px;
    text-align: center;
    color: #1e1302;
    font-weight: bold;
}
.ser_a:hover {
    background-position: -120px 0;
    color: #1e1302;
    text-decoration: none;
}
.ser_m {
    display: inline-block;
    margin-left: 5px;
    padding-right: 17px;
    color: #b2b2b2;
    background: url(../images/ser_ico.png) no-repeat right 9px;
}
.ser_m:hover {
    text-decoration: underline;
}
.play_box {
    position: absolute;
    width: 212px;
    height: 57px;
    top: 186px;
    left: 72px;
}
.ling_a {
    position: absolute;
    width: 212px;
    height: 57px;
    top: 86px;
    left: 20px;
    background-position: 0 -50px;
    text-indent: -999em;
    overflow: hidden;
}
.ling_a:hover {
    background-position: 0 -130px;
}
.ling_as {
    position: absolute;
    width: 212px;
    height: 57px;
    top: 86px;
    left: 265px;
    background-position: 0 -50px;
    text-indent: -999em;
    overflow: hidden;
}
.ling_as:hover {
    background-position: 0 -130px;
}
.box3 {
    width: 980px;
    height: 430px;
    margin: 0 auto;
    background: url(../images/bg3.jpg) no-repeat;
}
.pic_box {
    float: left;
    width: 640px;
}
#temp3 {
    width: 640px;
    height: 250px;
    padding: 15px 0 0;
    ;
    overflow: hidden
}
#temp3 .JQ-content-box {
    overflow: hidden;
    width: 640px;
    height: 250px;
    position: relative
}
#temp3 .JQ-slide-content {
    position: absolute;
    top: 0;
    left: 0
}
#temp3 .JQ-slide-content li {
    position: absolute;
    overflow: hidden;
    width: 640px;
    height: 250px;
    vertical-align: text-top
}
#temp3 .JQ-slide-content li a {
    display: block;
    height: 250px
}
#temp3 .JQ-slide-content li a:hover {
    text-decoration: none
}
#temp3 .JQ-slide-content li img {
    display: block;
    width: 640px;
    height: 250px
}
#temp3 .JQ-slide-nav {
    position: absolute;
    right: 12px;
    bottom: 10px;
    height: 12px;
    z-index: 999
}
#temp3 .JQ-slide-nav li {
    float: left;
    width: 20px;
    height: 10px;
    background: #040404;
    cursor: pointer;
    margin-right: 6px;
}
#temp3 .JQ-slide-nav li.on {
    background: #8A6606;
}
.img_a {
    width: 640px;
    height: 115px;
    margin-top: 20px;
    overflow: hidden;
}
.img_a p {
    width: 680px;
}
.img_a a {
    float: left;
    width: 310px;
    height: 115px;
    margin-right: 20px;
}
.img_a img {
    width: 310px;
    height: 115px;
}
.txt_box {
    float: right;
    width: 320px;
    padding-top: 15px;
}
.t_box {
    height: 60px;
}
.more_a {
    float: right;
    width: 26px;
    height: 26px;
    margin: 17px 9px 0 0;
    text-indent: -999px;
    overflow: hidden;
}
.news_ul {
    height: 190px;
    padding: 0 20px 0 8px;
}
.news_ul li {
    float: left;
    width: 100%;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
}
.news_ul span {
    float: right;
    color: #838383;
}
.kf_box {
    height: 60px;
    padding: 10px 0 0 7px;
}
.kf_box li {
    float: left;
    width: 156px;
    height: 27px;
    line-height: 27px;
    color: #838383;
}
/*server*/
.user_s {
    margin-top: 14px;
}
.serwrap {
    width: 980px;
    height: 414px;
    margin: 0 auto;
    padding-top: 16px;
    background: url(../images/bg4.jpg) no-repeat;
}
.ser_tit {
    height: 60px;
}
.ser_nav {
    float: left;
    margin: 22px 0 0 120px;
}
.ser_nav span {
    float: left;
    height: 20px;
    padding: 0 10px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    cursor: pointer
}
.ser_nav a {
    color: #fff
}
.ser_nav span.cur, .ser_nav span.cur a {
    color: #EEDA01
}
.thumb {
    float: right;
    color: #838383;
    margin: 25px 20px 0 0;
}
.thumb a {
    margin: 0 2px;
}
.ser_zui {
    height: 47px;
    border-bottom: 1px solid #525252;
}
.ser_zui .server_ul li {
    padding: 0 0 0 20px;
}
.ser_zui .server_ul p {
    color: #838383;
}
.fu_box {
    float: right;
    width: 175px;
    height: 22px;
    margin: 25px 20px 0 0;
    color: #838383;
    overflow: hidden
}
.fu_box span {
    float: left
}
.fu_txt {
    width: 31px;
    height: 14px;
    margin: 0 3px;
    padding: 2px;
    vertical-align: middle;
    background: #3D3D3D;
    border: none;
    text-align: center;
    color: #bbb
}
.fu_btn {
    float: left;
    width: 60px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    margin: 0 0 0 10px;
    background: #470606;
    color: #ad973f
}
.fu_btn:hover {
    color: #F1CF86;
    text-decoration: none;
    background: #960407
}
.server_ul li {
    float: left;
    width: 152px;
    height: 36px;
    padding: 10px 20px;
    line-height: 28px;
    text-align: center
}
.server_ul a {
    width: 152px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-family: \5FAE\8F6F\96C5\9ED1;
    font-size: 16px;
    font-weight: bold;
    background-position: 0 -210px;
    display: block;
    color: #1e1302;
}
.server_ul a:hover {
    background-position: 0 -260px;
    text-decoration: none;
    color: #1e1302;
}
.ser_all {
    width: 982px;
    height: 224px;
    overflow-y: auto;
    position: relative;
    scrollbar-arrow-color: #823426;
    scrollbar-face-color: #823426;
    scrollbar-base-color: #823426;
    scrollbar-darkshadow-color: #0c0300;
    scrollbar-track-color: #0c0300;
    scrollbar-highlight-color: #823426;
    zoom: 1
}
/*list*/
.listwrap {
    width: 1020px;
    min-height: 640px;
    _height: 640px;
    margin: 0 auto;
    padding-top: 16px;
    background: url(../images/bg5.jpg) #000 no-repeat;
}
.list_bg {
    background: url(../images/list_bg.jpg) #ccc no-repeat center 37px;
}
.list_tit {
    height: 60px;
    padding: 0 20px;
}
.list_tit h2 {
    float: left;
    color: #fff;
    font-size: 18px;
    margin: 16px 0 0 18px;
    display: inline;
}
.concent_tit {
    height: 46px;
}
.concent_tit h1 {
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #b2b2b2;
    font-family: \5FAE\8F6F\96C5\9ED1;
    text-align: center;
    overflow: hidden;
}
.con_input {
    padding: 20px 44px;
    color: #707580;
    line-height: 2.0;
    color: #b2b2b2;
    overflow: hidden;
}
.con_input img {
    margin: 4px 0;
    max-width: 616px;
}
.list_ul {
    padding: 10px 44px;
}
.list_ul li {
    float: left;
    width: 100%;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
}
.list_ul span {
    float: right;
    color: #838383;
}
/*page*/
.pagenav {
    font-size: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    padding: 20px 0;
    text-align: center;
    overflow: hidden
}
.pagenav a {
    padding: 1px 6px;
    margin: 0 3px;
    background: #4A4A4A;
    border: 1px solid #4D4D4D;
    color: ##C8C8C8;
    font: 12px/22px \5FAE\8F6F\96C5\9ED1
}
.pagenav a:hover {
    text-decoration: none;
}
.pagenav .page_cur {
    color: #fff;
    border: 1px solid #BD9439;
    background: #9C6C00;
}
/*card*/
.cardwrap {}
.card_tit {
    height: 65px;
    background: url(../images/card_t.png) no-repeat 18px 0;
}
.card_tit h2 {
    float: left;
    color: #fff;
    font-size: 18px;
    margin: 16px 0 0 38px;
    display: inline;
}
.card_con {
    width: 980px;
    margin: 0 auto;
    border-bottom: 1px solid #525252;
    padding: 10px 0 20px;
    color: #b2b2b2;
}
.card_btn {
    float: left;
    width: 400px;
    padding-left: 18px;
}
.card_slt {
    height: 28px;
}
.card_slt span, .card_slt select, .card_slt input {
    float: left;
}
.card_slt span {
    float: left;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
}
.div_slt {
    float: left;
    height: 21px;
    margin: 4px 20px 0 10px;
}
.div_slt select {
    height: 21px;
    font-size: 14px;
}
.card_slt input {
    float: left;
    width: 122px;
    height: 28px;
    border: none;
    background: url(../images/card_btn.jpg) no-repeat;
    text-indent: -999em;
    overflow: hidden;
    cursor: pointer;
}
.card_slt input:hover {
    background-position: 0 -50px;
}
.card_ma {
    height: 28px;
    margin-top: 14px;
}
.card_ma span {
    float: left;
    width: 235px;
    height: 28px;
    line-height: 28px;
    text-indent: 12px;
    background: #272727;
}
.copy_btn {
    float: left;
    width: 84px;
    height: 28px;
    margin-left: 15px;
    line-height: 28px;
    text-align: center;
    color: #1e1302;
    cursor: pointer;
    background: #B99700;
}
.card_txt {
    float: left;
    width: 540px;
    line-height: 2.0;
}
.card_intro {
    color: #b2b2b2;
    line-height: 2.0;
    padding: 40px 0 0 40px;
}
#footer {
    padding: 30px 0;
    margin-top: 0;
    border: 0 none;
    color: #404040;
}
#footer p {
    border: 0 none;
    color: #404040;
}
#footer p a, #footer p a:hover {
    color: #404040;
}