.mobile {display: none ;}

.pc {display: block ;}

.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) {

.mobile {display: block;}

.pc {display: none;}

.banner{height: 6rem;margin-top: 1.95rem;}

.banner img{height: 100%;width: auto;position: absolute;transform: translateX(-50%);margin: 0;}

.banner .bannerText{width: 100%;height: auto;position:absolute;left: 0;top: 0;margin: 0;text-align: center;}

.bannerText h3{

    width: 100%;

    text-align: center;

    font-size: .48rem;

    font-weight: normal;

    margin: 0;

    padding-top: .88rem;

}

.bannerText p{line-height: .58rem;font-size: .4rem;text-align: center;box-sizing: border-box;padding: .4rem .2rem 0 .2rem;}

.bannerText a{

    width: 50%;

    height: .88rem;

    line-height: .88rem;

    font-size: .4rem;

    border-radius: .1rem;

    margin: 0 auto;

    margin-top: .8rem;

    position: static;

}

.ask{width:100%;height: auto;position:relative;overflow:hidden;text-align:center;padding-bottom: .8rem;}

.ask h3{width: 100%;text-align: center;font-size: .48rem;color: #333333;padding-top: .75rem;position: static;}

.ask .askText{width:100%;height: auto;display: block;position: static;padding-top: .4rem;}

.askText p {

    width: 100%;

    height: auto;

    box-sizing: border-box;

    padding: 0 .2rem;

    font-size: .32rem;

    color: #888;

    text-align: left;

    line-height: .48rem;

}

.askText img{position: static;margin: 0 auto;width: 90%;padding-top: .3rem;}

.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: auto;position:relative;padding-bottom: .4rem;}

.advantage h3{

    width: 100%;

    text-align: center;

    font-size: .48rem;

    color: #333333;

    padding-top: .75rem;

    position: static;

}

.advantage ul{height: auto;position: static;justify-content: left;flex-wrap: wrap;box-sizing: border-box;padding: 0 .2rem;padding-top: .4rem;}

.advantage ul li{width: 50%;height: auto;margin: 0;padding-bottom: .4rem;}

.advantage ul li img{padding-bottom: .3rem;width: 60%;}

.advantage ul li h4{padding-bottom: .2rem;}

.advantage ul li h4:after{

    display: none;

}

.advantage ul li p{font-size: .28rem;color:#888;line-height:26px;text-align:left;width: 100%;box-sizing: border-box;padding: 0 .2rem;}

.show{

}

.show h3{

    width: 100%;

    text-align: center;

    font-size: .48rem;

    color: #333333;

    padding-top: .75rem;

    position: static;

    padding-bottom: 0;

}

.show .view{margin-top: .4rem;position: static;}

.show .view:nth-child(4){margin-bottom: 0;}

.view img{width:90%;position: static;margin: 0 auto;padding-top: .4rem;padding-bottom: .8rem;}

.view:nth-child(2) img{margin:0 auto;}

.view:nth-child(3) img{

    margin: 0 auto;

}

.view:nth-child(4) img{margin: 0 auto;}

.view .viewText{width: 100%;height: auto;position: static;box-sizing: border-box;padding: 0 .2rem;}

.view:nth-child(2) .viewText{margin: 0;}

.view:nth-child(3) .viewText{right:50%;margin-right:295px}

.view:nth-child(4) .viewText{margin: 0 auto;}

.viewText span{font-size:18px;line-height:30px;color:#333}

.viewText h4{font-size: .46rem;color:#ff8400;line-height: .6rem;}

.viewText p{color:#888;line-height: .48rem;font-size: .32rem;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%}

}