@charset "utf-8";
.clearfix {zoom: 1;}
.clearfix:after {content: " ";display: block;font-size: 0;height: 0;clear: both;visibility: hidden;}
.n_more{ width:120px; height:40px; line-height:40px; text-align:center; border:1px solid #ddd; margin-top:50px; border-radius:5px;}
.n_more a{ line-height:40px;color: #fff;}
.n_more:hover{ background:#08397b; width:120px; height:40px; line-height:40px; text-align:center; border:1px solid #fff; margin-top:50px;}
.solute-numble {position: relative;padding-bottom: 42px;color: #fff;font-size: 16px;font-family: Arial, Helvetica, sans-serif;line-height: 1;display: flex;display: -webkit-flex;}
.solute-numble:before {position: absolute;left: 0;bottom: 0;content: "";width: 46px;height: 3px;background: #008bc4;border-radius: 2px;}
.solute-numble b {display: inline-block;vertical-align: top;margin-right: 14px;color: #008bc4;font-size: 36px;font-weight: normal;}
.solute-numble span {display: inline-block;position: relative;top: 16px;}
.manage {position: relative;height: 100vh;}
.manage-tab {position: relative;}
.manage-item {position: absolute;height: 300px;left: 0;top: 0;width: 100%;opacity: 0;visibility: hidden;transform: translateY(80px);}
.manage-item.show {position: relative;opacity: 1;visibility: visible;transform: translateY(0px);transition: 0.58s;}
.manage-btns {position: absolute;left: 20%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 370px;}
.manage-btn-item {position: relative;cursor: pointer;border-bottom: 2px solid rgba(255, 255, 255, 0.2);}
.manage-btn-item:first-child {margin-bottom: 90px;}
.manage-btn-item:hover span:before,.manage-btn-item.active span:before {width: 100%;}
.manage-btn-item:hover i,.manage-btn-item.active i {opacity: 1;visibility: visible;right: 0;}
.manage-btn-item span {display: inline-block;position: relative;color: #fff;font-size: 24px;font-weight: bold;line-height: 58px;}
.manage-btn-item span:before {position: absolute;left: 0;bottom: -2px;content: "";width: 0;height: 2px;background: #fff;transition: 0.45s;}
.manage-btn-item i {display: block;position: absolute;right: 6px;top: 50%;margin-top: -10px;color: #fff;font-size: 20px;line-height: 1;font-weight: bold;opacity: 0;visibility: hidden;transition: 0.4s;}
.manage-slide {position: relative;height: 100vh;overflow: hidden;}
.manage-bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: cover;}
.manage-slide.swiper-slide-active .manage-fix {opacity: 1;visibility: visible;margin-top: 0;transition-delay: 0.4s;}
.manage-fix {position: absolute;right: 10%;top: 44%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 670px;opacity: 0;visibility: hidden;margin-top: 120px;transition: 0.8s;}
.manage-fix .solute-numble:before {display: none;}
.manage-fix .solute-numble b {font-size: 36px;}
.manage-fix strong {display: block;margin-bottom: 46px;color: #fff;font-size: 36px;font-weight: normal;}
.manage-fix p {color: #f1f1f1;font-size: 16px;line-height: 2;letter-spacing: 2px;}
.manage-slide:nth-child(2n+2) .manage-fix {right: auto;left: 10%;}
.manage-down {position: absolute;left: 0;bottom: 62px;z-index: 10;width: 100%;}
.manage-down:before {position: absolute;z-index: -1;left: 0;top: 25px;content: "";width: 100%;height: 1px;background: #fff;opacity: 0.2;}
.manage-hidden {height: 100%;}
.manage-li {display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.manage-li li {cursor: pointer;height: 50px;line-height: 50px;color: #fff;font-size: 16px;padding: 0 40px;border-radius: 25px;transition: 0.4s;white-space: nowrap;}
.manage-li li:hover,.manage-li li.active {background: #08397b;}