@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 850px) {
}

@media screen and (max-width: 850px) {
    .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 {
    }

    .pc {
        display: none;
    }

    .wap {
        display: block;
    }

    .head {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        position: static;
    }

    .head .more {
        position: fixed;
        right: 64px;
        top: 13px;
        z-index: 55555;
        margin: 0;
        width: auto;
        padding: 0px 10px;
        line-height: 27px;
        font-size: 15px;
    }

    .head .logo {
        padding-top: calc(22/850*100vw);
        padding-left: calc(13/850*100vw);
        float: left;
        width: calc(55/850*100vw);
    }

    .head .logo a img {
        width: 100%;
    }

    .section1 {
        position: relative;
        padding-top: calc(517/850*100vw);
    }

    .section1 .bgs {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        text-align: center;
    }

    .section1 .bgs img {
        width: 100%;
    }

    .section1 .balls {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        text-align: center;
    }

    .section1 .balls .img1 {
        height: calc(226/850*100vw);
    }

    .section1 .balls .img2 {
        height: calc(541/850*100vw);
        margin-left: calc(-126/850*100vw);
    }

    .section1 .balls .img3 {
        height: calc(238/850*100vw);
    }

    .section1 .txt {
        text-align: center;
        position: relative;
        z-index: 4;
    }

    .section1 .txt .txt1 {
        font-family: rigelstar;
        font-weight: 400;
        font-size: calc(97/850*100vw);
        color: #FFFFFF;
        text-shadow: 0px 0px calc(26/850*100vw) rgba(255,210,0,0.45);
    }

    .section1 .txt .txt2 {
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(24/850*100vw);
        color: #6E6E6E;
        padding-top: calc(48/850*100vw);
        padding-bottom: calc(46/850*100vw);
        padding-left: 20px;
        padding-right: 20px;
        line-height: 1.5;
    }

    .section1 .txt .link {
        font-size: 0;
    }

    .section1 .txt .link a {
        width: calc(200/850*100vw);
        line-height: calc(62/850*100vw);
        background: rgba(0,0,0,0.2);
        border-radius: calc(550/850*100vw);
        border: calc(2/850*100vw) solid #DCBC85;
        margin: 0px calc(33/850*100vw);
        display: inline-block;
        text-align: center;
    }

    .section1 .txt .link a img {
        height: calc(32/850*100vw);
    }

    .section1 .txt .link a span {
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(24/850*100vw);
        color: #FFFFFF;
        margin-left: calc(14/850*100vw);
        vertical-align: middle;
    }

    .section2 .wrap {
        display: block;
        justify-content: space-between;
        align-items: center;
    }

    .section2 {
        padding-top: calc(260/850*100vw);
        padding-bottom: calc(180/850*100vw);
        background: url(../images/bg2.png) no-repeat center center;
        background-size: auto 142%;
    }

    .index .wrap {
        margin: 0px calc(30/850*100vw);
    }

    .section2 .wrap .left {
    }

    .section2 .wrap .left .title0:after {
        content: "";
        position: absolute;
        left: 0;
        top: calc(50/850*100vw);
        width: calc(29/850*100vw);
        height: calc(3/850*100vw);
        background: #909090;
        top: 50%;
    }

    .section2 .wrap .left .title0 {
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(24/850*100vw);
        color: #909090;
        padding-left: calc(32/850*100vw);
        position: relative;
    }

    .section2 .wrap .left .title1 {
        font-family: rigelstar;
        font-weight: 400;
        font-size: calc(66/850*100vw);
        color: #FFFFFF;
        padding-top: calc(55/850*100vw);
        padding-bottom: calc(49/850*100vw);
        background-image: linear-gradient(to right,#dfc290,#fff);
        -webkit-background-clip: text;
        color: transparent;
    }

    .section2 .wrap .left .dec {
        width: calc(555/850*100vw);
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(24/850*100vw);
        color: #959595;
        line-height: calc(36/850*100vw);
    }

    .section2 .wrap .right {
        position: relative;
        margin-top: calc(67/850*100vw);
        /* margin: auto; */
        width: calc(513/850*100vw);
        margin: auto;
        margin-top: 13vw;
    }

    .section2 .wrap .right img {
        width: calc(513/850*100vw);
        left: 0;
    }

    .section2 .wrap .right .im1 {
        position: absolute;
        top: calc(-45/850*100vw);
        z-index: 3;
    }

    .section2 .wrap .right .im2 {
        position: relative;
        z-index: 2;
        opacity: 0.45;
    }

    .section2 .wrap .right .im3 {
        position: absolute;
        top: calc(45/850*100vw);
        z-index: 1;
    }

    .section3 {
        background: url(../images/bg3.png) no-repeat center bottom;
        background-size: 300%;
        padding-bottom: calc(111/850*100vw);
    }

    .section3 .wrap {
    }

    .titlemodel {
        text-align: center;
    }

    .titlemodel .tit {
        display: inline-block;
        position: relative;
    }

    .titlemodel .tit span:after,.titlemodel .tit span:before {
        content: "";
        position: absolute;
        top: 50%;
        width: calc(29/850*100vw);
        height: calc(3/850*100vw);
        background: #909090;
        margin-top: calc(-1/850*100vw);
        left: 0;
    }

    .titlemodel .tit span:before {
        left: auto;
        right: 0;
    }

    .titlemodel .tit span {
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(24/850*100vw);
        color: #909090;
        padding: 0 calc(36/850*100vw);
    }

    .titlemodel .dec1 {
        font-family: rigelstar;
        font-weight: 400;
        font-size: calc(50/850*100vw);
        color: #FFFFFF;
        margin-top: calc(45/850*100vw);
    }

    .titlemodel .dec2 {
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(24/850*100vw);
        color: #6E6E6E;
        padding-top: calc(44/850*100vw);
        line-height: 1.4;
    }

    .section3 .wrap .list:after {
        content: "";
        display: table;
        clear: both;
    }

    .section3 .wrap .list {
        padding-top: calc(120/850*100vw);
        text-align: center;
    }

    .section3 .wrap .list .item:last-child {
        margin-right: 0;
    }

    .section3 .wrap .list .item {
        width: calc(403/850*100vw);
        height: auto;
        background: #000;
        background-size: cover;
        position: relative;
        border: 1px solid #fff;
        border-radius: calc(23/850*100vw);
        padding-top: calc(42/850*100vw);
        float: none;
        width: 100%;
        margin-right: calc(80/850*100vw);
        margin-bottom: 6vw;
        margin-right: 0;
        padding-bottom: 7vw;
    }

    .section3 .wrap .list .item .dots {
        position: absolute;
        text-align: center;
        width: 100%;
        left: 0;
        top: calc(-39/850*100vw);
    }

    .section3 .wrap .list .item .dots img {
        height: calc(94/850*100vw);
    }

    .section3 .wrap .list .item .icon {
    }

    .section3 .wrap .list .item .icon img {
        height: calc(61/850*100vw);
    }

    .section3 .wrap .list .item .title {
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(30/850*100vw);
        color: #FFFFFF;
        padding-bottom: calc(53/850*100vw);
        padding-top: calc(21/850*100vw);
    }

    .section3 .wrap .list .item .dec {
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(24/850*100vw);
        color: #B0B0B0;
        padding: 0 calc(50/850*100vw);
        line-height: 1.4;
        text-align: left;
    }

    .section4 {
        background: url(../images/bg4.png) no-repeat center bottom;
        background-size: 100%;
        padding-bottom: calc(100/850*100vw);
        padding-top: 8vw;
    }

    .section4 .wrap {
    }

    .section4 .wrap .titlemodel {
    }

    .section4 .wrap .titlemodel .tit {
    }

    .section4 .wrap .titlemodel .tit span {
    }

    .section4 .wrap .titlemodel .dec1 {
    }

    .section4 .wrap .list:after {
        content: "";
        display: table;
        clear: both;
    }

    .section4 .wrap .list {
        background: url(../images/charts.png) no-repeat center calc(97/850*100vw);
        background-size: calc(608/850*100vw);
        height: calc(580/850*100vw);
    }

    .section4 .wrap .list .item:nth-child(2n) {
        padding-left: calc(146/850*100vw);
    }

    .section4 .wrap .list .item:nth-child(1) {
        width: calc(541/850*100vw);
        height: calc(188/850*100vw);
        background: url(../images/k1.png) no-repeat center center;
        background-size: 100%;
        margin-left: calc(34/850*100vw);
    }

    .section4 .wrap .list .item:nth-child(2) {
        width: calc(541/850*100vw);
        height: calc(188/850*100vw);
        background: url(../images/k2.png) no-repeat center center;
        background-size: 100%;
        margin-left: calc(57/850*100vw);
        margin-top: calc(75/850*100vw);
    }

    .section4 .wrap .list .item:nth-child(3) {
        width: calc(541/850*100vw);
        height: calc(188/850*100vw);
        background: url(../images/k3.png) no-repeat center center;
        background-size: 100%;
        margin-left: calc(82/850*100vw);
    }

    .section4 .wrap .list .item:nth-child(4) {
        width: calc(541/850*100vw);
        height: calc(188/850*100vw);
        background: url(../images/k4.png) no-repeat center center;
        background-size: 100%;
        float: right;
        margin-right: calc(72/850*100vw);
        margin-top: calc(19/850*100vw);
    }

    .section4 .wrap .list .item {
        padding-top: calc(80/850*100vw);
        padding-left: calc(90/850*100vw);
        float: left;
    }

    .section4 .wrap .list .item .val {
        font-family: Century Gothic;
        font-weight: bold;
        font-size: calc(30/850*100vw);
        color: #FFFFFF;
    }

    .section4 .wrap .list .item .title {
        font-family: Adobe Heiti Std;
        font-weight: normal;
        font-size: calc(24/850*100vw);
        color: #FFFFFF;
        padding-top: calc(14/850*100vw);
    }

    .section5 {
    }

    .section5 .wrap {
        display: block;
        justify-content: space-between;
        align-items: center;
    }

    .section5 .wrap .left {
    }

    .section5 .wrap .left .models {
    }

    .section5 .wrap .left .models .model {
    }

    .section5 .wrap .left .models .model .title:after {
    }

    .section5 .wrap .left .models .model .title:after {
        content: "";
        position: absolute;
        left: 0;
        top: calc(50/850*100vw);
        width: calc(29/850*100vw);
        height: calc(3/850*100vw);
        background: #909090;
        top: 50%;
    }

    .section5 .wrap .left .models .model .title {
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(24/850*100vw);
        color: #909090;
        padding-left: calc(32/850*100vw);
        position: relative;
    }

    .section5 .wrap .left .models .model .title1 {
        font-family: rigelstar;
        font-weight: 400;
        font-size: calc(66/850*100vw);
        color: #FFFFFF;
        margin-top: calc(61/850*100vw);
        margin-bottom: calc(59/850*100vw);
        background-image: linear-gradient(to right,#dfc290,#fff);
        -webkit-background-clip: text;
        color: transparent;
        display: inline-block;
    }

    .section5 .wrap .left .models .model .dec {
        width: calc(800/850*100vw);
		 height: calc(150/850*100vw);
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(24/850*100vw);
        color: #959595;
        line-height: calc(36/850*100vw);
    }

    .section5 .wrap .left .models .dots {
    }

    .section5 .wrap .left .models .dots i {
        display: inline-block;
        margin-top: calc(28/850*100vw);
        margin-right: calc(27/850*100vw);
        width: calc(26/850*100vw);
        height: calc(26/850*100vw);
        background: #909090;
        border-radius: 50%;
    }

    .section5 .wrap .right {
        display: flex;
        margin-left: 5vw;
        margin-top: 5vw;
    }

    .section5 .wrap .right .imgbox.current {
        opacity: 1;
        z-index: 111;
    }

    .section5 .wrap .right .imgbox:nth-child(1) {
        margin: 0;
        border-left: 1px solid #fff;
    }

    .section5 .wrap .right .imgbox:nth-child(2) {
        margin-left: calc(-230/850*100vw);
        z-index: 9;
        opacity: .4;
    }

    .section5 .wrap .right .imgbox:nth-child(3) {
        margin-left: calc(-230/850*100vw);
        z-index: 8;
        opacity: .2;
    }

    .section5 .wrap .right .imgbox:nth-child(4) {
        z-index: 7;
        opacity: .3;
        margin-left: calc(-230/850*100vw);
    }

    .section5 .wrap .right .imgbox:after {
        content: "";
        position: absolute;
        width: calc(243/850*100vw);
        height: calc(86/850*100vw);
        background: url(../images/jiao.png) no-repeat center center;
        background-size: 100%;
        left: calc(67/850*100vw);
        top: calc(-37/850*100vw);
    }

    .section5 .wrap .right .imgbox {
        width: calc(370/850*100vw);
        height: calc(535/850*100vw);
        background: url(../images/blur.png) no-repeat center center;
        background-size: 100% 100%;
        position: relative;
        margin-left: calc(-160/850*100vw);
        opacity: .3;
        z-index: 10;
        border: 1px solid #fff;
        border-radius: calc(24/850*100vw);
        border-left: none;
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(60px);
        background-color: rgba(104,104,104,0.35);
        cursor: pointer;
    }

    .section5 .wrap .right .imgbox img {
        position: absolute;
        bottom: 0;
        left: 48%;
        transform: translate(-50%,0%);
        max-width: 130%;
    }

    .section6 {
        padding-top: 20vw;
        padding-bottom: 20vw;
        background: url(../images/bg5.png) no-repeat left center;
        background-size: calc(1241/850*100vw);
    }

    .section6 .wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .section6 .wrap .left {
        width: calc(566/850*100vw);
        height: calc(566/850*100vw);
        position: relative;
    }

    .section6 .wrap .left .line {
        position: absolute;
        top: 50%;
        left: 50%;
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .section6 .wrap .left .circle img {
        width: calc(592/850*100vw);
    }

    .section6 .wrap .left .circle {
        position: absolute;
        top: 50%;
        left: 50%;
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .section6 .wrap .left .center {
        position: absolute;
        top: 50%;
        left: 50%;
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .section6 .wrap .left .center img {
        width: calc(530/850*100vw);
    }

    .section6 .wrap .right {
    margin-left: 7vw;
    width: 51vw;
    }

    .section6 .wrap .right .title:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: calc(29/850*100vw);
        height: calc(3/850*100vw);
        background: #909090;
    }

    .section6 .wrap .right .title {
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(24/850*100vw);
        color: #909090;
        padding-right: calc(43/850*100vw);
        position: relative;
        display: inline-block;
    }

    .section6 .wrap .right .dec1 {
        font-family: rigelstar;
        font-weight: 400;
        font-size: calc(66/850*100vw);
        color: #FFFFFF;
        margin-top: calc(30/850*100vw);
        margin-bottom: calc(59/850*100vw);
        display: inline-block;
        background-image: linear-gradient(to right,#dfc290,#fff);
        -webkit-background-clip: text;
        color: transparent;
    }

    .section6 .wrap .right .dec2 {
        width: auto;
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(24/850*100vw);
        color: #959595;
        line-height: calc(36/850*100vw);
    }

    .section7 {
        background: url(../images/bg6.png) no-repeat center center;
        background-size: 100%;
    }

    .section7 .wrap {
    }

    .section7 .wrap .titlemodel {
    }

    .section7 .wrap .titlemodel .tit {
    }

    .section7 .wrap .titlemodel .tit span {
    }

    .section7 .wrap .titlemodel .dec1 {
    }

    .section7 .wrap .titlemodel .dec2 {
    }

    .section7 .wrap .list:after {
        content: "";
        display: table;
        clear: both;
    }

    .section7 .wrap .list {
        padding-top: calc(70/850*100vw);
    }

    .section7 .wrap .list .item:nth-child(2n) {
        float: right;
    }

    .section7 .wrap .list .item:nth-child(1) {
    }

    .section7 .wrap .list .item:nth-child(2) {
    }

    .section7 .wrap .list .item:nth-child(3) {
    }

    .section7 .wrap .list .item:nth-child(4) {
    }

    .section7 .wrap .list .item {
        width: calc((100% - calc(40/850*100vw))/2);
        background: rgba(0,0,0,0.03);
        border-radius: calc(32/850*100vw);
        border: 1px solid #FFE295;
        float: left;
        position: relative;
        padding-top: calc(94/850*100vw);
        padding-left: calc(52/850*100vw);
        padding-right: calc(52/850*100vw);
        margin-bottom: calc(40/850*100vw);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        background-color: rgba(0,0,0,0.35);
    }

    .section7 .wrap .list .item .time1 {
        text-align: right;
        top: calc(47/850*100vw);
        right: calc(56/850*100vw);
        position: absolute;
    }

    .section7 .wrap .list .item .time1 .day {
        font-family: Century Gothic;
        font-weight: bold;
        font-size: calc(60/850*100vw);
        color: #FFFFFF;
    }

    .section7 .wrap .list .item .time1 .mon {
        font-family: Century Gothic;
        font-weight: bold;
        font-size: calc(30/850*100vw);
        color: #FFFFFF;
        padding-top: calc(3/850*100vw);
    }

    .section7 .wrap .list .item .time2 {
        font-family: Century Gothic;
        font-weight: bold;
        font-size: calc(30/850*100vw);
        color: #000000;
        display: inline-block;
        padding: 0 calc(12/850*100vw);
        line-height: calc(39/850*100vw);
        background: #F9C230;
        border-radius: calc(6/850*100vw);
        border: 1px solid #F9C230;
        text-align: center;
    }

    .section7 .wrap .list .item .dec {
        padding-top: calc(60/850*100vw);
        padding-bottom: calc(70/850*100vw);
    }

    .section7 .wrap .list .item .dec p:after {
        content: '';
        position: absolute;
    }

    .section7 .wrap .list .item .dec p:last-child {
        margin: 0;
    }

    .section7 .wrap .list .item .dec p {
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(20/850*100vw);
        color: #6E6E6E;
        line-height: 1.5;
        position: relative;
        background: url(../images/l.png) no-repeat left -3px;
        padding-left: calc(40/850*100vw);
        background-size: calc(36/850*100vw);
        margin-bottom: calc(37/850*100vw);
    }

    .section8 {
        text-align: center;
        padding-bottom: calc(95/850*100vw);
    }

    .section8 .wrap {
    }

    .section8 .wrap .content {
    }

    .section8 .wrap .content .imgbox {
    }

    .section8 .wrap .content .imgbox img {
        width: 100%;
    }

    .section8 .wrap .content .title {
        font-family: rigelstar;
        font-weight: 400;
        font-size: calc(50/850*100vw);
        color: #FFFFFF;
        margin-top: calc(-88/850*100vw);
    }

    .section8 .wrap .content .dec {
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(24/850*100vw);
        color: #6E6E6E;
        padding-top: calc(44/850*100vw);
        margin-bottom: calc(50/850*100vw);
    }

    .section8 .wrap .content .link {
        font-size: 0;
    }

    .section8 .wrap .content .link a {
        width: calc(62/850*100vw);
        height: calc(62/850*100vw);
        background: rgba(0,0,0,0.2);
        border-radius: calc(30/850*100vw);
        border: 2px solid #DCBC85;
        display: inline-block;
        margin: 0 calc(20/850*100vw);
        position: relative;
    }

    .section8 .wrap .content .link a img {
        height: calc(32/850*100vw);
        position: absolute;
        top: 50%;
        left: 50%;
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .footer {
        background: #111111;
        padding: 0 calc(144/850*100vw);
        padding-top: calc(86/850*100vw);
        padding-bottom: calc(165/850*100vw);
    }

    .footer .content {
        border-bottom: 1px solid #959595;
        zoom:1;padding-bottom: calc(82/850*100vw);
        overflow: hidden;
    }

    .footer .content .left {
        text-align: center;
        width: calc(353/850*100vw);
        margin-left: 0;
        float: none;
        margin: auto;
    }

    .footer .content .left img {
        height: calc(135/850*100vw);
    }

    .footer .content .left .title {
        font-family: rigelstar;
        font-weight: 400;
        font-size: calc(27/850*100vw);
        color: #FFFFFF;
        padding-top: calc(23/850*100vw);
        padding-bottom: calc(29/850*100vw);
    }

    .footer .content .left .dec {
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(16/850*100vw);
        color: #6E6E6E;
        line-height: 1.4;
    }

    .footer .content .right {
        float: none;
        margin-left: 0;
        padding-top: 7vw;
    }

    .footer .content .right .title {
        font-family: Century Gothic;
        font-weight: bold;
        font-size: calc(24/850*100vw);
        color: #FFFEFE;
        padding-bottom: calc(51/850*100vw);
    }

    .footer .content .right .link {
    }

    .footer .content .right .link .it {
        float: left;
        width: calc(172/850*100vw);
    }

    .footer .content .right .link .it a {
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(18/850*100vw);
        color: #858585;
        display: block;
        margin-bottom: calc(21/850*100vw);
    }

    @font-face {
        font-family: 'rigelstar';
        src: url('../fonts/Rigelstar-2.otf');
    }
    .section6 .wrap .left .line{
    	height: 70%;
    }
}
