.clearfix::after{clear:both;content:".";display:block;height:0;visibility:hidden}
.module-banner{background:#f4f8fd;padding:80px 0}
.module-banner-box{width:1200px;margin:0 auto;position:relative}
.module-banner-head{font-weight:400;text-align:center;margin-bottom:40px;color:#333}
.module-banner-head em{display:block;margin-bottom:14px;font-style:normal;font-size:30px}
.module-banner-head span{font-size:16px;opacity:.6}
.module-banner-tab-list{float:left;width:280px}
.module-banner-tab-list .module-tab-nav li:nth-child(1){background:#454545}
.module-banner-tab-list .module-tab-nav li:nth-child(2){background:#3b3b3b}
.module-banner-tab-list .module-tab-nav li:nth-child(3){background:#333}
.module-banner-tab-list .module-tab-nav li:nth-child(4){background:#2b2b2b}
.module-banner-tab-list .module-tab-nav li:nth-child(5){background:#212121}
.module-banner-tab-list .module-tab-nav li:nth-child(6){background:#1a1a1a}
.module-banner-tab-list ul li{color:#fff;width:280px;height:87px;cursor:pointer;text-align:center;position:relative;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.module-banner-tab-list ul li p{margin:0;line-height:87px}
.module-banner-tab-list ul li i{width:40px;height:50px;display:none; font-size: 40px;padding-top: 30px;}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on{opacity:1;height:140px;background-image:-webkit-linear-gradient(left,#01c2e6 0%,#1160ff 100%);background-image:-moz-linear-gradient(left,#01c2e6 0%,#1160ff 100%);background-image:-moz-linear-gradient(to right,#01c2e6 0%,#1160ff 100%);background-image:-o-linear-gradient(to right,#01c2e6 0%,#1160ff 100%);background-image:linear-gradient(to right,#01c2e6 0%,#1160ff 100%);background-repeat:repeat}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on .iconfont{display:inline-block}
.module-banner-tab .module-banner-tab-list .module-tab-nav li:hover{background-image:-webkit-linear-gradient(left,rgba(1,194,230,0.4) 0%,rgba(17,96,255,0.4) 100%);background-image:-moz-linear-gradient(left,rgba(1,194,230,0.4) 0%,rgba(17,96,255,0.4) 100%);background-image:-moz-linear-gradient(to right,rgba(1,194,230,0.4) 0%,rgba(17,96,255,0.4) 100%);background-image:-o-linear-gradient(to right,rgba(1,194,230,0.4) 0%,rgba(17,96,255,0.4) 100%);background-image:linear-gradient(to right,rgba(1,194,230,0.4) 0%,rgba(17,96,255,0.4) 100%);background-repeat:repeat}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on:hover{opacity:1;height:140px;background-image:-webkit-linear-gradient(left,#01c2e6 0%,#1160ff 100%);background-image:-moz-linear-gradient(left,#01c2e6 0%,#1160ff 100%);background-image:-moz-linear-gradient(to right,#01c2e6 0%,#1160ff 100%);background-image:-o-linear-gradient(to right,#01c2e6 0%,#1160ff 100%);background-image:linear-gradient(to right,#01c2e6 0%,#1160ff 100%);background-repeat:repeat}

.module-banner-tab-list-box{float:right;width:900px;height:490px;background:#fff;padding:40px;overflow:hidden;position:relative}
.module-tab-box-ma{width:820px;opacity:1;z-index:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;position:absolute}
.module-tab-title h4{margin:0 0 20px;font-size:16px;font-weight:400;position:relative}
.module-tab-title h4:before{content:" ";display:inline-block;width:3px;height:16px;background:#108cee;margin-bottom:-2px;margin-right:8px}
.module-tab-title p{color:#666;font-size:14px;line-height:24px}.module-tab-text{margin:20px 0}
.module-tab-text h4{margin:0 0 20px;font-size:16px;font-weight:400;position:relative}
.module-tab-text h4:before{content:" ";display:inline-block;width:3px;height:16px;background:#108cee;margin-bottom:-2px;margin-right:8px}
.module-tab-text ul li{width:30%;float:left;font-size:14px;line-height:38px;cursor:pointer;color:#a2a2a2;border:1px solid #f4f4f4;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; margin-bottom: 15px; margin-right: 15px;}
.icon{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-right:10px;margin-left:10px}
.module-tab-text ul li:hover a{color:#08acee}
.module-tab-link{position:relative}
.module-tab-link i{font-size: 25px; float: left;padding: 0 20px;}
.module-tab-link:after{content:'';width:8px;height:8px;float:right;margin:15px 20px 0 0;transform:rotate(45deg);border-top:1px solid currentColor;border-right:1px solid currentColor}
.module-tab-text ul .module-tab-link:hover:after{border-color:#108cee}
/* .module-tab-text .module-tab-link+.module-tab-link{width:calc(33% - 20px);margin-left:20px}
 */.module-tab-more a{cursor:pointer;color:#fff;font-size:14px;background:#108cee;text-align:center;width:160px;display:inline-block;line-height:40px;margin-top:20px;text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.module-tab-more a:hover{background:#41a6f7}
.module-tab-case li{float:left;margin-right:20px}
.module-tab-case li i{width:60px;height:60px;border:1px solid #f0f0f0;border-radius:12px;display:inline-block}

.module-tab-case li span{color:#666;font-size:12px;display:block;text-align:center;line-height:24px}