html,
body,
ul {
    margin: 0;
    padding: 0;
}
body {
    font-family: "Microsoft YaHei", Helvetica, Georgia, Arial, sans-serif;
    overflow: hidden;
    background: #000;
}
ol,
ul,
li {
    list-style: none;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:actived {
    text-decoration: none;
}
img {
    vertical-align: top;
    border: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}
i,
em {
    font-style: normal;
}
#wrap {
    height: 2700px;
    width: 1920px;
    margin: 0 auto;
    width: 100%;
}
.logo {
    width: 220px;
    height: 102px;
    position: absolute;
    left: 0px;
    top: 10px;
    z-index: 2;
}
.logo img {
    width: 220px;
}
.scene1 {
    background: url(https://static.web.sdo.com/cqyh/pic/act/2025/0811_NewArea/cqIntro/1.jpg)
        no-repeat;
    width: 1920px;
    height: 934px;
    position: fixed;
    overflow: hidden;
}
.s1_top {
    width: 1000px;
    height: 934px;
    margin: 0 auto;
}
/*.scene1 .bg{margin: auto; bottom: 0; top: 0; left: 0; right: 0; position: absolute;}
.scene1 img{width: 100%;}*/
.scene1 .title {
    background-image: url(https://static.web.sdo.com/cqyh/pic/act/2025/0811_NewArea/title.png?v=2025-08-12-18-38-52-033);
    width: 891px;
    height: 352px;
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -445px;
}
.scene1 .jian {
    width: 40px;
    height: 88px;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/s1_jian1.png)
        no-repeat;
    position: absolute;
    top: 20%;
    left: 943.5px;
    animation: x1 1s infinite;
    -webkit-animation: x1 1s infinite;
    -moz-animation: x1 1s infinite;
    -o-animation: x1 1s infinite;
}
@keyframes x1 {
    0%,
    100% {
        transform: translate(0, 0px);
    }
    25% {
        transform: translate(0, -4px);
    }
    75% {
        transform: translate(0, -8px);
    }
}
@-webkit-keyframes x1 {
    0%,
    100% {
        -webkit-transform: translate(0, 0px);
    }
    25% {
        -webkit-transform: translate(0, -8px);
    }
    75% {
        -webkit-transform: translate(0, -16px);
    }
}
@-moz-keyframes x1 {
    0%,
    100% {
        -moz-transform: translate(0, 0px);
    }
    25% {
        -moz-transform: translate(0, -8px);
    }
    75% {
        -moz-transform: translate(0, -16px);
    }
}
@-o-keyframes x1 {
    0%,
    100% {
        -o-transform: translate(0, 0px);
    }
    25% {
        -o-transform: translate(0, -8px);
    }
    75% {
        -o-transform: translate(0, -16px);
    }
}
.scene2 .s1_txt1 {
    position: absolute;
    width: 436px;
    height: 300px;
    top: 300px;
    background: url(https://static.web.sdo.com/cqyh/pic/act/2025/0811_NewArea/cqIntro/title-map.png)
        center top no-repeat;
}
.scene2 .s1_txt1 p {
    width: 100%;
    line-height: 32px;
    float: left;
    font-size: 16px;
    color: #f5f1dc;
}
.scene2 .s5_map1 {
    position: absolute;
    width: 441px;
    min-height: 475px;
    top: 225px;
    text-align: center;
}
.s9_mapBtn {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
}
.s9_mapBtn li {
    width: 94px;
    height: 43px;
    margin: 15px 0 0 15px;
    cursor: pointer;
}
.s9_mapBtn li div {
    width: 100%;
    height: 100%;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border: 2px solid #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.s9_mapBtn li.on5 div {
    background-color: #fff;
    color: #030202;
}
.s5_map1 .sa {
    width: 441px;
    height: 415px;
    float: left;
    display: none;
}
.s5_map1 .sa span {
    width: 100%;
    height: 365px;
    float: left;
}
.s5_map1 .sa a {
    width: 110px;
    height: 50px;
    float: left;
    line-height: 50px;
    font-size: 22px;
    color: #dac679;
    text-decoration: none;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/s1_tanBtn.png)
        left center no-repeat;
    padding-left: 40px;
    margin-left: 150px;
}
.s5_map1 .sa a:hover {
    color: #a5acba;
    text-decoration: none;
}
.scene3 .picAll {
    width: 990px;
    height: 430px;
    position: absolute;
    top: 50px;
}
.picTit {
    width: 160px;
    height: 45px;
    line-height: 42px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/s16/ico-arrow.png)
        140px 15px no-repeat #253410;
    font-size: 22px;
    color: #f2ead9;
    padding-left: 30px;
}
.picCon {
    width: 990px;
    height: 355px;
    float: left;
    margin: 30px 0;
    overflow: hidden;
}
.pc1 {
    width: 390px;
    height: 355px;
    float: right;
    margin-left: 6px;
    overflow: hidden;
}
.pc1 a {
    width: 390px;
    height: 355px;
    float: left;
    position: relative;
}
.bgimg1 {
    width: 390px;
    height: 355px;
    float: left;
    transform: scale(1);
    transition: all 0.6s ease-in;
    background: url(https://static.web.sdo.com/cqyh/pic/act/2025/0811_NewArea/cqIntro/390-355-2.jpg)
        center top no-repeat;
}
.bgimg2 {
    width: 594px;
    height: 171px;
    float: left;
    transform: scale(1);
    transition: all 0.6s ease-in;
    background: url(https://static.web.sdo.com/cqyh/pic/act/2025/0811_NewArea/cqIntro/594-171-3.jpg)
        center top no-repeat;
}
.bgimg3 {
    width: 289px;
    height: 178px;
    float: left;
    transform: scale(1);
    transition: all 0.6s ease-in;
    background: url(https://static.web.sdo.com/cqyh/pic/act/2025/0811_NewArea/cqIntro/299-178-1.jpg)
        center top no-repeat;
}
.bgimg4 {
    width: 299px;
    height: 178px;
    float: left;
    transform: scale(1);
    transition: all 0.6s ease-in;
    background: url(https://static.web.sdo.com/cqyh/pic/act/2025/0811_NewArea/cqIntro/289-178-0.jpg)
        center top no-repeat;
}
.pc1 a:hover .bgimg1 {
    width: 390px;
    height: 355px;
    float: left;
    transform: scale(1.1);
    transition: all 0.6s ease-in;
}
.pc2 a:hover .bgimg2 {
    width: 594px;
    height: 171px;
    float: left;
    transform: scale(1.1);
    transition: all 0.6s ease-in;
}
.pc3 a:hover .bgimg3 {
    width: 289px;
    height: 178px;
    float: left;
    transform: scale(1.1);
    transition: all 0.6s ease-in;
}
.pc4 a:hover .bgimg4 {
    width: 299px;
    height: 178px;
    float: left;
    transform: scale(1.1);
    transition: all 0.6s ease-in;
}
.pc1 a:hover .pc1_con {
    height: 100px;
}
.pc2 a:hover .pc2_con {
    height: 100px;
}
.pc3 a:hover .pc3_con {
    height: 100px;
}
.pc4 a:hover .pc4_con {
    height: 100px;
}
.xian1 {
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    transition: all 0.6s ease-in;
    background-color: #fff;
}
.pc1 a:hover .xian1 {
    width: 390px;
}
.xian2 {
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    transition: all 0.6s ease-in;
    background-color: #fff;
}
.pc2 a:hover .xian2 {
    width: 594px;
}
.xian3 {
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    transition: all 0.6s ease-in;
    background-color: #fff;
}
.pc3 a:hover .xian3 {
    width: 289px;
}
.xian4 {
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
    transition: all 0.6s ease-in;
    background-color: #fff;
}
.pc4 a:hover .xian4 {
    width: 299px;
}
.pc1_con {
    width: 390px;
    height: 58px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    cursor: pointer;
    transition: all 0.3s ease-in;
    overflow: hidden;
}
.pc1_con span {
    width: 370px;
    height: 48px;
    line-height: 20px;
    float: left;
    font-size: 20px;
    color: #fff;
    padding: 10px 0 0 20px;
}
.pc1_con span i {
    font-size: 12px;
}
.pc1_con em {
    width: 390px;
    height: 42px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/s1_tt.png)
        repeat;
}
.pc1_con em i {
    width: 390px;
    height: 42px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/s1_fdj.png)
        360px center no-repeat;
}
.pc2_con {
    width: 594px;
    height: 58px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    cursor: pointer;
    transition: all 0.3s ease-in;
    overflow: hidden;
}
.pc2_con span {
    width: 574px;
    height: 48px;
    line-height: 20px;
    float: left;
    font-size: 20px;
    color: #fff;
    padding: 10px 0 0 20px;
}
.pc2_con span i {
    font-size: 12px;
}
.pc2_con em {
    width: 594px;
    height: 42px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/s1_tt.png)
        repeat;
}
.pc2_con em i {
    width: 594px;
    height: 42px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/s1_fdj.png)
        564px center no-repeat;
}
.pc3_con {
    width: 289px;
    height: 58px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    cursor: pointer;
    transition: all 0.3s ease-in;
    overflow: hidden;
}
.pc3_con span {
    width: 269px;
    height: 48px;
    line-height: 20px;
    float: left;
    font-size: 20px;
    color: #fff;
    padding: 10px 0 0 20px;
}
.pc3_con span i {
    font-size: 12px;
}
.pc3_con em {
    width: 289px;
    height: 42px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/s1_tt.png)
        repeat;
}
.pc3_con em i {
    width: 289px;
    height: 42px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/s1_fdj.png)
        259px center no-repeat;
}
.pc4_con {
    width: 299px;
    height: 58px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    cursor: pointer;
    transition: all 0.3s ease-in;
    overflow: hidden;
}
.pc4_con span {
    width: 279px;
    height: 48px;
    line-height: 20px;
    float: left;
    font-size: 20px;
    color: #fff;
    padding: 10px 0 0 20px;
}
.pc4_con span i {
    font-size: 12px;
}
.pc4_con em {
    width: 299px;
    height: 42px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/s1_tt.png)
        repeat;
}
.pc4_con em i {
    width: 299px;
    height: 42px;
    float: left;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/s1_fdj.png)
        269px center no-repeat;
}
.pc2 {
    width: 594px;
    height: 171px;
    float: right;
    overflow: hidden;
}
.pc2 a {
    width: 594px;
    height: 171px;
    float: left;
    position: relative;
}
.pc3 {
    width: 289px;
    height: 178px;
    float: right;
    margin: 0 0 6px 6px;
    overflow: hidden;
}
.pc3 a {
    width: 289px;
    height: 178px;
    float: left;
    position: relative;
}
.pc4 {
    width: 299px;
    height: 178px;
    float: right;
    overflow: hidden;
    margin: 0 0 6px 0;
}
.pc4 a {
    width: 299px;
    height: 178px;
    float: left;
    position: relative;
}
.mstPic {
    width: 990px;
    height: 153px;
    float: left;
    margin-top: 30px;
}
.mstPic ul {
    width: 990px;
    height: 153px;
    float: left;
    margin: 0;
    padding: 0;
}
.mstPic ul li {
    position: relative;
    width: 145px;
    height: 153px;
    float: left;
    margin-right: 10px;
}
.mstPic ul li img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.moreBtn {
    width: 185px;
    height: 26px;
    line-height: 25px;
    float: left;
    font-size: 24px;
    font-weight: bold;
    color: #253410;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/cyqd/inner/btn-more.png)
        right center no-repeat;
    margin: 11px 0 0 390px;
}
/*弹窗*/
.windiv {
    width: 1920px;
    height: 582px;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/tanBg4.jpg)
        center top no-repeat;
}
.condl {
    width: 1112px;
    height: 582px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
.divcon {
    width: 842px;
    height: 552px;
    margin: 15px auto;
}
.divcon img {
    width: 668px;
    height: 552px;
    margin-left: 87px;
    display: block;
}
.windiv2 {
    width: 1920px;
    height: 561px;
}
.condl2 {
    width: 1150px;
    height: 561px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
.divcon2 {
    width: 990px;
    height: 500px;
    margin: 61px auto 0 auto;
}
.tLeftB {
    width: 57px;
    height: 114px;
    position: absolute;
    top: 240px;
    left: 60px;
    z-index: 100;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/leftB.png)
        center top no-repeat;
}
.tRightB {
    width: 57px;
    height: 114px;
    position: absolute;
    top: 240px;
    right: 60px;
    z-index: 100;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/rightB.png)
        center top no-repeat;
}
.tCloseB {
    width: 62px;
    height: 62px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/close.jpg)
        center top no-repeat;
}
.tLeftB2 {
    width: 57px;
    height: 114px;
    position: absolute;
    top: 245px;
    left: 0px;
    z-index: 100;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/leftB2.png)
        center top no-repeat;
}
.tRightB2 {
    width: 57px;
    height: 114px;
    position: absolute;
    top: 245px;
    right: 0px;
    z-index: 100;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/rightB2.png)
        center top no-repeat;
}
.tCloseB2 {
    width: 61px;
    height: 61px;
    position: absolute;
    top: 0;
    right: 80px;
    z-index: 100;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/close2.jpg)
        center top no-repeat;
}
.scene2 {
    background: url(https://static.web.sdo.com/cqyh/pic/act/2025/0811_NewArea/cqIntro/2.jpg)
        no-repeat;
    position: fixed;
    overflow: hidden;
    width: 1920px;
    height: 900px;
}
.scene3 {
    background: url(https://static.web.sdo.com/cqyh/pic/act/2025/0811_NewArea/cqIntro/3.jpg)
        no-repeat;
    position: fixed;
    overflow: hidden;
    width: 1920px;
    height: 1400px;
}
.bm {
    width: 1920px;
    height: 134px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    bottom: 0px;
    z-index: 9;
}
.h_10 {
    width: 100%;
    height: 10px;
    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_80 {
    width: 100%;
    height: 80px;
    float: left;
}
.h_90 {
    width: 100%;
    height: 80px;
    float: left;
}
.h_100 {
    width: 100%;
    height: 100px;
    float: left;
}
.sy_btn {
    width: 82px;
    height: 59px;
    position: absolute;
    right: 0;
    top: -60px;
    font-size: 18px;
    font-weight: bold;
    color: #a4310e;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/sy_btn.png)
        no-repeat right top;
}
.sy_btn a {
    width: 82px;
    height: 38px;
    line-height: 38px;
    float: left;
    color: #a4b4b9;
    text-decoration: none;
}
.sy_btn a:hover {
    width: 82px;
    height: 38px;
    float: left;
    color: #a4b4b9;
    text-decoration: none;
}
.nav {
    position: fixed;
    top: 50%;
    margin-top: -236px;
    width: 82px;
    height: 160px;
    z-index: 10;
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/float_bg.png)
        no-repeat left top;
    right: 0px;
}
.nav .btn_up {
    width: 82px;
    height: 38px;
    position: absolute;
    top: 9px;
}
.nav .btn_up:hover {
    cursor: pointer;
}
.nav .btn1 {
    width: 82px;
    height: 38px;
    background: url() no-repeat;
    position: absolute;
    top: 0px;
}
.nav .btn1:hover {
    cursor: pointer;
}
.nav .btn1.current {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/float_btn1.png)
        no-repeat;
}
.nav .btn2 {
    width: 82px;
    height: 38px;
    position: absolute;
    top: 61px;
}
.nav .btn2:hover {
    cursor: pointer;
}
.nav .btn2.current {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/float_btn2.png)
        no-repeat;
}
.nav .btn3 {
    width: 82px;
    height: 38px;
    position: absolute;
    top: 122px;
}
.nav .btn3:hover {
    cursor: pointer;
}
.nav .btn3.current {
    background: url(https://static.web.sdo.com/cq/pic/act/2015/CqIntro/mafaWorld/float_btn3.png)
        no-repeat;
}
.nav .btn_down {
    width: 127px;
    height: 19px;
    background-position: -125px -445px;
    position: absolute;
    top: 445px;
}
.nav .btn_down:hover {
    cursor: pointer;
}