@font-face {
    font-family: "fzljh";
    src: url("../fonts/兰亭黑简.otf") ;
    font-weight: bold;
    font-style: normal;
}


body{font-family: 'fzl'; user-select: none;}

.alltime,.alltime *{ transition: all .3s; -webkit-ttransition: all .3s ; -moz-transition: all .3s ;}

.alltime2,.alltime2 *{-webkit-transition: all .5s; -moz-transition: all .5s;  transition: all .5s; }



.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}




/* 阵营 */

.camp{position: relative;z-index: 1;background: #000;}

.swiper_camp{height: 100vh;width: 100%; overflow: hidden;position: relative;z-index: 3;}

.swiper_camp .swiper-slide{z-index: 1;}

.swiper_camp .swiper-slide,.swiper_camp  .swiper-slide .sbox {height: 100vh;width: 100%; overflow: hidden;position: relative;}

.swiper_camp  .swiper-slide .sbox{opacity: 0;transition: all .3s; -webkit-ttransition: all .3s ; -moz-transition: all .3s ;}

.swiper_camp .swiper-slide-active{z-index: 2;}

.swiper_camp  .swiper-slide-active .sbox{opacity: 1;}

.swiper_camp .swiper-slide .sbox .cam_box,.swiper_camp  .swiper-slide .sbox .cam_box .cam_dl1{width: 100%;height: 100%;position: relative;overflow: hidden;z-index: 1;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 dd{position: absolute;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;overflow: hidden;opacity: 0;pointer-events: none;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 dd .bgimg{display: block;width: 100%;height: 100%;object-fit: cover;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 dd .bgimg_m{display: none;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 dd .zcc{display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;display: flex;align-items: center;align-content: center;color: #fff;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox{padding: 0 2.6rem;width: 100%;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi{width: 46%;max-width: 610px;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .dtt{position: relative;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .dtt .cn{line-height: 130px;font-family: 'fzl';position: relative;z-index: 3;background: url(../images/index25.png) center left no-repeat;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .dtt .en{position: absolute;font-family: 'osw';top: 8px;left: -35px;z-index: 1;color: #ced7e5;opacity: 0.06;white-space:nowrap;font-style: italic;font-weight: bold;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .xian .xian1{display: flex;width: 100%;height: 1px;background: url(../images/cam_x1_1.png) center no-repeat;background-size: cover; justify-content: space-between;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .xian .xian1 s{display: block;width: 6px;height: 1px;background: #ced7e5;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .xian .xian2{display: flex;width: 100%;height: 3px;background: url(../images/cam_x1_2.png) center no-repeat;background-size: cover;justify-content: space-between;margin-top: 3px;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .dtt2{display: flex;margin: .4rem 0;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .dtt2 .wz{position: relative;padding: 0 .3rem;line-height: 58px;background: url(../images/cam_1_1x.png) center repeat-x;border-right: 1px solid rgba(255, 255, 255, 0.1);border-left: 1px solid rgba(255, 255, 255, 0.1);}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .dtt2 .wz s{display: block;width: 6px;height: 6px;position: absolute;top: -1px;left: -1px;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .dtt2 .wz .s1{border-left: 1px solid rgba(255, 255, 255, 0.3);border-top: 1px solid rgba(255, 255, 255, 0.3);}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .dtt2 .wz .s2{border-left: 1px solid rgba(255, 255, 255, 0.3);border-bottom: 1px solid rgba(255, 255, 255, 0.3);top: auto;bottom: -1px;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .dtt2 .wz .s3{border-right: 1px solid rgba(255, 255, 255, 0.3);border-top: 1px solid rgba(255, 255, 255, 0.3);left: auto;right: -1px;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .dtt2 .wz .s4{border-right: 1px solid rgba(255, 255, 255, 0.3);border-bottom: 1px solid rgba(255, 255, 255, 0.3);top: auto;bottom: -1px;left: auto;right: -1px;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .dtc{line-height: 26px;font-family: 'fzljh';text-align: justify;}

.dh{transform: translateY(10px);-webkit-transform: translateY(10px);opacity: 0; transition: all 1s; -webkit-ttransition: all 1s; -moz-transition: all 1s;}


.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 dd.act{opacity: 1;pointer-events: visible;z-index: 2;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 dd.act .dh{transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1;transition-delay: .2s;-webkit-transition-delay: .2s;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 dd.act .dh2{transition-delay: .3s;-webkit-transition-delay: .3s;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 dd.act .dh3{transition-delay: .4s;-webkit-transition-delay: .4s;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 dd.act .dh4{transition-delay: .5s;-webkit-transition-delay: .5s;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 dd.act .dh5{transition-delay: .6s;-webkit-transition-delay: .6s;}

.camp .canbtn{position: absolute;width: 100%;display: flex;justify-content: center;left: 0;bottom: .55rem;z-index: 5;}

.camp .canbtn .btn{margin: 0 8px;cursor: pointer;}

.camp .canbtn .btn .ico{position: relative;}

.camp .canbtn .btn .ico img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}

.camp .canbtn .btn .wz{text-align: center;color: rgba(255, 255, 255, 0.3);margin-top: 14px;}

.camp .canbtn .btn.act .ico img:nth-child(2),.camp .canbtn .btn:hover .ico img:nth-child(2){opacity: 1;}

.camp .canbtn .btn.act .wz{color: #fff;}




.camp .camp_left{position: absolute;left: .65rem;top: 50%;margin-top: -300px;height: 600px;background: url(../images/cam_l_x.png) center left no-repeat;width: 100px;z-index: 5;color: #fff;}

.camp .camp_left .btn{display: flex;align-items: center;align-content: center;line-height: 14px;position: relative;top: 180px;left: -6px;opacity: 0.3;cursor: pointer;}

.camp .camp_left .btn:nth-child(2){top: 280px;}

.camp .camp_left .btn:nth-child(3){top: 380px;}

.camp .camp_left .btn .ico{margin-right: 10px;}

.camp .camp_left .btn.act,.camp .camp_left .btn:hover{opacity: 1;}



.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;display: flex;align-items: center;align-content: center;color: #fff;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox{padding: 0 2.6rem;width: 100%;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi{width: 46%;max-width: 600px;position: relative;z-index: 4;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .wzqh{position: relative;width: 100%;min-height: 300px;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .wzqh li{position: absolute;top: 0;left: 10px;z-index: 2;opacity: 0;width: 100%;pointer-events: none;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .wzqh li.act{opacity: 1;left: 0px;transition: all .5s .25s; -webkit-ttransition: all .5s .25s; -moz-transition: all .5s .25s;pointer-events: visible;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .dtt{position: relative;}


.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .dtt .cn{line-height: 130px;font-family: 'fzl';position: relative;z-index: 3;background: url(../images/index25.png) center left no-repeat;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .dtt .en{position: absolute;font-family: 'osw';top: 8px;left: -35px;z-index: 1;color: #ced7e5;opacity: 0.1;white-space:nowrap;font-style: italic;font-weight: bold;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .xian .xian1{display: flex;width: 100%;height: 1px;background: url(../images/cam_x1_1.png) center no-repeat;background-size: cover; justify-content: space-between;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .xian .xian1 s{display: block;width: 6px;height: 1px;background: #ced7e5;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .xian .xian2{display: flex;width: 100%;height: 3px;background: url(../images/cam_x1_2.png) center no-repeat;background-size: cover;justify-content: space-between;margin-top: 3px;}





.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .dtc{line-height: 26px;margin: .4rem 0;font-family: 'fzljh';}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .sltqh{display: flex;width: 100%;justify-content: space-between;width: 100%;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .sltqh li{width: 30%; position: relative;border: 2px solid rgba(206, 215, 229, 0.1);padding: 2px;cursor: pointer;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .sltqh li .img{position: relative;width: 100%;overflow: hidden;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .sltqh li .img img{width: 100%;transform: scale(1.00002);-webkit-transform: scale(1.00002);}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .sltqh li .img .wz{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.55);color: #fff;padding:  0.15rem;display: flex;align-items: flex-end;align-content: flex-end;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .sltqh li .img .wz .tt{width: 100%;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .sltqh li.act,.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .sltqh li:hover{border: 2px solid #d7b00d;}

.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .sltqh li.act .img .wz,.swiper_camp .swiper-slide .sbox  .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .sltqh li:hover .img .wz{background: rgba(0, 0, 0, 0);}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt  .zcc2{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;pointer-events: none;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt  .jnqh{width: 300px;height: 755px;position: absolute;top: 22%;right: 2.9rem; background: url(../images/cam_2_qx.png) center right no-repeat;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt  .jnqh li{width: 100%;height: 100%;position: absolute;top: 0;left: 50px;opacity: 0;pointer-events: none;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt  .jnqh li .lox{width: 100px;position: absolute;right: 0;top: 115px;z-index: 4;cursor: pointer;transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt  .jnqh li .lox .ilt{width: 100px;height: 100px;background: rgba(0, 0, 0, 0.3);border: 1px solid rgba(255, 255, 255, 0.6);border-radius: 50%;display: flex;justify-content: center;align-items: center;align-content: center;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt  .jnqh li .lox .irt{width: 1.9rem;position: absolute;left: 120px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);line-height: 1.5;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt  .jnqh li .lox .irt div{transform: translateY(20px);-webkit-transform: translateY(20px);opacity: 0;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt  .jnqh li .lox .irt .itc{margin-top: 5px;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt  .jnqh li .lox:hover .irt div{transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt  .jnqh li .lox:hover .irt div:nth-child(2){transition-delay: .15s;-webkit-transition-delay: .15s;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt  .jnqh li .lox:nth-child(2){top: 273px;right: -40px;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt  .jnqh li .lox:nth-child(3){top: 430px;right:-20px;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt  .jnqh li.act{left: 0px;opacity: 1;pointer-events: visible;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt  .jnqh li.act .lox{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt  .jnqh li.act .lox:nth-child(2){transition-delay: .15s;-webkit-transition-delay: .15s;}

.swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt  .jnqh li.act .lox:nth-child(3){transition-delay: .3s;-webkit-transition-delay: .3s;}


.circlr {cursor: move;margin: 0 auto;min-height: 100px;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}

.circlr .img{opacity: 0;width: 100%;height: 100vh;}

.circlr img{ width: 100%; margin: 0 ;pointer-events: none;height: 100%;object-fit: cover;}

.circlr .xzsb{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;}

.circlr .xzsb .tuce{display: block;width: 34%;padding-top: 30%;background: #000;position: absolute;top: 27%;left: 48%;cursor: url(../images/fdj.svg) ,zoom-in;}

.circlr .xzsb .xuanzhuan{display: block;width: 100%;height: 100%;position: absolute;top: 0%;left: 0%;background: url(../images/xuanzhuan.png) center bottom no-repeat;opacity: 0;pointer-events: none;z-index: 9;}

.circlr .xzsb .out{position: absolute;width: 27px;height: 27px;position: absolute;right: 50px;top: 50px;background: url(../images/svg/xz_out.svg) no-repeat center center/100% 100%;cursor:pointer;opacity: 0;}

.circlr.act .img{opacity: 1;}

.circlr.act .xzsb .xuanzhuan{opacity: 1;}

.circlr.act .xzsb .out{opacity: 1;}


.circlr.act{z-index: 99;}



/* 游戏特色 */


.char{position: relative;z-index: 1;background: #000;}

.swiper_char{height: 100vh;width: 100%; overflow: hidden;position: relative;z-index: 3;}

.swiper_char .swiper-slide{z-index: 1;}

.swiper_char .swiper-slide,.swiper_char .swiper-slide .sbox {height: 100vh;width: 100%; overflow: hidden;position: relative;}

.swiper_char .swiper-slide .sbox{opacity: 0;transition: all .3s; -webkit-ttransition: all .3s ; -moz-transition: all .3s ;}

.swiper_char .swiper-slide-active{z-index: 2;}

.swiper_char .swiper-slide-active .sbox{opacity: 1;}

.swiper_char .swiper-slide .sbox .chgg{height: 100vh;width: 100%; overflow: hidden;position: relative;}

.swiper_char .swiper-slide .sbox .chgg .bgimg{display: block;width: 100%;height: 100%;object-fit: cover;}


.swiper_char .swiper-slide .sbox .chgg .cha_txt{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;display: flex;align-items: center;align-content: center;color: #fff;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox{padding: 1.5rem 2.6rem 0;width: 100%;display: flex;position: relative;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chalt{width: 27%;max-width: 370px;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chalt .dtt{position: relative;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chalt .dtt .cn{line-height: 130px;font-family: 'fzl';position: relative;z-index: 3;background: url(../images/index25.png) center left no-repeat;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chalt .dtt .en{position: absolute;font-family: 'osw';top: 0;left: -35px;z-index: 1;color: #ced7e5;opacity: 0.06;white-space:nowrap;font-style: italic;font-weight: bold;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chalt .xian{display: block;width: 100%;margin-bottom: .4rem;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chalt .dtc{position: relative;padding: 20px 0 0 .3rem;line-height: 26px;text-align: justify;font-family: 'fzljh';}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chalt .dtc s{display: block;position: absolute;top: 0;left: 0rem;width: 12px;height: 12px;border-left: 2px solid #d7b00d;border-top: 2px solid #d7b00d;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chalt .dtc span{display: block;position: relative;left: -.3rem;margin-top: .5rem;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart{width: 63%;margin-left: 7.15%;position: relative;max-width: 880px;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .bg{width: 100%;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img{position: absolute;top: 0;left: -5%;z-index: 3;width: 100%;height: 100%;opacity: 0;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img1 .xi1{position: absolute;top: -1.4rem;left: -.5rem;width: 81%;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img1 .xi2{position: absolute;bottom: .35rem;right: 1.5rem;width: 55%;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .d_img{position: absolute;top: 30%;transform: translateY(-50%);-webkit-transform: translateY(-50%); z-index: 2;width: 52%;left: 75%;opacity: 0;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .wenz{opacity: 0.2;color: #ced7e5;position: absolute;left: .1rem;bottom: 0.9rem;z-index: 5;font-family: Arial;letter-spacing: 2px;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .ikk{position: absolute;left: .45rem;bottom: 20%;z-index: 3;pointer-events: none;width: .3rem;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .ikk1_2{left: 46%;bottom: 32%;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img2 .xi1{position: absolute;width: 68.75%;left: .7rem;top: -.75rem;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img2 .xi2{position: absolute;width: 28%;left:-.1rem;bottom: .45rem;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img2 .xi3{position: absolute;width: 42%;left:25.5%;bottom: -.28rem;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .wenz2{left: 73%;bottom: 1.2rem;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .ikk2_1{left: 44.5%;bottom: 12%;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .ikk2_2{left: 85%;bottom: 22%;opacity: 0.5;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img3{display: flex;flex-wrap: wrap;width: 77%;max-width: 670px;align-items: flex-start;align-content: flex-start;top:-15%;left:-5%;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img3 .xi1{width: 32.8%;margin: 0 0.8% 0.8% 0;position: relative;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img3 .xi1:nth-child(3n){margin-right: 0;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .ikk3_1{left: 37.5%;bottom: 12%;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .ikk3_2{left: 85%;bottom: 21%;opacity: 0.5;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .wenz3{left: 86%;bottom: -.2rem;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img5 .xi1{position: absolute;width: 73%;left: -.1rem;top: -.9rem;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img5 .xi2{position: absolute;width: 46%;left:.7rem;bottom: .45rem;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .wenz5{left: 60%;bottom: .7rem;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .ikk5_1{left: 43.5%;bottom: 14%;}

.swiper_char .swiper-slide .sbox .chgg .cha_txt .ikk5_2{left: 73%;bottom: 30%;opacity: 0.5;}



.swiper_char .swiper-slide .sbox .chgg .cha_txt .ikk4_1{left: 44%;bottom: 32%;}


.swiper_char .swiper-slide .sbox .chgg .cha_txt .ikk4_2{left: 83.5%;bottom: 16%;opacity: 0.5;}


.swiper_char .swiper-slide:nth-child(4) .sbox .chgg .cha_txt .txtox .chart .x_img1 .xi1{top: -1rem;left: -0.3rem;}

.swiper_char .swiper-slide:nth-child(4) .sbox .chgg .cha_txt .txtox .chart .x_img1 .xi2{bottom: -.15rem;right: 2.3rem;}

.swiper_char .swiper-slide:nth-child(4)  .sbox .chgg .cha_txt .txtox .wenz{left: -0.3rem;bottom: 0.8rem;}


.swiper_char .swiper-slide-active .sbox .chgg .cha_txt .txtox .chart .x_img{left: 0%;opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;transition: all .7s; -webkit-ttransition: all .7s; -moz-transition: all .7s;}

.swiper_char .swiper-slide-active .sbox .chgg .cha_txt .txtox .chart .d_img{left: 68%;opacity: 1;transition-delay: .5s;-webkit-transition-delay: .5s;transition: all .7s; -webkit-ttransition: all .7s; -moz-transition: all .7s;}



.jin{opacity: 0;pointer-events: none;}























.char .char_left{position: absolute;left: .65rem;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); z-index: 5;color: rgba(255, 255, 255, 1);}

.char .char_left .btn{display: flex;align-items: center;align-content: center;line-height: 14px;position: relative;cursor: pointer;line-height: 25px;margin-bottom: 70px;}

.char .char_left .btn .wz{opacity: 0.3;}

.char .char_left .btn .ico{margin-right: 10px;position: relative;width: 25px;}

.char .char_left .btn .ico img:nth-child(1){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}

.char .char_left .btn s{display: block;width: 1px;height: 85px;position: absolute;left: 12px;top: 17px;background: rgba(206, 215, 229, 0.3);}

.char .char_left .btn:last-child s{display: none;}

.char .char_left .btn.act .wz,.char .char_left .btn:hover .wz{opacity: 1;}



.char .char_left .btn:last-child{margin-bottom: 0;}

.char .char_left .btn.act .ico img:nth-child(2){opacity: 0;}

.char .char_left .btn.act .ico img:nth-child(1){opacity: 1;}


/* 更多 */



.mmtchuang{display: none;}

.camp .yddts{display: none;}

.swiper-button-disabled{opacity: 0.2;pointer-events: none;}


/* 动画 */

@-webkit-keyframes zhuan {0% {top: -100%;}100% {top: 100%;}}

@keyframes  zhuan {0% {top: -100%;}100% {top: 100%;}}


@-webkit-keyframes tm {0% {opacity: 1;}100% {opacity: 0;}}

@keyframes  tm {0% {opacity: 1;}100% {opacity: 0;}}



@-webkit-keyframes shangx {0% {top: -10px;}100% {top: 10px;}}

@keyframes  shangx {0% {top: -10px;}100% {top: 10px;}}













@media (max-width:1800px) {
    

    

}


@media (max-width:1700px) {
    
    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox{padding: 1rem 10% 0;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox{padding: 0 10%;}

    .char .char_left{left: 1%;}

    .camp .camp_left{left: 1%;}
    


}


@media (max-width:1600px) {

   


}

@media (max-width:1500px) {




    
}


@media (max-width:1450px) {
    

}




@media (max-width:1300px) {

  

}


@media (max-width:1250px )  {

    
    .char .char_left{display: none;}

    .camp .camp_left{display: none;}

   


}


@media (max-width:1200px ){


}



@media (max-width:1200px ){

    .swiper_char{height: auto;}

    .swiper_char .swiper-wrapper{display: block;}

    .swiper_char .swiper-slide{height: auto;}

    .swiper_char .swiper-slide .sbox{height: auto;}

    .swiper_char .swiper-slide .sbox{opacity: 1;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox{display: block;padding: 50px 5% ;overflow: hidden;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chalt{width: 100%;max-width: 100%;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt{display: block;align-items: flex-start;align-content: flex-start;position: relative;z-index: 3;min-height: calc(100vh - 50px);}

    .swiper_char .swiper-slide .sbox .chgg .bgimg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}

    .swiper_char .swiper-slide .sbox .chgg{height: 100%;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chalt .dtt .en{left: -15px;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chalt .dtt .cn{line-height: 100px;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chalt .xian{margin-bottom: 20px;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chalt .dtc span{margin-top: 20px;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart{width: 100%;margin-left: 0;margin-top: 80px;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img{opacity: 1;left: 0;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .bg{width: 150%;max-width: 999999px;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .d_img{display: none;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img1 .xi1{top: -50px;left: 10%;width: 88%;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img1 .xi2{width: 70%;left: 25%;right: 0%;bottom: 20%;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .ikk{display: none;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .wenz{bottom: 10%;left: 0;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img2 .xi1{top: -50px;left: 10%;width: 88%;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img2 .xi2{top: 46%;left: 10%;width: 40%;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img2 .xi3{top: 46%;left: 50%;width: 48%;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img3{top: -50px;left: 10%;width: 90%;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .wenz3{bottom: 20%;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img5 .xi1{top: -50px;left: 10%;width: 88%;}

    .swiper_char .swiper-slide .sbox .chgg .cha_txt .txtox .chart .x_img5 .xi2{width: 70%;left: 25%;right: 0%;bottom: 20%;}

    .swiper_camp{height: auto;}

    .swiper_camp .swiper-wrapper{display: block;}

    .swiper_camp .swiper-slide:last-child{height: auto;}

    .swiper_camp .swiper-slide .sbox .cam_box{height: auto;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1{min-height:100vh;}

    .swiper_camp .swiper-slide .sbox{height: auto;opacity: 1;}


    .dh{transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt{display: block;align-items: flex-start;align-content: flex-start;position: relative;height: auto;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox{padding: 0px ;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi{width: 100%;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 dd{height:100%;padding: 50px 5% ;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .ico1 {width: 40px;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .dtt .cn{line-height: 100px;}



    .camp .yddts{display: block;position: absolute;top: 65vh;left: 0;width: 100%;z-index: 4;color: rgba(255, 255, 255, 0.6);text-align: center;font-family: 'fzljh';}

    .camp .yddts .ico{width: 40px;margin: 0 auto 20px;}

    .camp .yddts .ico img{position: relative;top: -10px;animation: shangx 1s linear infinite alternate; -webkit-animation: shangx 1s linear infinite alternate;}


    [data-on="mclik"] .tt{padding-bottom: 30px;background: url(../images/svg/xjt.svg) left bottom no-repeat;background-size: 20px;}





    .camp .canbtn{bottom: 50px;padding: 0 5%;justify-content: space-between;bottom: auto;top: 80vh;}

    .camp .canbtn .btn{margin: 0; width: 32%;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 dd .bgimg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

    .circlr .xzsb{display: none;}



    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt{display: block;align-items: flex-start;align-content: flex-start;position: relative;height: auto;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl2 dd::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: url(../images/cam_2_1.png) center no-repeat;background-size: cover;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .zcc2{display: none;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox{padding: 0;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi{width: 100%;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .jnqh{display: none;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .dtt .cn{line-height: 100px;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .dtt .en{left: -15px;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .wzqh{min-height: 350px;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .sltqh{overflow: hidden;justify-content: center;display: block;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .sltqh li{width:170px;min-width: 170px;margin: 0 auto 10px ;}


    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl3 dd::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: url(../images/cam_2_1.png) center no-repeat;background-size: cover;}




    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd1 .cam_dl1_dd_txt .txtox .hezi .dtt2 .wz{padding: 10px;line-height:20px;}
    
    




        /* 移动端 3d */

    .mmtchuang{display: none;position: fixed;width: 100%;height: 100vh;top: 0;left: 0;z-index: 999;background: rgba(0, 0, 0, 1);}

    .mmtchuang .out{position: absolute;width: 30px;height: 30px;right: 20px;top: 20px;background: url(../images/svg/xz_out.svg) no-repeat center center / 100% 100%;cursor:pointer;opacity: 1;z-index: 3;}

    .mmtchuang .dl1{width: 100%;height: 100%;position: relative;}

    .mmtchuang .dl1 dd{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;display: none;}

    .mmtchuang .dl1 dd .dox{display: flex;flex-wrap: wrap;align-items: flex-start; align-content: flex-start; width: 100%;height: 100%;padding-top: 100px;color: #fff;}

    .mmtchuang .dl1 dd .dox .dtop{padding: 0 5% 50px;width: 100%;height: auto;}

    .mmtchuang .dl1 dd .dox .dtop .cn{line-height: 100px;font-family: 'fzl';position: relative;z-index: 3;background: url(../images/index25.png) center left no-repeat;}

    .mmtchuang .dl1 dd .dox .dtop .dtt .en{position: absolute;font-family: 'osw';top: 8px;left: -35px;z-index: 1;color: #ced7e5;opacity: 0.1;white-space:nowrap;font-style: italic;font-weight: bold;}

    .mmtchuang .dl1 dd .dox .dtop .xian .xian1{display: flex;width: 100%;height: 1px;background: url(../images/cam_x1_1.png) center no-repeat;background-size: cover; justify-content: space-between;}

    .mmtchuang .dl1 dd .dox .dtop .xian .xian1 s{display: block;width: 6px;height: 1px;background: #ced7e5;}

    .mmtchuang .dl1 dd .dox .dtop .xian .xian2{display: flex;width: 100%;height: 3px;background: url(../images/cam_x1_2.png) center no-repeat;background-size: cover;justify-content: space-between;margin-top: 3px;}

    .mmtchuang .dl1 dd .dox .dtop .dtc{line-height: 26px;margin: .4rem 0;font-family: 'fzljh';display: none;}

    .mmtchuang .dl1 dd .dox .dbtm{width: 100%;height: 40vh;position: relative;}


    .mmtchuang .dl1 dd .dox .dbtm .circlr .img{height: 100%;opacity: 1;}

    .mmtchuang .dl1 dd .dox .dbtm .bg{width: 100%;height: 100vh;left: 0;top: 5%;pointer-events: none; z-index: 3;position: fixed; background: url(../images/xjt2.png) center bottom no-repeat;pointer-events: none;}



    .swiper_camp > .swiper-wrapper > .swiper-slide:nth-child(1),  .swiper_camp > .swiper-wrapper > .swiper-slide:nth-child(1) .sbox{min-height: 100vh;height: auto;}

    .swiper_camp .swiper-slide, .swiper_camp .swiper-slide .sbox{min-height: 100px;height: auto;}



    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .wzqh li{position: relative;opacity: 1;display: none;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl1 .cam_dl1_dd2 .cam_dl1_dd_txt .txtox .hezi .wzqh li.act{display: block;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl2 dd{position: relative;display: none;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl2 dd.act{display: block;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl3 dd{position: relative;display: none;}

    .swiper_camp .swiper-slide .sbox .cam_box .cam_dl3 dd.act{display: block;}







}


@media (max-height:700px ){

    .mmtchuang .dl1 dd .dox .dbtm .bg{top: 20%;}




}