@font-face{font-family:"Poppins","sans-serif";src:url(../fonts/octin_sports_rg.ttf) format("truetype")}body{font-family:"Poppins","sans-serif";color:#0c0c0c;background-color:#ffffff;overflow-x:hidden}.layout_padding{padding:90px 0}.layout_padding2{padding:45px 0}.layout_padding2-top{padding-top:45px}.layout_padding2-bottom{padding-bottom:45px}.layout_padding-top{padding-top:90px}.layout_padding-bottom{padding-bottom:90px}.long_section{margin-left:45px;margin-right:45px;padding-left:15px;padding-right:15px}.heading_container{display:flex;flex-direction:column;align-items:flex-start;font-family:"octin sports",sans-serif}.heading_container h2{position:relative;font-weight:bold;text-transform:uppercase;margin:0}.heading_container.heading_center{align-items:center;text-align:center}h1,h2{font-family:"octin sports",sans-serif}.header_section{position:absolute;top:0;width:100%;z-index:9}.header_section .nav_container{margin:0 auto}.header_section.innerpage_header{position:relative;background:#3a3f58;padding:10px 0}.custom_nav-container{padding:10px 0}.custom_menu-btn{position:fixed;right:15px;top:15px;width:50px;height:50px}.custom_menu-btn::before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-color:white;box-shadow:0 0 5px 0 rgba(0,0,0,0.07);z-index:7;border-radius:100%;transition:all .3s}.custom_menu-btn.menu_btn-style::before{width:100vh;height:100vh;background-color:#442a04;transform:scale(5);border-radius:0}.custom_menu-btn button{width:50px;height:50px;outline:none;border:none;border-radius:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;position:relative;z-index:999;margin:0}.custom_menu-btn button span{display:block;width:30px;height:3px;background-color:#000000;margin:2.5px 0;transition:all .3s;border-radius:15px}.custom_menu-btn .s-2{transition:all .1s}.menu_btn-style button span{background-color:#ffffff}.menu_btn-style button .s-1{transform:rotate(45deg) translate(6px, 6px)}.menu_btn-style button .s-2{transform:translateX(100px)}.menu_btn-style button .s-3{transform:rotate(-45deg) translate(5px, -5px)}.overlay{height:100%;width:0;position:fixed;top:0;left:0;overflow-x:hidden;transition:.5s;z-index:9}.overlay .closebtn{position:absolute;top:0;right:30px;font-size:60px}.overlay a{padding:0px;text-decoration:none;font-size:22px;color:#ffffff;display:block;transition:.3s;margin-bottom:15px;text-transform:uppercase;font-weight:600;opacity:0}.overlay a:hover{color:#e45441}.overlay-content{position:relative;top:30%;width:100%;text-align:center;margin-top:30px;z-index:99}.menu_width{width:100%}.menu_width.overlay a{opacity:1}a,a:hover,a:focus{text-decoration:none}a:hover,a:focus{color:initial}.btn,.btn:focus{outline:none !important;box-shadow:none}.navbar-brand span{font-size:24px;font-weight:700;color:#ffffff;text-transform:uppercase}.slider_section{min-height:100vh;flex:1;display:flex;align-items:center;position:relative;text-align:center;padding:115px 0 75px 0}.slider_section #customCarousel1{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.slider_section #customCarousel1 .carousel-inner,.slider_section #customCarousel1 .carousel-item,.slider_section #customCarousel1 .img_container{height:100%}.slider_section #customCarousel1 .img_container img{opacity:0}.slider_section #customCarousel1 .img_container{background-image:url(../images/slide-v2.jpg);background-size:100% auto;background-position:50% 50%;background-repeat:no-repeat;display:flex;justify-content:flex-start;align-items:flex-start}.slider_section .detail-box{position:relative;width:100%;z-index:4}.slider_section .detail-box .inner_detail-box{opacity:0;background-color:rgba(228,215,141,0.8);color:#ffffff;padding:45px;border-radius:5px}.slider_section .detail-box h1{font-weight:bold;text-transform:uppercase}.slider_section .detail-box p{margin-top:15px}.slider_section .detail-box .slider-link{display:inline-block;padding:10px 45px;background-color:#ffffff;color:#000000;border-radius:5px;border:1px solid #ffffff;transition:all .2s;margin-top:10px}.slider_section .detail-box .slider-link:hover{background-color:transparent;color:#ffffff}.slider_section .img-box img{min-width:100%;min-height:100%}.slider_section .img-box::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.slider_section .carousel-control-prev,.slider_section .carousel-control-next{width:50px;height:50px;z-index:5;opacity:1;border-radius:5px;font-size:12px;background-color:#3a3100;color:white;transform:translateY(-50%)}.slider_section .carousel-control-prev{left:45px;top:50%}.slider_section .carousel-control-next{right:45px;top:50%}.about_section .row{align-items:center}.about_section .img-box img{width:100%}.about_section .detail-box p{margin-top:10px;margin-bottom:35px}.about_section .detail-box a{display:inline-block;padding:10px 45px;background-color:#000000;color:#ffffff;border-radius:0;border:1px solid #3a3f58;transition:all .2s}.about_section .detail-box a:hover{background-color:transparent;color:#3a3f58}.gallery_section{background-color:#f9f8f7}.gallery_section .heading_container{margin-bottom:30px}.gallery_section .row{align-items:stretch}.gallery_section .img-box{display:flex;overflow:hidden;position:relative}.gallery_section .img-box img{min-width:100%;min-height:100%}.gallery_section .img-box a{display:flex;position:absolute;opacity:0;align-items:center;justify-content:center;width:55px;height:55px;border-radius:100%;background-color:#e69800;top:50%;left:50%;transform:translate(-50%, -50%);transition:opacity .2s;color:#ffffff;font-size:24px}.gallery_section .img-box::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,234,205,0.85);transition:all .1s;transform:translateY(100%)}.gallery_section .img-box:hover::before{transform:translateY(0)}.gallery_section .img-box:hover a{opacity:1}.gallery_section .btn-box{display:flex;justify-content:center;margin-top:45px}.gallery_section .btn-box a{display:inline-block;padding:10px 45px;background-color:#000000;color:#ffffff;border-radius:5px;border:1px solid #1c1c1c;transition:all .2s}.gallery_section .btn-box a:hover{background-color:transparent;color:#e45441}.service_section .box{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:45px;position:relative}.service_section .box .img-box{position:relative;width:145px;height:145px;margin-bottom:-72.5px}.service_section .box .img-box img{width:100%;border-radius:100%;border:5px solid #ffffff}.service_section .box .detail-box{background-color:#442a04;color:#ffffff;padding:97.5px 25px 25px 25px}.service_section .box .detail-box h5{margin-bottom:0;font-weight:600}.service_section .box .detail-box p{font-size:15px;margin-top:12px;margin-bottom:15px}.service_section .box a{display:inline-block;padding:8px 30px;background-color:#e45441;color:#ffffff;border-radius:5px;border:1px solid #e45441;transition:all .2s}.service_section .box a:hover{background-color:transparent;color:#e45441}.blog_section .heading_container{align-items:center}.blog_section .heading_container h2::before{left:50%;transform:translateX(-50%)}.blog_section .box{margin-top:55px;background-color:#ffffff;display:flex;align-items:center;color:#000000;background-color:#f9f8f7}.blog_section .box .img-box{position:relative;width:225px;min-width:225px}.blog_section .box .img-box img{width:100%}.blog_section .box .detail-box{padding:15px}.blog_section .box .detail-box h5{font-weight:bold;font-family:"octin sports",sans-serif}.blog_section .box .detail-box p{font-size:15px;color:#444}.blog_section .box .detail-box a{display:inline-block;padding:7px 20px;background-color:#3a3f58;color:#ffffff;border-radius:0;border:1px solid #3a3f58;transition:all .2s}.blog_section .box .detail-box a:hover{background-color:transparent;color:#3a3f58}.client_section .heading_container{align-items:center}.client_section .box{display:flex;flex-direction:column;align-items:flex-start;margin:45px 0;border-radius:15px}.client_section .box .img-box{border-radius:100%;min-width:175px;max-width:175px;overflow:hidden;margin:0 25px;margin-bottom:-82.5px;position:relative;border:7px solid #ffffff}.client_section .box .img-box img{width:100%}.client_section .box .detail-box{display:flex;flex-direction:column;align-items:flex-start;background-color:#2f1a00;padding:112.5px 25px 25px 25px;color:#ffffff}.client_section .box .detail-box .name img{width:25px;margin-bottom:5px}.client_section .box .detail-box .name h6{color:#e45441;font-weight:600;font-size:20px}.client_section .carousel_btn-container{display:flex;justify-content:center}.client_section .carousel-control-prev,.client_section .carousel-control-next{position:unset;width:45px;height:45px;border:none;opacity:1;background-repeat:no-repeat;background-size:12px;background-color:#e45441;background-position:center;border-radius:5px;margin:0 2.5px}.client_section .carousel-control-prev:hover,.client_section .carousel-control-next:hover{background-color:#3a3f58}.client_section .carousel-control-next{left:initial}.contact_section{position:relative}.contact_section .row{align-items:center}.contact_section .form_container{background-color:#442a04;padding:45px;margin-bottom:-90px;border:5px solid #ffffff;color:#ffffff}.contact_section .form_container .heading_container{margin-bottom:30px}.contact_section .form_container input{width:100%;border:none;height:50px;margin-bottom:25px;padding-left:15px;outline:none;color:#101010;box-shadow:0 0 5px 0 rgba(0,0,0,0.05);border-radius:5px}.contact_section .form_container input:-ms-input-placeholder{color:#333}.contact_section .form_container input::placeholder{color:#333}.contact_section .form_container input.message-box{height:120px}.contact_section .form_container .btn_box{display:flex;margin-top:15px}.contact_section .form_container button{border:none;text-transform:uppercase;display:inline-block;padding:12px 55px;background-color:#e45441;color:#ffffff;border-radius:0px;border:1px solid #e45441;transition:all .2s}.contact_section .form_container button:hover{background-color:transparent;color:#e45441}.contact_section .subscribe-box h3{font-weight:600;text-transform:uppercase}.contact_section .subscribe-box p{color:#777}.contact_section .subscribe-box form{display:flex;flex-direction:column;align-items:flex-start}.contact_section .subscribe-box form input{background-color:#ccc;height:50px;padding-left:15px;outline:none;color:#ffffff;border:none;width:100%;margin-bottom:15px}.contact_section .subscribe-box form input:-ms-input-placeholder{color:#555}.contact_section .subscribe-box form input::placeholder{color:#555}.contact_section .subscribe-box form button{background-color:transparent;color:#3a3f58;text-transform:uppercase;outline:none;border:none;display:inline-block;padding:10px 45px;background-color:#000000;color:#ffffff;border-radius:0;border:1px solid #3a3f58;transition:all .2s}.contact_section .subscribe-box form button:hover{background-color:transparent;color:#3a3f58}.info_section{background-color:#442a04;color:#ffffff;padding:165px 0 75px 0}.info_section.innerpage_info_section{padding:75px 0}.info_section h4{margin-bottom:15px}.info_section .info_contact a{display:flex;align-items:center;color:#ffffff;margin-bottom:10px}.info_section .info_contact a i{margin-right:5px;width:25px}.info_section .info_contact a:hover:hover{color:#e45441}.info_section .social_box{width:100%;display:flex;flex-wrap:wrap}.info_section .social_box a{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border:1px solid #ffffff;color:#ffffff;margin-right:10px;margin-bottom:10px}.info_section .social_box a:hover{color:#e45441;border-color:#e45441}.footer_section{position:relative;text-align:center}.footer_section p{color:#000000;padding:25px 0;margin:0}.footer_section p a{color:inherit} a.icp {color: #6fb7f5 !important;text-decoration: underline;}

/* 现代简约风格配色 */
:root {
  --modern-primary: #2c3e50;    /* 深蓝灰主色 */
  --modern-secondary: #3498db;  /* 亮蓝色强调 */
  --modern-accent: #e74c3c;     /* 点缀红色 */
  --modern-light: #ecf0f1;      /* 浅灰背景 */
  --modern-dark: #2c3e50;       /* 深色文字 */
  --modern-gradient: linear-gradient(135deg, #2c3e50, #3498db);
}

/* 全局样式 */
body {
  /* font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
  color: var(--modern-dark);
  line-height: 1.6;
  background-color: #fff;
}

/* 导航栏样式 */
.header_section {
  /* background: var(--modern-gradient); */
  padding: 15px 0;
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
}

.navbar-brand span {
  font-size: 1.8rem;
  font-weight: 600;
  background: linear-gradient(45deg, #fff, #ecf0f1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 轮播图样式 */
.slider_section {
  min-height: 80vh;
  background: var(--modern-light);
}

.slider_section .detail-box .inner_detail-box {
  background: rgba(44, 62, 80, 0.9);
  border-radius: 10px;
  backdrop-filter: blur(10px);
}

/* 服务模块样式 */
.service_section {
  background: #fff;
  padding: 80px 0;
}

.service_section .heading_container h2 {
  color: var(--modern-dark);
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 2rem;
  position: relative;
}

.service_section .heading_container h2::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 60px;
  height: 4px;
  background: var(--modern-secondary);
  border-radius: 2px;
}

.service_section .box {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.service_section .box:hover {
  transform: translateY(-10px);
}

.service_section .box .detail-box {
  padding: 30px;
}

.service_section .box .detail-box h5 {
  color: var(--modern-dark);
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 15px;
}

/* 联系我们模块 */
.contact_section {
  background: var(--modern-light);
  padding: 100px 0;
}

.contact_section .form_container {
  background: #fff;
  border-radius: 15px;
  padding: 40px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.contact_section input,
.contact_section textarea {
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  padding: 15px;
  transition: all 0.3s ease;
}

.contact_section input:focus,
.contact_section textarea:focus {
  border-color: var(--modern-secondary);
  box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
}

/* 调整logo尺寸 */
.about_section .img-box img {
  max-width: 280px;
  height: auto;
  margin: 0 auto;
  display: block;
  border-radius: 50em;
}

/* 更新下载模块配色 */
:root {
  --modern-primary: #2c3e50;     /* 深蓝灰主色 */
  --modern-secondary: #00233b;   /* 亮蓝色强调 */
  --modern-accent: #000000;      /* 新的点睛色，与主色系更协调 */
  --download-gradient: linear-gradient(135deg, var(--modern-primary), var(--modern-accent));
}

/* 下载模块样式优化 */
.download_section {
  background: var(--modern-light);
  padding: 60px 0;
}

.download_section .download-card {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
}

.download_section .download-card:hover {
  transform: translateY(-5px);
}

.download_section .download-btn {
  background: var(--download-gradient);
  color: #fff;
  padding: 12px 30px;
  border-radius: 8px;
  font-weight: 500;
  transition: all 0.3s ease;
  border: none;
  text-align: center;
  display: inline-block;
  margin-top: 20px;
}

.download_section .download-btn:hover {
  box-shadow: 0 5px 15px rgba(41, 128, 185, 0.3);
  transform: translateY(-2px);
}

.download_section .qr-code {
  max-width: 180px;
  margin: 20px auto;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 10px;
}

/* 优化标题样式 */
.download_section .heading_container h2 {
  color: var(--modern-primary);
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  text-align: center;
}

/* 调整描述文字 */
.download_section .detail-box p {
  color: #666;
  font-size: 1.1rem;
  line-height: 1.6;
  margin: 15px 0;
  text-align: center;
}

.download_section .download-btn:hover {
  box-shadow: 0 5px 15px rgba(41, 128, 185, 0.3);
  transform: translateY(-2px);
}

.download_section .qr-code {
  max-width: 180px;
  margin: 20px auto;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 10px;
}

/* 优化标题样式 */
.download_section .heading_container h2 {
  color: var(--modern-primary);
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  text-align: center;
}

/* 调整描述文字 */
.download_section .detail-box p {
  color: #666;
  font-size: 1.1rem;
  line-height: 1.6;
  margin: 15px 0;
  text-align: center;
}

.download_section .download-btn:hover {
  box-shadow: 0 5px 15px rgba(41, 128, 185, 0.3);
  transform: translateY(-2px);
}

.download_section .qr-code {
  max-width: 180px;
  margin: 20px auto;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 10px;
}

/* 响应式优化 */
@media (max-width: 768px) {
  .service_section .box {
    margin-bottom: 30px;
  }
  
  .heading_container h2 {
    font-size: 2rem;
  }
  
  .slider_section {
    min-height: 60vh;
  }
}