* {
    font-family: Arial, Arial;
}
h1, h2, h3, h4,h5, p, span {
    padding: 0;
    margin: 0;
    color: #ffffff;
}
button{border: none;outline: none;}
.textGradient {
    background-image: linear-gradient(to right, #4FE117, #15E3C4);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 36px;
}
.commonBtn {
    cursor: pointer;
    height: 60px;
    background: linear-gradient(270deg, #A3FF7F 0%, #64F7E0 100%);
    box-shadow: 0px 5px 10px 0px rgba(45, 254, 79, 0.2), inset 0px 5px 13px 0px rgba(255, 255, 255, 0.92);
    border-radius: 30px;
    border-image: linear-gradient(270deg, rgba(79, 225, 23, 1), rgba(21, 227, 196, 1)) 2 2;
    opacity: 1;
    font-weight: 600;
    font-size: 18px;
    color: #18191A;
    display: flex;
    align-items: center;
    justify-content: center;
}
.back{display: flex;justify-content: left;text-align: left;cursor: pointer;}
.back img{width: 24px;height: 24px;margin: 20px;}
.contact{display: flex;flex-direction: column;}
.contact .ctit{font-weight: 600;font-size: 24px;color: #fff;padding: 10px 20px 40px 20px;}
.contact .kfList{height: 60px;background: #3E93FF;border-radius: 10px;display: flex;flex-direction: row;justify-content: center;align-items: center;margin: 0 20px;cursor: pointer;}
.contact .kfList.web{background: #13D340;margin-top: 20px;}
.contact .kfList img{width: 40px;height: 40px;}
.contact .kfList p{font-size: 16px;padding: 0 8px;}
/*
* PC端
*/
@media screen and (min-width: 750px) {
    .H5{display: none !important;}
    html {
        width: 100%;
        font-size: 20%;
    }
    body * {
        box-sizing: border-box;
        font-size: 16px;
    }
    body {
        margin: 0;padding: 0;
        text-align: left;
        background-color: rgba(24, 25, 26, 1);
        font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei;
    }
    .header{width: 100%;height: 86px;display: flex;justify-content: space-between;align-items: center;display: none;}
    .header .logo{width: 213px;height: 77px;margin: 0 20px;}
    .header .right{height: 52px;background: linear-gradient( 179deg, #FACA17 0%, #FF9C48 100%);border-radius: 10px;display: flex;flex-direction: row;align-items: center;padding: 0 30px;margin: 0 20px;direction: ltr;cursor: pointer;}
    .header .right p{font-weight: bold;font-size: 16px;color: #18191A;padding: 0 4px;}
    .header .right img{width: 40px;height: 40px;}

    .banner{width: 100%;height: 900px;background: url("../images/bnbg@3x.png") no-repeat;background-size: cover;display: flex;flex-direction: column;align-items: center;position: relative;}
    .banner .logo1{width: 213px;height: 76px;margin-top: 62px;}
    .banner .logo2{width: 800px;margin-top: 40px;}
    .banner p{padding: 0 20px;font-weight: bold;font-size: 18px;color: #FFFFFF;line-height: 24px;margin-top: 20px;width: 894px;text-align: center;}
    .banner .binstBtn{
        width: 320px;
        height: 60px;
        background: linear-gradient( 180deg, #E9E9E9 0%, #FFFFFF 100%);
        box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2), inset 0px -2px 9px 0px rgba(45,254,79,0.5);
        font-weight: bold;
        font-size: 24px;
        color: #12A535;
        border-radius: 40px;
        position: absolute;bottom: -30px;left: 50%;margin-left: -160px;
    }
    .banner .binstBtn::after{
        width: 32px;height: 33px;
        background: url("../images/arrow@3x.png") no-repeat;
        background-size: cover;
        position: absolute;bottom: 34px;right: 40px;
        content: '';
    }
    .pcOne{width: 100%;height: 380px;background: rgba(24, 25, 26, 1);}
    .pcc{width: 1200px;min-height: 200px;margin: 0 auto;position: relative;}
    .show1{display: flex;justify-content: space-between;padding-top: 100px;}
    .show1 .left{display: flex;flex-direction: column;}
    .show1 .list2{width:350px;height: 175px;background: radial-gradient( 0% 43% at 100% 0%, #203701 0%, #100D10 100%);border-radius: 10px;display: flex;justify-content: right;position: relative;margin-bottom: 90px;}
    .show1 .list2 img{width: 163px;height: 101px;position: absolute;right: 0;bottom: -50px;}
    .show1 .list2 p{font-size: 18px;padding: 30px 20px;}
    .show1 .right{display: flex;flex-direction: column;font-family: ArialMT;width: 740px;}
    .show1 .right p{padding-bottom: 20px;line-height: 22px;font-size: 14px;}

    .pcTwo{width: 100%;height: 834px;background: rgba(255, 255, 255, 0.1);}
    .pcTwo .tit{font-weight: bold;font-size: 30px;line-height: 38px;padding: 20px 0;}
    .pcTwo .tit b{font-weight: bold;font-size: 30px;}
    .pcTwo .simpp{font-size: 14px;line-height: 20px;padding: 0 20px 20px 20px;color: #ffffff;}
    .pcTwo .simpp p{padding-bottom: 20px;font-size: 14px;}

    .pcTwo .bordersss{border-radius: 10px;border: 1px solid #4FE117;display: flex;flex-direction: column;margin: 0 0 40px 0;padding: 20px 20px;}
    .pcTwo .bordersss p{color: #fff;font-size: 14px;padding-bottom: 20px;}
    .pcTwo .bordersss p label{color: rgba(79, 225, 23, 1);}
    .pcTwo .bordersss p:last-child{padding-bottom: 0;}

    .pcThree{width: 100%;height: 1046px;background: rgba(24, 25, 26, 1);}
    .threes{display: flex;flex-direction: column;}
    .tittt{margin-top: 40px;}
    .pcThree .msg{display: flex;justify-content: space-between;direction: ltr;}
    .pcc .smallBtn{width: 140px;height: 40px;background: #4FE117;border-radius: 10px;text-align: center;line-height: 40px;margin: 40px 0 40px 0;}
    .pcc .simpp{font-size: 14px;line-height: 20px;padding: 0;color: #ffffff;max-width: 800px;}
    .pcc .simpp p{padding-bottom: 20px;font-size: 14px;}
    .pcc .simpp p label{color: rgba(79, 225, 23, 1);}
    .pcc .simpp p:last-child{padding-bottom: 0;}
    .pcThree .left{padding-top: 40px;}
    .pcThree .list2{width:350px;height: 175px;background: radial-gradient( 0% 43% at 100% 0%, #203701 0%, #100D10 100%);border-radius: 10px;display: flex;justify-content: right;position: relative;margin: 30px 20px 90px 20px;}
    .pcThree .list2 img{width: 163px;height: 101px;position: absolute;right: 0;bottom: -50px;}
    .pcThree .list2 p{font-size: 18px;padding: 30px 20px;}
    .pcThree .bbttnn{display: flex;flex-direction: column;}
    .pcThree .bbttnn button{margin-bottom: 40px;}
    .pcFour{width: 100%;height: 440px;background: rgba(255, 255, 255, 0.1);display: flex;}
    .fore{display: flex;justify-content: space-between;direction: ltr;align-items: center;}
    .fore .tit{font-weight: bold;font-size: 30px;line-height: 38px;padding: 20px 0;}
    .fore .tit b{font-weight: bold;font-size: 30px;}
    .fore .simpp{font-size: 14px;line-height: 20px;padding: 0 0 20px 20px;color: #ffffff;}
    .fore .simpp p{padding-bottom: 20px;font-size: 14px;}
    .fore .list2{width:350px;height: 175px;background: radial-gradient( 0% 43% at 100% 0%, #203701 0%, #100D10 100%);border-radius: 10px;display: flex;justify-content: right;position: relative;margin: 30px 20px 90px 20px;}
    .fore .list2 img{width: 163px;height: 101px;position: absolute;right: 0;bottom: -50px;}
    .fore .list2 p{font-size: 18px;padding: 30px 20px;}
    .pcFive{width: 100%;height: 514px;background: rgba(24, 25, 26, 1);display: flex;}
    .five{display: flex;flex-direction: column;align-items: center;justify-content: center;}
    .five .t{font-size: 38px;display: flex;text-align: center;}
    .five .video {display: flex;flex-direction: row;}
    .five .video .vlist{margin:  0 20px;width: 350px;}
    .five .video .title {display: flex;color: #FFFFFF;font-size: 16px;line-height: 22px;width: 90%;padding: 10px 0 4px 0;}
    .five .video .sub-title {
        display: flex;
        color: #FFFFFF;
        font-size: 14px;
        opacity: 50%
      }
    .six .t{display: flex;align-items: center;text-align: center;justify-content: center;padding-top: 80px;}
    .pcSix{display: flex;width: 100%;height: 466px;background: rgba(79, 225, 23, .1);}
    .pcSix .p13{position: absolute;width: 314px;height: 219px;top: 176px;left: 99px;}
    .pcSix .p14{position: absolute;width: 314px;height: 219px;top: 190px;left: 408px;}
    .pcSix .p15{position: absolute;width: 314px;height: 219px;top: 175px;left: 716px;}

    .footer{width: 100%;height: 160px;background: #242526;display: flex;justify-content: space-between;text-align: center;align-items: center;direction:ltr;}
    .footer img{width:133px;height: 48px;text-align: center;margin-bottom: 16px;margin-left: 120px;}
    .footer p{font-weight: 400;
        font-size: 12px;
        color:rgba(255, 255, 255, 0.5);margin-right: 120px;}
    .kefu{position: fixed;right: 0;top: 408px;display: flex;flex-direction: column;}
    .kefu .li{display: flex;flex-direction: row;align-items: center;width: 273px;cursor: pointer;justify-content:flex-start;margin-bottom: 20px;padding-right: 10px;}
    .kefu .li.tel{height: 60px;background: #3E93FF;border-radius:30px 0 0 30px;}
    .kefu .li.wechat{height: 60px;background: #13D340;border-radius: 30px 0 0 30px;}
    .kefu img{width: 32px;height: 32px;margin-left:17px;}
    .kefu p{font-weight: bold;
        font-size: 16px;flex-shrink: 0;
        color: #FFFFFF;padding: 0 8px;}
}
/*
* mobile端
*/
@media screen and (max-width: 750px) {
    .PC{display: none !important;}
    html {
        width: 100%;
        font-size: 20%;
    }
    body * {
        box-sizing: border-box;
        font-size: 16px;
    }
    body {
        margin: 0;padding: 0;
        text-align: left;
        background-color: rgba(24, 25, 26, 1);
        font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei;
    }
    .header{width: 100%;height: 86px;display: flex;justify-content: space-between;align-items: center;direction:ltr;}
    .header .logo{width: 40px;height: 40px;margin: 0 20px;}
    .header .right{height: 52px;background: linear-gradient( 179deg, #FACA17 0%, #FF9C48 100%);border-radius: 10px;display: flex;flex-direction: row;align-items: center;padding: 0 30px;margin: 0 20px 0 0;direction: ltr;width: calc(100% - 100px);justify-content: center;}
    .header .right p{font-weight: bold;font-size: 16px;color: #18191A;padding: 0 4px;flex-shrink: 0;}
    .header .right img{width: 40px;height: 40px;}

    .banner{width: 100%;height: 674px;background: url("../images/bnbg@3x.png") no-repeat;background-size: cover;display: flex;flex-direction: column;align-items: center;position: relative;}
    .banner .logo1{width: 213px;height: 76px;margin-top: 20px;}
    .banner .logo2{width: calc(100% - 40px);margin-top: 40px;}
    .banner p{padding: 0 20px;font-weight: bold;font-size: 18px;color: #FFFFFF;line-height: 24px;margin-top: 20px;text-align: center;}
    .banner .binstBtn{width: 320px;
        height: 60px;
        background: linear-gradient( 180deg, #E9E9E9 0%, #FFFFFF 100%);
        box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2), inset 0px -2px 9px 0px rgba(45,254,79,0.5);
        font-weight: bold;
        font-size: 24px;
        color: #12A535;
        border-radius: 40px;
        position: absolute;bottom: -30px;left: 50%;margin-left: -160px;
    }
    .banner .binstBtn::after{
        width: 32px;height: 33px;
        background: url("../images/arrow@3x.png") no-repeat;
        background-size: cover;
        position: absolute;bottom: 34px;right: 40px;
        content: '';
    }
    .pp{padding: 70px 20px 10px 20px;display: flex;flex-direction: column;}
    .pp p{font-size: 14px;color: #FFFFFF;line-height: 20px;padding-bottom: 30px;}
    .pp .btn2{display: flex;}
    .list2{height: 175px;background: radial-gradient( 0% 43% at 100% 0%, #203701 0%, #100D10 100%);border-radius: 10px;display: flex;position: relative;margin: 30px 20px 90px 20px;}
    .list2 img{width: 163px;height: 101px;position: absolute;right: 0;bottom: -50px;}
    .list2 p{font-size: 18px;padding: 30px 20px;}
    .tit{font-weight: bold;font-size: 30px;line-height: 38px;padding: 0 20px 20px 20px;}
    .tit b{font-weight: bold;font-size: 30px;}
    .simpp{font-size: 14px;line-height: 20px;padding: 0 20px 20px 20px;color: #ffffff;}
    .simpp p{padding-bottom: 20px;font-size: 14px;}
    .simpp p label{color: rgba(79, 225, 23, 1);}

    .bordersss{border-radius: 10px;border: 1px solid #4FE117;display: flex;flex-direction: column;margin: 0 20px 40px 20px;padding: 20px 20px;}
    .bordersss p{color: #fff;font-size: 14px;padding-bottom: 20px;}
    .bordersss p label{color: rgba(79, 225, 23, 1);}
    .bordersss p:last-child{padding-bottom: 0;}
    .smallBtn{width: 140px;height: 40px;background: #4FE117;border-radius: 10px;text-align: center;line-height: 40px;margin: 0 20px 20px 20px;}

    .bbttnn{display: flex;flex-direction: column;margin: 0 20px;}
    .bbttnn button{margin-bottom: 40px;}

    .video {
        display: flex;
        flex-direction: column;


      }
    .video .vlist{margin:  0 20px;}

      .video .title {
        display: flex;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 22px;

        width: 90%;
        padding: 10px 0 4px 0;
      }

      .video .sub-title {
        display: flex;
        color: #FFFFFF;
        font-size: 14px;

        opacity: 50%
      }
    .loopPicInto{width: 100%;height: 740px;background: rgba(79, 225, 23, .1);margin: 40px 0;text-align: center;display: flex;justify-content: center;position: relative;}
    .loopPicInto h2{text-align: center;font-size: 30px;width: 80%;padding-top: 40px;}
    .loopPicInto .p10{position: absolute;width: 314px;height: 219px;top: 142px;left: 10px;}
    .loopPicInto .p11{position: absolute;width: 314px;height: 219px;top: 315px;left: 57px;}
    .loopPicInto .p12{position: absolute;width: 314px;height: 219px;top: 478px;left: 37px;}

    .footer{width: 100%;height: 160px;background: #242526;margin-top: 64px;display: flex;flex-direction: column;justify-content: center;text-align: center;align-items: center;}
    .footer img{width:133px;height: 48px;text-align: center;margin-bottom: 16px;}
    .footer p{font-weight: 400;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.5);}

    .kefu{position: fixed;right: 0;bottom: 100px;width: 127px;
        height: 50px;
        background: linear-gradient( 179deg, #FACA17 0%, #FF9C48 100%);
        border-radius: 7px 0px 0px 7px;
        opacity: 0.95;
        display: flex;flex-direction: row;align-items: center;

    }
    .kefu img{width: 32px;height: 32px;margin:0 7px;}
    .kefu p{color: rgba(24, 25, 26, 1);font-size: 12px;padding-right: 16px;font-weight: 600;}
}