body{background-color:#f7f9fb}
.title-cn{text-align:center;font-size:38px;color:#000;margin-bottom:14px;padding-top:78px}
.title-en{text-align:center;font-size:14px;color:#666;margin-bottom:30px}
.application{padding-bottom:80px}
.application ul li{float:left;width:285px;height:185px;margin-right:20px;position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden}
.application ul li:last-child{margin-right:0}
.application ul li .img-wrap{width:100%;height:100%}
.application ul li .img-wrap img{width:100%}
.application ul li p{width:150px;position:absolute;top:40%;left:27%;z-index:1;min-width:118px;height:42px;line-height:42px;text-align:center;padding:0 19px;font-size:14px;color:#fff;font-weight:700;background-color:rgba(0,159,60,.85);-webkit-border-radius:21px;-moz-border-radius:21px;border-radius:21px}
.application ul li:hover p{-webkit-animation:app_animation .5s cubic-bezier(.29,.15,.5,1.46) 0s;-o-animation:app_animation .5s cubic-bezier(.29,.15,.5,1.46) 0s;animation:app_animation .5s cubic-bezier(.29,.15,.5,1.46) 0s}
.features{padding-bottom:80px;background-color:#fff}
.features .features-list{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden}
.features .features-list .features-item{width:100%;height:180px}
.features .features-list .features-item .f-left{float:left}
.features .features-list .features-item .f-right{float:left}
.features .features-list .features-item .ctn-wrap{width:calc(650px - 210px);height:calc(100% - 48px);padding-top:48px;padding-left:50px;padding-right:160px;color:#fff}
.features .features-list .features-item .ctn-wrap h5{font-size:24px;margin-bottom:12px;position:relative}
.features .features-list .features-item .ctn-wrap h5:before{content:'';width:4px;height:20px;background-color:#fff;position:absolute;top:50%;left:-15px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.features .features-list .features-item .ctn-wrap p{font-size:16px;line-height:30px}
.features .features-list .features-item .ctn-wrap.item1{background-color:#1dd0a8;position:relative}
.features .features-list .features-item .ctn-wrap.item1:after{content:'';width:0;height:0;border:12px solid transparent;border-left-color:#1dd0a8;position:absolute;top:50%;right:-24px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.features .features-list .features-item .ctn-wrap.item2{background-color:#4ec3f9;position:relative}
.features .features-list .features-item .ctn-wrap.item2:after{content:'';width:0;height:0;border:12px solid transparent;border-right-color:#4ec3f9;position:absolute;top:50%;left:-24px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.features .features-list .features-item .ctn-wrap.item3{background-color:#ffab3e;position:relative}
.features .features-list .features-item .ctn-wrap.item3:after{content:'';width:0;height:0;border:12px solid transparent;border-left-color:#ffab3e;position:absolute;top:50%;right:-24px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.features .features-list .features-item .img-wrap{width:550px;height:180px}
.features .features-list .features-item .img-wrap img{width:100%}
.process{padding-bottom:80px}
.process .content{position:relative;padding:0 106px}
.process .content .p-num{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.process .content .p-item .img-wrap{float:left;width:120px}
.process .content .p-item .ctn-wrap{float:left;width:calc(335px - 65px);padding:26px 40px 0 25px}
.process .content .p-item .ctn-wrap h5{font-size:16px;font-weight:700;margin-bottom:10px}
.process .content .p-item .ctn-wrap p{font-size:14px;line-height:20px;color:#666}
.process .content .p-item .p-left,.process .content .p-item .p-right{position:relative;width:455px;background-color:#fff;-webkit-box-shadow:0 5px 20px 0 rgba(0,0,0,.1);-moz-box-shadow:0 5px 20px 0 rgba(0,0,0,.1);box-shadow:0 5px 20px 0 rgba(0,0,0,.1);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.process .content .p-item .p-left{float:left}
.process .content .p-item .p-left:after{content:'';width:0;height:0;border:12px solid transparent;border-left-color:#fff;position:absolute;right:-24px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.process .content .p-item .p-right{float:right}
.process .content .p-item .p-right:after{content:'';width:0;height:0;border:12px solid transparent;border-right-color:#fff;position:absolute;left:-24px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
@keyframes app_animation{from{top:40%}
    50%{top:-11%}
    to{top:40%}
}