html body {
    background: #3b3b3b;
    width: 100%;
    min-width: 1200px
}

#loading {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    z-index: 20;
    font-size: 18px;
    color: #cfd1cc;
    z-index: 101
}

#loading .box {
    width: 100%;
    height: 1px;
    background: #414141;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

#loading .box span {
    height: 1px;
    background: #c4c4c4;
    position: relative;
    top: 0;
    left: 0;
    display: block
}

#loading .box p {
    font-size: 16px;
    line-height: 30px;
    color: silver;
    text-align: center
}

.wrapper {
    width: 100%;
    min-width: 1200px;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 40px
}

.wrapper .bg {
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0
}

.wrapper .bg div {
    width: 100%;
    display: none
}

/* .wrapper .bg .bg_1 {
    background: url("../images/bg_head.jpg") no-repeat 50% 0, url("../images/bg1_01.jpg") no-repeat 50% 1020px, url("../images/bg1_02.jpg") no-repeat 50% 2953px, url("../images/bg1_03.jpg") no-repeat 50% 4887px, url("../images/bg1_04.jpg") no-repeat 50% 6687px
} */

.wrapper .bg .bg_2 {
    background: url("../images/bg_head.jpg") no-repeat 50% 0, url("../images/bg2_01.jpg") no-repeat 50% 1200px, url("../images/bg2_02.jpg") no-repeat 50% 9655px
}

.wrapper .bg .bg_1 {
    display: block;
    height: 18110px
}

.wrapper .bg .bg_2 {
    display: block;
    height: 18110px
}

.wrapper .bg.on .bg_0 {
    display: block
}

.wrapper .bg.on .bg_1 {
    display: block
}

.wrapper .bg.on .bg_2 {
    display: block
}

.wrapper .main {
    position: relative;
    z-index: 2;
    height: 18110px;
}

/* .wrapper .main.on {
    height: 7630px
} */

.wrapper .main .d-con {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    height: 100%;
    box-sizing: border-box;
    padding-top: 0px
}

.wrapper .main .logo {
    width: 220px;
    height: 90px;
    position: absolute;
    top: 30px;
    z-index: 99999;
    left: calc(50% - 1200px/2);
    background: url(../images/logo.png) no-repeat;
    filter: drop-shadow(0px 0px 6px #000);
}

.btn-ba1 {display: block; background: url(../images/nav.png) no-repeat; width: 425px; height: 76px; position: absolute; top: 1100px; left: calc(50% - 780px/2); z-index: 16; text-indent: -9999em;}
.btn-ba2 {display: block; background: url(../images/nav.png) no-repeat -425px 0; width: 425px; height: 76px; position: absolute; top: 1100px; left: calc(50% - -20px/2); z-index: 16; text-indent: -9999em;}
/* .btn-ba1:hover {background-position: 0 -76px;} */
/* .btn-ba2:hover {background-position: -425px -76px;} */
.btn-ba1:hover,.btn-ba2:hover {filter: brightness(1.2);}
.wrapper .main .d-con .conHead {
    height: 1020px;
    z-index: 18;
}

.wrapper .main .d-con .conHead #pp {
    width: 1920px;
    height: 1080px;
    left: calc(50% - 1920px/2);
    z-index: 2;
    pointer-events: none
}

.wrapper .main .conHead .slogan {
    background: url(../images/slogan.png) no-repeat;
    width: 1125px;
    height: 381px;
    left: calc(50% - 1060px/2);
    top: 690px;
    z-index: 15;
}

.wrapper .main .d-con .conHead .btnCon {
    width: 510px;
    height: 59px;
    top: 900px;
    left: calc(50% - 510px/2);
    z-index: 16;
}

.wrapper .main .d-con .conHead .btnCon a {
    display: block;
    height: 59px;
    width: 235px;
    background: url(../images/navs.png) no-repeat;
    text-indent: -999em;
    float: left;
    margin: 0 10px;
}

.wrapper .main .d-con .conHead .btnCon a:nth-child(1) {
    background-position: 0px 0
}

.wrapper .main .d-con .conHead .btnCon a:nth-child(2) {
    background-position: -235px 0
}

.wrapper .main .d-con .conHead .btnCon a:nth-child(1).on,.wrapper .main .d-con .conHead .btnCon a:nth-child(1):hover {
    background-position: 0px -59px
}

.wrapper .main .d-con .conHead .btnCon a:nth-child(2).on,.wrapper .main .d-con .conHead .btnCon a:nth-child(2):hover {
    background-position: -235px -59px
}

/* .wrapper .main .d-con .pCon2 {
    display: none
} */

.wrapper .main .d-con .pCon2 div {
    width: 100%;
    box-sizing: border-box
}

.wrapper .main .d-con .pCon2 .con1 {
    height: 2085px;
    margin-bottom: 78px;
    padding-top: 637px;
}

.wrapper .main .d-con .pCon2 .con1 .xBtn {
    display: block;
    width: 315px;
    height: 85px;
    left: calc(50% + 80px / 2);
    text-indent: -999em;
    top: 315px;
}

.wrapper .main .d-con .pCon2 .con1 .xdCon {
    margin: 454px auto 0 auto;
    width: 1047px;
    height: 584px;
}

.wrapper .main .d-con .pCon2 .con1 .xdCon ul,.wrapper .main .d-con .pCon2 .con1 .xdCon li {
    width: 1047px;
    height: 584px;
    border: 2px solid #c2e2f2;
}

.wrapper .main .d-con .pCon2 .con1 .xdCon img {
    width: 100%;
    height: 100%
}

.wrapper .main .d-con .pCon2 .con1 .xdCon .nextBtn,.wrapper .main .d-con .pCon2 .con1 .xdCon .prevBtn {
    display: block;
    width: 80px;
    height: 100px;
    background: url(../images/arrow-1.png) no-repeat 0 0;
    position: absolute;
    top: 245px;
    z-index: 2;
    text-indent: -999em
}

.wrapper .main .d-con .pCon2 .con1 .xdCon .prevBtn {
    background-position: 0 0;
    left: -85px
}

.wrapper .main .d-con .pCon2 .con1 .xdCon .nextBtn {
    background: url(../images/arrow-1.png) no-repeat -80px 0;
    right: -85px;
}

.wrapper .main .d-con .pCon2 .con2 {
    height: 2200px;
    padding-top: 61px;
}

.wrapper .main .d-con .pCon2 .con2 .lCon {
    margin-left: 37px;
    width: 734px;
    height: 369px
}

.wrapper .main .d-con .pCon2 .con2 .lCon::before {
    display: block;
    content: '';
    width: 734px;
    height: 54px;
    position: absolute;
    background: url(../images/tips.png) no-repeat;
    top: -34px;
    left: calc(50% - 734px/2);
    z-index: 3;
}

.wrapper .main .d-con .pCon2 .con2 .lCon ul,.wrapper .main .d-con .pCon2 .con2 .lCon li {
    width: 730px;
    height: 369px;
    border: 2px solid #8fabbd;
}

.wrapper .main .d-con .pCon2 .con2 .lCon img {
    width: 100%;
    height: 100%;
}

.wrapper .main .d-con .pCon2 .con2 .lCon .nextBtn,.wrapper .main .d-con .pCon2 .con2 .lCon .prevBtn {
    display: block;
    width: 80px;
    height: 132px;
    background: url(../images/arrow-1.png) no-repeat;
    position: absolute;
    top: 140px;
    z-index: 2;
    text-indent: -999em;
    transform: scale(0.8);
}

.wrapper .main .d-con .pCon2 .con2 .lCon .prevBtn {
    background-position: 0 0;
    left: -43px
}

.wrapper .main .d-con .pCon2 .con2 .lCon .nextBtn {
    background-position: -80px 0;
    right: -47px
}

.wrapper .main .d-con .pCon2 .con2 .iCon {
    width: 120px;
    height: 68px;
    top: 172px;
    right: 145px;
}

.wrapper .main .d-con .pCon2 .con2 .dCon {
    width: 229px;
    height: 81px;
    top: 318px;
    right: 85px;
}

.wrapper .main .d-con .pCon2 .con3 {
    height: 860px;
}

.wrapper .main .d-con .pCon2 .con3 a {
    display: block;
    width: 350px;
    height: 90px;
    top: 740px;
    left: calc(50% - 350px/2);
    position: relative;
    text-indent: -999em;
}

.wrapper .main .d-con .pCon2 .con4 {
    height: 1500px;
}

.wrapper .main .d-con .pCon2 .con4 a {
    display: block;
    position: absolute;
    text-indent: -999em
}

.wrapper .main .d-con .pCon2 .con4 a:nth-child(1) {
    width: 350px;
    height: 90px;
    top: 575px;
    left: calc(50% - 350px/2);
}

.wrapper .main .d-con .pCon2 .con4 a:nth-child(2) {
    width: 500px;
    height: 130px;
    top: 1330px;
    left: calc(50% - 500px/2);
}

.wrapper .main .d-con .pCon1 .con1 {margin-top: 4188px;}

.wrapper .main .d-con .pCon1 .con1 .evt1 {
    display: block;
    position: absolute;
    text-indent: -999em;
    width: 200px;
    height: 50px;
    top: 1395px;
    left: calc(50% - 100px);
}
.wrapper .main .d-con .pCon1 .con1 .pop1 {
    display: block;
    position: absolute;
    text-indent: -999em;
    width: 80px;
    height: 30px;
    top: 503px;
    left: calc(50% + 180px);
}
.wrapper .main .d-con .pCon1 .con1 .pop2 {
    display: block;
    position: absolute;
    text-indent: -999em;
    width: 218px;
    height: 75px;
    top: 2567px;
    left: calc(50% + 127px);
}

#popdiv1 {
    /* width: 614px; */
    display: none
}
#popdiv2 {
    width: 797px;
    display: none
}

#popdiv99 {width: 585px!important; height: 260px!important; background: url(../images/pop99.png) no-repeat!important;}
#popdiv99 .pop {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 260px;
    width: 534px;
    text-align: center;
}

#popdiv1 .close {
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: 12px;
    cursor: pointer;
}
#popdiv2 .close {
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.popdiv .pop {
    width: 100%;
    display: inline-block
}

.popdiv .pop img {
    height: 100%
}

/* .popdiv#popdiv3 {
    width: 778px
}
.popdiv#popdiv2 {
    width: 778px
}
.popdiv#popdiv1 {
    width: 778px
} */

.popdiv4 {width:694px;height:188px;}
.popdivmap {width:684px;height:448px;}

.a-top {
    width: 84px;
    height: 84px;
    right: 20px;
    bottom: 210px;
    position: fixed;
    display: none;
    background: url(../images/top.png) no-repeat;
    z-index: 10
}

#topVid1 {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 1080px;
    z-index: 16;
}

#p1Con {
    margin: 1590px auto 0;
    width: 950px;
}

#p1Con .prevBtn,#p1Con .nextBtn {
    width: 176px;
    height: 57px;
    position: absolute;
    top: 530px;
}

#p1Con .prevBtn {
    background: url(../images/btn_prev.png) no-repeat;
    left: 250px;
    text-indent: -9999em;
}

#p1Con .nextBtn {
    background: url(../images/btn_next.png) no-repeat;
    left: 490px;
    text-indent: -9999em;
}

#p1Con .prevBtn:hover,#p1Con .nextBtn:hover {
    transform: scale(1.02);
}

.s_tc {
    display: none;
    z-index: 10;
}

.tc_video,.tc_video #video {
    width: 960px;
    height: 540px;
}

.tc_video .close_btn {
    display: block;
    width: 43px;
    height: 43px;
    background: url(https://img1.tiancitycdn.com/project5/fs2/event/2020/fs201217cs/images/btn_close.jpg) no-repeat;
    position: absolute;
    top: 0;
    right: -45px;
    z-index: 101;
}

#snow {
    position: absolute;
    width: 1920px;
    height: 1200px;
    z-index: 11;
    top: 0;
    left: 0;
    margin-left: -320px;
}



/*p1*/
.wrapper .con .feature{
    width:1075px;
    height: 700px;
    margin:0 auto;
}

.wrapper .con .feature .adPic {
    width: 1075px;
    height: 667px;
    position: relative;
    z-index: 1
}

.wrapper .con .feature .adPic .btn-detail {
    width:109px;height:66px;
    top:230px;left:865px;
    background: url(../images/btn-detail.png) no-repeat 0 0;
}


.wrapper .con .feature .prevBtn,
.wrapper .con .feature .nextBtn {
    display: block;
    width: 66px;
    height: 59px;
    position: absolute;
    top: 265px;
    z-index: 2;
    text-indent: -999em
}

.wrapper .con .feature .prevBtn {
    background: url(../images/arrow-1.png) no-repeat 0 0;
    left: -70px;
}

.wrapper .con .feature .nextBtn {
    background: url(../images/arrow-1.png) no-repeat -66px 0;
    right: -70px;
}


.wrapper .con .feature .adBtn {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -187px;
    width: 375px;
    display: flex;
    justify-content: space-between;
}

.wrapper .con .feature .adBtn a {
    display: block;
    width: 85px;
    height: 16px;
    text-indent: -999em;
    background: #832721;
    border-radius: 8px;
}

.wrapper .con .feature .adBtn a.on {
    background: #ff6157;
}

/*p2*/
.wrapper .con .feature2{
    width:1075px;
    height: 700px;
    margin:1025px auto 0;
}

.wrapper .con .feature2 .adPic {
    width: 1075px;
    height: 667px;
    position: relative;
    z-index: 1
}

.wrapper .con .feature2 .adPic .btn-detail {
    width:109px;height:66px;
    top:230px;left:865px;
    background: url(../images/btn-detail.png) no-repeat 0 0;
}


.wrapper .con .feature2 .prevBtn,
.wrapper .con .feature2 .nextBtn {
    display: block;
    width: 66px;
    height: 59px;
    position: absolute;
    top: 265px;
    z-index: 2;
    text-indent: -999em
}

.wrapper .con .feature2 .prevBtn {
    background: url(../images/arrow-1.png) no-repeat 0 0;
    left: -70px;
}

.wrapper .con .feature2 .nextBtn {
    background: url(../images/arrow-1.png) no-repeat -66px 0;
    right: -70px;
}


.wrapper .con .feature2 .adBtn {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -187px;
    width: 375px;
    display: flex;
    justify-content: space-between;
}

.wrapper .con .feature2 .adBtn a {
    display: block;
    width: 85px;
    height: 16px;
    text-indent: -999em;
    background: #832721;
    border-radius: 8px;
}

.wrapper .con .feature2 .adBtn a.on {
    background: #ff6157;
}

.wrapper .con .btn-1 {width: 236px;height:50px;background: url(../images/btn1.png) no-repeat 0 0;top: 795px;left:50%;margin-left: -257px;}
.wrapper .con .btn-2 {width: 236px;height:50px;background: url(../images/btn2.png) no-repeat 0 0;top: 795px;left:50%;margin-left: 20px;}

.wrapper .con .btn-1:hover,
.wrapper .con .btn-2:hover,
.wrapper .con .btn-detail:hover {
    filter: brightness(1.2)
}


.pop-1 {
    width:774px;height: 800px;
    background: url(../images/pop-1.png) no-repeat 0 0;
    display: none;
}

.pop-2 {
    width:774px;height: 680px;
    background: url(../images/pop-2.png) no-repeat 0 0;
    display: none;
}
.pop-1 .btn_close,
.pop-2 .btn_close {width:60px;height: 60px;top:10px;right:0;}

.pop-3 {
    width:714px;height: 378px;
    background: url(../images/pop-3.png) no-repeat 0 0;
    display: none;
}
.pop-3 .btn_close {width:60px;height: 60px;top:0;right:0;}

.pp-1 {width: 345px; height: 275px; top: 245px; left: calc(50% - 1350px/2); animation: hm1 .3s .15s ease-in-out forwards; opacity: 0;}
/* .pp-2 {background: url(../images/pp2.png) no-repeat; width: 200px; height: 200px; top: 95px; left: calc(50% - -485px/2); animation: hm1 .3s .3s ease-in-out forwards; opacity: 0;} */
.pp-3 {width: 275px; height: 192px; top: 555px; left: calc(50% - -865px/2); animation: hm1 .3s .3s ease-in-out forwards; opacity: 0;}
@keyframes hm1 {
    0%   {transform: scale(0); opacity: 0;}
    100% {transform: scale(1); opacity: 1;}
}

.pp-1::before {display: block; content: ''; background: url(../images/pp-1-wuqi.png) no-repeat; width: 345px; height: 275px; animation: hm2 2.5s ease-in-out infinite;}
/* .pp-2::before {display: block; content: ''; background: url(../images/pp-2-wuqi.png) no-repeat; width: 154px; height: 82px; position: absolute; top: 52px; left: 40px; animation: hm2 2.5s ease-in-out infinite;} */
.pp-3::before {display: block; content: ''; background: url(../images/pp-2-wuqi.png) no-repeat; width: 275px; height: 192px; animation: hm2 2.5s ease-in-out infinite;}
@keyframes hm2 {
    0%   {transform: translateY(0);}
    50%  {transform: translateY(-10px);}   
    100% {transform: translateY(0);}
}

.a-video {
    display: block;
    background: url(../images/btn-play.png) no-repeat;
    width: 182px;
    height: 181px;
    top: 305px;
    left: calc(50% - -310px / 2);
    z-index: 16;
}
/* .a-video::before {
    content: '';
    background: url(../images/btn-play2.png) no-repeat;
    width: 182px;
    height: 181px;
    animation: hmplay 10s linear infinite;
    display: block;
}
@keyframes hmplay {
    0%   {transform: :rotate(0deg);}
    100%  {transform: rotate(360deg);}   
} */
.tc_s {display: none; z-index: 20; }
.tc_video,.tc_video #video {width: 1280px; height: 720px;}
.tc_video .close_btn {display: block;width: 43px;height: 43px; background: url(https://img1.tiancitycdn.com/project5/fs2/event/2020/fs201217cs/images/btn_close.jpg) no-repeat; position: absolute;top: 0;right: -45px;z-index: 101;}


.d-fc {position: fixed; top: 45%; right: 10px; z-index: 20; width: 184px; height: 166px;}
.d-fc a {display: block; background: url(../images/fc.png) no-repeat; width: 184px; height: 166px;}
.d-fc a.a-fc1 {background-position: 0 0;}
/* .d-fc a.a-fc2 {background-position: 0 -71px;} */
.d-fc a:hover {filter: brightness(1.2);}


.con2 a {
    display: block;
    background: url(../images/btn-jia.png) no-repeat;
    width: 165px;
    height: 115px;
    position: absolute;
    top: 715px;
    left: calc(50% - -355px/2);
    text-indent: -9999em;
}
/* .con2 a:hover {transform: scale(1.1);} */



.conHead {width: 1300px; margin: 0 auto; height: 1200px; overflow: hidden;}
.conMain {width: 1320px; margin: 0 auto; overflow: hidden; margin-top: 200px;}
.con1 {width: 1200px; height: 595px; margin: 15645px auto 0; position: relative;}
.adPic1 {
    width: 1200px;
    height: 595px;
    position: relative;
    z-index: 10;
}
#loop1 .prevBtn {display: block; background: url(../images/btn1-prev.png) no-repeat; width: 75px; height: 82px; position: absolute; top: 290px; left: 40px; z-index: 12; text-indent: -9999em;}
#loop1 .nextBtn {display: block; background: url(../images/btn1-next.png) no-repeat; width: 75px; height: 82px; position: absolute; top: 290px; right: 40px; z-index: 12; text-indent: -9999em;}
#loop1 .prevBtn:hover, #loop1 .nextBtn:hover {filter: brightness(1.5);}

.con3 {
    width: 1300px;
    height: 5000px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.con3 a.tc1 {
    display: block;
    background: url(https://img5.tiancitycdn.com/cso/event/2025/4/cs250423act/images/btn3-ckjl.png) no-repeat;
    width: 195px;
    height: 60px;
    position: absolute;
    top: 250px;
    left: calc(50% - -378px / 2);
    z-index: 12;
    text-indent: -9999em;
}
.con3 a.tc1:hover {filter: brightness(1.1);}
.con3 a.tc2-1 {
    display: block;
    /* background: url(../images/btn5-1.png) no-repeat; */
    width: 550px;
    height: 90px;
    position: absolute;
    top: 906px;
    left: calc(50% - 840px / 2);
    z-index: 12;
    text-indent: -9999em;
}
.con3 a.tc2-2 {
    display: block;
    /* background: url(../images/btn5-1.png) no-repeat; */
    width: 550px;
    height: 90px;
    position: absolute;
    top: 3906px;
    left: calc(50% - 262px / 2);
    z-index: 12;
    text-indent: -9999em;
}
.con3 a.tc2-3 {
    display: block;
    /* background: url(../images/btn5-1.png) no-repeat; */
    width: 550px;
    height: 90px;
    position: absolute;
    top: 3906px;
    left: calc(50% - -312px / 2);
    z-index: 12;
    text-indent: -9999em;
}
.con3 a.tc2-4 {
    display: block;
    background: url(../images/btn5-1.png) no-repeat;
    width: 266px;
    height: 174px;
    position: absolute;
    top: 6586px;
    left: calc(50% - -312px / 2);
    z-index: 12;
    text-indent: -9999em;
}
.con3 a.tc2-5 {
    display: block;
    background: url(../images/btn5-1.png) no-repeat;
    width: 266px;
    height: 174px;
    position: absolute;
    top: 15022px;
    left: calc(50% - -312px / 2);
    z-index: 12;
    text-indent: -9999em;
}

.con3 a.tc2-6 {
    display: block;
    background: url(../images/btn5-1.png) no-repeat;
    width: 266px;
    height: 174px;
    position: absolute;
    top: 11264px;
    left: calc(50% - -586px / 2);
    z-index: 12;
    text-indent: -9999em;
}
.con3 a.tc2-7 {
    display: block;
    background: url(../images/btn5-1.png) no-repeat;
    width: 266px;
    height: 174px;
    position: absolute;
    top: 11457px;
    left: calc(50% - 280px / 2);
    z-index: 12;
    text-indent: -9999em;
}

.con3 a.tc2-8 {
    display: block;
    background: url(../images/btn5-1.png) no-repeat;
    width: 266px;
    height: 174px;
    position: absolute;
    top: 13452px;
    left: calc(50% - 536px / 2);
    z-index: 12;
    text-indent: -9999em;
}
.con3 a.tc2-9 {
    display: block;
    background: url(../images/btn5-1.png) no-repeat;
    width: 266px;
    height: 174px;
    position: absolute;
    top: 13452px;
    left: calc(50% - -32px / 2);
    z-index: 12;
    text-indent: -9999em;
}
.con3 a.tc2-10 {
    display: block;
    background: url(../images/btn5-1.png) no-repeat;
    width: 266px;
    height: 174px;
    position: absolute;
    top: 13452px;
    left: calc(50% - -604px / 2);
    z-index: 12;
    text-indent: -9999em;
}

.con3 a:hover {filter: brightness(1.1);}

.con3 a.tc3 {
    display: block;
    background: url(../images/btn9.png) no-repeat;
    width: 248px;
    height: 86px;
    position: absolute;
    top: 13605px;
    left: calc(50% - 260px / 2);
    z-index: 13;
    text-indent: -9999em;
}

.con4 {width: 1020px; height: 560px; margin: 2020px auto 0; overflow: hidden; position: relative;}
.con4 a {display: block; width: 60px; height: 60px; position: absolute; top: 5px; left: calc(50% - -240px/2); z-index: 12; text-indent: -9999em;}
/* .con4 a:hover {filter: brightness(1.5);} */

.con5 {
    width: 1300px;
    height: 850px;
    margin: -3870px auto 0;
    /* overflow: hidden; */
    position: relative;
    /* transform: scale(1.04); */
}
.con5 a {display: block; width: 80px; height: 35px; position: absolute; top: 52px; left: calc(50% - -35px/2); z-index: 12; text-indent: -9999em;}
/* .con5 a:hover {filter: brightness(1.5);} */
/* #loop2 .adPic2 li img {border: 5px solid #ff9450;} */


.con6 {
    width: 1300px;
    height: 13850px;
    margin: 0px auto 0;
    /* overflow: hidden; */
    position: relative;
    /* transform: scale(1.04); */
}
.con6 a.tc2-1 {
    display: block;
    /* background: url(../images/btn5-1.png) no-repeat 66px 0px; */
    width: 550px;
    height: 90px;
    position: absolute;
    top: -13110px;
    left: calc(50% - 550px / 2);
    z-index: 12;
    text-indent: -9999em;
    /* padding-left: 60px; */
    /* background: #fff; */
    /* opacity: .3; */
}
.con6 a.tc2-2 {
    display: block;
    /* background: url(../images/btn5-1.png) no-repeat 66px 0px; */
    width: 550px;
    height: 90px;
    position: absolute;
    top: -3000px;
    left: calc(50% - 550px / 2);
    z-index: 12;
    text-indent: -9999em;
    /* padding-left: 60px; */
    /* background: #fff; */
    /* opacity: .3; */
}
.con6 a.tc2-3 {
    display: block;
    /* background: url(../images/btn5-1.png) no-repeat 66px 0px; */
    width: 550px;
    height: 90px;
    position: absolute;
    top: 3155px;
    left: calc(50% - 550px / 2);
    z-index: 12;
    text-indent: -9999em;
    /* padding-left: 60px; */
    /* background: #fff; */
    /* opacity: .3; */
}
.con6 a.tc2-5 {
    display: block;
    background: url(../images/btn5-1.png) no-repeat;
    width: 266px;
    height: 174px;
    position: absolute;
    top: 11166px;
    left: calc(50% - -348px / 2);
    z-index: 12;
    text-indent: -9999em;
}
.con6 a.tc2-6 {
    display: block;
    background: url(../images/btn5-1.png) no-repeat;
    width: 266px;
    height: 174px;
    position: absolute;
    top: 11608px;
    left: calc(50% - -348px / 2);
    z-index: 12;
    text-indent: -9999em;
}
.con6 a.tc2-7 {
    display: block;
    background: url(../images/btn5-1.png) no-repeat;
    width: 266px;
    height: 174px;
    position: absolute;
    top: 12056px;
    left: calc(50% - -348px / 2);
    z-index: 12;
    text-indent: -9999em;
}
.con6 a:hover {filter: brightness(1.2);}



.con6 a.tc2-0 {
    display: block;
    background: url(../images/btn-ck.png) no-repeat;
    width: 289px;
    height: 65px;
    position: absolute;
    top: 3886px;
    left: calc(50% - 289px / 2);
    z-index: 12;
    text-indent: -9999em;
}
a.tc2-8 {
    display: block;
    background: url(../images/btn5-1.png) no-repeat 20px 0;
    width: 266px;
    height: 174px;
    position: absolute;
    top: 418px;
    left: calc(50% - 272px / 2);
    z-index: 12;
    text-indent: -9999em;
    padding-left: 20px;
}
a.tc2-9 {
    display: block;
    background: url(../images/btn5-1.png) no-repeat 20px 0;
    width: 266px;
    height: 174px;
    position: absolute;
    top: 418px;
    left: calc(50% - -338px / 2);
    z-index: 12;
    text-indent: -9999em;
    padding-left: 20px;
}
a.tc2-8:hover,a.tc2-9:hover {filter: brightness(1.2);}




.con8 {width: 1057px; height: 618px; margin: 1327px auto 0; overflow: hidden; position: relative;}
.adPic2 {
    width: 1200px;
    height: 850px;
    position: relative;
    z-index: 16;
    margin: 0 auto;
}
#loop2 .prevBtn {
    display: block;
    background: url(../images/btn1-prev.png) no-repeat;
    width: 60px;
    height: 151px;
    position: absolute;
    top: 34%;
    left: 75px;
    z-index: 16;
    text-indent: -9999em;
}
#loop2 .nextBtn {
    display: block;
    background: url(../images/btn1-next.png) no-repeat;
    width: 60px;
    height: 151px;
    position: absolute;
    top: 34%;
    left: 1175px;
    z-index: 16;
    text-indent: -9999em;
}
#loop2 .prevBtn:hover, #loop2 .nextBtn:hover {filter: brightness(1.2);}

.hide {display: none;}

.con-99 {width: 1020px; height: 560px; margin: 4460px auto 0; overflow: hidden; position: relative;}
.con-99-d1 {width: 750px; height: 180px; margin: 15px auto 0;}
.con-99-d2 {width: 750px; height: 180px; margin: 15px auto 0; display: flex; justify-content: center; align-items: center;}
.con-99-d1 .con-99-p1 {width: 750px; height: 180px; display: flex; color: #75ffd6; font-size: 36px; font-weight: bold; justify-content: center; align-items: center;}
.fwq {
    width: 280px; height: 48px; justify-content: center; align-items: center; margin: 0 20px; background: url(../images/btn-fwq.png) no-repeat; display: flex; font-size: 20px; font-weight: bold; color: #6dffc8; text-align: center;
    -webkit-appearance: none; /* for Chrome, Safari */
    -moz-appearance: none;    /* for Firefox */
    -ms-appearance: none;     /* for IE10+ */
    appearance: none;         /* for standard browsers */
}
.fwq select, .fwq select option {font-size: 20px; font-weight: bold; color: #6dffc8;}
.a-login,.a-logout,.a-lq {display: flex; font-size: 20px; font-weight: bold; color: #6dffc8; width: 160px; height: 48px; background: url(../images/btn-log.png) no-repeat; justify-content: center; align-items: center;}
.scon {display: flex; justify-content: center; align-items: center;}

.pr {position: relative;}
.pa {position: absolute;}
.con-99 .con-99-d2 .scon a.area {
    width: 280px;
    height: 48px;
    background: url(../images/btn-fwq.png) no-repeat 0 0;
    font-size: 20px;
    color: #6dffc8;
    font-weight: bold;
    position: relative;
    text-align: center;
    line-height: 48px;
    z-index: 3;
    margin: 0 30px;
}
/* .con-99 .con-99-d2 .scon a.area::after {
    display: flex;
    content: "";
    position: absolute;
    width: 42px;
    height: 42px;
    background: url(../images/arrow.png) no-repeat 0 0;
    top: 15px;
    right: 10px;
    transition: all .3s;
  } */
.con-99 .con-99-d2 .scon .area-list{
    width: 272px;
    height: 0;
    background: rgba(6, 24, 31, .8);
    top: 128px;
    left: 373px;
    z-index: 2;
    overflow: hidden;
    border: 1px solid #65e4b7;
  }
  .con-99 .con-99-d2 .scon .area-list.on {
    height:122px;
  } 
  .con-99 .con-99-d2 .scon .area-list li{
    width:100%;height:41px;
  }
  /* .con-99 .con-99-d2 .scon .area-list li:nth-child(1){padding-top: 10px;} */
  /* .con-99 .con-99-d2 .scon .area-list li:nth-child(3){padding-bottom: 10px;} */
  .con-99 .con-99-d2 .scon .area-list li a{
    color:#fff;font-size:18px;text-align: center;
    width:100%;height:41px;line-height:41px;
    display: block;background:none;
  }
  .con-99 .con-99-d2 .scon .area-list li a:hover {
    background: rgba(48,28,113,1);
  }



  .btn-b2 {
    width: 240px;
    height: 181px;
    position: fixed;
    left: auto;
    right: 20px;
    top: 55%;
    /* margin-top: -100px; */
    background: url(../images/fc.png) no-repeat;
    text-indent: -9999em;
    /* transform: scale(.6) !important; */
    z-index: 16;
  }



  #pvMp4 {
    width: 960px;
    height: 550px;
    position: absolute;
    top: 85px;
    left: calc(50% - 960px / 2);
    z-index: 15;
  }
  #bgMp4 {
    background: url(../images/bgMp4.png) no-repeat;
    width: 988px;
    height: 599px;
    position: absolute;
    top: 75px;
    left: calc(50% - 988px / 2);
    z-index: 14;
  }



.adPic1 li .pimg2 {background: url(../images/loop1-2.png) no-repeat; width: 1200px; height: 595px; position: relative;}