@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 900px) {
    .wap_nav {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        z-index: 7777;
    }

    .wap_nav .logo {
        float: left;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .wap_nav .logo img {
        height: 24px;
        margin-top: 13px;
        margin-left: 10px;
    }

    body {
        padding-top: 50px;
    }

    .pc {
        display: none;
    }

    .wap {
        display: block;
    }

    
    .head{
    	padding: 0px;
    	position: static;
    }

    .moreBase:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        background: url(../images/kuang.png) no-repeat center center;
        background-size: 100% 100%;
        left: calc(5/900*100vw);
        top: calc(-5/900*100vw);
    }
    .head .moreBase{
        position: fixed;
        right: 68px;
        top: 9px;
        z-index: 7777;
    }
    .moreBase {
        width: auto;
        line-height: calc(61/900*100vw);
        background: linear-gradient(247deg,#995EDF,#4B8CEE,#04E7C9);
        border-radius: calc(15/900*100vw);
        float: right;
        position: relative;
        font-family: AkzidenzGroteskBQ;
        font-weight: 300;
        font-size: calc(24/900*100vw);
        color: #FFFFFF;
        text-align: center;
        /* position: fixed; */
        line-height: 35px;
        padding: 0px 18px;
    }

    .moreBase span {
        display: block;
        position: relative;
        z-index: 4;
    }

    .moreBase span b {
    }

    .section1 {
        position: relative;
        padding-top: calc(153/900*100vw);
        padding-bottom: 52vw;
    }

    .section1 .bg {
    }

    .section1 .bg img {
        width: 100%;
        left: 0;
        top: 0;
        position: absolute;
    }

    .section1 .left {
        position: relative;
        z-index: 5;
        width: 100%;
        margin-left: 15px;
        padding-right: 15px;
        margin: 0px;
        padding-left: 15px;
    }

    .section1 .left .title {
        font-family: Qualy;
        font-weight: bold;
        font-size: calc(94/900*100vw);
        color: #FFFFFF;
    }

    .section1 .left .moreBase {
        float: none;
        display: block;
        background: url(../images/jm.png) no-repeat center center;
        background-size: cover;
        display: inline-block;
    }

    .section1 .left .dec {
        font-family: AkzidenzGroteskBQ;
        font-weight: 300;
        font-size: calc(34/900*100vw);
        color: #FFFFFF;
        padding: calc(60/900*100vw) 0;
        line-height: 1.4;
    }

    .section1 .imgs {
        /* position:relative;*/
        /* z-index:5;*/
    }

    .section1 .imgs img {
        position: absolute;
    }

    .section1 .imgs .img1 {
        width: calc(326/900*100vw);
        top: calc(987/900*100vw);
        right: calc(290/900*100vw);
        z-index: 4;
    }

    .section1 .imgs .img2 {
        width: calc(281/900*100vw);
        top: calc(1069/900*100vw);
        right: calc(509/900*100vw);
        z-index: 3;
    }

    .section1 .imgs .img3 {
        width: calc(620/900*100vw);
        top: calc(960/900*100vw);
        right: calc(355/900*100vw);
        z-index: 2;
    }

    .section1 .imgs .img4 {
        width: 100%;
        top: calc(576/900*100vw);
        right: 0;
    }

    .section2 {
        padding-top: calc(280/900*100vw);
        text-align: center;
    }

    .section2 .aboutContent {
        width: calc(1410/900*100vw);
        height: calc(674/900*100vw);
        margin: auto;
        max-width: 100%;
        background: url(../images/bg2.png) no-repeat center center;
        background-size: 100% 100%;
        padding-top: calc(167/900*100vw);
        position: relative;
        background: linear-gradient(90deg, rgba(14, 240, 169, 0.1), rgba(107, 147, 208, 0.1), rgba(207, 39, 246, 0.1));
        border-radius: calc(35 / 900* 100vw);
        border: calc(2 / 900* 100vw) solid #00BAFF;
        margin-left: 15px;
        margin-right: 15px;
        width: auto;
        margin-top: 16vw;
        padding-top: 7vw;
        height: auto;
        padding-bottom: 4vw;
    }

    .section2 .aboutContent .title {
        font-family: Qualy;
        font-weight: bold;
        font-size: calc(48/900*100vw);
        color: #FFFFFF;
        background: linear-gradient(90deg,#995EDF 0%,#4B8CEE 49.70703125%,#04E7C9 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
        display: inline-block;
    }

    .section2 .aboutContent .dec {
        font-family: AkzidenzGroteskBQ;
        font-weight: 300;
        font-size: calc(34/900*100vw);
        color: #D4D0DF;
        text-align: left;
        line-height: 1.3;
        margin-left: 20px;
        margin-right: 20px;
        padding-left: calc(43/900*100vw);
        position: relative;
        margin-top: calc(67/900*100vw);
        background: url(../images/bq.png) no-repeat left calc(12/900*100vw);
        background-size: calc(21/900*100vw);
    }

    .section2 .aboutContent .dec p {
        padding-bottom: calc(30/900*100vw);
    }

    .section2 .aboutContent .line {
    display: none;
    }

    .section2 .aboutContent .line i:nth-child(2) {
        left: calc(153/900*100vw);
        top: auto;
        bottom: calc(126/900*100vw);
        height: calc(186/900*100vw);
    }

    .section2 .aboutContent .line i {
        position: absolute;
        width: calc(3/900*100vw);
        height: calc(140/900*100vw);
        background: #995EDF;
        left: calc(132/900*100vw);
        top: calc(267/900*100vw);
    }

    .section3 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .titlemodel {
        font-family: Qualy;
        font-weight: bold;
        font-size: calc(52/900*100vw);
        color: #FFFFFF;
        text-align: center;
        text-transform: uppercase;
    }

    .section3 .titlemodel {
        padding-top: calc(182/900*100vw);
        padding-bottom: calc(101/900*100vw);
    }

    .section3 .list1:after {
        content: "";
        display: table;
        clear: both;
    }

    .section3 .list1 {
    }

    .section3 .list1 .item:nth-child(3n) {
        margin-right: 0px;
    }

    .section3 .list1 .item {
        float: left;
        width: 100%;
        margin-right: 0;
        background: url(../images/bg3.png) no-repeat center center;
        background-size: 100% 100%;
        padding: calc(24/900*100vw);
        margin-bottom: 5vw;
    }

    .section3 .list1 .item .imgbox {
    }

    .section3 .list1 .item .imgbox img {
        width: 100%;
    }

    .section3 .list1 .item .con {
    }

    .section3 .list1 .item .con .time {
        font-family: AkzidenzGroteskBQ;
        font-weight: 300;
        font-size: calc(36/900*100vw);
        color: #8A8A8A;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: calc(60/900*100vw);
        background: url(../images/time.png) no-repeat left center;
        background-size: auto 100%;
        line-height: 1.3;
        margin-top: calc(42/900*100vw);
        margin-bottom: calc(46/900*100vw);
    }

    .section3 .list1 .item .con .time .le {
    }

    .section3 .list1 .item .con .time .ri {
    }

    .section3 .list1 .item .con .price {
        font-family: Qualy;
        font-weight: bold;
        font-size: calc(38/900*100vw);
        color: #FFFFFF;
		 margin-bottom: calc(23/900*100vw);
    }

    .section3 .list1 .item .con .price b {
        font-family: Qualy;
        font-weight: bold;
        font-size: calc(54/900*100vw);
        color: #FFFFFF;
    }

    .section3 .list1 .item .con .numpri {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: calc(40/900*100vw);
    }

    .section3 .list1 .item .con .numpri .num {
        font-family: Qualy;
        font-weight: bold;
        font-size: calc(44/900*100vw);
        color: #FFFFFF;
        padding-left: calc(68/900*100vw);
        background: url(../images/logo2.png) no-repeat left center;
        background-size: auto 100%;
        line-height: calc(43/900*100vw);
    }

    .section3 .list1 .item .con .numpri .more {
        width: auto;
        border-radius: calc(8/900*100vw);
        border: calc(2/900*100vw) solid #8B0CDC;
        display: block;
        text-align: center;
        line-height: 3;
        font-family: AkzidenzGroteskBQ;
        font-weight: 300;
        font-size: calc(33/900*100vw);
        color: #FFFFFF;
        padding: 0px 6vw;
    }

    .section3 .list2 {
        padding-top: calc(175/900*100vw);
    }

    .section3 .list2 .item:nth-child(2) {
        padding-left: 0;
        padding-right: 50%;
    }

    .section3 .list2 .item:nth-child(2) .imgbox {
        left: auto;
        right: 0;
    }

    .section3 .list2 .item:nth-child(2) .ris {
        border: calc(2/900*100vw) solid #8B0CDC;
        border-radius: calc(29/900*100vw) 0px 0px calc(29/900*100vw);
    }

    .section3 .list2 .item {
        padding: 0px !important;
        background: #151026;
        border-radius: calc(29/900*100vw);
        position: relative;
        overflow: hidden;
        box-shadow: 0px 0px calc(50/900*100vw) #0c5d88;
        margin-bottom: calc(147/900*100vw);
        padding-top: 70vw !important;
    }

    .section3 .list2 .item .imgbox {
        position: absolute;
        left: 0;
        top: 0px;
        width: 50%;
        height: 100%;
        overflow: hidden;
        background: url(../images/bg4.png) no-repeat center center;
        background-size: cover;
    }

    .section3 .list2 .item .imgbox img.im1 {
        width: calc(652/900*100vw);
        position: absolute;
        right: 80px;
        bottom: 0;
    }

    .section3 .list2 .item .ris {
        border: calc(2/900*100vw) solid #8B0CDC;
        padding-left: calc(60/900*100vw);
        padding-top: calc(73/900*100vw);
        padding-bottom: calc(74/900*100vw);
        border-radius: 0px calc(29/900*100vw) calc(29/900*100vw) 0px;
    }

    .section3 .list2 .item .ris .title {
        font-family: Microsoft YaHei UI;
        font-weight: bold;
        font-size: calc(61/900*100vw);
        color: #F2F2F2;
        line-height: calc(90/900*100vw);
        background: url(../images/logo2.png) no-repeat left center;
        background-size: auto 100%;
        padding-left: calc(130/900*100vw);
    }

    .section3 .list2 .item .ris .dec {
        font-family: AkzidenzGroteskBQ;
        font-weight: 300;
        font-size: calc(33/900*100vw);
        color: #F2F2F2;
        margin-top: calc(77/900*100vw);
        margin-bottom: calc(107/900*100vw);
        line-height: 1.4;
        padding-right: calc(128/900*100vw);
    }

    .section3 .list2 .item .ris .more {
        width: calc(243/900*100vw);
        line-height: calc(75/900*100vw);
        border-radius: calc(15/900*100vw);
        border: calc(2/900*100vw) solid #8B0CDC;
        display: block;
        font-family: AkzidenzGroteskBQ;
        font-weight: 300;
        font-size: calc(30/900*100vw);
        color: #FFFFFF;
        padding-left: calc(35/900*100vw);
        background: url(../images/arr.png) no-repeat 81% center;
        background-size: calc(43/900*100vw);
    }

    .section3 .list2 .item .imgbox {
    left: 0 !important;
    top: 0px;
    height: 70vw !important;
    width: 100%;
    }

    .section3 .list2 .item .imgbox img.im2 {
        width: calc(521/900*100vw);
        bottom: 0;
        position: absolute;
       left: calc(172/900*100vw);
    }

    .section4 {
        padding-top: calc(70/900*100vw);
        padding-left: 15px;
        padding-right: 15px;
    }

    .section4 .titlemodel {
    }

    .section4 .list {
        margin-top: calc(100/900*100vw);
        padding: calc(0/900*100vw) calc(93/900*100vw);
        position: relative;
    }

    .section4 .list .swiper-container {
    }

    .section4 .list .swiper-container .swiper-wrapper {
    }

    .section4 .list .swiper-container .swiper-wrapper .swiper-slide {
    }

    .section4 .list .swiper-container .swiper-wrapper .swiper-slide .imgbox {
    width: 60%;
    margin: auto;
    }

    .section4 .list .swiper-container .swiper-wrapper .swiper-slide .imgbox img {
        width: 100%;
        border-radius: calc(300/900*100vw);
    }

    .section4 .list .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .imgbox {
        background: url(../images/cir.png) no-repeat center center;
        background-size: 100%;
        padding: calc(4/900*100vw);
        /* width: 60%; */
        /* margin: auto; */
    }

    .section4 .list .swiper-button-next {
        background: url(../images/right.png) no-repeat center center;
        background-size: 100%;
        right: 0;
    }

    .section4 .list .swiper-button-prev {
        background: url(../images/left.png) no-repeat center center;
        background-size: 100%;
        left: 0;
    }

    .section5 {
        padding-top: calc(180/900*100vw);
    }

    .section5 .titlemodel {
    }

    .section5 .dec {
        width: 100%;
        font-family: AkzidenzGroteskBQ;
        font-weight: 300;
        font-size: calc(32/900*100vw);
        color: #D4D0DF;
        max-width: 100%;
        margin: auto;
        margin-bottom: calc(80/900*100vw);
        margin-top: calc(40/900*100vw);
        text-align: center;
        line-height: 1.4;
        padding: 0px 15px;
    }

    .section5 .line {
        width: 100%;
        text-align: center;
        margin: auto;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 78%;
    }

    .section5 .line:after {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        background: #FFFFFF;
        height: calc(3/900*100vw);
        margin-top: calc(-1/900*100vw);
    }

    .section5 .line .num {
        width: calc(81/900*100vw);
        line-height: calc(77/900*100vw);
        background: linear-gradient(45deg,#995EDF,#4B8CEE,#04E7C9);
        border-radius: 50%;
        border: calc(2/900*100vw) solid #8B0CDC;
        font-family: Qualy;
        font-weight: bold;
        font-size: calc(24/900*100vw);
        color: #FFFFFF;
        cursor: pointer;
        position: relative;
        z-index: 4;
    }

    .section5 .list {
        margin-top: calc(130/900*100vw);
        margin-left: 15px;
        margin-right: 15px;
    }

    .section5 .list .swiper-container {
    }

    .section5 .list .swiper-container .swiper-wrapper {
    }

    .section5 .list .swiper-container .swiper-wrapper .swiper-slide {
    }

    .section5 .list .swiper-container .swiper-wrapper .swiper-slide .content {
        position: relative;
        padding-top: calc(90/900*100vw);
    }

    .section5 .list .swiper-container .swiper-wrapper .swiper-slide .content .cons {
        width: calc(1101/900*100vw);
        height: auto;
        background: url(../images/bg10.png) no-repeat center center;
        border-radius: calc(35/900*100vw);
        border: calc(2/900*100vw) solid #8B0CDC;
        margin: auto;
        background-size: 100% 100%;
        font-family: AkzidenzGroteskBQ;
        font-weight: 300;
        font-size: calc(32/900*100vw);
        color: #FFFFFF;
        line-height: 2;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: calc(30/900*100vw);
        width: 75%;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }

    .section5 .list .swiper-container .swiper-wrapper .swiper-slide .content .cons .nums {
        width: calc(173/900*100vw);
        height: calc(175/900*100vw);
        position: absolute;
        background: url(../images/star.png) no-repeat center center;
        background-size: 100% 100%;
        text-align: center;
        font-family: Qualy;
        font-weight: bold;
        font-size: calc(38/900*100vw);
        color: #FFFFFF;
        line-height: calc(175/900*100vw);
        right: calc(-50/900*100vw);
        top: calc(-90/900*100vw);
    }

    .section5 .list .swiper-container .swiper-wrapper .swiper-slide .content .cons .desc {
    }

    .section5 .list .swiper-container .swiper-wrapper .swiper-slide .content .cons .desc p {
        padding-left: calc(30/900*100vw);
        background: url(../images/bq.png) no-repeat left center;
        background-size: calc(21/900*100vw);
    }

    .section5 .list .swiper-container .swiper-button-next {
        width: calc(102/900*100vw);
        height: calc(102/900*100vw);
        background: url(../images/right2.png) no-repeat center center;
        background-size: 100%;
        margin-top: calc(-10/900*100vw);
        top: 50%;
        right: 0;
    }

    .section5 .list .swiper-container .swiper-button-prev {
        width: calc(102/900*100vw);
        height: calc(102/900*100vw);
        background: url(../images/left2.png) no-repeat center center;
        background-size: 100%;
        margin-top: calc(-10/900*100vw);
        top: 50%;
        left: 0;
    }

    .section6 {
        padding-top: calc(285/900*100vw);
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: calc(190/900*100vw);
    }

    .section6 .content {
        background: linear-gradient(90deg,rgba(14,240,169,0.1),rgba(107,147,208,0.1),rgba(207,39,246,0.1));
        border-radius: calc(35/900*100vw);
        border: calc(2/900*100vw) solid #00BAFF;
        text-align: center;
        padding-bottom: calc(135/900*100vw);
        padding-top: calc(60/900*100vw);
    }

    .section6 .content .title span {
        font-family: Qualy;
        font-weight: bold;
        font-size: calc(48/900*100vw);
        color: #FFFFFF;
        line-height: calc(72/900*100vw);
        background: linear-gradient(90deg,#07EFBF 0%,#1B46A5 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .section6 .content .title {
        text-align: center;
        line-height: calc(74/900*100vw);
        background: url(../images/logo2.png) no-repeat center left;
        background-size: auto 100%;
        display: inline-block;
        padding-left: calc(124/900*100vw);
        padding-right: calc(125/900*100vw);
    }

    .section6 .content .dec {
        font-family: AkzidenzGroteskBQ;
        font-weight: 300;
        font-size: calc(32/900*100vw);
        color: #D4D0DF;
        width: calc(937/900*100vw);
        margin: auto;
        margin-top: calc(77/900*100vw);
        max-width: 100%;
        margin-bottom: calc(60/900*100vw);
        line-height: 1.4;
        margin-left: 6vw;
        margin-right: 6vw;
        max-width: 100%;
        width: auto;
    }

    .section6 .content .join {
        background: url(../images/border.png) no-repeat center center;
        background-size: 100%;
        margin: auto;
        max-width: 100%;
        width: calc(1187/900*100vw);
        height: calc(130/900*100vw);
        overflow: hidden;
        position: relative;
        background: linear-gradient(90deg, rgba(14, 240, 169, 0.1), rgba(107, 147, 208, 0.1), rgba(207, 39, 246, 0.1));
        border-radius: calc(35 / 900* 100vw);
        border: calc(2 / 900* 100vw) solid #00BAFF;
        width: 90%;
        margin: auto;
    }

    .section6 .content .join .lef {
        float: left;
        width: calc(100% - calc(164/900*100vw));
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: calc(70/900*100vw);
    }

    .section6 .content .join .lef .tit {
        font-family: AkzidenzGroteskBQ;
        font-weight: 300;
        font-size: calc(36/900*100vw);
        color: #D4D0DF;
        white-space: nowrap;
    }

    .section6 .content .join .lef .words {
        width: 100%;
        height: 100%;
        border: none;
        background: none;
        font-family: AkzidenzGroteskBQ;
        font-weight: 300;
        font-size: calc(36/900*100vw);
        color: #D4D0DF;
        padding: 0px calc(30/900*100vw);
    }

    .section6 .content .join .send {
        float: left;
        width: calc(164/900*100vw);
        height: 100%;
        border: none;
        background: none;
        font-family: AkzidenzGroteskBQ;
        font-weight: 300;
        font-size: calc(36/900*100vw);
        color: #D4D0DF;
    }

    .footer {
        background: #181539;
        display: block;
        align-items: center;
        justify-content: space-between;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: calc(136/900*100vw);
        padding-bottom: calc(90/900*100vw);
    }

    .footer .left {
        text-align: center;
        width: 100%;
    }

    .footer .left > img {
        height: calc(99/900*100vw);
    }

    .footer .left .dec {
        font-family: AkzidenzGroteskBQ;
        font-weight: 300;
        font-size: calc(32/900*100vw);
        color: #FFFFFF;
        margin-top: calc(46/900*100vw);
        margin-bottom: calc(55/900*100vw);
        line-height: 1.4;
    }

    .footer .left .link {
        font-size: 0;
    }

    .footer .left .link a {
    }

    .footer .left .link a img {
        margin: 0 calc(9/900*100vw);
        height: calc(50/900*100vw);
    }

    .footer .right {
    padding-top: 6vw;
    }

    .footer .right .title {
        font-family: Qualy;
        font-weight: bold;
        font-size: calc(40/900*100vw);
        color: #FFFFFF;
    }

    .footer .right .link {
        zoom:1;overflow: hidden;
        padding-top: calc(40/900*100vw);
    }

    .footer .right .link a {
        font-family: AkzidenzGroteskBQ;
        font-weight: 300;
        font-size: calc(32/900*100vw);
        color: #8B8B8B;
        width: 33.33%;
        float: left;
        margin-bottom: calc(43/900*100vw);
    }
	
	
	
	
	
	
	
	.wo {
    font-family: Qualy;
    font-weight: bold;
    font-size: calc(33/900*100vw);
    color: #FFFFFF;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}