.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}

.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}

.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}

.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%;}

}