/*通用*/ *{margin:0px; padding:0px; font-weight:normal;} html{height:100%;} body{color: #000; font-family:"microsoft yahei", Arial, Helvetica, sans-serif; height:100%; font-size:0.1rem;background:#fff;} a{text-decoration:none; text-shadow:none;font-weight:normal; color: #000;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;} ul{list-style:none;} textarea,input,button{outline:none;-webkit-appearance:none;font-family:Microsoft YaHei;} .clear{ clear:both; overflow:hidden; height:0px;} .dk{ width:100%; max-width:750px; min-width:320px; margin:0 auto;height:100%; background-size:100%; background-repeat:no-repeat; background-attachment:fixed;} img{ border:0; display: block;} input[type="button"],input[type="checkbox"],input[type="radio"], input[type="submit"], input[type="reset"],select {-webkit-appearance: none;outline:none; border:none;font-family:Microsoft YaHei;} span:focus,div:focus,a:focus{outline: none;} html {font-size: 625%; /*100 ÷ 16 × 100% = 625%*/} /*出的各分辨率媒体查询换算：*/ @media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}} @media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}} @media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }} @media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}} @media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}} @media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}} @-webkit-keyframes rotation{ from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } @-webkit-keyframes scale-three2{ 0% {transform:scale(1);opacity:.8;} 100% {transform:scale(1.3);opacity:0;} } ::-webkit-scrollbar { display: none !important; width: 0px; height: 0px; } @media screen and (max-width:640px){ .pc-dk{display: none;} .dk{display: block;} } /*header*/ .waphdBg{height: 4.6rem;background-size: cover;background-repeat: no-repeat;background-position: center top;background-image: url(../images/wap/hdBg.jpg);} .waphdk{padding-top: 0.4rem;margin:0 auto;} .waplogo{width: 0.35rem;margin:0 auto;} .waplogo img{width: 100%;} .waptitle{margin-top: 0.1rem;text-align: center;} .waptitle h3{color: #fff;font-size: 0.36rem;font-weight: 520;line-height: 0.44rem;} .waptitle h5{color: #fff;font-size: 0.12rem;line-height: 0.2rem;} .wapdownB{background-color: #fff;width: 76%;margin:2.3rem auto 0;display: flex;justify-content: space-between; padding: 0 8%;box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);height: 0.8rem;border-radius: 20px;align-items: center;} .wapdown-l{display: flex;align-items: center;} .waplogoB img{height: 0.46rem;} .wapdescB h2{font-size: 0.2rem;line-height: 0.24rem} .wapdescB h3{font-size: 0.13rem;line-height: 0.2rem} .wapdownA{background-image: linear-gradient(to bottom, #d65f7e, #9547ac);width: 0.8rem;height: 0.26rem;border-radius: 0.3rem;line-height: 0.26rem;text-align: center;color: #fff;font-size: 0.14rem;} /*全自动*/ .wapmain-one{padding: 0.2rem 0 0.6rem;} .wapmain-one-dk{width: 80%;margin:0 auto;} .wapone-imgB{width: 0.6rem;margin:0 auto;} .wapone-imgB img{width: 100%;} .wapmain-one-desc h2{color: #3b3b3b;font-size: 0.22rem;line-height: 0.4rem;text-align: center;} .wapmain-one-desc h3{font-size: 0.13rem;color: #3b3b3b;line-height: 0.2rem;text-align: center;} .wapone-english{margin-top: 0.1rem;text-align: center;} .wapone-english p{color: #3b3b3b;font-size: 0.1rem;} .wappicB{margin-top: 0.3rem;} .wappicB img{width: 100%;} /*为什么选择我们*/ .wapmain-two{background-position: center;background-repeat: no-repeat;background-image: url(../images/wap/two-bg.png);background-size: cover;padding: 0 0 0.5rem;} .wapmain-two-dk{margin:0 auto;padding-top: 0.5rem;} .wapmain-two-logo{width: 197px;margin:0 auto;} .wapmain-two-logo img{width: 100%;} .wapmain-two-desc{padding-top: 18px;} .wapmain-two-desc h2{text-align: center;} .wapmain-two-desc p{text-align: center;} .wapmain-two-dk i{display: block;width: 0.3rem;margin:0.1rem auto 0.2rem;} .wapmain-two-dk i img{width: 100%;} .wapmain-two-list{display: flex;justify-content: center;flex-wrap: wrap;} .waplistImg{width: 0.5rem;margin:0 auto;} .waplistImg img{width: 100%;} .wapmain-two-list .waplistA{display: block;width: 28%;padding: 0.2rem 0.04rem;border-radius: 0.1rem;background-image: linear-gradient(to bottom, #d65f7e, #9547ac);margin:0 1% 0.08rem;} .wapmain-two-list .waplistA h3{margin-top: 0.1rem; color: #fff;font-size: 0.14rem;width: 100%;position: relative;text-align: center;line-height: 0.2rem;} .wapmain-two-list .waplistA h3:before,.main-two-list .listA h3:after{display: block;content: '';position: absolute;width: 0.08rem;height: 0.02rem;top: 0.09rem;background-color: #fff;} .wapmain-two-list .waplistA h3:after{right: 0;} .wapmain-two-list .waplistA h3:before{left: 0;} .wapmain-two-list .waplistA p{color: #fff;font-size: 0.11rem;line-height: 0.2rem;text-align: center;margin-top: 0.05rem;} /*支持多个设备*/ .wapmain-three-dk{width: 1374px;margin:0 auto;padding-top: 190px;display: flex;justify-content: space-between;} .wapmain-three-l{width: 645px;padding-top: 108px;} .wapmain-three-l img{width: 100%;} .wapmain-three-r{width: 686px;text-align: right;} .wapmain-three-r-img{display: flex;width: 254px;margin-left: auto;} .wapmain-three-r-img img{width: 100%;} .wapmain-three-r h2{font-size: 72px;line-height: 134px;color: #212121;margin-top: 6px;} .wapmain-three-r h3{font-size: 34px;line-height: 50px;color: #3b3b3b;} .wapenglish{margin-top: 30px;} .wapenglish p{font-size: 12px;color: #3b3b3b;line-height: 18px;} /*随意*/ .wapmain-four{padding: 0.4rem 0 0.6rem;background-color: #f6f6f6;} .wapmain-four-l{text-align: left;} .wapmain-four-r-img{margin-left: 0;width: 153px;} .wapmain-four-r{width: 597px;} .wapmain-four-r img{width: 100%;} /*footer*/ .wapfooter{height: 1.2rem;background-image: url(../images/wap/footer.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;} .wapftL{width: 100px;margin:0 auto;padding-top: 0.22rem;} .wapftL img{width: 100%;} .wapcopy{text-align: center;color: #fff;font-size: 0.1rem;line-height: 0.16rem;margin-top: 0.02rem;} /*浮动按钮下载*/ .wapfd-downB{position: fixed;bottom: 0;left: 0;right: 0;max-width: 750px;min-width: 320px; background-color: #fff;width: 100%;margin:0 auto ;box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);height: 0.5rem;} .wapfd-w{padding: 0.05rem 4% 0;width: 92%;display: flex;justify-content: space-between;align-items: center;} .wapfd-down-l{display: flex;align-items: center;} .waplogoB img{height: 0.4rem;} .wapfd-descB h2{font-size: 0.16rem;line-height: 0.2rem} .wapfd-descB h3{font-size: 0.12rem;line-height: 0.2rem} .wapfd-downA{background-image: linear-gradient(to bottom, #5980f2, #5980f2);width: 0.8rem;height: 0.26rem;border-radius: 0.3rem;line-height: 0.26rem;text-align: center;color: #fff;font-size: 0.14rem;} @media screen and (min-width:640px){ .waphdBg{height: 10.6rem;} .wapdownB{margin: 7.8rem auto 0;} .wapfooter{background-size: cover;} .wapmain-two{background-size: cover;} } @media (min-width:676px) { .wapfd-downB{ display: none; } }