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

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

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

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

    .head .logo a img {
        height: 24px;
        margin-top: 6px;
        margin-left: 10px;
    }

    body {
        /* padding-top: 50px; */
    }

    .pc {
        display: none;
    }

    .wap {
        display: block;
    }

    .head {
        padding-top: calc(32/992*100vw);
        padding-left: calc(32/992*100vw);
        padding-right: calc(46/992*100vw);
        position: absolute;
        padding: 0 !important;
    }

    .head .more {
    }

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

    .head .logo a img {
    }
.current .head{
    background:#fff !important;
}
    .head {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 444;
        background: none !important;
        padding: 0px !important;
        height: 50px;
        z-index: 1;
    }

    .head .wrap {
    }

    .head .logo {
        float: left;
        padding-top: calc(11/800*100vw);
        padding-left: calc(27/800*100vw);
        position: relative;
        z-index: 2;
    }

    .head .logo a {
    }

    .head .logo a img {
    }

    .head .nav {
        position: absolute;
        width: 100%;
        text-align: center;
        left: 0;
        top: 0;
        line-height: 1;
        font-size: 0;
        padding-top: calc(57/800*100vw);
    }

    .head .nav ul {
    }

    .head .nav ul li {
        display: inline-block;
        padding: 0 calc(25/800*100vw);
    }

    .head .nav ul li .h2tit {
    }

    .head .nav ul li .h2tit a {
        font-family: Poppins;
        font-weight: 500;
        font-size: calc(18/800*100vw);
        color: #000000;
        display: block;
    }

    .head .more {
        width: 120px;
        line-height: 30px;
        text-align: center;
        float: none;
        background: url(../images/line2.png) no-repeat center center;
        background-size: 100% 100%;
        font-family: Poppins;
        font-weight: 500;
        font-size: 17px;
        color: #ffffff;
        position: fixed !important;
        /* z-index:3; */
        margin-right: 0;
        margin-top: 0;
        top: 0;
        right: 8px;
        top: 10px;
        z-index: 5555;
    }

    .section1 {
        background: url(../images/bg1.png) no-repeat center  #ffb9c4;
        background-size: cover;
        text-align: center;
        padding-top: 11vw;
		background-size: auto 100%;
    }

    .section1 .content1 {
    }

    .section1 .content1 .title p:nth-child(2) {
        font-family: Poppins;
        font-weight: bold;
        font-size: calc(66/800*100vw);
        color: #FFFFFF;
        text-shadow: calc(-4/800*100vw) calc(1/800*100vw) calc(115/800*100vw) rgba(0,90,255,0.3);
    }

    .section1 .content1 .title {
        font-family: Poppins;
        font-weight: bold;
        font-size: calc(66/800*100vw);
        color: #ffffff;
      
        padding-top: calc(63/800*100vw);
    }

    .section1 .content1 .title p {
        margin-bottom: calc(23/800*100vw);
    }

    .section1 .content1 .dec {
        max-width: 90%;
        margin: auto;
    }

    .section1 .content1 .dec p {
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(24/800*100vw);
        color: #FFFFFF;
        line-height: 1.4;
    }

    .section1 .content1 .link {
        padding-top: calc(36/800*100vw);
        font-size: 0;
    }

    .section1 .content1 .link a {
        margin: 0 calc(30/800*100vw);
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: calc(78/800*100vw);
        height: calc(78/800*100vw);
        border-radius: 50%;
        border: calc(3/800*100vw) solid #FFFFFF;
    }

    .section1 .content1 .link a 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: 60%;
        max-height: 60%;
    }

    .section1 .content1 .join:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
     /*   background: url(../images/more.png) no-repeat 93% center;*/
        background-size: calc(22/800*100vw);
    }

    .section1 .content1 .join {
        display: block;
        margin: auto;
        margin-top: calc(47/800*100vw);
        width: calc(516/800*100vw);
        line-height: calc(106/800*100vw);
        background: linear-gradient(270deg, #025656, #40477c);
		border-radius: calc(33 / 850 * 100vw);
        background-size: 100% 100%;
        position: relative;
        font-family: Century Gothic;
        font-weight: 600;
        font-size: calc(45/800*100vw);
        color: #FFFFFF;
    }

    .section1 .content2 {
        margin-top: calc(104/800*100vw);
        display: block;
        padding-left: calc(30/800*100vw);
        padding-right: calc(30/800*100vw);
        align-items: center;
        padding-bottom: calc(222/800*100vw);
    }

    .section1 .content2 .imgbox {
        position: relative;
        margin-right: 0;
        text-align: center;
    }

    .section1 .content2 .imgbox .im1 {
        width: calc(681/800*100vw);
    }

    .section1 .content2 .imgbox .im2 {
        position: absolute;
        z-index: 4;
        left: calc(225/800*100vw);
        top: calc(36/800*100vw);
        width: calc(253/800*100vw);
    }

    .section1 .content2 .right {
        text-align: left;
        width: 100%;
        padding-top: 8vw;
    }

    .section1 .content2 .right .title {
        font-family: Poppins;
        font-weight: bold;
        font-size: calc(58/800*100vw);
        color: #FFFFFF;
        background: linear-gradient(-90deg,#FFA5FF 0%,#FFFFFF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
    }

    .section1 .content2 .right .dec {
        font-family: Poppins;
        font-weight: 400;
        font-size: calc(24/800*100vw);
        color: #FFFFFF;
        padding-top: calc(43/800*100vw);
        padding-bottom: calc(50/800*100vw);
        line-height: 1.4;
    }

    .section1 .content2 .right .itm {
    }

    .section1 .content2 .right .itm p:last-child {
        margin: 0;
    }

    .section1 .content2 .right .itm p:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
    }

    .section1 .content2 .right .itm p:nth-child(1):after {
        background: url(../images/ls1.png) no-repeat calc(19/800*100vw) center;
        background-size: calc(21/800*100vw);
    }

    .section1 .content2 .right .itm p:nth-child(2):after {
        background: url(../images/ls2.png) no-repeat calc(18/800*100vw) center;
        background-size: calc(25/800*100vw);
    }

    .section1 .content2 .right .itm p:nth-child(3):after {
        background: url(../images/ls3.png) no-repeat calc(19/800*100vw) center;
        background-size: calc(21/800*100vw);
    }

    .section1 .content2 .right .itm p {
        width: 100%;
        line-height: 3;
        background: linear-gradient(90deg,#4F3AEA,#FFFFFF);
        border-radius: calc(22/800*100vw);
        margin-bottom: calc(20/800*100vw);
        position: relative;
        font-family: Poppins;
        font-weight: 500;
        font-size: calc(34/800*100vw);
        color: #000000;
        padding-left: calc(102/800*100vw);
        text-align: left;
    }

    .section2 {
        position: relative;
        background: #fff;
    }

    .section2 .right {
        position: absolute;
        right: 0;
        top: 0;
    }

    .section2 .right .is1 {
        width: calc(446/800*100vw);
    }

    .section2 .right .is2 {
        position: absolute;
        width: calc(105/800*100vw);
        top: calc(146/800*100vw);
        right: calc(67/800*100vw);
    }

    .section2 .right .is3 {
        right: calc(51/800*100vw);
        bottom: calc(-73/800*100vw);
        position: absolute;
        width: calc(136/800*100vw);
    }

    .section2 .left {
        padding-left: calc(30/800*100vw);
        position: relative;
        z-index: 4;
        padding-right: calc(30/800*100vw);
        padding-bottom: calc(60/800*100vw);
        padding-top: 7vw;
    }

    .section2 .left .icon {
        margin-left: 0;
    }

    .section2 .left .icon img {
        height: calc(122/800*100vw);
    }

    .section2 .left .title {
        font-family: Poppins;
        font-weight: bold;
        font-size: calc(81/800*100vw);
        color: #000000;
        padding-top: calc(47/800*100vw);
        padding-bottom: calc(64/800*100vw);
        text-transform: uppercase;
    }

    .section2 .left .list .item:nth-child(3n) {
        margin-right: 0;
    }

    .section2 .left .list {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        flex-wrap: wrap;
    }

    .section2 .left .list .item {
        width: 100%;
        margin-right: 0;
        padding-bottom: calc(84/800*100vw);
    }

    .section2 .left .list .item .ics {
    }

    .section2 .left .list .item .ics img {
        height: calc(81/800*100vw);
    }

    .section2 .left .list .item .tit {
        padding-top: calc(38/800*100vw);
        padding-bottom: calc(26/800*100vw);
        font-family: Poppins;
        font-weight: 500;
        font-size: calc(40/800*100vw);
        color: #000000;
        text-transform: uppercase;
    }

    .section2 .left .list .item .dec {
        width: 100%;
        font-family: Poppins;
        font-weight: 400;
        font-size: calc(24/800*100vw);
        color: #999999;
        line-height: 1.5;
    }

    .section3 {
        background: url(../images/bg2.png) no-repeat center 0;
        background-size: cover;
        text-align: center;
        padding-top: inherit;
        padding: 0 calc(30/800*100vw);
        padding-top: calc(104/800*100vw);
        /* padding-bottom:calc(197/800*100vw);*/
    }

    .section3 .title *:nth-child(2) {
        color: #fff;
    }

    .section3 .title {
        font-family: Poppins;
        font-weight: bold;
        font-size: calc(55/800*100vw);
        color: #D087FF;
        text-transform: uppercase;
    }

    .section3 .title p {
    }

    .section3 .dec {
        width: calc(1112/800*100vw);
        font-family: Poppins;
        font-weight: 400;
        font-size: calc(30/800*100vw);
        color: #999999;
        padding-top: calc(37/800*100vw);
        max-width: 90%;
        margin: auto;
        line-height: 1.3;
        padding-bottom: calc(100/800*100vw);
    }

    .section3 .list {
        /* padding:0 calc(143/800*100vw);*/
        /* zoom:1; */
        /* overflow: hidden; */
    }

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

    .section3 .list .item {
        margin-right: 0;
        float: left;
        width: 100%;
        height: auto;
        background: url(../images/kuang.png) no-repeat center center;
        background-size: 100% 100%;
        margin-bottom: 5vw;
        padding-bottom: 7vw;
    }

    .section3 .list .item .tit {
        font-family: Poppins;
        font-weight: bold;
        font-size: calc(31/800*100vw);
        color: #000000;
        height: calc(118/800*100vw);
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section3 .list .item .num {
        font-family: Poppins;
        font-weight: bold;
        font-size: calc(114/800*100vw);
        color: #000000;
        background: linear-gradient(-20deg,#FFA5FF 0%,#094CB7 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        padding-bottom: calc(34/800*100vw);
    }

    .section3 .list .item .dec {
        width: calc(461/800*100vw);
        /* height:calc(63/800*100vw);*/
        font-family: Poppins;
        font-weight: 400;
        font-size: calc(30/800*100vw);
        color: #434343;
        padding: 0;
        max-width: 98%;
    }

    .section3 .title2 {
        font-family: Poppins;
        font-weight: bold;
        font-size: calc(97/800*100vw);
        color: #FFFFFF;
        background: linear-gradient(-270deg,#FFA5FF 0%,#094CB7 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
        margin-top: calc(190/800*100vw);
        margin-bottom: calc(80/800*100vw);
    }

    .section3 .lines:after {
        content: "";
        position: absolute;
        height: calc(25/800*100vw);
        background: #484848;
        top: calc(22/800*100vw);
        width: 97%;
        left: 1.5%;
    }

    .section3 .lines {
        display: flex;
        justify-content: space-between;
        margin: 0;
        position: relative;
    }

    .section3 .lines .its {
        position: relative;
        z-index: 4;
    }

    .section3 .lines .its .dot {
        width: calc(70/800*100vw);
        height: calc(70/800*100vw);
        background: #B9B9B9;
        border-radius: 50%;
        margin: auto;
        position: relative;
    }

    .section3 .lines .its.current .dot i {
        width: calc(45/800*100vw);
        height: calc(45/800*100vw);
    }

    .section3 .lines .its .dot i {
        width: 0;
        height: 0;
        background: #FF8818;
        border-radius: 50%;
        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%);
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s;
    }

    .section3 .lines .its.current .tit {
        color: #FF8818;
    }

    .section3 .lines .its .tit {
        font-family: Poppins;
        font-weight: bold;
        font-size: calc(25/800*100vw);
        color: #505050;
        padding-top: calc(64/800*100vw);
    }

    .section3 .dec2 {
        width: calc(1583/800*100vw);
        /* height:calc(376/800*100vw);*/
        background: #0B0B0B;
        border-radius: calc(30/800*100vw);
        border: calc(1/800*100vw) solid #FF8818;
        margin: auto;
        max-width: 100%;
        margin-top: calc(108/800*100vw);
        font-family: Poppins;
        font-weight: 500;
        font-size: calc(25/800*100vw);
        color: #FFFFFF;
        text-align: left;
        line-height: 1.5;
        padding-top: calc(72/800*100vw);
        padding-right: calc(45/800*100vw);
        padding-left: calc(48/800*100vw);
        padding-bottom: calc(80/800*100vw);
    }

    .section3 .dec2 p:after {
        content: "";
        position: absolute;
        left: 0;
        width: calc(20/800*100vw);
        height: calc(20/800*100vw);
        background: #00AD10;
        border-radius: 50%;
        top: calc(10/800*100vw);
    }

    .section3 .dec2 p {
        padding-left: calc(70/800*100vw);
        position: relative;
    }

    .section4 .title3 {
        font-family: Poppins;
        font-weight: 400;
        font-size: calc(56/800*100vw);
        color: #FFFFFF;
        background: linear-gradient(-270deg,#FFA5FF 0%,#094CB7 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-top: calc(147/800*100vw);
        margin-bottom: calc(85/800*100vw);
        display: inline-block;
    }

    .section4 .list2 {
    }

    .section4 .list2 ul {
    }

    .section4 .list2 ul li:last-child {
        margin-right: 0;
    }

    .section4 .list2 ul li {
        height: calc(75/800*100vw);
        background: rgb(0 0 0 / 10%);
        border-radius: calc(9/800*100vw);
        border: calc(1/800*100vw) solid rgb(80 80 80 / 10%);
        margin-right: calc(10/800*100vw);
        width: calc((100% - calc(70/800*100vw))/7);
        position: relative;
    }

    .section4 {
        background: url(../images/ba.png) no-repeat center center #fff;
        background-size: 100% 100%;
        text-align: center;
        padding: 0 calc(30/800*100vw);
        padding-bottom: calc(197/800*100vw);
    }

    .section4 .list2 ul li 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: 90%;
        max-height: 90%;
    }

    .footer {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 5;
        height: calc(90/800*100vw);
        background: rgba(0,0,0,0.42);
        border: calc(1/800*100vw) solid #232323;
    }

    .footer .left {
        font-family: Century Gothic;
        font-weight: 400;
        font-size: calc(18/800*100vw);
        color: #FFFFFF;
        float: left;
        line-height: calc(90/800*100vw);
        padding-left: calc(38/800*100vw);
    }

    .footer .center {
        position: absolute;
        top: -90%;
        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 .center img {
        height: calc(66/800*100vw);
    }

    .footer .right {
        float: right;
        padding-top: calc(33/800*100vw);
        padding-right: calc(87/800*100vw);
    }

    .footer .right a {
        float: left;
        margin-left: calc(34/800*100vw);
    }

    .footer .right a img {
        width: calc(27/800*100vw);
        height: calc(24/800*100vw);
        object-fit: contain;
    }

    .section4 .list2 .item {
    margin-bottom: calc(10 / 800* 100vw);
}

    .titimg{
        width: calc(505/800*100vw);
        position: absolute;
        top: calc(24/800*100vw);
        left: calc(172/800*100vw);
    }
	
	
	
	
	    .titimg2{
        width:80%;
    /*    position: absolute;*/
        top: calc(24/1920*100vw);
     
    }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}