@media screen and (min-width:751px) {
  .banner{width:100%;height:700px;position:relative;overflow:hidden;text-align:center}
.banner img{height:100%;position:absolute;top:50%;left:50%;margin-left:-960px;margin-top:-350px}
.banner h3{width:100%;font-weight:700;font-size:80px;color:#40a4fc;position:absolute;top:145px}
.banner h4{width:100%;font-size:48px;color:#fff;position:absolute;bottom:50%;margin-bottom:34px}
.banner p{width:430px;height:42px;line-height:42px;border:1px solid #b9b3b1;font-size:18px;color:#fff;position:absolute;top:50%;margin-top:-12px;left:50%;margin-left:-215px}
.banner a{display:block;width:280px;height:64px;background:#ff8400;line-height:64px;color:#ff8400;position:absolute;top:50%;left:50%;margin-top:180px;margin-left:-140px;font-size:30px;text-align:center;color:#fff;border-radius:4px}
.function{width:100%;height:690px;position:relative;overflow:hidden;text-align:center; background:url('../img/spBg2.jpg') no-repeat center;}
.function img.bg{height:100%;position:absolute;left:50%;top:50%;margin-left:-960px;margin-top:-345px}
.function>h3{width:100%;font-size:40px;color:#333;font-weight:700;position:absolute;top:80px}
.function>p{width:100%;font-size:18px;color:#888;position:absolute;top:140px}
.function ul{width:1226px;height:400px;position:absolute;left:50%;top:215px;margin-left:-613px;display:flex;justify-content:space-between}
.function ul li{width:286px;height:400px;box-sizing:border-box;background:#fff;border:1px solid #eee;text-align:center}
.function ul li img{margin:0 auto;margin-top:32px;margin-bottom:35px}
.function ul li h3{padding-bottom:22px;position:relative}
.function ul li h3:after{content:'';width:60px;height:2px;background:#d2d2d2;position:absolute;left:50%;top:46px;margin-left:-30px}
.function ul li p{font-size:14px;color:#666;line-height:30px;width:100%;box-sizing:border-box;padding:0 28px;margin-top:20px;text-align:left}
.answer{width:100%;height:690px;overflow:hidden;position:relative;text-align:center; background: url('../img/spBg3.jpg') no-repeat center; background-size:auto 100%;}
.answer img.bg{height:100%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.answer h3{width:100%;font-size:40px;color:#333;position:absolute;top:80px;font-weight:700}
.answer p{width:100%;font-size:18px;color:#888;position:absolute;top:135px}
.answer .answerText{width:1226px;height:315px;position:absolute;left:50%;top:230px;margin-left:-613px;display:flex;justify-content:space-between}
.answerText ul{width:660px;box-sizing:border-box;padding-right:30px}
.answerText ul li{font-size:16px;color:#888;line-height:30px;padding:15px 0;text-align:left}
.answer a{display:block;width:280px;height:64px;background:#ff8400;line-height:64px;color:#ff8400;position:absolute;bottom:80px;left:50%;margin-left:-140px;font-size:30px;text-align:center;color:#fff;border-radius:4px}
.merit{width:100%;height:690px;position:relative;overflow:hidden;text-align:center; background:url('../img/spBg4.jpg') no-repeat center; background-size:cover;}
.merit img.bg{height:100%;position:absolute;left:50%;top:50%;margin-left:-960px;margin-top:-345px}
.merit h3{width:100%;font-size:40px;color:#fff;position:absolute;top:80px;font-weight:700}
.merit p{width:100%;font-size:18px;color:#fff;position:absolute;top:135px}
.merit ul{width:1168px;height:420px;position:absolute;left:50%;top:50%;margin-left:-584px;margin-top:-80px;display:flex;flex-wrap:wrap;justify-content:space-around}
.merit ul li{width:33.33%;height:140px;margin-bottom:60px}
.merit ul li img{margin:0 auto;margin-bottom:20px}
.merit ul li span{display:inline-block;line-height:64px;font-size:14px;color:#fff;text-align:center}  
}

@media screen and (min-width:751px) and (max-width:1226px) {
    .function ul {    width: 100%;
    left: 0;
    margin-left: 0;}
    .function ul li {margin:0 20px;}
    .answer .answerText {
            width: 100%;
    left: 0;
    margin-left: 0;
    justify-content: space-around;
    }
    .answerText ul {width:50%;}
}

@media screen and (max-width:750px) {
    .mbanner {background:url('../img/spmbg.jpg') no-repeat center; background-size:cover;}
    .mbanner>h3 {font-size:.72rem; color:#40a4fc; padding-top:.4rem;}
    .mbanner h4 {font-size:.42rem; color:#fff; padding-top:.1rem;}
    .mbanner p {display: inline-block;border:.01rem solid rgba(255,255,255,.7);margin:0 auto;font-size: .26rem;margin-top: .38rem;line-height: .42rem;padding:0 .1rem;color:rgba(255,255,255,.7);}
    .mbanner a {color:#fff; background:#ff8400; margin-top:.32rem;}

    .function {width:100%; height:auto; overflow: hidden; box-sizing: border-box; padding:0 .24rem; background: url('../img/spBg2.jpg') no-repeat center; background-size:auto 100%;}
    .function>h3 , .answer>h3 , .merit>h3{text-align: center; font-size:.34rem; font-weight: bold; font-weight: bold; padding-top:.46rem;}
    .function p , .answer p , .merit p {text-align: center;font-size: .24rem;line-height: .36rem;padding-top: .2rem;color:#555555;}
    .function ul {display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content: space-between;  padding:.3rem 0 .15rem 0;}
    .function ul li {width:3.36rem; height: 5rem; background:#fff; box-sizing: border-box; border:.01rem solid #eeeeee; margin-bottom:.3rem;}
    .function ul li img {width:1.5rem; margin:.36rem auto .38rem;}
    .function ul li h3 {text-align: center;font-size: .3rem;color:#333333;padding-bottom: .15rem;position: relative;}
    .function ul li h3::after {content:''; position: absolute; left:50%; bottom:0; margin-left:-.35rem; width:.7rem; height:.02rem;}
    .function ul li p {width: 2.8rem;font-size: .24rem;line-height: .42rem;margin:0 auto;color:#666666;text-align: left;padding-top: .1rem;}

    .answer {width:100%; height:auto; overflow: hidden; box-sizing: border-box; padding:0 .24rem; background: url('../img/spBg3.jpg') no-repeat center; background-size:auto 100%;}
    .answerText {width:100%; height:auto;}
    .answerText img {width:55%; margin-top:.34rem; margin-bottom:.32rem;}
    .answerText p.mobile {font-size:.26rem; line-height: .4rem; color:#555555; padding-bottom:.4rem; text-align: left;}
    .answer a {display: block; width:2.5rem; height:.58rem; background:#ff8400; color:#fff; margin:0 auto; margin-bottom: .48rem; text-align: center; line-height: .58rem; font-size:.28rem; border-radius: .04rem}

    .merit {width:100%; height:auto; overflow: hidden; box-sizing: border-box; padding:0 .24rem; background: url('../img/spBg4.jpg') no-repeat center; background-size:auto 100%;}
    .merit h3 , .merit p{color:#fff;}
    .merit ul {display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; width:100%; height:auto; padding-bottom: .42rem}
    .merit ul li {width:33.33%; height:auto; text-align: center;}
    .merit ul li img {width:1.2rem; margin-top:.67rem; padding-bottom: .1rem;}
    .merit ul li span {font-size:.24rem; line-height: .34rem; color:#fff;}


}