@media screen and (min-width:750px) {
    .banner{width:100%;height: 600px;overflow:hidden;position:relative;}
.banner img{height: 100%;width: auto;position: absolute;left: 50%;margin-left: -960px;}
.banner .bannerText{width:437px;height:295px;position:absolute;top:50%;margin-top:-148px;left:50%;margin-left:145px;text-align:right}
.bannerText h3{font-size:60px;font-weight:700;color:#333;margin-bottom:25px}
.bannerText p{line-height:52px;font-size:30px;color:#333;text-align:right}
.bannerText a{display:block;width:180px;height:48px;line-height:48px;text-align:center;background:#5eaeeb;font-size:24px;color:#fff;position:absolute;bottom:0;right:54px}
.ask{width:100%;height:652px;position:relative;overflow:hidden;text-align:center}
.ask h3{width:100%;font-size:40px;color:#333;position:absolute;top:80px}
.ask .askText{width:100%;height:365px;display:flex;position:absolute;top:190px}
.askText img{position:absolute;right:50%;margin-right:130px}
.askText ul{width:50%;box-sizing:border-box;padding-right:20px;position:absolute;left:50%;margin-left:20px;top:88px}
.askText ul li{font-size:18px;line-height:42px;color:#888;text-align:left}
.advantage{width:100%;height:650px;background:#fafafa;overflow:hidden;position:relative}
.advantage h3{width:100%;font-size:40px;color:#333;position:absolute;top:80px;text-align:center}
.advantage ul{width:100%;height:380px;position:absolute;top:224px;text-align:center;display:flex;justify-content:center}
.advantage ul li{width:275px;height:100%;margin:0 53px}
.advantage ul li img{margin:0 auto;padding-bottom:30px}
.advantage ul li h4{text-align:center;padding-bottom:36px;position:relative}
.advantage ul li h4:after{content:'';width:100px;height:2px;background:orange;position:absolute;left:50%;bottom:18px;margin-left:-50px}
.advantage ul li p{font-size:16px;color:#888;line-height:26px;text-align:left}
.show{width:100%;height:auto;overflow:hidden;position:relative}
.show h3{width:100%;font-size:40px;color:#333;text-align:center;padding-top:80px;padding-bottom:20px}
.show .view{width:100%;height:auto;margin-top:125px;position:relative}
.show .view:nth-child(4){margin-bottom:100px}
.view img{position:relative}
.view:nth-child(2) img{left:50%;margin-left:-585px}
.view:nth-child(3) img{left:50%;margin-left:-100px}
.view:nth-child(4) img{left:50%;margin-left:-585px}
.view .viewText{width:315px;height:175px;position:absolute;top:120px}
.view:nth-child(2) .viewText{left:50%;margin-left:295px}
.view:nth-child(3) .viewText{right:50%;margin-right:295px}
.view:nth-child(4) .viewText{left:50%;margin-left:295px}
.viewText span{font-size:18px;line-height:30px;color:#333}
.viewText h4{font-size:24px;color:#ff8400;line-height:40px}
.viewText p{color:#888;line-height:30px;font-size:16px;padding-top:8px}
.tou{width:100%;position:relative;background: url(../img/iWDbg5.jpg);height: 210px;}
.tou p{color:#fefefe;font-size:26px;position:absolute;width:100%;text-align:center;top:50px}
.tou a{width:180px;height:50px;text-align:center;line-height:50px;font-size:20px;background:#40a4fc;color:#fff;position:absolute;left:50%;top:50%;margin-top:18px;margin-left:-90px;border-radius:5px}
.tou img{width:100%}
}


@media screen and (min-width:750px) and (max-width:1226px) {
    .banner .bannerText {margin-left:0;}
    .askText img {margin-right:90px;}
    .view:nth-child(2) img {    margin-left: -550px;
    width: 60%;}
    .view:nth-child(2) .viewText {
    margin-left: 200px;
    }
    .view:nth-child(3) .viewText {margin-right:200px;}
    .view:nth-child(3) img {
    left: 50%;
    margin-left: -130px;
} 
    .view:nth-child(4) img {
    margin-left: -535px;
    width: 60%;
}
    .view:nth-child(4) .viewText {margin-left:200px;}
}


@media screen and (max-width: 750px) {
    .mbanner {background:url('../img/knowmbg.jpg') no-repeat center; background-size:cover; color:#fff;}
    .mbanner h3 {font-size:.6rem;padding-top: .45rem;}
    .mbanner p {font-size: .26rem;width:5.7rem;margin:0 auto;line-height: .46rem;padding-top:.2rem;color:#fff;}
    .mbanner a {margin-top: .32rem;color:#fff;background:#5eaeeb;}

    .ask , .advantage , .show{width:100%; height: auto; overflow: hidden; box-sizing: border-box; padding:0 .24rem; text-align: center;}
    .ask h3 , .advantage h3 , .show h3{font-size:.34rem; font-weight: bold; padding-top:.48rem;}
    .ask p {font-size: .26rem;line-height: .38rem;color:#888888;text-align:  left;padding-bottom: .4rem;}
    .ask img {margin:.4rem auto .45rem; width:65%;}
    .advantage {background:#fafafa;}
    .advantage ul {padding-top:.3rem; }
    .advantage ul li {margin-bottom:.5rem; position: relative; text-align: left; }
    .advantage ul li img {position: absolute;width:1.45rem;top: 50%;transform: translateY(-50%);}
    .advantage ul li h4 {padding-left:1.6rem; font-size:.32rem; padding-top:.15rem;}
    .advantage ul li p {padding-top:.15rem;line-height: .36rem;font-size: .24rem;color:#666666;padding-left:1.6rem;}
    .show .view {text-align: left;}
    .show .view span, .show .view h4 {display: inline-block; color:#ff8400; font-size:.32rem;}
    .show .view img {width:100%; padding:.38rem 0 .64rem 0; }
    .show .view p {font-size: .24rem;line-height: .36rem;padding-top:.15rem;color:#888;}
    .show .view:nth-child(2) {padding-top:.5rem;}






}