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

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

@media screen and (max-width: 600px) {
    .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-top: calc(32/600*100vw);
        padding-left: calc(32/600*100vw);
        padding-right: calc(46/600*100vw);
        position: absolute;
    }

    .head .more {
        position: fixed;
        right: 64px;
        top: 14px;
        z-index: 55555;
        margin: 0;
    }

    .head .logo {
        padding-top: calc(22/600*100vw);
        padding-left: calc(13/600*100vw);
        float: left;
        width: calc(55/600*100vw);
    }

    .head .logo a img {
        width: 100%;
    }

    .head {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 4544;
        background: #fff;
        padding: 0;
        position: static;
    }

    .head .wrap {
        justify-content: space-between;
        align-items: center;
    }

    .wrap {
        padding: 0px calc(120/600*100vw);
    }

    .head .wrap .logo.pc {
        float: left;
        padding-top: calc(20/600*100vw);
        padding-bottom: calc(20/600*100vw);
    }

    .head .wrap .logo.pc a {
    }

    .head .wrap .logo.pc a img {
        height: calc(61/600*100vw);
    }

    .head .wrap .nav.pc {
        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%);
    }

    .head .wrap .nav.pc ul {
        display: flex;
    }

    .head .wrap .nav.pc ul li {
        display: inline-block;
        margin: 0px calc(35/600*100vw);
    }

    .head .wrap .nav.pc ul li h2.h2tit {
    }

    .head .wrap .nav.pc ul li h2.h2tit a {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 400;
        font-size: calc(18/600*100vw);
        color: #333333;
        display: block;
    }

    .head .wrap .right {
        float: right;
        position: relative;
        z-index: 3;
        display: flex;
        align-items: center;
        height: calc(100/600*100vw);
        position: fixed;
        height: 50px;
        top: 0;
        z-index: 9999;
        right: 53px;
    }

    .head .wrap .right .lan {
        position: relative;
        background: url(../images/lan.png) no-repeat left center;
        background-size: calc(24/600*100vw);
    }

    .head .wrap .right .lan h2.h2tit {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 400;
        font-size: calc(18/600*100vw);
        color: #333333;
        padding-left: calc(35/600*100vw);
        line-height: calc(24/600*100vw);
        padding-right: calc(20/600*100vw);
        background: url(../images/down.png) no-repeat right center;
        background-size: calc(20/600*100vw);
    }

    .head .wrap .right .lan:hover dl,.head .wrap .right .lan.current dl {
        top: calc(28/600*100vw);
        visibility: visible;
        opacity: 1;
        z-index: 5;
    }

    .head .wrap .right .lan dl {
        position: absolute;
        width: 100%;
        left: 0;
        top: calc(25/600*100vw);
        background: #fff;
        text-align: center;
        padding: calc(5/600*100vw) 0px;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        top: calc(35/600*100vw);
        -webkit-box-shadow: 0px calc(12/600*100vw) calc(24/600*100vw) 0px rgba(0,0,0,0.09);
        -moz-box-shadow: 0px calc(12/600*100vw) calc(24/600*100vw) 0px rgba(0,0,0,0.09);
        -o-box-shadow: 0px calc(12/600*100vw) calc(24/600*100vw) 0px rgba(0,0,0,0.09);
        -ms-box-shadow: 0px calc(12/600*100vw) calc(24/600*100vw) 0px rgba(0,0,0,0.09);
        box-shadow: 0px calc(12/600*100vw) calc(24/600*100vw) 0px rgba(0,0,0,0.09);
    }

    .head .wrap .right .lan dl dd {
    }

    .head .wrap .right .lan dl dd a {
        color: #000;
        line-height: 3;
        display: block;
        font-size: calc(18 / 600* 100vw);
    }

    .head .wrap .right .link {
    }

    .head .wrap .right .link a {
        margin-left: calc(24/600*100vw);
    }

    .head .wrap .right .link a img {
        height: calc(32/600*100vw);
    }

    .head .wrap .right .mint {
        width: calc(80/600*100vw);
        line-height: calc(40/600*100vw);
        background: #18F1D9;
        border-radius: calc(22/600*100vw);
        text-align: center;
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 500;
        font-size: calc(16/600*100vw);
        color: #091743;
        margin-left: calc(24/600*100vw);
    }

    .section1 {
        padding-top: calc(66/600*100vw);
        padding-bottom: calc(48/600*100vw);
        background: #231F20;
    }

    .section1 .title:after {
        content: "";
        position: absolute;
        width: calc(200/600*100vw);
        height: calc(2/600*100vw);
        top: 50%;
        right: 0;
        background: rgba(255,255,255,0.11);
    }

    .section1 .title {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 400;
        font-size: calc(36/600*100vw);
        color: #FFFFFF;
        position: relative;
        margin: 0px calc(38/600*100vw);
    }

    .section1 .title2 {
        padding: 0px calc(30/600*100vw);
    }

    .section1 .title2 img {
        width: 100%;
        margin-top: calc(26/600*100vw);
        margin-bottom: calc(27/600*100vw);
    }

    .section1 .content {
        margin-left: calc(30/600*100vw);
        margin-right: calc(30/600*100vw);
        display: block;
        align-items: center;
        position: relative;
        justify-content: space-between;
        align-items: flex-start;
        padding-bottom: calc(120/600*100vw);
    }

    .section1 .content .left {
    }

    .section1 .content .left img {
        width: 40%;
        display: block;
        margin: auto;
    }

    .section1 .content .right:after {
        content: "";
        position: absolute;
        width: calc(18/600*100vw);
        height: calc(12/600*100vw);
        background: url(../images/t7.png) no-repeat center center;
        background-size: 100%;
        right: calc(-11/600*100vw);
        bottom: calc(-11/600*100vw);
    }

    .section1 .content .right {
        width: 100%;
        height: calc(360/600*100vw);
        border: calc(4/600*100vw) solid rgba(255,255,255,0.11);
        position: relative;
        border-left: none;
        border-bottom: none;
        padding-top: calc(45/600*100vw);
        margin-top: calc(41/600*100vw);
    }

    .section1 .content .right .icon {
        position: absolute;
        z-index: 2;
        top: calc(-67/600*100vw);
        right: calc(-90/600*100vw);
    }

    .section1 .content .right .icon img {
        width: calc(224/600*100vw);
    }

    .section1 .content .right .title3 {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 800;
        font-size: calc(50/600*100vw);
        color: #FFFFFF;
    }

    .section1 .content .right .dec {
        width: 90%;
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 400;
        font-size: calc(20/600*100vw);
        color: #FFFFFF;
        line-height: calc(40/600*100vw);
        text-align: left;
        font-style: normal;
        padding-top: calc(32/600*100vw);
    }

    .section1 .content .dot {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .section1 .content .dot img {
        height: calc(12/600*100vw);
    }

    .section1 .content .mouse {
        position: absolute;
        bottom: 0;
        left: 50%;
        -o-transform: translate(-50%,0%);
        -webkit-transform: translate(-50%,0%);
        -moz-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
        transform: translate(-50%,0%);
    }

    .section1 .content .mouse img {
        width: calc(32/600*100vw);
    }

    .section2 {
        background: #231F20;
    }

    .section2 .content {
        position: relative;
        text-align: center;
        height: calc(456/600*100vw);
        background: url(../images/jx.png) no-repeat center center;
        background-size: auto 100%;
        padding-top: calc(137/600*100vw);
    }

    .section2 .content .icon {
        position: absolute;
        top: calc(426/600*100vw);
        left: 2vw;
    }

    .section2 .content .icon img {
        width: calc(170/600*100vw);
    }

    .section2 .content .title {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 800;
        font-size: calc(40/600*100vw);
        color: #FFFFFF;
    }

    .section2 .content .line {
        width: calc(987/600*100vw);
        height: calc(32/600*100vw);
        background: rgb(216 216 216 / 12%);
        border-radius: calc(24/600*100vw);
        max-width: 90%;
        margin: auto;
        position: relative;
        margin-top: calc(64/600*100vw);
        margin-bottom: calc(58/600*100vw);
    }

    .section2 .content .line i {
        height: calc(32/600*100vw);
        background: linear-gradient( 270deg,#18F1D9 0%,#18AEF1 31%,#3F57C5 65%,#5108AB 100%);
        border-radius: calc(24/600*100vw);
        display: block;
        position: relative;
        width: 45%;
        height: 100%;
    }

    .section2 .content .line i .val {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 600;
        font-size: calc(20/600*100vw);
        color: #091743;
        width: calc(63/600*100vw);
        height: calc(35/600*100vw);
        position: absolute;
        right: calc(-27/600*100vw);
        top: calc(-39/600*100vw);
        background: url(../images/kuang.png) no-repeat center center;
        background-size: 100%;
        font-style: normal;
        padding-top: calc(6/600*100vw);
    }

    .section2 .content .btns {
        font-size: 0;
    }

    .section2 .content .btns button {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 600;
        font-size: calc(16/600*100vw);
        color: #091743;
        border: none;
        margin: 0px calc(12/600*100vw);
        width: calc(200/600*100vw);
        height: calc(60/600*100vw);
        background: #18F1D9;
        border-radius: calc(40/600*100vw);
        width: auto;
        display: inline-block;
        padding: 0px 4vw;
    }

    .section3 {
        padding-bottom: calc(100/600*100vw);
        padding-bottom: 2vw;
    }

    .section3 .title {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 800;
        font-size: calc(50/600*100vw);
        color: #FFFFFF;
        text-align: center;
        padding-top: calc(100/600*100vw);
        padding-bottom: calc(113/600*100vw);
    }

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

    .section3 .list {
        padding: 0px calc(30/600*100vw);
    }

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

    .section3 .list .item {
        float: left;
        width: 48%;
        margin-right: 0;
        text-align: center;
        height: calc(347/600*100vw);
        background: rgba(255,255,255,0.08);
        border-radius: calc(50/600*100vw);
        border: calc(4/600*100vw) solid rgba(255,255,255,0.39);
        position: relative;
        margin: 1%;
        margin-bottom: 11vw;
    }

    .section3 .list .item .icon {
        width: calc(125/600*100vw);
        height: calc(125/600*100vw);
        background: #000000;
        border: calc(4/600*100vw) dashed rgba(255,255,255,0.39);
        position: relative;
        border-radius: calc(300/600*100vw);
        margin: auto;
        margin-top: calc(-49/600*100vw);
    }

    .section3 .list .item .icon img {
        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%);
        width: calc(50/600*100vw);
        height: calc(70/600*100vw);
        object-fit: contain;
    }

    .section3 .list .item .tit {
        height: calc(68/600*100vw);
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 600;
        font-size: calc(21/600*100vw);
        color: #18F1D9;
        line-height: calc(34/600*100vw);
        margin-top: calc(27/600*100vw);
    }

    .section3 .list .item .dec {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 400;
        font-size: calc(22/600*100vw);
        color: #FFFFFF;
        line-height: 2;
        padding-top: 3vw;
        padding-left: calc(31/600*100vw);
        padding-right: calc(31/600*100vw);
    }

    .section4 {
        background: #231F20;
    }

    .section4 .title {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 800;
        font-size: calc(30/600*100vw);
        color: #FFFFFF;
        line-height: 1.6;
        padding-left: calc(30/600*100vw);
        padding-top: calc(100/600*100vw);
    }

    .section4 .content {
        padding-left: calc(30/600*100vw);
        padding-right: calc(30/600*100vw);
        display: block;
        align-items: center;
        justify-content: space-between;
        padding-top: calc(32/600*100vw);
        padding-bottom: calc(44/600*100vw);
    }

    .section4 .content .left {
    }

    .section4 .content .left img {
        width: 50%;
        display: block;
        margin: auto;
        margin-bottom: 5vw;
    }

    .section4 .content .right {
    }

    .section4 .content .right .item {
        padding-bottom: calc(79/600*100vw);
        position: relative;
        padding-left: calc(61/600*100vw);
    }

    .section4 .content .right .item:last-child:after {
        display: none;
    }

    .section4 .content .right .item:after {
        content: "";
        width: calc(1/600*100vw);
        border-left: calc(2/600*100vw) dashed #484848;
        height: 100%;
        position: absolute;
        left: calc(12/600*100vw);
        top: 0;
    }

    .section4 .content .right .item:before {
        content: "";
        width: calc(24/600*100vw);
        height: calc(24/600*100vw);
        background: #18F1D9;
        position: absolute;
        left: 0;
        top: calc(6/600*100vw);
        border-radius: calc(300/600*100vw);
        z-index: 4;
    }

    .section4 .content .right .item .tit {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 600;
        font-size: calc(32/600*100vw);
        color: #18F1D9;
        position: relative;
    }

    .section4 .content .right .item .dec {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 400;
        font-size: calc(28/600*100vw);
        color: #FFFFFF;
        padding-top: calc(23/600*100vw);
        line-height: 1.4;
    }

    .section5 {
        padding-top: calc(100/600*100vw);
        padding-bottom: calc(100/600*100vw);
        zoom:1;overflow: hidden;
    }

    .section5 .title {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 800;
        font-size: calc(34/600*100vw);
        color: #FFFFFF;
        margin-bottom: calc(60/600*100vw);
        text-align: center;
    }

    .section5 .content {
        width: calc(1455/600*100vw);
        height: 55vw;
        background: url(../images/kuang2.png) no-repeat center center;
        background-size: cover;
        margin: auto;
        max-width: 100%;
        position: relative;
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 600;
        font-size: calc(26/600*100vw);
        color: #18F1D9;
        line-height: calc(50/600*100vw);
        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(20/600*100vw);
        padding-right: calc(90/600*100vw);
    }

    .section5 .content .icon {
        position: absolute;
        right: calc(10/600*100vw);
        top: calc(197/600*100vw);
    }

    .section5 .content .icon img {
        width: calc(136/600*100vw);
    }

    .section6 {
        text-align: center;
        background: #231F20;
    }

    .section6 .title {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 400;
        font-size: calc(32/600*100vw);
        color: #FFFFFF;
        padding-top: calc(100/600*100vw);
        padding-bottom: calc(16/600*100vw);
    }

    .section6 .dec {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 800;
        font-size: calc(40/600*100vw);
        color: #FFFFFF;
        margin-bottom: calc(64/600*100vw);
    }

    .section6 .list:after {
        content: "";
        display: table;
        clear: both;
    }

    .section6 .list {
        padding: 0px calc(30/600*100vw);
        padding-bottom: calc(100/600*100vw);
    }

    .section6 .list .item {
        width: 100%;
        height: calc(445/600*100vw);
        float: left;
        background: url(../images/bg.png) no-repeat center center;
        background-size: contain;
        text-align: left;
    }

    .section6 .list .item .title2 {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 600;
        font-size: calc(24/600*100vw);
        color: #FFFFFF;
        padding-left: calc(146/600*100vw);
        padding-top: calc(72/600*100vw);
    }

    .section6 .list .item .title3 {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 600;
        font-size: calc(32/600*100vw);
        color: #18F1D9;
        padding-top: calc(44/600*100vw);
        padding-left: calc(123/600*100vw);
        padding-bottom: calc(29/600*100vw);
    }

    .section6 .list .item .desc {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 400;
        font-size: calc(28/600*100vw);
        color: #FFFFFF;
        line-height: calc(40/600*100vw);
        padding-left: calc(123/600*100vw);
        padding-right: calc(60/600*100vw);
    }

    .section7 {
        display: block;
        align-items: center;
        padding-left: calc(30/600*100vw);
        padding-right: calc(30/600*100vw);
        justify-content: space-between;
        padding-top: calc(100/600*100vw);
        padding-bottom: calc(100/600*100vw);
    }

    .section7 .left {
    }

    .section7 .left .title {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 800;
        font-size: calc(40/600*100vw);
        color: #FFFFFF;
        line-height: 1.4;
    }

    .section7 .left .list {
        padding-top: calc(54/600*100vw);
    }

    .section7 .left .list .item:last-child {
        padding: 0px;
        margin: 0px;
        border: none;
    }

    .section7 .left .list .item {
        display: flex;
        align-items: center;
        padding-bottom: calc(39/600*100vw);
        margin-bottom: calc(31/600*100vw);
        border-bottom: calc(1/600*100vw) solid rgb(255 255 255 / 10%);
    }

    .section7 .left .list .item .num {
    }

    .section7 .left .list .item .num img {
        height: calc(49/600*100vw);
        margin-right: calc(26/600*100vw);
    }

    .section7 .left .list .item .ris {
    }

    .section7 .left .list .item .ris .title2 {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 600;
        font-size: calc(32/600*100vw);
        color: #18F1D9;
    }

    .section7 .left .list .item .ris .dec {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 400;
        font-size: calc(28/600*100vw);
        color: #FFFFFF;
        line-height: calc(40/600*100vw);
        padding-top: calc(22/600*100vw);
    }

    .section7 .right {
    }

    .section7 .right img {
        width: 77%;
        display: block;
        margin: auto;
        margin-top: 7vw;
    }

    .section8 {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 800;
        font-size: calc(21/600*100vw);
        color: #FFFFFF;
        line-height: calc(39/600*100vw);
        text-align: center;
        background: url(../images/bg2.png) no-repeat center center;
        background-size: cover;
        padding: calc(76/600*100vw) calc(30/600*100vw);
    }

    .section8 p {
    }

    .footer {
    }

    .footer .con1 .left {
        display: flex;
        align-items: center;
    }

    .footer .con1 {
        display: block;
        justify-content: space-between;
        align-items: center;
        padding-left: calc(30/600*100vw);
        padding-right: calc(30/600*100vw);
        padding-top: calc(27/600*100vw);
        padding-bottom: calc(27/600*100vw);
    }

    .footer .con1 .left a {
        margin-right: calc(40/600*100vw);
    }

    .footer .con1 .left a img {
        height: calc(32/600*100vw);
    }

    .footer .con1 .left .logo {
        margin-right: calc(47/600*100vw);
    }

    .footer .con1 .left .logo img {
        height: calc(43/600*100vw);
    }

    .footer .con1 .right {
        text-align: center;
        padding-top: 4vw;
        zoom: 1; overflow: hidden;
    }

    .footer .con1 .right a {
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 500;
        font-size: calc(14/600*100vw);
        color: #FFFFFF;
        margin-left: calc(68/600*100vw);
        zoom: 1;float: left;
        width: 50%;
        padding: 2vw;
        margin: 0;
    }

    .footer .con2 {
        background: #111111;
        text-align: center;
        font-family: MontserratAlternates,MontserratAlternates;
        font-weight: 400;
        font-size: calc(12/600*100vw);
        color: rgb(255 255 255 / 50%);
        line-height: calc(15/600*100vw);
        padding: calc(8/600*100vw) 0px;
        padding: 3vw;
    }
}