/* ================ 主CSS统一引入所有样式 ================ */
/* 动画库 */
@import url("animate.css");
/* Glide库 */
@import url("tiny-slider.css");
/* 图标 */
@import url("LineIcons.2.0.css");
/* 框架 */
@import url("bootstrap-5.0.0-beta1.min.css");
/* 默认 */
@import url("default.css");
/* 站点 */
@import url("style.css");
html {
    scroll-padding-top: 83px; /* 改成你导航的高度 */
    scroll-behavior: smooth;
}
section {padding: 120px 0; position: relative;}
.header_area {padding: 0;}
.rk-card {padding: 32px 32px 64px 32px; border-radius: 6px; transition: all 0.5s ease;}
.rk-card:hover {box-shadow: 0px 20px 20px 0px rgba(156, 161, 161, 0.15); transform: scale(1); transition: .5s; transform: translateY(-16px); -webkit-transform: translateY(-16px);}
.single_features i img {width: 128px;}
.pricing_area {background: url(../images/adv-bg.jpg) no-repeat center; background-size: cover;}
.adv-card {border-radius: 6px; box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.05); padding: 0; overflow: hidden;}
.adv-cont {padding: 24px;}
.adv-cont .pricing_title {margin-bottom: 18px;}
.adv-cont .pricing_list li {font-size: 14px; color: #9e9db3; font-weight: 500; margin-top: 6px;}
.rk-btn {background: #2850a0; color: #fff; font-size: 14px; line-height: 48px; padding: 0 48px; border-radius: 6px; box-shadow: 0px 12px 24px rgba(40, 80, 160, 0.3); -webkit-box-shadow: 0px 12px 24px rgba(40, 80, 160, 0.3);}
.rk-btn:hover {color: #fff;}
.about-wrap {padding: 0;}
.about-wrap p {font-size: 14px; line-height: 28px; margin-top: 24px;}
.rk-process .team_active {margin-top: 30px;}
.rk-process h4 {color: #fff;}
.rk-process .section_title p {color: #fff;}
.rk-process .single_team {border: 1px solid rgba(255, 255, 255, .15); padding: 48px 24px; text-align: center; color: #fff; height: 210px; overflow: hidden;}
.rk-process .single_team i {font-style: normal; font-size: 36px; font-weight: 800; line-height: 36px; color: #f0783c;}
.rk-process .single_team h6 {font-size: 24px; color: #fff; font-weight: 600; line-height: 48px;}
.rk-process .single_team p {color: #fff; opacity: 0.6; font-weight: 350;}
.rk-process .single_team:hover {background: rgba(240, 120, 60, 1); transition: all 0.5s ease;}
.rk-process .single_team:hover i {color: #fff;}
.rk-process .single_team:hover p {opacity: 1;}
.testimonial-area {background-size: cover; padding: 90px 0;}
.test-wrap {text-align: center; margin-top: 60px;}
.test-wrap h6 {font-size: 18px; color: #9e9db3;}
.test-wrap img {height: 48px; margin: 24px 0 36px 0;}
.test-wrap a {display: inline-block;}
.contact-area .title {color: #2B2A3D !important;}
.contact-area p {color: #9e9db3 !important;}
.rk-contact {text-align: center;}
.rk-contact img {height: 24px;}
.rk-contact h6 {margin: 24px 0 6px 0;}


.cs-wrap {position: fixed; left: 0; top: 0; right: 0; bottom: 0; text-align: center; z-index: 99999; width: 100%; height: 100vh; overflow: hidden; display: none;}
.cs-mask {position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, .65); z-index: 1;}
.cs-main {background: #fff; border-radius: 12px; padding: 32px; position: relative; z-index: 2;}
.cs-main img {width: 80px;}
.cs-main .popclose img {width: 24px;}
.cs-main h6 {font-size: 16px; color: #9e9db3; padding: 16px 0; font-weight: 400;}
.cs-main .cs-title {font-size: 14px; color: #9e9db3;}
.cs-main a {display: inline-block; position: relative; width: 100%; padding: 12px 48px; box-sizing: border-box; border-radius: 24px; background: #2850a0; color: #fff; font-family: Arial; font-weight: bold; font-size: 18px; margin: 12px 0;}
.cs-main p {font-size: 12px; color: #9e9db3; line-height: 18px; margin-bottom: 8px;}
.popclose {position: absolute; right: 24px; top: 24px; width: 24px; height: 24px; cursor: pointer; webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -ms-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s;}
.popclose:hover {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.cs-wrap .cs-section {padding: 0 !important; height: 100vh !important;}
.cs-wrap .container,.cs-wrap .container .row {height: 100vh !important;}