@charset "utf-8";
/* 
---------------------------------
Site: jx3.xoyo.com 
Author:  duanqinxue@kingsoft.com
Modified by Maxmood
Last Changed by : 
Last Update : 2016-08-08 16:15
--------------------------------- 
*/
html {
    color: #444;
    background-color: #d9e2e9;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
th,
td,
button {
    font-family: \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,\65B0\5B8B\4F53;
}

li {
    list-style: none;
}

.blank {
    display: block;
    overflow: hidden;
    clear: both;

    font-size: 0;
    line-height: 0;
}

.h15 {
    height: 15px;
}

.h30 {
    height: 30px;
}

.h40 {
    height: 40px;
}

*:focus {
    outline: none;
}

a {
    color: #444;
}

a:visited {
    color: #444;
}

a:hover {
    text-decoration: underline;

    color: #444;
}

.pl15 {
    padding-left: 15px;
}

.f12 {
    font-size: 12px;
}

.area {
    width: 1200px;
    margin: 0 auto;
}

.down_btn,
.down_btn:hover,
.down_link,
.icon01,
.down_link li a:hover {
    background: url(../images/icon01.html) no-repeat;
}

.icons,
.con_tit_more .ico_pic,
.article_list li span,
.server_box .i_icon,
.school_star span,
.tr_menu li span,
.role_title li span,
#slides .pagination li a {
    background: url(../images/star_null.png) no-repeat;
}

@media screen and (max-width: 1201px) {
    html {
        width: 1200px;
    }
}

.wrapper_html {
    width: 100%;

    background: url(../images/bg.jpg) center top no-repeat;
}

.container_wrap {
    position: relative;
    z-index: 10;
}

.page_man_box {
    position: relative;

    width: 100%;
    height: 0;

    font-size: 0;
    line-height: 0;
}

.page_man,
.page_lb {
    position: absolute;
    top: 0;
    left: 0;

    display: none;
    width: 100%;
    height: 1307px;
}

.page_man {
    background: url(../images/bg_man.html) no-repeat center top;
}

.page_lb {
    background: url(../images/bg_lb_index.html) no-repeat center top;
}

.header {
    height: 560px;
}

.slogan {
    height: 50%;
    margin: 9% 0 0 88px;
}

.dotted {
    border-top: 1px dotted;
}

.margin_15 {
    margin: 0 15px;
}

.menu {
    width: 100%;
    height: 72px;
    overflow: hidden;
}

.menu ul {
    width: 110%;
}

.menu li {
    float: left;
    width: 100px;
}

.menu li a,
menu li a:visited {
    display: block;
    height: 72px;

    font-size: 16px;
    font-weight: 700;
    line-height: 72px;

    color: #252626;
}

.menu li a:hover {
    text-decoration: underline;
}

.menu .m01 {
    padding-left: 35px;
}

.menu .m02 {
    padding-left: 12px;
}

.menu .m03 {
    padding-left: 17px;
}

.menu .m04 {
    padding-left: 18px;
}

.menu .m05 {
    padding-left: 268px;
}

.menu .m06 {
    padding-left: 18px;
}

.menu .m07 {
    padding-left: 18px;
}

.menu .m08 {
    padding-left: 34px;
}


.left {
    float: left;
}

.head_pr {
    position: relative;

    width: 100%;
    height: 0;

    font-size: 0;
    line-height: 0;
}

.head_logo {
    position: relative;
    top: 32px;
    left: 36px;

    float: left;
    width: 245px;
    height: 98px;

    cursor: pointer;

    background: url(../images/logo.png)center center no-repeat;
}

.top_nav_bar {
    position: relative;

    float: left;
}

.top_nav_bar li {
    float: left;
    margin-top: 5px;
    margin-left: 30px;

    font-size: 16px;
}

.top_nav_bar li a {
    font-weight: bold;

    text-decoration: none;
}

.head_video,
.head_video_btn {
    position: absolute;
    top: 88px;
    left: 790px;

    display: block;
    width: 300px;
    height: 100px;
}

.head_video {
    z-index: 1;
}

.head_video_btn {
    z-index: 2;

    cursor: pointer;
}

/* container start */
.con_left {
    float: left;
    width: 175px !important;
    margin-right: 10px;

    background: url(../images/left_btn.jpg)no-repeat;
}

.con_mid {
    float: left;
    width: 750px;
}

.con_right {
    float: right;
    width: 255px !important;
}

.qr_img {
    position: relative;

    width: 185px;
    height: 185px;
    margin-top: 20px;
    margin-left: 35px;

    background: #fff;
}

.qr_title {
    text-align: center;

    color: #7f7f7f;
}

.qr_btn {
    height: 35px;
    margin-top: 3px;

    font-size: 18px;
    font-weight: 900;
    line-height: 35px;

    text-align: center;

    color: #fff;
    background: #49689c;
}

.con_title {
    width: 100%;
    height: 30px;

    border-bottom: #eaeaec solid 1px;
}

.margin_top_15 {
    margin-top: 15px;
}

.con_title_bg_warp {
    background: #ccc;
}

.con_title ul {
    position: relative;
    bottom: 0;

    float: left;
    height: 30px;
}

.con_title li {
    float: left;
    width: 85px;

    font-size: 16px;

    color: #5e5e5e;
}

.con_title li a {
    display: block;
    height: 29px;

    line-height: 18px;

    text-align: center;
}

.con_title li a.default {
    cursor: default;
}

.con_title li .line {
    display: block;
    width: 0;
    height: 2px;
    margin: 0 auto;

    font-size: 0;
    line-height: 0;

    -webkit-transition: all .2s linear 0s;
       -moz-transition: all .2s linear 0s;
        -ms-transition: all .2s linear 0s;
         -o-transition: all .2s linear 0s;
            transition: all .2s linear 0s;

    background-color: #e86656;
}

.con_title li.thistab .line {
    width: 100%;

    background-color: #e86656;
}

.con_title li.thistab {
    background: #fff;
}

.con_title li.thistab a,
.con_title li.thistab a:visited {
    color: #e86656;
}

.con_title li a:hover {
    text-decoration: none;
}

.con_tit_more {
    float: right;
    width: 40px;
    height: 26px;
    padding: 3px 0 0;
}

.con_tit_more .ico_more {
    position: relative;

    display: block;
    float: right;
    width: 9px;
    height: 9px;
    margin: 4px 0 0;

    border: #969696 solid 1px;
}

.con_tit_more .ico_pic {
    position: absolute;
    z-index: 12;

    display: block;
    width: 9px;
    height: 9px;

    background-position: 0 -2px;
}

.article_list {
    position: relative;

    width: 100%;
}

.article_list ul {
    display: block;
}

.article_list li {
    height: 30px;
    overflow: hidden;

    line-height: 30px;
}

.article_list li span {
    display: block;
    float: left;
    width: 9px;
    height: 15px;
    margin: 9px 9px 0 0;

    background-position: left -22px;
}

#container {
    position: relative;
    z-index: 2;

    width: 750px;
    height: 265px;
}

#slides {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;

    width: 750px;
}

#slides .next,
#slides .prev {
    position: absolute;
    top: 87px;
    left: -39px;
    z-index: 101;

    display: none;
    width: 24px;
    height: 43px;
}

.slides_container {
    position: relative;
    z-index: -1;

    width: 750px;
    height: 265px;
    overflow: hidden;
}

.slides_container img {
    width: 750px;
    height: 265px;
}

#slides .pagination {
    position: absolute;
    bottom: 10px;

    display: block;
    width: 200px;
    height: 17px;
    padding: 0;
    margin: 0;

    text-align: right;

    background: none;
}

#slides .pagination li {
    display: inline-block;
    height: 15px;
    margin: 0 5px;
    overflow: hidden;

    border-radius: 15px;

    *display: inline;
    *zoom: 1;
}

#slides .pagination li a {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    padding: 0;
    overflow: hidden;

    line-height: 100px;

    text-indent: -9999em;

    background: #fff;
    background-position: -122px -77px;
}

#slides .pagination li.current a {
    width: 40px;

    background-position: -96px -77px;
}

#container2 {
    position: relative;
    z-index: 2;

    width: 280px;
    height: 170px;
}

#slides2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;

    width: 280px;
}

#slides2 .next,
#slides2 .prev {
    display: none;
}

#slides2 .slides_container {
    position: relative;
    z-index: -1;

    width: 280px;
    height: 170px;
    overflow: hidden;
}

#slides2 .slides_container img {
    width: 280px;
    height: 170px;
}

#slides2 .pagination {
    position: absolute;
    right: 5px;
    bottom: 5px;

    display: block;
    width: 140px;
    height: 17px;
    padding: 0;
    margin: 0;

    text-align: right;

    background: none;
}

#slides2 .pagination li {
    display: inline-block;
    height: 15px;
    overflow: hidden;

    *display: inline;
    *zoom: 1;
}

#slides2 .pagination li a {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0 4px;
    overflow: hidden;

    line-height: 200px;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #fff;

        -ms-border-radius: 50%;
}

#slides2 .pagination li.current a {
    background-color: #28ffd3;
}

.caption {
    position: absolute;
    bottom: -35px;

    width: 540px;
    height: 30px;
    padding: 5px 20px 0 20px;

    font-size: 1.3em;
    line-height: 1.33;

    color: #fff;
    border-top: 1px solid #000;
    background: #000;
    background: rgba(0, 0, 0, .5);
    text-shadow: none;
}

.con_tit_more .mowrap {
    position: absolute;
    z-index: 10;

    display: block;
    display: none \9;
    width: 13px;
    height: 7.5px;
    overflow: hidden;
}

.con_tit_more .mowrap_t {
    top: -3px;
    left: -2px;
}

.con_tit_more .mowrap_t .block {
    -webkit-transition: all .2s linear 0s;
       -moz-transition: all .2s linear 0s;
        -ms-transition: all .2s linear 0s;
         -o-transition: all .2s linear 0s;
            transition: all .2s linear 0s;
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
    -webkit-transform-origin: 50% 100%;
       -moz-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
         -o-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
}

.con_tit_more .mowrap_b {
    top: 4.5px;
    left: -2px;
}

.con_tit_more .mowrap_b .block {
    -webkit-transition: all .2s linear .2s;
       -moz-transition: all .2s linear .2s;
        -ms-transition: all .2s linear .2s;
         -o-transition: all .2s linear .2s;
            transition: all .2s linear .2s;
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
    -webkit-transform-origin: 50% 0;
       -moz-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
         -o-transform-origin: 50% 0;
            transform-origin: 50% 0;
}

.con_tit_more .block {
    display: block;
    width: 13px;
    height: 7.5px;

    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);

    background-color: #fff;
}

.con_tit_more:hover {
    border-color: #cba950 \9;
}

.con_tit_more:hover .mowrap_t .block {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
}

.con_tit_more:hover .mowrap_b .block {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
}

.download {
    height: 265px;
}

.download_btn {
    height: 134px;

    cursor: pointer;
}

.down_m_info {
    margin: 0 25px 0 25px;
    overflow: hidden;
}

.down_m_info p {
    margin: 25px 0 25px 25px;

    font-size: 15px;

    text-indent: 10px;

    color: #49536c;
    border-left: 5px solid #667ba2;
}

.down_m_btn {
    width: 276px;
    height: 85px;
    margin: 35px auto;

    font-size: 25px;
    line-height: 85px;

    cursor: pointer;
    text-align: center;

    background: #cb942f;
}

.down_m_btn span {
    position: relative;
    top: 7px;
    left: -17px;

    display: inline-block;
    width: 39px;
    height: 37px;

    background: url(../images/down_btn_icon.png)center center no-repeat;
}

.down_m_btn a {
    color: #fff;
}

.down_m_btn a:hover {
    text-decoration: none;
}

.question_p {
    width: 985px;
    margin: 25px 0 15px 30px;

    font-size: 15px;

    color: #49536c;
}

.answer_p {
    width: 955px;
    padding-bottom: 25px;
    margin-right: 30px;
    margin-left: 30px;

    font-size: 14px;
    line-height: 25px;

    color: #ccc;
    border-bottom: 1px solid #ccc;
}

.reg_btn {
    height: 66px;

    font-size: 20px;
    line-height: 66px;

    cursor: pointer;
    text-align: center;

    color: #fff;
}

.reg_btn a {
    color: #fff;
}

.reg_btn a:hover {
    text-decoration: none;

    color: #ffdf98;
}

.reg_btn span {
    position: relative;
    left: -15px;

    display: inline-block;
    width: 17px;
    height: 15px;

    background: url(../images/icons.png)no-repeat;
    background-position: -112px -157px;
}

.charge_btn {
    height: 65px;

    font-size: 20px;
    line-height: 67px;

    cursor: pointer;
    text-align: center;

    color: #fff;
}

.charge_btn a {
    color: #fff;
}

.charge_btn a:hover {
    text-decoration: none;

    color: #ffdf98;
}

.charge_btn span {
    position: relative;
    left: -15px;

    display: inline-block;
    width: 17px;
    height: 15px;

    background: url(../images/icons.png)no-repeat;
    background-position: 1px -157px;
}

.down_m_info ul {
    width: 120%;
}

.down_m_info li {
    display: block;
    float: left;
    width: 430px;
}

.down_m_info li h3 {
    font: 400 20px/42px \5FAE\8F6F\96C5\9ED1;
}

.down_m_info li .text span {
    display: block;
    width: 100%;

    font-size: 14px;
    line-height: 24px;

    color: #666;
}

.down_btn {
    display: block;
    width: 100%;
    height: 175px;
}

.down_btn:hover {
    display: block;
    height: 175px;

    background-position: left -175px;
}

.down_link {
    width: 100%;
    height: 90px;
    overflow: hidden;

    background-position: left -352px;
}

.down_link ul {
    display: block;
    width: 120%;
}

.down_link li {
    float: left;
    width: 145px;
    height: 88px;
}

.down_link li span {
    display: block;
    width: 44px;
    height: 38px;
    margin: 0 auto;
}

.down_link li p {
    height: 28px;
    padding: 55px 0 0;
    margin: 0;

    font-size: 14px;
    line-height: 28px;

    text-align: center;

    color: #ffd2c5;
}

.down_link li a {
    display: block;
    height: 88px;
}

.down_link li a:hover {
    display: block;
    height: 88px;

    text-decoration: none;
}

.down_link li a.dl01:hover {
    background-position: left -902px;
}

.down_link li a.dl02:hover {
    background-position: -145px -902px;
}

.con_o_r {
    width: 260px;
    height: 265px;
    overflow: hidden;

    background: #fff;
}

.con_o_r_pic {
    padding: 12px 0;
}

.con_o_r_h3 {
    padding: 0 0 10px;

    font-size: 18px;
    line-height: 20px;

    text-align: center;

    color: #137c75;
    border-bottom: #cececf dotted 1px;
}

.con_o_r_h3 a,
.con_o_r_h3 a:visited {
    color: #137c75;
}

.con_o_r_list {
    width: 248px;
    padding: 5px 0 0 10px;
}

.con_o_r_list .article_list ul {
    width: 270px;
}

.con_o_r_list .article_list li {
    float: left;
    width: 130px;
}

.con_o_r_list .article_list li a {
    font-size: 14px;
}

/*con two start*/
.rig_video {
    cursor: pointer;
}

.feature {
    height: 307px;

    background-position: left -282px;
}

.feature .article_list ul {
    padding: 62px 0 0 24px;
}

.feature .article_list li span {
    background-position: left -50px;
}

.feature a {
    font-size: 16px;

    color: #fff;
}

.feature_more {
    float: left;
    height: 22px;
    margin: 6px 0 0 24px;

    line-height: 22px;

    border: #385c7c solid 1px;
}

.feature_more a {
    display: block;
    padding: 0 8px;
}

.feature_more a,
.feature_more a:visited {
    font-size: 12px;

    color: #385d7b;
}

.feature_more a:hover {
    display: block;
    height: 22px;

    text-decoration: none;

    color: #fff;
    background-color: #7e8b9b;
}

.event_btn {
    height: 196px;
    margin-top: 10px;
}

.event_btn a {
    cursor: pointer;

    color: #fff;
}

.event_btn a:hover {
    text-decoration: none;

    color: #ffdf98;
}

.event_btn li {
    float: left;
    width: 80px;
    height: 97px;
    margin-top: 1px;
    margin-left: 7px;

    text-align: center;
}

.event_btn_icons {
    display: inline-block;
    width: inherit;
    height: 66px;

    background: url(../images/icons.png)no-repeat;
}

.event_btn_icon_1 {
    background-position: 18px 16px;
}

.event_btn_icon_2 {
    background-position: -70px 16px;
}

.event_btn_icon_3 {
    background-position: 18px -74px;
}

.event_btn_icon_4 {
    background-position: -70px -75px;
}

.weichat_btn {
    position: relative;
    top: 17px;

    width: 133px;
    height: 29px;
    margin: 0 auto;

    font-size: 16px;
    line-height: 29px;

    cursor: pointer;
    text-align: center;

    color: #fff;
    background-color: #5c6985;
}

.weichat_btn span {
    position: relative;
    top: 4px;
    left: -10px;

    display: inline-block;
    width: 25px;
    height: 20px;

    background: url(../images/icons.png)no-repeat;
    background-position: -105px -185px;
}

.weichat_btn:hover {
    color: #ffdf98;
}

.weichat_btn:hover > #weichat_icon {
    background-position: -105px -207px;
}

.bbs_btn {
    position: relative;
    top: 29px;

    width: 133px;
    height: 29px;
    margin: 0 auto;

    font-size: 16px;
    line-height: 29px;

    cursor: pointer;
    text-align: center;

    color: #fff;
    background-color: #5c6985;
}

.bbs_btn span {
    position: relative;
    top: 4px;
    left: -10px;

    display: inline-block;
    width: 25px;
    height: 20px;

    background: url(../images/icons.png)no-repeat;
    background-position: 0 -184px;
}

.bbs_btn:hover > #bbs_icon {
    background-position: 0 -208px;
}

.news_list {
    width: 720px;
    height: 292px;
    padding: 15px 15px 0;
    overflow: hidden;

    background-color: #fff;
}

.information_list {
    height: 84px;
}

.information_img {
    float: left;
    width: 105px;
    height: 52px;
    margin-top: 16px;
}

.information_title {
    position: relative;
    top: 12px;
    left: 14px;

    font-size: 13px;
    font-weight: bold;
}

.list_item {
    position: relative;
    left: 15px;

    margin-top: 10px;
}

.list_item li {
    float: left;

    text-align: center;
}

.list_item em {
    padding-right: 10px;
    padding-left: 10px;
}

.slide_wrap {
    position: relative;

    width: 100%;
    padding: 8px 0;

    *height: 190px;
    *overflow: hidden;
}

.slide_wrap .news_box {
    padding: 0;
}

.slide_wrap .news_box .article_list {
    float: left;
    width: 720px;
}

.slide_wrap .slide_box {
    position: absolute;
    top: 6px;
    left: 0;

    width: 100000em;
}

.news_box {
    width: 100%;
    padding: 8px 0;
}

.news_box li {
    height: 32px;

    line-height: 32px;

    border-bottom: #cececf dotted 1px;
}

.news_box li span {
    margin-top: 11px;
}

.news_box li em,
.news_web_list li em {
    float: right;

    color: #9b9b9b;
}

.news_box .con_tit_more {
    position: absolute;
    top: -34px;
    right: 0;

    display: block;
}

.con_t_r {
    height: 307px;
    overflow: hidden;
}

.con_t_r img {
    display: block;
}

.dungeon {
    height: 98px;
}

.dungeon_btn_2 {
    margin-top: 6px;
}

.dungeon_btn_3 {
    margin-top: 7px;
}

.con_gg01 {
    display: block;
    padding: 0 0 15px;
}

/*con two end*/
/*con three start*/
.server,
.school {
    width: 1015px;
    height: 346px;
}

.service_title {
    width: inherit;
    height: 53px;

    font-size: 18px;
    line-height: 53px;

    cursor: context-menu;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-align: center;

    color: #fff;

     -khtml-user-select: none;
    moz-user-select: -moz-none;
         -o-user-select: none;
}

.service_links {
    width: inherit;
    height: 293px;
}

.service_links ul {
    width: inherit;
    height: 140px;
}

.service_links ul li a {
    float: left;
    width: 42%;
    height: 35.66px;
    margin-left: 8%;

    font-size: 15px;
    line-height: 46.66px;

    cursor: pointer;
    text-align: left;

    color: #fff;
}

.service_links ul li a:hover {
    color: #ffdf98;
}

.phone_vip_btn {
    width: 143px;
    height: 31px;
    margin: 0 auto;

    font-size: 14px;
    line-height: 31px;

    cursor: pointer;
    text-align: center;

    color: #fff;
    background: #c9932e;
}

.phone_vip_btn:hover {
    background: rgb(203, 168, 104);
}

.service_info {
    width: inherit;
    height: 112px;
}

.service_info p {
    margin-top: 10px;

    text-align: center;

    color: #fff;
}

.co_title {
    width: inherit;
    height: 51px;

    font-size: 18px;
    line-height: 53px;

    cursor: context-menu;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-align: center;

    color: #fff;

     -khtml-user-select: none;
    moz-user-select: -moz-none;
         -o-user-select: none;
}

.co_list {
    position: relative;

    padding: 10px 17.5px 10px 17.5px;
    overflow: hidden;
}

#scrollDiv {
    width: inherit;
    height: 227px;
    overflow: hidden;
}

#scrollDiv li {
    width: inherit;
    height: 40px;
    margin-bottom: 17px;
}

#scrollDiv li img {
    width: 140px;
    height: inherit;
}

.role_title {
    float: left;
    width: 80px;
    height: 100%;
}

.role_title ul {
    width: inherit;
    height: inherit;
}

.role_title ul li {
    width: inherit;
    height: 49.42px;

    font-size: 20px;
    line-height: 49.42px;

    cursor: pointer;
    text-align: center;

    color: #fff;
}

.role_title ul li:hover {
    color: #ffdf98;
}

.role_title ul li:hover .role_title li span {
    color: #ffdf98;
}

.role_title li span {
    display: block;
    float: left;
    width: 9px;
    height: 9px;
    margin: 19px 0 0 13px;

    transform-origin: 4.5px 0;
}

.role_title_active {
    color: #ffdf98 !important;
}

.role_span_active {
    margin-top: 21px !important;

    background: url(../images/star.png)center top no-repeat !important;
}

.role_show_zone {
    float: right;
    width: 935px;
    height: 100%;

    background: url(../images/show_zone_bg.jpg)center top no-repeat;
}

.role_view_box {
    position: absolute;

    display: none;
    width: 935px;
    height: 346px;
}

.role_view_box_active {
    display: block;
}

.role_star {
    position: absolute;
    top: 246px;
    left: 121px;

    float: left;
    width: 105px;
    height: 17px;
}

.role_star span {
    float: left;
    width: 17px;
    height: 17px;
    margin: 0 2px 0 2px;
}

.role_star_difficulty_full {
    background: url(../images/role_star_full.png)center center no-repeat;
}

.role_star_difficulty {
    background: url(../images/role_star.png)center center no-repeat;
}

.role_class_btn_1 {
    position: relative;
    top: 134px;
    left: 56px;

    width: 95px;
    height: 26px;

    font-size: 15px;
    line-height: 26px;

    cursor: pointer;
    text-align: center;

    color: #c8cbd3;
    background-color: #6d7897;
}

.role_class_btn_2 {
    position: relative;
    top: 108px;
    left: 161px;

    width: 95px;
    height: 26px;

    font-size: 15px;
    line-height: 26px;

    cursor: pointer;
    text-align: center;

    color: #c8cbd3;
    background-color: #6d7897;
}

.role_class_btn_active {
    color: #fff;
    background-color: #667292;
}

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

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

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

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

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

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

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

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

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

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

.role_list {
    background-color: #7984a2;
}

.server {
    width: 290px;
    overflow: hidden;

    background-position: 0 -603px;
}

.server_box {
    width: 260px;
    height: 122px;
    padding: 0 15px 0;
    overflow: hidden;
}

.server_box .con_title li {
    width: 92px;
}

.ser_box_focus {
    position: absolute;

    width: 10000000px;
    height: 100%;
}

.ser_list_box {
    float: left;
    width: 225px;
    height: 240px;
    margin-right: 15px;
}

.media_pic {
    width: inherit;
    height: 67px;
}

.media_recommend_list em {
    float: right;
}

.server_box .article_list {
    margin: 10px 0;
}

.server_box .article_list li {
    height: 24px;

    line-height: 24px;
}

.server_box .article_list li span {
    margin-top: 6px;
}

.server_box li .fr {
    display: block;
    width: 112px;

    text-align: right;
}

.server_box li .i_icon {
    display: block;
    float: right;
    width: 23px;
    height: 19px;
    margin: 3px 0 0 6px;

    font-style: normal;
    line-height: 19px;

    text-align: left;
    text-indent: 6px;

    color: #007e24;
    background-position: left -78px;

    _display: inline;
}

.server_box li .i_hot {
    color: #ed4800;
}

.server_scroll {
    height: 75px;
    overflow: hidden;
}

.server_more {
    width: 162px;
    height: 26px;
    margin: 0 auto;

    font-size: 14px;
    line-height: 26px;

    text-align: center;

    color: #7e8b9b;
    border: #7e8b9b solid 1px;
}

.server_more a,
.server_more a:visited {
    color: #7e8b9b;
}

.server_more a:hover {
    display: block;
    height: 26px;

    text-decoration: none;

    color: #fff;
    background-color: #7e8b9b;
}

.hezuo {
    background-position: 0 -964px;
}

.wei_box {
    position: relative;
}

.weibo_l {
    position: absolute;
    bottom: 84px;
    left: 0;
    z-index: 2;

    width: 290px;
    height: 235px;

    border-top: #e9e9e9 solid 1px;
    background-color: #fff;
}

.weixin_l {
    position: absolute;
    bottom: 84px;
    left: 0;
    z-index: 2;

    width: 282px;
    height: 162px;

    background-position: left -719px;
}

.wei_menu {
    position: relative;

    width: 100%;
    height: 255px;
    margin: 15px 0 0;
}

.school .con_title li {
    width: 46px;
}

.school_menu {
    width: 562px;
    padding: 0 0 0 15px;
}

.school_menu .con_title li a {
    font-size: 14px;
}

.school_wrap {
    position: relative;

    width: 590px;
    height: 390px;
    overflow: hidden;
}

.school_info,
.school_img {
    position: absolute;
    top: 0;
    z-index: 10;

    width: 590px;
    height: 390px;

    -webkit-transition: all .6s ease 0s;
       -moz-transition: all .6s ease 0s;
        -ms-transition: all .6s ease 0s;
         -o-transition: all .6s ease 0s;
            transition: all .6s ease 0s;

           opacity: 0;

    -khtml-opacity: 0;
    filter: alpha(opacity=0);
      -moz-opacity: 0;
}

.school_info {
    left: -590px;
}

.sch_active .school_info,
.sch_active .school_img {
           opacity: 1;

    -khtml-opacity: 1;
    filter: alpha(opacity=100);
      -moz-opacity: 1;
}

.sch_active .school_info {
    left: 0;
    z-index: 13;
}

.sch_active .school_img {
    right: 0;
    z-index: 12;
}

.school_box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;

    width: 590px;
    height: 390px;
}

.sch_active {
    z-index: 3;
}

.school_img01 {
    background: url(../images/mp/bg01.html) no-repeat;
}

.school_img02 {
    background: url(../images/mp/bg02.html) no-repeat;
}

.school_img03 {
    background: url(../images/mp/bg03.html) no-repeat;
}

.school_img04 {
    background: url(../images/mp/bg04.html) no-repeat;
}

.school_img05 {
    background: url(../images/mp/bg05.html) no-repeat;
}

.school_img06 {
    background: url(../images/mp/bg06.html) no-repeat;
}

.school_img07 {
    background: url(../images/mp/bg07.html) no-repeat;
}

.school_img08 {
    background: url(../images/mp/bg08.html) no-repeat;
}

.school_img09 {
    background: url(../images/mp/bg09.html) no-repeat;
}

.school_img10 {
    background: url(../images/mp/bg10.html) no-repeat;
}

.school_img11 {
    background: url(../images/mp/bg11.html) no-repeat;
}

.school_img12 {
    background: url(../images/mp/bg12.html) no-repeat;
}

.school_img {
    position: absolute;
    right: -590px;
    bottom: 0;

    width: 590px;
    height: 390px;

    background-position: right bottom;
}

.school_tit {
    display: block;
    width: 245px;
    height: 70px;

    text-indent: -9999px;
}

.school_h4 {
    padding: 10px 0 0 18px;

    font-size: 14px;

    color: #666;
}

.school_text {
    width: 325px;
    padding: 3px 0 0 18px;
    margin: 0;

    line-height: 20px;

    color: #949494;
}

.school_star {
    width: 260px;
    height: 30px;
    padding: 15px 0 10px 18px;
    overflow: hidden;
}

.school_star strong {
    display: block;
    float: left;

    font-size: 14px;

    color: #666;
}

.school_star span {
    display: block;
    float: left;
    width: 13px;
    height: 22px;
    margin-right: 3px;

    background-position: -156px -111px;
}

.school_star span.hlight {
    background-position: -130px -111px;
}

.sch_video,
.sch_video_no {
    width: 275px;
    height: 130px;
    padding: 1px;
    margin: 0 0 12px 18px;

    cursor: pointer;

    border: #e3e3e3 solid 1px;
}

.sch_video_no {
    cursor: default;
}

.sch_more {
    width: 90px;
    margin: 0 0 0 18px;

    font-size: 14px;
    line-height: 26px;

    text-align: center;

    color: #98a2af;
    border: #98a2af solid 1px;
}

.sch_more a,
.sch_more a:visited {
    color: #98a2af;
}

.sch_more a:hover {
    display: block;
    height: 26px;

    text-decoration: none;

    color: #fff;
    background-color: #7e8b9b;
}

.school_in01 .school_tit {
    background: url(../images/mp/t01.html) no-repeat;
}

.school_in02 .school_tit {
    background: url(../images/mp/t02.html) no-repeat;
}

.school_in03 .school_tit {
    background: url(../images/mp/t03.html) no-repeat;
}

.school_in04 .school_tit {
    background: url(../images/mp/t04.html) no-repeat;
}

.school_in05 .school_tit {
    background: url(../images/mp/t05.html) no-repeat;
}

.school_in06 .school_tit {
    background: url(../images/mp/t06.html) no-repeat;
}

.school_in07 .school_tit {
    background: url(../images/mp/t07.html) no-repeat;
}

.school_in08 .school_tit {
    background: url(../images/mp/t08.html) no-repeat;
}

.school_in09 .school_tit {
    background: url(../images/mp/t09.html) no-repeat;
}

.school_in10 .school_tit {
    background: url(../images/mp/t10.html) no-repeat;
}

.school_in11 .school_tit {
    background: url(../images/mp/t11.html) no-repeat;
}

.school_in12 .school_tit {
    background: url(../images/mp/t12.html) no-repeat;
}

.school_info .school_tit {
    background-position: 15px 10px;
}

.tongren {
    height: 345px;
    overflow: hidden;

    background-color: #fff;
}

.tr_slide {
    width: 280px;
    height: 170px;
    padding: 0 0 5px 5px;
}

.tr_menu:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;

    content: ".";
}

.tr_menu {
    display: inline-block;
}

*html .tr_menu {
    width: 100%;
    height: 1%;
    zoom: 1;

    font-size: 0;
    line-height: 0;
}

.tr_menu {
    width: 100%;
}

.tr_menu ul {
    width: 120%;
}

.tr_menu li {
    float: left;
    width: 147px;
    height: 84px;

    line-height: 31px;

    color: #333;
    border-top: #e9e9e9 solid 1px;
    border-right: #e9e9e9 solid 1px;
}

.tr_menu li a {
    width: 124px;
    height: 60px;
    padding: 24px 0 0 23px;
}

.tr_menu li a,
.tr_menu li a:visited {
    display: block;
    height: 60px;

    font-size: 15px;

    color: #333;
}

.tr_menu li a:hover,
.tr_menu li.this_trm a {
    display: block;
    height: 60px;

    text-decoration: none;

    color: #fff;
    background-color: #53acb7;
}

.tr_menu li span {
    display: block;
    float: left;
    width: 35px;
    height: 31px;
    margin: 0 9px 0 0;
}

.tr_menu li a .tr01 {
    background-position: -1px -170px;
}

.tr_menu li a .tr02 {
    background-position: -39px -170px;
}

.tr_menu li a .tr03 {
    background-position: -78px -170px;
}

.tr_menu li a .tr04 {
    background-position: -117px -170px;
}

.tr_menu li a .tr05 {
    background-position: -154px -170px;
}

.tr_menu li a .tr06 {
    background-position: -191px -170px;
}

.tr_menu li a .tr07 {
    background-position: -1px -233px;
}

.tr_menu li a .tr08 {
    background-position: -39px -233px;
}

.tr_menu li a .tr09 {
    background-position: -78px -233px;
}

.tr_menu li a .tr10 {
    background-position: -117px -233px;
}

.tr_menu li a .tr11 {
    background-position: -154px -233px;
}

.tr_menu li a .tr12 {
    background-position: -191px -233px;
}

.tr_menu li a:hover span.tr01 {
    background-position: -1px -202px;
}

.tr_menu li a:hover span.tr02 {
    background-position: -39px -202px;
}

.tr_menu li a:hover span.tr03 {
    background-position: -78px -202px;
}

.tr_menu li a:hover span.tr04 {
    background-position: -117px -202px;
}

.tr_menu li a:hover span.tr05 {
    background-position: -154px -202px;
}

.tr_menu li a:hover span.tr06 {
    background-position: -191px -202px;
}

.tr_menu li a:hover span.tr07 {
    background-position: -1px -265px;
}

.tr_menu li a:hover span.tr08 {
    background-position: -39px -265px;
}

.tr_menu li a:hover span.tr09 {
    background-position: -78px -265px;
}

.tr_menu li a:hover span.tr10 {
    background-position: -117px -265px;
}

.tr_menu li a:hover span.tr11,
.tr_menu li.this_trm span.tr11 {
    background-position: -154px -265px;
}

.tr_menu li a:hover span.tr12,
.tr_menu li.this_trm span.tr12 {
    background-position: -191px -265px;
}

/*con three end*/
/*con four start*/
.bbs,
.service {
    width: 260px;
    height: 298px;
    overflow: hidden;

    background-color: #fff;
}

.bbs_area {
    float: right;
    width: 225px;
    height: 283px;
    padding: 15px 15px 0;
}

.bbs_box,
.ser_box {
    position: relative;

    width: 100%;
    padding: 4px 0 0;
}

.bbs_box {
    height: 176px;
    overflow: hidden;
}

.bbs_box .con_title li {
    width: 78px;
}

.bbs_box .con_tit_more {
    position: absolute;
    top: -30px;
    right: 0 ;
}

.bbs_box .article_list {
    float: left;
    width: 260px;
}

.bbs_box .article_list li {
    height: 32px;

    line-height: 32px;

    border-bottom: #dadada dotted 1px;
}

.bbs_box .article_list li span {
    margin-top: 10px;
}

.media {
    height: 283px;
}

.media .news_box {
    padding: 4px 0 0;
}

.media .con_title li {
    width: 70px;
}

.ser_focus {
    height: 32px;
    margin: 10px 0 0;
    overflow: hidden;

    line-height: 32px;

    color: #343434;
    background-color: #f8f8f8;
}

.ser_focus span {
    display: block;
    float: left;
    width: 28px;
    height: 30px;

    background-position: -63px -68px;
}

.ser_text {
    height: 26px;
    margin: 0;

    line-height: 26px;

    color: #5c5c5c;
}

.ser_h3 {
    font-size: 22px;
    line-height: 28px;

    color: #000;
}

.ser_btn {
    width: 100%;
    padding: 11px 0 0;
    overflow: hidden;
}

.ser_btn a {
    display: block;
    float: left;
    width: 112px;
    height: 26px;
    margin-right: 16px;

    font-size: 14px;
    line-height: 26px;

    text-align: center;

    color: #7e8b9b;
    border: #7e8b9b solid 1px;

    _display: inline;
}

.ser_btn a:visited {
    color: #7e8b9b;
}

.ser_btn a.thistab,
.ser_btn a:hover {
    display: block;
    height: 26px;

    text-decoration: none;

    color: #fff;
    border: #7e8b9b solid 1px;
    background-color: #7e8b9b;
}

.ser_weixin {
    position: absolute;
    top: -1px;
    right: 5px;

    display: none;
    width: 132px;
    height: 130px;

    border: #dadada solid 1px;
    background-color: #fff;
    background-position: -153px -753px;
}

.ser_weixin span.icons {
    position: absolute;
    bottom: -7px;
    left: 48%;

    display: block;
    width: 11px;
    height: 7px;

    background-position: -183px -113px;
}

/*con four end*/
.friends {
    padding: 12px 0;

    border-top: #ccd4da solid 1px;
    border-bottom: #ccd4da solid 1px;
}

.friends_l {
    float: left;
    width: 94px;
    height: 32px;

    font-size: 16px;
    line-height: 32px;

    color: #5e5e5e;
}

.friends_r {
    float: right;
    width: 1104px;
    height: 32px;
    overflow: hidden;
}

.friends_r ul {
    display: block;
    width: 12000em;
    height: 32px;
}

.friends_r li {
    float: left;
    width: 93px;
    height: 28px;
    overflow: hidden;
}

.friends_r a img {
    width: 75px;
    height: 26px;

    border: #fff solid 1px;

    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
            filter: grayscale(100%);
            filter: gray;
}

.friends_r a:hover img {
    -webkit-filter: grayscale(0);
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
            filter: gray;
}

.footer {
    width: 100%;
    height: 126px;

    background: url(../images/footer.html) center top no-repeat;
}

/*animate*/
.animate,
.article_list,
.tr_menu a:hover {
    -webkit-transition: all .5s ease 0s;
       -moz-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
         -o-transition: all .5s ease 0s;
            transition: all .5s ease 0s;
}

.tranformachor span,
.article_list li span,
.school_star span {
    -webkit-transition: all .3s linear 0s;
       -moz-transition: all .3s linear 0s;
        -ms-transition: all .3s linear 0s;
         -o-transition: all .3s linear 0s;
            transition: all .3s linear 0s;
}

.tranformachor:hover span,
.article_list li:hover span,
.role_title  li:hover span,
.school_star:hover span {
    -webkit-transition: all .4s linear .05s;
       -moz-transition: all .4s linear .05s;
        -ms-transition: all .4s linear .05s;
         -o-transition: all .4s linear .05s;
            transition: all .4s linear .05s;
    -webkit-transform: rotateY(180deg);
       -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
            transform: rotateY(180deg);
}

/* container end*/
/*other start */
.detail_rig {
    float: right;
    width: 1015px;
}

.detail_tit {
    width: 100%;
    height: 134px;

    background-color: #667ba2;

    filter: progid:dximagetransform.Microsoft.gradient(startcolorstr=#b23e95a3, endcolorstr=#b23e95a3);
}

.detail_tit_l {
    float: left;
    width: 985px;
    height: 82px;
    margin-left: 30px;

    font: 400 30px/82px \5FAE\8F6F\96C5\9ED1;

    color: #fff;
}

.detail_tit_q {
    float: left;
    width: 980px;
    height: 42px;
    margin-left: 30px;

    font: 900 20px/42px \5FAE\8F6F\96C5\9ED1;

    text-indent: 10px;

    color: #000;
    border-left: 5px solid #667ba2;
}

.detail_tit_p {
    float: left;
    margin-left: 30px;

    font-size: 17px;

    color: #fff;
}

.detail_tit_r {
    float: right;
    width: 550px;
    padding: 30px 18px 0 0;
    margin: 0;

    font: 400 14px/30px \5FAE\8F6F\96C5\9ED1;

    text-align: right;

    color: #fff;
}

.detail_tit_b {
    display: block;
    width: 100%;
    height: 3px;
    overflow: hidden;
    clear: both;

    font-size: 0;
    line-height: 0;

    background-color: rgba(24,138,141, .9);

    filter: progid:dximagetransform.Microsoft.gradient(startcolorstr=#b2367e8a, endcolorstr=#b2367e8a);
}

.detail_tit a,
.detail_tit a:visited {
    color: #fff;
}

.server_nr {
    width: 290px;
    height: 435px;
    padding: 15px 0 0;
    margin-top: 15px;
    overflow: hidden;

    background-color: #fff;
}

.detail_rig .pagination {
    padding: 30px 0 72px;
    overflow: hidden;

    text-align: center;
}

.detail_rig .pagination a {
    padding: 5px 12px;
    margin: 0 2px;

    border: #a5a5a5 solid 1px;
}

.detail_rig .pagination a.current,
.pagination a.current:hover {
    font-weight: 700;

    color: #fff;
    background-color: #a5a5a5;
}

.detail_rig .pagination input {
    padding: 3px 0;
}

.detail_rig .pagination button {
    padding: 5px 6px;
    margin: 0 1px;

    cursor: pointer;

    color: #fff;
    border: 0 none;
    background-color: rgb(62, 149, 163);
}

/*news list start */
.news_web_box {
    width: 845px;
    min-height: 889px;
    padding: 15px 25px;
    margin: 0 auto;
    overflow: hidden;

    background-color: #fff;

    _height: 889px;
    _overflow: visible;
}



.news_web_tit .con_title {
    height: 41px;
}

.news_web_tit .con_title li a {
    height: 39px;

    line-height: 30px;
}

.news_web_tit .con_title li a:hover {
    color: #e86656;
}

.news_web_list {
    padding: 15px 0;
}

.news_web_list li {
    height: 40px;

    font-size: 14px;
    line-height: 40px;

    border-bottom: #dadada dotted 1px;
}

.news_web_list .article_list li span {
    margin-top: 15px;
}

/*news list end */
/*hd start*/
.hd_web_box {
    width: inherit;
    min-height: 1127px;
    margin: 0 auto;
    overflow: hidden;

    background-color: #fff;

    _height: 890px;
    _overflow: visible;
}



.hd_web_tit .con_title li {
    width: 95px;
}

.hd_web_list {
    padding: 5px 0 15px;
}

.hd_web_con {
    width: 100%;
    padding: 25px 0 14px;
    overflow: hidden;

    border-bottom: #dadada dotted 1px;
}

.hd_web_c_l {
    float: left;
    width: 400px;
    height: 152px;

    border: #c2c2c2 solid 1px;
}

.hd_web_c_r {
    float: right;
    width: 420px;
    height: 150px;
    overflow: hidden;
}

.hd_web_c_h3 {
    height: 28px;
    overflow: hidden;

    font-size: 20px;
    line-height: 28px;

    white-space: nowrap;

    color: #444;
}

.hd_web_c_h3 a,
.hd_web_c_h3 a:visited {
    color: #444;
}

.hd_web_c_time {
    padding: 5px 0 8px;
    margin: 0;

    line-height: 18px;

    color: #e86656;
}

.hd_web_c_text {
    height: 78px;
    overflow: hidden;

    line-height: 20px;

    color: #777;
}

.content_cnt {
    width: 985px;
    margin: 0 auto;
}

.show_title {
    padding: 40px;

    font-size: 30px;
    line-height: 50px;
}

/*hd end*/
/*down start*/
.down_btn01 li,
.down_btn01 li span,
.down_btn02 li,
.detail_bot_r li span,
.down_tab ul {
    background: url(../images/down/icon_down.html) no-repeat;
}

.down_tab li {
    background: url(../images/down/icon_down02.html) no-repeat;
}

.down_web_tit .con_title {
    height: 60px;
}

.down_web_tit .con_title li {
    width: 255px;
}

.down_web_tit .con_title li a {
    height: 61px;

    font-size: 20px;
    line-height: 50px;
}

.down_web_tit .con_title li a:hover {
    color: #e86656;
}

.down_btn01 {
    width: 100%;
    padding: 40px 0 0;
    overflow: hidden;
}

.down_btn01 ul {
    display: block;
    width: 120%;
}

.down_btn01 li {
    display: block;
    float: left;
    width: 200px;
    height: 60px;
    margin-right: 14px;

    background-repeat: repeat-x;

    _display: inline;
}

.down_btn01 li.down_gf {
    position: relative;

    cursor: pointer;

    background-position: left -66px;
}

.down_btn01 li.down_xl {
    position: relative;

    cursor: pointer;
}

.down_pop {
    position: absolute;
    top: 0;
    left: 0;

    display: none;
    width: 200px;
    height: 60px;
    overflow: hidden;
}

.down_pop_box {
    width: 120%;
}

.down_pop a {
    display: block;
    float: left;
    width: 100px;
    height: 60px;
}

.down_pop a.gf01 {
    border-right: #f47758 dashed 1px;
    background-color: #e84330;
}

.down_pop a.xl01 {
    border-right: #45c7c2 dashed 1px;
    background-color: #2f918d;
}

.down_pop_xl a:hover {
    background-color: #358a84;
}

.down_pop a:hover {
    text-decoration: none;
}

.down_pop a strong {
    display: block;
    height: 26px;
    padding: 10px 0 0 10px;

    font-size: 16px;
    line-height: 26px;

    color: #fff;
}

.down_pop a em {
    display: block;

    font-family: \65B0\5B8B\4F53;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;

    text-indent: 10px;
}

.down_pop_gf {
    background-color: #ec553f;
}

.down_pop_xl {
    background-color: #31a29a;
}

.down_pop_gf a em {
    color: #f4a69e;
}

.down_pop_xl a em {
    color: #98c2c0;
}

.down_pop_gf a:hover {
    background-color: #d74d38;
}

.down_btn01 a,
.down_btn02 li a,
.down_pop a {
    -webkit-transition: .3s;
       -moz-transition: .3s;
         -o-transition: .3s;
            transition: .3s;
}

.down_btn01 li.down_o a:hover p {
    text-decoration: none;
}

.down_btn01 li span {
    display: block;
    float: left;
    width: 40px;
    height: 52px;
    margin-left: 27px;

    _display: inline;
}

.down_btn01 li span.d_icon01 {
    background-position: -3px -136px;
}

.down_btn01 li span.d_icon02 {
    background-position: -1px -189px;
}

.down_btn01 li span.d_icon03 {
    background-position: -1px -245px;
}

.down_btn01 li span.d_icon04 {
    background-position: 3px -302px;
}

.down_btn01 li span.d_icon05 {
    background-position: 3px -438px;
}

.down_btn01 li p {
    float: left;
    width: 125px;
    height: 60px;
    margin: 0;

    font-size: 22px;
    font-weight: 700;
    line-height: 56px;

    text-indent: 5px;

    color: #fff;
}

.down_title {
    width: 100%;
    height: 42px;

    font: 400 20px/42px \5FAE\8F6F\96C5\9ED1;

    color: #666;
    border-bottom: #dadada dotted 1px ;
}

.cms-patch-more {
    cursor: pointer;
}

.down_txt {
    width: 100%;
    padding: 12px 0;
}

.down_txt p {
    margin: 0;

    font-size: 14px;
    line-height: 26px;

    color: #666;
}

.down_txt p a,
.down_txt p a:visited {
    color: #0096d5;
}

.down_btn02 {
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
}

.down_btn02 li {
    display: block;
    float: left;
    width: 130px;
    height: 40px;
    margin-right: 10px;

    font-size: 16px;

    text-align: center;

    color: #fff;
    background-repeat: repeat-x;
    background-position: left -376px;

    _display: inline;
}

.down_btn02 li a {
    display: block;
    height: 40px;

    line-height: 38px;

    color: #fff;
}

.down_btn02 li a:visited {
    color: #fff;
}

.down_btn02 li a:hover {
    text-decoration: none;

    background-color: #31a29a;
}

.down_tab {
    padding: 20px 0;
    overflow: hidden;
}

.down_tab ul {
    width: 100%;
    height: 43px;

    background-repeat: repeat-x;
    background-position: left -531px;
}

.down_tab li {
    float: left;
    width: 121px;
    height: 43px;

    background-position: left -47px;
}

.down_tab a {
    display: block;
    width: 121px;
    height: 43px;

    font-size: 14px;
    line-height: 35px;

    text-align: center;

    color: #515151;
}

.down_tab .thistab {
    background-position: left top;
}

.config_txt {
    width: 100%;
    padding: 15px 0 0;
}

.config_txt table {
    width: 100%;

    color: #515151;
}

.config_txt td {
    padding: 8px 0;

    text-indent: 20px;

    border-bottom: #f1f1f1 solid 1px;
}

.gxb_pic {
    width: 100%;
    padding: 38px 0;
    overflow: hidden;
}

.gxb_pic img {
    display: block;
    margin: 0 auto;
}

.gxb_sear {
    width: 452px;
    padding: 35px 0 50px;
    margin: 0 auto;
}

.gxb_sear p {
    margin: 0;

    font-size: 14px;
    line-height: 20px;

    text-indent: 10px;

    color: #a4a4a4;
}

.gxb_sear_box {
    width: 100%;
    padding: 8px 0 0;
    overflow: hidden;
}

.gxb_sear_l {
    float: left;
    width: 335px;
    height: 35px;

    border: #c6c6c6 solid 1px;
}

.gxb_sear_l input {
    width: 320px;
    padding: 8px 0 0 8px;

    border: 0 none;
    background: none;
}

.gxb_sear_r {
    float: right;
    width: 104px;
    height: 35px;
    overflow: hidden;
}

.gxb_sear_r input {
    padding: 7px 20px;

    font-size: 14px;

    cursor: pointer;

    color: #fff;
    border: 0 none;
    background-color: #f57765;
}

.cms-patch-history,
.search_list {
    width: 100%;
    margin: 20px 0;

    text-align: center;

    color: #515151;
}

.cms-patch-history table,
.search_list table {
    width: 100%;
}

.cms-patch-history thead,
.search_list thead {
    height: 35px;

    background: #f2f2f2;
}

.cms-patch-history thead td,
.search_list thead td {
    font-size: 15px;

    text-indent: 15px;

    color: #515151;
}

.cms-patch-history tbody td,
.search_list tbody td {
    font-size: 12px;

    text-indent: 15px;

    color: #515151;
}

.cms-patch-history tbody td a,
.cms-patch-history tbody td a:visited,
.search_list tbody td a,
.search_list tbody td a:visited {
    display: block;
    width: 115px;
    padding: 4px 0;
    margin: 0 auto;

    font-size: 12px;

    text-align: left;

    color: #fff;
    background-color: #667ba2;
}

.cms-patch-history tbody tr.pop_hover td,
.search_list tbody tr.pop_hover td {
    background-color: #f7f7f7;
}

.cms-patch-history tr,
.search_list tr {
    height: 35px;

    border-bottom: 1px solid #f1f1f1;
}

.cms-patch-more {
    cursor: pointer;
}

.cms-patch-more span {
    float: right;
    margin: 0 20px 0 0;

    font-size: 12px;
    font-weight: 700;

    color: #878787;
}

.down_cs_btn li {
    width: 290px;
    margin-right: 55px;
}

.down_cs_btn ul {
    width: 750px;
    padding-left: 92px;
}

.down_cs_btn li span.d_icon04 {
    margin-left: 70px;
}

.down_cs_btn li span.d_icon05 {
    margin-left: 33px;
}

.down_cs_btn li p.w195 {
    width: 195px;
}

/*down end*/
/*detail start*/
.detail_title {
    width: 100%;
    padding: 25px 0 15px;

    font: 400 24px/30px \5FAE\8F6F\96C5\9ED1;

    text-align: center;

    color: #000;
}

.detail_time {
    width: 100%;
    padding: 0 0 7px;
    margin: 0;

    text-align: right;

    color: #b6b6b6;
    border-bottom: #ccc solid 1px;
}

.detail_con {
    width: 100%;
    padding: 10px 0 35px;
    overflow: hidden;

    font-size: 14px;
    line-height: 26px;

    color: #555;
}

.detail_con p {
    margin: 20px 0;
}

.detail_bot {
    width: 100%;
    padding: 12px 0;
    overflow: hidden;

    border-top: #eee solid 1px;
}

.detail_bot_r {
    float: right;
    width: 82px;
    height: 22px;
    overflow: hidden;
}

.detail_bot_r li {
    float: right;
    width: 72px;
    height: 21px;

    line-height: 21px;

    color: #fff;
    background-color: #999;
}

.detail_bot_r li span {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
}

.detail_bot_r li a,
.detail_bot_r li a:visited {
    color: #fff;
}

.detail_bot_r li span.dr01 {
    background-position: -22px -501px;
}

.detail_bot_r li span.dr02 {
    background-position: 3px -497px;
}

.detail_share {
    float: right;
    width: 143px;
    padding: 3px 0 0;
}

/*detail end*/
/*other end */
/*popup*/
.popup_wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;

    display: none;
    width: 100%;
    height: 3140px;

    background-color: rgba(0, 0, 0, .7);

    _position: absolute;
    filter: progid:dximagetransform.Microsoft.gradient(startcolorstr=#b2000, endcolorstr=#b2000);
}

.popup_box {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 102;

    display: none;
    width: 526px;
    margin: 0 0 0 -263px;

    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||10)-(parseInt(this.currentStyle.marginBottom, 10)||100)));
}

.popup_box_sp {
    top: 20%;

    width: 740px;
    height: 450px;
    margin: 0 0 0 -370px;
}

.popup_title {
    width: 100%;
    height: 39;

    font-size: 0;
    line-height: 0;
}

.popup_con {
    position: relative;

    margin-top: -50px;
}

.popup_title .close {
    z-index: 103 ;

    display: block;
    float: right;
    width: 39px;
    height: 39px;

    cursor: pointer;

    background: url(../../../pic.xoyo.com/cms/moon/t8/preindex/close.png) no-repeat;
}

.popup_box_sp .popup_title {
    position: relative;
}

.popup_box_sp .popup_title .close {
    position: absolute;
    top: -5px;
    right: -43px;
    z-index: 10;
}

.pop_buding {
    width: 870px;
    margin-left: -435px;
}

.pop_title {
    width: 100%;
    height: 54px;
    overflow: hidden;

    background-color: #17181b;
}

.pop_title h3 {
    font-size: 18px;
    line-height: 54px;

    text-indent: 32px;

    color: #ededed;
}

.pop_title span {
    display: block;
    float: right;

    cursor: pointer;
}

.pop_table {
    width: 100%;
    padding: 0 0 20px;
    overflow: hidden;

    background-color: #f3f3f3;
}

.pop_table table {
    width: 100%;
}

.pop_table table th,
.pop_table table td {
    padding: 4px 0;

    text-align: center;

    color: #515151;
}

.pop_table table th {
    padding: 8px 0;

    font-size: 16px;

    color: #3e3e3e;
    background-color: #d5d5d5;
}

.pop_table .btn {
    display: block;
    width: 75px;
    padding: 6px 0;
    margin: 0 auto;

    font-size: 12px;
    line-height: 14px;

    text-align: center;

    color: #fff;
    background-color: #50a71d;
}

.pop_table .btn a,
.pop_table .btn a:visited {
    color: #fff;
}

.pop_hover td {
    background-color: #e7e6e6;
}

.pop_banben {
    width: 450px;
    margin-top: 60px;
    margin-left: -225px;
}

/*20150614 add start*/
.pop_down {
    width: 600px;
    margin-top: -210px;
    margin-left: -300px;

    background-color: #f3f3f3;
}

.pop_down_btn {
    width: 100%;
    padding: 20px 0 12px;
    overflow: hidden;
}

.pop_down_btn ul {
    display: block;
    width: 120%;
    padding-left: 10px;
}

.pop_down_btn li {
    float: left;
    width: 263px;
    height: 226px;
    margin: 0 0 0 20px;

    _display: inline;
}

.pop_down_btn li a.godown {
    display: block;
    height: 96px;
    padding: 0 16px 0 0;
    margin-bottom: 15px;

    font-size: 18px;
    line-height: 110px;

    text-align: right;

    color: #fff;
    background: url(../images/downbtn_pop.html) -6px top no-repeat;
}

.pop_down_btn li a.godown:visited {
    color: #fff;
}

.pop_down_btn li a.godown02 {
    background: url(../images/downbtn_pop.html) -6px -119px no-repeat;
}

.pop_down_btn li .text {
    padding: 5px 0 0;
    margin: 0;

    color: #636363;
}

.pop_down_btn li .text span {
    display: block;

    line-height: 18px;
}

.pop_down_info {
    position: relative;

    width: 540px;
    height: 90px;
    padding: 10px 0 0;
    margin: 0 auto;

    color: #515151;
    border-top: #bdb8ba solid 1px;
}

.pop_down_info span {
    position: absolute;
    top: 12px;
    left: 10px;

    display: block;
    width: 100px;
    height: 20px;
}

.pop_down_info p {
    padding-left: 115px;
    margin: 0;

    line-height: 25px;
}

.pop_down_info p.red {
    color: #f60;
}

/*20150614 add end */
/* topbar */
body .public_footer {
    background-color: #4b5663;
}

#weichat {
    position: fixed;
    bottom: 40px;

    width: 105px;
    height: 166px;
    margin-left: -110px;
}

@media (min-width: 1200px) and (max-width:1300px) {
    #weichat {
        position: fixed;
        bottom: 40px;

        width: 105px;
        height: 166px;
        margin-left: -20px;
    }
}

@media (min-width: 1301px) and (max-width:1400px) {
    #weichat {
        position: fixed;
        bottom: 40px;

        width: 105px;
        height: 166px;
        margin-left: -80px;
    }
}

.luntan_list_warp span {
    float: right !important;
    width: 40px !important;
    height: 30px !important;
    margin: 0 0 !important;
}