/* CSS Document */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
blockquote {
    margin: 0;
    padding: 0;
}
body {
    font-family: "Microsoft YaHei", Helvetica, Georgia, Arial, sans-serif;
    position: relative;
    font-size: inherit;
    overflow-x: hidden;
    background-color: #221107;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
    font-style: inherit;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}
img {
    vertical-align: top;
    border: none;
}
ol,
ul,
li {
    list-style: none;
}
li {
    float: left;
}
table {
    border-collapse: collapse;
}
.clearit {
    clear: both;
    *display: inline;
}
/*a:focus{-moz-outline-style: none;}*/
.fl {
    float: left;
}
.fr {
    float: right;
}
i,
em {
    font-style: normal;
}
b {
    font-weight: normal;
}
.h_5 {
    width: 100%;
    height: 5px;
    float: left;
}
.h_10 {
    width: 100%;
    height: 10px;
    float: left;
}
.h_15 {
    width: 100%;
    height: 15px;
    float: left;
}
.h_20 {
    width: 100%;
    height: 20px;
    float: left;
}
.h_30 {
    width: 100%;
    height: 30px;
    float: left;
}
.h_40 {
    width: 100%;
    height: 40px;
    float: left;
}
.h_50 {
    width: 100%;
    height: 50px;
    float: left;
}
.h_60 {
    width: 100%;
    height: 60px;
    float: left;
}
.h_70 {
    width: 100%;
    height: 70px;
    float: left;
}
.h_180 {
    width: 100%;
    height: 180px;
    float: left;
}
.fs_12 {
    font-size: 12px;
}
.fs_13 {
    font-size: 13px;
}
.fs_14 {
    font-size: 14px;
}
.fs_15 {
    font-size: 15px;
}
.fs_16 {
    font-size: 16px;
}
.fs_17 {
    font-size: 17px;
}
.fs_18 {
    font-size: 18px;
}
.fs_19 {
    font-size: 19px;
}
.fs_20 {
    font-size: 20px;
}
iframe {
    border: 0;
    padding: 0;
    margin: 0;
}
/*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
*/
/*右浮动*/
.fr {
    position: fixed;
    right: 0;
    top: 670px;
    z-index: 9999;
}
.fr_con {
    width: 174px;
    height: 718px;
    float: right;
    background: url("https://static.web.sdo.com/cq/pic/web4/guide/fixed-banner.png")
        center top no-repeat;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 321px;
}
.fr_con a {
    width: 174px;
    float: left;
    height: 64px;
}
.fr_b1 {
    height: 80px;
}
.fr_b2 {
    height: 46px;
}
.fr_b3 {
    height: 60px;
}
.fr_b4 {
    height: 60px;
}
.fr_b5 {
    height: 60px;
}
.fr_b6 {
    height: 55px;
}
.fr_b7 {
    height: 60px;
}
.fr_b8 {
    height: 70px;
}
.fr_btn {
    width: 27px;
    height: 68px;
    float: left;
    position: relative;
}
.fr_in {
    width: 17px;
    height: 61px;
    padding: 7px 5px 0 5px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #a03a16;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.fr_out {
    width: 17px;
    height: 61px;
    padding: 7px 5px 0 5px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #a03a16;
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: none;
}
/*外围框架*/
.bg {
    width: 100%;
    height: auto;
}
.wrap {
    width: 100%;
    min-height: 2000px;
    margin: 0 auto;
    background: url(https://static.web.sdo.com/cqyh/pic/act/2025/0606_Join/banner2025-06-13.jpg)
        center top no-repeat;
    position: relative;
    min-width: 1280px;
}
.wrapper {
    width: 1280px;
    min-height: 2000px;
    margin: 0 auto;
    position: relative;
}
/*左浮动*/
/*.fl_bg{width:171px;height:690px;position:absolute;left:30px;top:-690px; z-index:100;background:url(https://static.web.sdo.com/cq/pic/web4/fl_bg_0725a.png) left top no-repeat; transition:all ease-in 1s; -ms-transition:all ease-in 1s; -moz-transition:all ease-in 1s; -webkit-transition:all ease-in 1s;}
.fl_btn1{width:171px;height:107px; float:left; margin-top:34px;}
.fl_btn1 a{width:171px;height:107px; float:left;}
.fl_btn1 a:hover{background:url(https://static.web.sdo.com/cq/pic/web4/fl_btn1C_0725.png) left top no-repeat;}
.fl_btn2{width:171px;height:107px; float:left;}
.fl_btn2 a{width:171px;height:107px; float:left;}
.fl_btn2 a:hover{background:url(https://static.web.sdo.com/cq/pic/web4/fl_btn2C_0725.png) left top no-repeat;}
.fl_btn3{width:171px;height:107px; float:left;}
.fl_btn3 a{width:171px;height:107px; float:left;}
.fl_btn3 a:hover{background:url(https://static.web.sdo.com/cq/pic/web4/fl_btn3C_0725.png) left top no-repeat;}
.fl_btn4{width:171px;height:107px; float:left;}
.fl_btn4 a{width:171px;height:107px; float:left;}
.fl_btn4 a:hover{background:url(https://static.web.sdo.com/cq/pic/web4/fl_btn4C_0725.png) left top no-repeat;}
.fl_closeBtn{width:171px;height:107px; float:left;}
.fl_closeBtn a{width:171px;height:107px; float:left;}*/
.fr0816 {
    width: 169px;
    height: 508px;
    position: absolute;
    left: 10px;
    top: 0;
    z-index: 99;
}
.fr0816_top {
    width: 169px;
    height: 130px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: url(https://static.web.sdo.com/cq/pic/web4/q_1a2017.png) center
        top no-repeat;
}
.fr0816_closeBtn {
    width: 169px;
    height: 52px;
    float: left;
}
.fr0816_guideBtn {
    width: 169px;
    height: 55px;
    float: left;
}
.fr0816_bm {
    width: 153px;
    height: 350px;
    position: absolute;
    left: 8px;
    top: -358px; /*top:106px;*/
    z-index: 2;
    background: url(https://static.web.sdo.com/cq/pic/web4/guide/bg-nav-r.png)
        center top no-repeat;
    background-size: 153px 350px;
    transition: all ease-in 1s;
    -ms-transition: all ease-in 1s;
    -moz-transition: all ease-in 1s;
    -webkit-transition: all ease-in 1s;
}
.fr0816_btn1 {
    width: 153px;
    height: 76px;
    float: left;
    margin-top: 29px;
}
.fr0816_btn2 {
    width: 153px;
    height: 83px;
    float: left;
}
.fr0816_btn3 {
    width: 153px;
    height: 83px;
    float: left;
}
.fr0816_btn4 {
    width: 153px;
    height: 63px;
    float: left;
}
/*.fr0816_goTop{width:153px;height:120px; float:left;margin-top: 30px}*/
.fr0816_goTop {
    width: 153px;
    height: 0;
    float: left;
    margin-top: 0;
}
/*-----顶部导航-----*/
.t_main {
    width: 100%;
    height: 620px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
}
.t_nav {
    width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
}
.logo {
    width: 250px;
    height: 110px;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 700;
}
.logo img {
    width: 250px;
}
.fl {
    float: left;
}
.topNav {
    width: 960px;
    height: 100px;
    float: left;
    position: relative;
    z-index: 100;
    margin: -20px 0 0 240px;
}
.topNav li {
    float: left;
    position: relative;
}
.topNav li a {
    display: block;
    width: 120px;
    height: 60px;
    padding-top: 40px;
    color: #000;
}
.topNav li.on a {
    display: block;
    width: 120px;
    height: 60px;
    padding-top: 40px;
    color: #000;
    background: url(https://static.web.sdo.com/cq/pic/web4/navBtnBg.png) left
        top repeat-x;
}
.topNav li a em {
    width: 120px;
    height: 36px;
    line-height: 36px;
    float: left;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}
.topNav li a i {
    width: 120px;
    height: 12px;
    line-height: 12px;
    float: left;
    font-size: 9px;
    text-align: center;
}
.topNav_bg {
    width: 100%;
    height: 560px;
    clear: both;
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 0px;
    display: none;
    background: url(https://static.web.sdo.com/cq/pic/web4/topNavBg.png) left
        top repeat-x;
}
.topNav .topNavItem {
    width: 120px;
    height: 460px;
    position: absolute;
    top: 98px;
    z-index: 601;
    display: none;
}
.topNav .topNavItem li {
    width: 95px;
    height: 26px;
    position: relative;
    padding-left: 25px;
}
.topNav .topNavItem li a {
    width: 95px;
    border: none;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #000;
    background: none;
    text-align: left;
    padding-top: 0;
}
.topNav .topNavItem li a:hover {
    color: #c00;
    text-decoration: none;
}
.hot {
    background: url(https://static.web.sdo.com/cq/pic/web4/hot.png) 5px center
        no-repeat;
}
.hot a {
    color: #c00 !important;
}
.hot2 {
    background: url(https://static.web.sdo.com/cq/pic/web4/hot.png) 10px center
        no-repeat;
}
.hot2 a {
    color: #c00 !important;
}
.new {
    background: url(https://static.web.sdo.com/cq/pic/web4/new.png) 5px center
        no-repeat;
}
.new a {
    color: #c00 !important;
}
.pd li {
    width: 110px !important;
    padding-left: 20px !important;
}
.timePic {
    width: 154px;
    height: 27px;
    position: absolute;
    left: 25%;
    margin-left: 210px;
    top: 208px;
    background: url(https://static.web.sdo.com/cq/pic/web4/timePic.png) center
        top no-repeat;
    z-index: 3;
}
/*-----slogan-----*/
.slogan {
    width: 744px;
    height: 202px;
    position: absolute;
    left: 50%;
    margin-left: -485px;
    top: 335px;
    background: url(https://static.web.sdo.com/cq/pic/web4/slogan2.png) center
        top no-repeat;
    z-index: 3;
}
.btn-version {
    width: 1200px;
    height: 510px;
    position: absolute;
    z-index: 4;
    top: 100px;
    left: 50%;
    margin-left: -570px;
}
.btn-version img,
.btn-version a {
    display: block;
    width: 100%;
    height: 100%;
}
.titTop {
    position: absolute;
    left: 50%;
    margin-left: -525px;
    top: 505px;
    z-index: 3;
}
.movBtn {
    width: 72px;
    height: 72px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/web4/mov0316.png) left
        center no-repeat;
    animation: x3 1s infinite;
    -ms-animation: x3 1s infinite;
    -webkit-animation: x3 1s infinite;
    -moz-animation: x3 1s infinite;
    -o-animation: x3 1s infinite;
}
.titTop_b {
    width: 705px;
    height: 72px;
    position: absolute;
    left: 25%;
    margin-left: -240px;
    top: 500px;
    z-index: 13;
    background: url(https://static.web.sdo.com/cq/pic/web4/tit2.png) left center
        no-repeat;
}
.titTop_a {
    position: absolute;
    width: 104px;
    height: 104px;
    left: 50%;
    margin-left: 300px;
    top: 212px;
    display: none;
    z-index: 9;
    transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
}
.movBtn_a {
    display: block;
    width: 104px;
    height: 104px;
    background: url("https://static.web.sdo.com/cqyh/pic/act/2024/0905_NewArea/m-video.png")
        no-repeat;
    border-radius: 100%;
    animation: x3 1.5s infinite;
    -ms-animation: x3 1.5s infinite;
    -webkit-animation: x3 1.5s infinite;
    -moz-animation: x3 1.5s infinite;
    -o-animation: x3 1.5s infinite;
}
/* .movBtn_a:before{display: block; position: absolute; content: ''; left: 50%; top: 50%; z-index: 2; width: 20px; height: 28px; margin-left: -7px; margin-top: -14px; background: url("https://static.web.sdo.com/cq/pic/web4/guide/230830/ico-tran.png") no-repeat;} .movBtn_a:after{display: block; position: absolute; content: ''; width: 100%; height: 100%; background: url("https://static.web.sdo.com/cq/pic/web4/guide/230830/btn-mov.png") no-repeat; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: Rotate360 infinite 2s linear; -o-animation: Rotate360 infinite 2s linear; -moz-animation: Rotate360 infinite 2s linear; animation: Rotate360 infinite 2s linear;}*/
@-webkit-keyframes Rotate360 {
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes Rotate360 {
    to {
        -moz-transform: rotate(360deg);
    }
}
@-o-keyframes Rotate360 {
    to {
        -o-transform: rotate(360deg);
    }
}
@keyframes Rotate360 {
    to {
        transform: rotate(360deg);
    }
}
.wz_a {
    width: 547px;
    height: 72px;
    float: left;
}
@keyframes x3 {
    0%,
    100% {
        transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(0.9, 0.9, 1);
        -moz-transform: scale3d(0.9, 0.9, 1);
        -ms-transform: scale3d(0.9, 0.9, 1);
        -webkit-transform: scale3d(0.9, 0.9, 1);
        -o-transform: scale3d(0.9, 0.9, 1);
    }
    75% {
        transform: scale3d(1.1, 1.1, 1);
        -moz-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        -webkit-transform: scale3d(1.1, 1.1, 1);
        -o-transform: scale3d(1.1, 1.1, 1);
    }
}
@-webkit-keyframes x3 {
    0%,
    100% {
        transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(0.9, 0.9, 1);
        -moz-transform: scale3d(0.9, 0.9, 1);
        -ms-transform: scale3d(0.9, 0.9, 1);
        -webkit-transform: scale3d(0.9, 0.9, 1);
        -o-transform: scale3d(0.9, 0.9, 1);
    }
    75% {
        transform: scale3d(1.1, 1.1, 1);
        -moz-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        -webkit-transform: scale3d(1.1, 1.1, 1);
        -o-transform: scale3d(1.1, 1.1, 1);
    }
}
@-moz-keyframes x3 {
    0%,
    100% {
        transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(0.9, 0.9, 1);
        -moz-transform: scale3d(0.9, 0.9, 1);
        -ms-transform: scale3d(0.9, 0.9, 1);
        -webkit-transform: scale3d(0.9, 0.9, 1);
        -o-transform: scale3d(0.9, 0.9, 1);
    }
    75% {
        transform: scale3d(1.1, 1.1, 1);
        -moz-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        -webkit-transform: scale3d(1.1, 1.1, 1);
        -o-transform: scale3d(1.1, 1.1, 1);
    }
}
@-ms-keyframes x3 {
    0%,
    100% {
        transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(0.9, 0.9, 1);
        -moz-transform: scale3d(0.9, 0.9, 1);
        -ms-transform: scale3d(0.9, 0.9, 1);
        -webkit-transform: scale3d(0.9, 0.9, 1);
        -o-transform: scale3d(0.9, 0.9, 1);
    }
    75% {
        transform: scale3d(1.1, 1.1, 1);
        -moz-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        -webkit-transform: scale3d(1.1, 1.1, 1);
        -o-transform: scale3d(1.1, 1.1, 1);
    }
}
@-o-keyframes x3 {
    0%,
    100% {
        transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(0.9, 0.9, 1);
        -moz-transform: scale3d(0.9, 0.9, 1);
        -ms-transform: scale3d(0.9, 0.9, 1);
        -webkit-transform: scale3d(0.9, 0.9, 1);
        -o-transform: scale3d(0.9, 0.9, 1);
    }
    75% {
        transform: scale3d(1.1, 1.1, 1);
        -moz-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        -webkit-transform: scale3d(1.1, 1.1, 1);
        -o-transform: scale3d(1.1, 1.1, 1);
    }
}
/*-----主内容-----*/
.m_main {
    width: 1042px;
    min-height: 2150px;
    float: left;
    position: relative;
    margin: 620px 0 0 119px;
}
.tt {
    transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
}
.left_snow {
    position: absolute;
    top: -12px;
    left: -3px;
    width: 322px;
    height: 44px;
    background: url(https://static.web.sdo.com/cq/pic/web4/jixue.png) right top
        no-repeat;
    z-index: 6;
}
.leftBtn {
    width: 320px;
    height: 286px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    background: url(https://static.web.sdo.com/cq/pic/web4/leftBtn0624.jpg) left
        top no-repeat;
}
.leftBtn a {
    width: 160px;
    height: 82px;
    line-height: 83px;
    float: left;
    font-size: 20px;
    color: #e2b554;
    text-align: center;
}
.leftBtn a:nth-child(even):hover {
    background: url(https://static.web.sdo.com/cq/pic/web4/leftH0624.jpg) right
        top no-repeat;
}
.leftBtn a:nth-child(odd):hover {
    background: url(https://static.web.sdo.com/cq/pic/web4/leftH0624-1.jpg)
        right top no-repeat;
}
#leftBtn1 {
    width: 320px;
    height: 121px;
    float: left;
}
a#leftBtn1:hover {
    background: url(https://static.web.sdo.com/cq/pic/web4/leftHover.jpg) right
        top no-repeat;
}
#leftBtn1 span {
    width: 320px;
    height: 60px;
    line-height: 60px;
    float: left;
    font-size: 40px;
    font-weight: bold;
    color: #5b0000;
    text-align: center;
    margin-top: 18px;
}
#leftBtn1 em {
    width: 320px;
    height: 20px;
    line-height: 20px;
    float: left;
    font-size: 14px;
    color: #5b0000;
    text-align: center;
}
.lunbo .tips {
    position: absolute;
    top: -28px;
    color: #06cd06;
    font-weight: bold;
    right: 0px;
    font-size: 12px;
}
.lunbo {
    width: 712px;
    height: 284px;
    position: absolute;
    left: 330px;
    top: 0;
    z-index: 4;
    border: 1px #40210e solid;
}
.lunbo_b {
    width: 19px;
    height: 124px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}
.lunbo_b ul li {
    width: 19px;
    height: 62px;
    float: left;
}
.lunbo_b ul li a {
    width: 19px;
    height: 49px;
    float: left;
    padding-top: 13px;
    text-align: center;
    font-size: 12px;
    color: #000;
    background: url(https://static.web.sdo.com/cq/pic/web4/lunbo_b.png) left top
        no-repeat;
}
.lunbo_b ul li.on1 a {
    color: #fff;
    background: url(https://static.web.sdo.com/cq/pic/web4/lunbo_bC.png) left
        top no-repeat;
}
.lunbo_c {
    width: 712px;
    height: 284px;
    float: left;
    display: none;
}
/*轮播1*/
.main_visual {
    width: 712px;
    height: 284px;
    float: left;
    position: relative;
    overflow: hidden;
}
.main_image {
    width: 712px;
    height: 284px;
    float: left;
    overflow: hidden;
    position: relative;
}
.main_image ul {
    width: 9990px;
    height: 284px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.main_image li {
    width: 712px;
    height: 284px;
    float: left;
    position: relative;
    display: none;
}
.main_image li a {
    width: 712px;
    height: 284px;
    float: left;
    overflow: hidden;
}
.main_image li a img {
    width: 712px;
}
#btn_prev,
#btn_next {
    z-index: 99;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    display: none;
}
#btn_prev {
    left: 0;
}
#btn_next {
    right: 0;
}
div.flicking_con {
    width: 714px;
    height: 35px;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 99;
}
div.flicking_con a {
    width: 119px;
    height: 35px;
    line-height: 35px;
    float: left;
    font-size: 14px;
    color: #ae8f6c;
    text-align: center;
    background: url(https://static.web.sdo.com/cq/pic/web4/num.png) left top
        no-repeat;
    background-size: 119px 35px;
}
div.flicking_con a.on {
    background: url(https://static.web.sdo.com/cq/pic/web4/numC.jpg) left top
        no-repeat;
    background-size: 119px 35px;
    color: #000;
}
/*轮播2*/
.main_visual2 {
    width: 712px;
    height: 284px;
    float: left;
    position: relative;
}
.main_image2 {
    width: 712px;
    height: 284px;
    float: left;
    overflow: hidden;
    position: relative;
}
.main_image2 ul {
    width: 9990px;
    height: 284px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.main_image2 li {
    width: 712px;
    height: 284px;
    float: left;
    position: relative;
    display: none;
}
.main_image2 li a {
    width: 712px;
    height: 284px;
    float: left;
    overflow: hidden;
}
.main_image2 li a img {
    width: 712px;
}
#btn_prev2,
#btn_next2 {
    z-index: 99;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    display: none;
}
#btn_prev2 {
    left: 0;
}
#btn_next2 {
    right: 0;
}
div.flicking_con2 {
    width: 714px;
    height: 35px;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 99;
}
div.flicking_con2 a {
    width: 119px;
    height: 35px;
    line-height: 35px;
    float: left;
    font-size: 14px;
    color: #ae8f6c;
    text-align: center;
    background: url(https://static.web.sdo.com/cq/pic/web4/num.png) left top
        no-repeat;
    background-size: 119px 35px;
}
div.flicking_con2 a.on {
    background: url(https://static.web.sdo.com/cq/pic/web4/numC.jpg) left top
        no-repeat;
    background-size: 119px 35px;
    color: #000;
}
.picB {
    width: 318px;
    height: 292px;
    position: absolute;
    left: 0;
    top: 296px;
    z-index: 4;
    background: url(https://static.web.sdo.com/cq/pic/web4/picBtn.jpg) left top
        no-repeat;
    border: 1px #40210e solid;
    overflow: hidden;
}
.picB ul li {
    float: left;
}
.picB ul li a {
    width: 106px;
    height: 146px;
    float: left;
    position: relative;
    overflow: hidden;
}
.picB ul li a span {
    width: 106px;
    height: 56px;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: 3;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.picB ul li a em {
    width: 106px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    left: 0;
    top: 81px;
    z-index: 3;
    font-size: 14px;
    color: #ad9384;
    text-align: center;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.picB ul li a:hover span {
    top: -36px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.picB ul li a:hover em {
    top: 52px;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.news {
    width: 532px;
    height: 292px;
    position: absolute;
    left: 330px;
    top: 296px;
    z-index: 4;
    background-color: #150b07;
    border-top: 1px #40210e solid;
    border-left: 1px #40210e solid;
    border-bottom: 1px #40210e solid;
}
.newsTit {
    width: 480px;
    height: 40px;
    float: left;
    margin: 10px 0 0 26px;
}
.newsTit ul li {
    width: 72px;
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: 18px;
    text-align: center;
}
.newsTit ul li a {
    width: 72px;
    height: 40px;
    float: left;
    text-decoration: none;
    color: #ceb1a1;
}
.newsMore {
    width: 19px;
    height: 19px;
    float: right;
    margin: 12px 20px 0 0;
    background: url(https://static.web.sdo.com/cq/pic/web4/moreBtn.png)
        no-repeat left top;
}
.newsMore a {
    width: 19px;
    height: 19px;
    float: right;
}
.news_xian {
    width: 480px;
    height: 2px;
    float: left;
    margin: 0 0 10px 26px;
    border-bottom: 1px #b2b2b2 solid;
    position: relative;
}
.news_xian .red {
    width: 72px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 1px;
    background-color: #eb0000;
    transition: all 0.2s ease-in;
}
.newsList {
    width: 480px;
    float: left;
    display: none;
    margin: 0 0 0 26px;
}
.newsList ul li {
    width: 480px;
    height: 27px;
    float: left;
}
.newsList ul li a {
    width: 450px;
    height: 27px;
    float: left;
    font-size: 14px;
    color: #ceb1a1;
    background: url(https://static.web.sdo.com/cq/pic/web4/p17.png) 10px 10px
        no-repeat;
    padding-left: 29px;
}
.newsList ul li a:hover {
    background-color: #49301d;
}
.newsList ul li a em {
    width: 370px;
    float: left;
    line-height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newsList ul li a span {
    width: 60px;
    float: left;
    line-height: 27px;
    text-align: right;
    padding-right: 20px;
}
.newsList .Red,
.c_newsList .Red {
    color: #eb5800;
}
.newsList .RedStrong,
.c_newsList .RedStrong {
    color: #eb5800;
    font-weight: bold;
}
.newsList .Blue,
.c_newsList .Blue {
    color: #05bbe9;
}
.newsList .BlueStrong,
.c_newsList .BlueStrong {
    color: #05bbe9;
    font-weight: bold;
}
.newsPic {
    width: 179px;
    height: 292px;
    position: absolute;
    left: 863px;
    top: 296px;
    z-index: 5;
    background-color: #150b07;
    border: 1px #40210e solid;
}
.newsPic_1 {
    width: 179px;
    height: 146px;
    float: left;
}
.newsPic_1 a {
    width: 179px;
    height: 146px;
    float: left;
    position: relative;
    overflow: hidden;
}
.newsPic_1 a span {
    width: 179px;
    line-height: 40px;
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #c09664;
    text-align: center;
    margin-top: 100px;
    z-index: 3;
    position: relative;
}
.newsPic_1 a em {
    width: 140px;
    height: 20px;
    line-height: 20px;
    float: left;
    margin: 0 0 0 20px;
    font-size: 9px;
    color: #cc9758;
    background-color: #251508;
    border: 1px #45301b solid;
    text-align: center;
    z-index: 3;
    position: relative;
}
.newsPic_1 a i {
    width: 179px;
    height: 147px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
.newsPic_1 a:hover i {
    transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1);
    -ms-transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
.newsPic_2 {
    width: 179px;
    height: 146px;
    float: left;
}
.newsPic_2 a {
    width: 179px;
    height: 146px;
    float: left;
    position: relative;
    overflow: hidden;
}
.newsPic_2 a span {
    width: 179px;
    line-height: 40px;
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #c09664;
    text-align: center;
    margin-top: 100px;
    z-index: 3;
    position: relative;
}
.newsPic_2 a em {
    width: 140px;
    height: 20px;
    line-height: 20px;
    float: left;
    margin: 0 0 0 20px;
    font-size: 9px;
    color: #cc9758;
    background-color: #251508;
    border: 1px #45301b solid;
    text-align: center;
    z-index: 3;
    position: relative;
}
.newsPic_2 a i {
    width: 179px;
    height: 146px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
.newsPic_2 a:hover i {
    transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1);
    -ms-transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
.p24 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p24.jpg) left top
        no-repeat;
}
.p25 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p25.jpg) left top
        no-repeat;
}
.ztPic {
    width: 318px;
    height: 284px;
    position: absolute;
    left: 0;
    top: 600px;
    z-index: 5;
    background-color: #150b03;
    border: 1px #40210e solid;
}
.ztPic a {
    width: 318px;
    height: 284px;
    float: left;
    position: relative;
    overflow: hidden;
}
.ztPic a span {
    width: 318px;
    height: 284px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
.chiyue_pic {
    background: url(https://static.web.sdo.com/cq/pic/newver/2024/ys/h/ztPic-bg.jpg)
        center top no-repeat;
}
.ztPic a em {
    width: 318px;
    height: 42px;
    position: absolute;
    left: 0;
    top: 214px;
    z-index: 5;
    text-align: center;
}
.ztPic a em i {
    position: relative;
    min-width: 110px;
    height: 42px;
    display: inline-table;
    background: url(https://static.web.sdo.com/cq/pic/web4/230831/ztPic-ico1.png)
            left center no-repeat,
        url(https://static.web.sdo.com/cq/pic/web4/230831/ztPic-ico2.png) right
            center no-repeat;
    padding: 0 35px;
}
.ztPic a em i:after {
    position: absolute;
    top: -40px;
    left: 50%;
    content: attr(data-ps);
    width: 100%;
    height: 100%;
    line-height: 50px;
    font-weight: bold;
    font-size: 14px;
    color: #d0a57c;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.ztPic a em i strong {
    min-width: 110px;
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: 20px;
    font-weight: bold; /*color: #f6d39e;*/
    text-align: center;
    border-top: 1px #907349 solid;
    border-bottom: 1px #907349 solid;
    background-image: linear-gradient(to bottom, #f6d39e, #d9a357);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ztPic a:hover span {
    transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1);
    -ms-transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
.ztPic a h1 {
    width: 298px;
    height: 264px;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 3;
    background: url(https://static.web.sdo.com/cq/pic/web4/kuang_1280.png)
        center center no-repeat;
}
.role {
    width: 712px;
    height: 284px;
    position: absolute;
    left: 330px;
    top: 600px;
    z-index: 5;
    background-color: #150b07;
    border: 1px #40210e solid;
}
.oIntro_con {
    width: 712px;
    height: 284px;
    float: left;
    position: relative;
    overflow: hidden;
    background: url(https://static.web.sdo.com/cq/pic/web4/roleBg_big.jpg)
        no-repeat center 0;
}
.page {
    height: 284px;
    display: none;
    position: relative;
}
.page.current {
    display: block;
}
.page.ani .bg1 {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.page.ani .per {
    opacity: 1;
    -webkit-transition: all 0.3s linear 0.2s;
    -moz-transition: all 0.3s linear 0.2s;
    -ms-transition: all 0.3s linear 0.2s;
    -o-transition: all 0.3s linear 0.2s;
    transition: all 0.3s linear 0.2s;
}
.page.ani .tit {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.2s linear 0.1s;
    -moz-transition: all 0.2s linear 0.1s;
    -ms-transition: all 0.2s linear 0.1s;
    -o-transition: all 0.2s linear 0.1s;
    transition: all 0.2s linear 0.1s;
}
.page .bg1 {
    z-index: 5;
    position: absolute;
    top: 0;
    width: 400px;
    height: 284px;
    -webkit-transform: translateX(-400px);
    -moz-transform: translateX(-400px);
    -ms-transform: translateX(-400px);
    -o-transform: translateX(-400px);
    transform: translateX(-400px);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.page .per {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.page .tit {
    z-index: 3;
    position: absolute;
    top: 0;
    right: 1px;
    opacity: 0;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
    transform: translateX(200px);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.page1 .bg1 {
    z-index: 5;
}
.page .bg1 .zhiye_a {
    width: 67px;
    height: 67px;
    position: absolute;
    left: 60px;
    top: 20px;
    z-index: 9;
}
.page .bg1 .zhiye_a a {
    width: 67px;
    height: 67px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/web4/role_movBtn.png)
        no-repeat center top;
}
.page .bg1 .zhiye_a a:hover {
}
.page .bg1 .zhiye_tit {
    width: 223px;
    height: 61px;
    position: absolute;
    left: 170px;
    top: 26px;
    z-index: 8;
}
.zs_tit {
    background: url(https://static.web.sdo.com/cq/pic/web4/zs_titBig.png)
        no-repeat center top;
}
.fs_tit {
    background: url(https://static.web.sdo.com/cq/pic/web4/fs_titBig.png)
        no-repeat center top;
}
.ds_tit {
    background: url(https://static.web.sdo.com/cq/pic/web4/ds_titBig.png)
        no-repeat center top;
}
.ck_tit {
    background: url(https://static.web.sdo.com/cq/pic/web4/ck_titBig.png)
        no-repeat center top;
}
.archer_tit {
    background: url(https://static.web.sdo.com/cq/pic/web4/archer/img-title-b.png)
        no-repeat center top;
}
.lq_tit {
    background: url(https://static.web.sdo.com/cq/pic/newver/2020/lq/title-lq.png)
        no-repeat center top;
}
.ys_tit {
    background: url(https://static.web.sdo.com/cq/pic/newver/2024/ys/h/title-b.png)
        no-repeat center top;
}
.page .bg1 .zhiye_con {
    width: 400px;
    position: absolute;
    left: 0;
    top: 90px;
    z-index: 8;
}
.page .bg1 .zhiye_con p {
    width: 400px;
    line-height: 22px;
    float: left;
    margin: 0;
}
.page .bg1 .zhiye_con p span {
    width: 400px;
    line-height: 22px;
    float: left;
    font-size: 12px;
    color: #ac9e90;
    text-align: right;
}
.page .bg1 .zhiye_con p em {
    width: 360px;
    line-height: 22px;
    float: left;
    font-size: 12px;
    color: #bc9358;
    padding-left: 35px;
    display: block;
}
.page .bg1 .zhiye_con p a {
    width: 85px;
    height: 20px;
    float: right;
    font-size: 12px;
    color: #916e47;
    text-align: center;
    border: 1px #916e47 solid;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    line-height: 20px;
}
.page1 .per {
    width: 712px;
    height: 284px;
}
.page1 .tit {
    width: 425px;
    height: 284px;
    background: url(https://static.web.sdo.com/cq/pic/web4/zsBig.png) no-repeat
        right bottom;
    z-index: 2;
}
.page2 .bg1 {
    z-index: 3;
}
.page2 .per {
    width: 712px;
    height: 284px;
}
.page2 .tit {
    width: 425px;
    height: 284px;
    background: url(https://static.web.sdo.com/cq/pic/web4/210226/fs-b.png)
        no-repeat right bottom;
    z-index: 2;
}
.page3 .bg1 {
    z-index: 3;
}
.page3 .per {
    width: 712px;
    height: 284px;
}
.page3 .tit {
    width: 425px;
    height: 284px;
    background: url(https://static.web.sdo.com/cq/pic/web4/dsBig.png) no-repeat
        right bottom;
    z-index: 2;
}
.page4 .bg1 {
    z-index: 3;
}
.page4 .per {
    width: 712px;
    height: 292px;
}
.page4 .tit {
    width: 369px;
    height: 292px;
    background: url(https://static.web.sdo.com/cq/pic/web4/cikeBig.png)
        no-repeat right bottom;
    z-index: 2;
}
.page5 .bg1 {
    z-index: 3;
}
.page5 .per {
    width: 712px;
    height: 292px;
}
.page5 .tit {
    width: 280px;
    height: 290px;
    background: url(https://static.web.sdo.com/cq/pic/web4/210226/gs-b.png)
        no-repeat right bottom;
    z-index: 2;
}
.page6 .tit {
    width: 645px;
    height: 290px;
    background: url(https://static.web.sdo.com/cq/pic/newver/2020/lq/lqBig.png)
        no-repeat right bottom;
    z-index: 2;
}
.page7 .tit {
    width: 690px;
    height: 292px;
    background: url(https://static.web.sdo.com/cq/pic/newver/2024/ys/h/img-role-b.png)
        no-repeat right bottom;
    z-index: 2;
}
.page-ctrl {
    position: absolute;
    bottom: 15px;
    left: 15px;
    height: 36px;
    z-index: 10;
}
.page-ctrl span {
    display: block;
    width: 36px;
    height: 36px;
    float: left;
    margin: 0 0 0 12px;
    cursor: pointer;
    position: relative;
}
.page-ctrl span:after {
    display: block;
    position: absolute;
    left: 39px;
    top: 50%;
    content: "";
    width: 7px;
    height: 2px;
    margin-top: -1px;
    background: url(https://static.web.sdo.com/cq/pic/newver/2020/lq/ico-point.png)
        no-repeat center;
}
.page-ctrl span:last-child:after {
    display: none;
}
.page-ctrl span:first-child {
    margin: 0;
}
.page-ctrl span em {
    width: 36px;
    height: 36px;
    float: left;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.page-ctrl span em.zs {
    background: url(https://static.web.sdo.com/cq/pic/web4/zs_btn.png) center
        top no-repeat;
}
.page-ctrl span em.fs {
    background: url(https://static.web.sdo.com/cq/pic/web4/fs_btn.png) center
        top no-repeat;
}
.page-ctrl span em.ds {
    background: url(https://static.web.sdo.com/cq/pic/web4/ds_btn.png) center
        top no-repeat;
}
.page-ctrl span em.ck {
    background: url(https://static.web.sdo.com/cq/pic/web4/cike_btn.png) center
        top no-repeat;
}
.page-ctrl span em.archer {
    background: url(https://static.web.sdo.com/cq/pic/web4/archer/ico-archer.png)
        center top no-repeat;
}
.page-ctrl span em.lq {
    background: url(https://static.web.sdo.com/cq/pic/newver/2020/lq/ico-lq.png)
        center top no-repeat;
}
.page-ctrl span em.ys {
    background: url(https://static.web.sdo.com/cq/pic/newver/2024/ys/h/ico.png)
        center top no-repeat;
}
.page-ctrl span.current em.zs {
    background: url(https://static.web.sdo.com/cq/pic/web4/zs_btnC.png) center
        top no-repeat;
}
.page-ctrl span.current em.fs {
    background: url(https://static.web.sdo.com/cq/pic/web4/fs_btnC.png) center
        top no-repeat;
}
.page-ctrl span.current em.ds {
    background: url(https://static.web.sdo.com/cq/pic/web4/ds_btnC.png) center
        top no-repeat;
}
.page-ctrl span.current em.ck {
    background: url(https://static.web.sdo.com/cq/pic/web4/cike_btnC.png) center
        top no-repeat;
}
.page-ctrl span.current em.archer {
    background: url(https://static.web.sdo.com/cq/pic/web4/archer/ico-archer-on.png)
        center top no-repeat;
}
.page-ctrl span.current em.lq {
    background: url(https://static.web.sdo.com/cq/pic/newver/2020/lq/ico-lq-on.png)
        center top no-repeat;
}
.page-ctrl span.current em.ys {
    background: url(https://static.web.sdo.com/cq/pic/newver/2024/ys/h/ico-on.png)
        center top no-repeat;
    background-size: 100% 100%;
}
.dIntro {
    width: 318px;
    height: 608px;
    position: absolute;
    left: 0;
    top: 896px;
    z-index: 5;
    background-color: #150b03;
    border: 1px #40210e solid;
}
/*彩虹*/
.ch_help {
    width: 300px;
    height: 35px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/web4/ch_help2.png)
        no-repeat left center;
    margin: 22px 0 0 9px;
}
.chhelp {
    width: 173px;
    height: 31px;
    float: left;
    padding: 2px 0 2px 122px;
}
.search_bar .searchBox input.btn {
    right: 2px !important;
}
.dIntro_tit {
    width: 248px;
    height: 39px;
    line-height: 39px;
    float: left;
    margin: 20px 0 0 9px;
    font-size: 20px;
    color: #82623f;
    padding-left: 52px;
    border-bottom: 1px #82623f solid;
}
.dIntro_titPic1 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p1.jpg) left top
        no-repeat;
}
.dIntro_titPic2 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p2.jpg) left top
        no-repeat;
}
.dIntro_titPic3 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p3.jpg) left top
        no-repeat;
}
.dIntro_titPic4 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p4.jpg) left top
        no-repeat;
}
.dIntro_titPic5 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p5.jpg) left top
        no-repeat;
}
.dIntro_con {
    width: 300px;
    height: auto;
    float: left;
    margin: 10px 0 5px 9px;
}
.dIntro_con ul li {
    float: left;
    margin: 10px 0 0 0;
}
.dIntro_con ul li a {
    min-width: 60px;
    line-height: 14px;
    float: left;
    padding: 0 5px;
    border-left: 1px #ad9384 solid;
    font-size: 14px;
    color: #ad9384;
    text-align: left;
}
.dIntro_con ul li a:hover {
    text-decoration: underline;
    color: #ad9384;
}
.ztBtn {
    width: 714px;
    height: 381px;
    position: absolute;
    left: 330px;
    top: 896px;
    z-index: 5;
    background-color: #42230e;
}
.ztBtn ul li {
    width: 356px;
    height: 94px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/web4/230831/ztBtn-conBg.jpg)
        no-repeat left center;
    margin: 1px 0 0 1px;
}
.ztBtn ul li a {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}
.ztBtn ul li a span {
    width: 120px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 30px;
    top: 30px;
    font-size: 21px;
    color: #b19f89;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    z-index: 3;
}
.ztBtn ul li a em {
    width: 120px;
    height: 30px;
    line-height: 20px;
    position: absolute;
    left: 30px;
    top: 60px;
    font-size: 12px;
    color: #bf8d4c;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    z-index: 3;
    white-space: nowrap;
}
.ztBtn ul li a i {
    width: 44px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    left: 30px;
    top: 100px;
    font-size: 12px;
    color: #916e47;
    border: 1px #916e47 solid;
    text-align: center;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    z-index: 3;
}
.ztBtn ul li a strong {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    text-align: center;
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    text-align: right;
}
.ztBtn ul li a:hover span {
    top: 20px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}
.ztBtn ul li a:hover em {
    top: 45px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}
.ztBtn ul li a:hover i {
    top: 67px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}
.ztBtn ul li a:hover strong {
    transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
.news2 {
    width: 712px;
    height: 218px;
    position: absolute;
    left: 330px;
    top: 1286px;
    z-index: 5;
    background-color: #150b07;
    border: 1px #40210e solid;
}
.newsTit2 {
    width: 660px;
    height: 40px;
    float: left;
    margin: 10px 0 0 26px;
}
.newsTit2 ul li {
    width: 72px;
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: 18px;
    text-align: center;
}
.newsTit2 ul li a {
    width: 72px;
    height: 40px;
    float: left;
    text-decoration: none;
    color: #ceb1a1;
}
.newsMore2 {
    width: 19px;
    height: 19px;
    float: right;
    margin: 12px 20px 0 0;
    background: url(https://static.web.sdo.com/cq/pic/web4/moreBtn.png)
        no-repeat left top;
}
.newsMore2 a {
    width: 19px;
    height: 19px;
    float: right;
}
.news_xian2 {
    width: 660px;
    height: 2px;
    float: left;
    margin: 0 0 10px 26px;
    border-bottom: 1px #b2b2b2 solid;
    position: relative;
}
.red2 {
    width: 72px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 1px;
    background-color: #eb0000;
    transition: all 0.2s ease-in;
}
.newsList2 {
    width: 660px;
    float: left;
    display: none;
    margin: 0 0 0 26px;
}
.newsList2 ul li {
    width: 660px;
    height: 27px;
    float: left;
}
.newsList2 ul li a {
    width: 630px;
    height: 27px;
    float: left;
    font-size: 14px;
    color: #ceb1a1;
    background: url(https://static.web.sdo.com/cq/pic/web4/p17.png) 10px 10px
        no-repeat;
    padding-left: 29px;
}
.newsList2 ul li a:hover {
    background-color: #49301d;
}
.newsList2 ul li a em {
    width: 550px;
    float: left;
    line-height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newsList2 ul li a span {
    width: 60px;
    float: left;
    line-height: 27px;
    text-align: right;
    padding-right: 20px;
}
.newsList2 .Red,
.c_newsList .Red {
    color: #eb5800;
}
.newsList2 .RedStrong,
.c_newsList .RedStrong {
    color: #eb5800;
    font-weight: bold;
}
.newsList2 .Blue,
.c_newsList .Blue {
    color: #05bbe9;
}
.newsList2 .BlueStrong,
.c_newsList .BlueStrong {
    color: #05bbe9;
    font-weight: bold;
}
.imgBtn {
    width: 319px;
    height: 304px;
    position: absolute;
    left: 0;
    top: 1517px;
    z-index: 5;
    background-color: #40210e;
}
.imgBtn ul li {
    float: left;
}
.imgBtn ul li a {
    float: left;
    overflow: hidden;
}
.imgBtn ul li a.imgBtn1 {
    width: 158px;
    height: 100px;
    float: left;
    margin: 1px 0 0 1px;
    background-color: #311a09;
    position: relative;
}
.imgBtn ul li a.imgBtn1 span {
    width: 70px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.imgBtn ul li a.imgBtn1 em {
    width: 79px;
    height: 100px;
    line-height: 100px;
    position: absolute;
    left: 78px;
    top: 0;
    z-index: 3;
    font-size: 20px;
    color: #b79c7a;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.imgBtn ul li a.imgBtn1:hover span {
    left: -70px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.imgBtn ul li a.imgBtn1:hover em {
    left: 56px;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.imgBtn ul li a.imgBtn1:hover em.em-small {
    left: 40px;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.imgBtn ul li a.imgBtn2 {
    width: 317px;
    height: 100px;
    float: left;
    margin: 1px 0 0 1px;
    background-color: #311a09;
    position: relative;
}
.imgBtn ul li a.imgBtn2 span {
    width: 80px;
    height: 100px;
    position: absolute;
    left: 44px;
    top: 0;
    z-index: 3;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.imgBtn ul li a.imgBtn2 em {
    width: 110px;
    height: 100px;
    line-height: 100px;
    position: absolute;
    left: 149px;
    top: 0;
    z-index: 3;
    font-size: 20px;
    color: #b79c7a;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.imgBtn ul li a.imgBtn2:hover span {
    left: -80px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.imgBtn ul li a.imgBtn2:hover em {
    left: 109px;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.p12 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p12.png) right center
        no-repeat;
}
.p13 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p13.png) right center
        no-repeat;
}
.p14 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p14.png) right center
        no-repeat;
}
.p15 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p15.png) right center
        no-repeat;
}
.p16 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p16_1.png) right
        center no-repeat;
}
.p17 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p16_2.png) right
        center no-repeat;
}
.imgBtn ul li a.imgBtn1 span.p16 {
    width: 50px;
}
.imgBtn ul li a.imgBtn1 span.p17 {
    width: 50px;
}
.imgBtn ul li a.imgBtn1 em.em-small {
    width: 100px;
    left: 60px;
    font-size: 18px;
}
.newsPic2 {
    width: 354px;
    height: 302px;
    position: absolute;
    left: 330px;
    top: 1517px;
    z-index: 5;
    background-color: #130801;
    border: 1px #40210e solid;
}
.newsPic2 a {
    width: 354px;
    height: 302px;
    float: left;
    overflow: hidden;
    position: relative;
}
.newsPic2 a span {
    width: 354px;
    height: 50px;
    line-height: 50px;
    float: left;
    font-size: 25px;
    font-weight: bold;
    color: #c09664;
    text-align: center;
    margin-top: 200px;
    position: relative;
    z-index: 3;
}
.newsPic2 a em {
    width: 110px;
    height: 20px;
    line-height: 20px;
    float: left;
    margin-left: 120px;
    font-size: 14px;
    color: #cc9758;
    text-align: center;
    background-color: #221105;
    border: 1px #47311d solid;
    position: relative;
    z-index: 3;
}
.newsPic2 a i {
    width: 354px;
    height: 302px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
.newsPic2 a:hover i {
    transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1);
    -ms-transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
.cdg_b {
    background: url(https://static.web.sdo.com/cq/pic/web4/cdg_1280.jpg) top
        center no-repeat;
}
.share {
    width: 350px;
    height: 304px;
    position: absolute;
    left: 694px;
    top: 1517px;
    z-index: 5;
}
.share ul li {
    float: left;
}
.wx {
    width: 113px;
    height: 149px;
    float: left;
    margin: 0;
}
.wx a {
    width: 111px;
    height: 147px;
    float: left;
    border: 1px #40210e solid;
    background-color: #170a04;
}
.wx a:hover {
    background-color: #3c2419;
}
.wx a span {
    width: 111px;
    height: 70px;
    float: left;
    margin: 15px 0 0 0;
    background: url(https://static.web.sdo.com/cq/pic/web4/wxPic.png) center
        bottom no-repeat;
}
.wx a em {
    width: 111px;
    line-height: 30px;
    float: left;
    font-size: 14px;
    color: #987e71;
    text-align: center;
}
.chkf {
    width: 113px;
    height: 149px;
    float: left;
    margin: 6px 0 0 5px;
}
.chkf a {
    width: 111px;
    height: 147px;
    float: left;
    border: 1px #40210e solid;
    background-color: #170a04;
}
.chkf a:hover {
    background-color: #3c2419;
}
.chkf a span {
    width: 111px;
    height: 70px;
    float: left;
    margin: 8px 0 5px 0;
    background: url("https://static.web.sdo.com/cq/pic/web4/190401/ico-chkf.png")
        center bottom no-repeat;
}
.chkf a em {
    width: 111px;
    line-height: 30px;
    float: left;
    font-size: 14px;
    color: #987e71;
    text-align: center;
}
.sina {
    width: 113px;
    height: 149px;
    float: left;
    margin: 0 0 0 5px;
}
.sina a {
    width: 111px;
    height: 147px;
    float: left;
    border: 1px #40210e solid;
    background-color: #170a04;
}
.sina a:hover {
    background-color: #3c2419;
}
.sina a span {
    width: 111px;
    height: 70px;
    float: left;
    margin: 15px 0 0 0;
    background: url(https://static.web.sdo.com/cq/pic/web4/sinaPic.png) center
        bottom no-repeat;
}
.sina a em {
    width: 111px;
    line-height: 30px;
    float: left;
    font-size: 14px;
    color: #987e71;
    text-align: center;
}
.bd {
    width: 113px;
    height: 149px;
    float: left;
    margin: 0 0 0 5px;
}
.bd a {
    width: 111px;
    height: 147px;
    float: left;
    border: 1px #40210e solid;
    background-color: #170a04;
}
.bd a:hover {
    background-color: #3c2419;
}
.bd a span {
    width: 111px;
    height: 70px;
    float: left;
    margin: 15px 0 0 0;
    background: url(https://static.web.sdo.com/cq/pic/web4/bdPic.png) center
        bottom no-repeat;
}
.bd a em {
    width: 111px;
    line-height: 30px;
    float: left;
    font-size: 14px;
    color: #987e71;
    text-align: center;
}
.yy {
    width: 113px;
    height: 149px;
    float: left;
    margin: 6px 0 0 0;
}
.yy a {
    width: 111px;
    height: 147px;
    float: left;
    border: 1px #40210e solid;
    background-color: #170a04;
}
.yy a:hover {
    background-color: #3c2419;
}
.yy a span {
    width: 111px;
    height: 60px;
    float: left;
    margin: 15px 0 10px 0;
    background: url(https://static.web.sdo.com/cq/pic/web4/yyPic.png) center
        bottom no-repeat;
}
.yy a em {
    width: 111px;
    line-height: 15px;
    float: left;
    font-size: 14px;
    color: #987e71;
    text-align: center;
}
.qun {
    width: 113px;
    height: 149px;
    float: left;
    margin: 6px 0 0 5px;
}
.qun a {
    width: 111px;
    height: 147px;
    float: left;
    border: 1px #40210e solid;
    background-color: #170a04;
}
.qun a:hover {
    background-color: #3c2419;
}
.qun a span {
    width: 111px;
    height: 60px;
    float: left;
    margin: 15px 0 10px 0;
    background: url(https://static.web.sdo.com/cq/pic/web4/qunPic.png) center
        bottom no-repeat;
}
.qun a em {
    width: 111px;
    line-height: 15px;
    float: left;
    font-size: 14px;
    color: #987e71;
    text-align: center;
}
.pic1 {
    width: 255px;
    height: 141px;
    position: absolute;
    left: 0;
    top: 1841px;
    z-index: 5;
    background: url(https://static.web.sdo.com/cq/pic/web4/pic1_bg_1280.jpg)
        left bottom no-repeat;
}
.pic1 a {
    width: 255px;
    height: 141px;
    float: left;
    position: relative;
}
.pic1 a span {
    width: 100px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 20px;
    top: 60px;
    font-size: 16px;
    font-weight: bold;
    color: #906e44;
    padding-right: 25px;
    background: url(https://static.web.sdo.com/cq/pic/web4/jt.png) right center
        no-repeat;
    z-index: 2;
}
.pic1 a em {
    width: 45px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    left: 20px;
    top: 100px;
    font-size: 13px;
    color: #906e44;
    border: 1px #906e44 solid;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 2;
}
.pic1 a strong {
    width: 145px;
    height: 141px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(https://static.web.sdo.com/cq/pic/web4/pic1_1280.png) right
        bottom no-repeat;
    z-index: 3;
}
.pic1 a i {
    width: 145px;
    height: 141px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(https://static.web.sdo.com/cq/pic/web4/pic1_1280.png) right
        bottom no-repeat;
    z-index: 4;
}
.pic1 a:hover i {
    animation: x1 1s 0s ease both;
    -moz-animation: x1 1s 0s ease both;
    -webkit-animation: x1 1s 0s ease both;
    -ms-animation: x1 1s 0s ease both;
}
.pic2 {
    width: 255px;
    height: 141px;
    position: absolute;
    left: 262px;
    top: 1841px;
    z-index: 5;
    background: url(https://static.web.sdo.com/cq/pic/web4/pic2_bg_1280.jpg)
        left bottom no-repeat;
}
.pic2 a {
    width: 255px;
    height: 141px;
    float: left;
    position: relative;
}
.pic2 a span {
    width: 100px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 20px;
    top: 60px;
    font-size: 16px;
    font-weight: bold;
    color: #906e44;
    padding-right: 25px;
    background: url(https://static.web.sdo.com/cq/pic/web4/jt.png) right center
        no-repeat;
    z-index: 2;
}
.pic2 a em {
    width: 45px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    left: 20px;
    top: 100px;
    font-size: 13px;
    color: #906e44;
    border: 1px #906e44 solid;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 2;
}
.pic2 a strong {
    width: 145px;
    height: 141px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(https://static.web.sdo.com/cq/pic/web4/pic2_1280.png) right
        bottom no-repeat;
    z-index: 3;
}
.pic2 a i {
    width: 145px;
    height: 141px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(https://static.web.sdo.com/cq/pic/web4/pic2_1280.png) right
        bottom no-repeat;
    z-index: 4;
}
.pic2 a:hover i {
    animation: x1 1s 0s ease both;
    -moz-animation: x1 1s 0s ease both;
    -webkit-animation: x1 1s 0s ease both;
    -ms-animation: x1 1s 0s ease both;
}
.pic3 {
    width: 255px;
    height: 141px;
    position: absolute;
    left: 524px;
    top: 1841px;
    z-index: 5;
    background: url(https://static.web.sdo.com/cq/pic/web4/pic3_bg_1280.jpg)
        left bottom no-repeat;
}
.pic3 a {
    width: 255px;
    height: 141px;
    float: left;
    position: relative;
}
.pic3 a span {
    width: 100px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 20px;
    top: 60px;
    font-size: 16px;
    font-weight: bold;
    color: #906e44;
    padding-right: 25px;
    background: url(https://static.web.sdo.com/cq/pic/web4/jt.png) right center
        no-repeat;
    z-index: 2;
}
.pic3 a em {
    width: 45px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    left: 20px;
    top: 100px;
    font-size: 13px;
    color: #906e44;
    border: 1px #906e44 solid;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 2;
}
.pic3 a strong {
    width: 145px;
    height: 141px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(https://static.web.sdo.com/cq/pic/web4/pic3_1280.png) right
        bottom no-repeat;
    z-index: 3;
}
.pic3 a i {
    width: 145px;
    height: 141px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(https://static.web.sdo.com/cq/pic/web4/pic3_1280.png) right
        bottom no-repeat;
    z-index: 4;
}
.pic3 a:hover i {
    animation: x1 1s 0s ease both;
    -moz-animation: x1 1s 0s ease both;
    -webkit-animation: x1 1s 0s ease both;
    -ms-animation: x1 1s 0s ease both;
}
.pic4 {
    width: 255px;
    height: 141px;
    position: absolute;
    left: 787px;
    top: 1841px;
    z-index: 5;
    background: url(https://static.web.sdo.com/cq/pic/web4/pic4_bg_1280.jpg)
        left bottom no-repeat;
}
.pic4 a {
    width: 255px;
    height: 141px;
    float: left;
    position: relative;
}
.pic4 a span {
    width: 100px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 20px;
    top: 60px;
    font-size: 16px;
    font-weight: bold;
    color: #906e44;
    padding-right: 25px;
    background: url(https://static.web.sdo.com/cq/pic/web4/jt.png) right center
        no-repeat;
    z-index: 2;
}
.pic4 a em {
    width: 45px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    left: 20px;
    top: 100px;
    font-size: 13px;
    color: #906e44;
    border: 1px #906e44 solid;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 2;
}
.pic4 a strong {
    width: 145px;
    height: 141px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(https://static.web.sdo.com/cq/pic/web4/pic4_1280.png) right
        bottom no-repeat;
    z-index: 3;
}
.pic4 a i {
    width: 145px;
    height: 141px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(https://static.web.sdo.com/cq/pic/web4/pic4_1280.png) right
        bottom no-repeat;
    z-index: 4;
}
.pic4 a:hover i {
    animation: x1 1s 0s ease both;
    -moz-animation: x1 1s 0s ease both;
    -webkit-animation: x1 1s 0s ease both;
    -ms-animation: x1 1s 0s ease both;
}
@keyframes x1 {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        transform: scale3d(1.5, 1.5, 1);
        -moz-transform: scale3d(1.5, 1.5, 1);
        -ms-transform: scale3d(1.5, 1.5, 1);
        -webkit-transform: scale3d(1.5, 1.5, 1);
    }
}
@-moz-keyframes x1 {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        transform: scale3d(1.5, 1.5, 1);
        -moz-transform: scale3d(1.5, 1.5, 1);
        -ms-transform: scale3d(1.5, 1.5, 1);
        -webkit-transform: scale3d(1.5, 1.5, 1);
    }
}
@-webkit-keyframes x1 {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        transform: scale3d(1.5, 1.5, 1);
        -moz-transform: scale3d(1.5, 1.5, 1);
        -ms-transform: scale3d(1.5, 1.5, 1);
        -webkit-transform: scale3d(1.5, 1.5, 1);
    }
}
@-ms-keyframes x1 {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
    }
    100% {
        opacity: 0;
        filter: alpha(opacity=0);
        transform: scale3d(1.5, 1.5, 1);
        -moz-transform: scale3d(1.5, 1.5, 1);
        -ms-transform: scale3d(1.5, 1.5, 1);
        -webkit-transform: scale3d(1.5, 1.5, 1);
    }
}
/*防沉迷 按钮*/
.fcm {
    width: 1042px;
    height: 76px;
    position: absolute;
    left: 0;
    top: 1993px;
    z-index: 5;
}
.fcm_kf {
    width: 318px;
    height: 74px;
    float: left;
    border: 1px #3c230d solid;
    z-index: 5;
}
.fcm_kf span {
    width: 85px;
    height: 74px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/web4/fcm_kf.png) right
        center no-repeat;
}
.fcm_kf em {
    width: 213px;
    height: 64px;
    line-height: 20px;
    float: left;
    font-size: 13px;
    color: #805832;
    padding: 8px 0 0 18px;
}
.fcm_btn {
    width: 109px;
    height: 74px;
    float: left;
    border: 1px #3c230d solid;
    margin: 0 0 0 9px;
}
.fcm_btn a {
    width: 109px;
    height: 74px;
    float: left;
}
.fcm_btn a span {
    width: 109px;
    height: 40px;
    float: left;
}
.fcm_btn a em {
    width: 109px;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 13px;
    color: #876041;
    text-align: center;
}
.fcm_btn a:hover {
    background-color: #1b0b02;
}
.fcm_btn1 {
    background: url(https://static.web.sdo.com/cq/pic/web4/fcm_p1.png) center
        15px no-repeat;
}
.fcm_btn2 {
    background: url(https://static.web.sdo.com/cq/pic/web4/fcm_p2.png) center
        17px no-repeat;
}
.fcm_btn3 {
    background: url(https://static.web.sdo.com/cq/pic/web4/fcm_p3.png) center
        13px no-repeat;
}
.fcm_btn4 {
    background: url(https://static.web.sdo.com/cq/pic/web4/fcm_p4.png) center
        18px no-repeat;
}
.fcm_btn5 {
    background: url(https://static.web.sdo.com/cq/pic/web4/fcm_p5.png) center
        16px no-repeat;
}
.fcm_btn6 {
    background: url(https://static.web.sdo.com/cq/pic/web4/fcm_p6.png) center
        19px no-repeat;
}
/*防沉迷 文字*/
.fcm_word {
    width: 1042px;
    height: 14px;
    line-height: 18px;
    position: absolute;
    left: 0;
    top: 2070px; /*padding: 30px 0;*/
    padding-top: 30px;
    font-size: 12px;
    color: #554f49;
    text-align: center;
}
.fcm_word span {
    color: #087f30;
}
.fcm_word a {
    color: #876041;
}
/*内页*/
.nWrap {
    width: 100%;
    min-height: 1130px;
    margin: 0 auto;
    position: relative;
    background: url(https://static.web.sdo.com/cqyh/pic/act/2025/0606_Join/banner2025-06-13.jpg)
        center top no-repeat;
    min-width: 1060px;
}
.nWrapper {
    width: 1060px;
    min-height: 1130px;
    margin: 0 auto;
    padding: 0 110px;
    position: relative;
}
.n_main {
    width: 1060px;
    min-height: 1130px;
    float: left;
    position: relative;
    margin: 620px 0 30px 0;
}
.nLeft {
    width: 320px;
    min-height: 1130px;
    float: left;
    margin-right: 10px;
}
.nLeftBtn {
    width: 320px;
    height: 286px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/web4/leftBtn0624.jpg) left
        top no-repeat;
}
.nLeftBtn a {
    width: 160px;
    height: 82px;
    line-height: 83px;
    float: left;
    font-size: 20px;
    color: #e2b554;
    text-align: center;
}
.nLeftBtn a:nth-child(even):hover {
    background: url(https://static.web.sdo.com/cq/pic/web4/leftH0624.jpg) right
        top no-repeat;
}
.nLeftBtn a:nth-child(odd):hover {
    background: url(https://static.web.sdo.com/cq/pic/web4/leftH0624-1.jpg)
        right top no-repeat;
}
#nLeftBtn1 {
    position: relative;
    width: 320px;
    height: 122px;
    float: left;
}
a#nLeftBtn1:hover {
    background: url(https://static.web.sdo.com/cq/pic/web4/leftHover.jpg) right
        top no-repeat;
}
#nLeftBtn1:after {
    display: block;
    position: absolute;
    content: "";
    right: 5px;
    bottom: 10px;
    width: 121px;
    height: 30px;
    background: url(https://static.web.sdo.com/cq/pic/web4/230831/ico-ver.png)
        no-repeat;
}
#nLeftBtn1 span {
    width: 320px;
    height: 60px;
    line-height: 60px;
    float: left;
    font-size: 40px;
    font-weight: bold;
    color: #5b0000;
    text-align: center;
    margin-top: 18px;
}
#nLeftBtn1 em {
    width: 320px;
    height: 20px;
    line-height: 20px;
    float: left;
    font-size: 14px;
    color: #5b0000;
    text-align: center;
}
.nLeftCon {
    width: 320px;
    height: 844px;
    float: left;
    margin-top: 10px;
}
.n_ch {
    width: 318px;
    height: 73px;
    float: left;
    background-color: #21160d;
    border: 1px #40210e solid;
    margin-bottom: 10px;
}
.picBtn {
    width: 318px;
    height: 291px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/web4/picBtn.jpg) left top
        no-repeat;
    border: 1px #40210e solid;
}
.picBtn ul li {
    float: left;
}
.picBtn ul li a {
    width: 106px;
    height: 146px;
    float: left;
    position: relative;
    overflow: hidden;
}
.picBtn ul li a span {
    width: 106px;
    height: 56px;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: 3;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.picBtn ul li a em {
    width: 106px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    left: 0;
    top: 81px;
    z-index: 3;
    font-size: 14px;
    color: #ad9384;
    text-align: center;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.picBtn ul li a:hover span {
    top: -36px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.picBtn ul li a:hover em {
    top: 52px;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}
.p18 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p18.png) center
        center no-repeat;
}
.p19 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p19.png) center
        center no-repeat;
}
.p20 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p20.png) center
        center no-repeat;
}
.p21 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p21.png) center
        center no-repeat;
}
.p22 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p22.png) center
        center no-repeat;
}
.p23 {
    background: url(https://static.web.sdo.com/cq/pic/web4/p23.png) center
        center no-repeat;
}
.ztBtn_n {
    width: 318px;
    height: 100px;
    float: left;
    margin-top: 10px;
    border: 1px #40210e solid;
}
.ztBtn_n ul li {
    width: 318px;
    height: 100px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/web4/picBg.jpg) no-repeat
        left center;
}
.ztBtn_n ul li a {
    width: 318px;
    height: 100px;
    float: left;
    position: relative;
    overflow: hidden;
}
.ztBtn_n ul li a span {
    width: 120px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 30px;
    top: 45px;
    font-size: 21px;
    color: #b19f89;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    z-index: 3;
}
.ztBtn_n ul li a em {
    width: 120px;
    height: 30px;
    line-height: 20px;
    position: absolute;
    left: 30px;
    top: 75px;
    font-size: 12px;
    color: #bf8d4c;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    z-index: 3;
}
.ztBtn_n ul li a i {
    width: 44px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    left: 30px;
    top: 100px;
    font-size: 12px;
    color: #916e47;
    border: 1px #916e47 solid;
    text-align: center;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    z-index: 3;
}
.ztBtn_n ul li a strong {
    width: 210px;
    height: 100px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    text-align: center;
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
.ztBtn_n ul li a strong img {
    height: 100%;
}
.p9_n {
    background: url(https://static.web.sdo.com/cq/pic/web4/p9.png) right bottom
        no-repeat;
}
.ztBtn_n ul li a:hover span {
    top: 20px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}
.ztBtn_n ul li a:hover em {
    top: 50px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}
.ztBtn_n ul li a:hover i {
    top: 75px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}
.ztBtn_n ul li a:hover strong {
    transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
.nShare {
    width: 320px;
    height: 230px;
    float: left;
    margin-top: 10px;
    background: url(https://static.web.sdo.com/cq/pic/web4/guide/left-bottom-add.png)
        no-repeat left top #170b03;
    border: 1px #40210e solid;
}
.nEwm {
    width: 124px;
    height: 190px;
    float: left;
    margin: 30px 0 0 100px;
}
.nEwm span {
    width: 124px;
    height: 124px;
    float: left;
    margin-bottom: 10px;
}
.nEwm span img {
    width: 124px;
    height: 124px;
}
.nEwm em {
    width: 124px;
    line-height: 24px;
    float: left;
    font-size: 14px;
    color: #ad9384;
    text-align: center;
}
.shareBtn {
    width: 318px;
    height: 90px;
    float: left;
    margin-top: 20px;
}
.shareBtn ul li {
    float: left;
}
.shareBtn ul li a {
    width: 159px;
    height: 90px;
    float: left;
}
.shareBtn ul li a span {
    width: 159px;
    height: 60px;
    float: left;
}
.shareBtn ul li a em {
    width: 159px;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 15px;
    color: #a68d7e;
    text-align: center;
}
.sinaP {
    background: url(https://static.web.sdo.com/cq/pic/web4/sina.png) center
        center no-repeat;
}
.qqP {
    background: url(https://static.web.sdo.com/cq/pic/web4/qq.png) center center
        no-repeat;
}
/*内页右栏 顶部*/
.nRight {
    width: 728px;
    min-height: 1130px;
    float: left;
    margin-left: 2px;
}
.nRight_top {
    width: 674px;
    height: 103px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/web4/t1.png) repeat;
    padding: 20px 26px 0 26px;
    border: 1px solid #40210e;
}
.nNewsTit {
    width: 674px;
    height: 45px;
    float: left;
    border-bottom: 1px #916e47 solid;
}
.nNewsTit span {
    min-width: 130px;
    height: 47px;
    float: left;
    font-size: 30px;
    color: #fff;
}
.nNewsTit em {
    min-width: 100px;
    height: 47px;
    line-height: 50px;
    float: left;
    font-size: 14px;
    color: #8b8581;
}
.nNewsSearch {
    width: 674px;
    height: 40px;
    float: left;
    padding-top: 8px;
}
.w_313 {
    min-width: 80px;
    height: 40px;
    line-height: 40px;
    float: right;
    color: #eaccaa;
    font-size: 14px;
}
.w_313 a {
    color: #eaccaa;
}
.w_313 a:link {
    color: #eaccaa;
}
.w_313 a:hover {
    color: #eaccaa;
    text-decoration: underline;
}
.w_70 {
    width: 70px;
    height: 40px;
    line-height: 40px;
    float: left;
    color: #916e47;
    font-size: 14px;
    padding-left: 2px;
}
.w_320 {
    width: 320px;
    height: 40px;
    float: left;
    position: relative;
}
.c_input {
    width: 300px;
    height: 25px;
    margin-top: 8px;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
}
.ser_btn {
    width: 78px;
    height: 25px;
    position: absolute;
    left: 220px;
    top: 8px;
    z-index: 99;
    background: url(https://static.web.sdo.com/cq/pic/web4/tou_btn.png)
        no-repeat center top;
}
.nRight_con {
    width: 728px;
    min-height: 1007px;
    float: left;
    background-color: #fff;
}
/*列表页*/
.n_news {
    width: 676px;
    min-height: 989px;
    float: left;
    padding: 20px 26px 20px 26px;
    position: relative;
}
.n_newsTit {
    width: 676px;
    height: 60px;
    float: left;
}
.n_newsTit ul li {
    width: 90px;
    height: 60px;
    float: left;
    font-size: 20px;
    text-align: center;
}
.n_newsTit ul li a {
    width: 90px;
    height: 60px;
    line-height: 60px;
    float: left;
    text-decoration: none;
    color: #333;
}
.n_newsXian {
    width: 676px;
    height: 2px;
    float: left;
    border-bottom: 1px #b2b2b2 solid;
    position: relative;
}
.n_red {
    width: 90px;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #bc2e01;
    transition: all 0.2s ease-in;
}
.n_newsList {
    width: 646px;
    float: left;
    display: none;
    margin: 30px 15px 48px 15px;
}
.n_newsList ul li {
    width: 646px;
    height: 38px;
    float: left;
}
.n_newsList ul li a {
    width: 556px;
    float: left;
    line-height: 38px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.n_newsList ul li a:hover {
    text-decoration: underline;
}
.n_newsList ul li span {
    width: 90px;
    float: left;
    line-height: 38px;
    font-size: 14px;
    color: #333;
    text-align: right;
}
.n_newsList .Red,
.c_newsList .Red {
    color: #eb0000;
}
.n_newsList .RedStrong,
.c_newsList .RedStrong {
    color: #eb0000;
    font-weight: bold;
}
.n_newsList .Blue,
.c_newsList .Blue {
    color: blue;
}
.n_newsList .BlueStrong,
.c_newsList .BlueStrong {
    color: blue;
    font-weight: bold;
}
.n_newsList .Highlight {
    background-color: yellow;
}
.pageBtn {
    width: 690px;
    height: 58px;
    line-height: 58px;
    float: left;
    font-size: 14px;
    text-align: right;
    background-color: #ececec;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    padding-right: 38px;
}
.pageBtn a {
    color: #666;
    display: inline-block;
}
.pageBtn a:link {
    color: #666;
}
.pageBtn a:hover {
    color: #666;
    text-decoration: underline;
}
.pageBtn select {
    display: inline-block;
}
/*内容页*/
.n_content {
    width: 728px;
    min-height: 1029px;
    float: left;
    position: relative;
}
.cc_main {
    width: 676px;
    min-height: 400px;
    float: left;
    position: relative;
    margin: 30px 26px 0 26px;
}
.cc_main h1 {
    width: 676px;
    height: 30px;
    float: left;
    color: #300;
    font-size: 24px;
    font-style: normal;
}
.cc_time {
    width: 150px;
    height: 35px;
    line-height: 32px;
    float: left;
    color: #666;
    font-size: 12px;
}
.cc_share {
    width: 500px;
    height: 35px;
    line-height: 32px;
    float: left;
    color: #666;
    font-size: 12px;
    margin-bottom: 10px;
}
#nCon1 {
    width: 676px;
    min-height: 300px;
    line-height: 26px;
    float: left;
    color: #333;
    font-size: 14px;
    margin-bottom: 30px;
}
#nCon1 p {
    margin: 0;
    width: 676px;
    line-height: 25px;
    float: left;
}
#nCon1 table {
    margin: 0 auto;
}
#nCon1 table tr td {
    padding: 0 10px;
    line-height: 30px;
}
.mgt_3 {
    margin-top: 3px;
}
#jia {
    float: left;
    width: 23px;
    height: 25px;
    margin: 3px 0 0 0;
    padding: 0;
}
.border_1 {
    border-top: 1px #530f0c solid;
}
.cc_main img {
    max-width: 560px;
    _width: 560px;
    height: auto;
}
.backTopBtn {
    width: 84px;
    height: 84px;
    position: fixed;
    right: 50%;
    margin-right: -620px;
    bottom: 162px;
    z-index: 999;
}
.backTopBtn a {
    width: 84px;
    height: 84px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/web4/backTopBtn.jpg) left
        center no-repeat;
    display: none;
}
.con_bm {
    width: 676px;
    float: left;
    background-color: #fff;
    margin: 0 26px;
}
/*小猪投票*/
.cq_pig {
    width: 676px;
    min-height: 1px;
    float: left;
}
/*内容页面留言*/
.con_message {
    width: 676px;
    height: auto;
    float: left;
    border-top: 1px dashed #000;
}
.pl_tit {
    width: 676px;
    height: 70px;
    line-height: 70px;
    float: left;
    font-size: 16px;
    color: #333;
}
.pl_tit i {
    color: #c00;
}
.pl_715 {
    width: 656px;
    height: 182px;
    float: left;
    background-color: #e5e5e5;
    padding: 10px;
}
.pl_main {
    width: 656px;
    height: 182px;
    float: left;
    background-color: #f2f2f2;
}
.pl_bf {
    width: 656px;
    height: 45px;
    float: left;
    border-top: 1px #cdcccc solid;
}
.bq {
    width: 45px;
    height: 45px;
    float: left;
    border-right: 1px #cdcccc solid;
    background: url(https://static.web.sdo.com/cq/pic/web2/bq.jpg) no-repeat
        center center;
}
.bq span {
    width: 45px;
    height: 45px;
    float: left;
    cursor: pointer;
}
.fb {
    width: 114px;
    height: 45px;
    float: right;
    background: url(https://static.web.sdo.com/cq/pic/web2/fb_btn.jpg) no-repeat
        left top;
}
.fb a {
    width: 114px;
    height: 45px;
    float: left;
}
.h_24 {
    width: 676px;
    height: 24px;
    float: left;
}
.h_38 {
    width: 676px;
    height: 38px;
    line-height: 38px;
    float: left;
    font-size: 16px;
    color: #c00;
    border-bottom: 1px #000 solid;
}
.ly {
    width: 676px;
    height: auto;
    float: left;
}
.ly ul li {
    float: left;
}
.info {
    width: 676px;
    height: 30px;
    float: left;
    margin: 20px 0;
}
.i_name {
    height: 30px;
    line-height: 30px;
    float: left;
    padding: 0 30px 0 10px;
    font-size: 14px;
    color: #900;
    background-color: #e5e5e5;
}
.i_name i {
    color: #000;
}
.i_time {
    height: 30px;
    line-height: 30px;
    float: right;
    padding: 0 10px;
    font-size: 14px;
    color: #786a6a;
    background-color: #e5e5e5;
}
.words {
    line-height: 20px;
    float: left;
    font-size: 14px;
    color: #333;
}
.an {
    width: 676px;
    height: 30px;
    float: left;
    margin: 20px 0;
}
.zan {
    width: 41px;
    height: 21px;
    float: right;
    background: url(https://static.web.sdo.com/cq/pic/web4/pic_zan.jpg)
        no-repeat center top;
}
.an i {
    height: 21px;
    line-height: 21px;
    float: right;
    text-align: center;
    padding: 0 10px;
    color: #900;
}
.hf {
    width: 43px;
    height: 28px;
    float: right;
    background: url(https://static.web.sdo.com/cq/pic/web4/pic_hf.jpg) no-repeat
        center top;
}
.h_100 {
    width: 656px;
    min-height: 200px;
    float: left;
    padding: 10px 10px 0 10px;
    background-color: #e5e5e5;
    position: relative;
}
.h_100 ul {
    float: left;
}
.h_100 ul li {
    float: left;
    width: 656px;
    height: 90px;
    border-bottom: 1px #d1d3d7 dashed;
}
.info2 {
    width: 693px;
    height: 30px;
    float: left;
    margin: 10px 0;
}
.words2 {
    line-height: 20px;
    float: left;
    font-size: 14px;
    color: #333;
    margin: 5px 0 10px 0;
}
.i_name2 {
    height: 30px;
    line-height: 30px;
    float: left;
    padding: 0 30px 0 10px;
    font-size: 14px;
    color: #900;
    background-color: #e5e5e5;
}
.i_name2 i {
    color: #000;
}
.liNum {
    width: 31px;
    height: 32px;
    line-height: 16px;
    padding-right: 1px;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 14px;
    color: #cec5b5;
    text-align: right;
    background: url(https://static.web.sdo.com/cq/pic/web4/numBg.jpg) no-repeat
        center top;
}
.moreBtn {
    width: 626px;
    height: 40px;
    float: left;
    padding: 0 15px;
}
.moreBtn a {
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: 14px;
    color: #900;
    float: right;
    text-decoration: underline;
}
.moreLi {
    display: none;
}
.aNum {
    width: 20px;
    height: 20px;
    line-height: 20px;
    float: left;
    text-align: center;
    background-color: #1f1d1d;
}
.zPage {
    width: 676px;
    height: 20px;
    float: left;
    margin: 20px 0;
    background-color: #e5e5e5;
    text-align: center;
    padding: 20px 0;
}
.zPage a {
    line-height: 20px;
    font-size: 14px;
    color: #300;
    margin: 0 4px;
    display: inline-block;
}
.zNum {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #787878;
}
.bm_main {
    width: 728px;
    height: 250px;
    float: left;
    position: relative;
    background: url(https://static.web.sdo.com/cq/pic/web4/nBmBg.png) no-repeat
        right bottom;
}
.bm_xian {
    width: 676px;
    height: 2px;
    position: absolute;
    left: 26px;
    top: 0;
    border-top: 1px #f00 dashed;
}
.bm_txt {
    width: 480px;
    float: left;
    margin: 80px 0 0 26px;
}
.bm_txt p {
    width: 480px;
    line-height: 22px;
    float: left;
    font-size: 14px;
    color: #333;
    margin: 0;
}
.bm_txt p span {
    font-size: 18px;
    font-weight: bold;
}
/* ====弹窗 */
.overlay {
    width: 400px;
    display: none;
    border: 0px solid #000;
}
.overlay .close {
    cursor: pointer;
    height: 62px;
    width: 62px;
    position: absolute;
    left: 406px;
    top: -2px;
}
.overlay .overlayCon {
    color: #841400;
    padding: 0;
    height: 400px;
}
#overlay {
    width: 100%;
    height: 100%;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    position: absolute;
    background: #000;
    top: 0;
    left: 0;
    z-index: 3000;
    display: none;
}
.overlay {
    position: absolute;
    z-index: 5000;
    display: none;
    top: 150px;
    left: 50%;
    margin: 0 0 0 -200px;
}
*html, *html body /* IE6bug */ {
}
/*视频*/
.alertBox {
    width: 690px;
    height: 430px;
    position: fixed;
    _position: absolute;
    z-index: 1000;
    display: none;
    top: 50%;
    left: 50%;
    margin: -300px 0 0 -340px;
    _top: expression(documentElement.scrollTop + 330 + "px");
}
.close {
    width: 47px;
    height: 46px;
    cursor: pointer;
    position: absolute;
    text-indent: -9999px;
    top: -47px;
    right: 0px;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/occupation/s1_close.png)
        center top no-repeat;
}
.alertCon {
    position: relative;
}
.conCon {
    width: 690px;
    height: 430px;
    float: left;
    display: inline;
    background: url(https://static.web.sdo.com/cq/pic/web2/2015web/loading.gif)
        center center no-repeat #000;
}
.conCon_load {
    width: 690px;
    height: 430px;
    line-height: 620px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 28px;
    color: #9d9d9d;
    text-align: center;
    z-index: 2;
}
.conCon_con {
    width: 690px;
    height: 430px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
#dialog-overlay {
    width: 100%;
    height: 100%;
    filter: alpha(opacity=90);
    _filter: alpha(opacity=100);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    position: fixed;
    _position: absolute;
    background: #000;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
#dialog-overlay2 {
    width: 100%;
    height: 430px;
    filter: alpha(opacity=100);
    _filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    position: fixed;
    _position: absolute;
    background: #000;
    top: 300px;
    left: 0;
    z-index: 101;
    display: none;
}
/*video 弹窗*/
#overlay_video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.8;
    z-index: 99;
    display: none;
}
.video_box {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -230px 0 0 -443px;
    z-index: 100;
    width: 886px;
    height: 500px;
    display: none;
}
@media screen and (min-width: 1440px) {
    /*外围框架*/
    .wrapper {
        width: 1440px;
        min-height: 2000px;
        margin: 0 auto;
        position: relative;
    }
    .logo {
        width: 250px;
        height: 110px;
        position: absolute;
        left: 80px;
        top: 20px;
        z-index: 700;
    }
    .logo img {
        width: 250px;
    } /*-----顶部导航-----*/
    .t_nav {
        width: 1440px;
        margin: 0 auto;
        position: relative;
        z-index: 11;
    }
    .topNav {
        width: 960px;
        height: 100px;
        float: left;
        position: relative;
        z-index: 100;
        margin: -20px 0 0 320px;
    }
    .timePic {
        width: 154px;
        height: 27px;
        position: absolute;
        left: 50%;
        margin-left: -80px;
        top: 208px;
        background: url(https://static.web.sdo.com/cq/pic/web4/timePic.png)
            center top no-repeat;
        z-index: 3;
    } /*-----slogan-----*/
    .movBtn {
        width: 72px;
        height: 72px;
        float: left;
        background: url(https://static.web.sdo.com/cq/pic/web4/mov0316.png) left
            center no-repeat;
        animation: x3 1s infinite;
        -ms-animation: x3 1s infinite;
        -webkit-animation: x3 1s infinite;
        -moz-animation: x3 1s infinite;
        -o-animation: x3 1s infinite;
    } /*.wz{width:611px;height:64px; float:left;background:url(https://static.web.sdo.com/cq/pic/web4/tit1a.png) 30px center no-repeat;}*/
    .titTop_b {
        width: 705px;
        height: 72px;
        position: absolute;
        left: 50%;
        margin-left: -640px;
        top: 500px;
        z-index: 13;
        background: url(https://static.web.sdo.com/cq/pic/web4/tit2.png) left
            center no-repeat;
    }
    .wz_a {
        width: 547px;
        height: 72px;
        float: left;
    }
    @keyframes x3 {
        0%,
        100% {
            transform: scale3d(1, 1, 1);
            -moz-transform: scale3d(1, 1, 1);
            -ms-transform: scale3d(1, 1, 1);
            -webkit-transform: scale3d(1, 1, 1);
            -o-transform: scale3d(1, 1, 1);
        }
        50% {
            transform: scale3d(0.9, 0.9, 1);
            -moz-transform: scale3d(0.9, 0.9, 1);
            -ms-transform: scale3d(0.9, 0.9, 1);
            -webkit-transform: scale3d(0.9, 0.9, 1);
            -o-transform: scale3d(0.9, 0.9, 1);
        }
        75% {
            transform: scale3d(1.1, 1.1, 1);
            -moz-transform: scale3d(1.1, 1.1, 1);
            -ms-transform: scale3d(1.1, 1.1, 1);
            -webkit-transform: scale3d(1.1, 1.1, 1);
            -o-transform: scale3d(1.1, 1.1, 1);
        }
    }
    @-webkit-keyframes x3 {
        0%,
        100% {
            transform: scale3d(1, 1, 1);
            -moz-transform: scale3d(1, 1, 1);
            -ms-transform: scale3d(1, 1, 1);
            -webkit-transform: scale3d(1, 1, 1);
            -o-transform: scale3d(1, 1, 1);
        }
        50% {
            transform: scale3d(0.9, 0.9, 1);
            -moz-transform: scale3d(0.9, 0.9, 1);
            -ms-transform: scale3d(0.9, 0.9, 1);
            -webkit-transform: scale3d(0.9, 0.9, 1);
            -o-transform: scale3d(0.9, 0.9, 1);
        }
        75% {
            transform: scale3d(1.1, 1.1, 1);
            -moz-transform: scale3d(1.1, 1.1, 1);
            -ms-transform: scale3d(1.1, 1.1, 1);
            -webkit-transform: scale3d(1.1, 1.1, 1);
            -o-transform: scale3d(1.1, 1.1, 1);
        }
    }
    @-moz-keyframes x3 {
        0%,
        100% {
            transform: scale3d(1, 1, 1);
            -moz-transform: scale3d(1, 1, 1);
            -ms-transform: scale3d(1, 1, 1);
            -webkit-transform: scale3d(1, 1, 1);
            -o-transform: scale3d(1, 1, 1);
        }
        50% {
            transform: scale3d(0.9, 0.9, 1);
            -moz-transform: scale3d(0.9, 0.9, 1);
            -ms-transform: scale3d(0.9, 0.9, 1);
            -webkit-transform: scale3d(0.9, 0.9, 1);
            -o-transform: scale3d(0.9, 0.9, 1);
        }
        75% {
            transform: scale3d(1.1, 1.1, 1);
            -moz-transform: scale3d(1.1, 1.1, 1);
            -ms-transform: scale3d(1.1, 1.1, 1);
            -webkit-transform: scale3d(1.1, 1.1, 1);
            -o-transform: scale3d(1.1, 1.1, 1);
        }
    }
    @-ms-keyframes x3 {
        0%,
        100% {
            transform: scale3d(1, 1, 1);
            -moz-transform: scale3d(1, 1, 1);
            -ms-transform: scale3d(1, 1, 1);
            -webkit-transform: scale3d(1, 1, 1);
            -o-transform: scale3d(1, 1, 1);
        }
        50% {
            transform: scale3d(0.9, 0.9, 1);
            -moz-transform: scale3d(0.9, 0.9, 1);
            -ms-transform: scale3d(0.9, 0.9, 1);
            -webkit-transform: scale3d(0.9, 0.9, 1);
            -o-transform: scale3d(0.9, 0.9, 1);
        }
        75% {
            transform: scale3d(1.1, 1.1, 1);
            -moz-transform: scale3d(1.1, 1.1, 1);
            -ms-transform: scale3d(1.1, 1.1, 1);
            -webkit-transform: scale3d(1.1, 1.1, 1);
            -o-transform: scale3d(1.1, 1.1, 1);
        }
    }
    @-o-keyframes x3 {
        0%,
        100% {
            transform: scale3d(1, 1, 1);
            -moz-transform: scale3d(1, 1, 1);
            -ms-transform: scale3d(1, 1, 1);
            -webkit-transform: scale3d(1, 1, 1);
            -o-transform: scale3d(1, 1, 1);
        }
        50% {
            transform: scale3d(0.9, 0.9, 1);
            -moz-transform: scale3d(0.9, 0.9, 1);
            -ms-transform: scale3d(0.9, 0.9, 1);
            -webkit-transform: scale3d(0.9, 0.9, 1);
            -o-transform: scale3d(0.9, 0.9, 1);
        }
        75% {
            transform: scale3d(1.1, 1.1, 1);
            -moz-transform: scale3d(1.1, 1.1, 1);
            -ms-transform: scale3d(1.1, 1.1, 1);
            -webkit-transform: scale3d(1.1, 1.1, 1);
            -o-transform: scale3d(1.1, 1.1, 1);
        }
    } /*-----主内容-----*/
    .m_main {
        width: 1406px;
        min-height: 1600px;
        float: left;
        position: relative;
        margin: 620px 0 0 17px;
    } /*.tt{transition:all 1s ease-in 0s;}*/
    .tt {
        transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -ms-transition: all 1s ease-out;
        -webkit-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
    }
    .leftBtn {
        width: 320px;
        height: 286px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5;
        background: url(https://static.web.sdo.com/cq/pic/web4/leftBtn0624.jpg)
            left top no-repeat;
    }
    .leftBtn a {
        width: 160px;
        height: 82px;
        line-height: 83px;
        float: left;
        font-size: 20px;
        color: #e2b554;
        text-align: center;
    }
    .leftBtn a:nth-child(even):hover {
        background: url(https://static.web.sdo.com/cq/pic/web4/leftH0624.jpg)
            right top no-repeat;
    }
    .leftBtn a:nth-child(odd):hover {
        background: url(https://static.web.sdo.com/cq/pic/web4/leftH0624-1.jpg)
            right top no-repeat;
    }
    #leftBtn1 {
        width: 320px;
        height: 121px;
        float: left;
    }
    a#leftBtn1:hover {
        background: url(https://static.web.sdo.com/cq/pic/web4/leftHover.jpg)
            right top no-repeat;
    }
    #leftBtn1 span {
        width: 320px;
        height: 60px;
        line-height: 60px;
        float: left;
        font-size: 40px;
        font-weight: bold;
        color: #5b0000;
        text-align: center;
        margin-top: 18px;
    }
    #leftBtn1 em {
        width: 320px;
        height: 20px;
        line-height: 20px;
        float: left;
        font-size: 14px;
        color: #5b0000;
        text-align: center;
    }
    .lunbo .tips {
        position: absolute;
        top: -28px;
        color: #06cd06;
        font-weight: bold;
        right: -360px;
        font-size: 12px;
    }
    .lunbo {
        width: 712px;
        height: 284px;
        position: absolute;
        left: 330px;
        top: 0;
        z-index: 5;
        border: 1px #40210e solid;
    }
    .lunbo_b {
        width: 19px;
        height: 124px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 999;
    }
    .lunbo_b ul li {
        width: 19px;
        height: 62px;
        float: left;
    }
    .lunbo_b ul li a {
        width: 19px;
        height: 49px;
        float: left;
        padding-top: 13px;
        text-align: center;
        font-size: 12px;
        color: #000;
        background: url(https://static.web.sdo.com/cq/pic/web4/lunbo_b.png) left
            top no-repeat;
    }
    .lunbo_b ul li.on1 a {
        color: #fff;
        background: url(https://static.web.sdo.com/cq/pic/web4/lunbo_bC.png)
            left top no-repeat;
    }
    .lunbo_c {
        width: 712px;
        height: 284px;
        float: left;
        display: none;
    } /*轮播1*/
    .main_visual {
        width: 712px;
        height: 284px;
        float: left;
        position: relative;
        overflow: hidden;
    }
    .main_image {
        width: 712px;
        height: 284px;
        float: left;
        overflow: hidden;
        position: relative;
    }
    .main_image ul {
        width: 9990px;
        height: 284px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }
    .main_image li {
        width: 712px;
        height: 284px;
        float: left;
        position: relative;
        display: none;
    }
    .main_image li a {
        width: 712px;
        height: 284px;
        float: left;
        overflow: hidden;
    }
    .main_image li a img {
        width: 712px;
    }
    #btn_prev,
    #btn_next {
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        top: 0;
        display: none;
    }
    #btn_prev {
        left: 0;
    }
    #btn_next {
        right: 0;
    }
    div.flicking_con {
        width: 714px;
        height: 35px;
        position: absolute;
        bottom: 0px;
        left: 0;
        z-index: 99;
    }
    div.flicking_con a {
        width: 119px;
        height: 35px;
        line-height: 35px;
        float: left;
        font-size: 14px;
        color: #ae8f6c;
        text-align: center;
        background: url(https://static.web.sdo.com/cq/pic/web4/num.png) left top
            no-repeat;
        background-size: 119px 35px;
    }
    div.flicking_con a.on {
        background: url(https://static.web.sdo.com/cq/pic/web4/numC.jpg) left
            top no-repeat;
        background-size: 119px 35px;
        color: #000;
    } /*轮播2*/
    .main_visual2 {
        width: 712px;
        height: 284px;
        float: left;
        position: relative;
    }
    .main_image2 {
        width: 712px;
        height: 284px;
        float: left;
        overflow: hidden;
        position: relative;
    }
    .main_image2 ul {
        width: 9990px;
        height: 284px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }
    .main_image2 li {
        width: 712px;
        height: 284px;
        float: left;
        position: relative;
        display: none;
    }
    .main_image2 li a {
        width: 712px;
        height: 284px;
        float: left;
        overflow: hidden;
    }
    .main_image2 li a img {
        width: 712px;
    }
    #btn_prev2,
    #btn_next2 {
        z-index: 99;
        position: absolute;
        width: 0;
        height: 0;
        top: 0;
        display: none;
    }
    #btn_prev2 {
        left: 0;
    }
    #btn_next2 {
        right: 0;
    }
    div.flicking_con2 {
        width: 714px;
        height: 35px;
        position: absolute;
        bottom: 0px;
        left: 0;
        z-index: 99;
    }
    div.flicking_con2 a {
        width: 119px;
        height: 35px;
        line-height: 35px;
        float: left;
        font-size: 14px;
        color: #ae8f6c;
        text-align: center;
        background: url(https://static.web.sdo.com/cq/pic/web4/num.png) left top
            no-repeat;
        background-size: 119px 35px;
    }
    div.flicking_con2 a.on {
        background: url(https://static.web.sdo.com/cq/pic/web4/numC.jpg) left
            top no-repeat;
        background-size: 119px 35px;
        color: #000;
    }
    .ztPic {
        width: 350px;
        height: 284px;
        position: absolute;
        left: 1054px;
        top: 0;
        z-index: 5;
        background-color: #150b03;
        border: 1px #40210e solid;
    }
    .ztPic a {
        width: 350px;
        height: 284px;
        float: left;
        position: relative;
        overflow: hidden;
    }
    .ztPic a span {
        width: 350px;
        height: 284px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
    }
    .ztPic a span img {
        width: 350px;
        height: 284px;
    }
    .ztPic a em {
        width: 350px;
        height: 42px;
        position: absolute;
        left: 0;
        top: 214px;
        z-index: 5;
        text-align: center;
    }
    .ztPic a em i {
        min-width: 110px;
        height: 42px;
        display: inline-table;
        background: url(https://static.web.sdo.com/cq/pic/web4/230831/ztPic-ico1.png)
                left center no-repeat,
            url(https://static.web.sdo.com/cq/pic/web4/230831/ztPic-ico2.png)
                right center no-repeat;
        padding: 0 35px;
    }
    .ztPic a em i strong {
        min-width: 110px;
        height: 40px;
        line-height: 40px;
        float: left;
        font-size: 20px;
        font-weight: bold; /*color: #f6d39e;*/
        text-align: center;
        border-top: 1px #907349 solid;
        border-bottom: 1px #907349 solid;
        background-image: linear-gradient(
            to bottom,
            #f6d39e,
            #d9a357
        ); /* 渐变颜色从红色到蓝色 */
        -webkit-background-clip: text; /* 将渐变限制在文本区域 */
        -webkit-text-fill-color: transparent; /* 文本颜色设置为透明 */
    }
    .ztPic a:hover span {
        transform: scale3d(1.1, 1.1, 1);
        -moz-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
    }
    .ztPic a h1 {
        width: 330px;
        height: 264px;
        position: absolute;
        left: 10px;
        top: 10px;
        z-index: 3;
        background: url(https://static.web.sdo.com/cq/pic/web4/kuang.png) center
            center no-repeat;
        background-size: 330px 264px;
    }
    .picB {
        width: 318px;
        height: 292px;
        position: absolute;
        left: 0;
        top: 296px;
        z-index: 5;
        background: url(https://static.web.sdo.com/cq/pic/web4/picBtn.jpg) left
            top no-repeat;
        border: 1px #40210e solid;
        overflow: hidden;
    }
    .picB ul li {
        float: left;
    }
    .picB ul li a {
        width: 106px;
        height: 146px;
        float: left;
        position: relative;
        overflow: hidden;
    }
    .picB ul li a span {
        width: 106px;
        height: 56px;
        position: absolute;
        left: 0;
        top: 25px;
        z-index: 3;
        opacity: 1;
        filter: alpha(opacity=100);
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
    }
    .picB ul li a em {
        width: 106px;
        height: 36px;
        line-height: 36px;
        position: absolute;
        left: 0;
        top: 81px;
        z-index: 3;
        font-size: 14px;
        color: #ad9384;
        text-align: center;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
    }
    .picB ul li a:hover span {
        top: -36px;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
    }
    .picB ul li a:hover em {
        top: 52px;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
    }
    .news {
        width: 714px;
        height: 292px;
        position: absolute;
        left: 330px;
        top: 296px;
        z-index: 5;
        background-color: #150b07;
        border-top: 1px #40210e solid;
        border-left: 1px #40210e solid;
        border-bottom: 1px #40210e solid;
    }
    .newsTit {
        width: 662px;
        height: 40px;
        float: left;
        margin: 10px 0 0 26px;
    }
    .newsTit ul li {
        width: 72px;
        height: 40px;
        line-height: 40px;
        float: left;
        font-size: 18px;
        text-align: center;
    }
    .newsTit ul li a {
        width: 72px;
        height: 40px;
        float: left;
        text-decoration: none;
        color: #ceb1a1;
    }
    .newsMore {
        width: 19px;
        height: 19px;
        float: right;
        margin: 12px 0 0 0;
        background: url(https://static.web.sdo.com/cq/pic/web4/moreBtn.png)
            no-repeat left top;
    }
    .newsMore a {
        width: 19px;
        height: 19px;
        float: right;
    }
    .news_xian {
        width: 662px;
        height: 2px;
        float: left;
        margin: 0 0 10px 26px;
        border-bottom: 1px #b2b2b2 solid;
        position: relative;
    }
    .news_xian .red {
        width: 72px;
        height: 2px;
        position: absolute;
        left: 0;
        top: 1px;
        background-color: #eb0000;
        transition: all 0.2s ease-in;
    }
    .newsList {
        width: 660px;
        float: left;
        display: none;
        margin: 0 0 0 26px;
    }
    .newsList ul li {
        width: 660px;
        height: 27px;
        float: left;
    }
    .newsList ul li a {
        width: 632px;
        height: 27px;
        float: left;
        font-size: 14px;
        color: #ceb1a1;
        background: url(https://static.web.sdo.com/cq/pic/web4/p17.png) 10px
            10px no-repeat;
        padding-left: 29px;
    }
    .newsList ul li a:hover {
        background-color: #49301d;
    }
    .newsList ul li a em {
        width: 500px;
        float: left;
        line-height: 27px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .newsList ul li a span {
        width: 60px;
        float: right;
        line-height: 27px;
        text-align: right;
        padding-right: 20px;
    }
    .newsList .Red,
    .c_newsList .Red {
        color: #eb5800;
    }
    .newsList .RedStrong,
    .c_newsList .RedStrong {
        color: #eb5800;
        font-weight: bold;
    }
    .newsList .Blue,
    .c_newsList .Blue {
        color: #05bbe9;
    }
    .newsList .BlueStrong,
    .c_newsList .BlueStrong {
        color: #05bbe9;
        font-weight: bold;
    }
    .newsPic {
        width: 179px;
        height: 292px;
        position: absolute;
        left: 863px;
        top: 296px;
        z-index: 5;
        background-color: #150b07;
        border: 1px #40210e solid;
    }
    .newsPic_1 {
        width: 179px;
        height: 146px;
        float: left;
    }
    .newsPic_1 a {
        width: 179px;
        height: 146px;
        float: left;
        position: relative;
        overflow: hidden;
    }
    .newsPic_1 a span {
        width: 179px;
        line-height: 40px;
        float: left;
        font-size: 20px;
        font-weight: bold;
        color: #c09664;
        text-align: center;
        margin-top: 100px;
        z-index: 3;
        position: relative;
    }
    .newsPic_1 a em {
        width: 140px;
        height: 20px;
        line-height: 20px;
        float: left;
        margin: 0 0 0 20px;
        font-size: 9px;
        color: #cc9758;
        background-color: #251508;
        border: 1px #45301b solid;
        text-align: center;
        z-index: 3;
        position: relative;
    }
    .newsPic_1 a i {
        width: 179px;
        height: 147px;
        position: absolute;
        left: 0;
        top: 0;
        transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
    }
    .newsPic_1 a:hover i {
        transform: scale3d(1.1, 1.1, 1);
        -moz-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
    }
    .newsPic_2 {
        width: 179px;
        height: 146px;
        float: left;
    }
    .newsPic_2 a {
        width: 179px;
        height: 146px;
        float: left;
        position: relative;
        overflow: hidden;
    }
    .newsPic_2 a span {
        width: 179px;
        line-height: 40px;
        float: left;
        font-size: 20px;
        font-weight: bold;
        color: #c09664;
        text-align: center;
        margin-top: 100px;
        z-index: 3;
        position: relative;
    }
    .newsPic_2 a em {
        width: 140px;
        height: 20px;
        line-height: 20px;
        float: left;
        margin: 0 0 0 20px;
        font-size: 9px;
        color: #cc9758;
        background-color: #251508;
        border: 1px #45301b solid;
        text-align: center;
        z-index: 3;
        position: relative;
    }
    .newsPic_2 a i {
        width: 179px;
        height: 146px;
        position: absolute;
        left: 0;
        top: 0;
        transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
    }
    .newsPic_2 a:hover i {
        transform: scale3d(1.1, 1.1, 1);
        -moz-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
    }
    .p24 {
        background: url(https://static.web.sdo.com/cq/pic/web4/p24.jpg) left top
            no-repeat;
    }
    .p25 {
        background: url(https://static.web.sdo.com/cq/pic/web4/p25.jpg) left top
            no-repeat;
    }
    .role {
        width: 350px;
        height: 292px;
        position: absolute;
        left: 1054px;
        top: 296px;
        z-index: 5;
        background-color: #150b07;
        border: 1px #40210e solid;
    }
    .oIntro_con {
        width: 350px;
        height: 292px;
        float: left;
        position: relative;
        overflow: hidden;
        background: url(https://static.web.sdo.com/cq/pic/web4/roleBg.jpg)
            no-repeat center 0;
    }
    .page {
        height: 292px;
        display: none;
        position: relative;
    }
    .page.current {
        display: block;
    }
    .page.ani .bg1 {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        -ms-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }
    .page.ani .per {
        opacity: 1;
        -webkit-transition: all 0.3s linear 0.2s;
        -moz-transition: all 0.3s linear 0.2s;
        -ms-transition: all 0.3s linear 0.2s;
        -o-transition: all 0.3s linear 0.2s;
        transition: all 0.3s linear 0.2s;
    }
    .page.ani .tit {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: all 0.3s linear 0.2s;
        -moz-transition: all 0.3s linear 0.2s;
        -ms-transition: all 0.3s linear 0.2s;
        -o-transition: all 0.3s linear 0.2s;
        transition: all 0.3s linear 0.2s;
    }
    .page .bg1 {
        z-index: 5;
        position: absolute;
        top: 0;
        width: 165px;
        height: 292px;
        -webkit-transform: translateX(-165px);
        -moz-transform: translateX(-165px);
        -ms-transform: translateX(-165px);
        -o-transform: translateX(-165px);
        transform: translateX(-165px);
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .page .per {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .page .tit {
        z-index: 3;
        position: absolute;
        top: 0px;
        left: 165px;
        opacity: 0;
        -webkit-transform: translateX(150px);
        -moz-transform: translateX(150px);
        -ms-transform: translateX(150px);
        -o-transform: translateX(150px);
        transform: translateX(150px);
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .page1 .bg1 {
        z-index: 3;
    }
    .page .bg1 .zhiye_a {
        width: 67px;
        height: 67px;
        position: absolute;
        left: 90px;
        top: 23px;
        z-index: 9;
    }
    .page .bg1 .zhiye_a a {
        width: 67px;
        height: 67px;
        float: left;
        background: url(https://static.web.sdo.com/cq/pic/web4/role_movBtn.png)
            no-repeat center top;
    }
    .page .bg1 .zhiye_a a:hover {
    }
    .page .bg1 .zhiye_tit {
        width: 147px;
        height: 41px;
        position: absolute;
        left: 15px;
        top: 100px;
        z-index: 8;
    }
    .zs_tit {
        background: url(https://static.web.sdo.com/cq/pic/web4/zs_tit.png)
            no-repeat center top;
    }
    .fs_tit {
        background: url(https://static.web.sdo.com/cq/pic/web4/fs_tit.png)
            no-repeat center top;
    }
    .ds_tit {
        background: url(https://static.web.sdo.com/cq/pic/web4/ds_tit.png)
            no-repeat center top;
    }
    .ck_tit {
        background: url(https://static.web.sdo.com/cq/pic/web4/ck_tit.png)
            no-repeat center top;
    }
    .archer_tit {
        background: url(https://static.web.sdo.com/cq/pic/web4/archer/img-title-s.png)
            no-repeat center top;
    }
    .lq_tit {
        background: url(https://static.web.sdo.com/cq/pic/newver/2020/lq/title-lq-s.png)
            no-repeat center top;
    }
    .ys_tit {
        width: 156px !important;
        background: url(https://static.web.sdo.com/cq/pic/newver/2024/ys/h/title-s.png)
            no-repeat center top;
    }
    .page .bg1 .zhiye_con {
        width: 144px;
        position: absolute;
        left: 15px;
        top: 150px;
        z-index: 8;
    }
    .page .bg1 .zhiye_con p {
        width: 144px;
        line-height: 22px;
        float: left;
        margin: 0;
        font-size: 12px;
        color: #ac9e90;
    }
    .page .bg1 .zhiye_con p span {
        width: 144px;
        float: left;
        font-size: 12px;
        color: #ac9e90;
        text-align: right;
    }
    .page .bg1 .zhiye_con p em {
        width: 360px;
        line-height: 22px;
        float: left;
        font-size: 12px;
        color: #bc9358;
        padding-left: 35px;
        display: none;
    }
    .page .bg1 .zhiye_con p a {
        width: 85px;
        height: 20px;
        float: right;
        font-size: 12px;
        color: #916e47;
        text-align: center;
        border: 1px #916e47 solid;
        -webkit-border-radius: 70px;
        -moz-border-radius: 70px;
        border-radius: 70px;
    }
    .page1 .per {
        width: 350px;
        height: 292px;
    }
    .page1 .tit {
        width: 188px;
        height: 292px;
        background: url(https://static.web.sdo.com/cq/pic/web4/zs.png) no-repeat
            right bottom;
        z-index: 2;
    }
    .page2 .bg1 {
        z-index: 3;
    }
    .page2 .per {
        width: 350px;
        height: 292px;
    }
    .page2 .tit {
        width: 188px;
        height: 292px;
        background: url(https://static.web.sdo.com/cq/pic/web4/210226/fs-s.png)
            no-repeat right bottom;
        z-index: 2;
    }
    .page3 .bg1 {
        z-index: 3;
    }
    .page3 .per {
        width: 350px;
        height: 292px;
    }
    .page3 .tit {
        width: 188px;
        height: 292px;
        background: url(https://static.web.sdo.com/cq/pic/web4/ds.png) no-repeat
            right bottom;
        z-index: 2;
    }
    .page4 .per {
        width: 350px;
        height: 292px;
    }
    .page4 .tit {
        width: 188px;
        height: 292px;
        background: url(https://static.web.sdo.com/cq/pic/web4/cike.png)
            no-repeat right bottom;
        z-index: 2;
    }
    .page5 .per {
        width: 350px;
        height: 292px;
    }
    .page5 .tit {
        left: 126px;
        width: 225px;
        height: 292px;
        background: url(https://static.web.sdo.com/cq/pic/web4/210226/gs-s.png)
            no-repeat right bottom;
        z-index: 2;
    }
    .page6 .tit {
        left: 51px;
        width: 300px;
        height: 292px;
        background: url(https://static.web.sdo.com/cq/pic/newver/2020/lq/lqSmall.png)
            no-repeat right bottom;
        z-index: 2;
    }
    .page7 .tit {
        left: 0;
        width: 352px;
        height: 292px;
        background: url(https://static.web.sdo.com/cq/pic/newver/2024/ys/h/img-role.png)
            no-repeat right bottom;
        z-index: 2;
    } /*.page-ctrl{position:absolute;bottom:15px;left:15px;width:195px;height:36px;z-index:10; background:url(https://static.web.sdo.com/cq/pic/web4/xian_1.png) center center no-repeat;}
.page-ctrl span{display:block;width:36px;height:36px; float:left; margin:0 0 0 18px;cursor:pointer; position:relative;}
.page-ctrl span:first-child{margin:0;}
.page-ctrl span em{width:36px;height:36px; float:left;}
.page-ctrl span em.zs{background:url(https://static.web.sdo.com/cq/pic/web4/zs_btn.png) center top no-repeat;}
.page-ctrl span em.fs{background:url(https://static.web.sdo.com/cq/pic/web4/fs_btn.png) center top no-repeat;}
.page-ctrl span em.ds{background:url(https://static.web.sdo.com/cq/pic/web4/ds_btn.png) center top no-repeat;}
.page-ctrl span em.ck{background:url(https://static.web.sdo.com/cq/pic/web4/cike_btn.png) center top no-repeat;}
.page-ctrl span.current em.zs{background:url(https://static.web.sdo.com/cq/pic/web4/zs_btnC.png) center top no-repeat;}
.page-ctrl span.current em.fs{background:url(https://static.web.sdo.com/cq/pic/web4/fs_btnC.png) center top no-repeat;}
.page-ctrl span.current em.ds{background:url(https://static.web.sdo.com/cq/pic/web4/ds_btnC.png) center top no-repeat;}
.page-ctrl span.current em.ck{background:url(https://static.web.sdo.com/cq/pic/web4/cike_btnC.png) center top no-repeat;}*/
    .dIntro {
        width: 318px;
        height: 608px;
        position: absolute;
        left: 0;
        top: 598px;
        z-index: 5;
        background-color: #150b03;
        border: 1px #40210e solid;
    } /*彩虹*/
    .ch_help {
        width: 300px;
        height: 35px;
        float: left;
        background: url(https://static.web.sdo.com/cq/pic/web4/ch_help2.png)
            no-repeat left center;
        margin: 22px 0 0 9px;
    }
    .chhelp {
        width: 173px;
        height: 31px;
        float: left;
        padding: 2px 0 2px 122px;
    }
    .search_bar .searchBox input.btn {
        right: 2px !important;
    }
    .dIntro_tit {
        width: 248px;
        height: 39px;
        line-height: 39px;
        float: left;
        margin: 20px 0 0 9px;
        font-size: 20px;
        color: #82623f;
        padding-left: 52px;
        border-bottom: 1px #82623f solid;
    }
    .dIntro_titPic1 {
        background: url(https://static.web.sdo.com/cq/pic/web4/p1.jpg) left top
            no-repeat;
    }
    .dIntro_titPic2 {
        background: url(https://static.web.sdo.com/cq/pic/web4/p2.jpg) left top
            no-repeat;
    }
    .dIntro_titPic3 {
        background: url(https://static.web.sdo.com/cq/pic/web4/p3.jpg) left top
            no-repeat;
    }
    .dIntro_titPic4 {
        background: url(https://static.web.sdo.com/cq/pic/web4/p4.jpg) left top
            no-repeat;
    }
    .dIntro_titPic5 {
        background: url(https://static.web.sdo.com/cq/pic/web4/p5.jpg) left top
            no-repeat;
    }
    .dIntro_con {
        width: 300px;
        height: auto;
        float: left;
        margin: 10px 0 5px 9px;
    }
    .dIntro_con ul li {
        float: left;
        margin: 10px 0 0 0;
    }
    .dIntro_con ul li a {
        min-width: 60px;
        line-height: 14px;
        float: left;
        padding: 0 5px;
        border-left: 1px #ad9384 solid;
        font-size: 14px;
        color: #ad9384;
        text-align: left;
    }
    .dIntro_con ul li a:hover {
        text-decoration: underline;
        color: #ad9384;
    }
    .ztBtn {
        width: 714px;
        height: 381px;
        position: absolute;
        left: 330px;
        top: 827px;
        z-index: 5;
        background-color: #42230e;
    }
    .ztBtn ul li {
        width: 356px;
        height: 94px;
        float: left;
        background: url(https://static.web.sdo.com/cq/pic/web4/230831/ztBtn-conBg.jpg)
            no-repeat left center;
        margin: 1px 0 0 1px;
    }
    .ztBtn ul li a span {
        width: 120px;
        height: 30px;
        line-height: 30px;
        position: absolute;
        left: 30px;
        top: 30px;
        font-size: 21px;
        color: #b19f89;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
        z-index: 3;
    }
    .ztBtn ul li a em {
        width: 120px;
        height: 30px;
        line-height: 20px;
        position: absolute;
        left: 30px;
        top: 60px;
        font-size: 12px;
        color: #bf8d4c;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
        z-index: 3;
    }
    .ztBtn ul li a i {
        width: 44px;
        height: 18px;
        line-height: 18px;
        position: absolute;
        left: 30px;
        top: 100px;
        font-size: 12px;
        color: #916e47;
        border: 1px #916e47 solid;
        text-align: center;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
        z-index: 3;
    }
    .ztBtn ul li a strong {
        position: absolute;
        right: 0;
        top: 0;
        overflow: hidden;
        text-align: center;
        transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
        text-align: right;
    }
    .ztBtn ul li a:hover span {
        top: 20px;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
    }
    .ztBtn ul li a:hover em {
        top: 45px;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
    }
    .ztBtn ul li a:hover i {
        top: 67px;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
    }
    .ztBtn ul li a:hover strong {
        transform: translateX(10px);
        -moz-transform: translateX(10px);
        -o-transform: translateX(10px);
        -webkit-transform: translateX(10px);
        transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
    }
    .imgBtn {
        width: 352px;
        height: 304px;
        position: absolute;
        left: 1054px;
        top: 598px;
        z-index: 5;
        background-color: #40210e;
    }
    .imgBtn ul li {
        float: left;
    }
    .imgBtn ul li a {
        float: left;
        overflow: hidden;
    }
    .imgBtn ul li a.imgBtn1 {
        width: 174px;
        height: 100px;
        float: left;
        margin: 1px 0 0 1px;
        background-color: #311a09;
        position: relative;
    }
    .imgBtn ul li a.imgBtn1 span {
        width: 80px;
        height: 100px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        opacity: 1;
        filter: alpha(opacity=100);
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
    }
    .imgBtn ul li a.imgBtn1 em {
        width: 80px;
        height: 100px;
        line-height: 100px;
        position: absolute;
        left: 94px;
        top: 0;
        z-index: 3;
        font-size: 20px;
        color: #b79c7a;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
    }
    .imgBtn ul li a.imgBtn1:hover span {
        left: -80px;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
    }
    .imgBtn ul li a.imgBtn1:hover em {
        left: 67px;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
    }
    .imgBtn ul li a.imgBtn2 {
        width: 350px;
        height: 100px;
        float: left;
        margin: 1px 0 0 1px;
        background-color: #311a09;
        position: relative;
    }
    .imgBtn ul li a.imgBtn2 span {
        width: 80px;
        height: 100px;
        position: absolute;
        left: 60px;
        top: 0;
        z-index: 3;
        opacity: 1;
        filter: alpha(opacity=100);
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
    }
    .imgBtn ul li a.imgBtn2 em {
        width: 110px;
        height: 100px;
        line-height: 100px;
        position: absolute;
        left: 155px;
        top: 0;
        z-index: 3;
        font-size: 20px;
        color: #b79c7a;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
    }
    .imgBtn ul li a.imgBtn2:hover span {
        left: -80px;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
    }
    .imgBtn ul li a.imgBtn2:hover em {
        left: 125px;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
    }
    .p12 {
        background: url(https://static.web.sdo.com/cq/pic/web4/p12.png) right
            center no-repeat;
    }
    .p13 {
        background: url(https://static.web.sdo.com/cq/pic/web4/p13.png) right
            center no-repeat;
    }
    .p14 {
        background: url(https://static.web.sdo.com/cq/pic/web4/p14.png) right
            center no-repeat;
    }
    .p15 {
        background: url(https://static.web.sdo.com/cq/pic/web4/p15.png) right
            center no-repeat;
    }
    .p16 {
        background: url(https://static.web.sdo.com/cq/pic/web4/p16_1.png) right
            center no-repeat;
    }
    .p17 {
        background: url(https://static.web.sdo.com/cq/pic/web4/p16_2.png) right
            center no-repeat;
    }
    .news2 {
        width: 532px;
        height: 218px;
        position: absolute;
        left: 330px;
        top: 988px;
        z-index: 5;
        background-color: #150b07;
        border-top: 1px #40210e solid;
        border-left: 1px #40210e solid;
        border-bottom: 1px #40210e solid;
    }
    .newsTit2 {
        width: 480px;
        height: 40px;
        float: left;
        margin: 10px 0 0 26px;
    }
    .newsTit2 ul li {
        width: 72px;
        height: 40px;
        line-height: 40px;
        float: left;
        font-size: 18px;
        text-align: center;
    }
    .newsTit2 ul li a {
        width: 72px;
        height: 40px;
        float: left;
        text-decoration: none;
        color: #ceb1a1;
    }
    .newsMore2 {
        width: 19px;
        height: 19px;
        float: right;
        margin: 12px 20px 0 0;
        background: url(https://static.web.sdo.com/cq/pic/web4/moreBtn.png)
            no-repeat left top;
    }
    .newsMore2 a {
        width: 19px;
        height: 19px;
        float: right;
    }
    .news_xian2 {
        width: 480px;
        height: 2px;
        float: left;
        margin: 0 0 10px 26px;
        border-bottom: 1px #b2b2b2 solid;
        position: relative;
    }
    .red2 {
        width: 72px;
        height: 2px;
        position: absolute;
        left: 0;
        top: 1px;
        background-color: #eb0000;
        transition: all 0.2s ease-in;
    }
    .newsList2 {
        width: 480px;
        float: left;
        display: none;
        margin: 0 0 0 26px;
    }
    .newsList2 ul li {
        width: 480px;
        height: 27px;
        float: left;
    }
    .newsList2 ul li a {
        width: 450px;
        height: 27px;
        float: left;
        font-size: 14px;
        color: #ceb1a1;
        background: url(https://static.web.sdo.com/cq/pic/web4/p17.png) 10px
            10px no-repeat;
        padding-left: 29px;
    }
    .newsList2 ul li a:hover {
        background-color: #49301d;
    }
    .newsList2 ul li a em {
        width: 370px;
        float: left;
        line-height: 27px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .newsList2 ul li a span {
        width: 60px;
        float: left;
        line-height: 27px;
        text-align: right;
        padding-right: 20px;
    }
    .newsList2 .Red,
    .c_newsList .Red {
        color: #eb5800;
    }
    .newsList2 .RedStrong,
    .c_newsList .RedStrong {
        color: #eb5800;
        font-weight: bold;
    }
    .newsList2 .Blue,
    .c_newsList .Blue {
        color: #05bbe9;
    }
    .newsList2 .BlueStrong,
    .c_newsList .BlueStrong {
        color: #05bbe9;
        font-weight: bold;
    }
    .newsPic2 {
        width: 179px;
        height: 218px;
        position: absolute;
        left: 863px;
        top: 988px;
        z-index: 5;
        background-color: #130801;
        border: 1px #40210e solid;
    }
    .newsPic2 a {
        width: 179px;
        height: 218px;
        float: left;
        overflow: hidden;
        position: relative;
    }
    .newsPic2 a span {
        width: 179px;
        height: 50px;
        line-height: 50px;
        float: left;
        font-size: 25px;
        font-weight: bold;
        color: #c09664;
        text-align: center;
        margin-top: 150px;
        position: relative;
        z-index: 3;
    }
    .newsPic2 a em {
        width: 110px;
        height: 20px;
        line-height: 20px;
        float: left;
        margin-left: 34px;
        font-size: 14px;
        color: #cc9758;
        text-align: center;
        background-color: #221105;
        border: 1px #47311d solid;
        position: relative;
        z-index: 3;
    }
    .newsPic2 a i {
        width: 179px;
        height: 218px;
        position: absolute;
        left: 0;
        top: 0;
        transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
    }
    .newsPic2 a:hover i {
        transform: scale3d(1.1, 1.1, 1);
        -moz-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
    }
    .cdg_b {
        background: url(https://static.web.sdo.com/cq/pic/web4/230831/cdg_1440.jpg)
            top center no-repeat;
    }
    .share {
        width: 352px;
        height: 296px;
        position: absolute;
        left: 1054px;
        top: 912px;
        z-index: 5;
    }
    .share ul li {
        float: left;
    }
    .wx {
        width: 114px;
        height: 145px;
        float: left;
        margin: 0;
    }
    .wx a {
        width: 112px;
        height: 143px;
        float: left;
        border: 1px #40210e solid;
        background-color: #170a04;
    }
    .wx a:hover {
        background-color: #3c2419;
    }
    .wx a span {
        width: 112px;
        height: 70px;
        float: left;
        margin: 15px 0 0 0;
        background: url(https://static.web.sdo.com/cq/pic/web4/wxPic.png) center
            bottom no-repeat;
    }
    .wx a em {
        width: 112px;
        line-height: 30px;
        float: left;
        font-size: 14px;
        color: #987e71;
        text-align: center;
    }
    .chkf {
        width: 114px;
        height: 145px;
        float: left;
        margin: 6px 0 0 5px;
    }
    .chkf a {
        width: 112px;
        height: 143px;
        float: left;
        border: 1px #40210e solid;
        background-color: #170a04;
    }
    .chkf a:hover {
        background-color: #3c2419;
    }
    .chkf a span {
        width: 112px;
        height: 70px;
        float: left;
        margin: 8px 0 5px 0;
        background: url(https://static.web.sdo.com/cq/pic/web4/190401/ico-chkf.png)
            center bottom no-repeat;
    }
    .chkf a em {
        width: 112px;
        line-height: 30px;
        float: left;
        font-size: 14px;
        color: #987e71;
        text-align: center;
    }
    .sina {
        width: 114px;
        height: 145px;
        float: left;
        margin: 0 0 0 5px;
    }
    .sina a {
        width: 112px;
        height: 143px;
        float: left;
        border: 1px #40210e solid;
        background-color: #170a04;
    }
    .sina a:hover {
        background-color: #3c2419;
    }
    .sina a span {
        width: 112px;
        height: 70px;
        float: left;
        margin: 15px 0 0 0;
        background: url(https://static.web.sdo.com/cq/pic/web4/qywx.png?444)
            center bottom no-repeat;
    }
    .sina a em {
        width: 112px;
        line-height: 30px;
        float: left;
        font-size: 14px;
        color: #987e71;
        text-align: center;
    }
    .bd {
        width: 114px;
        height: 145px;
        float: left;
        margin: 0 0 0 5px;
    }
    .bd a {
        width: 112px;
        height: 143px;
        float: left;
        border: 1px #40210e solid;
        background-color: #170a04;
    }
    .bd a:hover {
        background-color: #3c2419;
    }
    .bd a span {
        width: 112px;
        height: 70px;
        float: left;
        margin: 15px 0 0 0;
        background: url(https://static.web.sdo.com/cq/pic/web4/bdPic.png) center
            bottom no-repeat;
    }
    .bd a em {
        width: 112px;
        line-height: 30px;
        float: left;
        font-size: 14px;
        color: #987e71;
        text-align: center;
    }
    .yy {
        width: 114px;
        height: 145px;
        float: left;
        margin: 6px 0 0 0;
    }
    .yy a {
        width: 112px;
        height: 143px;
        float: left;
        border: 1px #40210e solid;
        background-color: #170a04;
    }
    .yy a:hover {
        background-color: #3c2419;
    }
    .yy a span {
        width: 112px;
        height: 60px;
        float: left;
        margin: 15px 0 10px 0;
        background: url(https://static.web.sdo.com/cq/pic/web4/douyin.png?sss)
            center bottom no-repeat;
    }
    .yy a em {
        width: 112px;
        line-height: 15px;
        float: left;
        font-size: 14px;
        color: #987e71;
        text-align: center;
    }
    .qun {
        width: 114px;
        height: 145px;
        float: left;
        margin: 6px 0 0 5px;
    }
    .qun a {
        width: 112px;
        height: 143px;
        float: left;
        border: 1px #40210e solid;
        background-color: #170a04;
    }
    .qun a:hover {
        background-color: #3c2419;
    }
    .qun a span {
        width: 112px;
        height: 60px;
        float: left;
        margin: 15px 0 10px 0;
        background: url(https://static.web.sdo.com/cq/pic/web4/qunPic.png)
            center bottom no-repeat;
    }
    .qun a em {
        width: 112px;
        line-height: 15px;
        float: left;
        font-size: 14px;
        color: #987e71;
        text-align: center;
    }
    .pic1 {
        width: 320px;
        height: 191px;
        position: absolute;
        left: 0;
        top: 1238px;
        z-index: 5;
        background: url(https://static.web.sdo.com/cq/pic/web4/pic1_bg.jpg) left
            bottom no-repeat;
    }
    .pic1 a {
        width: 320px;
        height: 191px;
        float: left;
        position: relative;
    }
    .pic1 a span {
        width: 135px;
        height: 32px;
        line-height: 32px;
        position: absolute;
        left: 20px;
        top: 95px;
        font-size: 21px;
        font-weight: bold;
        color: #906e44;
        padding-right: 25px;
        background: url(https://static.web.sdo.com/cq/pic/web4/jt.png) right
            center no-repeat;
        z-index: 2;
    }
    .pic1 a em {
        width: 45px;
        height: 18px;
        line-height: 18px;
        position: absolute;
        left: 20px;
        top: 140px;
        font-size: 13px;
        color: #906e44;
        border: 1px #906e44 solid;
        text-align: center;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        z-index: 2;
    }
    .pic1 a strong {
        width: 185px;
        height: 191px;
        position: absolute;
        right: 0;
        bottom: 0;
        background: url(https://static.web.sdo.com/cq/pic/web4/pic1.png) right
            bottom no-repeat;
        z-index: 3;
    }
    .pic1 a i {
        width: 185px;
        height: 191px;
        position: absolute;
        right: 0;
        bottom: 0;
        background: url(https://static.web.sdo.com/cq/pic/web4/pic1.png) right
            bottom no-repeat;
        z-index: 4;
    }
    .pic1 a:hover i {
        animation: x1 1s 0s ease both;
        -moz-animation: x1 1s 0s ease both;
        -webkit-animation: x1 1s 0s ease both;
        -ms-animation: x1 1s 0s ease both;
    }
    .pic2 {
        width: 352px;
        height: 191px;
        position: absolute;
        left: 330px;
        top: 1238px;
        z-index: 5;
        background: url(https://static.web.sdo.com/cq/pic/web4/pic2_bg.jpg) left
            bottom no-repeat;
    }
    .pic2 a {
        width: 352px;
        height: 191px;
        float: left;
        position: relative;
    }
    .pic2 a span {
        width: 135px;
        height: 32px;
        line-height: 32px;
        position: absolute;
        left: 20px;
        top: 95px;
        font-size: 21px;
        font-weight: bold;
        color: #906e44;
        padding-right: 25px;
        background: url(https://static.web.sdo.com/cq/pic/web4/jt.png) right
            center no-repeat;
        z-index: 2;
    }
    .pic2 a em {
        width: 45px;
        height: 18px;
        line-height: 18px;
        position: absolute;
        left: 20px;
        top: 140px;
        font-size: 13px;
        color: #906e44;
        border: 1px #906e44 solid;
        text-align: center;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        z-index: 2;
    }
    .pic2 a strong {
        width: 185px;
        height: 191px;
        position: absolute;
        right: 0;
        bottom: 0;
        background: url(https://static.web.sdo.com/cq/pic/web4/pic2.png) right
            bottom no-repeat;
        z-index: 3;
    }
    .pic2 a i {
        width: 185px;
        height: 191px;
        position: absolute;
        right: 0;
        bottom: 0;
        background: url(https://static.web.sdo.com/cq/pic/web4/pic2.png) right
            bottom no-repeat;
        z-index: 4;
    }
    .pic2 a:hover i {
        animation: x1 1s 0s ease both;
        -moz-animation: x1 1s 0s ease both;
        -webkit-animation: x1 1s 0s ease both;
        -ms-animation: x1 1s 0s ease both;
    }
    .pic3 {
        width: 352px;
        height: 191px;
        position: absolute;
        left: 692px;
        top: 1238px;
        z-index: 5;
        background: url(https://static.web.sdo.com/cq/pic/web4/pic3_bg.jpg) left
            bottom no-repeat;
    }
    .pic3 a {
        width: 352px;
        height: 191px;
        float: left;
        position: relative;
    }
    .pic3 a span {
        width: 135px;
        height: 32px;
        line-height: 32px;
        position: absolute;
        left: 20px;
        top: 95px;
        font-size: 21px;
        font-weight: bold;
        color: #906e44;
        padding-right: 25px;
        background: url(https://static.web.sdo.com/cq/pic/web4/jt.png) right
            center no-repeat;
        z-index: 2;
    }
    .pic3 a em {
        width: 45px;
        height: 18px;
        line-height: 18px;
        position: absolute;
        left: 20px;
        top: 140px;
        font-size: 13px;
        color: #906e44;
        border: 1px #906e44 solid;
        text-align: center;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        z-index: 2;
    }
    .pic3 a strong {
        width: 185px;
        height: 191px;
        position: absolute;
        right: 0;
        bottom: 0;
        background: url(https://static.web.sdo.com/cq/pic/web4/pic3.png) right
            bottom no-repeat;
        z-index: 3;
    }
    .pic3 a i {
        width: 185px;
        height: 191px;
        position: absolute;
        right: 0;
        bottom: 0;
        background: url(https://static.web.sdo.com/cq/pic/web4/pic3.png) right
            bottom no-repeat;
        z-index: 4;
    }
    .pic3 a:hover i {
        animation: x1 1s 0s ease both;
        -moz-animation: x1 1s 0s ease both;
        -webkit-animation: x1 1s 0s ease both;
        -ms-animation: x1 1s 0s ease both;
    }
    .pic4 {
        width: 352px;
        height: 191px;
        position: absolute;
        left: 1054px;
        top: 1238px;
        z-index: 5;
        background: url(https://static.web.sdo.com/cq/pic/web4/pic4_bg.jpg) left
            bottom no-repeat;
    }
    .pic4 a {
        width: 352px;
        height: 191px;
        float: left;
        position: relative;
    }
    .pic4 a span {
        width: 135px;
        height: 32px;
        line-height: 32px;
        position: absolute;
        left: 20px;
        top: 95px;
        font-size: 21px;
        font-weight: bold;
        color: #906e44;
        padding-right: 25px;
        background: url(https://static.web.sdo.com/cq/pic/web4/jt.png) right
            center no-repeat;
        z-index: 2;
    }
    .pic4 a em {
        width: 45px;
        height: 18px;
        line-height: 18px;
        position: absolute;
        left: 20px;
        top: 140px;
        font-size: 13px;
        color: #906e44;
        border: 1px #906e44 solid;
        text-align: center;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        z-index: 2;
    }
    .pic4 a strong {
        width: 185px;
        height: 191px;
        position: absolute;
        right: 0;
        bottom: 0;
        background: url(https://static.web.sdo.com/cq/pic/web4/pic4.png) right
            bottom no-repeat;
        z-index: 3;
    }
    .pic4 a i {
        width: 185px;
        height: 191px;
        position: absolute;
        right: 0;
        bottom: 0;
        background: url(https://static.web.sdo.com/cq/pic/web4/pic4.png) right
            bottom no-repeat;
        z-index: 4;
    }
    .pic4 a:hover i {
        animation: x1 1s 0s ease both;
        -moz-animation: x1 1s 0s ease both;
        -webkit-animation: x1 1s 0s ease both;
        -ms-animation: x1 1s 0s ease both;
    }
    @keyframes x1 {
        0% {
            opacity: 1;
            filter: alpha(opacity=100);
            transform: scale3d(1, 1, 1);
            -moz-transform: scale3d(1, 1, 1);
            -ms-transform: scale3d(1, 1, 1);
            -webkit-transform: scale3d(1, 1, 1);
        }
        100% {
            opacity: 0;
            filter: alpha(opacity=0);
            transform: scale3d(1.5, 1.5, 1);
            -moz-transform: scale3d(1.5, 1.5, 1);
            -ms-transform: scale3d(1.5, 1.5, 1);
            -webkit-transform: scale3d(1.5, 1.5, 1);
        }
    }
    @-moz-keyframes x1 {
        0% {
            opacity: 1;
            filter: alpha(opacity=100);
            transform: scale3d(1, 1, 1);
            -moz-transform: scale3d(1, 1, 1);
            -ms-transform: scale3d(1, 1, 1);
            -webkit-transform: scale3d(1, 1, 1);
        }
        100% {
            opacity: 0;
            filter: alpha(opacity=0);
            transform: scale3d(1.5, 1.5, 1);
            -moz-transform: scale3d(1.5, 1.5, 1);
            -ms-transform: scale3d(1.5, 1.5, 1);
            -webkit-transform: scale3d(1.5, 1.5, 1);
        }
    }
    @-webkit-keyframes x1 {
        0% {
            opacity: 1;
            filter: alpha(opacity=100);
            transform: scale3d(1, 1, 1);
            -moz-transform: scale3d(1, 1, 1);
            -ms-transform: scale3d(1, 1, 1);
            -webkit-transform: scale3d(1, 1, 1);
        }
        100% {
            opacity: 0;
            filter: alpha(opacity=0);
            transform: scale3d(1.5, 1.5, 1);
            -moz-transform: scale3d(1.5, 1.5, 1);
            -ms-transform: scale3d(1.5, 1.5, 1);
            -webkit-transform: scale3d(1.5, 1.5, 1);
        }
    }
    @-ms-keyframes x1 {
        0% {
            opacity: 1;
            filter: alpha(opacity=100);
            transform: scale3d(1, 1, 1);
            -moz-transform: scale3d(1, 1, 1);
            -ms-transform: scale3d(1, 1, 1);
            -webkit-transform: scale3d(1, 1, 1);
        }
        100% {
            opacity: 0;
            filter: alpha(opacity=0);
            transform: scale3d(1.5, 1.5, 1);
            -moz-transform: scale3d(1.5, 1.5, 1);
            -ms-transform: scale3d(1.5, 1.5, 1);
            -webkit-transform: scale3d(1.5, 1.5, 1);
        }
    } /*防沉迷 按钮*/
    .fcm {
        width: 1406px;
        height: 76px;
        position: absolute;
        left: 0;
        top: 1439px;
        z-index: 5;
    }
    .fcm_kf {
        width: 318px;
        height: 74px;
        float: left;
        border: 1px #3c230d solid;
        z-index: 5;
    }
    .fcm_kf span {
        width: 85px;
        height: 74px;
        float: left;
        background: url(https://static.web.sdo.com/cq/pic/web4/fcm_kf.png) right
            center no-repeat;
    }
    .fcm_kf em {
        width: 213px;
        height: 64px;
        line-height: 20px;
        float: left;
        font-size: 13px;
        color: #805832;
        padding: 8px 0 0 18px;
    }
    .fcm_btn {
        width: 169px;
        height: 74px;
        float: left;
        border: 1px #3c230d solid;
        margin: 0 0 0 10px;
    }
    .fcm_btn a {
        width: 169px;
        height: 74px;
        float: left;
    }
    .fcm_btn a span {
        width: 169px;
        height: 40px;
        float: left;
    }
    .fcm_btn a em {
        width: 169px;
        height: 30px;
        line-height: 30px;
        float: left;
        font-size: 13px;
        color: #876041;
        text-align: center;
    }
    .fcm_btn a:hover {
        background-color: #1b0b02;
    }
    .fcm_btn1 {
        background: url(https://static.web.sdo.com/cq/pic/web4/fcm_p1.png)
            center 15px no-repeat;
    }
    .fcm_btn2 {
        background: url(https://static.web.sdo.com/cq/pic/web4/fcm_p2.png)
            center 17px no-repeat;
    }
    .fcm_btn3 {
        background: url(https://static.web.sdo.com/cq/pic/web4/fcm_p3.png)
            center 13px no-repeat;
    }
    .fcm_btn4 {
        background: url(https://static.web.sdo.com/cq/pic/web4/fcm_p4.png)
            center 18px no-repeat;
    }
    .fcm_btn5 {
        background: url(https://static.web.sdo.com/cq/pic/web4/fcm_p5.png)
            center 16px no-repeat;
    }
    .fcm_btn6 {
        background: url(https://static.web.sdo.com/cq/pic/web4/fcm_p6.png)
            center 19px no-repeat;
    } /*防沉迷 文字*/
    .fcm_word {
        width: 1406px;
        height: 14px;
        position: absolute;
        left: 0;
        top: 1515px;
        padding: 30px 0;
        font-size: 12px;
        color: #554f49;
        text-align: center;
    }
    .fcm_word span {
        color: #087f30;
    } /*内页*/ /*.nWrapper{width:1280px; min-height:1130px;margin:0 auto;padding:0 80px;position:relative;background:url(https://static.web.sdo.com/cq/pic/web4/wrap_bg_1440.jpg) center top no-repeat;}
.n_main{width:1280px;min-height:1130px; float:left; position:relative; margin:570px 0 30px 0; background-color:#fff;}
.nRight{width:950px;min-height:1130px; float:left;}*/
}
.bdshare-button-style0-16 a,
.bdshare-button-style0-16 .bds_more {
    margin: 8px 6px 8px 0 !important;
}
.btn-cadpa {
    display: block;
    position: absolute;
    top: 477px;
    left: 50%;
    width: 105px;
    height: 137px;
    margin-left: -706px;
    background: url("https://static.web.sdo.com/cq/pic/web4/guide/btn-cadpa.png")
        no-repeat;
}
.btn-topic {
    display: block;
    position: absolute;
    left: 50%;
    top: 250px;
    width: 33px;
    height: 96px;
    margin-left: 540px;
    background: url("https://static.web.sdo.com/cq/pic/web4/0308/guide/btn-ys.png")
        no-repeat;
}
@-webkit-keyframes Bigger {
    from {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
    }

    to {
        -webkit-transform: scale(1.12);
        transform: scale(1.12);
    }
}

@-moz-keyframes Bigger {
    from {
        -moz-transform: scale(0.98);
        transform: scale(0.98);
    }

    to {
        -moz-transform: scale(1.12);
        transform: scale(1.12);
    }
}

@-o-keyframes Bigger {
    from {
        -o-transform: scale(0.98);
        transform: scale(0.98);
    }

    to {
        -o-transform: scale(1.12);
        transform: scale(1.12);
    }
}

@keyframes Bigger {
    from {
        -webkit-transform: scale(0.98);
        -moz-transform: scale(0.98);
        -o-transform: scale(0.98);
        transform: scale(0.98);
    }

    to {
        -webkit-transform: scale(1.12);
        -moz-transform: scale(1.12);
        -o-transform: scale(1.12);
        transform: scale(1.12);
    }
}
.btn-video {
    background: url("https://static.web.sdo.com/cqyh/pic/act/2025/0225_Baidu/video-btn.png");
    position: absolute;
    left: 50%;
    top: 256px;
    z-index: 6;
    width: 97px;
    height: 101px;
    margin-left: -350px;
    cursor: pointer;
    display: none;
    -webkit-animation: Bigger 0.4s ease-in-out infinite alternate;
    -moz-animation: Bigger 0.4s ease-in-out infinite alternate;
    -o-animation: Bigger 0.4s ease-in-out infinite alternate;
    animation: Bigger 0.4s ease-in-out infinite alternate;
}
.contact-box {
    padding: 30px 26px;
    font-size: 14px;
    line-height: 2;
    float: left;
    width: 676px;
    border-top: 1px dashed #010101;
    border-bottom: 1px dashed #010101;
}
.contact-box a {
    color: blue;
    text-decoration: underline;
}
.contact-box .code-list {
    display: flex;
    justify-content: center;
    padding-top: 20px;
}
.contact-box .code-list li {
    margin: 0px 10px;
    text-align: center;
}
.contact-box .code-list li img {
    border: 1px solid #010101;
    width: 140px;
    height: 140px;
}