body{transform: scale(1);}
.qj{width: 100%;height: 100%;background: white;overflow: hidden;position: relative;}
.bnner{width: 100%;height: 600px;overflow: hidden;position: relative;}
.bnner img{width: 100%;height: 100%;}
.nav{width: 100%;height: 50px;background-color: rgba(255, 255, 255, 0.753);position: absolute;top: 0;left: 0;display: flex;
    flex-wrap: nowrap;z-index: 10;}
.nav-left{width: 30%;height: 100%;padding-left: 20px;}
.nav-left img{width: 200px;height: 40px;margin: 5px auto;}
.nav-reg-list{position: absolute;right: 20px;display: flex;flex-wrap: nowrap;line-height: 50px;text-align: center;}
.nav-reg-list li{width: 100px;color: black;text-align: center;font-size: 15px;font-weight: 600;display: inline-block;}
.bnner-js{width: 50%;height: 100%;position: absolute;top: 250px;left: 0;text-align: center;color: black;text-shadow: 2px 2px 4px rgb(255, 255, 255);}
.bnner-js p{font-size: 40px;font-weight: 700;}
.bnner-js span{font-size: 20px;font-weight: 500;}
.bnner-js button{width: 120px;height: 40px;border-radius: 10px;background-color: dodgerblue;border: none;
    box-shadow: 2px 2px 5px rgb(180, 180, 180);display: block;margin: 20px auto;color: white;font-size: 10px;font-weight: 600;}
.bq{width: 90%;background-color: rgb(255, 255, 255);margin: 20px auto;overflow: hidden;}
.bq-ul{width: 100%;height: 100%;background-color: white;margin: auto;display: flex;justify-content: center;margin-top: 20px;flex-wrap: wrap;}
.bq-ul li{width: 400px;height: 80px;box-shadow: 2px 2px 5px rgb(219, 219, 219);border-radius: 10px;overflow: hidden;margin: 20px;}
.bq-ul-li-div{width: 100%;height: 100%;display: flex;margin-top: 20px;margin-left: 0px;}
.bq-ul-li-div i{display: inline-block;font-size: 50px;margin-left: 20px;}
.bq-ul-li-div-r{margin-left: 10px;}
.bq-ul-li-div-r p{font-size: 15px;font-weight: 600;color: black;margin-top: 3px;}
.bq-ul-li-div-r span{font-size: 10px;}

.bq-p{width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 19px;font-weight: 600;text-shadow: 2px 2px 3px rgb(205, 209, 219);}
.js{width: 100%;display: flex;background-color: rgb(250, 250, 255);justify-content: center;padding: 50px;}
.js-reg{height: 300px;overflow: hidden;margin-right: 50px;}
.js-reg img{width: 300px;height: 100%;border-radius: 10px;box-shadow: 2px 2px 5px rgb(255, 255, 255);margin: 0 auto;display: block;}
.js-left{width: 50%;height: 100%;}
.js-left p{font-size: 17px;font-weight: 700;margin-top: 10%;margin-bottom: 20px;font-family:Arial, Helvetica, sans-serif;text-shadow: 2px 2px 3px rgb(191, 196, 209);}
.js-left span{font-size: 13px;font-weight: 900;margin-top: 10px;letter-spacing:1.2px;}
.js-left h3{font-size: 20px;color: rgb(221, 221, 221);margin-top: -30px;}
.tc{width: 100%;padding: 30px;}
.tc-p{width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 19px;font-weight: 600;margin-bottom: 20px;}
.tc-list{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.list-li{width: 350px;height: 100%;margin: 40px;border-radius: 10px;box-shadow: 2px 2px 5px rgb(238, 238, 238);
    padding: 20px;position: relative;}
.list-nr li{width: 100%;margin-top: 10px;font-size: 13px;}
.list-nr-sa{display: inline-block;margin-left: 5px;}
.list-nr-sb{position: absolute;right: 30px;}
.list-but{width: 70%;height: 35px;border-radius: 10px;background-color: dodgerblue;border: none;
    box-shadow: 2px 2px 5px rgb(180, 180, 180);display: block;margin: 50px auto;color: white;font-size: 10px;font-weight: 600;}
.list-zj{width: 40%;height: 30px;border-radius: 10px;box-shadow: 2px 2px 5px rgb(151, 188, 255);font-size: 10px;font-weight: 800;
    text-align: center;line-height: 30px;position: absolute;top: -15px;right: 15px;}
.list-bt{width: 100%;height: 100px;line-height: 100px;text-align: center;font-size: 18px;font-weight: 500;}
.zc{width: 100%;height: 600px;background-color: rgba(61, 106, 253, 0.753);padding: 20px;color: white;position: relative;}
.zc-w{width: 100%;height: 100%;overflow: hidden;}
.zc-zhong-z{width: 200px;height: 100px;background-color: white;border-radius: 150px;/* box-shadow: 3px 3px 3px 3px white; */margin: 25px auto;}
.zc-zhong{width: 250px;height: 150px;border-radius: 150px;border: 2px solid white;margin: 180px auto;}
.zc-www{width: 100%;height: 100%;position: absolute;top: 200px;left: 0;/* display: flex;flex-wrap: wrap; */text-align: center;}
.zc-ww-w{width: 100%;height: 70px;}
.zc-p{display: inline-block;font-size: 20px;font-weight: 600;margin: 30px;}
.zcp1{margin-right: 250px;}
.zcp3{margin-right: 400px;}
.zcp5{margin-right: 250px;}
.lc{width: 100%;padding: 40px;}
.lc-nr{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.lc-list{width: 200px;height: 150px;border-radius: 10px;box-shadow: 2px 2px 5px rgb(228, 227, 227);margin-top: 130px;margin-right: 20px;margin-left: 20px;
    line-height: 20px;text-align: center;font-size: 14px;font-weight: 900;margin-bottom: 50px;padding: 10px;}
.lc-list-xh{width: 50px;height: 50px;border-radius: 150px;box-shadow: 2px 2px 5px rgb(186, 196, 252);position: relative;top: -70px;
    margin: 0 auto;line-height: 50px;text-align: center;font-size: 20px;font-weight: 900;text-shadow: 2px 2px 5px rgb(117, 47, 245);}

.db{width: 100%;background-color: black;color: white;padding: 50px;}
.db-w{width: 100%;height: 100%;display: flex;}
.db-left{width: 100%;height: 100%;margin-left: 200px;}
.bd-reg{width: 100%;height: 100%;}
.bd-bt{width: 100%;font-size: 18px;font-weight: 900;margin-bottom: 20px;}
.bd-left-li{width: 100%;font-size: 13px;font-weight: 700;margin-top: 5px;}
.bd-bq{width: 100%;margin-top: 50px;}
.bd-img-w{display: inline-block;text-align: center;color: white;font-size: 16px;font-weight: 700;}
.bd-reg img{width: 100px;height: 100px;margin: 20px;}
.zcc-c{width: 100%;text-align: center;font-size: 30px;color: rgb(207, 207, 207);}

@media only screen and (min-width:700px){
    body{transform: scale(1);}
    .qj{width: 100%;height: 100%;background: white;overflow: hidden;position: relative;}
    .bnner{width: 100%;height: 600px;overflow: hidden;position: relative;}
    .bnner img{width: 100%;height: 100%;}
    .nav{width: 100%;height: 50px;background-color: rgba(255, 255, 255, 0.753);position: absolute;top: 0;left: 0;display: flex;
        flex-wrap: nowrap;z-index: 10;}
    .nav-left{width: 30%;height: 100%;padding-left: 20px;}
    .nav-left img{width: 200px;height: 40px;margin: 5px auto;}
    .nav-reg-list{position: absolute;right: 20px;display: flex;flex-wrap: nowrap;line-height: 50px;text-align: center;}
    .nav-reg-list li{width: 100px;color: black;text-align: center;font-size: 15px;font-weight: 600;display: inline-block;}
    .bnner-js{width: 50%;height: 100%;position: absolute;top: 250px;left: 0;text-align: center;color: black;text-shadow: 2px 2px 4px rgb(255, 255, 255);}
    .bnner-js p{font-size: 40px;font-weight: 700;}
    .bnner-js span{font-size: 20px;font-weight: 500;}
    .bnner-js button{width: 120px;height: 40px;border-radius: 10px;background-color: dodgerblue;border: none;
        box-shadow: 2px 2px 5px rgb(180, 180, 180);display: block;margin: 20px auto;color: white;font-size: 10px;font-weight: 600;}
    .bq{width: 90%;background-color: rgb(255, 255, 255);margin: 20px auto;overflow: hidden;}
    .bq-ul{width: 100%;height: 100%;background-color: white;margin: auto;display: flex;justify-content: center;margin-top: 20px;flex-wrap: wrap;}
    .bq-ul li{width: 400px;height: 80px;box-shadow: 2px 2px 5px rgb(219, 219, 219);border-radius: 10px;overflow: hidden;margin: 20px;}
    .bq-ul-li-div{width: 100%;height: 100%;display: flex;margin-top: 20px;margin-left: 0px;}
    .bq-ul-li-div i{display: inline-block;font-size: 50px;margin-left: 20px;}
    .bq-ul-li-div-r{margin-left: 10px;}
    .bq-ul-li-div-r p{font-size: 15px;font-weight: 600;color: black;margin-top: 3px;}
    .bq-ul-li-div-r span{font-size: 10px;}
    
    .bq-p{width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 19px;font-weight: 600;text-shadow: 2px 2px 3px rgb(205, 209, 219);}
    .js{width: 100%;display: flex;background-color: rgb(250, 250, 255);justify-content: center;padding: 50px;}
    .js-reg{height: 300px;overflow: hidden;margin-right: 50px;}
    .js-reg img{width: 300px;height: 100%;border-radius: 10px;box-shadow: 2px 2px 5px rgb(255, 255, 255);margin: 0 auto;display: block;}
    .js-left{width: 50%;height: 100%;}
    .js-left p{font-size: 17px;font-weight: 700;margin-top: 10%;margin-bottom: 20px;font-family:Arial, Helvetica, sans-serif;text-shadow: 2px 2px 3px rgb(191, 196, 209);}
    .js-left span{font-size: 13px;font-weight: 900;margin-top: 10px;letter-spacing:1.2px;}
    .js-left h3{font-size: 20px;color: rgb(221, 221, 221);margin-top: -30px;}
    .tc{width: 100%;padding: 30px;}
    .tc-p{width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 19px;font-weight: 600;margin-bottom: 20px;}
    .tc-list{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
    .list-li{width: 350px;height: 100%;margin: 40px;border-radius: 10px;box-shadow: 2px 2px 5px rgb(238, 238, 238);
        padding: 20px;position: relative;}
    .list-nr li{width: 100%;margin-top: 10px;font-size: 13px;}
    .list-nr-sa{display: inline-block;margin-left: 5px;}
    .list-nr-sb{position: absolute;right: 30px;}
    .list-but{width: 70%;height: 35px;border-radius: 10px;background-color: dodgerblue;border: none;
        box-shadow: 2px 2px 5px rgb(180, 180, 180);display: block;margin: 50px auto;color: white;font-size: 10px;font-weight: 600;}
    .list-zj{width: 40%;height: 30px;border-radius: 10px;box-shadow: 2px 2px 5px rgb(151, 188, 255);font-size: 10px;font-weight: 800;
        text-align: center;line-height: 30px;position: absolute;top: -15px;right: 15px;}
    .list-bt{width: 100%;height: 100px;line-height: 100px;text-align: center;font-size: 18px;font-weight: 500;}
    .zc{width: 100%;height: 600px;background-color: rgba(61, 106, 253, 0.753);padding: 20px;color: white;position: relative;}
    .zc-w{width: 100%;height: 100%;overflow: hidden;}
    .zc-zhong-z{width: 200px;height: 100px;background-color: white;border-radius: 150px;/* box-shadow: 3px 3px 3px 3px white; */margin: 25px auto;}
    .zc-zhong{width: 250px;height: 150px;border-radius: 150px;border: 2px solid white;margin: 180px auto;}
    .zc-www{width: 100%;height: 100%;position: absolute;top: 200px;left: 0;/* display: flex;flex-wrap: wrap; */text-align: center;}
    .zc-ww-w{width: 100%;height: 70px;}
    .zc-p{display: inline-block;font-size: 20px;font-weight: 600;margin: 30px;}
    .zcp1{margin-right: 250px;}
    .zcp3{margin-right: 400px;}
    .zcp5{margin-right: 250px;}
    .lc{width: 100%;padding: 40px;}
    .lc-nr{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
    .lc-list{width: 200px;height: 150px;border-radius: 10px;box-shadow: 2px 2px 5px rgb(228, 227, 227);margin-top: 130px;margin-right: 20px;margin-left: 20px;
        line-height: 20px;text-align: center;font-size: 14px;font-weight: 900;margin-bottom: 50px;padding: 10px;}
    .lc-list-xh{width: 50px;height: 50px;border-radius: 150px;box-shadow: 2px 2px 5px rgb(186, 196, 252);position: relative;top: -70px;
        margin: 0 auto;line-height: 50px;text-align: center;font-size: 20px;font-weight: 900;text-shadow: 2px 2px 5px rgb(117, 47, 245);}
    
    .db{width: 100%;background-color: black;color: white;padding: 50px;}
    .db-w{width: 100%;height: 100%;display: flex;}
    .db-left{width: 100%;height: 100%;margin-left: 200px;}
    .bd-reg{width: 100%;height: 100%;}
    .bd-bt{width: 100%;font-size: 18px;font-weight: 900;margin-bottom: 20px;}
    .bd-left-li{width: 100%;font-size: 13px;font-weight: 700;margin-top: 5px;}
    .bd-bq{width: 100%;margin-top: 50px;}
    .bd-img-w{display: inline-block;text-align: center;color: white;font-size: 16px;font-weight: 700;}
    .bd-reg img{width: 100px;height: 100px;margin: 20px;}
    .zcc-c{width: 100%;text-align: center;font-size: 30px;color: rgb(207, 207, 207);}
    
}

@media only screen and (max-width:700px){
/* body{width: 1600px;} */
.bnner img{width: 1600px;height: 100%;}
.nav{display: none;}
.bnner-js{width: 100%;height: 100%;position: absolute;top: 100px;left: 0;text-align: center;color: black;text-shadow: 2px 2px 4px rgb(255, 255, 255);}
.bnner-js p{font-size: 20px;font-weight: 700;}
.bnner-js span{font-size: 10px;font-weight: 500;margin-top: 20px;}
.bnner-js button{width: 100px;height: 30px;border-radius: 10px;background-color: dodgerblue;border: none;
    box-shadow: 2px 2px 5px rgb(180, 180, 180);display: block;margin: 20px auto;color: white;font-size: 10px;font-weight: 600;}
    .bnner{width: 100%;height: 300px;overflow: hidden;position: relative;}
    .bq-p{width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 16px;font-weight: 600;text-shadow: 2px 2px 3px rgb(205, 209, 219);}
    .zcc-c{width: 100%;text-align: center;font-size: 19px;color: rgb(207, 207, 207);}
    .bq-ul-li-div-r p{font-size: 15px;font-weight: 600;color: black;margin-top: 3px;}
    .bq-ul li{width: 400px;height: 80px;box-shadow: 2px 2px 5px rgb(219, 219, 219);border-radius: 10px;overflow: hidden;margin: 5px;}
.bq-ul-li-div-r span{font-size: 7px!important;}
.js{width: 100%;display: flex;background-color: rgb(250, 250, 255);justify-content: center;padding: 30px;flex-wrap: wrap;}
.js-reg{height: 100%;overflow: hidden;margin-right: 50px;width: 80%;margin: 0 auto;}
.js-reg img{width: 100%;height: 100%;border-radius: 10px;box-shadow: 2px 2px 5px rgb(255, 255, 255);margin: 0 auto;display: block;}
.js-left{width: 100%;height: 100%;text-align: center;}
.js-left p{font-size: 12px;font-weight: 700;margin-top: 10%;margin-bottom: 20px;font-family:Arial, Helvetica, sans-serif;text-shadow: 2px 2px 3px rgb(191, 196, 209);}
.js-left span{font-size: 9px;font-weight: 900;margin-top: 10px;letter-spacing:1.2px;}
.js-left h3{font-size: 12px;color: rgb(221, 221, 221);margin-top: -30px;}
.tc{width: 100%;padding: 0px;}
.tc-p{width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 20px;font-weight: 600;margin-bottom: 20px;margin-top: 30px;}
.tc-list{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.list-li{width: 100%;height: 100%;border-radius: 10px;box-shadow: 2px 2px 5px rgb(238, 238, 238);
    padding: 10px;position: relative;}
.list-nr li{width: 100%;margin-top: 10px;font-size: 12px;}
.list-nr-sa{display: inline-block;margin-left: 5px;}
.list-nr-sb{position: absolute;right: 30px;}
.list-but{width: 70%;height: 25px;border-radius: 10px;background-color: dodgerblue;border: none;
    box-shadow: 2px 2px 5px rgb(180, 180, 180);display: block;margin: 50px auto;color: white;font-size: 12px;font-weight: 600;}
.list-zj{width: 60%;height: 30px;border-radius: 10px;box-shadow: 2px 2px 5px rgb(151, 188, 255);font-size: 15px;font-weight: 800;
    text-align: center;line-height: 30px;position: absolute;top: -15px;right: 15px;}
.list-bt{width: 100%;height: 100px;line-height: 100px;text-align: center;font-size: 10px;font-weight: 500;}、
.zc{width: 100%;height: 200px;background-color: rgba(61, 106, 253, 0.753);padding: 20px;color: white;position: relative;}
.zc-w{width: 100%;height: 100%;overflow: hidden;}
.zc-zhong-z{width: 30px;height: 30px;background-color: white;border-radius: 150px;/* box-shadow: 3px 3px 3px 3px white; */margin: 20px auto;}
.zc-zhong{width: 70px;height: 70px;border-radius: 150px;border: 2px solid white;margin: 180px auto;}
.zc-www{width: 100%;height: 100%;position: absolute;top: 200px;left: 0;/* display: flex;flex-wrap: wrap; */text-align: center;}
.zc-ww-w{width: 100%;height: 70px;}
.zc-p{display: inline-block;font-size: 18px;font-weight: 400;margin: 30px;}
.zcp1{margin-right: 40px;}
.zcp3{margin-right: 80px;}
.zcp5{margin-right: 40px;}
.db{width: 100%;background-color: black;color: white;padding: 50px;}
.db-w{width: 100%;height: 100%;display: flex;flex-wrap: wrap;}
.db-left{width: 100%;height: 100%;margin-left: 0px;}
.bd-reg{width: 100%;height: 100%;}
.bd-bt{width: 100%;font-size: 15px;font-weight: 900;margin-bottom: 20px;}
.bd-left-li{width: 100%;font-size: 15px;font-weight: 700;margin-top: 5px;}
.bd-bq{width: 100%;margin-top: 50px;}
.bd-img-w{display: inline-block;text-align: center;color: white;font-size: 15px;font-weight: 700;}
.bd-reg img{width: 100px;height: 100px;margin: 20px;}
}