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

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

@media screen and (max-width: 850px) {
    .head {
        position:fixed;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: calc(36 / 850 * 100vw);
        left: 0;
        top: 0;
        width: 100%;
        z-index: 5555;
    }

    .head .wrap1 {
    }

    .head .logo {
        float: left;
        padding-top: calc(3 / 850 * 100vw);
    }

    .head .logo a {
    }

    .head .logo img {
        width: calc(55 / 850 * 100vw);
    }

    .head .more {
        float: right;
        width: calc(194 / 850 * 100vw);
        line-height: calc(61 / 850 * 100vw);
        background: linear-gradient(68deg,#362CC9,#B381FE);
        border-radius: calc(10 / 850 * 100vw);
        text-align: center;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        font-size: calc(18 / 850 * 100vw);
        color: #FFFFFF;
    }

    .section1 .bg {
        background: url(../images/sec10.png) no-repeat center 0;
        background-size: 100%;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .index {
        line-height: 1;
        /* background: url(../images/bg.jpg) no-repeat center 0; */
        /* background-size: cover; */
    }

    .section1 {
        position: relative;
        overflow: hidden;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: calc(294 / 850 * 100vw);
        padding-bottom: calc(305 / 850 * 100vw);
    }

    .section1 .wrap1 {
        position: relative;
        z-index: 5;
    }

    .section1 .content {
        position: relative;
    }

    .section1 .right {
        position: absolute;
        top: 50%;
        right: -10%;
        -o-transform: translate(0%,-50%);
        -webkit-transform: translate(0%,-50%);
        -moz-transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
        transform: translate(0%,-50%);
    }

    .section1 .right img {
        width: calc(332 / 850 * 100vw);
    }

    .section1 .left {
        width: calc(700 / 850 * 100vw);
        position: relative;
        z-index: 5;
    }

    .section1 .title1 {
        font-family: "Microsoft YaHei";
        font-weight: 400;
        font-size: calc(18 / 850 * 100vw);
        padding-left: calc(39 / 850 * 100vw);
        color: #BFBFBF;
        background: url(../images/logo.png) no-repeat left center;
        background-size: calc(25 / 850 * 100vw);
        line-height: calc(25 / 850 * 100vw);
    }

    .section1 .title2 {
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(40 / 850 * 100vw);
        color: #FFFFFF;
        padding-top: calc(39 / 850 * 100vw);
    }

    .section1 .title3 {
        margin-top: calc(21 / 850 * 100vw);
        margin-bottom: calc(42 / 850 * 100vw);
        display: inline-block;
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(66 / 850 * 100vw);
        color: #362CC9;
        background: linear-gradient(0deg,#362CC9 23.388671875%,#B381FE 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .section1 .dec {
        font-family: "Microsoft YaHei";
        font-weight: 400;
        font-size: calc(22 / 850 * 100vw);
        color: #BFBFBF;
        margin-bottom: calc(58 / 850 * 100vw);
        line-height: 1.5;
    }

    .section1 .link {
    }

    .section1 .link a {
        display: inline-block;
        line-height: calc(61 / 850 * 100vw);
        background: linear-gradient(68deg,#362CC9,#B381FE);
        border-radius: calc(10 / 850 * 100vw);
        padding-right: calc(28 / 850 * 100vw);
        font-family: "Microsoft YaHei";
        font-weight: 400;
        font-size: calc(18 / 850 * 100vw);
        color: #FFFFFF;
		margin-top:20px;
		margin-right:calc(48 / 850 * 100vw);
    }

    .section1 .link img {
        margin-left: calc(23 / 850 * 100vw);
        margin-right: calc(26 / 850 * 100vw);
        height: calc(26 / 850 * 100vw);
    }

    .section1 .link span {
        color: #fff;
    }

    .section2 {
        background: url(../images/wxbg.png) no-repeat center center;
        background-size: calc(1400 / 850 * 100vw);
        padding-bottom: calc(90 / 850 * 100vw);
    }

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

    .wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section2 .wrap > .title {
        text-align: center;
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(50 / 850 * 100vw);
        color: #FFFFFF;
    }

    .section2 .title b {
        color: #6C51E0;
        font-weight: normal;
    }

    .section2 .dec p:nth-child(2) {
        color: #fff;
        font-weight: bold;
    }

    .section2 .dec {
        font-family: "Microsoft YaHei";
        font-weight: 400;
        font-size: calc(26 / 850 * 100vw);
        color: #BFBFBF;
        padding-top: calc(44 / 850 * 100vw);
        padding-bottom: calc(80 / 850 * 100vw);
        text-align: center;
        line-height: 1.5;
    }

    .section2 .list {
    }

    .section2 .item:nth-child(2n) {
        float: right;
    }

    .section2 .item {
        width: calc(592 / 850 * 100vw);
        height: auto;
        background: url(../images/lx.png) no-repeat center center;
        float: left;
        margin-bottom: calc(40 / 850 * 100vw);
        position: relative;
        background-size: 100% 100%;
        padding-top: calc(30 / 850 * 100vw);
        padding-left: calc(37 / 850 * 100vw);
        padding-right: calc(30 / 850 * 100vw);
        padding-bottom: 4vw;
    }

    .section2 .item .icon {
        position: absolute;
        top: 30%;
        right: calc(-50 / 850 * 100vw);
        -o-transform: translate(0%,-50%);
        -webkit-transform: translate(0%,-50%);
        -moz-transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
        transform: translate(0%,-50%);
        width: calc(99 / 850 * 100vw);
        height: calc(99 / 850 * 100vw);
        background: #000000;
        border-radius: 50%;
        border: calc(4 / 850 * 100vw) solid #6C51E0;
    }

    .section2 .item .icon img {
        width: calc(53 / 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%);
    }

    .section2 .item .title {
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(30 / 850 * 100vw);
        color: #FFFFFF;
        background: linear-gradient(0deg,#EA278F 0%,#7F13CC 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
    }

    .section2 .item .desc {
        font-family: "Microsoft YaHei";
        font-weight: 400;
        font-size: calc(26 / 850 * 100vw);
        color: #DDDDDD;
        padding-top: calc(38 / 850 * 100vw);
        width: calc(464 / 850 * 100vw);
        max-width: 100%;
        line-height: 1.5;
    }

    .section3 {
        padding-top: calc(50 / 850 * 100vw);
        background: url(../images/g1.png) no-repeat calc(200 / 850 * 100vw) calc(-300 / 850 * 100vw);
        /* padding-bottom:calc(270 / 850 * 100vw);*/
    }

    .section3 .wrap {
    }

    .section3 .content1 {
        display: block;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 19vw;
    }

    .section3 .content1 .left {
        position: relative;
    }

    .section3 .content1 .left img.ani1 {
        width: calc(263 / 850 * 100vw);
    }

    .section3 .content1 .left img.ani2 {
        width: calc(237 / 850 * 100vw);
        position: absolute;
        left: calc(172 / 850 * 100vw);
        top: calc(112 / 850 * 100vw);
        z-index: 5;
    }

    .section3 .content1 .right {
        margin-left: 0;
        padding-top: 5vw;
    }

    .section3 .content1 .item1.item2 {
        margin: 0;
        background: #302170;
        width: calc(772 / 850 * 100vw);
    }

    .section3 .content1 .item1.item2 .ris {
        width: calc(626 / 850 * 100vw);
    }

    .section3 .content1 .item1 {
        padding: calc(7 / 850 * 100vw);
        background: url(../images/bz1.png) no-repeat center center;
        background-size: cover;
        display: inline-block;
        zoom:1;overflow: hidden;
        align-items: center;
        display: flex;
        margin-bottom: calc(18 / 850 * 100vw);
        width: 100%;
    }

    .section3 .content1 .item1 .icon {
        width: calc(89 / 850 * 100vw);
        height: calc(89 / 850 * 100vw);
        border: calc(1 / 850 * 100vw) solid #6C51E0;
        position: relative;
    }

    .section3 .content1 .item1 .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%);
        max-width: 70%;
    }

    .section3 .content1 .item1 .ris {
        font-family: "Microsoft YaHei";
        font-weight: 400;
        font-size: calc(26 / 850 * 100vw);
        color: #FFFFFF;
        width: 82% !important;
        margin-left: calc(30 / 850 * 100vw);
        line-height: 1.5;
    }

    .section3 .content2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
            flex-direction: column-reverse;
    }

    .section3 .content2 .left {
        width: calc(691 / 850 * 100vw);
        margin-right: 4vw;
    }

    .section3 .content2 .title {
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(41 / 850 * 100vw);
        color: #fff;
    }

    .section3 .content2 .title b {
        color: #414BFF;
        font-weight: normal;
    }

    .section3 .content2 .dec p {
        padding-bottom: calc(30 / 850 * 100vw);
        line-height: 1.5;
    }

    .section3 .content2 .dec {
        margin-top: calc(62 / 850 * 100vw);
        font-family: "Microsoft YaHei";
        font-weight: 400;
        font-size: calc(26 / 850 * 100vw);
        color: #FFFFFF;
        background: url(../images/jb.png) no-repeat left center;
        background-size: cover;
        padding-top: calc(18 / 850 * 100vw);
        padding-bottom: calc(14 / 850 * 100vw);
        padding-left: calc(18 / 850 * 100vw); padding-right: calc(18 / 850 * 100vw);
    }

    .section3 .content2 .right img {
        width: calc(286 / 850 * 100vw);margin-bottom: 40px;
    }

    .section4 {
        padding-top: calc(102 / 850 * 100vw);
        overflow: hidden;
        background: url(../images/g2.png) no-repeat center 0;
        background-size: cover;
    }

    .section4 .wrap {
    }

    .titlemodel {
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(51 / 850 * 100vw);
        color: #FFFFFF;
        text-align: center;
        position: relative;
        text-transform: uppercase;
    }

    .titlemodel .tit {
        position: relative;
        z-index: 5;
    }

    .section4 .titlemodel .ami {
        position: absolute;
        width: 100%;
        height: 145%;
        background: url(../images/xz.png) no-repeat center center;
        background-size: auto 100%;
        left: calc(7 / 850 * 100vw);
        top: calc(-15 / 850 * 100vw);
        z-index: 5;
    }

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

    .section4 .list {
        padding-top: calc(73 / 850 * 100vw);
        padding-bottom: calc(218 / 850 * 100vw);
        background: none;
    }

    .section4 .item:nth-child(2n) {
        float: right;
    }

    .section4 .item {
        width: calc(627 / 850 * 100vw);
        height: auto;
        /* border: calc(1 / 850 * 100vw) solid #6C51E0; */
        float: left;
        position: relative;
        margin-bottom: calc(81 / 850 * 100vw);
        padding-bottom: calc(26 / 850 * 100vw);
    }

    .section4 .item .num {
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(67 / 850 * 100vw);
        color: #FFFFFF;
        position: absolute;
        left: calc(32 / 850 * 100vw);
        top: calc(-35 / 850 * 100vw);
    }

    .section4 .item .dec {
        line-height: 1.5;
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(26 / 850 * 100vw);
        color: #FFFFFF;
        padding-top: calc(39 / 850 * 100vw);
        padding-left: calc(38 / 850 * 100vw);
        padding-right: calc(14 / 850 * 100vw);
    }

    .section5 {
        position: relative;
    }

    .section5 .wrap {
    }

    .section5 .swiper-container {
    }

    .section5 .swiper-wrapper {
    }

    .section5 .swiper-slide {
        /* padding-bottom:86px;*/
    }

    .section5 .post {
        background: url(images/poster1.png) no-repeat center center;
        background-size: cover !important;
        height: calc(606 / 850 * 100vw);
        position: relative;
        width: calc(1185 / 850 * 100vw);
        margin: auto;
        max-width: 100%;
        margin-bottom: calc(86 / 850 * 100vw);
        border: 2px solid #00C0FA;
        border-radius: 10px;
    }

    .section5 .logo {
        position: absolute;
        left: calc(33 / 850 * 100vw);
        top: calc(33 / 850 * 100vw);
    }

    .section5 .logo img {
        width: calc(44 / 850 * 100vw);
        margin-right: calc(21 / 850 * 100vw);
    }

    .section5 .logo span {
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(32 / 850 * 100vw);
        color: #FFFFFF;
        text-transform: uppercase;
        align-items: center;
        vertical-align: middle;
    }

    .section5 .txt {
        height: 100%;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section5 .txt .s1 {
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(77 / 850 * 100vw);
        color: #FFFFFF;
        background: linear-gradient(0deg,#61D6E4 0.634765625%,#F8A5F9 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
        text-transform: uppercase;
    }

    .section5 .txt .s2 {
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(40 / 850 * 100vw);
        color: #FFFFFF;
        text-shadow: 0px 0px 17px #811520;
        padding-top: calc(121 / 850 * 100vw);
    }

    .section5 .swiper-pagination *.swiper-pagination-bullet-active {
        background: #01F6F9;
    }

    .section5 .swiper-pagination * {
        width: calc(25 / 850 * 100vw);
        height: calc(25 / 850 * 100vw);
        background: #CDCDCD;
        border-radius: 50%;
        margin: 0px calc(10 / 850 * 100vw) !important;
        opacity: 1;
    }

    .section5 .swiper-pagination {
    }

    .section5 .swiper-button-next {
        width: calc(53 / 850 * 100vw);
        height: calc(54 / 850 * 100vw);
        background: url(../images/right.png) no-repeat center center;
        background-size: 100%;
        right: 10px;
    }

    .section5 .swiper-button-prev {
        width: calc(53 / 850 * 100vw);
        height: calc(54 / 850 * 100vw);
        background: url(../images/left.png) no-repeat center center;
        background-size: 100%;
        left: 10px;
    }

    .section6 {
        margin-top: calc(200 / 850 * 100vw);
        position: relative;
    }

    .section6 .wrap {
    }

    .section6 .titlemodel {
    }

    .section6 .titlemodel .title {
    }

    .section6 .dec {
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(23 / 850 * 100vw);
        color: #0096FF;
        text-align: center;
        padding-top: calc(22 / 850 * 100vw);
        padding-bottom: calc(105 / 850 * 100vw);
        text-transform: uppercase;
    }

    .section6 .list {
        position: relative;
    }

    .section6 .swiper-container {
    }

    .section6 .swiper-wrapper {
    }

    .section6 .swiper-slide {
        padding-top: calc(60 / 850 * 100vw);
        padding: 60px 33px 0px 33px;
    }

    .section6 .content {
        background: #0C0A27;
        border-radius: calc(41 / 850 * 100vw);
        border: calc(1 / 850 * 100vw) solid #6C51E0;
        text-align: center;
        position: relative;
        height: calc(328 / 850 * 100vw);
    }

    .section6 .user img {
        height: calc(218 / 850 * 100vw);
        margin-top: calc(-60 / 850 * 100vw);
    }

    .section6 .name {
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: calc(30 / 850 * 100vw);
        color: #FFFFFF;
        padding-top: calc(39 / 850 * 100vw);
        padding-bottom: calc(63 / 850 * 100vw);
    }

    .section6 .ms {
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: calc(18 / 850 * 100vw);
        color: #B7B7B7;
        padding: 0 calc(30 / 850 * 100vw);
        line-height: 1.5;
    }

    .section6 .swiper-pagination {
    }

    .section6 .swiper-button-next {
        width: calc(39 / 850 * 100vw);
        height: calc(39 / 850 * 100vw);
        right: -10px;
        background: url(../images/right.png) no-repeat center center;
        background-size: 100%;
        top: 30vw;
    }

    .section6 .swiper-button-prev {
        width: calc(39 / 850 * 100vw);
        height: calc(39 / 850 * 100vw);
        left: -10px;
        background: url(../images/left.png) no-repeat center center;
        background-size: 100%;
        top: 30vw;
    }

    .section7 {
        padding-top: calc(390 / 850 * 100vw);
        padding-bottom: calc(240 / 850 * 100vw);
    }

    .section7 .wrap {
    }

    .section7 .titlemodel {
    }

    .section7 .titlemodel .title {
    }

    .section7 .content {
        margin-top: calc(80 / 850 * 100vw);
        padding-left: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .section7 .left {
    }

    .section7 .title1 {
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(24 / 850 * 100vw);
        color: #FFFFFF;
        text-transform: uppercase;
    }

    .section7 .num {
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(57 / 850 * 100vw);
        color: #FFFFFF;
        padding-top: calc(24 / 850 * 100vw);
        padding-bottom: calc(61 / 850 * 100vw);
    }

    .section7 .list {
    }

    .section7 .item {
        height: calc(66 / 850 * 100vw);
        margin-bottom: calc(26 / 850 * 100vw);
        display: flex;
        align-items: center;
    }

    .section7 .item .val {
    }

    .section7 .item .val.i1 {
        background: #6C51E0;
        width: calc(235 / 850 * 100vw);
        height: calc(66 / 850 * 100vw);
        background: #6C51E0;
    }

    .section7 .item .val.i2 {
        width: calc(41 / 850 * 100vw);
        height: calc(66 / 850 * 100vw);
        background: #4224C3;
    }

    .section7 .item .val.i3 {
        width: calc(9 / 850 * 100vw);
        height: calc(66 / 850 * 100vw);
        background: #8A51E0;
    }

    .section7 .item .val.i4 {
        width: calc(14 / 850 * 100vw);
        height: calc(66 / 850 * 100vw);
        background: #5198E0;
    }

    .section7 .item .val.i5 {
        width: calc(71 / 850 * 100vw);
        height: calc(66 / 850 * 100vw);
        background: #6912C1;
    }

    .section7 .item .nm {
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(24 / 850 * 100vw);
        color: #FFFFFF;
        padding-left: calc(36 / 850 * 100vw);
    }

    .section7 .right {
    }

    .section7 .right img.ani {
        width: calc(230 / 850 * 100vw);
    }

    .section8 {
    }

    .section8 .wrap {
    }

    .section8 .titlemodel {
    }

    .section8 .titlemodel .title {
    }

    .section8 .link2 {
        padding-top: calc(2 / 850 * 100vw);
        padding-bottom: calc(10 / 850 * 100vw);
        zoom:1;overflow: hidden;
    }

    .section8 .link {
        font-size: 0px;
        text-align: center;
    }

    .section8 .dec {
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: calc(18 / 850 * 100vw);
        color: #FFFFFF;
        text-align: center;
        padding-top: calc(90 / 850 * 100vw);
        padding-bottom: calc(51 / 850 * 100vw);
    }

    .section8 .link a img {
        height: calc(81 / 850 * 100vw);
        margin: 0 calc(38 / 850 * 100vw);
    }

    .footer {
        background: #0A051D;
        position: relative;
        padding-top: calc(99 / 850 * 100vw);
        padding-bottom: calc(85 / 850 * 100vw);
    }

    .footer .left {
        position: absolute;
        left: calc(40 / 850 * 100vw);
        top: calc(105 / 850 * 100vw);
    }

    .footer .left .logo {
    }

    .footer .left .logo img {
        height: calc(40 / 850 * 100vw);
    }

    .footer .left .logo span {
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(28 / 850 * 100vw);
        color: #FFFFFF;
        padding-left: calc(16 / 850 * 100vw);
        text-transform: uppercase;
        vertical-align: middle;
    }

    .footer .left .dec {
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: calc(18 / 850 * 100vw);
        color: #999999;
        text-align: center;
        padding-top: calc(34 / 850 * 100vw);
        padding-left: calc(37 / 850 * 100vw);
    }

    .footer .center {
        text-align: center;
    }

    .footer .center .title {
        font-family: UPFont;
        font-weight: normal;
        font-size: calc(30 / 850 * 100vw);
        color: #FFFFFF;
    }

    .footer .center .link a {
        margin: 0 calc(20 / 850 * 100vw);
    }

    .footer .center .link {
        padding-top: calc(55 / 850 * 100vw);
        padding-bottom: calc(37 / 850 * 100vw);
        font-size: 0;
    }

    .footer .center .link a img {
        height: calc(46 / 850 * 100vw);
    }

    .footer .center .line img {
        height: calc(8 / 850 * 100vw);
        margin-bottom: calc(36 / 850 * 100vw);
    }

    .footer .center .link2 a {
        font-family: Microsoft YaHei;
        font-weight: 400;
        font-size: calc(18 / 850 * 100vw);
        color: #939393;
        margin: 0 calc(25 / 850 * 100vw);
    }
    .section8 .link2 a{
        width: 50%;
    }
    .section8 .link2 a img {
    width: 100%;
    height: calc(88 / 860 * 100vw);
    object-fit: contain;
}
.pc{
    display: none;
}
.wap{
    display: block;
}



.wap_nav {
    position: fixed;
    left: 0px;
    top: 0;
    width: 100%;
    z-index: 7777;
}
.wap_nav .logo {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}
.wap_nav .logo img{height: 22px;margin-top: 13px;margin-left: 10px;}
body{
    /* padding-top: 50px; */
}


}