/**
 * ########################################################################################################################
 * 全局样式重置
 * ########################################################################################################################
 */
/* 统一所有元素的盒子类型和内外填充 */
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0px; padding: 0px; }

/* 设置默认字体和字体大小 */
body { 
  font-size: 16px; color: #050505; 
  font-family: 'Arial','Microsoft Yahei','微软雅黑'; 
  font-style: normal; 
  padding-top: 102px;
  overflow-x: hidden;
}

/* 清除列表元素的列表符号 */
ul, ol, li { list-style: none; }

/* 超链接样式 */
a { color: inherit; }
a:link,
a:visited,
a:hover,
a:active { text-decoration: none; }
a:hover { opacity: .8; }

/* 清除元素的默认边框 */
img { border: 0; border: none; outline: none; }

/* 使得表单元素在 ie 下能继承字体大小 */
/* 清空表单元素的内外边框 */
button,
input,
select,
textarea { font-size: 100%; outline: none; border: 1px solid #f2f3f4; color: inherit; }

/* 清除表格的默认边框和单元格间距 */
table { border-collapse: collapse; border-spacing: 0; }

/* 设置 placeholder 文本颜色 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder  { color: #949596; }
.placeholder  { color: #949596; }

/* iconfont */
.iconfont { display: inline-block; font-size: inherit; }

.swiper-button-next, .swiper-button-prev { color: #FFFFFF; font-size: 22px; background: #D3291A; }
.swiper-button-next.white, .swiper-button-prev.white { color: #FFFFFF; }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }
.swiper-button-next:hover, .swiper-button-prev:hover { color: #FFFFFF; }
.swiper-button-next.white:hover, .swiper-button-prev.white:hover { color: #F10D17; }
.swiper-button-next .iconfont, .swiper-button-prev .iconfont { font-size: 12px; }



/** 
 * ########################################################################################################################
 * 辅助类
 * ########################################################################################################################
 */
/* 浮动 */
.fl { float: left; }
.fr { float: right; }

/* 清除浮动 */
.clear,
.clearfix { *zoom: 1; }
.clear:before, .clear:after,
.clearfix::before, .clearfix::after { content: ''; display: block; height: 0; clear: both; }

/* 强制不换行 */
.nowrap { word-wrap: normal; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
/* 强制换行 */
.iswrap { white-space: normal; word-wrap: break-word; word-break: break-all; }

/* 文本多出部分用省略号表示, 用于1行或多行 */
.ellipsis-1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.ellipsis-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ellipsis-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.ellipsis-4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

/* 不显示滚动条（透明隐藏） */
.scroll-hide::-webkit-scrollbar { background-color: rgba(0, 0, 0, 0); width: 0; }

/* 文字两端对齐 */
.justify { text-align: justify; }
.justify:after { content: ""; display: inline-block; width: 100%; }

/* 过渡 */
.transition { -webkit-transition: all 0.3s; transition: all 0.3s; }

/* 默认平铺背景 */
.bg-cover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}



/**
 * ########################################################################################################################
 * Common Tabs
 * ########################################################################################################################
 */
.common-tabs-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.common-tabs-item { width: 193px; height: 67px; background: #FFFFFF; -webkit-transform: skewX(-15deg); transform: skewX(-15deg); margin-right: 12px; font-size: 16px; color: #666666; }
.common-tabs-item.active { background: #D3291A; color: #FFFFFF; }
.common-tabs-item:hover { background: #D3291A; color: #FFFFFF; }
.common-tabs-item-link { display: block; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: skewX(15deg); transform: skewX(15deg); }
.common-tabs-item-icon { font-size: 18px; margin-right: 6px; }



/**
 * ########################################################################################################################
 * 通用Banner
 * ########################################################################################################################
 */
.common-banner-wrapper { position: relative; color: #FFFFFF; }
.common-banner-image { display: block; width: 100%; } 
.common-banner-content { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.common-banner-title { font-size: 44px; margin-bottom: 20px; }
.common-banner-desc { font-size: 20px; line-height: 1.8; padding: 0 10px; text-align: center; }
.breadcrumb-navigation-wrapper { position: absolute; width: 100%; height: 60px; font-size: 14px; color: #FFFFFF; border-bottom: 1px solid rgba(255,255,255,0.3); left: 0; top: 0; z-index: 20; }
.breadcrumb-navigation-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1300px; margin: 0 auto; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; }
.breadcrumb-navigation-link { display: inline-block; }
.breadcrumb-navigation-link:hover { color: #D3291A; -webkit-transition: all 0.6s; transition: all 0.6s; }
.breadcrumb-navigation-icon { font-size: 14px; padding: 0 5px; margin-bottom: -2px; }



/**
 * ########################################################################################################################
 * 通用内页导航菜单
 * ########################################################################################################################
 */
.common-tab-menus-wrapper {height: 89px;position: relative;z-index: 10;font-size: 16px;color: #666666;background: #f1f1f1;padding-top: 1px; padding-top: 1px;}
.common-tab-menus-wrap {height: 130px;margin-top: -42px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;/* background: #F1F1F1; */ overflow-x: hidden;}
.common-tab-menus__item-skew { height: 89px; width: 170px; background: #F2F3F4; -webkit-transform: skewX(-15deg); transform: skewX(-15deg); }
.common-tab-menus__item-skew.active { height: 100%; background: #D3291A; color: #FFFFFF; margin-right: -6px; }
.common-tab-menus__item-skew:hover { background: #D3291A; color: #FFFFFF; opacity: 1; }
.common-tab-menus__item { -webkit-transform: skew(15deg); transform: skew(15deg); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.common-tab-menus__item-icon { font-size: 26px !important; margin-bottom: 8px; display: none; }
.common-tab-menus__item-skew.active .common-tab-menus__item-icon { display: inline-block; }


/** 
 * ########################################################################################################################
 * 分页器
 * ########################################################################################################################
 */
.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px; color: #333333; margin-bottom: 60px; }
.pagination .page-item { height: 36px; border: 1px solid #F5F5F5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 13px; line-height: 1; margin: 0 6px; cursor: pointer; }
.pagination .page-item.active { background: #D3291A; color: #FFFFFF; }
.pagination .page-item:hover { background: #D3291A; color: #FFFFFF; }
.pagination [aria-label] { font-size: 20px; }
.pagination .page-link { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 13px; }



/**
 * ########################################################################################################################
 * 媒体查询
 * ########################################################################################################################
 */
@media screen and (max-width: 1400px) {
  /**
   * Common Tabs
   */
  .common-tabs-item { width: 180px; height: 60px; }
  
  /**
   * 通用Banner
   */
  .common-banner-title { font-size: 40px; }
  .common-banner-desc { font-size: 18px; }
}


@media screen and (max-width: 1200px) {
  /**
   * Common Tabs
   */
  .common-tabs-item { width: 160px; height: 50px; }
  
  /**
   * 通用Banner
   */
  .common-banner-title { font-size: 34px; }
  .common-banner-desc { font-size: 16px; }
  
  /**
   * 通用内页导航菜单
   */
  .common-tab-menus-wrapper { height: 76px; }
    .common-tab-menus-wrap {height: 110px;margin-top: -35px;font-size: 15px;}
    .common-tab-menus__item-skew { height: 76px; width: 150px; }
    .common-tab-menus__item-skew.active{ margin-right: -4px; }
    .common-tab-menus__item-icon { font-size: 24px; }
}

@media screen and (max-width: 1024px) {
  /**
   * 通用内页导航菜单
   */
  .common-tab-menus-wrapper { height: 60px; }
    .common-tab-menus-wrap { height: 90px; margin-top: -30px; font-size: 14px; }
    .common-tab-menus__item-skew { height: 60px; width: 120px; }
    .common-tab-menus__item-skew.active{ margin-right: -3px; }
    .common-tab-menus__item-icon { font-size: 20px; }
}

@media screen and (max-width: 800px) {
  body { padding-top: 60px; }
  /**
   * Common Tabs
   */
  .common-tabs-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; }
  .common-tabs-item { width: 100px; height: 40px; font-size: 12px; }

  .breadcrumb-navigation-wrapper { height: 40px; font-size: 12px; }
  .breadcrumb-navigation-icon { font-size: 12px; }
  
  /**
   * 通用Banner
   */
  .common-banner-title { font-size: 16px; margin-bottom: 10px; }
  .common-banner-desc { font-size: 12px; }
  .common-banner-image { height: 180px; object-fit: cover; }
  
  /**
   * 通用内页导航菜单
   */
  .common-tab-menus-wrapper { height: 45px; }
  .common-tab-menus-wrap { height: 66px; margin-top: -20px; font-size: 12px; }
  .common-tab-menus__item-skew { height: 46px; width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .common-tab-menus__item-skew.active{ margin-right: -3px; }
  .common-tab-menus__item-icon { font-size: 18px; margin-bottom: 2px; }
  
  .pagination .page-item { margin: 0 3px; height: 24px; }
  .pagination .page-link { padding: 0 4px; font-size: 12px; }
}