/* ========================================
   全站共享样式表 - 两江新区果真如此企业管理咨询工作室
   基于参考站还原：主色 #055fcb 辅色 #014877 深色 #132030
   ======================================== */

/* ========== 全局重置与基础 ========== */
body {
  font-family: "微软雅黑", "Microsoft YaHei", sans-serif !important;
  font-size: 14px;
  line-height: 24px;
  background: #ffffff;
  color: #333;
}
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img, textarea {
  margin: 0;
  padding: 0;
}
li, ol { list-style: none; }
a, input, img, textarea { border: none; outline: none; }
i, em { font-style: normal; }
a { text-decoration: none; color: #8f8f8f; }
a:focus { text-decoration: none; }
a:hover, a:focus { text-decoration: none; color: #055fcb; }
label { font-weight: normal; width: 100%; }

.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.pr { position: relative; }
.pa { position: absolute; }
.pf { position: fixed; }
.transition {
  transition: all 0.3s ease-out;
}

/* ========== 全局容器 ========== */
.container {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1200px;
}
.wrap_index {
  overflow: hidden;
  position: relative;
}

/* ========== 顶部信息栏 topbox ========== */
.topbox {
  width: 100%;
  position: relative;
}

/* ========== 桌面导航栏 #header (menubox) ========== */
.menubox {
  transition: 400ms;
  width: 100%;
  height: 90px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 60;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}
.menubox .logo {
  float: left;
  height: 90px;
  display: flex;
  align-items: center;
  padding: 0;
}
.menubox .logo a {
  display: flex;
  align-items: center;
  height: 90px;
  transition: 400ms;
  text-decoration: none;
}
.menubox .logo .logo-svg {
  width: 50px;
  height: 50px;
  margin-right: 12px;
  flex-shrink: 0;
}
.menubox .logo .logo-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.menubox .logo .logo-brand {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  line-height: 1.2;
}
.menubox .logo .logo-sub {
  font-size: 12px;
  color: #808080;
  letter-spacing: 3px;
  line-height: 1.2;
}
.menubox .nav_box {
  float: right;
  height: 100%;
  padding: 0;
}
.menubox .nav_box .yiji {
  width: auto;
  min-width: 100px;
  height: 100%;
  float: left;
  text-align: center;
  position: relative;
}
.menubox .nav_box .yiji a.one {
  transition: 400ms;
  color: #333;
  display: block;
  line-height: 90px;
  font-size: 14px;
  height: 90px;
  overflow: hidden;
  position: relative;
  padding: 0 16px;
}
.menubox .nav_box .yiji:hover a.one,
.menubox .nav_box .yiji.active a.one {
  color: #055fcb;
  font-weight: bold;
}
.menubox .nav_box .yiji .libox {
  width: 100%;
  height: auto;
  background: #fff;
  padding: 5px 0;
  display: none;
  position: absolute;
  top: 90px;
  left: 0;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.menubox .nav_box .yiji .libox a {
  display: block;
  color: #808080;
  font-size: 14px;
  line-height: 40px;
  width: 100%;
  height: 40px;
  white-space: nowrap;
}
.menubox .nav_box .yiji .libox a:hover {
  color: #055fcb;
  font-weight: bold;
}
.menubox .nav_box .yiji:hover a.one:before,
.menubox .nav_box .yiji.active a.one:before {
  content: "";
  width: 100%;
  height: 3px;
  background: #055fcb;
  position: absolute;
  bottom: 0;
  left: 0;
  animation: lines 0.3s ease forwards;
}
.menubox .nav_box .yiji:hover a.one:after,
.menubox .nav_box .yiji.active a.one:after {
  content: "";
  border: 7px solid transparent;
  border-bottom: 7px solid #055fcb;
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -4px;
  animation: sanjiao 0.3s ease forwards;
}
@keyframes lines {
  0% { opacity: 0; transform: scale(0); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes sanjiao {
  0% { opacity: 0; transform: translateY(-5px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* 滚动后头部收缩 */
.menubox.head_up {
  height: 70px;
  transition: 400ms;
}
.menubox.head_up .logo,
.menubox.head_up .logo a {
  height: 70px;
  transition: 400ms;
}
.menubox.head_up .logo .logo-svg {
  width: 40px;
  height: 40px;
}
.menubox.head_up .nav_box .yiji a.one {
  height: 70px;
  line-height: 70px;
  transition: 400ms;
}
.menubox.head_up .nav_box .yiji .libox {
  top: 70px;
}

/* ========== 手机头部 ========== */
.molheader {
  width: 100%;
  height: 66px;
  padding: 0 20px;
  background: #fff;
  display: none;
}
.molheader.index_head {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  border-bottom: 1px solid #e6e6e6;
}
.molheader .mol_logo {
  display: flex;
  align-items: center;
  height: 66px;
}
.molheader .mol_logo a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.molheader .mol_logo .logo-svg {
  width: 36px;
  height: 36px;
  margin-right: 10px;
}
.molheader .mol_logo .logo-brand {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.molheader .mol_navbutton {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 16px;
  right: 20px;
  cursor: pointer;
}
.molheader .mol_navbutton img {
  width: 100%;
}
.molheader .mol_navbutton span {
  display: block;
  width: 28px;
  height: 3px;
  background: #055fcb;
  margin: 6px 2px;
  border-radius: 2px;
}

/* ========== 手机侧滑导航 ========== */
.left_nav {
  width: 280px;
  height: 100%;
  z-index: 7;
  background: #132030;
  position: fixed;
  top: 0;
  right: 0;
  color: #fff;
  z-index: 66;
  transform: translate3d(280px, 0, 0);
}
.left_nav.page-in {
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transform: translate3d(0, 0, 0);
}
.left_nav.page-out {
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  transform: translate3d(280px, 0, 0);
}
.left_nav .class-top {
  height: 66px;
  overflow: hidden;
  background: #fff;
  margin: 0;
  line-height: 66px;
  padding-left: 20px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.left_nav .class-close {
  width: 66px;
  height: 66px;
  line-height: 66px;
  float: right;
  display: block;
  text-align: center;
  font-size: 36px;
  color: #055fcb;
  cursor: pointer;
}
.class-m {
  height: 90%;
  overflow-y: auto;
  padding: 10px 0;
}
.opacity2 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 66px;
  left: 0;
  background: rgba(0,0,0,0.5);
  z-index: 50;
  display: none;
}
.class-m .nnav {
  width: 280px;
  height: auto;
  overflow: hidden;
}
.class-m .nnav li {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-bottom: 1px solid #1a2b3f;
}
.class-m .nnav li a.ce {
  padding-left: 20px;
  color: #fff;
  font-size: 16px;
  display: block;
  height: 50px;
  line-height: 50px;
}
.class-m .nnav li .menu_body {
  display: none;
  background: #071628;
}
.class-m .nnav li .menu_body li {
  border-bottom: none;
}
.class-m .nnav li .menu_body li a.er {
  padding-left: 36px;
  font-size: 16px;
  display: block;
  height: 44px;
  line-height: 44px;
  color: #fff;
}
.menu_head .ericon {
  margin-right: 8px;
  color: #fff;
  width: 40px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  float: right;
  display: inline;
  font-size: 18px;
  position: relative;
  z-index: 3;
  cursor: pointer;
}
.menu_head .ericon .icon1 { display: none; }
.menu_head .ericon.xz .icon1 { display: block; }
.menu_head .ericon.xz .icon2 { display: none; }

/* ========== Banner 轮播区 ========== */
.banner {
  position: relative;
  overflow: hidden;
  margin-top: 90px;
  width: 100%;
}
.banner .swiper-container {
  width: 100%;
}
.mobBanner {
  width: 100%;
  height: 600px;
}
.mobBanner .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.mobBanner .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: none;
}
.mobBanner .swiper-slide:first-child {
  display: block;
}
.mobBanner .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* Banner 文字覆盖层 */
.mobBanner .slide-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  z-index: 3;
  width: 80%;
  max-width: 800px;
  pointer-events: none;
}
.mobBanner .slide-text h2 {
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 16px;
  text-shadow: 0 2px 12px rgba(0,0,0,0.3);
  letter-spacing: 2px;
}
.mobBanner .slide-text p {
  font-size: 18px;
  opacity: 0.9;
  text-shadow: 0 1px 6px rgba(0,0,0,0.3);
}
.banner .pagination {
  position: absolute;
  bottom: 44%;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 25;
}
.banner .pagination span {
  margin: 0 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: none;
  border: 1px solid #fff;
  opacity: 1;
  cursor: pointer;
  transition: background 0.3s;
}
.banner .pagination span.swiper-pagination-bullet-active {
  background: #fff;
}
.banner .a-arrow {
  display: block;
  width: 60px;
  height: 94px;
  position: absolute;
  top: 50%;
  margin-top: -47px;
  z-index: 26;
  cursor: pointer;
}
.banner .swiper-button-prev {
  left: 8%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='94'%3E%3Cpath d='M38 28L20 47l18 19' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") center no-repeat;
}
.banner .swiper-button-next {
  right: 8%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='94'%3E%3Cpath d='M22 28l18 19-18 19' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") center no-repeat;
}

/* ========== Banner 底部四栏服务入口 ========== */
.fore_navs {
  width: 100%;
  height: auto;
  z-index: 6;
  position: absolute;
  bottom: 0;
}
.fore_navs ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.fore_navs ul li {
  flex: 1;
  min-width: 200px;
  height: 150px;
  text-align: center;
  position: relative;
  padding: 0;
  background-color: rgba(19, 32, 48, 0.9);
  transition: background 0.3s;
}
.fore_navs ul li:not(:last-child):before {
  content: "";
  width: 1px;
  height: 76px;
  background: #666;
  position: absolute;
  top: 50%;
  margin-top: -38px;
  right: 0;
}
.fore_navs ul li a {
  display: block;
  width: 100%;
  height: 150px;
  position: absolute;
  transition: 400ms;
  text-decoration: none;
}
.fore_navs ul li i {
  width: 70px;
  height: 70px;
  display: inline-block;
  margin: 13px 0;
}
.fore_navs ul li i img,
.fore_navs ul li i svg {
  width: 100%;
  height: 100%;
}
.fore_navs ul li .navs_title p {
  font-size: 18px;
  color: #fff;
}
.fore_navs ul li .navs_title {
  font-size: 12px;
  color: #808080;
  text-transform: uppercase;
}
.fore_navs ul li:hover {
  background: #055fcb;
}
.fore_navs ul li:hover a {
  background: #055fcb;
  padding-top: 20px;
  animation: fores 0.3s ease forwards;
}
.fore_navs ul li:hover a .navs_title {
  color: #fff;
}
@keyframes fores {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50px); }
}

/* ========== 主内容区 ========== */
.main {
  width: 100%;
  height: auto;
  position: relative;
}

/* ========== 区块标题 ========== */
.main .box .title {
  width: 100%;
  padding-top: 50px;
  font-size: 24px;
  color: #333;
  text-align: center;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='81' height='41'%3E%3Crect x='21' y='0' width='39' height='30' rx='3' fill='none' stroke='%23055fcb' stroke-width='2'/%3E%3Cline x1='21' y1='38' x2='55' y2='38' stroke='%23055fcb' stroke-width='2'/%3E%3C/svg%3E") center top no-repeat;
  background-size: 81px 41px;
}
.main .box .title a {
  color: #333;
  text-decoration: none;
}
.main .box .title span {
  display: block;
  font-size: 18px;
  color: #808080;
  text-transform: uppercase;
  line-height: 20px;
}
.main .box .title i {
  display: block;
  width: 10px;
  height: 20px;
  background: #014877;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: 0;
}

/* ========== 关于我们区块 ========== */
.main_about {
  padding: 100px 0;
  position: relative;
}
.main_about .about_bg {
  width: 100%;
  height: 280px;
  background: #f5f5f5;
  position: absolute;
  bottom: 0;
  left: 0;
}
.main_about .about_l {
  padding-left: 0;
  font-size: 14px;
  color: #333;
  line-height: 1.8;
}
.main_about .about_l .box .title {
  text-align: left;
  background-position: left top;
}
.main_about .about_l .box .title i {
  left: 34px;
}
.main_about .about_l .about_text {
  padding-top: 30px;
}
.main_about .about_l .about_text a {
  display: block;
  font-size: 14px;
  color: #055fcb;
  margin-top: 30px;
}
.main_about .about_r {
  padding: 20px 20px 0 28px;
}
.main_about .about_r .a_img {
  width: 100%;
  z-index: 6;
  position: relative;
}
.main_about .about_r .a_img img {
  width: 100%;
  display: block;
}
.main_about .about_r .a_imgbg {
  width: 92%;
  height: 93%;
  background: #055fcb;
  position: absolute;
  top: 0;
  right: 0;
}

/* ========== 核心业务区块 ========== */
.main_service {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 50px 0;
}
.main_service .service_list {
  padding: 40px 0;
}
.main_service .service_list .sv_item {
  text-align: center;
  padding: 20px 15px;
  transition: 400ms;
}
.main_service .service_list .sv_item .sv_icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 16px;
  background: #f5f5f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 400ms;
}
.main_service .service_list .sv_item .sv_icon svg {
  width: 40px;
  height: 40px;
}
.main_service .service_list .sv_item:hover .sv_icon {
  background: #055fcb;
  transform: translateY(-5px);
}
.main_service .service_list .sv_item:hover .sv_icon svg {
  fill: #fff;
}
.main_service .service_list .sv_item h3 {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
}
.main_service .service_list .sv_item p {
  font-size: 14px;
  color: #808080;
  line-height: 1.6;
}

/* ========== 新闻动态区块 ========== */
.main_news {
  width: 100%;
  padding: 50px 0;
  overflow: hidden;
  min-height: 740px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='740'%3E%3Crect fill='%23f0f4fa' width='1920' height='740'/%3E%3C/svg%3E") fixed no-repeat left 100%;
  background-size: cover;
}
.main_news .container {
  z-index: 8;
  position: relative;
}
.main_news .title {
  margin-bottom: 60px;
}
.main_news .main_news_l {
  padding: 13px 20px;
  background-color: rgba(255, 255, 255, 0.8);
}
.main_news .main_news_l .n_title {
  width: 100%;
  height: 46px;
  line-height: 46px;
  font-size: 20px;
  font-weight: bold;
  color: #055fcb;
  border-bottom: 1px solid #ccc;
}
.main_news .main_news_l .n_title a {
  display: block;
  width: 20%;
  height: 100%;
  text-align: right;
  float: right;
  color: #055fcb;
  font-size: 24px;
  text-decoration: none;
}
.main_news .main_news_l .newlist {
  margin-top: 15px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.main_news .main_news_l .newlist li a {
  transition: 400ms;
  position: relative;
  padding-left: 14px;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 60px;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
  line-height: 1.5;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.main_news .main_news_l .newlist li:last-child a {
  border-bottom: none;
}
.main_news .main_news_l .newlist li .new_title {
  flex: 1 1 0%;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main_news .main_news_l .newlist li .new_title span {
  display: inline;
  margin-right: 6px;
}
.main_news .main_news_l .newlist li a:before {
  content: "";
  width: 4px;
  height: 4px;
  background: #055fcb;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 2px;
  transition: 400ms;
}
.main_news .main_news_l .newlist li a:hover {
  padding-left: 30px;
  font-weight: bold;
  color: #055fcb;
  transition: 400ms;
}
.main_news .main_news_l .newlist li a span {
  float: right;
  margin-left: 10px;
}
.main_news .main_news_l .newlist li a:hover:before {
  left: 12px;
  transition: 400ms;
}
.main_news .main_news_r {
  padding: 0;
}
.main_news .main_news_r .newbox {
  padding: 0 10px;
  box-sizing: border-box;
}
.main_news .main_news_r .newbox:first-child {
  padding-left: 0;
}
.main_news .main_news_r .newbox:last-child {
  padding-right: 0;
}
.main_news .main_news_r .newbox1,
.main_news .main_news_r .newbox2 {
  padding: 13px 20px;
  width: 100%;
  height: auto;
  background-color: rgba(5, 95, 203, 0.8);
  box-sizing: border-box;
}
.main_news .main_news_r .newbox .n_title {
  margin-bottom: 20px;
  width: 100%;
  height: 46px;
  line-height: 46px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,0.3);
}
.main_news .main_news_r .newbox .n_title a {
  display: block;
  width: 20%;
  height: 100%;
  text-align: right;
  float: right;
  color: #fff;
  font-size: 24px;
  text-decoration: none;
}
.main_news .main_news_r .newbox .new_img,
.main_news .main_news_r .newbox .new_img img {
  width: 100%;
  overflow: hidden;
}
.main_news .main_news_r .newbox dl {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.main_news .main_news_r .newbox dl dd a {
  display: block;
  width: 100%;
  height: 56px;
  line-height: 28px;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin: 14px 0;
  text-decoration: none;
}
.main_news .main_news_r .newbox dl dt {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 14px;
  color: #bcdffe;
  font-weight: normal;
  margin-bottom: 6px;
}
.main_news .main_news_r .newbox dl dt .new_d {
  width: 100%;
  height: 84px;
  line-height: 28px;
  overflow: hidden;
}

/* ========== 案例/产品展示区块 ========== */
.main_case {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 50px 0;
}
.main_case .case_list {
  width: 100%;
  height: auto;
  text-align: center;
  padding: 40px 0;
  position: relative;
}
.main_case .case_list .case-inner {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.main_case .case_list .case-slide {
  display: flex;
  width: 100%;
  transition: transform 0.5s ease;
}
.main_case .case_list .case-slide ul {
  display: flex;
  min-width: 100%;
}
.main_case .case_list .case-slide ul li {
  width: 25%;
  overflow: hidden;
  padding: 0 5px;
  box-sizing: border-box;
}
.main_case .case_list .case-slide ul li a {
  display: block;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
}
.main_case .case_list .case-slide ul li a .case_img {
  border-bottom: 2px solid #fff;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.main_case .case_list .case-slide ul li a .case_img img {
  width: 100%;
  display: block;
  transition: transform 0.8s;
}
.main_case .case_list .case-slide ul li .case_dt {
  width: 100%;
  padding: 16px 20px;
  transition: 400ms;
}
.main_case .case_list .case-slide ul li .case_dt h3 {
  width: 100%;
  height: auto;
  line-height: 1.6;
  font-size: 18px;
  color: #333;
  text-align: center;
  position: relative;
}
.main_case .case_list .case-slide ul li .case_dt h3:before {
  content: "";
  width: 84px;
  height: 1px;
  background: #055fcb;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -42px;
}
.main_case .case_list .case-slide ul li .case_dt .case_text {
  width: 100%;
  height: 22px;
  overflow: hidden;
  font-size: 14px;
  color: #fff;
  margin: 6px 0;
  text-align: left;
}
.main_case .case_list .case-slide ul li a .case_img .c_img_hover {
  opacity: 0;
  width: 200px;
  height: 200px;
  top: 50%;
  margin-top: -100px;
  left: 50%;
  margin-left: -100px;
  line-height: 200px;
  text-align: center;
  font-size: 40px;
  color: #fff;
  position: absolute;
  background-color: rgba(5, 95, 203, 0.8);
  transition: all 0.3s ease-out;
  border-radius: 50%;
}
.main_case .case_list .case-slide ul li a:hover .case_img .c_img_hover {
  opacity: 1;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  line-height: 100px;
}
.main_case .case_list .case-slide ul li a:hover .case_img {
  border: 2px solid #055fcb;
}
.main_case .case_list .case-slide ul li:hover a .case_img img {
  transform: scale(1.1);
}
.main_case .case_list .case-slide ul li a:hover .case_dt {
  background: #055fcb;
}
.main_case .case_list .case-slide ul li a:hover .case_dt h3 {
  color: #fff;
  text-align: left;
}
.main_case .case_list .case-slide ul li a:hover .case_dt h3:before {
  display: none;
}
.main_case .case_list .carousel-control {
  width: 54px;
  height: 54px;
  line-height: 54px;
  font-size: 40px;
  color: #e0e3e6;
  text-shadow: none;
  position: absolute;
  top: 40%;
  margin-top: -27px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  border: none;
  z-index: 10;
}
.main_case .case_list .carousel-control:hover {
  background: rgba(5, 95, 203, 0.8);
  color: #fff;
}
.main_case .case_list .carousel-control.left {
  left: 10px;
}
.main_case .case_list .carousel-control.right {
  right: 10px;
}

/* Mobile case swiper */
.mol_cases {
  display: none;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 30px 16px;
}

/* ========== 合作伙伴区块 ========== */
.main_partner {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 50px 0;
  background: #f5f5f5;
}
.main_partner .partner_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 40px 0;
}
.main_partner .partner_list .pt_item {
  width: 14.28%;
  padding: 10px;
  text-align: center;
  opacity: 0.7;
  transition: opacity 0.3s;
}
.main_partner .partner_list .pt_item:hover {
  opacity: 1;
}
.main_partner .partner_list .pt_item span {
  display: block;
  padding: 20px 10px;
  background: #fff;
  color: #555;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* ========== 页脚 ========== */
.footer {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 30px 0;
  background: #132030;
}
.footer .foot_l {
  padding: 0;
}
.footer .f_contact {
  line-height: 30px;
  font-size: 14px;
  color: #fff;
}
.footer .f_contact p {
  margin-bottom: 4px;
}
.footer .f_contact p i {
  display: inline-block;
  width: 18px;
  text-align: center;
  margin-right: 6px;
  color: #808080;
}
.footer .copy {
  line-height: 30px;
  font-size: 14px;
  color: #585f67;
  margin-top: 10px;
}
.footer .copy a {
  color: #585f67;
}
.footer .copy a:hover {
  color: #fff;
}
.footer .foot_r {
  padding: 0;
}
.footer .foot_r .links {
  display: block;
  width: 70%;
  height: 42px;
  line-height: 42px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 0 10px;
  border: 2px solid #374557;
  background: #132030;
  color: #fff;
  outline: none;
  font-size: 14px;
}
.footer .foot_r .links option {
  background: #132030;
  color: #fff;
}
.footer .foot_qr {
  text-align: center;
  margin-top: 20px;
}
.footer .foot_qr img {
  width: 97px;
  height: 97px;
  border: 2px solid #374557;
}
.footer .foot_qr p {
  color: #808080;
  font-size: 12px;
  margin-top: 6px;
}

/* ========== 返回顶部 ========== */
.back-top {
  transition: 400ms;
  opacity: 0;
  position: fixed;
  z-index: 60;
  bottom: 130px;
  right: -60px;
  width: 44px;
  height: 44px;
  cursor: pointer;
  background: #055fcb;
  display: flex;
  align-items: center;
  justify-content: center;
}
.back-top.on {
  opacity: 1;
  right: 20px;
  transition: 400ms;
}
.back-top svg {
  width: 20px;
  height: 20px;
}

/* ========== 内页通用样式 ========== */
/* 内页 Banner */
.n-banner {
  position: relative;
  margin-top: 90px;
  height: 280px;
  overflow: hidden;
}
.n-banner img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.n-banner .n-banner-title {
  width: 100%;
  padding-top: 50px;
  font-size: 30px;
  color: #333;
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  margin-top: -94px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='81' height='41'%3E%3Crect x='21' y='0' width='39' height='30' rx='3' fill='none' stroke='white' stroke-width='2'/%3E%3Cline x1='21' y1='38' x2='55' y2='38' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center top no-repeat;
  background-size: 81px 41px;
}
.n-banner .n-banner-title h1 {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
}
.n-banner .n-banner-title span {
  display: block;
  font-size: 18px;
  color: rgba(255,255,255,0.8);
  text-transform: uppercase;
  line-height: 28px;
}
.n-banner .n-banner-title i {
  display: block;
  width: 10px;
  height: 20px;
  background: #014877;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: 0;
}

/* 面包屑导航 */
.ntit {
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: right;
  margin: 16px 0;
  font-size: 14px;
  color: #808080;
}
.ntit .ntt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ntit .ntt .page-tit {
  text-align: left;
}
.ntit .ntt .page-tit h1 {
  font-size: 20px;
  color: #055fcb;
  display: inline;
}
.ntit .ntt .page-tit i {
  font-size: 12px;
  color: #808080;
  margin-left: 10px;
  text-transform: uppercase;
}
.ntit .ntt .weiz {
  text-align: right;
}
.ntit .ntt .weiz a {
  color: #808080;
  text-decoration: none;
}
.ntit .ntt .weiz a:hover {
  color: #055fcb;
}

/* 内页主内容 */
.main_ny {
  width: 100%;
  height: auto;
  margin-bottom: 50px;
}

/* 内页二级导航 */
.main_nynavs {
  width: 100%;
  height: 50px;
  background: #f2f2f2;
}
.main_nynavs .nav_ny {
  height: 50px;
  padding: 0;
  display: flex;
}
.main_nynavs .nav_ny .yiji {
  flex: 1;
  height: 100%;
  position: relative;
}
.main_nynavs .nav_ny .yiji a.one {
  transition: 400ms;
  padding: 0 20px;
  color: #333;
  display: block;
  line-height: 50px;
  font-size: 16px;
  height: 50px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.main_nynavs .nav_ny .yiji:hover a.one,
.main_nynavs .nav_ny .yiji.active a.one {
  background: #055fcb;
  color: #fff;
}
.main_nynavs .nav_ny .yiji:after {
  content: "";
  width: 1px;
  height: 34px;
  background: #ccc;
  position: absolute;
  right: 0;
  top: 8px;
}
.main_nynavs .nav_ny .yiji:last-child:after {
  display: none;
}
.main_nynavs .nav_ny .yiji .libox {
  width: 100%;
  height: auto;
  background: #055fcb;
  padding: 5px 0;
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 6;
}
.main_nynavs .nav_ny .yiji .libox a {
  padding: 0 20px;
  display: block;
  color: #9fc8f8;
  font-size: 14px;
  line-height: 40px;
  width: 100%;
  height: 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.main_nynavs .nav_ny .yiji .libox a:hover {
  color: #fff;
}

/* 手机内页导航 */
.mol_navs {
  display: none;
  margin-bottom: 10px;
  padding: 0 16px;
  background: #055fcb;
  color: #fff;
  height: 56px;
  line-height: 56px;
  font-size: 20px;
  position: relative;
  cursor: pointer;
}
.mol_navs:before {
  content: "+";
  position: absolute;
  right: 16px;
  line-height: 56px;
  height: 56px;
  width: auto;
  font-size: 40px;
}
.mol_navs.mol_navs2:before {
  content: "-";
}
.mol_nav_ny {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  display: none;
}
.mol_nav_ny .mol_ce {
  width: 100%;
  display: block;
  height: auto;
  overflow: hidden;
  background: #f2f2f2;
}
.mol_nav_ny .mol_ce li {
  line-height: 40px;
  border-bottom: 1px solid #ccc;
}
.mol_nav_ny .mol_ce li:last-child {
  border-bottom: none;
}
.mol_nav_ny .mol_ce li a {
  display: block;
  padding: 0 16px;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  color: #333;
  font-size: 18px;
  text-decoration: none;
}

/* ========== 关于我们页 ========== */
.about_dec {
  width: 100%;
  height: auto;
  overflow: hidden;
  color: #333;
  line-height: 1.8;
  margin: 20px 0;
}
.about_dec p {
  margin-bottom: 16px;
}
.about_dec h2 {
  font-size: 22px;
  color: #055fcb;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f0f0f0;
}
/* 时间轴 */
.timeline {
  position: relative;
  padding: 30px 0;
}
.timeline:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #e0e0e0;
  margin-left: -1px;
}
.timeline .tl-item {
  position: relative;
  margin-bottom: 30px;
  display: flex;
  align-items: flex-start;
}
.timeline .tl-item:nth-child(odd) {
  flex-direction: row;
}
.timeline .tl-item:nth-child(even) {
  flex-direction: row-reverse;
}
.timeline .tl-item .tl-dot {
  position: absolute;
  left: 50%;
  top: 10px;
  width: 16px;
  height: 16px;
  background: #055fcb;
  border-radius: 50%;
  margin-left: -8px;
  z-index: 2;
  border: 3px solid #fff;
  box-shadow: 0 0 0 3px #055fcb;
}
.timeline .tl-item .tl-content {
  width: 45%;
  padding: 20px;
  background: #f5f5f5;
  border-radius: 8px;
  position: relative;
}
.timeline .tl-item .tl-content h4 {
  font-size: 18px;
  color: #055fcb;
  margin-bottom: 8px;
}
.timeline .tl-item .tl-content p {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}
/* 企业文化卡片 */
.culture_card {
  text-align: center;
  padding: 30px 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  transition: transform 0.3s, box-shadow 0.3s;
  margin-bottom: 20px;
}
.culture_card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.culture_card .cc_icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  background: #f0f4fa;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.culture_card .cc_icon svg {
  width: 32px;
  height: 32px;
}
.culture_card h3 {
  font-size: 20px;
  color: #333;
  margin-bottom: 10px;
}
.culture_card p {
  font-size: 14px;
  color: #808080;
  line-height: 1.6;
}
/* 团队 */
.teamlist {
  display: flex;
  flex-wrap: wrap;
}
.teamlist li {
  width: 25%;
  padding: 15px 10px;
  box-sizing: border-box;
}
.teamlist li .teamimg {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.teamlist li .teamimg img {
  width: 100%;
  display: block;
}
.teamlist li .teamimg .team_text {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(5, 95, 203, 0.5);
  transition: all 0.3s ease-out;
}
.teamlist li .teamimg:hover .team_text {
  opacity: 1;
}
.teamlist li .teamimg .team_text .t_dec {
  padding: 0 14px;
  width: 100%;
  height: 130px;
  position: absolute;
  bottom: -30px;
  left: 0;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  transition: all 0.3s ease-out;
}
.teamlist li .teamimg .team_text .t_dec p {
  text-transform: uppercase;
}
.teamlist li .teamimg .team_text .t_dec p span {
  font-size: 24px;
}
.teamlist li .teamimg .team_text .t_dec em {
  font-size: 14px;
  padding-top: 14px;
  display: inline-block;
}
.teamlist li .teamimg:hover .team_text .t_dec {
  bottom: 0;
}

/* ========== 联系我页面 ========== */
.contact_info {
  padding: 30px 0;
}
.contact_info .ci_item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
}
.contact_info .ci_item .ci_icon {
  width: 48px;
  height: 48px;
  background: #f0f4fa;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  flex-shrink: 0;
}
.contact_info .ci_item .ci_icon svg {
  width: 22px;
  height: 22px;
}
.contact_info .ci_item .ci_text h4 {
  font-size: 16px;
  color: #333;
  margin-bottom: 4px;
}
.contact_info .ci_item .ci_text p {
  font-size: 14px;
  color: #808080;
}
.contact_form {
  background: #f5f5f5;
  padding: 30px;
  border-radius: 8px;
}
.contact_form h3 {
  font-size: 22px;
  color: #333;
  margin-bottom: 20px;
  text-align: center;
}
.contact_form .form-group {
  margin-bottom: 16px;
}
.contact_form .form-group label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  color: #333;
}
.contact_form .form-group input,
.contact_form .form-group textarea {
  width: 100%;
  height: 42px;
  padding: 0 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.3s;
  box-sizing: border-box;
}
.contact_form .form-group textarea {
  height: 120px;
  padding: 10px 12px;
  resize: vertical;
}
.contact_form .form-group input:focus,
.contact_form .form-group textarea:focus {
  border-color: #055fcb;
}
.contact_form .btn-submit {
  display: block;
  width: 100%;
  height: 46px;
  background: #055fcb;
  color: #fff;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.3s;
}
.contact_form .btn-submit:hover {
  background: #014877;
}

/* ========== 产品列表页 ========== */
.ny_posnav {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  color: #055fcb;
  text-align: center;
  margin: 30px 0 20px;
}
.ny_posnav span {
  padding: 0 80px;
  position: relative;
  display: inline-block;
}
.ny_posnav span:before,
.ny_posnav span:after {
  content: "";
  width: 62px;
  height: 1px;
  background: #055fcb;
  position: absolute;
  top: 50%;
}
.ny_posnav span:before {
  right: 0;
}
.ny_posnav span:after {
  left: 0;
}
.dectil {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 20px 0 50px 0;
}
.dectil .newlist2 {
  display: flex;
  flex-wrap: wrap;
}
.dectil .newlist2 li {
  width: 33.333%;
  padding: 20px 15px;
  box-sizing: border-box;
}
.dectil .newlist2 li .newbox2 {
  padding: 22px 18px;
  border: 1px solid #ccc;
  transition: 400ms;
  height: 100%;
}
.dectil .newlist2 li .new_img,
.dectil .newlist2 li .new_img img {
  width: 100%;
}
.dectil .newlist2 li dl {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  margin-bottom: 30px;
}
.dectil .newlist2 li dl dt {
  width: 100%;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  font-weight: bold;
  margin: 12px 0;
}
.dectil .newlist2 li .new_text {
  width: 100%;
  height: 48px;
  line-height: 24px;
  font-size: 14px;
  color: #808080;
  margin-top: 24px;
  margin-bottom: 14px;
  overflow: hidden;
}
.dectil .newlist2 li .n_more {
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #ccc;
  color: #fff;
  text-decoration: none;
  transition: 400ms;
}
.dectil .newlist2 li:hover .new_text {
  color: #bcdffe;
}
.dectil .newlist2 li:hover dl {
  color: #fff;
}
.dectil .newlist2 li:hover .newbox2 {
  background: #055fcb;
  border: 1px solid #055fcb;
}
.dectil .newlist2 li:hover .n_more {
  background: #fff;
  color: #055fcb;
}

/* ========== 新闻列表页 ========== */
.dectil .newlist {
  width: 100%;
  height: auto;
  overflow: hidden;
}
/* 新闻列表 - 两列网格 */
.dectil .newlist {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.dectil .newlist li {
  width: 50%;
  padding: 15px;
  box-sizing: border-box;
}
.dectil .newlist li .newbox {
  display: block;
  border: 1px solid #ccc;
  transition: 400ms;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
}
.dectil .newlist li .newbox:hover {
  border-color: #055fcb;
  box-shadow: 0 0 16px #ccc;
}
.dectil .newlist li .new_img {
  width: 100%;
  overflow: hidden;
}
.dectil .newlist li .new_img img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  transition: transform 0.8s;
}
.dectil .newlist li .newbox:hover .new_img img {
  transform: scale(1.05);
}
.dectil .newlist li .new_txt {
  padding: 20px;
}
.dectil .newlist li .new_txt h3 {
  font-size: 18px;
  color: #333;
  line-height: 1.5;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.dectil .newlist li .newbox:hover .new_txt h3 {
  color: #055fcb;
}
.dectil .newlist li .new_date {
  font-size: 13px;
  color: #999;
  margin-bottom: 10px;
}
.dectil .newlist li .new_sum {
  font-size: 14px;
  color: #808080;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/* ========== 详情页通用 ========== */
.art_title {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 20px;
  color: #333;
  margin-bottom: 20px;
}
.art_title span {
  display: block;
  font-size: 14px;
  color: #808080;
  margin-top: 10px;
}
.art_title span i {
  padding-left: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='7' fill='none' stroke='%23808080' stroke-width='1'/%3E%3Cline x1='8' y1='4' x2='8' y2='12' stroke='%23808080' stroke-width='1.5'/%3E%3C/svg%3E") left center no-repeat;
  margin-left: 5px;
}
.newdec {
  width: 100%;
  height: auto;
  overflow: hidden;
  color: #333;
  line-height: 1.8;
  margin: 10px 0 30px 0;
}
.newdec p {
  margin-bottom: 14px;
}
.newdec img {
  max-width: 100%;
  margin: 16px 0;
  border-radius: 4px;
}
/* 产品详情表格 */
.pro_table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}
.pro_table th, .pro_table td {
  padding: 10px 15px;
  border: 1px solid #e6e6e6;
  text-align: left;
}
.pro_table th {
  background: #f5f5f5;
  font-weight: bold;
  color: #333;
  width: 25%;
}
.pro_table td {
  color: #666;
}
/* 产品特点 */
.pro_features {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}
.pro_features .pf_item {
  width: 50%;
  padding: 10px 10px 10px 0;
  box-sizing: border-box;
}
.pro_features .pf_item .pf_icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: #055fcb;
  color: #fff;
  text-align: center;
  line-height: 28px;
  border-radius: 50%;
  margin-right: 8px;
  font-size: 14px;
  vertical-align: middle;
}
.pro_features .pf_item span {
  vertical-align: middle;
  color: #333;
  font-size: 14px;
}
/* 相关产品 */
.related_pro {
  margin: 30px 0;
}
.related_pro h3 {
  font-size: 20px;
  color: #333;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f0f0f0;
}
.related_pro .rp_list {
  display: flex;
  flex-wrap: wrap;
}
.related_pro .rp_list .rp_item {
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
}
.related_pro .rp_list .rp_item a {
  display: block;
  text-decoration: none;
}
.related_pro .rp_list .rp_item img {
  width: 100%;
  border-radius: 4px;
  margin-bottom: 8px;
}
.related_pro .rp_list .rp_item h4 {
  font-size: 14px;
  color: #333;
  text-align: center;
}
.related_pro .rp_list .rp_item:hover h4 {
  color: #055fcb;
}
/* 上一篇/下一篇 */
.chose_art {
  width: 100%;
  height: auto;
  overflow: hidden;
  line-height: 34px;
  padding-top: 16px;
  border-top: 1px solid #e6e6e6;
  display: flex;
  justify-content: space-between;
}
.chose_art a {
  display: inline-block;
  padding: 0 12px;
  height: 34px;
  color: #808080;
  font-size: 14px;
  border: 1px solid #ccc;
  overflow: hidden;
  border-radius: 17px;
  transition: 400ms;
  text-decoration: none;
  line-height: 34px;
  max-width: 45%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chose_art a:hover {
  background: #055fcb;
  border: 1px solid #055fcb;
  color: #fff;
}

/* ========== 分页 ========== */
.page {
  height: 34px;
  margin-top: 30px;
  text-align: center;
}
.page a {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  color: #808080;
  border: 1px solid #ccc;
  margin: 0 8px;
  font-size: 14px;
  text-decoration: none;
}
.page a:hover, .page a.on {
  background: #055fcb;
  border: 1px solid #055fcb;
  color: #fff;
}

/* ========== 图片兜底 ========== */
.img-fallback {
  background: linear-gradient(135deg, #055fcb, #014877);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 200px;
  color: #fff;
  font-size: 14px;
  border-radius: 8px;
}

/* ========== 响应式设计 ========== */

/* Large Desktop: >1400px */
@media (min-width: 1400px) {
  .container { max-width: 1280px; }
}

/* Desktop: 1220-1399px */
@media (min-width: 1220px) and (max-width: 1399px) {
  .container { max-width: 1200px; }
  .n-banner { height: 280px; }
}

/* Small Desktop: 992-1199px */
@media (min-width: 992px) and (max-width: 1199px) {
  .mobBanner { height: 500px; }
  .mobBanner img { height: 500px; }
  .main_news .main_news_r .newbox dl dt .new_d { height: 100px; line-height: 25px; margin-bottom: 8px; }
  .n-banner { height: 240px; }
  .n-banner img { height: 240px; }
}

/* Tablet: 768-991px */
@media (min-width: 768px) and (max-width: 991px) {
  .menubox .nav_box .yiji { min-width: auto; }
  .menubox .nav_box .yiji a.one { padding: 0 10px; font-size: 13px; }
  .mobBanner { height: 400px; }
  .mobBanner img { height: 400px; }
  .fore_navs { bottom: 0; }
  .fore_navs ul li { height: 130px; }
  .fore_navs ul li a { height: 130px; }
  .fore_navs ul li i { width: 50px; height: 50px; }
  .fore_navs ul li .navs_title p { font-size: 16px; }
  .main_news .main_news_r .newbox dl dt .new_d { height: 125px; line-height: 25px; margin-bottom: 14px; }
  .main_case .case_list .case-slide ul li { width: 33.33%; }
  .main_case .case_list .case-slide ul li .case_dt { padding: 12px; }
  .main_case .case_list .case-slide ul li .case_dt h3 { font-size: 16px; }
  .n-banner { height: 220px; }
  .n-banner img { height: 220px; }
  .main_nynavs .nav_ny .yiji a.one { padding: 0 10px; font-size: 14px; }
  .main_nynavs .nav_ny .yiji .libox a { padding: 0 10px; height: 32px; line-height: 32px; }
  .dectil .newlist2 li { width: 50%; }
  .teamlist li { width: 50%; }
}

/* Mobile: <768px */
@media (max-width: 767px) {
  .menubox { display: none; }
  .molheader { display: flex; align-items: center; }
  .banner { margin-top: 66px; height: auto; }
  .mobBanner { height: 310px; }
  .mobBanner img { height: 310px; }
  .banner .pagination { bottom: 48%; }
  .banner .a-arrow { display: none; }
  .mobBanner .slide-text h2 { font-size: 24px; }
  .mobBanner .slide-text p { font-size: 14px; }
  .fore_navs { padding: 0; bottom: 0; position: relative; }
  .fore_navs ul { flex-wrap: wrap; }
  .fore_navs ul li { flex: 0 0 50%; width: 50%; height: 100px; }
  .fore_navs ul li a { height: 100px; }
  .fore_navs ul li:hover a { padding-top: 0; animation: none; }
  .fore_navs ul li:before { display: none; }
  .fore_navs ul li:nth-child(odd) { border-right: 1px solid #666; }
  .fore_navs ul li:nth-child(3),
  .fore_navs ul li:nth-child(4) { border-top: 1px solid #666; }
  .fore_navs ul li i { width: 46px; height: 46px; margin: 10px 0 4px 0; }
  .fore_navs ul li .navs_title p { font-size: 14px; }
  .fore_navs ul li .navs_title { font-size: 10px; }
  .main_about { padding: 50px 16px; }
  .main_about .about_l { padding-right: 0; }
  .main_about .about_l .box .title { text-align: center; background-position: center top; }
  .main_about .about_l .box .title i { left: 50%; }
  .main_about .about_r { padding-left: 0; margin-top: 20px; }
  .main_about .about_bg { bottom: 50%; margin-bottom: -140px; }
  .main_news { padding: 50px 16px; }
  .main_news .title { margin-bottom: 30px; }
  .main_news .main_news_l .n_title,
  .main_news .main_news_r .newbox .n_title { font-weight: normal; }
  .main_news .main_news_l .newlist li a { padding-left: 30px; min-height: auto; padding-top: 8px; padding-bottom: 8px; flex-wrap: wrap; }
  .main_news .main_news_l .newlist li a:before { top: 16px; margin-top: 0; left: 12px; }
  .main_news .main_news_l .newlist li .new_title { white-space: normal; }
  .main_news .main_news_l .newlist li .new_title span { display: block; margin-right: 0; margin-bottom: 2px; font-size: 13px; color: #808080; }
  .main_news .main_news_r { padding-top: 20px; }
  .main_news .main_news_r .newbox { padding: 0 5px; box-sizing: border-box; }
  .main_news .main_news_r .newbox dl dd a { font-weight: normal; line-height: 24px; height: 48px; }
  .main_news .main_news_r .newbox dl dt { color: #fff; }
  .main_case .case_list .carousel-control { display: none; }
  .main_case .case_list .case-slide ul li { width: 50%; }
  .main_case .case_list .case-slide ul li .case_dt h3 { font-size: 14px; }
  .main_partner .partner_list .pt_item { width: 33.33%; }
  .footer { padding: 30px 20px; }
  .footer .foot_r { margin-top: 20px; }
  .back-top { bottom: 6px; }
  .n-banner { height: 200px; margin-top: 66px; }
  .n-banner img { height: 200px; }
  .n-banner .n-banner-title { font-size: 24px; margin-top: -68px; }
  .n-banner .n-banner-title h1 { font-size: 24px; }
  .n-banner .n-banner-title span { font-size: 14px; }
  .main_ny { padding: 0 16px; }
  .main_nynavs { background: none; height: auto; display: none; }
  .mol_navs { display: block; }
  .ny_posnav { margin: 20px 0; }
  .dectil .newlist2 li { width: 100%; padding: 10px 0; }
  .dectil .newlist { margin: 0; }
  .dectil .newlist li { width: 100%; padding: 10px 0; }
  .dectil .newlist li .new_img img { height: 180px; }
  .dectil .newlist2 li .n_more { background: #055fcb; color: #fff; width: 100%; }
  .chose_art a { width: auto; text-align: center; background: #055fcb; border: 1px solid #055fcb; color: #fff; }
  .teamlist li { width: 50%; padding: 10px 5px; }
  .teamlist li .teamimg .team_text { opacity: 1; height: 80px; }
  .teamlist li .teamimg .team_text .t_dec { height: 80px; bottom: 0; padding: 10px 10px; font-size: 13px; line-height: 22px; }
  .teamlist li .teamimg .team_text .t_dec p span { font-size: 16px; }
  .pro_features .pf_item { width: 100%; }
  .related_pro .rp_list .rp_item { width: 50%; margin-bottom: 12px; }
  .timeline:before { left: 20px; }
  .timeline .tl-item { flex-direction: row !important; padding-left: 50px; }
  .timeline .tl-item .tl-dot { left: 20px; }
  .timeline .tl-item .tl-content { width: 100%; }
  .contact_form { padding: 20px; }
}

/* Small Mobile: <414px */
@media (max-width: 414px) {
  .mobBanner { height: 240px; }
  .mobBanner img { height: 240px; }
  .fore_navs ul li { height: 88px; }
  .fore_navs ul li a { height: 88px; }
  .fore_navs ul li i { width: 36px; height: 36px; }
  .main .box .title { padding-top: 42px; font-size: 20px; }
  .main .box .title span { font-size: 16px; line-height: 16px; }
  .main_news .main_news_l .n_title,
  .main_news .main_news_r .newbox .n_title { height: 34px; line-height: 34px; font-size: 18px; }
  .mol_navs { height: 40px; line-height: 40px; font-size: 16px; }
  .mol_navs:before { height: 40px; line-height: 40px; font-size: 30px; }
  .n-banner .n-banner-title { font-size: 22px; margin-top: -60px; }
  .n-banner .n-banner-title h1 { font-size: 22px; }
  .n-banner .n-banner-title span { font-size: 13px; }
  .back-top { position: fixed; bottom: 100px; }
  .mobBanner .slide-text h2 { font-size: 20px; margin-bottom: 8px; }
  .mobBanner .slide-text p { font-size: 13px; }
}

@media (max-width: 320px) {
  .mobBanner { height: 200px; }
  .mobBanner img { height: 200px; }
  .fore_navs ul li { height: 78px; }
  .fore_navs ul li a { height: 78px; }
  .fore_navs ul li i { width: 30px; height: 30px; }
  .n-banner .n-banner-title { font-size: 20px; margin-top: -68px; }
  .n-banner .n-banner-title h1 { font-size: 20px; }
}