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}
.online{padding-bottom:78px}
.online .content li{float:left;width:285px;height:240px;margin-right:20px;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s}
.online .content li:last-child{margin-right:0}
.online .content li:hover{-webkit-box-shadow:0 0 14px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 14px 0 rgba(0,0,0,.1);box-shadow:0 0 14px 0 rgba(0,0,0,.1)}
.online .content li:hover .img-wrap .shade{opacity:.92}
.online .content li:hover .img-wrap p{display:block}
.online .content li .img-wrap{width:100%;height:185px;position:relative}
.online .content li .img-wrap img{width:100%}
.online .content li .img-wrap .shade{width:100%;height:100%;background-color:#00b450;opacity:0;position:absolute;top:0;left:0;z-index:2;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s}
.online .content li .img-wrap p{display:none;width:176px;color:#fff;font-size:16px;line-height:26px;text-align:center;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%);z-index:3}
.online .content li .title{text-align:center;font-size:16px;font-weight:700;line-height:55px}
.system-overview{padding-bottom:80px;background-color:#fff}
.system-overview .content{width:100%;height:380px;border:1px solid #e6e6e6;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:relative}
.system-overview .content .img-center{position:absolute;top:50%;left:50%;z-index:5;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.system-overview .content ul li{float:left;width:50%;height:190px;position:relative}
.system-overview .content ul li:first-child{height:132px!important;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.system-overview .content ul li:last-child{border-left:1px solid #e6e6e6;border-top:1px solid #e6e6e6}
.system-overview .content ul li.s-left{width:calc(50% - 87px);padding-left:36px;padding-right:50px}
.system-overview .content ul li.s-left .img-wrap{margin-right:20px}
.system-overview .content ul li.s-right{width:calc(50% - 152px);padding-left:120px;padding-right:32px}
.system-overview .content ul li.s-right .txt-wrap{margin-right:26px}
.system-overview .content ul li.top{height:calc(190px - 57px);padding-top:57px}
.system-overview .content ul li.bottom{height:calc(190px - 36px);padding-top:36px}
.system-overview .content ul li .img-wrap{float:left;width:97px;height:97px}
.system-overview .content ul li .img-wrap img{width:100%}
.system-overview .content ul li .txt-wrap{float:left;width:322px;padding-top:20px}
.system-overview .content ul li .txt-wrap h5{font-size:16px;font-weight:700;margin-bottom:10px}
.system-overview .content ul li .txt-wrap p{font-size:14px;line-height:24px}
.system-overview .content ul li:after,.system-overview .content ul li:before{content:"";display:block;width:0;height:0;border:2px solid transparent;position:absolute;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.system-overview .content ul li.s-left.top:before{right:0;bottom:0;transition:border-color 0s ease-in .8s,width .2s ease-in .2s,height .2s ease-in .4s}
.system-overview .content ul li.s-left.top:after{right:0;bottom:0;transition:border-color 0s ease-in .4s,width .2s ease-in .2s,height .2s ease-in}
.system-overview .content ul li.s-right.top:before{left:0;bottom:0;transition:border-color 0s ease-in .8s,width .2s ease-in .2s,height .2s ease-in .4s}
.system-overview .content ul li.s-right.top:after{left:0;bottom:0;transition:border-color 0s ease-in .4s,width .2s ease-in .2s,height .2s ease-in}
.system-overview .content ul li.s-left.bottom:before{right:0;top:0;transition:border-color 0s ease-in .8s,width .2s ease-in .2s,height .2s ease-in}
.system-overview .content ul li.s-left.bottom:after{right:0;top:0;transition:border-color 0s ease-in .4s,width .2s ease-in,height .2s ease-in .2s}
.system-overview .content ul li.s-right.bottom:before{left:0;top:0;transition:border-color 0s ease-in .8s,width .2s ease-in .2s,height .2s ease-in}
.system-overview .content ul li.s-right.bottom:after{left:0;top:0;transition:border-color 0s ease-in .4s,width .2s ease-in,height .2s ease-in .2s}
.system-overview .content ul li:hover.s-left.top:before{width:100%;height:100%;transition:width .2s ease-in .2s,height .2s ease-in;border-top-color:#4dccf8;border-right-color:#4dccf8}
.system-overview .content ul li:hover.s-left.top:after{width:100%;height:100%;transition:width .2s ease-in,height .2s ease-in .2s;border-bottom-color:#4dccf8;border-left-color:#4dccf8}
.system-overview .content ul li:hover.s-right.top:before{width:100%;height:100%;transition:width .2s ease-in .2s,height .2s ease-in;border-top-color:#ff8b9a;border-left-color:#ff8b9a}
.system-overview .content ul li:hover.s-right.top:after{width:100%;height:100%;transition:width .2s ease-in,height .2s ease-in .2s;border-bottom-color:#ff8b9a;border-right-color:#ff8b9a}
.system-overview .content ul li:hover.s-left.bottom:before{width:100%;height:100%;transition:width .2s ease-in,height .2s ease-in .2s;border-top-color:#41d178;border-left-color:#41d178}
.system-overview .content ul li:hover.s-left.bottom:after{width:100%;height:100%;transition:width .2s ease-in .2s,height .2s ease-in;border-bottom-color:#41d178;border-right-color:#41d178}
.system-overview .content ul li:hover.s-right.bottom:before{width:100%;height:100%;transition:width .2s ease-in,height .2s ease-in .2s;border-top-color:#d271d8;border-right-color:#d271d8}
.system-overview .content ul li:hover.s-right.bottom:after{width:100%;height:100%;transition:width .2s ease-in .2s,height .2s ease-in;border-bottom-color:#d271d8;border-left-color:#d271d8}
.education-finance{padding-bottom:28px}
.education-finance .solution-list li{float:left;width:33.3%;margin-bottom:44px}
.education-finance .solution-list li a{display:block;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s}
.education-finance .solution-list li a .img-wrap{float:left;width:139px;height:122px;margin-right:7px}
.education-finance .solution-list li a .img-wrap img{width:100%}
.education-finance .solution-list li a .ctn-wrap{display:table-cell;vertical-align:middle;height:122px}
.education-finance .solution-list li a .ctn-wrap .e-title{font-size:24px;color:#000;margin-bottom:4px}
.education-finance .solution-list li a .ctn-wrap .e-txt{width:210px;line-height:18px;font-size:14px;color:#666}