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{background-color:#fff;padding-bottom:78px}
.application .container .app-list li{float:left;width:285px;height:240px;margin-right:20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;position:relative}
.application .container .app-list li:last-child{margin-right:0}
.application .container .app-list li .img-wrap{width:100%;height:100%;position:absolute;z-index:1}
.application .container .app-list li .img-wrap img{width:100%}
.application .container .app-list li .shade{position:absolute;z-index:2;width:100%;height:100%;background-color:#000;opacity:.65;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s}
.application .container .app-list li .ctn-wrap{position:absolute;top:50%;left:50%;z-index:3;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.application .container .app-list li .ctn-wrap img{margin-bottom:16px}
.application .container .app-list li .ctn-wrap p{font-size:16px;font-weight:700;color:#fff}
.application .container .app-list li:hover .shade{background-color:#00b450;opacity:.92}
.ismart-model{width:100%}
.ismart-model .container{height:824px}
.ismart-model .container .model-wrap{width:368px;height:407px;position:absolute;top:270px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.ismart-model .container .model-wrap .model-item{width:295px;position:absolute}
.ismart-model .container .model-wrap .model-item .title{font-size:16px;font-weight:700;margin-bottom:10px}
.ismart-model .container .model-wrap .model-item .describe{font-size:14px;color:#666;line-height:22px}
.ismart-model .container .model-wrap .model-item.infrastructure{top:-80px;left:78px}
.ismart-model .container .model-wrap .model-item.showing{top:107px;right:-313px}
.ismart-model .container .model-wrap .model-item.manageable{top:255px;right:-313px}
.ismart-model .container .model-wrap .model-item.accessible{bottom:-105px;left:73px}
.ismart-model .container .model-wrap .model-item.interactive{bottom:69px;left:-343px}
.ismart-model .container .model-wrap .model-item.testing{top:84px;left:-319px}
.overall{background-color:#fff;padding-bottom:75px}
.overall .container .overall-wrap .overall-swiper{float:left;width:562px;padding-top:15px;padding-right:38px}
.overall .container .overall-wrap .overall-swiper .hd{margin-bottom:34px}
.overall .container .overall-wrap .overall-swiper .hd ul li{cursor:pointer;float:left;height:40px;line-height:40px;text-align:center;padding:0 18px;border:1px solid #e6e6e6;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin-right:6px;font-size:14px;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s}
.overall .container .overall-wrap .overall-swiper .hd ul li.on,.overall .container .overall-wrap .overall-swiper .hd ul li:hover{background-color:#00b450;border-color:#00b450;color:#fff}
.overall .container .overall-wrap .overall-swiper .bd ul li{margin-bottom:25px}
.overall .container .overall-wrap .overall-swiper .bd ul li:last-child{margin-bottom:0}
.overall .container .overall-wrap .overall-swiper .bd ul li h5{font-size:16px;font-weight:700;margin-bottom:8px}
.overall .container .overall-wrap .overall-swiper .bd ul li h5 img{margin-right:8px;vertical-align:middle}
.overall .container .overall-wrap .overall-swiper .bd ul li h5 span{vertical-align:middle}
.overall .container .overall-wrap .overall-swiper .bd ul li p{font-size:14px;line-height:22px}
.overall .container .overall-wrap .img-wrap{float:left;width:600px;height:400px}
.overall .container .overall-wrap .img-wrap img{width:100%}
.teaching-effect{padding-bottom:33px}
.teaching-effect .container .obvious-wrap .obvious-item{background-color:#fff}
.teaching-effect .container .obvious-wrap .obvious-item .o-left,.teaching-effect .container .obvious-wrap .obvious-item .o-right{float:left;width:50%;height:330px}
.teaching-effect .container .obvious-wrap .obvious-item .txt-wrap{width:calc(50% - 136px);height:calc(330px - 90px);padding-top:90px;padding-left:68px;padding-right:68px}
.teaching-effect .container .obvious-wrap .obvious-item .txt-wrap h4{font-size:20px;font-weight:700;margin-bottom:12px;position:relative}
.teaching-effect .container .obvious-wrap .obvious-item .txt-wrap h4:before{content:'';width:4px;height:20px;background-color:#009f3c;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%)}
.teaching-effect .container .obvious-wrap .obvious-item .txt-wrap h5{font-size:16px;font-weight:700;margin-bottom:20px}
.teaching-effect .container .obvious-wrap .obvious-item .txt-wrap p{font-size:14px;line-height:32px}
.teaching-effect .container .obvious-wrap .obvious-item .img-wrap img{width:100%}

.onschool .application .container .app-list li{ width: 380px;height: 240px; margin-bottom: 33px; }