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% 1080px, url("../images/bg2_02.jpg") no-repeat 50% 5103px
}

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

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

.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: 8123px;
}

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

.wrapper .main .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 .con .logo {
    width: 220px;
    height: 90px;
    position: absolute;
    top: 10px;
    z-index: 99999;
    left: calc(50% - 220px/2);
    background: url(../images/logo.png) no-repeat;
    filter: drop-shadow(2px 4px 6px #000);
}

.wrapper .main .con .conHead {
    height: 1020px;
    z-index: 18;
}

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

.wrapper .main .con .conHead .slogan {
    background: url(../images/slogan.png) no-repeat;
    width: 1028px;
    height: 360px;
    left: calc(50% - 1080px/2);
    top: 632px;
    z-index: 15;
}

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

.wrapper .main .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 .con .conHead .btnCon a:nth-child(1) {
    background-position: 0px 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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



/*  */
.wrapper .main .con .pCon2 .con1 .xdCon2 {
        margin: 536px 0 0 23px;
    width: 1130px;
    height: 630px;
}

.wrapper .main .con .pCon2 .con1 .xdCon2 ul,.wrapper .main .con .pCon2 .con1 .xdCon2 li {
    width: 1130px;
    height: 630px;
    /* border: 2px solid #c2e2f2; */
}

.wrapper .main .con .pCon2 .con1 .xdCon2 img {
    width: 100%;
    height: 100%
}

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

.wrapper .main .con .pCon2 .con1 .xdCon2 .prevBtn {
    background-position: 0 0;
    left: -130px
}

.wrapper .main .con .pCon2 .con1 .xdCon2 .nextBtn {
    background: url(../images/arrow-1.png) no-repeat -105px 0;
    right: -150px;
}




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

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

.wrapper .main .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 .con .pCon2 .con2 .lCon ul,.wrapper .main .con .pCon2 .con2 .lCon li {
    width: 730px;
    height: 369px;
    border: 2px solid #8fabbd;
}

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

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

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

.wrapper .main .con .pCon2 .con2 .lCon .nextBtn {
    background-position: -54px 0;
    left: calc(50% - -726px/2);
}

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

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

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

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

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

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

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

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

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

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

.popdiv {
    width: 778px;
    display: none
}

.popdiv .close {
    width: 80px;
    height: 74px;
    text-indent: -9999px;
    position: absolute;
    top: 5px;
    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: 1000px;
    z-index: 15;
    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: 785px; left: 910px; 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: 200px; height: 187px;}
.d-fc a {display: block; background: url(../images/fc.png) no-repeat; width: 200px; height: 187px;}
.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 47px 0px;
    width: 208px;
    height: 115px;
    position: absolute;
    top: 873px;
    left: calc(50% - -280px / 2);
    text-indent: -9999em;
}
/* .con2 a:hover {transform: scale(1.1);} */



.wrapper .main .con .pCon2 .con9 {
    height: 900px;
    margin-top: 824px;
    position: relative;
}
.wrapper .main .con .pCon2 .con9 a {display: block; position: absolute; height: 140px; z-index: 16;}
.wrapper .main .con .pCon2 .con9 a.con9-a1 {top: 113px; left: 893px; width: 285px; background: url(../images/btn-jia2.png) no-repeat 227px 0px;}
.wrapper .main .con .pCon2 .con9 a.con9-a2 {top: 304px; left: 80px; width: 350px; background: url(../images/btn-jia2.png) no-repeat 291px 0px;}
.wrapper .main .con .pCon2 .con9 a.con9-a3 {
        top: 572px;
    left: 490px;
    width: 228px; height: 190px;
    background: url(../images/btn-jia2.png) no-repeat 169px 0px;
}