@charset "utf-8";

@font-face {font-family:"feitian";src:url("fonts/iconfont_module.woff") format("woff");font-display:swap}

.feitian {font-family:"feitian" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-display:swap}
.ft-jxbi:before {content:"\e76b"}
.ft-cfang:before {content:"\e769"}
.ft-zliang:before {content:"\e76a"}
.ft-ltian:before {content:"\e768"}

.tabs4 {background-color:#fff;padding:60px 0;}
.tabs4 .container {display:flex;}
.tabs4 .tab-title {color:#333;padding:22px 0;width:380px;border-right:1px solid #dcdcdc;font-size:18px;}
.tabs4 .tab-title li {color:#333;height:110px;position:relative;padding:0 20px;-webkit-transition:color .2s ease,box-shadow .2s ease;-ms-transition:color .2s ease,box-shadow .2s ease;transition:color .2s ease,box-shadow .2s ease;position:relative;display:flex;align-items:center;cursor:pointer;}
.tabs4 .tab-title li.active {box-shadow:0 3px 10px rgba(0,0,0,0.16);border-color:transparent;color:#FFDE00;}
.tabs4 .tab-title li::after {content:"";position:absolute;bottom:0;left:0;right:20px;height:1px;background-color:#dcdcdc;opacity:1;-webkit-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease}
.tabs4 .tab-title li .number {display:block;background-color:#333;width:32px;height:32px;line-height:32px;text-align:center;border-radius:50%;color:#fff;-webkit-transition:color .2s ease,background-color .2s ease;-ms-transition:color .2s ease,background-color .2s ease;transition:color .2s ease,background-color .2s ease;}
.tabs4 .tab-title li .text {margin-left:30px;font-weight:bold;color:#111;font-size:18px;}
.tabs4 .tab-title li .sprites {position:absolute;width:40px;height:40px;right:20px;top:calc(50 - 20px);font-size:41px}
.tabs4 .tab-title li.active {box-shadow:0 3px 10px rgba(0,0,0,0.16);border-color:transparent;color:#109493;}
.tabs4 .tab-title li.active .number {background-color:#109493;color:#fff;}
.tabs4 .tab-content {flex:1;margin-left:60px;position:relative;overflow:hidden;}
.tabs4 .tab-content>li {display:none;}
.tabs4 .tab-content>li.active {display:block;}
.tabs4 .tab-content>li h5 {font-size:28px;font-weight:700;color:#333;}
.tabs4 .tab-content>li h5 a {color:#333;}
.tabs4 .tab-content>li ul.fn-clear {margin-top:20px;display:flex;align-items:center;}
.tabs4 .tab-content>li ul.fn-clear li {display:inline-block;vertical-align:middle;width:6px;height:6px;background-color:#109493;border-radius:50%;margin-right:6px}
.tabs4 .tab-content>li .klm-title-desc {margin:20px 0;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.tabs4 .tab-content .learn-more-btn {display:inline-block;padding:10px 16px;border:1px solid #109493;color:#109493;border-radius:30px !important}
.tabs4 .tab-content .learn-more-btn:hover {background:#109493;color:#fff;}
.tabs4 .tab-content .pic-scroll {margin:30px 0 0;}
.tabs4 .tab-content .pic-scroll ul {display:flex;flex-wrap:wrap;margin:0 -15px;}
.tabs4 .tab-content .pic-scroll ul li {width:33.333333%;padding:0 15px;}
  html[dir=rtl] .tabs4 .tab-title li .sprites{right: 300px}

@media screen and (max-width:1367px) {
.tabs4 .tab-content > li h5{font-size:26px;}
}

@media screen and (max-width:1280px) {
.tabs4 .tab-title{width:360px;}
.tabs4 .tab-title li{height:100px;}
.tabs4 .tab-title li .text{margin-left:25px;font-size:17px;}
.tabs4 .tab-title li .sprites{font-size:36px;}
.tabs4 .tab-content > li h5{font-size:24px;}
.tabs4 .tab-content{margin-left:50px;}
.tabs4 .tab-content .learn-more-btn{padding:8px 16px;font-size:15px;}

}

@media screen and (max-width:992px) {
.tabs4 .container{flex-direction:column-reverse;}
.tabs4 .tab-content{width:100%;margin-left:0;}
.tabs4 .tab-content > li{text-align:center;}
.tabs4 .tab-content > li h5{font-size:23px;}
.tabs4 .tab-content > li ul.fn-clear{margin-top:15px;justify-content:center;}

.tabs4 .tab-title{padding:0;margin:20px 0 0;width:100%;border-right:none;display: flex;justify-content:space-between;flex-wrap:wrap;}
.tabs4 .tab-title li{height:90px;padding:0 40px 0 10px;width:24%;margin:12px 0 0;}
.tabs4 .tab-title li .number{display:none;}
.tabs4 .tab-title li .text{margin-left:0;font-size:16px;}
.tabs4 .tab-title li .sprites{width:30px;height:30px;right:10px;top:calc(50 - 15px);font-size:30px;}
  
.tabs4 .tab-title li.active{color:#fff;background:#109493;}
.tabs4 .tab-title li.active .text{color:#fff;}

}

@media screen and (max-width:767px) {

.tabs4{padding:30px 0;}

.tabs4 .tab-title li{padding:0 40px 0 10px;width:48%;border:1px solid #f0f0f0;}
.tabs4 .tab-title li::after{display:none;}

.tabs4 .tab-content .pic-scroll ul{margin:0 -10px;}
.tabs4 .tab-content .pic-scroll ul li{padding:0 10px;}

}

@media screen and (max-width:480px) {
.tabs4 .tab-title li{height:80px;}
.tabs4 .tab-title li .text{font-size:15px;}
.tabs4 .tab-title li .sprites{width:24px;height:24px;font-size:24px;}

.tabs4 .tab-content .pic-scroll ul{margin:0 -5px;}
.tabs4 .tab-content .pic-scroll ul li{padding:0 5px;}
}

@media screen and (max-width:420px) {

.tabs4 .tab-title li{height:70px;}

}