@charset "utf-8";

/* ==========================================================
   全站色板（CSS 自定义属性）
   ----------------------------------------------------------
   必须定义在这里：本站此前 180 处 var(--xxx) 全部没有对应定义，
   浏览器会把「引用了未定义变量的声明」判为计算值无效 ——
   后果是 background 退回 transparent、border-color 退回 currentColor，
   而同一规则里的 color:#fff 仍然生效，于是出现
   「白底 + 白字 / 透明底 + 白字」看不清的情况（分页当前页最典型）。
   改动整体配色只需改这一处，不用逐条翻下面的规则。
   ========================================================== */
:root{
  /* 品牌主色（蓝）—— 与站点既有 box-shadow rgba(27,160,220,…) 对齐 */
  --brand:#1ba0dc;
  --brand-d:#1483b8;
  --brand-l:#bfe3f6;

  /* 点缀色（暖橙）—— 按钮、强调条、角标 */
  --accent:#ff7a29;
  --accent-d:#e8621a;
  --accent-l:#ffc9a3;

  /* 价格色（沿用站点主红 #e10000）*/
  --price:#e10000;

  /* 文字层级 */
  --ink:#222;
  --ink-2:#5b6670;
  --gray:#98a1a8;

  /* 描边 */
  --line:#e8ecf0;
  --line-d:#d4dbe2;

  /* 浅色底 */
  --bg-tint:#f2f8fc;
  --bg-soft:#f7f9fb;

  /* 阴影与圆角 */
  --shadow:0 2px 8px rgba(15,40,60,.06);
  --shadow-lg:0 10px 26px rgba(15,40,60,.12);
  --radius:10px;
}

/*-------------------------
  General Styles
--------------------------*/
@font-face {
  font-family: 'pingfang';
url('../fonts/pingfang regular.ttf') format('truetype'),
}

body {
  font-family: Arial, sans-serif;
  width: 100%;
  font-size: 14px;
  line-height: 1;
  padding-top: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

body, div, p, span {
  font-family: 'pingfang', Arial;
}


/*-----------------------------------
  Navigation Bar Styles
------------------------------------*/

.navbar {
  padding: 0;
  border-color: transparent;
  border: 0;
}

/* Contract the navbar while scrolling */

#myNavbar {
  overflow-x: hidden;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/* Brand name */

.brandStyle {
  padding: 0;
  margin: 0 0 0 !important;
  padding: 15px 0;
  height: auto;
}
.brandStyle a{
  display: block;
}
.brandStyle img {
  display: block;
  float: left;
  width: auto;
  height: 70px;
  transition: height .4s;
  -webkit-transition: height .4s;
  -moz-transition: height .4s;
  -ms-transition: height .4s;
  -o-transition: height .4s;
}

.brandStyle p {
  color: #333;
  font-size: 20px;
  float: left;
  display: block;
  line-height: 80px;
  font-weight: bold;
  margin-left: 15px;
}

.brandStyle span {
  display: block;
}
.index_main{
  padding-top: 100px;
}
/* Menu */

/*-----------------------------------
  Main Picture
------------------------------------*/
.noBorder {
  background-color: #fff;
  margin-bottom: 0;
  border-bottom: 1px solid #f5f5f5;
}
.noBorder.scrolled{
  background: #fff;
  -webkit-box-shadow: 1px 1px 5px #ccc;
  -moz-box-shadow: 1px 1px 5px #ccc;
  -ms-box-shadow: 1px 1px 5px #ccc;
  -o-box-shadow: 1px 1px 5px #ccc;
  -webkit-box-shadow: 1px 1px 5px #ccc;
}
.noBorder .container{
  width: 100%;
  padding: 0 50px;
}
.navbar {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.navbar-nav > li {
  position: relative;
}

.navbar-nav > li > a {
  font-size: 16px;
  color: #333 !important;
  font-weight: normal;
  padding: 40px 10px 30px;
  margin: 0 10px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  transition: padding .4s;
  -webkit-transition: padding .4s;
  -moz-transition: padding .4s;
  -ms-transition: padding .4s;
  -o-transition: padding .4s;
}

.navbar-nav > li.active > a {
  background: transparent !important;
  color: #fff!important;
}
.navbar-nav > li.active > a>p,.navbar-nav > li.active > a>span{
  color: #e10000!important;
}
.navbar-nav > li:hover > a {
  background: transparent !important;
}

.navbar-nav > li.active:hover > a {

}

.navbar-nav > li > a> p {
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  color: #333;
  font-weight: normal;
}
.navbar-nav > li > a> span{
  font-size: 14px;
  color: #999;
  height: 25px;
  line-height: 25px;
  text-transform: uppercase;
  display: none;
}
.navbar-nav > li > .dropdown-menu {
  height: auto;
  overflow: hidden;
  top: calc(100%);
  border-color: #ffffff;
  text-align: left;
  background: rgba(255, 255, 255, 1);
  border: 0;
  left: 0px !important;
  padding: 0 15px;
  border-top: 3px solid #e10000;
}
.navbar-nav > li.active{
  
}
.dropdown-menu > li {
  display: block;
  border-bottom: 1px dashed #ccc;
  position: relative;
  padding: 10px 15px 10px 20px;

}

.dropdown-menu > li:hover:before{
  color: #d52323;
}
.dropdown-menu > li:last-child{
  border-bottom: 0;
}
.dropdown-menu > li > a {
  display: block;
  color: #000 !important;
  padding: 0;
  line-height: 20px;
  text-transform: uppercase;
  width: 100%;
  position: inherit;
  white-space: normal;
  text-align: left;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: underline;
  color: #e10000 !important;
  background: transparent;
}

.navbar-nav > li.nav_li_pro {
  position: inherit;
}

.navbar-nav > li.nav_li_pro .dropdown-menu {
  left: 0 !important;
  border-radius: inherit;
}

.navbar-nav > li.nav_li_pro .dropdown-menu > li {
  display: inline-block;
  float: initial;;
  padding: 0 20px;
  border: none;
}
.navbar-nav > li.nav_li_pro .dropdown-menu > li h2{
  margin-bottom: 10px;
  font-size: 16px;
}
.navbar-nav > li.nav_li_pro .dropdown-menu > li h3{

}


.navbar-nav > li.nav_li_pro .dropdown-menu > li h2 a {
  color: #58585e;
}
.navbar-nav > li.nav_li_pro .dropdown-menu > li h3 a {
  padding-left: 0 !important;
  color: #888;
  padding: 4px 0;
  line-height: 20px;
  font-size: 15px;
}
.navbar-nav > li:nth-child(2) > .dropdown-menu {
  /*display: block!important;*/
}

.navbar-nav > li:nth-child(4) > .dropdown-menu {
  /*display: block !important;*/
}

.navbar-nav > li > .dropdown-menu.p_menu {
  height: auto;
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0px;
  overflow: hidden;
  padding: 45px calc(50% - 600px);
  background: #e6e6e6;
  margin:0 auto;
  text-align: center;
}
.dropdown-menu.p_menu li{
  display: inline-block;
}
.dropdown-menu.p_menu li a{
  display: block;
  text-align: center;
}

.dropdown-menu.p_menu li img{
  width: 150px;
  display: block;
}
.dropdown-menu.p_menu li p{
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  padding: 10px 0;
  display: block;
}

.m_search {
  float: right;
  display: none;
}

.m_search .search_all {
  margin-top: 18px;
}

.m_search .search_all i {
  padding-right: 20px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background: transparent;
}
.navbar-nav > li:nth-last-child(2){
  border-right-color: #dddddd;
}
.navbar-nav > li.zhaoshang{
  overflow: hidden;
  padding: 40px 0 30px;
  margin-left: 50px;
  border-left: 0;
  transition: padding .4s;
  -webkit-transition: padding .4s;
  -moz-transition: padding .4s;
  -ms-transition: padding .4s;
  -o-transition: padding .4s;
}

.navbar-nav > li.zhaoshang i{
  font-size: 30px;
  color: #e10000;
  float: left;
  display: block;
  line-height: 30px;
}

.navbar-nav > li.zhaoshang div{
  float: left;
  margin-left: 7px;
}
.navbar-nav > li.zhaoshang div p{
  font-size: 20px;
  line-height: 50px;
  color: #e10000;
  display: block;
}
.navbar-nav > li.zhaoshang div span{
  font-size: 16px;
  line-height: 30px;
  color: #e10000;
  display: block;
}


.w1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.w1120 {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  overflow: hidden;
}

.center {
  text-align: center;
}

.dropdown ul.dropdown-menu {
  width: 100% !important;
  right: inherit;
  left: 0;
}

.noBorder.scrolled .navbar-nav > li > a{
  padding:25px 10px;
}

.noBorder.scrolled .navbar-nav > li.zhaoshang{
  padding:25px 0;
}

.noBorder.scrolled .brandStyle img{
  height: 50px;
}

.banner_swiper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.banner{

}

.banner_swiper img{
  width: 100%;
  display: block;
}

.banner_swiper .swiper-button-next{
  right: 15%;
  opacity: 0;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  z-index: 999;
}

.banner_swiper .swiper-button-prev{
  left: 15%;
  opacity: 0;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  z-index: 999;
}

.banner_swiper:hover .swiper-button-next,.banner_swiper:hover .swiper-button-prev{
  opacity: 1;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
  pointer-events:all;
}
.swiper-pagination-bullet{
  background: #7d7d7d;
  opacity: 1;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.swiper-pagination-bullet-active{
  background: #e10000;
  width: 35px;
  border-radius: 10px;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
  bottom: 15px;
}
.swiper-button-next,.swiper-button-prev{
  background: transparent;
}
.swiper-button-next:after {
  content: '\e63f';
  font-family: 'icon';
  font-size: 50px;
  line-height: 50px;
  color: #fff;
}
.swiper-button-prev:after {
  content: '\e640';
  font-family: 'icon';
  font-size: 50px;
  line-height: 50px;
  color: #fff;
}




/* 首页最新新闻 */
.index_new_news{
  /*-moz-box-shadow:0px 3px 5px #d4d4d4;
  -webkit-box-shadow:0px 3px 5px #d4d4d4; 
  box-shadow:0px 3px 5px #d4d4d4;*/
  border-bottom: 1px solid #e0e0e0;
}

.index_new_news .smarticker .sec1-2{
  font-size: 16px;
  line-height: 50px;
}

.index_new_news .size1{
  height: 50px;
}

.index_new_news .smarticker li{
  line-height: 50px;
}
.index_new_news .theme1 .smarticker-news a{
  font-size: 15px;
}

.index_new_news li a:hover{
  color: #e10000;
  text-decoration: underline;
}

.index_new_news .size1{
  width: 80%;
  float: left;
}

.index_new_news_more{
  width:auto;
  display: inline-block;
  float: right;
  padding:20px 35px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.index_new_news .size1.shadow{
  box-shadow: none;
}
.index_new_news_more a{
  overflow: hidden;
  display: block;
}
.index_new_news_more a i{
  font-size: 24px;
  line-height: 25px;
  display: inline-block;
  float: left;
  color: #666666;
  margin-right: 10px;
}

.index_new_news_more a p{
  color: #666;
  font-size: 14px;
  line-height: 25px;
  float: left;
  display: inline-block;
}



.box {
  height:35px;
  background:#000;
  overflow:hidden
}
.t_news {
  height:25px;
  color:#fff;
  padding-left:10px;
  margin:20px 0;
  overflow:hidden;
  position:relative;
  float: left;
  width: 80%;

}
.t_news b {
  line-height:25px;
  font-weight:700;
  display:inline-block;
  color: #fff;
  padding: 0 10px;
  background: #e10000;
  border-radius: 30px;
}
.news_li,.swap {
  line-height:25px;
  display:inline-block;
  position:absolute;
  top:0;
  left:95px;
}
.news_li a,.swap a {
  color:#333;
  line-height:25px;
  display: block;
}
.swap {
  top:25px
}


/**/

.index_product{
  padding: 70px 0;
}

.in_pro_title{
  text-align: center;
  padding-bottom: 50px;
}
.in_pro_title h2{
  padding: 0 0 25px;
  font-size: 26px;
  line-height: 30px;
  color: #333;
}

.in_pro_title h3{
  font-size: 16px;
  color: #666;
}
.in_pro_list{
  background: #fff;
}

.in_pro_list_ul{
  overflow: hidden;
  padding: 10px;
}

.in_pro_list_ul li{
  width: 23%;
  float: left;
  margin: 0 1%;
  padding: 15px 0;
  border-radius: 10px;
  box-shadow: #ddd 1px 5px 10px 3px;
  transition: background .4s;
  -webkit-transition: background .4s;
  -moz-transition: background .4s;
  -ms-transition: background .4s;
  -o-transition: background .4s;
}
.in_pro_list_ul li .img{
  text-align: center;
  width: 100%;
}
.in_pro_list_ul li .img i{
  font-size: 70px;
  line-height: 1;
  color: #333;
  display: inline-block;
  padding: 25px;
  border-radius: 50%;
}
.in_pro_list_ul li .img .img_i{
  display: inline-block;
  border-radius: 50%;
  /*background: red;*/
}

.in_pro_list_ul li .img p{
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin: 10px 0;
  display: block;
}

.in_pro_list_ul li .img span{
  color: #949a9e;
  font-size: 14px;
  display: block;
}
.in_pro_list_ul li .txt{
  text-align: center;
  padding: 20px 0 10px;
}
.in_pro_list_ul li .txt p{
  font-size: 14px;
  line-height: 24px;
  color: #373d41;
}
.in_pro_list_ul li .txt a{
  padding: 7px 25px;
  font-size: 15px;
  border-radius: 30px;
  color: #e10000;
  background:#fff;
  margin-top: 15px;
  display: inline-block;
  opacity: 0;
}
.in_pro_list_ul li.active{
  background: #e84b4b;
  -moz-box-shadow:0px 2px 8px #333333; 
  -webkit-box-shadow:0px 2px 8px #333333; 
  box-shadow:0px 2px 8px #333333;
}
.in_pro_list_ul li.active .img{

}
.in_pro_list_ul li.active .img .img_i{
  background: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
}
.in_pro_list_ul li.active .img i{
  color: #e10000;
  font-size: 40px;
}
.in_pro_list_ul li.active .txt{

}
.in_pro_list_ul li.active .txt p{
  color: #fff;
}

.in_pro_list_ul li.active .img p{
  color: #fff;
}
.in_pro_list_ul li.active .img span{
  color: #f3d1d1;
}
.in_pro_list_ul li.active .txt a{
  display: inline-block;
  opacity: 1;
}
/* 首页业务范围 */



/*鍚堜綔娴佺▼*/

.index_cooperation{
  padding: 20px 0;
}

.cooperation_ttitle{
  text-align: center;
  padding-bottom: 40px;
  padding-top: 40px;
}

.cooperation_ttitle h2{
  padding: 0 0 20px;
  font-size: 50px;
  line-height: 60px;
  color: #e10000;
}

.cooperation_ttitle h3{
  font-size: 16px;
  color: #666;
}

.cooperation_list{
  padding-bottom: 30px;
}

.cooperation_list_ul{
  overflow: hidden;
  display: flex;
  flex-direction: row;
}






/* 合作流程 */



/*妗堜緥涓績*/


.index_case{
  padding: 50px 0 10px;
}

.case_title{
  text-align: center;
  padding-bottom: 30px;
}

.case_title h2{
  padding: 0 0 20px;
  font-size: 26px;
  line-height: 30px;
  color: #333;
}

.case_title h3{
  font-size: 16px;
  color: #666;
}

.in_case_list{

}

.in_case_list_ul{
  overflow: hidden;
  text-align: center;
}

.in_case_list_ul li{
  display: inline-block;
  padding: 3px 0;
}

.in_case_list_ul li a{
  display: inline-block;
  padding: 0 28px;
  height: 24px;
  line-height: 24px;
  color: #606060;
  font-size: 16px;
  border-left: 1px solid #bfbfbf;
}
.in_case_list_ul li:first-child a{
  border-left: none;
}
.in_case_list_ul li.active a{
  color: #e10000;
}

.in_case_main{
  padding: 50px 0 30px;
  overflow: hidden;
}
.in_case_box{
  max-height: 1270px;
  overflow: hidden;
}
.in_case_box .box_main{
  display: none;
}

.in_case_box_ul{
  overflow: hidden;
}

.in_case_box_ul>li{
  width: 32%;
  float: left;
  padding: 0 5px;
  margin-bottom: 25px;
}
.in_case_box_ul>li:nth-child(3n-1){
  margin-left: 1%;
  margin-right: 1%;
}
.in_case_box_ul>li .img{
  position: relative;
}
.in_case_box_ul>li .img>a{
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.in_case_box_ul>li .img img{
  display: block;
  width: 100%;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.in_case_box_ul>li:hover .img img{
  transform: scale(1.1);
}

.in_case_box_ul .img a .img_links {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 0%;
  background: rgba(0, 0, 0, 0.7);
  font-size: 0;
  text-align: center;
  -webkit-animation: zoomIn 0.6s ease forwards;
  animation: zoomIn 0.6s ease forwards;
}

.in_case_box_ul .img a .img_links .pro_txt{
  padding: 0 10px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform:translateY(-50%);
}
.in_case_box_ul .img a .img_links .pro_txt h3{
  font-size: 16px;
  line-height:30px;
  color: #ffffff;
  display: block;
  margin-bottom: 10px
}
.in_case_box_ul .img a .img_links .pro_txt p{
  font-size: 14px;
  line-height:20px;
  color: #ffffff;
  display: block;
  margin-bottom: 5px;
}
.in_case_box_ul .img a .img_links .pro_txt span{
  font-size: 14px;
  line-height:20px;
  color: #e10000;
  display: block;
  font-weight: bold;
}
.in_case_box_ul .img a:hover .img_links {
  display: block;
}

.in_case_box_ul .img a img {
  display: block;
  width: 100%;
  height: 263px;
  transition: all 0.8s ease;
  border: 1px solid #efefef;
}

.in_case_box_ul .img a:hover img {

}

.in_case_box_ul li .txt{
  overflow: hidden;
  padding: 8px 10px 10px;
  background: #f8f8f8;
}
.in_case_box_ul li .txt h2{
  font-size: 16px;
  overflow: hidden;
  margin-bottom: 15px;
}
.in_case_box_ul li .txt h2 a{
  font-size: 14px;
  width: calc(100% - 130px);
  color: #555;
  font-weight: bold;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  float: left;
}
.in_case_box_ul li .txt h2 p{
  float: right;
  font-size: 14px;
  line-height: 20px;
  width: 120px;
  display: block;
  color: #999;
}
.in_case_box_ul li .txt .txt_p{
  overflow: hidden;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
} 
.in_case_box_ul li .txt .txt_p a{
  font-size: 14px;
  line-height: 20px;
  color: #333;
  display: inline-block;
  padding-left: 5px;
  width: auto;
  float: left;
}

.in_case_box_ul li .txt_p{
  overflow: hidden;
}
.in_case_box_ul li .txt_p li{
  float: left;
  width: 50%;
}
.in_case_box_ul li .txt_p li:nth-child(even){
  width: 60%;
}
.in_case_box_ul li .txt_p li:nth-child(odd){
  width: 40%;
}
.in_case_box_ul li .txt_p li:nth-child(-n+2){
  padding-bottom: 10px;
}  
.in_case_box_ul li .txt_p li p{
  font-size: 14px;
  color: #666;
  line-height: 20px;
  display: block;
}

.in_case_box_ul .txt .txt_more{
  overflow: hidden;
}
.in_case_box_ul .txt .txt_more p{
  float: left;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  display: inline-block;
}
.in_case_box_ul .txt .txt_more a{
  overflow: hidden;
  float: right;
}

.in_case_box_ul .txt .txt_more a i{
  float: left;
  display: inline-block;
  color: #e10000;
  font-size: 18px;
  line-height: 20px;
  margin-right: 3px;
}

.in_case_box_ul .txt .txt_more a span{
  float: left;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  color: #e10000;
}
/* 饾槃饾槃饾槃.饾棶饾棻饾椇饾椂饾椈饾棷饾槀饾槅.饾棸饾椈  妯℃澘涓嬭浇缃戠珯 */





/* 案例中心 */


/*閫夋嫨鎴戜滑*/
.index_choose{
  background-size: cover;
  padding: 70px 0;
  background: #F3F4F6;
  overflow: hidden;
  background: url(../images/choose_bk.jpg) no-repeat;
  background-size: cover;
}
.index_choose_main{
  overflow: hidden;
  background:linear-gradient(90deg,#dfdfdf,#ffffff 60%,#f3f3f3);
  display: flex;
  flex-direction: row;
  padding: 8px;
  height: 500px;
  opacity: 0.8;
}

.choose_left{
  float: left;
  width: 280px;
  background: rgba(226, 225, 225, 0.5);
}

.choose_left img{
  display: block;
  width: 100%;
}

.choose_right{
  width: calc(100% - 280px);
  float: left;
  padding: 10px 30px;
  overflow: hidden;
}

.choose_list{
  text-align: left;
}

.choose_list_ul{
  display: inline-block;
}

.choose_list_ul li{
  float: left;
  width: 100%;
  padding: 40px 0 40px 15px;
  background: #fff;
  margin-bottom: 8px;
}

.choose_list_ul li a{
  font-size: 20px;
  line-height: 35px;
  color: #666;
  font-weight: bold;
  overflow: hidden;
  display: block;
}
.choose_list_ul li a i{
  display: block;
  float: left;
  font-size: 30px;
  margin-right: 15px;
  color: #333;
}
.choose_list_ul li a p{
  float: left;
  display: block;
  font-size: 20px;
  font-weight: bold;
}
.choose_list_ul li.active{
  background: #d0000b;
}
.choose_list_ul li.active a{
  color: #ff001a;
}
.choose_list_ul li.active a p,.choose_list_ul li.active a i{
  color: #fff;
}


.choose_list_ul li:first-child{
  margin-left: 0;
}
.choose_box{
  height: 100%;
}
.choose_box .box_main{
  display: none;
  height: 100%;
}

.choose_about_main{
  overflow: hidden;
  padding: 30px 0;
}

.choose_about_main .choose_about_img{
  float: left;
  width: 320px;
}
.choose_about_main .choose_about_img img{
  display: inline-block;
  
}
.choose_about_main .choose_about_txt{
  float: left;
  width: calc(100% - 320px);
  padding-left: 50px;
}

.choose_about_p p{
  font-size: 15px;
  line-height: 26px;
  color: #666;
  display: block;
  margin-bottom: 50px;
}
.choose_about_p a{
  color: #666;
}
.choose_more{
  
}

.choose_more a{
  overflow: hidden;
  padding: 8px 30px;
  border-radius: 30px;
  border: 1px solid #ccc;
  display: inline-block;
}

.choose_more a i{
  float: left;
  font-size: 20px;
  line-height: 20px;
}

.choose_more a p{
  float: left;
  display: inline-block;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  margin-right: 10px;
}

.choose_about_title{
  margin-bottom: 20px;
}

.choose_about_title h2{
  font-size: 20px;
  font-weight: bold;
  line-height: 50px;
  color: #333;
}

.choose_about_p{
  margin-bottom: 20px;
}

.choose_team_main{
  
}

.choose_team_main .choose_team_ul{
  overflow: hidden;
  height: 460px;
}

.choose_team_main .choose_team_ul li{
  width: 50%;
  height: 50%;
  float: left;
  padding: 1px;
}

.choose_team_main .choose_team_ul li img{
  display: block;
  width: 100%;
  height: 100%;
}

.choose_service_main{
  overflow: hidden;
  padding: 20px 0;
}
.choose_service_img{
  width: 350px;
  float: left;
}
.choose_service_img img{
  display: block;
  width: 100%;
}
.choose_service_txt{
  float: left;
  width: calc(100% - 350px);
  padding-left: 50px;
}

.choose_service_txt .choose_service_title{
  margin-bottom: 20px;
}

.choose_service_txt .choose_service_title h2{
  font-size: 20px;
  font-weight: bold;
  line-height: 50px;
  color: #333;
}

.choose_service_p{
  font-size: 15px;
  line-height: 26px;
  color: #666;
  display: block;
  margin-bottom: 50px;
}

.choose_cooperation_main{
  height: 100%;
}

.choose_cooperation_ul{
  overflow: hidden;
  height: 100%;
}
.choose_cooperation_ul li{
  float: left;
  width: 25%;
  height: 33.33%;
  border: 1px solid #ccc;
  background: #fff;
}

.choose_cooperation_ul li a{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.choose_cooperation_ul li a img{
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 15px;
  transform: translate3d(-50%,-50%,0);
}


/* 选择我们 */



/*骞冲彴灞曠ず*/

.index_show{
  background: url(../images/show_bg.jpg);
  padding: 70px 0;
  background-size: cover;
}

.in_show_title{
  text-align: center;
  padding-bottom: 60px;
}

.in_show_title h2{
  padding: 0 0 20px;
  font-size: 26px;
  line-height: 30px;
  color: #fff;
}

.in_show_title h3{
  font-size: 16px;
  color: #fff;
}

.show_swiper{
  overflow: hidden;
  position: relative;
}

.show_main{
  width: 100%;
  overflow: hidden;
}

.show_main .img{
  float: left;
  width: 710px;
}

.show_main .img img{
  display: block;
  width: 100%;
}

.show_main .txt{
  width: calc(100% - 710px);
  float: left;
  padding: 60px 30px;
}
.show_main .txt h2{
  font-size: 18px;
  color: #fff;
  margin-bottom: 20px;
}
.show_main .txt .txt_info{
  margin-bottom: 20px;
}
.show_main .txt .txt_info p{
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
}

.show_main .txt .txt_more{
  overflow: hidden;
  padding: 20px 0;
} 

.show_main .txt .txt_more a{
  float: left;
  overflow: hidden;
  border-radius: 30px;
  padding: 7px 20px;
  background: #a0a0a0;
}
.show_main .txt .txt_more a i{
  float: left;
  font-size: 25px;
  line-height: 25px;
  color: #fff;
}

.show_main .txt .txt_more a p{
  font-size: 16px;
  color: #fff;
  line-height: 25px;
  float: left;
  margin-left: 5px;
}

.show_main .txt .txt_more a:nth-child(2){
  background: #e10000;
  margin-left: 20px;
}
.show_swiper .swiper-button-next,.show_swiper .swiper-button-prev{
  width: 50px;
  height: 50px;
}
.show_swiper .swiper-button-next{

}

.show_swiper .swiper-button-prev{

}


/* 平台展示 */


/*鍏充簬鎴戜滑*/
.index_about{
  position: absolute;
  top: -200px;
  left: 0;
  width: 100%;
}
.index_about_main{
  background: #222328;
  padding: 70px 0 100px;
}

.about_title{

}

.about_title h2{
  font-size: 52px;
  color: #fff;
  margin-bottom: 35px;
}

.about_title h3{
  font-size: 14px;
  color: #bcbcbc;
}

.in_about_list{
  text-align: center;
}

.in_about_ul{
  display: inline-block;
}


.in_about_ul li{
  display: inline-block;
  padding:0 70px;
}

.in_about_ul .counter{
  overflow: hidden;
}
.in_about_ul .counter .timer{
  font-size: 40px;
  color: #000;
  float: left;
  padding-right: 10px;
}
.in_about_ul .counter i{
  font-size: 20px;
  line-height: 40px;
  float: left;
}
.in_about_ul li p{
  font-size: 16px;
  color: #999;
  line-height: 30px;
}

/* 关于我们 */

/*鏂伴椈璧勮*/
.index_news{
  background: #f4f4f4;
  padding: 50px 0 0;
}

.in_news_title{
  text-align: center;
  padding-bottom: 60px;
}

.in_news_title h2{
  padding: 0 0 20px;
  font-size: 26px;
  line-height: 30px;
  color: #333;
}

.in_news_title h3{
  font-size: 16px;
  color: #666;
}

.in_news_list{
  text-align: center;
}

.in_news_list_ul{
  display: inline-block;
  overflow: hidden;
}

.in_news_list_ul li{
  float: left;
}

.in_news_list_ul li a{
  display: inline-block;
  padding: 0 28px;
  height: 24px;
  line-height: 24px;
  color: #606060;
  font-size: 16px;
  border-left: 1px solid #bfbfbf;
}
.in_news_list_ul li:first-child a {
    border-left: none;
}
.in_news_list_ul li.active{
  
}
.in_news_list_ul li.active a {
    color: #e10000;
}

.in_news_main{
  padding: 50px 0;
}
.in_news_main .in_news_box{

}
.in_news_main .in_news_box .n_box{
  display: none;
}

.news_box_list{
  overflow: hidden;
}

.news_box_list li{
  overflow: hidden;
  width: 48%;
  float: left;
  margin: 0 1%;
}

.news_box_list .n_img{
  display: block;
  float: left;
  width: 150px;
  height: 110px;
}
.news_box_list .n_img a{
  display: block;
}

.news_box_list .n_img a img{
  display: block;
  width: 100%;
  max-height: 110px;
} 

.news_box_list .n_txt{
  float: left;
  width: calc(100% - 150px);
  padding: 0 20px;
}

.news_box_list .n_txt h2{
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
  overflow: hidden;
}
.news_box_list .n_txt h2 a{
  color: #333;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  float: left;
}
.news_box_list .n_txt h2 time{
  float: right;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.news_box_list .n_txt h3{
  font-size: 14px;
  line-height: 18px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news_box_list .n_txt .n_more{
  overflow: hidden;
  padding: 10px 0 0;
}
.news_box_list .n_txt .n_more a{
  float: left;
  display: inline-block;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.news_box_list .n_txt .n_more time{
  float: right;
  display: inline-block;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}

.news_box_list li:nth-child(-n+2) .n_txt h2 time{
  display: none;
}
.news_box_list li:nth-child(-n+2){
  padding-bottom: 10px;
}
.news_box_list li:nth-child(-n+2):hover .n_txt h2 a{
  color: #e10000;
}
.news_box_list li:nth-child(-n+2):hover .n_txt .n_more a{
  text-decoration: underline;
   color: #e10000;
}
.news_box_list li:nth-child(n+3) .n_img{
  display: none;
}
.news_box_list li:nth-child(n+3) .n_txt{
  width: 100%;
}
.news_box_list li:nth-child(n+3) .n_txt h3,.news_box_list li:nth-child(n+3) .n_txt .n_more{
  display: none;
}
.news_box_list li:nth-child(n+3) .n_txt h2{
  margin-bottom: 0;
}
.news_box_list li:nth-child(n+3) .n_txt h2 a{
  width: calc(100% - 100px);
  font-size: 15px;
  line-height: 20px;
}
.news_box_list li:nth-child(n+3) .n_txt h2 time{
  width: 100px;
  float: right;
  text-align: right;
  font-size: 15px;
  line-height: 20px;
}
.news_box_list li:nth-child(n+3){
  padding: 10px 0;
  border-top: 1px dashed #ccc;
}
.news_box_list li:nth-child(2n+3) .n_txt{
  padding: 0 15px 0 0!important;
}
.news_box_list li:nth-child(2n+4) .n_txt{
  padding: 0 0 0 15px!important;
}
.news_box_list li:nth-child(n+3):hover .n_txt h2 a{
  color: #e10000;
}




.index_link{
  background: #262844;
  padding: 30px 0 20px;
}

.in_link_title{
  padding-bottom: 20px;
}
.in_link_list{
  overflow: hidden;
}

.in_link_list_ul{
  overflow: hidden;
}
.in_link_list_ul li{
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}
.in_link_list_ul li h2{
  font-size: 16px;
  color: #bcbcbc;
}
.in_link_list_ul li h2 p{
  display: inline-block;
  font-size: 16px;
  color: #bcbcbc;
}


.in_link_list_ul li a{
  font-size: 14px;
  line-height: 20px;
  color: #a0a0a0;
  display: inline-block;
}

.in_link_list_ul li:hover a{
  color: #847575;
}

/* 友情链接 */




/*灏鹃儴鏍峰紡*/

footer{
  padding-bottom: 0!important;
}

.bookmark{
  padding: 25px 0 15px;
  background: #262844;
  border-bottom: 1px solid #484848;
}


.bookmark_list{

}
.bookmark_list_ul{
  overflow: hidden;
  margin-bottom: 10px;
}
.bookmark_list_ul li{
  float: left;
}
.bookmark_list_ul li:nth-child(2){
  margin-left: 20px;
}
.bookmark_list_ul li a{
  font-size: 16px;
  display: block;
  line-height: 20px;
  color: #d8d8d8;
  border-left: 1px solid #ccc;
}
.body_index .bookmark_list_ul li a{
  color: #333333;
  border-left: 1px solid #ccc;
}
.bookmark_list_ul li:first-child a{
  border-left: 0;
}
.bookmark_list_ul li:nth-child(2) a{
  padding-left: 20px;

}
.bookmark_list_ul li.active a{
  color: #e10000;
}
.bookmark_main{

}

.bookmark_main .b_box{
  display: none;
}


.body_index .bookmark{
  background: #fff;
}



.body_index .bookmark_list_ul li.active a{
  color: #e10000;
}

.b_box_ul{
  overflow: hidden;
}
.b_box_ul li{
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}
.b_box_ul li h2{
  height:24px;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
}

.b_box_ul li a{
  height:24px;
  line-height: 24px;
  font-size: 14px;
  color: #b1b1b1;
  display: block;
}
.b_box_ul li:hover a{
  color: #e10000;
}
.copyright{
  text-align: center;
  background: #262844;
  padding:15px 0;
  border-bottom: 1px solid #484848;
}

.copyright_title{
  overflow: hidden;
  display: block;
  text-align: center;
  padding: 30px 0;
}
.copyright_title .img{
  float: left;
  width: 150px;
}

.copyright_title .img img{
  display: block;
  width: auto;
  width: 100%;
}

.copyright_title .img p{
  display: block;
  color: #b3b4be;
  padding: 10px 0;
  font-size: 16px;
}

.copyright_title .img p i{
  font-size: 20px;
  margin-right: 8px;
}

.copyright_title .txt{
  float: left;
  padding: 0 30px 0 0;
  width: 300px;
}
.copyright_title .txt .txt_p{
  text-align: left;
}
.copyright_title .txt .txt_p p{
  font-size: 14px;
  color: #b4b4b4;
  line-height: 30px;
  overflow: hidden;
  margin-bottom: 7px;
  display: block;
}
.copyright_title .txt .txt_p p i{
  margin-right: 10px;
  font-size: 24px;
  line-height: 24px;
  margin-top: 3px;
  float: left;
}
.copyright_title .txt .txt_p p span {
    font-size: 16px;
}
.copyright_sitemap{
  text-align: center;
  padding: 10px 0;
}

.copyright_sitemap p{
  display: inline-block;
  font-size: 14px;
  color: #bcbcbc;
  height: 20px;
  line-height: 20px;
  margin:0 10px;
}

.copyright_sitemap a{
  display: inline-block;
  font-size: 14px;
  color: #bcbcbc;
  height: 20px;
  line-height: 20px;
  margin:0 5px;
}

.copyright_sitemap a:hover{
  text-decoration: underline;
}
.foot_list{
  float: left;
  width: calc(100% - 550px);
  padding: 0 50px;
  margin: 0 50px;
  border-left: 1px solid #484848;
  border-right: 1px solid #484848;
}
.foot_list_ul{
  overflow: hidden;
}

.foot_list_ul li{
  float: left;
  width: 25%;
  padding: 0 10px;
}

.foot_list_ul dl{
  text-align: left;
}

.foot_list_ul dl dt{
  margin-bottom: 10px;
}

.foot_list_ul dl dt a{
  display: block;
  font-size: 15px;
  color: #b4b4b4;
  line-height: 20px;
  margin-bottom: 10px;
}

.foot_list_ul dl dd{

}

.foot_list_ul dl dd a{
  display: block;
  font-size: 13px;
  color: #b4b4b4;
  line-height: 24px;
}

.txt_contact{
  text-align: left;
  margin-bottom: 10px;
}

.txt_contact span{
  font-size: 15px;
  color:#b4b4b4;
  display: block;
  line-height: 24px;
}

.txt_contact p{
  font-size: 30px;
  color: #d8d8d8;
  display: block;
  margin-bottom: 10px;
}

.txt_contact a{
  display: inline-block;
  padding: 0 25px;
  line-height: 35px;
  color: #fff;
  background: #ff3333;
  border-radius: 30px;
}




/* 尾部样式 */


/*-------------鍐呴〉鏍峰紡----------*/
.page_main{
  padding-top: 100px;
}
.page_banner{

}
.page_banner img{
  display: block;
  width: 100%;
}

/*妗堜緥涓績*/

.case_content{
  padding: 50px 0;
}
.case_select{
  text-align: center;
}

.case_select_ul{
  display: inline-block;
}

.case_select_ul li{
  float: left;
  margin: 0 10px;
}

.case_select_ul li a{
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  display: block;
  background: #efefef;
  color: #333;
}

.case_select_ul li.active a{
  background: #e10000;
  color: #fff;
}


.case_list_list{
  padding: 30px 0;
}
.case_list_list_ul{
  overflow: hidden;
}
.case_list_list_ul li{
  float: left;
  margin-right: 10px;
}
.case_list_list_ul li h2{
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  color: #333;
  font-weight: bold;
}
.case_list_list_ul li a{
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  color: #333;
  display: block;
  padding: 0 5px;
}
.case_list_list_ul li.active a{
  background: #e10000;
  color: #fff;
}


.case_all{

}

.case_all_ul{
  overflow: hidden;
}

.case_all_ul>li{
  width: 32%;
  float: left;
  padding: 0 5px;
  margin-bottom: 25px;
}
.case_all_ul>li:nth-child(3n-1){
  margin-left: 1%;
  margin-right: 1%;
}

.case_all_ul>li .img{
  position: relative;
}
.case_all_ul>li .img>a{
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.case_all_ul>li .img img{
  display: block;
  width: 100%;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.case_all_ul>li:hover .img img{
  transform: scale(1.1);
}

.case_all_ul .img a .img_links {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 0%;
  background: rgba(0, 0, 0, 0.7);
  font-size: 0;
  text-align: center;
  -webkit-animation: zoomIn 0.6s ease forwards;
  animation: zoomIn 0.6s ease forwards;
}

.case_all_ul .img a .img_links .pro_txt{
  padding: 0 10px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform:translateY(-50%);
}
.case_all_ul .img a .img_links .pro_txt h3{
  font-size: 16px;
  line-height:30px;
  color: #ffffff;
  display: block;
  margin-bottom: 10px
}
.case_all_ul .img a .img_links .pro_txt p{
  font-size: 14px;
  line-height:20px;
  color: #ffffff;
  display: block;
  margin-bottom: 5px;
}
.case_all_ul .img a .img_links .pro_txt span{
  font-size: 14px;
  line-height:20px;
  color: #e10000;
  display: block;
  font-weight: bold;
}
.case_all_ul .img a:hover .img_links {
  display: block;
}

.case_all_ul .img a img {
  display: block;
  width: 100%;
  transition: all 0.8s ease;
  height: 263px;
  border: 1px solid #efefef;
}

.case_all_ul .img a:hover img {

}

.case_all_ul li .txt{
  overflow: hidden;
  padding: 8px 10px 10px;
  background: #f8f8f8;
}
.case_all_ul li .txt h2{
  font-size: 16px;
  overflow: hidden;
  margin-bottom: 15px;
}
.case_all_ul li .txt h2 a{
  font-size: 14px;
  width: calc(100% - 130px);
  color: #555;
  font-weight: bold;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  float: left;
}
.case_all_ul li .txt h2 p{
  float: right;
  font-size: 14px;
  line-height: 20px;
  width: 120px;
  display: block;
  color: #999;
}
.case_all_ul li .txt .txt_p{
  overflow: hidden;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
} 
.case_all_ul li .txt .txt_p a{
  font-size: 14px;
  line-height: 20px;
  color: #333;
  display: inline-block;
  padding-left: 5px;
  width: auto;
  float: left;
}

.case_all_ul li .txt_p{
  overflow: hidden;
}
.case_all_ul li .txt_p li{
  float: left;
  width: 50%;
}
.case_all_ul li .txt_p li:nth-child(even){
  width: 60%;
}
.case_all_ul li .txt_p li:nth-child(odd){
  width: 40%;
}
.case_all_ul li .txt_p li:nth-child(-n+2){
  padding-bottom: 10px;
}  
.case_all_ul li .txt_p li p{
  font-size: 14px;
  color: #666;
  line-height: 20px;
  display: block;
}

.case_all_ul .txt .txt_more{
  overflow: hidden;
}
.case_all_ul .txt .txt_more p{
  float: left;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  display: inline-block;
}
.case_all_ul .txt .txt_more a{
  overflow: hidden;
  float: right;
}

.case_all_ul .txt .txt_more a i{
  float: left;
  display: inline-block;
  color: #e10000;
  font-size: 18px;
  line-height: 20px;
  margin-right: 3px;
}

.case_all_ul .txt .txt_more a span{
  float: left;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  color: #e10000;
}







/*妗堜緥璇︽儏*/

.case_detail_content{
  background: #f3f3f3;
}

.case_detail_nav {
  overflow: hidden;
  padding: 20px 0;
}

.case_detail_nav h3 {
  position: relative;
  color: #666666;
  font-size: 14px;
  padding: 0 5px 0 30px;
  height: 35px;
  line-height: 35px;
  width: 110px;
  float: left;
}

.case_detail_nav h3:before {
  position: absolute;
  content: '\e6b8';
  font-family: 'icon';
  left: 0;
  top: 0;
  font-size: 20px;
}
.case_detail_tit_ul {
  float: left;
}

.case_detail_tit_ul a {
  float: left;
}

.case_detail_tit_ul a:after {
  content: '>';
  font-family: inherit;
  font-size: 14px;
  line-height: 35px;
  float: right;
  padding: 0 10px;
  color: #999;
}

.case_detail_tit_ul a {
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #666666;
  display: block;
  float: left;
  text-transform: capitalize;
}

.case_detail_tit_ul a:last-child:after {
  display: none;
}


.case_detail_main{
  padding: 40px 0;
}

.case_detail_title{
  text-align: center; 
}

.case_detail_title h1{
  color: #333;
  font-size: 26px;
  padding-bottom: 30px;
}

.case_detail_title .title_info{
  padding: 0 0 30px;
  overflow: hidden;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 30px;
}
.case_detail_title .title_info h2{
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  color: #555;
  margin: 0 10px;
}

.case_detail_info{
  
}

.case_detail_overview{
  display: flex;
  align-items: stretch;
  gap: 24px;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.case_detail_cover{
  flex: 1 1 50%;
  min-width: 0;
  min-height: 420px;
  height: 420px;
  overflow: hidden;
  border: 1px solid #e1e5e8;
  border-radius: 4px;
  background: #edf1f3;
}

.case_detail_cover img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 12px;
  transition: transform .35s ease;
}

.case_detail_cover:hover img{
  transform: scale(1.025);
}

.case_detail_cover_placeholder{
  width: 100%;
  height: 100%;
  background: #f3f6f7;
}

.case_table table {
  *border-collapse: collapse;
  /* IE7 and lower */
  border-spacing: 0;
  width: 100%;
} /*========bordered table========*/
.bordered {
  border: solid #ccc 1px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px #ccc;
  -moz-box-shadow: 0 1px 1px #ccc;
  box-shadow: 0 1px 1px #ccc;
}

.bordered tr {
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.bordered tr td strong{
  font-weight: bold;
  color: #343434;
}

.bordered .highlight, .bordered tr:hover {
  background: #fbf8e9;
}

.bordered td, .bordered th {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 8px 20px;
  text-align: left;
  font-size: 16px;
  line-height: 30px;
}

.bordered th {
  background-color: #dce9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: linear-gradient(top, #ebf3fc, #dce9f9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ebf3fc, endColorstr=#dce9f9);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ebf3fc, endColorstr=#dce9f9)";
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  border-top: none;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.bordered td:first-child, .bordered th:first-child {
  border-left: none;
}

.bordered th:first-child {
  -moz-border-radius: 6px 0 0 0;
  -webkit-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
}

.bordered th:last-child {
  -moz-border-radius: 0 6px 0 0;
  -webkit-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
}

.bordered tr:last-child td:first-child {
  -moz-border-radius: 0 0 0 6px;
  -webkit-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
  -moz-border-radius: 0 0 6px 0;
  -webkit-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
}

.table_display_none{
  display: none!important;
}
.table_display_block{
  display: block!important;
}

.case_table{
  flex: 1 1 50%;
  width: 50%;
  max-width: none;
  min-width: 0;
  margin: 0;
}

.bordered th:first-child{
  width: 150px;
}


.case_detail_info .case_introduce{
  padding: 30px 0;
}


.case_detail_info .case_introduce .title{
  padding: 10px 0;
}
.case_detail_info .case_introduce .title h2{
  font-size: 20x;
  line-height: 30px;
  color: #333;
  font-weight: bold;
}

.case_detail_info .case_introduce_info{
  
}

.case_detail_info .case_introduce_info p{
  font-size: 16px;
  color: #666;
  line-height: 30px;
  display: block;
}
.case_detail_info .case_introduce_info strong{
  
}
.case_detail_info .case_introduce_info span{
  
}

.travel-itinerary {
  margin: 8px 0 42px;
  padding-top: 8px;
}

.travel-itinerary-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding: 0 0 15px;
  border-bottom: 2px solid #1f7580;
}

.travel-itinerary-header p {
  margin: 0 0 4px;
  color: #b4782b;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 18px;
}

.travel-itinerary-header h2 {
  margin: 0;
  color: #263b43;
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
}

.travel-itinerary-header > span {
  margin-bottom: 3px;
  color: #507078;
  font-size: 13px;
  line-height: 20px;
}

.travel-itinerary-list {
  position: relative;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.travel-itinerary-list:before {
  position: absolute;
  top: 14px;
  bottom: 22px;
  left: 35px;
  width: 1px;
  background: #c7d9db;
  content: '';
}

.travel-itinerary-day {
  position: relative;
  display: flex;
  gap: 22px;
  margin: 0 0 22px;
}

.travel-itinerary-day:last-child {
  margin-bottom: 0;
}

.travel-itinerary-day-marker {
  position: relative;
  z-index: 1;
  width: 70px;
  height: 70px;
  border: 1px solid #1f7580;
  border-radius: 50%;
  background: #ffffff;
  color: #1f7580;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 70px;
  flex-direction: column;
}

.travel-itinerary-day-marker span {
  display: block;
  font-size: 10px;
  font-weight: bold;
  line-height: 13px;
  letter-spacing: 1px;
}

.travel-itinerary-day-marker strong {
  display: block;
  font-size: 24px;
  line-height: 29px;
}

.travel-itinerary-day-panel {
  min-width: 0;
  flex: 1;
  padding: 20px 22px 22px;
  border: 1px solid #dce6e7;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 5px 14px rgba(42, 72, 76, .06);
}

.travel-itinerary-day-heading {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e8eff0;
}

.travel-itinerary-day-heading h3 {
  margin: 0;
  color: #224a52;
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  white-space: nowrap;
}

.travel-itinerary-day-heading p {
  min-width: 0;
  margin: 0;
  color: #586b72;
  font-size: 15px;
  line-height: 24px;
}

.travel-itinerary-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
  margin: 16px 0 0;
}

.travel-itinerary-meta-item {
  min-width: 0;
  padding: 9px 11px;
  border-left: 3px solid #d8ab68;
  background: #fafcfb;
}

.travel-itinerary-meta-item dt,
.travel-itinerary-meta-item dd {
  margin: 0;
}

.travel-itinerary-meta-item dt {
  color: #7b8a8e;
  font-size: 12px;
  line-height: 17px;
}

.travel-itinerary-meta-item dd {
  margin-top: 2px;
  color: #33454c;
  font-size: 14px;
  line-height: 22px;
}

.travel-itinerary-description {
  margin-top: 17px;
  color: #5b686c;
  font-size: 15px;
  line-height: 28px;
}

.travel-itinerary-photos {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.travel-itinerary-photo {
  display: block;
  height: 220px;
  overflow: hidden;
  border-radius: 4px;
  background: #edf2f2;
}

.travel-itinerary-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}

.travel-itinerary-photo:hover img {
  transform: scale(1.04);
}


.case_detailed_description{
  
}
.case_detailed_description .case_introduce_info p{
  font-size: 15px;
  color: #666;
  line-height: 30px;
  display: block;
}
.case_detailed_description img{
  display: block;
  width: auto;
  max-width: 100%;
  margin: 20px auto;
  height:auto !important;
}
.case_detailed_description strong{
  
}
.case_detailed_description span{
  
}

.case_detailed_description p{
  font-size: 15px;
  color: #666;
  line-height: 30px;
  display: block;
}

.case_detail_feedback{

}
.case_detail_feedback h3{
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 5px;
  color: #666;
  font-weight: bold;
}

.case_detail_feedback p{
  font-size: 15px;
  color: #666;
  line-height: 30px;
  display: block;
}


.case_detail_recommend{
  padding: 30px 0 0;
  margin-top: 50px;
  border-top: 1px dashed #ccc;
}

.case_detail_recommend h2{
  font-size: 20px;
  text-align: center;
  color: #333;
  font-weight: bold;
  margin-bottom: 30px;
}

/* 案例详情 */

/*鏂伴椈璧勮*/

.news_content{
  background: #f3f3f3;
}

.news_nav {
  overflow: hidden;
  padding: 20px 0;
}

.news_nav h3 {
  position: relative;
  color: #666666;
  font-size: 14px;
  padding: 0 5px 0 30px;
  height: 35px;
  line-height: 35px;
  width: 110px;
  float: left;
}

.news_nav h3:before {
  position: absolute;
  content: '\e6b8';
  font-family: 'icon';
  left: 0;
  top: 0;
  font-size: 20px;
}

.news_nav_ul {
  float: left;
}

.news_nav_ul li {
  float: left;
  padding-right: 5px;
}

.news_nav_ul li:after {
  content: '\e605';
  font-family: 'icon';
  font-size: 18px;
  line-height: 35px;
  float: left;
}

.news_nav_ul li a {
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #666666;
  display: block;
  float: left;
  padding: 0 5px;
  text-transform: capitalize;
}

.news_nav_ul li:last-child:after {
  display: none;
}


.news_list{
  text-align: center;
  padding: 30px 0;
}

.news_list_ul{
  display: inline-block;
}

.news_list_ul li{
  float: left;
  margin: 0 10px;
}

.news_list_ul li a{
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  display: block;
  background: #efefef;
  color: #333;
}

.news_list_ul li.active a{
  background: #e10000;
  color: #fff;
}

.news_content_info{
  
}

.news_all_ul{
  overflow: hidden;
}
.news_all_ul li{
  width: 32%;
  float: left;
  padding: 5px;
  background: #fff;
  margin-bottom: 20px;
}
.news_all_ul li:nth-child(3n-1){
  margin: 0 2%;
}
.news_all_ul li .img{
  width: 100%;
  display: block;
  height: 180px;
  max-height: 180px;
  overflow: hidden;
}

.news_all_ul li .img a{
  width: 100%;
  display: block;
  height: 100%;
  overflow: hidden;
}

.news_all_ul li .img img{
  width: 100%;
  display: block;
  height: 100%;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.news_all_ul li .txt{
  padding: 10px 10px;
  border-bottom: 1px solid #eaeaea
}

.news_all_ul li .txt h2{
  font-size: 16px;
  line-height: 24px;
  color: #333;
}

.news_all_ul li .txt h2 a{
  color: #333;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.news_all_ul li .txt .news_p{
  margin: 8px 0;
}

.news_all_ul li .txt .news_p p{
  display: block;
  font-size: 12px;
  height:40px;
  line-height: 20px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news_all_ul li .news_more{
  overflow: hidden;
  padding: 5px 10px 0;
}

.news_all_ul li .news_more time{
  float: left;
  font-size: 14px;
  color: #777;
  line-height: 20px;
}

.news_all_ul li .news_more i{
  float: right;
  font-size: 20px;
  color: #777;
  line-height: 20px;
}

.news_all_ul li:hover img{
  transform: scale(1.1);
}

.news_all_ul li:hover .txt h2 a{
  color: #e10000;
}

.news_all_ul li:hover .news_more time,.news_all_ul li:hover .news_more i{
  color: #333;
}

.pagebar{clear:both;margin:20px auto 50px;text-align:center;}
.pagebar a:hover{color:#e10000;}
.page-status{border-radius:2px 0 0 2px;}
.page-last{border-radius:0 2px 2px 0;}
.page-index,.page-last,.page-next,.page-num,.page-pre,.page-status{display:inline-block;margin:0 -1px 5px 0;padding:0 15px;height:28px;border:1px solid #e2e2e2;background-color:#fff;color:#333;vertical-align:middle;font-size:12px;line-height:28px;}
.page-status{display:none;}
.page-num-current{height:30px;border-top:none;border-bottom:none;background-color:#e10000;color:#fff !important;line-height:30px;}
a.page-num-current:hover{color:#fff;}




/* 新闻资讯 */

/*鏂伴椈璇︽儏*/

.news_detail_content{
  background: #f3f3f3;
}

.news_detail_main{
  background: rgba(255,255,255,.5);
  padding: 20px;
  overflow: hidden;
  display: flex;
    flex-direction: row;
}

.news_detail_info{
  background: #fff;
  float: left;
  width: calc(100% - 340px);
  padding: 20px 20px 40px;
}

.news_detail_title{
  overflow: hidden;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.news_detail_title h1{
  font-size: 20px;
  line-height: 30px;
  color: #333;
  font-weight: bold;
  padding: 20px 0 20px;
}
.news_detail_title .news_detail_time{
  overflow: hidden;
}
.news_detail_title .news_detail_time time{
  font-size: 14px;
  color: #999;
  line-height: 20px;
  display: inline-block;
  margin: 0 10px;
}

.news_detail_title .news_detail_time p{
  font-size: 14px;
  color: #999;
  line-height: 20px;
  display: inline-block;
  margin: 0 10px;
}

.page_fenye{
  padding:30px 0;
  position: relative;
}


.page_fenye a{
  width: 70%;
  display: block;
  font-size: 14px;
  color: #666;
  line-height: 30px;
  margin-bottom: 10px;
}


.page_fenye a:hover{
  color: #333;
}
.page_fenye .page_more{
  position: absolute;
  right: 0;
  top: 45px;
}
.page_fenye .page_more a{
  padding: 10px 30px;
  line-height: 28px;
  border: 1px solid #ccc;
  font-size: 15px;
  display: block;
  width: auto!important;
  margin-bottom: 0!important;
  border-radius: 5px;
}
.page_fenye .page_more a:hover{
  background: #e10000;
  color: #fff;
}

.news_detail_txt{

}

.news_detail_txt p{
  font-size: 14px;
  line-height: 24px;
  display: block;
  color: #666;
}
.news_detail_txt strong{
  font-weight: bold!important;
}

.news_detail_txt img{
  display: block;
  width: auto;
  margin: 10px auto;
  max-width: 80%;
  height:auto !important;
}

.news_detail_page{
  width: 320px;
  float: left;
  margin-left: 10px;
  background: #fff;
}

.news_page_list{
  padding: 30px 10px;
}


.news_page_list h3{
  font-size: 20px;
  font-weight: bold;
  color: #333;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}

.news_page_list h3:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 10px;
  background: #e10000;
}

.news_page_list_ul{
  overflow: hidden;
}

.news_page_list_ul li{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  background: #F6F6F6;
  padding: 10px 0;
}

.news_page_list_ul li a{
  font-size: 14px;
  line-height: 20px;
  display: block;
  padding: 0 15px;
}

.news_page_list_ul li.active{
  background: #e10000;
}
.news_page_list_ul li.active a{
  color: #fff;
}
.news_page_new{
  padding: 20px 10px; 
}

.news_page_new h3{
  font-size: 18px;
  color: #666;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.news_page_new h3:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background: #FF3954;
}
.news_page_new_ul{
  
}

.news_page_new_ul li{
  padding: 5px 0;
  border-bottom: 1px dashed #ccc;
  overflow: hidden;
  position: relative;
}

.news_page_new_ul li a{
  font-size: 14px;
  color: #333;
  padding-left: 30px;
  display: block;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.news_page_new_ul li:before{
  content: '\e630';
  font-family: 'icon';
  font-size: 25px;
  line-height: 30px;
  position: absolute;
  left: 0;
  top: 5px;
}

.news_page_relevant{

}
.news_page_relevant{
  padding: 20px 10px 0; 
}

.news_page_relevant h3{
  font-size: 18px;
  color: #666;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.news_page_relevant h3:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background: #FF3954;
}
.news_page_relevant_ul{
  
}

.news_page_relevant_ul li{
  padding: 5px 0;
  border-bottom: 1px dashed #ccc;
  overflow: hidden;
  position: relative;
}

.news_page_relevant_ul li a{
  font-size: 14px;
  color: #333;
  padding-left: 30px;
  display: block;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.news_page_relevant_ul li:before{
  content: '\e630';
  font-family: 'icon';
  font-size: 25px;
  line-height: 30px;
  position: absolute;
  left: 0;
  top: 5px;
}


/* 新闻详情 */


/*SEO浼樺寲*/

.seo_content{
  padding: 30px 0;
}

.seo_title{
  padding: 30px 0;
  text-align: center;
}
.seo_title h2{
  font-size: 38px;
  color: #666;
  font-weight: bold;
}

.seo_problem_main{
  padding: 30px 0;
}

.seo_problem_ul{
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.seo_problem_ul li{
  width: 50%;
  float: left;
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
}

.seo_problem_ul .img{
  display: block;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 1000px;
  border: 3px solid #1580e2;
  text-align: center;
  position: absolute;
  z-index: 99;
}

.seo_problem_ul .img i{
  font-size: 36px;
  color: #107de1;
  line-height: 80px;
}

.seo_problem_ul .txt{
  display: block;
  background: #f0f0f0;
  border-radius: 10px;
  width: 80%;
  height: 60px;
  margin-left: 20px;
  position: relative;
  top: 10px;
  color: #333;
  padding: 5px 0;
  padding-left: 80px
}

.seo_problem_ul .txt p{
  font-size: 15px;
  line-height: 25px;
  display: block;
  color: #666;
}








.seo_do{

}

.seo_do_main{
  text-align: center;
}

.seo_do_ul{
  text-align: center;
  display: inline-block;
}

.seo_do_ul li{
  padding: 0 30px;
  background: #eee;
  float: left;
}

.seo_do_ul li a{
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #333;
}
.seo_do_ul li.active{
  background: #e10000;
}
.seo_do_ul li.active a{
  color: #fff;
}
.seo_do_box{
  padding: 30px 0;
}

.seo_do_box .seo_box{
  display: none;
}

.seo_ad{

}

.seo_ad_main{

}

.seo_ad_ul{
  overflow: hidden;
}

.seo_ad_ul li{
  float: left;
  width: 50%;
  padding: 65px 20px;
  position: relative;
}

.seo_ad_ul li .img{
  position: absolute;
  top: 20px;
  left: 60px;
  width: 90px;   
  height: 90px;  
  padding: 20px;
  border: 4px solid #fff;
  background-color: #e10000;   
  transform:rotate(45deg);   
  -ms-transform:rotate(45deg); /* Internet Explorer */  
  -moz-transform:rotate(45deg); /* Firefox */   
  -webkit-transform:rotate(45deg); /* Safari 鍜?Chrome */   
  -o-transform:rotate(45deg); /* Opera */   
} 

.seo_ad_ul li .img i{
  font-size: 40px;
  line-height: 40px;
  color: #fff;
  display: inline-block;
  transform:rotate(-45deg);   
  -ms-transform:rotate(-45deg); /* Internet Explorer */  
  -moz-transform:rotate(-45deg); /* Firefox */   
  -webkit-transform:rotate(-45deg); /* Safari 鍜?Chrome */   
  -o-transform:rotate(-45deg); /* Opera */   
} 
.seo_ad_ul li .title{
  position: absolute;
  left: 180px;
  top: 30px;
}
.seo_ad_ul li .title p{
  color: #333;
  font-size: 24px;
  font-weight: bold;
  display: block;
}
.seo_ad_ul li .txt{
  height: 90px;
  width: 100%;
  background: #eee;
  padding: 20px 20px 20px 140px;
} 

.seo_ad_ul li .txt p{
  font-size: 14px;
  color: #000;
  display: block;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
} 


.seo_process{

}

.seo_process_main{

}

.seo_process_ul{
  overflow: hidden;
  text-align: center;
}

.seo_process_ul li{
  position: relative;
  text-align: center;
  display: inline-block;
  padding-right: 50px;
}

.seo_process_ul li:before{
  position: absolute;
  display: block;
  content: "\e60b";
  font-size: 30px;
  line-height: 30px;
  top: 40px;
  right: 10px;
  font-family: 'icon';
  color: #e10000;
}
.seo_process_ul img{
  display: block;
  height: 110px;
  width: auto;
  padding: 20px 30px;
}

.seo_process_ul p{
  
}
.seo_process_ul li:last-child{
  padding-right: 0;
}
.seo_process_ul li:last-child:before{
  display: none;
}

.seo_faq{
  padding: 50px;
  background: #f1f1f1;
}

.faq_list{

}

.faq_list_main{

}

.faq_list_ul{
  overflow: hidden;
}

.faq_list_ul li{
  margin-bottom: 25px;
}

.faq_list_ul li span{
  font-size: 15px;
  line-height: 22px;
  color: #666;
  display: block;
  padding-bottom: 7px;
  font-weight: bold;
}
.faq_list_ul li span i{
  float: left;
  padding-right: 5px;
  font-size: 20px;
  color: #000;
}
.faq_list_ul li p{
  font-size: 14px;
  line-height: 24px;
  color: #999;
  display: block;
  text-indent: 20px;
}

.faq_more{
  text-align: center;
}

.faq_more a{
  display: inline-block;
  color: #076bf2;
  border: 1px solid #076bf2;
  border-radius: 4px;
  width: 166px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  margin: 0 40px;
}
.faq_more a span{

}
.seo_case{
  padding: 50px 0 0;
}

.seo_case_main{
  padding: 20px 0;
}

.seo_case_ul{
  overflow: hidden;
  margin-bottom: 30px;
}


.seo_case_ul li{
  width: 25%;
  float: left;
  padding: 0 10px;
  margin-bottom: 30px;
}

.seo_case_ul li .img{
  position: relative;
}
.seo_case_ul li .img a{
  display: block;
  width: 100%;
  overflow: hidden;
}
.seo_case_ul li .img img{
  display: block;
  width: 100%;
  height: 200px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.seo_case_ul li:hover .img img{
  transform: scale(1.1);
}
.seo_case_ul li .txt{
  overflow: hidden;
  padding: 8px 0;
}
.seo_case_ul li .txt h2{
  font-size: 16px;
}
.seo_case_ul li .txt h2 a{
  font-size: 16px;
  color: #333;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: center;
}
.seo_case_ul li .img .txt_p{
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  padding:5px 15px;
  background: rgba(14,131,191,.8);
}
.seo_case_ul li .img .txt_p a{
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  display: inline-block;
  padding-left: 5px;
  width: auto;
}
.seo_case_ul li .img .txt_p:before{
  content: '\e63e';
  font-family: 'icon';
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
}

.seo_case_more{
  text-align: center;
}
.seo_case_more a{
  display: inline-block;
  font-size: 16px;
  color: #333;
  background: #eee;
  padding:0 30px;
  line-height: 50px;
  height: 50px;
}
.seo_case_more a:hover{
  background: #e10000;
  color: #fff;
  font-weight: bold;
}
/* SEO优化 */



/*瑙ｅ喅鏂规*/

.solution_content{
  background: #f3f3f3;
  padding: 30px;
}

.solution_list{

}

.solution_list_ul{

}


.solution_list_ul{
  overflow: hidden;
}
.solution_list_ul li{
  width: 32%;
  float: left;
  padding: 5px;
  background: #fff;
  margin-bottom: 20px;
}
.solution_list_ul li:nth-child(3n-1){
  margin: 0 2%;
}
.solution_list_ul li .img{
  width: 100%;
  display: block;
  height: 180px;
  max-height: 180px;
  overflow: hidden;
}

.solution_list_ul li .img a{
  width: 100%;
  display: block;
  height: 100%;
  overflow: hidden;
}

.solution_list_ul li .img img{
  width: 100%;
  display: block;
  height: 100%;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.solution_list_ul li .txt{
  padding: 10px 10px;
}

.solution_list_ul li .txt h2{
  font-size: 16px;
  line-height: 24px;
  color: #333;
}

.solution_list_ul li .txt h2 a{
  color: #333;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.solution_list_ul li .txt .solution_p{
  margin: 8px 0 0;
}

.solution_list_ul li .txt .solution_p p{
  display: block;
  font-size: 12px;
  height:40px;
  line-height: 20px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.solution_list_ul li:hover img{
  transform: scale(1.1);
}

.solution_list_ul li:hover .txt h2 a{
  color: #e10000;
}










/* 解决方案 */



/* 解决方案详情页 */

.solution_detail_content{
  background: #f3f3f3;
}

.solution_detail_main{
  background: #fff;
  padding: 30px 50px;
}

.solution_detail_info{

}

.solution_detail_title{
  overflow: hidden;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.solution_detail_title h1{
  font-size: 20px;
  line-height: 30px;
  color: #333;
  font-weight: bold;
  padding: 20px 0 20px;
}
.solution_detail_txt{

}

.solution_detail_txt p{
  font-size: 14px;
  line-height: 24px;
  display: block;
  color: #666;
}

.solution_detail_txt img{
  display: block;
  width: auto;
  margin: 10px auto;
  max-width: 80%;
}


/*瑙ｅ喅鏂规璇︽儏椤靛畬*/



/*鍏充簬鎴戜滑*/

.about_content{

}

.about_title{
  text-align: center;
  padding: 40px 0;
}

.about_title h1{
  font-size: 30px;
  font-weight: bold;
  color: #333;
}
.about_main{
  padding-bottom: 40px;
}
.about_main img{
	max-width:100%;
	height:auto !important;
}
.about_main p{
  display: block;
  font-size: 14px;
  line-height: 34px;
  text-indent:3rem;
}
/* 关于我们 */


/*鑱旂郴鎴戜滑*/
.contact_main{
  padding: 0 0 30px;
}
.contact_list{

}
.contact_list_ul{
  overflow: hidden;
  display: flex;
  flex-direction: row;
  padding: 30px 0;
}
.contact_list_ul li{
  float: left;
  width: calc(25% - 20px);
  margin: 0 10px;
  box-shadow: #ddd 1px 5px 8px 0px;
}
.contact_list_ul li .img{
  padding: 40px 0 20px;
  text-align: center;
}
.contact_list_ul li .img i{
  font-size: 50px;
  background: #e10000;
  border-radius: 50%;
  padding: 30px;
  line-height: 100px;
  color: #fff;
}
.contact_list_ul li .txt{
  text-align: center;
  padding: 20px;
}
.contact_list_ul li .txt h2{
  font-size: 18px;
  color: #666;
  font-weight: bold;
  margin-bottom: 10px;
}
.contact_list_ul li .txt p{
  font-size: 14px;
  color: #888888;
  line-height: 24px;
}
.contact_form {
  width:100%;
  margin: 0 auto;
  padding: 30px 0;
  background: #f7f7f7;
}
.contact_list_ul li:nth-child(1) .img i{
  background: #4562A8;
}
.contact_list_ul li:nth-child(2) .img i{
  background: #FFB850;
}
.contact_list_ul li:nth-child(3) .img i{
  background: #FF7D5F;
}
.contact_list_ul li:nth-child(4) .img i{
  background: #3CC6ED;
}
.contact_list_ul li:nth-child(-n+3){
  border-right-color: transparent;
}
.contact_form_title{

}
.contact_form_title h2{
  font-size: 30px;
  color: #333;
  font-weight: bold;
  line-height: 50px;
  margin-bottom: 30px;
}
.contact_form form {
  width: 100%;
  overflow: hidden;
}

.contact_form form input {
  width: calc(50% - 20px);
  float: left;
  height: 45px;
  padding: 0 15px;
  font-size: 14px;
  margin-bottom: 25px;
  border: 1px solid #ccc;
}

.contact_form form input:nth-child(even) {
  margin-left: 20px;
}

.contact_form form input:nth-child(odd) {
  margin-right: 20px;
}

.contact_form form textarea {
  width: 100%;
  height: 150px;
  padding: 10px 10px;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

.contact_form form .con_btn {
  display: inline-block;
  float: right;
  width: auto;
  height: 45px;
  line-height: 45px;
  background: #f24141;
  color: #fff;
  text-align: center;
  padding: 0 70px;
  margin: 0 !important;
}

.contact_form form .con_btn:hover{
  background: #e10000;
  color: #fff;
}

/* 联系我们 */




/*鏍囩澶у叏*/

.tag_content{
  padding: 30px 0;
}

.tag_list{
  margin-bottom: 30px;
  text-align: center;
}
.tag_list_ul{
  overflow: hidden;
  display: inline-block;
}
.tag_list_ul li{
  float: left;
  font-size: 16px;
  padding: 0 15px;
}
.tag_list_ul li a{
  font-size: 16px;
  padding: 10px 25px;
  background: #ccc;
  color: #fff;
  display: block;
}
.tag_list_ul li.active{
  
}
.tag_list_ul li.active a{
  background: #e10000;
}
.t_box_ul{
  overflow: hidden;
}

.t_box_ul li{
  float: left;
  padding: 0 10px;
  border-right: 1px solid #ccc;
  margin-bottom: 10px;
}

.t_box_ul li a{
  font-size: 15px;
  line-height: 16px;
  display: block;
  color: #666;
  text-transform: uppercase;
}

.t_box_ul li a:hover{
  color: #000;
  text-decoration: underline;
}

.tag_main{

}
.tag_main .t_box{
  display: none;
}



.tag_banner{
  background: url(../images/tag_banner.jpg) no-repeat;
  background-size: 100%;
  height: 300px;
  padding:80px 0;
  text-align: center;
}

.tag_banner h2{
  font-size: 24px;
  color: #fff;
  line-height: 30px;
  margin-bottom: 20px;
  font-weight: bold;
}

.tag_banner h3{
  font-size: 15px;
  color: #fff;
  line-height: 30px;
}

.statement{
  background: #fcf2e1;
  border: 1px solid #efd3b1;
  margin-top: 20px;
  padding: 10px;
}

.statement p{
  font-size: 14px;
  color: #555;
  line-height: 30px;
}
/*鍦ㄧ嚎瀹㈡湇*/
.keifu{
  position:fixed;
  top:10%;
  right:0;
  width:131px;
  _position:absolute;
  _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
  z-index:990;
}
.icon_keifu{
  width:26px;
  height:100px;
  float:left;
  background:url(../images/keifu.png) 0 0;
  position:relative;
  display:none;
  cursor:pointer;
}
.keifu_box{
  float:left;
  width:131px;
}
.keifu_head{
  width:131px;
  height:41px;
  background:url(../images/keifu.png);
  background-position: 0 -103px;
  font-size:0;
  position:relative;
}
.keifu_close:link,.keifu_close:visited{
  display:block;
  width:11px;
  height:11px;
  background:url(../images/keifu.png) -42px 0;
  position:absolute;
  top:5px;
  right:5px;
}
.keifu_close:hover{
  background-position:-60px 0;
}
.keifu_con{
  border-left:7px solid #029bdb;
  border-right:7px solid #029bdb;
  border-bottom:7px solid #029bdb;
  padding-top:5px;
  padding-bottom: 0px;
  background:#fbfbfb;
}
.keifu_con li{
  padding-left:10px;
  padding: 5px 
}
.keifu_con li a{
  overflow: hidden;
  display: block;
}

.keifu_con li a img{
  width: 20px;
  height: 20px;
  display: block;
  float: left;
}
.keifu_con li a p{
  font-size: 14px;
  line-height: 20px;
  display: block;
  float: left;
  padding-left: 5px;
}
.keifu_con .weixin{
  
}
.keifu_con .weixin img{
  height: 96px;
  display: block;
  width: 96px;
}
.keifu_con .weixin p{
  font-size: 14px;
  line-height: 20px;
  display: block;
  text-align: center;
}
.keifu_con .bt{
  font-size:16px;
  height:30px;
  line-height:30px;
  text-align:left;
  padding:0 0 0 20px;
  color:#012646;
}
.keifu_bot{
  width:131px;
  height:119px;
  background:url(../images/keifu.png);
  background-position:0 -149px;
}

.top {
  position: fixed;
  right: 30px;
  bottom: 50px;
  z-index: 99999999;
}

.icon-top:before {
  font-family: "icon" !important;
  speak: none;
  font-size: 30px;
  line-height: 50px;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  display: block;
  -webkit-font-smoothing: antialiased;
}
.icon-top:before {
  content: "\e60c";
}

.icon-top {
  display: inline-block;
  font-size: 0;
  cursor: pointer;
  margin: 15px 30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #fff;
}

.icon-top {
  background: rgba(151, 159, 208, .5);
  -webkit-transition: -webkit-transform ease-out .1s, background .2s;
  -moz-transition: -moz-transform ease-out .1s, background .2s;
  transition: transform ease-out .1s, background .2s
}
.icon-top:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.icon-top:after {
  top: 0;
  left: 0;
  padding: 0;
  z-index: -1;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .1);
  opacity: 0;
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9)
}

.icon-top:hover {
  background: rgba(255, 255, 255, .2);
  -webkit-transform: scale(.93);
  -moz-transform: scale(.93);
  -ms-transform: scale(.93);
  transform: scale(.93);
  color: #102189;
}

.icon-top:hover:after {
  -webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;
  -moz-animation: sonarEffect 1.3s ease-out 75ms infinite;
  animation: sonarEffect 1.3s ease-out 75ms infinite;
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: .3
  }
  40% {
    opacity: .5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, .5)
  }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, .5);
    -moz-transform: scale(1.5);
    opacity: 0
  }
}

@keyframes sonarEffect {
  0% {
    opacity: .3
  }
  40% {
    opacity: .5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, .5)
  }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, .5);
    transform: scale(1.5);
    opacity: 0
  }
}

/*缃戠珯寤鸿鎷涘晢*/

.wensite_content{
  padding: 40px 0 0;
}

.w_main_title{
  position: relative;
  border-top: 1px solid #e10000;
  padding: 20px 0;
  margin-bottom: 50px;
}

.w_main_title h2{
  position: absolute;
  font-size: 36px;
  line-height: 40px;
  padding: 0 70px;
  transform: translateX(-50%);
  left: 50%;
  top: -20px;
  background: #fff;
}

.w_main_title h2:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/website_line.png) no-repeat left center;
  height: 41px;
  width: 29px;
}
.w_main_title h2:after{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/website_line.png) no-repeat right center;
  height: 41px;
  width: 29px;
}
.w_main1,.w_main2,.w_main3,.w_main4,.w_main5{
  padding: 60px 0;
}
.w_main1_list{
  text-align: center;
}

.w_main1_ul{
  overflow: hidden;
  padding: 0 100px;
}

.w_main1_ul li{
  float: left;
  width: 20%;
  padding: 0 13px;
  text-align: center;
  overflow: hidden;
}

.w_main1_ul_info{
  overflow: hidden;
  display: inline-block;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.w_main1_ul_info h2{
  font-size: 50px;
  font-weight: bold;
  color: #333;
  line-height: 50px;
  display: inline-block;
}

.w_main1_ul_info p{
  font-size: 24px;
  display: inline-block;
  color: #333;
  line-height: 20px;
  margin-left: 7px;
}

.w_main1_ul span{
  float: left;
  width: 100%;
  font-size: 16px;
}









.w_main2_list{
  
}


.w_main2_ul{
  overflow: hidden;
}

.w_main2_ul li{
  width: 25%;
  float: left;
  padding: 0 5px;
}
.w_main2_ul li .txt{
  padding: 40px 0 100px;
  text-align: center;
  background: #999999;
  position: relative;
}
.w_main2_ul li .txt h3{
  font-size: 18px;
  color: #fff;
  line-height: 20px;
}

.w_main2_ul li .txt .img{
  position: absolute;
  bottom: -68px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255,255,255,.25);
  border-radius: 50%;
  padding: 10px;
  z-index: 9999;
}
.w_main2_ul li .txt .img .img_img{
  background: #fff;
  border-radius: 50%;
}
.w_main2_ul li .txt .img img{
  padding: 19.5px;
  display: block;
  
}
.w_main2_ul .txt_p{
  padding: 100px 10px 100px;
  background: #f4f5f9;
  text-align: center;
}
.w_main2_ul .txt_p p{
  font-size: 16px;
  color: #232323;
  line-height: 30px;
  display: block;
  height: 90px;
}

.w_main2_ul li:nth-child(even) .txt{
  background: #af2121;
}

.w_main3_list{

}

.w_main3_ul{
  overflow: hidden;
}

.w_main3_ul li{
  float: left;
  width: 25%;
  padding: 0 10px;
}

.w_main3_ul li .img{
  display: block;
}

.w_main3_ul li .img img{
  display: block;
  margin: 0 auto;
}

.w_main3_ul li .txt{
  text-align: center;
}
.w_main3_ul li .txt p{
  font-size: 18px;
  color: #232323;
  padding: 25px 0;
  display: block;
  font-weight: bold;
}
.w_main3_ul li .txt span{
  color: #232323;
  font-size: 16px;
  line-height: 24px;
  display: block;
}

.w_main4{
  background-image: linear-gradient(270deg, #12438f, #26a3ff);
}

.w_main4 .img{
  float: left;
  width: 50%;
}

.w_main4 .img img{
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.w_main4 .txt{
  float: left;
  width: 50%;
  padding: 60px 0 0;
}

.w_main4 .txt h2{
  font-size: 36px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 70px;
}
.w_main4 .txt p{
  font-size: 16px;
  color: #fff;
  display: block;
  line-height: 24px;
}
.w1550{
  width: 100%;
  max-width: 1550px;
  margin: 0 auto;
  overflow: hidden;
}
.w_main5_list{
  background: url(../images/w_main5.png) no-repeat center;
}

.w_main5_ul{
  overflow: hidden;
}

.w_main5_ul li{
  overflow: hidden;
  padding: 10px 0;
  width: 48%;
  border-bottom: 1px solid #bfbfbf;
  float: left;
  margin-bottom: 20px;
}

.w_main5_ul li:nth-child(even){
  margin-left: 2%;
}
.w_main5_ul li:nth-child(odd){
  margin-right: 2%;
}
.w_main5_ul .txt{
  float: left;
  width: calc(100% - 80px);
}

.w_main5_ul .txt p{
  color: #232323;
  font-size: 18px;
  display: block;
  line-height: 24px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
}

.w_main5_ul .txt span{
  font-size: 16px;
  color: #232323;
  display: block;
  line-height: 30px;
}

.w_main5_ul .img{
  float: right;
  width: 70px;
}

.w_main5_ul .img img{
  display: block;
  width: 70px;
  height: 69px;
}

.w_main6{
  background: #5e5e5e;
  padding: 40px 0 20px;
  text-align: center;
}

.w_main6 h3{
  font-size: 23px;
  color: #fff;
  margin-bottom: 20px;
}

.w_main6 a{
  font-size: 18px;
  color: #fff;
  background: #af2121;
  padding: 10px 30px;
  display: inline-block;
  border-radius: 10px;
}

.sm_foot{
  display: none;
}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:瀹嬩綋}
.text-secondary{ text-align:center; padding:20px 0}

#maximg img{ max-width:100%; height:auto !important}

/* Product detail layout */
.case_detail_content{
  background: #f6f7f8;
}

.case_detail_content > .w1200{
  width: calc(100% - 32px);
  max-width: 1400px;
}

.travel_product_hero{
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
  gap: 24px;
  padding: 20px;
  border: 1px solid #e4e7ea;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(35, 54, 63, .04);
}

.travel_product_cover{
  position: relative;
  min-width: 0;
  aspect-ratio: 1.55 / 1;
  overflow: hidden;
  background: #e9edef;
}

.travel_product_cover img,
.travel_product_cover_placeholder{
  display: block;
  width: 100%;
  height: 100%;
}

.travel_product_cover img{
  object-fit: cover;
  transition: transform .35s ease;
}

.travel_product_cover:hover img{
  transform: scale(1.025);
}

.travel_product_cover_placeholder{
  background: #edf1f3;
}

.travel_product_summary{
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 2px 0;
}

.travel_product_summary h1{
  position: relative;
  margin: 0;
  padding: 0 0 18px 20px;
  color: #2d3338;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.45;
  word-break: break-word;
}

.travel_product_summary h1:before{
  position: absolute;
  top: 2px;
  bottom: 18px;
  left: 0;
  width: 2px;
  background: #df4d22;
  content: '';
}

.travel_product_highlight{
  display: flex;
  gap: 8px;
  min-width: 0;
  padding: 0 0 17px;
  border-bottom: 1px dashed #e6b69f;
  color: #73777b;
  font-size: 15px;
  line-height: 24px;
}

.travel_product_highlight > span:last-child{
  min-width: 0;
  word-break: break-word;
}

.travel_product_highlight_label{
  flex: 0 0 auto;
  color: #e6541e;
}

.travel_product_tagline{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 0 12px;
  color: #6f7477;
  font-size: 14px;
  line-height: 22px;
}

.travel_product_tagline span{
  flex: 0 0 auto;
  color: #168e98;
}

.travel_product_tagline strong{
  padding: 2px 10px;
  border-radius: 3px;
  color: #fff;
  background: #ef6d67;
  font-weight: 400;
}

.travel_product_stats{
  display: flex;
  align-items: stretch;
  min-height: 84px;
  border-bottom: 1px dashed #e6b69f;
}

.travel_product_stat{
  display: flex;
  min-width: 90px;
  flex-direction: column;
  justify-content: center;
  padding: 10px 22px 10px 0;
  border-right: 1px solid #e4e4e4;
}

.travel_product_stat strong{
  color: #5a5e61;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
}

.travel_product_stat span{
  color: #8b8e91;
  font-size: 13px;
  line-height: 22px;
}

.travel_product_booking{
  display: flex;
  align-items: baseline;
  min-width: 0;
  padding: 0 22px;
  color: #777b7e;
  font-size: 14px;
  line-height: 24px;
  white-space: nowrap;
}

.travel_product_booking strong{
  padding: 0 4px;
  color: #df4d22;
  font-size: 22px;
}

.travel_product_price{
  display: flex;
  align-items: baseline;
  margin-left: auto;
  padding-left: 22px;
  color: #df4d22;
  white-space: nowrap;
}

.travel_product_price span{
  font-size: 16px;
}

.travel_product_price strong{
  font-size: 35px;
  font-weight: 700;
  line-height: 1;
}

.travel_product_meta{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 22px;
  padding-top: 18px;
}

.travel_product_meta_item{
  display: flex;
  gap: 10px;
  min-width: 0;
  padding: 0 0 14px;
  color: #85898c;
  font-size: 15px;
  line-height: 24px;
}

.travel_product_meta_item span{
  flex: 0 0 auto;
}

.travel_product_meta_item strong{
  min-width: 0;
  color: #555b5f;
  font-weight: 400;
  word-break: break-word;
}

.travel_product_actions{
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin-top: auto;
  padding-top: 18px;
}

.travel_product_booking_button,
.travel_product_phone_button{
  box-sizing: border-box;
  min-height: 58px;
  border-radius: 4px;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.travel_product_booking_button{
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  gap: 12px;
  padding: 9px 15px;
  color: #fff;
  background: #df4d22;
  box-shadow: 0 8px 18px rgba(223, 77, 34, .20);
}

.travel_product_booking_button:hover,
.travel_product_booking_button:focus{
  color: #fff;
  background: #c9401b;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 11px 22px rgba(223, 77, 34, .28);
}

.travel_product_booking_button > .icon:first-child{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #df4d22;
  background: #fff;
  font-size: 18px;
  flex: 0 0 34px;
}

.travel_product_booking_button_text{
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.travel_product_booking_button_text strong{
  color: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}

.travel_product_booking_button_text small{
  overflow: hidden;
  color: rgba(255, 255, 255, .82);
  font-size: 12px;
  line-height: 17px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.travel_product_booking_arrow{
  margin-left: auto;
  font-size: 17px;
  flex: 0 0 auto;
}

.travel_product_phone_button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 142px;
  padding: 0 14px;
  border: 1px solid #e4a086;
  color: #c94a25;
  background: #fffaf7;
  font-size: 14px;
  white-space: nowrap;
}

.travel_product_phone_button:hover,
.travel_product_phone_button:focus{
  color: #b53d1c;
  background: #fff2eb;
  text-decoration: none;
}

.travel_product_phone_button .icon{
  font-size: 16px;
}

.travel-booking-modal{
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(25, 35, 39, .68);
}

.travel-booking-modal-box{
  position: relative;
  width: min(360px, 100%);
  box-sizing: border-box;
  padding: 30px 28px 25px;
  border-radius: 6px;
  color: #42565b;
  background: #fff;
  text-align: center;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .20);
}

.travel-booking-modal-close{
  position: absolute;
  top: 9px;
  right: 12px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  color: #7b878b;
  background: transparent;
  cursor: pointer;
  font-size: 25px;
  line-height: 32px;
}

.travel-booking-modal-close:hover,
.travel-booking-modal-close:focus{
  color: #df4d22;
}

.travel-booking-modal-kicker{
  display: block;
  margin-bottom: 5px;
  color: #bf7c39;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.travel-booking-modal-box h3{
  margin: 0;
  color: #29474d;
  font-size: 22px;
  line-height: 30px;
}

.travel-booking-modal-box p{
  margin: 8px 0 16px;
  color: #778286;
  font-size: 13px;
  line-height: 22px;
}

.travel-booking-modal-box img{
  display: block;
  width: 220px;
  height: 220px;
  max-width: 100%;
  margin: 0 auto 12px;
  object-fit: contain;
}

.travel-booking-modal-box > strong{
  color: #5b6b70;
  font-size: 13px;
  font-weight: 400;
}

.travel_product_description{
  margin: 34px 0 8px;
  padding: 28px 30px 30px;
  border: 1px solid #e4e7ea;
  border-radius: 4px;
  background: #fff;
}

.travel_product_section_heading{
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 2px solid #e3ecec;
}

.travel_product_section_heading span{
  color: #bf7c39;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  line-height: 18px;
}

.travel_product_section_heading h2{
  margin: 0;
  color: #29474d;
  font-size: 22px;
  line-height: 30px;
}

.travel_product_description_body{
  color: #566267;
}

.travel_product_description_body img{
  max-width: 100%;
}

@media all and (max-width: 900px){
  .travel_product_hero{
    grid-template-columns: 1fr;
  }

  .travel_product_cover{
    aspect-ratio: 1.6 / 1;
  }

  .travel_product_summary h1{
    font-size: 23px;
  }
}

/* Travel card refresh: keep every card aligned when titles or values vary. */
.in_case_box_ul,
.case_content .case_all_ul{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px 20px;
  overflow: visible;
}

.in_case_box_ul>li,
.case_content .case_all_ul>li{
  display: flex;
  width: auto !important;
  min-width: 0;
  min-height: 100%;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #e7eaed;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(31, 48, 60, .08);
  transition: transform .25s ease, box-shadow .25s ease;
}

.in_case_box_ul>li:hover,
.case_content .case_all_ul>li:hover{
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(31, 48, 60, .14);
}

.in_case_box_ul>li .img,
.case_content .case_all_ul>li .img{
  flex: 0 0 auto;
}

.in_case_box_ul>li .img>a,
.case_content .case_all_ul>li .img>a{
  aspect-ratio: 1.42 / 1;
  background: #f1f3f5;
}

.in_case_box_ul .img a img,
.case_content .case_all_ul .img a img{
  width: 100%;
  height: 100% !important;
  border: 0;
  object-fit: cover;
}

.in_case_box_ul li .txt,
.case_content .case_all_ul li .txt{
  display: flex;
  min-width: 0;
  min-height: 228px;
  padding: 18px 20px 16px;
  flex: 1 1 auto;
  flex-direction: column;
  background: #ffffff;
}

.in_case_box_ul li .txt h2,
.case_content .case_all_ul li .txt h2{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 31px;
  margin: 0 0 14px;
}

.in_case_box_ul li .txt h2 a,
.case_content .case_all_ul li .txt h2 a{
  display: block;
  width: auto;
  min-width: 0;
  float: none;
  overflow: hidden;
  color: #28343b;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.in_case_box_ul li .txt h2 p,
.case_content .case_all_ul li .txt h2 p{
  width: auto;
  margin: 0;
  float: none;
  color: #8c969d;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
  white-space: nowrap;
}

.in_case_box_ul li .txt h2 p span,
.case_content .case_all_ul li .txt h2 p span{
  color: #5d6971;
  font-size: 20px;
  font-weight: 700;
}

.in_case_box_ul li .txt_p,
.case_content .case_all_ul li .txt_p{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(32px, auto));
  gap: 8px 18px;
  min-width: 0;
  margin: 0;
  padding: 0 0 14px;
  border-bottom: 1px solid #e1e5e8;
  align-items: center;
}

.in_case_box_ul li .txt_p li,
.case_content .case_all_ul li .txt_p li{
  display: flex;
  align-items: center;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  float: none;
}

.in_case_box_ul li .txt_p li p,
.case_content .case_all_ul li .txt_p li p{
  display: block;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #5d6971;
  font-size: 16px;
  line-height: 28px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.in_case_box_ul li .txt_p li p span,
.case_content .case_all_ul li .txt_p li p span{
  color: #d84d45;
  font-size: 20px;
  font-weight: 600;
}

.in_case_box_ul .txt .txt_more,
.case_content .case_all_ul .txt .txt_more{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 52px;
  margin-top: auto;
  padding-top: 13px;
}

.in_case_box_ul .txt .txt_more p,
.case_content .case_all_ul .txt .txt_more p{
  display: inline-flex;
  align-items: center;
  align-self: center;
  max-width: 100%;
  min-height: 36px;
  min-width: 0;
  margin: 0;
  padding: 6px 12px;
  overflow: hidden;
  border: 1px solid #e84b4b;
  border-radius: 4px;
  background: #e84b4b;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.in_case_box_ul .txt .txt_more .wechat-btn,
.case_content .case_all_ul .txt .txt_more .wechat-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 104px;
  padding: 7px 12px;
  float: none;
  border: 1px solid #e84b4b;
  border-radius: 4px;
  background: #ffffff;
  color: #e84b4b;
  font-size: 15px;
  line-height: 1.3;
  white-space: nowrap;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.in_case_box_ul .txt .txt_more .wechat-btn:hover,
.case_content .case_all_ul .txt .txt_more .wechat-btn:hover{
  border-color: #d83f3f;
  background: #fff5f5;
  color: #d83f3f;
  transform: translateY(-1px);
}

.in_case_box_ul .txt .txt_more .wechat-btn i,
.case_content .case_all_ul .txt .txt_more .wechat-btn i{
  display: inline-block;
  margin: 0;
  float: none;
  color: #e84b4b;
  font-size: 18px;
  line-height: 1;
}


/* ================= 本轮新增：轮播 / 行前必读 / 标签板 / 分页 ================= */

/* ---------- 通用轮播组件（定制师、车队） ---------- */
.carousel{position:relative}
.car-viewport{overflow:hidden;margin:0 -9px}
.carousel .car-track{display:flex;list-style:none;margin:0;padding:0;overflow-x:auto;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.carousel .car-track::-webkit-scrollbar{display:none}
.carousel .car-slide{flex:0 0 25%;padding:0 9px;box-sizing:border-box;scroll-snap-align:start}
.car-arrow{position:absolute;top:38%;transform:translateY(-50%);z-index:3;
  width:40px;height:40px;border-radius:50%;border:1px solid var(--line-d);background:#fff;
  color:var(--ink);font-size:22px;line-height:1;cursor:pointer;box-shadow:var(--shadow);
  transition:.18s;display:inline-flex;align-items:center;justify-content:center;font-family:inherit}
.car-arrow:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.car-prev{left:-6px}
.car-next{right:-6px}
.car-dots{display:flex;justify-content:center;gap:7px;margin-top:18px}
.car-dots i{width:8px;height:8px;border-radius:999px;background:var(--line-d);cursor:pointer;
  transition:.2s;display:block}
.car-dots i.on{background:var(--brand);width:24px}
@media (max-width:1100px){.carousel .car-slide{flex:0 0 50%}}
@media (max-width:640px){
  .carousel .car-slide{flex:0 0 100%}
  .car-arrow{width:34px;height:34px;font-size:19px}
  .car-prev{left:-4px}.car-next{right:-4px}
}

/* ---------- 行前必读：攻略 / 常见问题（上下两块） ---------- */
.read-block{background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);overflow:hidden;margin-bottom:20px}
.read-block:last-child{margin-bottom:0}
.rb-head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 20px;border-bottom:1px solid var(--line);background:var(--bg-soft)}
.rb-head h3{font-size:18px;margin:0;display:inline-flex;align-items:center;gap:9px}
.rb-ico{width:28px;height:28px;flex:0 0 28px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:8px;background:var(--bg-tint);border:1px solid var(--brand-l)}
.rb-ico svg{width:16px;height:16px;fill:none;stroke:var(--brand);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.rb-more{font-size:13px;color:var(--brand);white-space:nowrap}
.rb-more:hover{text-decoration:underline}
.rb-list{list-style:none;margin:0;padding:6px 22px 12px;display:grid;
  grid-template-columns:1fr 1fr;gap:0 34px}
.rb-list li{display:flex;align-items:center;gap:9px;padding:9px 0;
  border-bottom:1px dashed var(--line);font-size:14px;min-width:0}
.rb-list li .n{flex:0 0 20px;height:20px;border-radius:5px;background:var(--bg-tint);
  color:var(--brand-d);font-size:11px;font-weight:700;display:inline-flex;
  align-items:center;justify-content:center}
.rb-list li:nth-child(-n+3) .n{background:var(--accent);color:#fff}
.rb-list li a{flex:1 1 auto;min-width:0;color:var(--ink);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.rb-list li a:hover{color:var(--brand)}
.rb-list li .dt{flex:0 0 auto;font-size:12px;color:var(--gray)}
.faq-box{padding:4px 22px 10px}
.faq-box .faq-item{border:0;border-radius:0;margin-bottom:0}
.faq-box .faq-item summary{padding:14px 0;border-bottom:1px dashed var(--line);font-size:14.5px}
@media (max-width:760px){
  .rb-list{grid-template-columns:1fr}
  .rb-head{padding:12px 14px}
  .rb-list{padding:4px 14px 10px}
  .faq-box{padding:2px 14px 8px}
}

/* ---------- 标签板（可收录的 /tag/xxx.html 聚合页入口） ---------- */
.tag-board{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.tag-board a{display:inline-flex;align-items:center;padding:8px 16px;border-radius:9px;
  font-size:13.5px;color:var(--ink-2);background:#fff;border:1px solid var(--line);transition:.18s}
.tag-board a::before{content:"#";color:var(--brand-l);font-weight:700;margin-right:3px}
.tag-board a:hover{background:var(--brand);border-color:var(--brand);color:#fff;transform:translateY(-2px)}
.tag-board a:hover::before{color:rgba(255,255,255,.85)}

/* ---------- 「大家都在搜这些」：每个 tag 一种亮色 ---------- */
.tag-colorful{gap:10px}
.tag-colorful a{border:1px solid transparent;font-weight:500;transition:.18s}
.tag-colorful a:nth-child(8n+1){background:#E6F6FE;border-color:#B9E5FA;color:#0B74A6}
.tag-colorful a:nth-child(8n+2){background:#FFF1E3;border-color:#FBD5AE;color:#B65C14}
.tag-colorful a:nth-child(8n+3){background:#E8F8EC;border-color:#BEE9CB;color:#1F7A45}
.tag-colorful a:nth-child(8n+4){background:#F3EEFF;border-color:#D9CDF7;color:#6244B8}
.tag-colorful a:nth-child(8n+5){background:#FDECEF;border-color:#F8C7D1;color:#B93B57}
.tag-colorful a:nth-child(8n+6){background:#FFF9DC;border-color:#F5E6A2;color:#97740C}
.tag-colorful a:nth-child(8n+7){background:#E6F4F1;border-color:#BEE0D9;color:#0F6C5C}
.tag-colorful a:nth-child(8n+8){background:#EDF1FA;border-color:#CBD5EE;color:#38497F}
.tag-colorful a:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,40,58,.12);
  filter:saturate(1.15)}

/* ---------- 分页：加大点击区、当前页高亮、间距拉开 ---------- */
.pagination{gap:8px;margin:34px 0 0}
.pagination li a,.pagination li span,.pagination>span>a{
  min-width:38px;height:38px;padding:0 12px;border-radius:9px;border:1px solid var(--line-d);
  background:#fff;color:var(--ink-2);font-size:14px;line-height:36px;text-align:center;
  display:inline-block;text-decoration:none;transition:.16s}
.pagination li a:hover,.pagination>span>a:hover{
  border-color:var(--brand);color:var(--brand);background:var(--bg-tint)}
.pagination li.active span,.pagination a.page-num-current{
  background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700;line-height:36px;
  box-shadow:0 4px 12px rgba(27,160,220,.28)}
.pagination .page-status,.pagination .page-none{border:0;background:none;line-height:38px;padding:0 4px}

/* ===== 搜索页 search-hero 重构 ===== */
.search-hero{padding:38px 0 30px;
  background:linear-gradient(135deg,#eaf6fd 0%,#f6fbfe 45%,#fdf4ee 100%);
  border-bottom:1px solid var(--line)}
.search-hero h1{font-size:30px;line-height:1.25;margin:0 0 10px;letter-spacing:.5px}
.search-hero h1 b{color:var(--brand)}
.sh-sub{color:var(--gray);font-size:14px;margin:0 0 22px}

.sh-form{display:flex;align-items:stretch;max-width:720px;margin:0 auto;
  background:#fff;border:2px solid var(--brand-l);border-radius:999px;
  box-shadow:0 8px 24px rgba(27,160,220,.14);overflow:hidden;transition:border-color .18s,box-shadow .18s}
.sh-form:focus-within{border-color:var(--brand);box-shadow:0 10px 30px rgba(27,160,220,.24)}
.sh-icon{flex:0 0 52px;display:flex;align-items:center;justify-content:center}
.sh-icon svg{width:21px;height:21px;fill:none;stroke:var(--brand);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
.sh-form input[type=text]{flex:1 1 auto;min-width:0;border:none;outline:none;background:transparent;
  height:52px;font-size:16px;color:var(--ink);padding:0 6px}
.sh-form input[type=text]::placeholder{color:#a9b4bd}
.sh-form button[type=submit]{flex:0 0 auto;border:none;cursor:pointer;
  height:52px;padding:0 34px;font-size:16px;font-weight:600;letter-spacing:1px;color:#fff;
  background:linear-gradient(135deg,var(--brand),var(--brand-d));transition:filter .18s}
.sh-form button[type=submit]:hover{filter:brightness(1.07)}

.sh-scope{max-width:720px;margin:16px auto 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  justify-content:center}
.sh-scope .st-label{font-size:13px;color:var(--gray);margin-right:2px}
.scope-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;justify-content:center}
.scope-tabs a{padding:6px 14px;font-size:13px;border-radius:999px;color:var(--ink-2);
  background:rgba(255,255,255,.9);border:1px solid var(--line);transition:.16s}
.scope-tabs a:hover{color:var(--brand-d);border-color:var(--brand-l);background:#fff}
.scope-tabs a.on{color:#fff;background:var(--brand);border-color:var(--brand);font-weight:600}

.sh-hot{max-width:720px;margin:14px auto 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  justify-content:center;font-size:13px;color:var(--gray)}
.sh-hot a{color:var(--ink-2);background:#fff;border:1px dashed var(--line-d);border-radius:999px;
  padding:4px 12px;transition:.16s}
.sh-hot a:hover{color:var(--accent);border-color:var(--accent-l);background:#fff8f5}

/* 结果统计条 */
.search-stat{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:12px;
  box-shadow:var(--shadow);margin-bottom:24px}
.search-stat h2{font-size:16px;font-weight:600;margin:0}
.search-stat h2 b{color:var(--price);font-size:19px;margin:0 3px}
.search-stat .ss-all{font-size:13px;color:var(--brand)}

/* 结果分组标题 */
.res-group{margin:0 0 30px}
.res-head{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding-left:12px;
  border-left:4px solid var(--brand);line-height:1.2}
.res-head.art{border-left-color:var(--accent)}
.res-head h3{font-size:19px;font-weight:700;margin:0;letter-spacing:.5px}
.res-head .rh-en{font-size:12px;color:var(--gray);letter-spacing:1px;text-transform:uppercase}
.res-head .rh-num{font-size:13px;color:var(--gray);margin-left:2px}
.res-head::after{content:"";flex:1 1 auto;height:1px;background:var(--line);margin-left:6px}
.res-empty{padding:22px 24px;background:var(--bg-soft);border:1px dashed var(--line-d);
  border-radius:10px;color:var(--gray);font-size:14px}

/* 产品结果：改为 2 列大卡，图 + 信息横向排布 */
.tag-result.pro-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.tag-result .tag-pro{display:flex;gap:14px;padding:12px;background:#fff;border:1px solid var(--line);
  border-radius:12px;text-decoration:none;color:inherit;transition:.18s;overflow:hidden}
.tag-result .tag-pro:hover{border-color:var(--brand-l);box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.tag-result .tp-pic{flex:0 0 150px;position:relative;border-radius:9px;overflow:hidden;background:var(--bg-tint)}
.tag-result .tp-pic img{display:block;width:100%;height:106px;object-fit:cover}
.tag-result .tp-badge{position:absolute;left:0;bottom:0;padding:2px 9px;font-size:12px;color:#fff;
  background:rgba(0,0,0,.52);border-radius:0 8px 0 0}
.tag-result .tp-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.tag-result .tp-body h3{font-size:15px;font-weight:600;margin:2px 0 6px;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tag-result .tp-desc{font-size:13px;color:var(--gray);margin:0 0 8px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tag-result .tp-params{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:auto}
.tag-result .tp-params .pm{font-size:12px;color:var(--ink-2);background:var(--bg-soft);
  border-radius:5px;padding:3px 8px}
.tag-result .tp-params .pm i{font-style:normal;color:var(--gray);margin-right:3px}
.tag-result .tp-foot{display:flex;align-items:baseline;gap:10px;margin-top:10px;flex-wrap:wrap}
.tag-result .tp-price{color:var(--price);font-weight:700}
.tag-result .tp-price small{font-size:12px}
.tag-result .tp-price b{font-size:20px;margin:0 1px}
.tag-result .tp-price em{font-style:normal;font-size:12px;font-weight:400;color:var(--gray)}
.tag-result .tp-sort{font-size:12px;color:var(--gray);margin-left:auto}

/* 文章结果：一行一条，日期 + 标题 + 摘要 */
.tag-result.art-list{display:flex;flex-direction:column;gap:10px}
.tag-result .tag-art{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:14px;
  padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:10px;
  text-decoration:none;color:inherit;transition:.16s}
.tag-result .tag-art:hover{border-color:var(--accent-l);background:#fffaf7;transform:translateX(3px)}
.tag-result .ta-date{font-size:13px;color:var(--gray);font-variant-numeric:tabular-nums}
.tag-result .ta-title{font-size:15px;font-weight:600;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tag-result .ta-desc{display:none}
.tag-result .ta-sort{font-size:12px;color:#fff;background:var(--accent-l);border-radius:5px;padding:3px 9px;
  white-space:nowrap}

@media (max-width:900px){
  .search-hero{padding:28px 0 22px}
  .search-hero h1{font-size:23px}
  .tag-result.pro-list{grid-template-columns:1fr}
}
@media (max-width:640px){
  .sh-form{border-radius:12px;flex-wrap:wrap}
  .sh-icon{flex:0 0 44px}
  .sh-form input[type=text]{height:46px;font-size:15px}
  .sh-form button[type=submit]{flex:1 1 100%;height:46px;border-radius:0 0 10px 10px}
  .tag-result .tag-pro{flex-direction:column}
  .tag-result .tp-pic{flex:none}
  .tag-result .tp-pic img{height:150px}
  .tag-result .tag-art{grid-template-columns:1fr;gap:6px}
  .tag-result .ta-title{white-space:normal}
  .tag-result .ta-sort{justify-self:start}
}

/* ===== 目的地筛选：三级景点/城市面板全量平铺（去掉滚动条） ===== */
.df-row-3{align-items:flex-start;padding:6px 0 16px;border-bottom:0}
.df-row-3 .df-k{flex:0 0 92px;padding-top:14px}

/* 大区分区标题 */
.df-row-3 .df-zone{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:6px 0 2px}
.df-row-3 .df-zone b{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:.5px}
.df-row-3 .df-zone i{flex:1 1 auto;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
.df-row-3 .df-zone em{font-style:normal;font-size:12px;color:var(--gray)}
.df-row-3 .df-zone[data-zone="北疆"] b{color:#1BA0DC}
.df-row-3 .df-zone[data-zone="南疆"] b{color:#D1563C}
.df-row-3 .df-zone[data-zone="东疆"] b{color:#2E9E6B}

/* 网格平铺：每个地区一张小卡 */
.df-row-3 .df-v{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
  max-height:none;overflow:visible;padding:10px 16px 4px 6px}
.df-row-3 .df-group{margin:0;padding:12px 13px 13px;background:#fff;
  border:1px solid var(--line);border-radius:10px;transition:.18s}
.df-row-3 .df-group:hover{border-color:var(--brand-l);box-shadow:var(--shadow)}
.df-row-3 .df-glab{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;
  color:var(--ink);margin:0 0 9px;padding:0 0 8px;border-bottom:1px dashed var(--line)}
.df-row-3 .df-glab::before{content:"";width:4px;height:14px;border-radius:2px;background:var(--brand)}
.df-row-3 .df-group[data-zone="南疆"] .df-glab::before{background:var(--accent)}
.df-row-3 .df-group[data-zone="东疆"] .df-glab::before{background:#2E9E6B}
.df-row-3 .df-glab em{font-style:normal;margin-left:auto;font-size:11.5px;font-weight:400;color:var(--gray)}

.df-row-3 .df-items{display:flex;flex-wrap:wrap;gap:6px}
.df-row-3 .df-items a{margin:0;padding:4px 10px;border:1px solid var(--line);border-radius:6px;
  font-size:12.5px;color:var(--ink-2);text-decoration:none;background:var(--bg-soft);
  transition:.16s;line-height:1.5}
.df-row-3 .df-items a em{margin-left:4px;font-size:11px;font-style:normal;color:#a3adba}
.df-row-3 .df-items a:hover{border-color:var(--brand);color:var(--brand-d);background:#fff}
.df-row-3 .df-items a.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.df-row-3 .df-items a.on em{color:rgba(255,255,255,.8)}

/* 收起 / 展开（默认全展开，点击标题栏可折叠整块，方便短屏浏览） */
.df-toggle{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--brand);
  background:none;border:none;cursor:pointer;padding:2px 0}
.df-toggle:hover{color:var(--brand-d);text-decoration:underline}
.dest-filter.is-fold .df-row-3 .df-v{display:none}
.dest-filter.is-fold .df-row-3 .df-k{padding-bottom:0}

@media (max-width:1100px){
  .df-row-3 .df-v{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .df-row-3 .df-k{flex:none;display:flex;align-items:center;justify-content:space-between;
    width:100%;padding:10px 14px 0}
  .df-row-3 .df-v{grid-template-columns:1fr;gap:10px;padding:8px 14px 12px}
  .df-row-3 .df-group{padding:10px 11px 11px}
}

/* ===== 侧边栏统一组件：产品推荐 / 同类推荐 / 标签列表 ===== */
.side-widget{background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:16px 16px 14px;margin-bottom:18px;box-shadow:var(--shadow)}
.side-widget:last-child{margin-bottom:0}
.sw-head{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:10px;
  border-bottom:1px solid var(--line)}
.sw-head h3{font-size:15.5px;font-weight:700;margin:0;letter-spacing:.4px}
.sw-head::before{content:"";width:4px;height:15px;border-radius:2px;background:var(--brand)}
.sw-head.accent::before{background:var(--accent)}
.sw-head .sw-more{margin-left:auto;font-size:12.5px;color:var(--gray)}
.sw-head .sw-more:hover{color:var(--brand)}

/* 侧栏产品推荐卡：小图 + 标题 + 价格 */
.sw-pro{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line)}
.sw-pro:last-child{border-bottom:0}
.sw-pro .sp-pic{flex:0 0 78px;border-radius:7px;overflow:hidden;background:var(--bg-tint);
  position:relative}
.sw-pro .sp-pic img{display:block;width:100%;height:56px;object-fit:cover}
.sw-pro .sp-n{position:absolute;left:0;top:0;min-width:18px;height:18px;line-height:18px;
  text-align:center;font-size:11px;color:#fff;background:rgba(0,0,0,.5);border-radius:0 0 7px 0}
.sw-pro .sp-n.top{background:var(--price)}
.sw-pro .sp-bd{flex:1 1 auto;min-width:0}
.sw-pro .sp-t{font-size:13.5px;font-weight:600;line-height:1.45;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sw-pro:hover .sp-t{color:var(--brand-d)}
.sw-pro .sp-m{display:flex;align-items:baseline;gap:8px;margin-top:5px}
.sw-pro .sp-p{color:var(--price);font-weight:700;font-size:14px}
.sw-pro .sp-p small{font-size:11px;font-weight:400}
.sw-pro .sp-d{font-size:11.5px;color:var(--gray)}

/* 侧栏标签列表 */
.sw-tags{display:flex;flex-wrap:wrap;gap:7px}
.sw-tags a{padding:5px 11px;font-size:12.5px;color:var(--ink-2);background:var(--bg-soft);
  border:1px solid var(--line);border-radius:7px;transition:.16s;line-height:1.5}
.sw-tags a:hover{color:#fff;background:var(--brand);border-color:var(--brand)}

@media (max-width:900px){
  .side-widget{padding:14px 13px 12px}
  .sw-pro .sp-pic{flex:0 0 68px}
  .sw-pro .sp-pic img{height:50px}
}

/* ===== append v8 ===== */

/* ---- 1) 分页：数字条内部加间距，状态行独立成行 ---- */
.pagination{row-gap:10px}
.pagination .page-numbar{display:inline-flex;flex-wrap:wrap;gap:7px;justify-content:center}
.pagination .page-status{flex:0 0 100%;text-align:center;order:-1;margin-bottom:2px}

/* ---- 2) side-cta：修复白底白字（.side-widget 白底覆盖了渐变）---- */
.side-widget.side-cta{background:linear-gradient(160deg,var(--brand),var(--brand-d)) !important;
  color:#fff !important;border:0 !important;box-shadow:0 10px 24px rgba(27,160,220,.25)}
.side-widget.side-cta h3{color:#fff !important;border:0 !important}
.side-widget.side-cta h3::before{display:none}
.side-widget.side-cta p{color:rgba(255,255,255,.92) !important;font-size:13px;line-height:1.7}
.side-widget.side-cta .btn-gold{display:block;background:var(--accent);color:#fff !important;
  border-radius:7px;padding:10px;font-weight:600;margin-top:10px;text-align:center}
.side-widget.side-cta .btn-gold:hover{background:var(--accent-d)}

/* ---- 3) 首页常见问题答疑：两列，每列 5 个 ---- */
.faq-box{display:grid;grid-template-columns:1fr 1fr;gap:8px 26px;align-items:start}
.faq-box .faq-item{break-inside:avoid}
@media (max-width:900px){.faq-box{grid-template-columns:1fr}}

/* ---- 4) 景点结果卡（tag 页 / 搜索页专用）：3 列图卡，无价格无面议 ---- */
.res-group .spot-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tag-spot{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;
  overflow:hidden;text-decoration:none;color:inherit;transition:.18s}
.tag-spot:hover{border-color:var(--brand-l);box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.tag-spot .ts-pic{position:relative;height:150px;overflow:hidden;background:var(--bg-tint)}
.tag-spot .ts-pic img{display:block;width:100%;height:150px;object-fit:cover}
.tag-spot .ts-badge{position:absolute;left:0;top:0;background:rgba(46,158,107,.92);color:#fff;
  font-size:12px;padding:3px 9px;border-radius:0 0 8px 0}
.tag-spot .ts-body{padding:11px 13px 13px}
.tag-spot h3{font-size:15px;font-weight:600;margin:0 0 6px;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.tag-spot p{margin:0;font-size:12.5px;color:var(--gray);line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tag-spot .ts-more{display:inline-block;margin-top:9px;font-size:12.5px;color:var(--brand)}
@media (max-width:900px){.res-group .spot-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.res-group .spot-list{grid-template-columns:1fr}}

/* ---- 5) 站内搜索组件 ---- */
/* 导航内搜索（桌面） */
.nav-search{display:flex;align-items:center;background:var(--bg-soft);border:1px solid var(--line);
  border-radius:999px;padding:0 4px 0 12px;height:38px;min-width:200px;transition:.18s}
.nav-search:focus-within{background:#fff;border-color:var(--brand);box-shadow:0 0 0 3px rgba(27,160,220,.14)}
.nav-search .ns-ico{flex:0 0 auto;display:inline-flex;width:16px;height:16px;opacity:.55}
.nav-search input{border:0;outline:0;background:none;height:100%;padding:0 8px;min-width:0;
  flex:1 1 auto;font-size:13.5px;color:var(--ink)}
.nav-search button{flex:0 0 auto;border:0;cursor:pointer;background:var(--brand);color:#fff;
  font-size:13px;font-weight:600;border-radius:999px;padding:0 14px;height:28px}
.nav-search button:hover{background:var(--brand-d)}
/* 侧栏搜索 */
.sw-search{display:flex;flex-direction:column;gap:8px}
.sw-search .ns-words{display:flex;flex-wrap:wrap;gap:6px}
.sw-search .ns-words a{font-size:12px;color:var(--ink-2);background:var(--bg-soft);
  border:1px solid var(--line);border-radius:999px;padding:3px 10px;text-decoration:none;transition:.15s}
.sw-search .ns-words a:hover{color:#fff;background:var(--brand);border-color:var(--brand)}
/* 移动端：导航搜索隐藏（有独立搜索入口页） */
@media (max-width:1100px){.nav-search{display:none}}

/* ---- 6) 线路页目的地筛选：大区并入卡片，12 组连续 3 列 ---- */
.df-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.df-row-3 .df-zone{display:none}
.df-row-3 .df-group{border-left:4px solid var(--brand);border-radius:10px}
.df-row-3 .df-group[data-zone="south"]{border-left-color:var(--accent)}
.df-row-3 .df-group[data-zone="east"]{border-left-color:#2E9E6B}
.df-glab .df-ztag{display:inline-block;font-size:11px;color:#fff;border-radius:4px;
  padding:1px 6px;margin-right:6px;vertical-align:2px;background:var(--brand)}
.df-glab .df-ztag.z-south{background:var(--accent)}
.df-glab .df-ztag.z-east{background:#2E9E6B}
@media (max-width:1100px){.df-row-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.df-row-3{grid-template-columns:1fr}}


/* ==============================================================================
   v10) 线路列表页 /xianlu/ 重排版式（template/default/html/xianlulist.html）
   旧版式的问题是：把 [list:ext_chufa]出发 · [list:ext_mudidi] 这条几十字的完整行程
   和价格塞进同一个 .card-meta 的 space-between 里，一行撑爆整卡；
   卡片信息密度低、高度不齐，也没法承载「天数/团型/途经」这三组真正的决策信息。
   新版 xl-card：图上压「天数 + 团型」，正文给「标题/卖点/途经 chips/价格+出发地」四段。
   ============================================================================== */
.layout-side.xl-page{grid-template-columns:minmax(0,1fr) 288px;gap:24px}
.xl-wrap{min-width:0}

/* 结果条 */
.xl-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;
  border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:16px;
  box-shadow:var(--shadow);font-size:13.5px;color:var(--gray)}
.xl-bar .xl-num{font-size:13.5px}
.xl-bar .xl-num b{color:var(--accent);font-size:18px;font-weight:800;margin:0 3px}
.xl-bar .xl-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.xl-bar .xl-chip{display:inline-flex;align-items:center;gap:5px;background:var(--bg-tint);
  border:1px solid var(--brand-l);color:var(--brand);border-radius:999px;
  padding:2px 6px 2px 11px;font-size:12.5px;line-height:1.7}
.xl-bar .xl-chip i{font-style:normal;cursor:pointer;font-size:15px;line-height:1;
  opacity:.55;padding:0 2px}
.xl-bar .xl-chip i:hover{opacity:1;color:var(--accent)}
.xl-bar .xl-views{margin-left:auto;display:flex;border:1px solid var(--line);
  border-radius:8px;overflow:hidden;flex:none}
.xl-bar .xl-views button{border:0;background:#fff;color:var(--gray);font-size:13px;
  padding:5px 13px;cursor:pointer;line-height:1.7}
.xl-bar .xl-views button+button{border-left:1px solid var(--line)}
.xl-bar .xl-views button.on{background:var(--brand);color:#fff;font-weight:600}

/* 列表容器：默认卡片三列 */
.xl-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

.xl-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;
  overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:.25s}
.xl-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,40,66,.14);
  border-color:var(--brand-l)}

.xl-pic{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--bg-soft)}
.xl-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.xl-card:hover .xl-pic img{transform:scale(1.06)}
.xl-pic::after{content:"";position:absolute;left:0;right:0;bottom:0;height:68px;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55));pointer-events:none}
.xl-days{position:absolute;left:11px;bottom:9px;z-index:2;color:#fff;font-size:13px;
  font-weight:600;letter-spacing:.3px;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.xl-type{position:absolute;right:10px;top:10px;z-index:2;background:rgba(255,255,255,.94);
  color:var(--brand-d);font-size:12px;padding:3px 9px;border-radius:999px;line-height:1.6}
.xl-type:empty{display:none}

.xl-body{padding:13px 15px 14px;display:flex;flex-direction:column;flex:1;min-width:0}
.xl-body h3{margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.5}
.xl-body h3 a{color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}
.xl-card:hover .xl-body h3 a{color:var(--brand)}
.xl-desc{margin:0 0 10px;color:var(--gray);font-size:13px;line-height:1.75;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:46px}

/* 途经：JS 会把「A→B→C」切成 chip；JS 失效时保留原文，两行截断不至于撑爆卡片 */
.xl-road{display:flex;gap:7px;align-items:flex-start;background:var(--bg-tint);
  border-radius:8px;padding:7px 10px;margin-bottom:12px}
.xl-road .xl-rk{flex:none;color:var(--brand);font-size:12.5px;font-weight:600;line-height:1.7}
.xl-road .xl-rv{flex:1;min-width:0;font-size:12.5px;color:var(--ink-2);line-height:1.7;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.xl-rv .xl-rchip{display:inline}
.xl-rv .xl-rchip::after{content:"\203A";margin:0 5px;color:#b6bec9}
.xl-rv .xl-rmore{margin-left:6px;color:var(--gray);font-size:12px}
.xl-rv .xl-rchip:last-of-type::after{content:""}

.xl-foot{margin-top:auto;padding-top:11px;border-top:1px dashed var(--line);
  display:flex;align-items:flex-end;gap:10px}
.xl-price{flex:none;color:var(--accent);white-space:nowrap;line-height:1.1}
.xl-price small{font-size:12px;font-weight:400}
.xl-price b{font-size:21px;font-weight:800;letter-spacing:-.3px}
.xl-price em{font-style:normal;font-size:12px;color:var(--gray);margin-left:3px}
.xl-price-ask b{font-size:16px;color:var(--brand)}
.xl-from{flex:1 1 auto;min-width:0;font-size:12px;color:var(--gray);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6}
.xl-go{flex:none;font-size:12.5px;color:#fff;background:var(--brand);
  border-radius:6px;padding:5px 11px;text-decoration:none;line-height:1.6;white-space:nowrap}
.xl-card:hover .xl-go{background:var(--brand-d)}
.xl-go:hover{color:#fff;background:var(--brand-d)}

/* 列表视图：左图右文，一行一条 */
.xl-list.is-list{grid-template-columns:1fr;gap:14px}
.xl-list.is-list .xl-card{flex-direction:row;align-items:stretch}
.xl-list.is-list .xl-pic{flex:0 0 262px;aspect-ratio:auto;min-height:174px}
.xl-list.is-list .xl-body{padding:14px 18px;min-width:0}
.xl-list.is-list .xl-desc{-webkit-line-clamp:3;min-height:0}

@media (max-width:1240px){
  .xl-list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .layout-side.xl-page{grid-template-columns:1fr}
  .xl-list,.xl-list.is-list{grid-template-columns:repeat(2,1fr)}
  .xl-list.is-list .xl-card{flex-direction:column}
  .xl-list.is-list .xl-pic{flex:none;aspect-ratio:16/10;min-height:0}
  .xl-list.is-list .xl-body{padding:13px 15px 14px}
}
@media (max-width:640px){
  .xl-list,.xl-list.is-list{grid-template-columns:1fr}
  .xl-bar{padding:10px 12px}
  .xl-bar .xl-views{margin-left:0}
  .xl-list.is-list .xl-pic{flex:none}
}



/* ===== 服务项目 in_pro_list V2：旅游风格图标卡 20261023 ===== */
.in_pro_list{ background:#f7f8fa; padding:4px 0 26px; }
.in_pro_list_ul li{
  background:#fff; border:1px solid #eef0f4; border-radius:14px;
  box-shadow:0 6px 18px rgba(16,32,60,.06); padding:26px 12px 20px;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.in_pro_list_ul li:hover{
  transform:translateY(-6px); box-shadow:0 14px 30px rgba(16,32,60,.12);
}
.in_pro_list_ul li:nth-child(1):hover{ border-color:#c6000b; }
.in_pro_list_ul li:nth-child(2):hover{ border-color:#0d6efd; }
.in_pro_list_ul li:nth-child(3):hover{ border-color:#0f9d8f; }
.in_pro_list_ul li:nth-child(4):hover{ border-color:#6f42c1; }
.in_pro_list_ul li .img i{ display:none; }
.in_pro_list_ul li .img .img_i.np_ic{
  width:88px; height:88px; margin:0 auto; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:currentColor;
}
.in_pro_list_ul li .img .img_i.np_ic svg{
  width:44px; height:44px; display:block; stroke:#fff;
}
.in_pro_list_ul li .img .img_i.np_ic{ position:relative; }
.in_pro_list_ul li .img .img_i.np_ic:before{
  content:''; position:absolute; inset:-7px; border-radius:50%;
  border:1px dashed currentColor; opacity:.35;
}

/* ===== TAG 聚合页结果卡片 V2：线路/攻略区分 20261023 ===== */
.tg_res_tabs{
  display:flex; align-items:center; flex-wrap:wrap;
  margin:0 0 16px; padding:10px 14px;
  background:#fff; border:1px solid #eef0f4; border-radius:10px;
  box-shadow:0 2px 10px rgba(16,32,60,.04);
}
.tg_res_tabs .tg_tab{
  height:32px; line-height:30px; padding:0 18px; margin:2px 8px 2px 0;
  border:1px solid #e3e6ec; border-radius:16px; background:#fff;
  font-size:14px; color:#5b6472; text-decoration:none; cursor:pointer;
  transition:all .2s ease;
}
.tg_res_tabs .tg_tab:hover{ color:#c6000b; border-color:#f3b3b7; }
.tg_res_tabs .tg_tab.on{
  color:#fff; background:#c6000b; border-color:#c6000b;
  box-shadow:0 4px 10px rgba(198,0,11,.22);
}
.tg_res_tabs .tg_tab.dis{ opacity:.45; cursor:not-allowed; }
.tg_res_tabs .tg_res_tip{
  margin-left:auto; font-size:13px; color:#8b94a3;
}
.tg_res_tabs .tg_res_tip b{ color:#c6000b; font-weight:600; padding:0 2px; }

.tg_res_ul{ display:flex; flex-wrap:wrap; margin:0 -10px; padding:0; list-style:none; }
.tg_res_item{
  width:33.3333%; padding:0 10px; margin:0 0 20px; list-style:none;
  box-sizing:border-box;
}
.tg_res_item .tg_img{
  position:relative; overflow:hidden; border-radius:10px 10px 0 0;
  background:#f2f4f7;
}
.tg_res_item .tg_img a{ display:block; height:190px; overflow:hidden; }
.tg_res_item .tg_img img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .5s ease;
}
.tg_res_item:hover .tg_img img{ transform:scale(1.06); }
.tg_res_item .tg_badge{
  position:absolute; left:0; top:12px; z-index:2;
  height:26px; line-height:26px; padding:0 12px 0 10px;
  border-radius:0 13px 13px 0; font-size:12px; color:#fff;
  display:inline-flex; align-items:center; gap:4px;
  box-shadow:0 2px 8px rgba(0,0,0,.18);
}
.tg_res_item .tg_badge i{ font-size:12px; }
.tg_badge_pro{ background:linear-gradient(90deg,#e10000,#f5443a); }
.tg_badge_art{ background:linear-gradient(90deg,#2a6fd6,#3f9ae0); }

.tg_res_item .tg_body{
  background:#fff; border:1px solid #eef0f4; border-top:none;
  border-radius:0 0 10px 10px; padding:12px 14px 14px;
  transition:box-shadow .25s ease, border-color .25s ease;
}
.tg_res_item:hover .tg_body{ border-color:#f0d3d5; box-shadow:0 8px 20px rgba(16,32,60,.10); }
.tg_res_item .tg_title{
  font-size:16px; line-height:24px; font-weight:600; margin:0 0 8px;
  height:48px; overflow:hidden;
}
.tg_res_item .tg_title a{ color:#22252b; text-decoration:none; transition:color .2s; }
.tg_res_item:hover .tg_title a{ color:#c6000b; }

.tg_params{ display:flex; margin:0 0 10px; padding:8px 0; list-style:none;
  border-top:1px dashed #eceff4; border-bottom:1px dashed #eceff4; }
.tg_params li{ flex:1; padding:0 6px; text-align:center; list-style:none;
  border-right:1px solid #eceff4; }
.tg_params li:last-child{ border-right:none; }
.tg_params li em{ display:block; font-style:normal; font-size:12px; color:#9aa3b0; line-height:18px; }
.tg_params li p{ margin:2px 0 0; font-size:14px; color:#33383f; font-weight:600; line-height:20px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tg_days_num{ font-size:15px; color:#c6000b; }
.tg_days_unit{ font-size:12px; color:#c6000b; margin-left:1px; }
.tg_days_txt{ font-size:13px; color:#8b94a3; font-weight:400; }

.tg_lights{ display:flex; margin:0 0 10px; font-size:13px; line-height:20px; }
.tg_lights span{ flex:none; color:#fff; background:#0f9d8f; border-radius:3px;
  height:20px; line-height:20px; padding:0 6px; margin-right:6px; font-size:12px; }
.tg_lights p{ margin:0; color:#6b7480;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.tg_desc{ margin:0 0 10px; padding:8px 0; border-top:1px dashed #eceff4; }
.tg_desc p{ margin:0; font-size:13px; line-height:22px; color:#6b7480;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.tg_foot{ display:flex; align-items:center; justify-content:space-between; padding-top:10px;
  border-top:1px dashed #eceff4; }
.tg_price{ display:flex; align-items:baseline; }
.tg_price b{ font-size:22px; color:#e10000; font-weight:700; letter-spacing:-.5px; }
.tg_price i{ font-style:normal; font-size:12px; color:#e10000; margin-left:2px; }
.tg_price_art{ align-items:center; gap:4px; }
.tg_price_art i{ color:#9aa3b0; font-size:13px; }
.tg_price_art time{ font-size:13px; color:#8b94a3; }
.tg_btns{ display:flex; gap:8px; }
.tg_btn{ height:30px; line-height:28px; padding:0 14px; border-radius:15px;
  font-size:13px; text-decoration:none; border:1px solid transparent; transition:all .2s ease; }
.tg_btn_main{ color:#fff; background:#c6000b; border-color:#c6000b; }
.tg_btn_main:hover{ background:#a80009; border-color:#a80009; color:#fff; }
.tg_btn_tel{ color:#0f9d8f; border-color:#bfe6e1; background:#f2fbfa; }
.tg_btn_tel:hover{ background:#0f9d8f; color:#fff; border-color:#0f9d8f; }

.tg_empty{ padding:40px 0; text-align:center; color:#9aa3b0; font-size:14px; }

/* ===== /TAG 聚合页结果卡片 V2 ===== */

/* ============================================================
   1) 面包屑：单个 > 分隔符 + 当前页标题（恢复重建 20261023）
   ============================================================ */
.case_detail_tit_ul a:after {
  content: '>';
  font-family: inherit;
  font-size: 14px;
  line-height: 35px;
  float: right;
  padding: 0 10px;
  color: #999;
}
.case_detail_tit_ul > *:last-child:after{ content:none; }
.case_detail_tit_ul .crumb_cur {
  height: 35px; line-height: 35px; font-size: 14px; color: #999;
  display: block; float: left;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 560px;
}

/* ============================================================
   2) 侧边栏 / 全站标签云 V2：多彩胶囊、文字垂直居中
   ============================================================ */
.np_tags_ul{ display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none; }
.np_tags_ul li{ float:none; list-style:none; margin:0; padding:0; }
.np_tags_ul li a{
  display:inline-flex; align-items:center; justify-content:center;
  height:26px; line-height:1; padding:0 13px; margin:3px 3px;
  border-radius:13px; font-size:13px; color:#fff !important; text-decoration:none;
  transition:opacity .15s ease, transform .15s ease;
}
.np_tags_ul li a:hover{ opacity:.82; transform:translateY(-1px); }
.np_tags_ul li:nth-child(12n+1) a{background:#e63946}
.np_tags_ul li:nth-child(12n+2) a{background:#f77f00}
.np_tags_ul li:nth-child(12n+3) a{background:#fcbf49;color:#5a3e00 !important}
.np_tags_ul li:nth-child(12n+4) a{background:#2a9d8f}
.np_tags_ul li:nth-child(12n+5) a{background:#457b9d}
.np_tags_ul li:nth-child(12n+6) a{background:#8e44ad}
.np_tags_ul li:nth-child(12n+7) a{background:#d63384}
.np_tags_ul li:nth-child(12n+8) a{background:#20c997}
.np_tags_ul li:nth-child(12n+9) a{background:#fd7e14}
.np_tags_ul li:nth-child(12n+10) a{background:#0d6efd}
.np_tags_ul li:nth-child(12n+11) a{background:#6f42c1}
.np_tags_ul li:nth-child(12n+12) a{background:#e10000}

/* ============================================================
   3) 首页「选择我们」index_choose V2（覆盖旧版 500px 定高灰底）
   ============================================================ */
.index_choose{
  background:#f7f8fa !important;
  background-size:cover !important;
  padding:54px 0 50px !important;
  overflow:hidden;
}
.index_choose .ic_head{ text-align:center; margin:0 0 26px; }
.index_choose .ic_head h2{
  font-size:30px; line-height:40px; color:#22252b; font-weight:700; margin:0 0 8px;
}
.index_choose .ic_head h2 span{ color:#c6000b; }
.index_choose .ic_head p{ font-size:14px; color:#7b8492; margin:0; }

.index_choose .index_choose_main{
  display:flex; align-items:stretch;
  height:auto !important; min-height:430px;
  padding:0 !important; opacity:1 !important;
  background:#fff !important;
  border-radius:14px; overflow:hidden;
  box-shadow:0 10px 30px rgba(16,32,60,.08);
}
.index_choose .choose_left{
  flex:0 0 268px; width:268px; float:none;
  background:linear-gradient(180deg,#c6000b 0%,#9a0009 100%);
}
.index_choose .choose_list{ text-align:left; }
.index_choose .choose_list_ul{ display:block; padding:0; margin:0; }
.index_choose .choose_list_ul li{
  float:none; width:100%; padding:0; margin:0; background:transparent;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.index_choose .choose_list_ul li:last-child{ border-bottom:none; }
.index_choose .choose_list_ul li a{
  display:flex; flex-direction:column; justify-content:center;
  height:106px; padding:0 22px; color:#fff; text-decoration:none;
  transition:background .25s ease;
}
.index_choose .choose_list_ul li a i{
  font-size:22px; line-height:1; margin-bottom:8px; opacity:.9;
}
.index_choose .choose_list_ul li a p{
  margin:0; font-size:17px; font-weight:600; line-height:22px;
}
.index_choose .choose_list_ul li a span{
  font-size:12px; line-height:18px; opacity:.75; margin-top:2px;
}
.index_choose .choose_list_ul li:hover a,
.index_choose .choose_list_ul li.active a{
  background:rgba(0,0,0,.18);
}
.index_choose .choose_list_ul li.active a{ box-shadow:inset 4px 0 0 #ffd166; }

.index_choose .choose_right{
  flex:1; width:auto; float:none; padding:0;
}
.index_choose .choose_box{ padding:0; }
.index_choose .choose_box .box_main{ display:none; padding:26px 30px; }
.index_choose .choose_box .box_main:nth-child(2){ display:block; }

/* 3.1 公司介绍 */
.index_choose .ic_about{ display:flex; gap:26px; align-items:flex-start; }
.index_choose .ic_about_img{
  flex:0 0 300px; position:relative; border-radius:10px; overflow:hidden; background:#f2f4f7;
}
.index_choose .ic_about_img img{ width:100%; height:210px; object-fit:cover; display:block; }
.index_choose .ic_about_badge{
  position:absolute; left:0; bottom:0; right:0;
  background:linear-gradient(90deg,rgba(198,0,11,.92),rgba(198,0,11,.55));
  color:#fff; font-size:13px; padding:8px 12px; line-height:18px;
}
.index_choose .ic_about_badge span{ display:block; font-size:12px; opacity:.85; }
.index_choose .ic_about_txt{ flex:1; }
.index_choose .ic_about_txt h3{ font-size:22px; color:#22252b; margin:0 0 10px; font-weight:700; }
.index_choose .ic_desc{
  font-size:14px; line-height:26px; color:#6b7480; margin:0 0 14px;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.index_choose .ic_points{
  display:flex; flex-wrap:wrap; margin:0 0 16px; padding:0; list-style:none;
}
.index_choose .ic_points li{
  width:50%; display:flex; align-items:center; gap:8px; padding:5px 0; list-style:none;
}
.index_choose .ic_points li i{ color:#c6000b; font-size:17px; flex:none; }
.index_choose .ic_points li b{ font-size:14px; color:#33383f; font-weight:600; }
.index_choose .ic_points li span{ font-size:12px; color:#8b94a3; }
.index_choose .ic_btn{
  display:inline-flex; align-items:center; gap:6px;
  height:38px; padding:0 22px; border-radius:19px;
  background:#c6000b; color:#fff; font-size:14px; text-decoration:none;
  transition:background .2s ease;
}
.index_choose .ic_btn:hover{ background:#a80009; color:#fff; }
.index_choose .ic_btn.sm{ height:32px; padding:0 16px; font-size:13px; }

/* 3.2 定制师团队 */
.index_choose .ic_team_head{ margin:0 0 18px; }
.index_choose .ic_team_head h3{ font-size:22px; color:#22252b; margin:0 0 6px; font-weight:700; }
.index_choose .ic_team_head p{ font-size:13px; color:#8b94a3; margin:0; }
.index_choose .ic_team_ul{
  display:flex; gap:16px; margin:0 0 18px; padding:0; list-style:none;
}
.index_choose .ic_team_ul li{
  flex:1; list-style:none; text-align:center;
  background:#fff; border:1px solid #eef0f4; border-radius:10px; padding:16px 10px 14px;
  transition:transform .25s ease, box-shadow .25s ease;
}
.index_choose .ic_team_ul li:hover{
  transform:translateY(-4px); box-shadow:0 10px 22px rgba(16,32,60,.10);
}
.index_choose .ic_av{
  width:78px; height:78px; margin:0 auto 10px; border-radius:50%;
  overflow:hidden; background:#f2f4f7; border:2px solid #f0d3d5;
}
.index_choose .ic_av img{ width:100%; height:100%; object-fit:cover; display:block; }
.index_choose .ic_team_ul li h4{
  font-size:15px; color:#22252b; margin:0 0 4px; font-weight:600;
}
.index_choose .ic_team_ul li h4 em{
  font-style:normal; font-size:12px; color:#a8b0bb; margin-left:4px; font-weight:400;
}
.index_choose .ic_role{
  display:inline-block; font-size:12px; color:#c6000b; background:#fdecec;
  border-radius:10px; padding:2px 10px; margin-bottom:6px;
}
.index_choose .ic_skill{
  font-size:12px; line-height:20px; color:#8b94a3; margin:0 0 10px; min-height:40px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.index_choose .ic_ask{
  display:inline-block; height:28px; line-height:26px; padding:0 14px;
  border:1px solid #f0d3d5; border-radius:14px; color:#c6000b;
  font-size:12px; text-decoration:none; transition:all .2s ease;
}
.index_choose .ic_ask:hover{ background:#c6000b; color:#fff; border-color:#c6000b; }
.index_choose .ic_team_foot{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  background:#fafbfc; border:1px dashed #e3e7ed; border-radius:8px; padding:10px 14px;
}
.index_choose .ic_team_foot span{ font-size:13px; color:#6b7480; }
.index_choose .ic_team_foot > a:first-of-type{
  font-size:18px; font-weight:700; color:#c6000b; text-decoration:none;
}

/* 3.3 服务理念 */
.index_choose .ic_idea{ display:flex; gap:26px; align-items:flex-start; }
.index_choose .ic_idea_img{
  flex:0 0 320px; border-radius:10px; overflow:hidden; background:#f2f4f7;
}
.index_choose .ic_idea_img img{ width:100%; height:230px; object-fit:cover; display:block; }
.index_choose .ic_idea_txt{ flex:1; }
.index_choose .ic_idea_txt h3{ font-size:22px; color:#22252b; margin:0 0 10px; font-weight:700; }
.index_choose .ic_idea_txt > p{ font-size:14px; line-height:26px; color:#6b7480; margin:0 0 14px; }
.index_choose .ic_idea_list{ display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none; }
.index_choose .ic_idea_list li{
  width:50%; padding:6px 0; list-style:none; display:flex; align-items:baseline; gap:8px;
}
.index_choose .ic_idea_list li b{
  flex:none; font-size:13px; color:#fff; background:#0f9d8f; border-radius:3px;
  padding:3px 8px; font-weight:500;
}
.index_choose .ic_idea_list li span{ font-size:13px; color:#6b7480; }

/* 3.4 合作客户 */
.index_choose .ic_partner{ }
.index_choose .choose_cooperation_ul{
  display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none;
}
.index_choose .choose_cooperation_ul li{
  width:16.6666%; list-style:none; padding:6px; box-sizing:border-box;
}
.index_choose .choose_cooperation_ul li a{
  display:flex; align-items:center; justify-content:center;
  height:78px; padding:8px; background:#fff;
  border:1px solid #eef0f4; border-radius:8px;
  transition:box-shadow .2s ease, border-color .2s ease;
}
.index_choose .choose_cooperation_ul li a:hover{
  border-color:#f0d3d5; box-shadow:0 6px 16px rgba(16,32,60,.08);
}
.index_choose .choose_cooperation_ul li img{
  max-width:100%; max-height:100%; object-fit:contain; filter:grayscale(35%);
  transition:filter .2s ease;
}
.index_choose .choose_cooperation_ul li a:hover img{ filter:none; }

/* ===== /liucheng/ 页面重构 20261023-v3 ===== */
.lc_sec_title{ text-align:center; padding:0 0 36px; }
.lc_sec_title h2{ margin:0; font-size:30px; line-height:1.3; color:#1f2329; font-weight:700; position:relative; display:inline-block; padding:0 0 14px; }
.lc_sec_title h2:after{ content:''; position:absolute; left:50%; bottom:0; width:46px; height:3px; margin-left:-23px; background:#c6000b; border-radius:2px; }
.lc_sec_title p{ margin:12px 0 0; font-size:15px; line-height:1.7; color:#8a9099; }

/* 1 服务实力数据 */
.lc_stat{ background:#f7f8fa; padding:56px 0 56px; margin-top:28px; }
.lc_stat_ul{ display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none; }
.lc_stat_ul li{ flex:1 1 20%; width:20%; text-align:center; position:relative; padding:6px 0; }
.lc_stat_ul li:after{ content:''; position:absolute; right:0; top:16px; width:1px; height:40px; background:#e4e7eb; }
.lc_stat_ul li:last-child:after{ display:none; }
.lc_stat_box{ line-height:1; }
.lc_stat_box .lc_num{ font-size:42px; font-weight:700; color:#c6000b; font-family:Arial,Helvetica,sans-serif; letter-spacing:-1px; }
.lc_stat_box i{ font-style:normal; font-size:20px; font-weight:700; color:#c6000b; margin-left:2px; }
.lc_stat_ul li > span{ display:block; margin-top:14px; font-size:15px; color:#5c6470; }

/* 2 产品优势 */
.lc_adv{ background:#fff; padding:58px 0 40px; }
.lc_adv_ul{ display:flex; flex-wrap:wrap; margin:0 -10px; padding:0; list-style:none; }
.lc_adv_ul li{ width:25%; padding:0 10px 20px; }
.lc_adv_card{ height:100%; background:#fff; border:1px solid #edeff2; border-radius:14px; padding:28px 24px 26px; transition:all .3s ease; }
.lc_adv_card:hover{ border-color:#f3c8cb; box-shadow:0 12px 28px rgba(198,0,11,.10); transform:translateY(-4px); }
.lc_adv_ico{ width:58px; height:58px; border-radius:16px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
.lc_adv_ico svg{ width:30px; height:30px; display:block; }
.lc_adv_card h3{ margin:0 0 12px; font-size:18px; line-height:1.4; color:#1f2329; font-weight:700; }
.lc_adv_card p{ margin:0; font-size:14px; line-height:1.95; color:#6b7280; }

/* 3 出行配套服务 */
.lc_svc{ background:#f7f8fa; padding:56px 0 58px; }
.lc_svc_ul{ display:flex; flex-wrap:wrap; margin:0 -10px; padding:0; list-style:none; }
.lc_svc_ul li{ width:25%; padding:0 10px; }
.lc_svc_card{ height:100%; background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 2px 12px rgba(16,24,40,.05); transition:all .3s ease; }
.lc_svc_card:hover{ box-shadow:0 12px 28px rgba(16,24,40,.10); transform:translateY(-4px); }
.lc_svc_card .img{ height:158px; overflow:hidden; background:#f2f3f5; }
.lc_svc_card .img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease; }
.lc_svc_card:hover .img img{ transform:scale(1.06); }
.lc_svc_card .txt{ padding:18px 20px 22px; }
.lc_svc_card .txt p{ margin:0 0 8px; font-size:16px; font-weight:700; color:#1f2329; }
.lc_svc_card .txt span{ display:block; font-size:13px; line-height:1.85; color:#8a9099; }

/* 4 政企团体出行 */

/* 5 旅游交易流程 */
.lc_flow{ background:#f7f8fa; padding:56px 0 58px; }
.lc_flow_ul{ display:flex; flex-wrap:wrap; margin:0 -10px; padding:0; list-style:none; }
.lc_flow_ul li{ width:33.3333%; padding:0 10px 20px; }
.lc_step_card{ position:relative; height:100%; background:#fff; border:1px solid #edeff2; border-radius:14px; padding:24px 22px 22px; transition:all .3s ease; }
.lc_step_card:hover{ border-color:#f3c8cb; box-shadow:0 10px 26px rgba(198,0,11,.09); transform:translateY(-3px); }
.lc_step_no{ width:42px; height:42px; border-radius:12px; background:linear-gradient(135deg,#c6000b,#e0363e); color:#fff; font-size:16px; font-weight:700; font-family:Arial,Helvetica,sans-serif; display:flex; align-items:center; justify-content:center; margin-bottom:14px; letter-spacing:.5px; }
.lc_step_card h3{ margin:0 0 10px; font-size:17px; line-height:1.45; color:#1f2329; font-weight:700; }
.lc_step_card p{ margin:0; font-size:14px; line-height:1.9; color:#6b7280; }
.lc_step_tag{ display:inline-block; margin-top:12px; padding:4px 12px; background:#fff1f1; color:#c6000b; border-radius:12px; font-size:12px; line-height:1.4; }

/* 6 旅游攻略 */
.lc_news{ background:#fff; padding:58px 0 24px; }

/* 7 咨询 CTA */
.lc_cta{ background:linear-gradient(115deg,#c6000b 0%,#a30009 55%,#8a0008 100%); padding:46px 0; color:#fff; }
.lc_cta_in{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.lc_cta_txt h2{ margin:0; font-size:26px; line-height:1.4; font-weight:700; color:#fff; }
.lc_cta_txt p{ margin:10px 0 0; font-size:15px; line-height:1.7; color:rgba(255,255,255,.88); }
.lc_cta_acts{ display:flex; flex-wrap:wrap; }
.lc_cta_btn{ display:inline-flex; align-items:center; justify-content:center; height:46px; padding:0 26px; border-radius:23px; font-size:15px; margin-left:12px; transition:all .25s ease; }
.lc_cta_btn i{ margin-right:6px; font-size:16px; }
.lc_cta_btn1{ background:#fff; color:#c6000b; font-weight:700; }
.lc_cta_btn1:hover{ background:#fff6f6; color:#a30009; transform:translateY(-2px); }
.lc_cta_btn2{ background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.55); }
.lc_cta_btn2:hover{ background:rgba(255,255,255,.26); color:#fff; transform:translateY(-2px); }
/* ===== /liucheng/ 页面重构 END ===== */

/* ===== tg_price_ask 价格电询 v20261023 ===== */
.tg_price .p_ask{color:#e08600;font-size:19px;letter-spacing:.5px;}
.tg_price .p_ask + i{color:#9a9a9a;font-style:normal;font-size:12px;margin-left:4px;}
@media (max-width:767px){ .tg_price .p_ask{font-size:17px;} }
/* ===== /tg_price_ask 价格电询 v20261023 ===== */

/* ===== travel_product_price_ask 详情页价格电询 v20261023 ===== */
.travel_product_price_ask{background:#fff7e8;border:1px solid #f3d9a4;}
.travel_product_price_ask strong{color:#e08600;font-size:20px;}
.travel_product_price_ask span{color:#9a9a9a;font-size:12px;margin-left:6px;}
@media (max-width:767px){ .travel_product_price_ask strong{font-size:18px;} }
/* ===== /travel_product_price_ask 详情页价格电询 v20261023 ===== */

/* ===== 详情页侧边栏 / tag 聚合页 补全样式 v20261023-v7 ===== */
/* 背景：news_page_hot / np_block_* / np_hot_* / np_more / np_ic_* / news_page_tags /
        tg_rel_tags / np_tag_more 这些类是上轮改 HTML 时新增的，但当时漏写了 CSS，
        导致 h3 无样式、缩略图长短不一、"相关热门标签/查看全部标签"裸奔。此处统一补齐。*/

/* ---- 侧边栏通用卡片 ---- */
.news_detail_page{ display:flex; flex-direction:column; gap:16px; }
.news_page_list,.news_page_hot,.news_page_tags,.news_page_contact{
  background:#fff; border:1px solid #ececec; border-radius:12px;
  padding:18px 16px 16px; box-shadow:0 2px 14px rgba(20,20,20,.05);
}
.news_page_list h3,.news_page_hot h3,.news_page_tags h3,.news_page_contact h3{
  margin:0 0 14px; padding:0 0 12px; position:relative;
  font-size:17px; font-weight:700; color:#1c1c1c; line-height:1.3;
  border-bottom:1px solid #f0f0f0; display:flex; align-items:center; gap:8px;
}
.news_page_list h3::before,.news_page_hot h3::before,.news_page_tags h3::before,.news_page_contact h3::before{
  content:""; width:4px; height:16px; border-radius:2px; background:#c6000b; flex:none;
}
/* h3 内图标着色（北京红 / 国内金 / 出境蓝 / 标签青） */
.np_ic_bj{ color:#c6000b; font-size:16px; }
.np_ic_gn{ color:#c8973f; font-size:16px; }
.np_ic_jw{ color:#0b6ba8; font-size:16px; }
.np_ic_tag{ color:#0f9d8f; font-size:16px; }
.news_page_list h3::before{ background:#333; }

/* ---- 热门产品列表（图片统一 4:3，object-fit 裁切，杜绝长短不一） ---- */
.np_hot_ul{ list-style:none; margin:0; padding:0; }
.np_hot_ul li{ margin:0 0 12px; }
.np_hot_ul li:last-child{ margin-bottom:0; }
.np_hot_ul li a{
  display:flex; align-items:flex-start; gap:10px; padding:8px;
  border-radius:9px; text-decoration:none; transition:background .2s;
}
.np_hot_ul li a:hover{ background:#fafafa; }
.np_hot_img{
  flex:none; width:104px; height:78px; border-radius:8px; overflow:hidden;
  background:#f2f4f7; position:relative;
}
.np_hot_img img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .35s ease;
}
.np_hot_ul li a:hover .np_hot_img img{ transform:scale(1.07); }
.np_hot_txt{ flex:1; min-width:0; }
.np_hot_txt span{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; font-size:14px; line-height:1.55; color:#333; font-weight:500;
}
.np_hot_ul li a:hover .np_hot_txt span{ color:#c6000b; }

/* ---- 侧边栏"查看全部xx线路"按钮 ---- */
.np_more{
  display:block; margin:14px 0 0; padding:9px 0; text-align:center;
  font-size:13px; color:#c6000b; background:#fff5f5; border:1px solid #fbdcdc;
  border-radius:8px; text-decoration:none; transition:all .2s;
}
.np_more:hover{ background:#c6000b; border-color:#c6000b; color:#fff; }

/* ---- 侧边栏标签云 ---- */
.news_page_tags .np_tags_ul{ display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.news_page_tags .np_tags_ul li{ margin:0; }
.news_page_tags .np_tags_ul a{
  display:inline-block; padding:6px 12px; font-size:13px; color:#555;
  background:#f6f7f9; border:1px solid #ececec; border-radius:999px;
  text-decoration:none; transition:all .2s;
}
.news_page_tags .np_tags_ul a:hover{ background:#c6000b; border-color:#c6000b; color:#fff; }

/* ---- 侧边栏资讯分类 ---- */
.news_page_list_ul{ list-style:none; margin:0; padding:0; }
.news_page_list_ul li{ margin:0 0 2px; }
.news_page_list_ul li a{
  display:block; padding:9px 12px; font-size:14px; color:#444;
  border-radius:8px; text-decoration:none; transition:all .2s;
}
.news_page_list_ul li a:hover{ background:#fafafa; color:#c6000b; }
.news_page_list_ul li.active a{ background:#c6000b; color:#fff; font-weight:600; }

/* ===== tag 聚合页：相关热门标签 / 查看全部标签 ===== */
.tg_rel_tags{
  background:#fff; border:1px solid #ececec; border-radius:12px;
  padding:20px 22px 18px; margin:0 0 18px; box-shadow:0 2px 14px rgba(20,20,20,.05);
}
.tg_rel_tags h2{
  margin:0 0 14px; padding:0 0 12px; font-size:18px; font-weight:700; color:#1c1c1c;
  border-bottom:1px solid #f0f0f0; display:flex; align-items:center; gap:8px;
}
.tg_rel_tags h2::before{ content:""; width:4px; height:17px; border-radius:2px; background:#c6000b; flex:none; }
.tg_rel_tags .np_tags_ul{ display:flex; flex-wrap:wrap; gap:9px; margin:0; padding:0; list-style:none; }
.tg_rel_tags .np_tags_ul li{ margin:0; }
.tg_rel_tags .np_tags_ul a{
  display:inline-block; padding:7px 15px; font-size:14px; color:#4a4a4a;
  background:#f7f8fa; border:1px solid #e8eaed; border-radius:999px;
  text-decoration:none; transition:all .2s;
}
.tg_rel_tags .np_tags_ul a:hover{
  background:#c6000b; border-color:#c6000b; color:#fff; transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(198,0,11,.22);
}
.np_tag_more{
  display:inline-block; margin:14px 0 0; padding:9px 20px;
  font-size:13px; color:#c6000b; background:#fff; border:1px solid #f0c2c2;
  border-radius:999px; text-decoration:none; transition:all .2s;
}
.np_tag_more:hover{ background:#c6000b; border-color:#c6000b; color:#fff; }

/* ---- tag 结果切换条美化 ---- */
.tg_res_tabs{
  display:flex; align-items:center; flex-wrap:wrap; gap:10px;
  background:#fff; border:1px solid #ececec; border-radius:12px;
  padding:12px 18px; margin:0 0 18px; box-shadow:0 2px 14px rgba(20,20,20,.05);
}
.tg_tab{
  padding:7px 18px; font-size:14px; color:#555; background:#f6f7f9;
  border:1px solid #ececec; border-radius:999px; text-decoration:none; transition:all .2s;
}
.tg_tab:hover{ color:#c6000b; border-color:#f0c2c2; }
.tg_tab.on{ background:#c6000b; border-color:#c6000b; color:#fff; font-weight:600; }
.tg_res_tip{ margin-left:auto; font-size:13px; color:#888; }
.tg_res_tip b{ color:#c6000b; font-size:15px; }

@media (max-width:767px){
  .np_hot_img{ width:88px; height:66px; }
  .tg_res_tip{ margin-left:0; width:100%; }
}
/* ===== /详情页侧边栏 / tag 聚合页 v20261023-v7 ===== */

/* ===== 首页 / liucheng 视觉重做 v20261023-v7 ===== */

/* =========================================================
   1. index_product 服务项目卡片 —— 重新配色
   旧版：4 个纯色 SVG（红/蓝/青/紫）散着放，无容器背景，土
   新版：圆形渐变底 + 白色描边图标 + 卡片白底圆角阴影 + hover 上浮
   ========================================================= */
.index_product{ background:#f7f8fa; padding:56px 0 60px; }
.in_pro_title{ text-align:center; margin:0 0 34px; }
.in_pro_title h2{ margin:0; }
.in_pro_title h2 img{ max-width:100%; height:auto; }
.in_pro_title h3{ margin:10px 0 0; font-size:15px; font-weight:400; color:#7b8492; }

.in_pro_list_ul{ display:flex; flex-wrap:wrap; gap:20px; margin:0; padding:0; list-style:none; }
.in_pro_list_ul li{
  flex:1 1 calc(25% - 15px); min-width:220px; margin:0;
  background:#fff; border-radius:14px; overflow:hidden;
  border:1px solid #eee; box-shadow:0 3px 16px rgba(20,20,20,.06);
  transition:transform .28s ease, box-shadow .28s ease;
}
.in_pro_list_ul li:hover{ transform:translateY(-6px); box-shadow:0 14px 34px rgba(20,20,20,.13); }
.in_pro_list_ul li:hover .txt{ opacity:1; max-height:260px; }

.in_pro_list_ul li .img{ padding:26px 18px 18px; text-align:center; background:#fff; }
.in_pro_list_ul li .img .np_ic,
.in_pro_list_ul li .img .img_i{
  width:66px; height:66px; margin:0 auto 14px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#c6000b 0%,#e8612c 100%);
  box-shadow:0 8px 20px rgba(198,0,11,.22);
  transition:transform .3s ease;
}
.in_pro_list_ul li:hover .img .img_i{ transform:rotate(-8deg) scale(1.06); }
.in_pro_list_ul li .img .img_i svg{ width:32px; height:32px; color:#fff; stroke:#fff; }

/* 四个卡片四套渐变（用 nth-child 分配，避免改 HTML 内联 style） */
.in_pro_list_ul li:nth-child(1) .img_i{ background:linear-gradient(135deg,#c6000b 0%,#e8612c 100%); box-shadow:0 8px 20px rgba(198,0,11,.22); }
.in_pro_list_ul li:nth-child(2) .img_i{ background:linear-gradient(135deg,#0b6ba8 0%,#0f9d8f 100%); box-shadow:0 8px 20px rgba(11,107,168,.22); }
.in_pro_list_ul li:nth-child(3) .img_i{ background:linear-gradient(135deg,#6f42c1 0%,#a855f7 100%); box-shadow:0 8px 20px rgba(111,66,193,.22); }
.in_pro_list_ul li:nth-child(4) .img_i{ background:linear-gradient(135deg,#c8973f 0%,#e8a33d 100%); box-shadow:0 8px 20px rgba(200,151,63,.22); }

.in_pro_list_ul li .img p{
  margin:0; font-size:17px; font-weight:700; color:#1c1c1c; letter-spacing:.5px;
}
.in_pro_list_ul li .img span{
  display:block; margin:6px 0 0; font-size:13px; color:#7b8492;
}

.in_pro_list_ul li .txt{
  padding:0 18px 20px; text-align:center;
}
.in_pro_list_ul li .txt p{
  margin:0 0 4px; font-size:13px; color:#666; line-height:1.6;
  padding-left:14px; position:relative; text-align:left;
}
.in_pro_list_ul li .txt p::before{
  content:""; position:absolute; left:0; top:9px;
  width:5px; height:5px; border-radius:50%; background:#c6000b;
}
.in_pro_list_ul li:nth-child(2) .txt p::before{ background:#0b6ba8; }
.in_pro_list_ul li:nth-child(3) .txt p::before{ background:#6f42c1; }
.in_pro_list_ul li:nth-child(4) .txt p::before{ background:#c8973f; }

.in_pro_list_ul li .txt a{
  display:inline-block; margin:12px 0 0; padding:8px 26px;
  font-size:13px; color:#c6000b; background:#fff;
  border:1px solid #f0c2c2; border-radius:999px; text-decoration:none;
  transition:all .22s;
}
.in_pro_list_ul li .txt a:hover{ background:#c6000b; border-color:#c6000b; color:#fff; }
.in_pro_list_ul li:nth-child(2) .txt a{ color:#0b6ba8; border-color:#bcd9ea; }
.in_pro_list_ul li:nth-child(2) .txt a:hover{ background:#0b6ba8; border-color:#0b6ba8; color:#fff; }
.in_pro_list_ul li:nth-child(3) .txt a{ color:#6f42c1; border-color:#d9c9f2; }
.in_pro_list_ul li:nth-child(3) .txt a:hover{ background:#6f42c1; border-color:#6f42c1; color:#fff; }
.in_pro_list_ul li:nth-child(4) .txt a{ color:#b8860b; border-color:#ecd9a8; }
.in_pro_list_ul li:nth-child(4) .txt a:hover{ background:#c8973f; border-color:#c8973f; color:#fff; }

/* =========================================================
   2. index_choose 彻底重构（ic2_ 前缀，旧 .ic_*/choose_* 规则全部失效）
   新结构：eyebrow+大标题 → 数据条 → 6 宫格优势卡 → 团��� → 客户墙
   ========================================================= */
.index_choose{ background:#fff; padding:64px 0 60px; }
.ic2_head{ text-align:center; margin:0 0 30px; }
.ic2_eyebrow{
  display:inline-block; padding:5px 16px; margin:0 0 14px;
  font-size:12px; letter-spacing:2px; color:#c6000b; font-weight:600;
  background:#fff2f1; border:1px solid #fadbd7; border-radius:999px;
}
.ic2_head h2{ margin:0; font-size:32px; font-weight:800; color:#1c1c1c; letter-spacing:1px; }
.ic2_head h2 span{ color:#c6000b; }
.ic2_head p{ margin:12px auto 0; max-width:680px; font-size:14px; color:#7b8492; line-height:1.8; }

/* 数据条 */
.ic2_stats{
  display:flex; flex-wrap:wrap; gap:16px; margin:0 0 30px;
  background:linear-gradient(115deg,#16233a 0%,#1f3557 55%,#2a4a75 100%);
  border-radius:16px; padding:26px 30px;
}
.ic2_stat{ flex:1 1 calc(25% - 12px); min-width:150px; text-align:center; position:relative; }
.ic2_stat + .ic2_stat::before{
  content:""; position:absolute; left:-8px; top:12%; height:76%;
  width:1px; background:rgba(255,255,255,.16);
}
.ic2_stat b{
  display:block; font-size:32px; font-weight:800; color:#e8b968; line-height:1.1;
}
.ic2_stat b i{ font-style:normal; font-size:17px; margin-left:2px; }
.ic2_stat span{ display:block; margin:6px 0 0; font-size:13px; color:rgba(255,255,255,.78); }

/* 6 宫格优势卡 */
.ic2_grid{ display:flex; flex-wrap:wrap; gap:18px; margin:0 0 34px; padding:0; list-style:none; }
.ic2_card{
  flex:1 1 calc(33.333% - 12px); min-width:270px;
  background:#fff; border:1px solid #eee; border-radius:14px;
  padding:24px 22px; display:flex; gap:14px; align-items:flex-start;
  box-shadow:0 3px 14px rgba(20,20,20,.05);
  transition:transform .26s ease, box-shadow .26s ease, border-color .26s;
}
.ic2_card:hover{
  transform:translateY(-5px); border-color:#f5c9c5;
  box-shadow:0 14px 32px rgba(198,0,11,.12);
}
.ic2_ic{
  flex:none; width:50px; height:50px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#fff2f1 0%,#ffe6e3 100%);
}
.ic2_ic svg{ width:26px; height:26px; color:#c6000b; stroke:#c6000b; }
.ic2_card h4{ margin:0 0 6px; font-size:16px; font-weight:700; color:#1c1c1c; }
.ic2_card p{ margin:0; font-size:13px; color:#777; line-height:1.75; }

/* 团队 */
.ic2_team{ margin:0 0 30px; }
.ic2_sec_head{ text-align:center; margin:0 0 22px; }
.ic2_sec_head h3{ margin:0; font-size:23px; font-weight:700; color:#1c1c1c; }
.ic2_sec_head p{ margin:8px 0 0; font-size:13px; color:#7b8492; }
.ic2_team_ul{ display:flex; flex-wrap:wrap; gap:18px; margin:0; padding:0; list-style:none; }
.ic2_member{
  flex:1 1 calc(25% - 14px); min-width:210px; text-align:center;
  background:#fff; border:1px solid #eee; border-radius:14px; padding:22px 16px 20px;
  box-shadow:0 3px 14px rgba(20,20,20,.05); transition:transform .26s, box-shadow .26s;
}
.ic2_member:hover{ transform:translateY(-5px); box-shadow:0 14px 32px rgba(20,20,20,.12); }
.ic2_av{
  width:88px; height:88px; margin:0 auto 14px; border-radius:50%; overflow:hidden;
  border:3px solid #fff; box-shadow:0 6px 18px rgba(20,20,20,.14); background:#f2f4f7;
}
.ic2_av img{ width:100%; height:100%; object-fit:cover; display:block; }
.ic2_member h4{ margin:0; font-size:16px; font-weight:700; color:#1c1c1c; }
.ic2_member h4 em{ font-style:normal; font-size:12px; color:#a0a0a0; margin-left:5px; font-weight:400; }
.ic2_role{ display:block; margin:5px 0 0; font-size:12px; color:#c6000b; }
.ic2_skill{
  margin:9px 0 0; font-size:13px; color:#777; line-height:1.7;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.ic2_ask{
  display:inline-block; margin:12px 0 0; padding:7px 20px; font-size:13px;
  color:#c6000b; border:1px solid #f0c2c2; border-radius:999px; text-decoration:none;
  transition:all .22s;
}
.ic2_ask:hover{ background:#c6000b; color:#fff; border-color:#c6000b; }
.ic2_team_foot{
  margin:22px 0 0; text-align:center; font-size:14px; color:#666;
}
.ic2_team_foot a{ color:#c6000b; text-decoration:none; font-weight:600; }
.ic2_team_foot .ic2_btn{
  display:inline-block; margin-left:12px; padding:9px 24px;
  background:#c6000b; color:#fff; border-radius:999px; font-size:13px;
  transition:all .22s;
}
.ic2_team_foot .ic2_btn:hover{ background:#a30009; }

/* 客户墙 */
.ic2_partner{ margin:0; }
.ic2_partner_ul{
  display:flex; flex-wrap:wrap; gap:14px; margin:0; padding:0; list-style:none;
}
.ic2_partner_ul li{
  flex:1 1 calc(16.666% - 12px); min-width:130px; margin:0;
  background:#fff; border:1px solid #eee; border-radius:12px;
  padding:14px 12px; display:flex; align-items:center; justify-content:center;
  height:78px; transition:all .24s; filter:grayscale(100%); opacity:.75;
}
.ic2_partner_ul li:hover{ filter:grayscale(0%); opacity:1; transform:translateY(-3px); box-shadow:0 10px 24px rgba(20,20,20,.1); }
.ic2_partner_ul li img{ max-width:100%; max-height:100%; object-fit:contain; }

/* =========================================================
   3. liucheng 页：CTA 重新配色 + 配套服务图标容器
   旧 CTA：大红渐变 #c6000b→#8a0008，土
   新 CTA：深墨蓝金配色，高级
   ========================================================= */
.lc_cta{
  background:linear-gradient(115deg,#16233a 0%,#1f3557 52%,#2a4a75 100%);
  padding:52px 0; color:#fff; position:relative; overflow:hidden;
}
.lc_cta::before{
  content:""; position:absolute; right:-60px; top:-60px; width:260px; height:260px;
  border-radius:50%; background:radial-gradient(circle,rgba(232,185,104,.22) 0%,rgba(232,185,104,0) 70%);
}
.lc_cta::after{
  content:""; position:absolute; left:-80px; bottom:-90px; width:300px; height:300px;
  border-radius:50%; background:radial-gradient(circle,rgba(198,0,11,.20) 0%,rgba(198,0,11,0) 70%);
}
.lc_cta .w1200{ position:relative; z-index:2; }
.lc_cta_in{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; }
.lc_cta_txt h2{ margin:0; font-size:28px; line-height:1.4; font-weight:800; color:#fff; letter-spacing:.5px; }
.lc_cta_txt h2 span{ color:#e8b968; }
.lc_cta_txt p{ margin:11px 0 0; font-size:14px; line-height:1.8; color:rgba(255,255,255,.72); }
.lc_cta_acts{ display:flex; flex-wrap:wrap; gap:12px; }
.lc_cta_btn{
  display:inline-flex; align-items:center; gap:7px; height:46px; padding:0 26px;
  font-size:15px; border-radius:999px; text-decoration:none; transition:all .24s;
}
.lc_cta_btn i{ font-size:16px; }
.lc_cta_btn1{
  background:linear-gradient(135deg,#e8b968 0%,#d9a441 100%); color:#3a2800; font-weight:700;
  box-shadow:0 8px 20px rgba(232,185,104,.3);
}
.lc_cta_btn1:hover{ transform:translateY(-2px); box-shadow:0 12px 26px rgba(232,185,104,.42); }
.lc_cta_btn2{
  background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.35);
  backdrop-filter:blur(4px);
}
.lc_cta_btn2:hover{ background:rgba(255,255,255,.2); border-color:#fff; transform:translateY(-2px); }

/* 配套服务卡片：图标容器统一圆角渐变底（替换土味 PNG 后承接新 SVG） */
.lc_svc_card .img{
  width:74px; height:74px; border-radius:18px; margin:0 auto 16px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#fff2f1 0%,#ffe9e6 100%);
  transition:transform .3s ease;
}
.lc_svc_card .img img{ width:40px; height:40px; object-fit:contain; }
.lc_svc_card .img svg{ width:36px; height:36px; stroke:#c6000b; color:#c6000b; }
.lc_svc_card:hover .img{ transform:translateY(-4px) rotate(-6deg); }

/* =========================================================
   4. 列表页缩略图统一高度（北京一日游/多日游/定制 高的高矮的矮）
   做法：容器固定 4:3 比例 + object-fit:cover，任何原图都裁成一致
   ========================================================= */
.in_case_box_ul li .img,
.case_content .case_all_ul li .img,
.news_box_list li .n_img,
.tg_res_item .tg_img{
  position:relative; width:100%; padding-top:75%; overflow:hidden;
  border-radius:10px; background:#f2f4f7;
}
.in_case_box_ul li .img img,
.case_content .case_all_ul li .img img,
.news_box_list li .n_img img,
.tg_res_item .tg_img img{
  position:absolute; left:0; top:0; width:100%; height:100%;
  object-fit:cover; display:block;
}

@media (max-width:991px){
  .in_pro_list_ul li{ flex:1 1 calc(50% - 10px); }
  .ic2_card{ flex:1 1 calc(50% - 9px); }
  .ic2_member{ flex:1 1 calc(50% - 9px); }
  .ic2_stat{ flex:1 1 calc(50% - 8px); }
  .ic2_head h2{ font-size:26px; }
  .lc_cta_txt h2{ font-size:22px; }
}
@media (max-width:600px){
  .in_pro_list_ul li{ flex:1 1 100%; }
  .ic2_card,.ic2_member{ flex:1 1 100%; }
  .ic2_stats{ padding:20px 18px; }
  .ic2_stat{ flex:1 1 calc(50% - 8px); }
  .ic2_stat b{ font-size:26px; }
  .lc_cta_btn{ padding:0 18px; height:42px; font-size:14px; }
}
/* ===== /首页 / liucheng 视觉重做 v20261023-v7 ===== */

/* =========================================================
   v8 20261023-2 晚 修复与重构
   ========================================================= */
/* 1) 撤销 v7 的 padding-top:75% 方案 —— img 绝对定位实际锚定在内层 position:relative 的 <a> 上，
      padding 区变成死白。改回 aspect-ratio 方案（a 已有 1.42/1 等高），缩略图仍然全站统一等高 */
.in_case_box_ul li .img,
.case_content .case_all_ul li .img,
.tg_res_item .tg_img{
  padding-top:0; background:none;
}
.in_case_box_ul li .img img,
.case_content .case_all_ul li .img img,
.tg_res_item .tg_img img{
  position:static;
}
/* 列表页（北京一日游/多日游/定制 caselist）缩略图统一 1.42:1 */
.case_content .case_all_ul>li .img>a{
  aspect-ratio:1.42/1; background:#f1f3f5;
}
.case_content .case_all_ul .img a img{
  width:100%; height:100%!important; object-fit:cover; display:block; border:0;
}
/* 首页新闻小图恢复 150x110 横排 */
.news_box_list li .n_img{
  padding-top:0; width:150px; height:110px; float:left;
  border-radius:8px; overflow:hidden; background:#f2f4f7;
}
.news_box_list li .n_img a{ display:block; width:100%; height:100%; }
.news_box_list li .n_img img{
  position:static; width:100%; height:110px; max-height:110px;
  object-fit:cover; display:block;
}

/* 2) 专属定制师团队板块上下留白加大 */
.ic2_team{ margin:66px 0 46px; }
.ic2_sec_head{ margin:0 0 28px; }
.ic2_partner{ margin-top:10px; }

/* 3) 服务项目 in_pro_list_ul 重构（ip2_，旧 img/txt 结构已废弃） */
.in_pro_list_ul{
  display:flex; flex-wrap:wrap; gap:16px; overflow:visible; padding:0;
}
.in_pro_list_ul li{
  width:auto; float:none; margin:0; padding:0;
  background:#fff; border:1px solid #eef0f4; border-radius:16px;
  box-shadow:0 6px 18px rgba(16,32,60,.05); overflow:hidden;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.in_pro_list_ul li:hover,
.in_pro_list_ul li.active{
  transform:translateY(-6px); box-shadow:0 16px 34px rgba(16,32,60,.12);
  border-color:#f0b9bd; background:#fff;
}
.ip2_card{ display:flex; flex-direction:column; height:100%; padding:24px 22px 22px; }
.ip2_top{
  display:flex; align-items:center; gap:13px;
  padding-bottom:15px; margin-bottom:14px; border-bottom:1px dashed #edeff2;
}
.ip2_ico{
  flex:none; width:52px; height:52px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
}
.ip2_ico svg{ width:28px; height:28px; display:block; }
.in_pro_list_ul li:nth-child(1) .ip2_ico{ color:#c6000b; background:linear-gradient(135deg,#fff1f1,#ffe2e2); }
.in_pro_list_ul li:nth-child(2) .ip2_ico{ color:#0d6efd; background:linear-gradient(135deg,#eef4ff,#dde9ff); }
.in_pro_list_ul li:nth-child(3) .ip2_ico{ color:#0f9d8f; background:linear-gradient(135deg,#e8f9f6,#d2f1ec); }
.in_pro_list_ul li:nth-child(4) .ip2_ico{ color:#6f42c1; background:linear-gradient(135deg,#f5efff,#eadcff); }
.ip2_head h3{ margin:0; font-size:17px; line-height:1.35; color:#1f2329; font-weight:700; }
.ip2_head span{ display:block; margin-top:3px; font-size:12px; color:#98a0ab; }
.ip2_items{ list-style:none; margin:0 0 18px; padding:0; flex:1 1 auto; }
.ip2_items li{
  position:relative; padding:6px 0 6px 16px; margin:0; width:auto; float:none;
  font-size:14px; line-height:1.55; color:#5c6470;
  border:0; box-shadow:none; background:none; border-radius:0;
}
.ip2_items li:before{
  content:''; position:absolute; left:2px; top:13px;
  width:5px; height:5px; border-radius:50%; background:#c6000b; opacity:.5;
}
.ip2_cta{
  display:block!important; opacity:1!important;
  height:42px; line-height:42px; text-align:center; padding:0!important;
  border-radius:21px; background:linear-gradient(135deg,#c6000b,#e0363e)!important;
  color:#fff!important; font-size:14px;
}
.ip2_cta:hover{ opacity:.88; }

/* 4) 文章页侧边栏「联系我们」卡片（np_contact_box 此前完全没有样式） */
.news_page_contact{ margin-top:14px; }
.np_contact_box{
  background:#fff; border:1px solid #eef0f3; border-radius:12px;
  padding:18px 16px 16px; text-align:center;
  box-shadow:0 4px 14px rgba(16,24,40,.05);
}
.np_qr{
  width:150px; height:150px; margin:0 auto 12px; border-radius:10px;
  overflow:hidden; border:1px solid #eef0f3; background:#f2f4f7;
}
.np_qr img{ width:100%; height:100%; object-fit:cover; display:block; }
.np_qr_tip{ font-size:13px; color:#5c6470; line-height:1.75; margin:0 0 12px; }
.np_tel{
  display:flex; align-items:center; justify-content:center; gap:6px;
  height:42px; border-radius:21px; background:#fff1f1;
  color:#c6000b!important; font-size:17px; font-weight:700; margin-bottom:10px;
  text-decoration:none;
}
.np_msg{
  display:block; height:42px; line-height:42px; border-radius:21px;
  background:linear-gradient(135deg,#c6000b,#e0363e);
  color:#fff!important; font-size:14px; text-decoration:none;
}
.np_msg:hover, .np_tel:hover{ opacity:.9; }

/* 5) liucheng 政企团体出行回退为原 index_show 深色样式后的标题配色 */
.lc_biz .lc_sec_title h2{ color:#fff; }
.lc_biz .lc_sec_title p{ color:rgba(255,255,255,.75); }
.lc_biz .lc_sec_title h2:after{ background:#fff; }

@media (max-width:991px){
  .ip2_card{ padding:20px 16px 18px; }
  .in_pro_list_ul{ gap:12px; }
}
/* ===== /v8 ===== */

/* v8b 首页各板块标题图（SVG）统一规格 */
.in_pro_title h2 img, .case_title h2 img,
.cooperation_ttitle h2 img, .in_news_title h2 img,
.ic2_h3img img{ height:56px; width:auto; display:inline-block; vertical-align:middle; }
.cooperation_ttitle h2, .in_news_title h2, .ic2_h3img{ line-height:1; }

/* ===== v9 20261023 ===== */
/* B1. footer 热门标签区补齐样式（v8 漏写） */
.bm2_wrap{ background:#fff; border-top:1px solid #eef0f3; padding:36px 0 30px; }
.bm2_head{ display:flex; justify-content:space-between; align-items:center; margin:0 0 18px; }
.bm2_title{ display:flex; align-items:center; }
.bm2_ico{ width:36px; height:36px; border-radius:10px; background:linear-gradient(135deg,#c6000b,#e0363e); color:#fff; display:flex; align-items:center; justify-content:center; margin-right:12px; box-shadow:0 6px 14px rgba(198,0,11,.25); flex:none; }
.bm2_ico svg{ width:20px; height:20px; }
.bm2_title b{ font-size:20px; color:#1c1c1c; line-height:1; }
.bm2_title em{ font-style:normal; font-size:12px; color:#b3bac3; letter-spacing:2.5px; margin-left:10px; }
.bm2_all{ color:#c6000b; font-size:14px; }
.bm2_all:hover{ color:#a30009; }
.bm2_cloud{ background:#f6f7f9; border-radius:14px; padding:16px 18px 6px; overflow:hidden; }
.bm2_cloud li{ float:left; margin:0 8px 10px 0; list-style:none; }
.bm2_cloud li a{ display:block; padding:6px 14px; background:#fff; border:1px solid #e7eaee; border-radius:16px; color:#4a5560; font-size:13px; line-height:20px; transition:all .25s; }
.bm2_cloud li a:hover{ background:#c6000b; border-color:#c6000b; color:#fff; }

/* B2. 服务项目间距收紧 + 副标题 */
.index_product{ padding:44px 0 36px; }
.in_pro_title{ margin:0 0 20px; }

/* B3. 顶部导航下拉图片统一高度 */
.dropdown-menu.p_menu li img{ width:100%; height:132px; object-fit:cover; border-radius:8px; }

/* B4. 旅游攻略 index_news 整块重构 nw2_ */
.nw2_sec{ padding:50px 0 34px; background:#fff; }
.nw2_head{ text-align:center; margin:0 0 24px; }
.nw2_head h2{ margin:0; line-height:1; }
.nw2_head h2 img{ height:56px; width:auto; }
.nw2_head h3{ margin:10px 0 0; font-size:15px; font-weight:400; color:#7b8492; }
.nw2_tabs{ overflow:hidden; text-align:center; margin:0 0 28px; padding:0; }
.nw2_tabs li{ display:inline-block; margin:0 5px 10px; list-style:none; }
.nw2_tabs li a{ display:block; padding:8px 20px; border-radius:20px; background:#f1f3f5; color:#4a5560; font-size:15px; transition:all .25s; }
.nw2_tabs li.active a, .nw2_tabs li:hover a{ background:#c6000b; color:#fff; }
.nw2_box{ overflow:hidden; }
.nw2_group{ display:none; }
.nw2_group:first-child{ display:block; }
.nw2_grid{ overflow:hidden; margin:0 -10px; padding:0; }
.nw2_grid li{ float:left; width:25%; padding:0 10px 22px; list-style:none; }
.nw2_card{ background:#fff; border:1px solid #eceff2; border-radius:12px; overflow:hidden; transition:all .3s; }
.nw2_card:hover{ box-shadow:0 10px 26px rgba(0,0,0,.09); border-color:#e2e6ea; }
.nw2_img{ display:block; aspect-ratio:1.6/1; overflow:hidden; background:#f1f3f5; }
.nw2_img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.nw2_card:hover .nw2_img img{ transform:scale(1.05); }
.nw2_txt{ padding:14px 16px 16px; }
.nw2_txt h2{ margin:0 0 8px; font-size:16px; line-height:24px; height:48px; overflow:hidden; }
.nw2_txt h2 a{ color:#1c1c1c; }
.nw2_txt h2 a:hover{ color:#c6000b; }
.nw2_txt p{ margin:0 0 12px; font-size:13px; line-height:22px; color:#8a939e; height:44px; overflow:hidden; }
.nw2_meta{ overflow:hidden; }
.nw2_meta time{ float:left; font-size:12px; color:#b3bac3; line-height:24px; }
.nw2_more{ float:right; font-size:13px; color:#c6000b; line-height:24px; }
@media (max-width:991px){
  .nw2_grid li{ width:50%; }
  .nw2_txt h2,.nw2_txt p{ height:auto; }
}
@media (max-width:600px){ .nw2_grid li{ width:100%; } }
/* ===== v10: /tag/ banner+搜索框 & 面包屑同行 20261023 ===== */
.tg_banner{ background:linear-gradient(135deg,#7a0006 0%,#c6000b 55%,#e0363e 100%); padding:52px 0 58px; text-align:center; position:relative; overflow:hidden; }
.tg_banner_in{ max-width:1200px; margin:0 auto; padding:0 15px; position:relative; z-index:1; }
.tg_banner h1{ color:#fff; font-size:34px; letter-spacing:8px; font-weight:700; margin-bottom:10px; }
.tg_banner p{ color:rgba(255,255,255,.78); font-size:14px; letter-spacing:1px; }
.tg_search_form{ margin:24px auto 0; max-width:580px; display:flex; border-radius:24px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.18); }
.tg_search_form input[type=text]{ flex:1; height:48px; line-height:48px; border:0; outline:none; padding:0 22px; font-size:15px; color:#333; background:#fff; }
.tg_search_form button{ width:128px; height:48px; border:0; cursor:pointer; background:#1c1c1c; color:#fff; font-size:15px; letter-spacing:2px; }
.tg_search_form button:hover{ background:#000; }
/* 面包屑强制同一行 */
.news_nav{ display:flex; align-items:center; flex-wrap:nowrap; }
.news_nav h3{ float:none; width:auto; flex:0 0 auto; }
.news_nav_ul{ float:none; display:inline-flex; align-items:center; flex-wrap:nowrap; white-space:nowrap; }
.news_nav_ul li{ float:none; display:inline-flex; align-items:center; }
.news_nav_ul li:after{ float:none; display:inline-block; }
@media (max-width:767px){ .tg_banner h1{ font-size:24px; letter-spacing:4px; } .tg_search_form{ margin-top:18px; } }

/* ============ SEO v11：页面唯一 h1 ============ */
/* 列表页 / 单页 / 标签页：面包屑下方的页面主标题 */
.pg_h1{
  margin:0 0 18px; padding:0 0 14px;
  font-size:26px; line-height:1.4; font-weight:700; color:#1c1c1c;
  border-bottom:2px solid #f0f0f0; position:relative;
}
.pg_h1::after{
  content:""; position:absolute; left:0; bottom:-2px; width:64px; height:2px; background:#c6000b;
}
/* 标签聚合页主标题 */
.tg_h1{
  margin:0 0 16px; padding:0 0 14px;
  font-size:26px; line-height:1.4; font-weight:700; color:#1c1c1c;
  border-bottom:2px solid #f0f0f0; position:relative;
}
.tg_h1::after{
  content:""; position:absolute; left:0; bottom:-2px; width:64px; height:2px; background:#c6000b;
}
/* 首页 h1：视觉隐藏但对爬虫与读屏器可见（不做关键词堆砌） */
.sr_h1{
  position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
@media (max-width:767px){
  .pg_h1,.tg_h1{ font-size:20px; margin:0 0 14px; padding:0 0 12px; }
}

/* ==========================================================
   兜底：src 为空的 img 一律不渲染
   ----------------------------------------------------------
   后台某些字段（栏目 banner 图、内容缩略图）允许留空，
   模板里写死的 <img src="[sort:pic]"> 就会输出 src=""，
   浏览器会渲染出一个带 alt 文字和边框的破图占位块。
   真正该做的是在后台把图补齐（已给公司团队/合作客户补上 banner）；
   这里是最后一道保险，任何页面都不会因某个后台字段漏填而露出破图。
   ========================================================== */
img[src=""],img[src=" "],img[src="/"],img[src="#"]{display:none !important}

/* ==========================================================
   分页组件统一规范（放在文件末尾，统一收口旧规则）
   ----------------------------------------------------------
   本站分页条混用两套类名：
     a) PBootCMS 自动生成 → .page-num / .page-num-current
     b) 模板手写          → .page-item.page-link（上一页/下一页/共N页）
   原状：.page-item/.page-link 完全没有样式；.page-num-current 的背景
   依赖 var(--brand) 而变量未定义 → 当前页退化成透明底 + 白字，看不清。
   这里一次性统一：盒子尺寸一致、当前页必有深色底 + 白字。
   ========================================================== */
.pagebar{clear:both;margin:20px auto 50px;text-align:center}
.pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;
  margin:34px 0 0;padding:0;list-style:none}

.pagination a,.pagination>span>a,.pagination li a,.pagination li span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:38px;height:38px;padding:0 12px;margin:0;box-sizing:border-box;
  border:1px solid var(--line-d);border-radius:9px;
  background:#fff;color:var(--ink-2);font-size:14px;line-height:1;
  text-decoration:none;transition:.16s}
.pagination a:hover,.pagination>span>a:hover,.pagination li a:hover{
  border-color:var(--brand);color:var(--brand);background:var(--bg-tint)}

/* 当前页：品牌蓝底 + 白字。两套类名 + 有无 li 都要命中 */
.pagination a.page-num-current,
.pagination a.page-item.page-link.current,
.pagination li.active a,.pagination li.active span,
.pagination a.page-num-current:hover,
.pagination li.active a:hover,
a.page-num-current{
  background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700;
  box-shadow:0 4px 12px rgba(27,160,220,.28)}

/* 上一页/下一页/共N页：普通态，绝不能被当成当前页 */
.pagination a.page-item.page-link.st,
.pagination a.page-item.page-link{
  background:#fff;border-color:var(--line-d);color:var(--ink-2);
  font-weight:400;box-shadow:none}
.pagination a.page-item.page-link.st:hover,
.pagination a.page-item.page-link:hover{
  border-color:var(--brand);color:var(--brand);background:var(--bg-tint)}

.pagination .page-status,.pagination .page-none{
  border:0;background:none;min-width:0;padding:0 4px;box-shadow:none}

@media (max-width:767px){
  .pagination{gap:6px;margin:24px 0 0}
  .pagination a,.pagination>span>a,.pagination li a,.pagination li span{
    min-width:34px;height:34px;padding:0 9px;font-size:13px}
}

/* ===== 详情页正文首图（后台由栏目备用字段 def1 控制：车辆/定制师等） ===== */
.nd_thumb{margin:0 0 22px;padding:20px 18px;
  background:linear-gradient(180deg,#f7f9fc 0%,#eef2f7 100%);
  border:1px solid #e6ebf2;border-radius:10px;text-align:center;line-height:0}
.nd_thumb img{max-width:100%;width:auto;height:auto;border-radius:6px}
@media (max-width:767px){
  .nd_thumb{padding:14px 12px;margin:0 0 16px}
}

/* ===== 联系我们页内容优化（2026-10-25） ===== */
.ct2_lead{margin:0 0 26px;padding:16px 20px;font-size:15px;line-height:1.9;color:#555;
  background:#f7f9fc;border-left:4px solid #c8102e;border-radius:0 8px 8px 0}
.ct2_lead b{color:#c8102e;font-weight:600}

.ct2_h2{position:relative;margin:0 0 18px;padding:0 0 12px;font-size:20px;font-weight:700;color:#222}
.ct2_h2::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;background:#c8102e;border-radius:2px}

/* 二维码 + 服务范围 */
.ct2_box{display:flex;gap:28px;margin:0 0 34px;padding:26px;background:#fff;
  border:1px solid #eceff4;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.ct2_qr{flex:0 0 200px;text-align:center;padding:18px 12px;background:#f9fafc;border-radius:10px}
.ct2_qr_img{line-height:0;margin-bottom:12px}
.ct2_qr_img img{width:150px;height:150px;max-width:100%;border-radius:6px}
.ct2_qr strong{display:block;font-size:15px;color:#222;margin-bottom:4px}
.ct2_qr span{display:block;font-size:12px;color:#8a8a8a;line-height:1.7}
.ct2_scope{flex:1;min-width:0}
.ct2_scope h2{margin:0 0 16px;font-size:20px;font-weight:700;color:#222}
.ct2_scope ul{list-style:none;margin:0;padding:0}
.ct2_scope li{padding:12px 0;border-bottom:1px dashed #e8ecf2}
.ct2_scope li:last-child{border-bottom:none}
.ct2_scope li b{display:block;font-size:15px;color:#222;margin-bottom:4px}
.ct2_scope li span{display:block;font-size:13px;color:#777;line-height:1.7}

/* 服务承诺 */
.ct2_promise{margin:0 0 34px}
.ct2_promise_list{display:flex;flex-wrap:wrap;gap:16px}
.cp_item{flex:1;min-width:220px;padding:20px 18px;background:#fff;border:1px solid #eceff4;border-radius:10px;text-align:center}
.cp_item i{font-size:26px;color:#c8102e;line-height:1}
.cp_item b{display:block;margin:10px 0 6px;font-size:16px;color:#222}
.cp_item span{display:block;font-size:13px;color:#777;line-height:1.8}

/* 合作须知 */
.ct2_notice{margin:0 0 34px;padding:22px 24px;background:#fffaf5;border:1px solid #f3e2cd;border-radius:10px}
.ct2_notice .ct2_h2{color:#a35a15}
.ct2_notice ul{list-style:none;margin:0;padding:0}
.ct2_notice li{position:relative;padding:8px 0 8px 18px;font-size:14px;color:#6b5a48;line-height:1.9}
.ct2_notice li::before{content:"";position:absolute;left:0;top:17px;width:6px;height:6px;background:#d99433;border-radius:50%}
.ct2_notice li b{color:#a35a15}

@media (max-width:767px){
  .ct2_lead{font-size:14px;padding:14px 16px}
  .ct2_box{flex-direction:column;gap:18px;padding:18px}
  .ct2_qr{flex:none;width:100%}
  .ct2_promise_list{flex-direction:column}
  .ct2_notice{padding:18px 16px}
}

/* ===== 首页定制师卡片：整卡可点进详情页（2026-10-25） ===== */
.ic2_mem_link{display:block;color:inherit;text-decoration:none;
  transition:color .22s}
.ic2_mem_link:hover h4{color:#c6000b}
.ic2_member .ic2_ask{margin:12px 5px 0}
.ic2_ask_more{background:#f7f9fc}
.ic2_ask_more:hover{background:#c6000b;color:#fff;border-color:#c6000b}
.ic2_ask_tel{border-color:#e3e6ea;color:#666}
.ic2_ask_tel:hover{background:#333;color:#fff;border-color:#333}