* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,body{
    
    overflow-x:hidden !important;
    font-family: "FuturaLTLight","Microsoft YaHei", "微软雅黑","Microsoft_YH","黑体",SimHei,sans-serif !important;
    }
    .text-nowrap{
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  .k_animation{
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  }
.reset_style img{
 max-width:100% !important;
 height:auto !important;
}
  a{
    text-decoration: none;
  }
a:focus, a:hover, a:active {
  text-decoration: none;
  color:inherit;
}
img{
    border:none;
    vertical-align: bottom;
}
    .k_section{
         width:100%;
         overflow: hidden;
         position: relative;
     }
     .k_content_container{
       width:100%;
       padding:30px 0px;
       margin:0px auto;
     }
     .k_clear:before,.k_clear:after{
     clear:both;
     display:table;
     content:"";
    }
     .k_full_width{
        width:100%;
        padding-left:100%;
        padding-right:100%;
        margin-left: -100%;
        margin-right:-100%;
        box-sizing: content-box;
        -moz-box-sizing:content-box;
        -webkit-box-sizing: content-box;
        -ms-box-sizing:content-box;
        -o-box-sizing:content-box;
     }
     .k_content_container:before,.k_content_container:after,.k_row:before,.k_row:after{
        clear: both;
        display:table;
        content:" ";
        min-height: 0px;
     }
    .w_grid-000 > div > .p_gridbox{
     overflow:visible; 
    }
    .w_grid-000 > div > .p_gridbox:before,.w_grid-000 > div > .p_gridbox:after{
        clear: both;
        display:table;
        content:" ";
        min-height: 0px;
    }
     div[class^="k_col_"]{
        padding:0px 5px;
        float:left;
        position:relative;
        box-sizing: border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing:border-box;
        -o-box-sizing:border-box;
        margin-top:10px;
        margin-bottom:10px;
     }
     .k_col_1{
         width:8.3333333%;
     }
     .k_col_2{
         width:16.66666667%;
     }
     .k_col_3{
         width:25%;
     }
     .k_col_4{
         width:33.33333333%;
     }
     .k_col_5{
         width:41.66666667%;
     }
     .k_col_5_5{
        width:20%;
     }
     .k_col_6{
         width:50%;
     }
     .k_col_7{
         width:58.33333333%;
     }
     .k_col_8{
         width:66.66666667%;
     }
     .k_col_9{
         width:75%;
     }
     .k_col_10{
         width:83.33333333%;
     }
     .k_col_11{
         width:91.66666667%;
     }
     .k_col_12{
         width:100%;
     }
    .k_index_title{
     position:relative;
     text-align:center;
     font-size:16px;
      margin-bottom:10px;
    }
    .k_index_title>span{
     display:block;
     color:#f6f6f6;
     font-size: 75px;
     line-height: 32px;
     text-transform: uppercase;
      position:absolute;
      z-index:0;
      width:200%;
      top: 0;
      left:-50%;
      letter-spacing: -2px;
    }
  .k_index_title.k_left{
    text-align:left;
  }
  .k_index_title.k_right{
    text-align:right;
  }
  .k_index_title.k_left>span{
    left:0px;
  }
  .k_index_title.k_right>span{
    left:auto;
    right:0px;
  }
    .k_index_title h3{
      font-size:30px;
      font-weight:bold;
      color:#404042;
      position:relative;
      display:block;
      padding-left:0px !important;
      padding-right:0px !important;
      z-index:1;
    }
  .k_index_title h3:before, .k_index_title h3:after{
      width:140px;
      height:1px;
      border-bottom:1px dashed #ccc;
      display:block;
      position:absolute;
      bottom:0px;
      content:" ";
      display:none;
  }
  .k_index_title h3:before{
     left:0px;
  }
  .k_index_title h3:after{
     right:0px;
  }
    .k_index_title span.k_title_e{
      text-transform:uppercase;
      color:#fbfbfb;
      font-size: 90px;
      font-weight: normal;
      position:absolute;
      width:100%;
      z-index:-1;
      top:20px;
    }
    .k_index_title:after,.k_index_title:before{
     content:" ";
      display:inline-block;
      width:35%;
      height:1px;
      background-color:#c2162c;
      position:absolute;
      top:50%;
      display:none;
    }
    .k_index_title:before{
     left:0px;
    }
    .k_index_title:after{
     right:0px;
    }
  .k_index_title:after{
   display:inline-block;
   position:static;
   width:70px;
    height:4px;
    background-color:#c2162c;
    margin-top:25px;
  }
    @media screen and (max-width:918px){
      .k_index_title span.k_title_e{
       display:none;
      }
    }
    @media screen and (max-width:590px){
      .k_index_title:after,.k_index_title:before{
        width:20%;
      }
    }
  @media screen and (max-width:460px){
     .k_index_title h3{
      padding-left:90px;
      padding-right:90px;
    }
  .k_index_title h3:before, .k_index_title h3:after{
      width:70px;
   }
  }
    .p_CommonSwitchBtnA:hover,.p_CommonSwitchBtnB:hover{
     color:#c2162c!important; 
    }
    .k_btn{
     display:inline-block;
     border-radius:5px;
     line-height:20px;
     padding:10px 30px;
     text-align:center;
     color:#fff;
     background-color:#c2162c;
      font-size:14px;
    }
    .k_btn,.e_btn{
     transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s; 
    }
    .k_btn:hover,.e_btn:hover{
      border-radius:0px !important;
    }
    .p_OccupyBox{
     text-align:center; 
    }
  
    .p_page .PageInterval {
      display: inline-block;
      position: static;
      float: left;
      margin-right: 5px;
      line-height: 38px;
      font-size: 12px;
    }
    .p_page .p_PageInterval {
      display: inline-block;
      position: static;
      float: left;
      margin-right: 5px;
      line-height: 38px;
      font-size: 12px;
      font-family: cursive;
    }
    
    /*宸︾炕椤�*/
    .p_page .pre:after {
      content: "";
      display: none;
      position: absolute;
      top: 5px;
      left: -14px;
      width: 27px;
      height: 27px;
      background-color: rgba(242, 242, 242, 1);
      font-size: 0;
      line-height: 0;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: -1
    }
    .p_page .pre:hover:after {
      top: 4px;
      left: -12px;
      background-color: #c2162c;
      border-radius: 4px 0 0 0;
      -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, .8);
      -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, .8);
      box-shadow: 0 3px 0 rgba(90, 90, 90, .8);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: -1
    }
    .p_page .pre:active:after {
      top: 8px;
      left: -12px;
      width: 28px;
      height: 25px;
      background-color: #c2162c;
      border-radius: 0 3px 0 0;
      -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, .8);
      -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, .8);
      box-shadow: 0 3px 0 rgba(90, 90, 90, .8);
      -webkit-transform: rotate(-226deg);
      -moz-transform: rotate(-226deg);
      -o-transform: rotate(-226deg);
      -ms-transform: rotate(-226deg);
      transform: rotate(-226deg);
      z-index: -1
    }
    
    .p_page .pre {
      display: inline-table;
      position: relative;
      left: 0;
      top: 0;
      float: left;
      height: 30px;
      margin:0 5px 0 18px;
      text-align: center;
      padding:0 10px;
      border-radius: 6px;		
      border:1px solid #d9d9d9;
      background: #fff;
      color: #595959;
    }
    .p_page .pre:hover {
      color: #fff;
      background: #c2162c;
      border-color: #c2162c;
      cursor: pointer
    }
    .p_page .pre:active {
      background: #c2162c;
      border-color: #c2162c;
      color: #fff;
    }
    
    .p_page .pre .font {
      display: table-cell;
      vertical-align: middle;
      bottom: 0;
      font-size: 12px
    }
    .p_page .pre:hover .iconfont {
      color: rgba(255, 255, 255, 1)
    }
    .p_page .pre:active .iconfont {
      color: rgba(255, 255, 255, 1)
    }
    .p_page .pre .iconfont:before {
          content: "\e6b0";
      margin-right: 0;
    }
      .p_page .pre .i_pre {
          display: none;
      }
    
    /*鍙崇炕椤�*/
    .p_page .next:after {
      content: "";
      display: none;
      position: absolute;
      top: 5px;
      right: -14px;
      width: 27px;
      height: 27px;
      background-color: #c2162c;
      font-size: 0;
      line-height: 0;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: -1
    }
    .p_page .next:hover:after {
      top: 5px;
      right: -12px;
      background-color: #c2162c;
      border-radius: 4px 0 0 0;
      -webkit-box-shadow: 0 3px 0 #777;
      -moz-box-shadow: 0 3px 0 #777;
      box-shadow: 0 3px 0 #777;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      z-index: -1;
      width: 26px;
      height: 26px
    }
    .p_page .next:active:after {
      top: 8px;
      right: -12px;
      width: 27px;
      height: 24px;
      background-color: #c2162c;
      border-radius: 0 3px 0 0;
      -webkit-box-shadow: 0 3px 0 #777;
      -moz-box-shadow: 0 3px 0 #777;
      box-shadow: 0 3px 0 #777;
      -webkit-transform: rotate(226deg);
      -moz-transform: rotate(226deg);
      -o-transform: rotate(226deg);
      -ms-transform: rotate(226deg);
      transform: rotate(226deg);
      z-index: -1
    }
    .p_page .next {
      display: inline-table;
      position: relative;
      left: 0;
      top: 0;
      float: left;
      height: 30px;
      border: 1px solid #d9d9d9;
      background: #fff;
      color: #595959;
      text-align: center;
      padding:0 10px;
      border-radius: 6px;
    }
    .p_page .next:hover {		
      background: #c2162c;
      border-color: #c2162c;
      color: #fff;
      cursor: pointer
    }
    .p_page .next:active {
      background: #c2162c;
      border-color: #c2162c;
      color: #fff;
    }
    .p_page .next .font {
      display: table-cell;
      vertical-align: middle;
      bottom: 0;
      font-size: 12px
    }
    .p_page .next:hover .iconfont {
      color: rgba(255, 255, 255, 1)
    }
    .p_page .next:active .iconfont {
      color: rgba(255, 255, 255, 1)
    }
    .p_page .next .iconfont:before {
      content: "\e6af";
      margin-top: 0;
      float: right;
      margin-left: 0;
    }
      .p_page .next .i_next {
          display: none;
    }
    /* 涓嶅彲鐐瑰嚮鐘舵€� */
    .p_page .js_pageBtnDisable,
    .p_page .js_pageBtnDisable:hover,
    .p_page .js_pageBtnDisable:active {
      background: #f5f5f5;
      border-color: #d9d9d9;
      color: #bfbfbf;
      cursor: default;	
    }
    .p_page .js_pageBtnDisable:hover .iconfont {color: #bfbfbf;}
    
    /*缈婚〉鏁板瓧*/
    .p_page .pageNum {
      position: relative;
      float: left;
      height: 30px;
      min-width: 30px;
      margin:0 5px 0 0;
      padding:0 5px;
      background-size: 100% 100%;
      color: #595959;
      border:1px solid #d9d9d9;
      cursor: pointer;
      line-height: 30px;
      display: inline-block;
      font-family: inherit;
      font-size: 14px;
      font-weight: inherit;
      text-decoration: none;
      background-color: #fff;
      text-align: center;
      border-radius: 6px;
    }
    .p_page .pageNum:hover {
      color: #fff;
      border-color: #c2162c;
      cursor: pointer;
      text-decoration: none;
      background-color: #c2162c;
    }
    .p_page .pageNum:active {
      color: #fff;
      text-decoration: none;
      background-color: #c2162c;
      border-color: #c2162c;
    }
    .p_page .pageNum.active {
      text-decoration: none;
      background-color: #c2162c;
      color: #fff;
      border-color: #c2162c;
    }
    .p_page .pageNum .font {
      display: table-cell;
      vertical-align: middle;
      bottom: 0
    }
    .p_page .pageNum .iconfont {
      display: inline;
      color: rgba(255, 255, 255, 1);
      vertical-align: middle
    }
    .p_page .pageNum:hover .iconfont {
      color: rgba(255, 255, 255, 1)
    }
    .p_page .pageNum:active .iconfont {
      color: rgba(255, 255, 255, 1)
    }
    .p_page .pageNum .iconfont:before {
      content: ""
    }
    
    /*缈婚〉鐪佺暐*/
    .p_page .PageInterval {
      line-height: 30px;
      cursor: text;
      color: rgba(102, 102, 102, 1)
    }
    .p_page .p_PageInterval {
      line-height: 30px;
      cursor: text;
      color: #ccc;
      font-family: cursive;
    }
    /*姣忛〉鏄剧ず鏉℃暟*/
    .p_page .pagesize{
      font-size:14px;
      float:left;
      margin-left: 10px;
    }
  .p_pagebox {
    width: 100%;
    height: auto;
    margin: 20px auto 0;
    clear: both;
    position: relative;
    font-size: 0;
    white-space: nowrap
  }
  .p_pagebox .pre {
    display: inline-table;
    height: 45px;
    width: 28%;
    color: rgba(255, 255, 255, 1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    background-color: #c2162c;
    text-align: center;
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    left: 0;
    top: 0;
    box-sizing: border-box
  }
  .p_pagebox .pre:hover {
    color: rgba(255, 255, 255, 1);
    border-color: #c2162c;
    background-color: #c2162c;
    cursor: pointer
  }
  .p_pagebox .pre:active {
    background-color: #c2162c;
  }
  .p_pagebox .pre .font {
    display: table-cell;
    vertical-align: middle;
    bottom: 0;
    font-size: 16px
  }
  .p_pagebox .pre .iconfont {
    display: inline-block;
    color: rgba(255, 255, 255, 1);
    vertical-align: top;
    width: auto;
    height: auto;
    float: left;
    font-size: 22px
  }
  .p_pagebox .pre:hover .iconfont {
  color:#fff;
  }
  .p_pagebox .pre:active .iconfont {
  color:#fff;
  }
  .p_pagebox .pre .iconfont:before {
    content: "\e6b0"
  }
  .p_pagebox .next {
    display: inline-table;
    height: 45px;
    width: 28%;
    color: rgba(255, 255, 255, 1);
    border-width: 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    background-color: #c2162c;
    text-align: center;
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    left: 0;
    top: 0;
    box-sizing: border-box
  }
  
  .p_pagebox .next:hover{
  color:rgba(255,255,255,1);
  border-width: 0;
  border-style: solid;
  border-color:rgba(255,255,255,0);
  background-color:#c2162c;
  cursor:pointer;
  }
  .p_pagebox .next:active{
  background-color:#c2162c;
  }
  .p_pagebox .next .font{
  display:table-cell;
  vertical-align:middle;
  bottom:0;
  font-size: 16px;
  }
  .p_pagebox .next .iconfont{
  display:inline-block;
  color:rgba(255,255,255,1);
  vertical-align:top;
  width: auto;
  height: auto;
  float: right;
  font-size: 22px;
  }
  .p_pagebox .next:hover .iconfont{
  color:rgba(255,255,255,1);
  }
  .p_pagebox .next:active .iconfont{
  color:rgba(255,255,255,1);
  }
  .p_pagebox .next .iconfont:before{
  content: "\e6af";
  }
  
  /* 涓嶅彲鐐瑰嚮鐘舵€� */
  .p_pagebox .js_pageBtnDisable,
  .p_pagebox .js_pageBtnDisable:hover,
  .p_pagebox .js_pageBtnDisable:active {
  background: #f5f5f5;
  border-color: #d9d9d9;
  color: #bfbfbf;
  cursor: default;	
  }
  .p_pagebox .js_pageBtnDisable .iconfont {color: #bfbfbf;}
  .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf;}
  
  
  .p_pagebox .NumBox {
    width: 44%;
    height: 44px;
    border: 1px solid #cdd5d5;
    display: inline-table;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    background: #e6e6e6;
    vertical-align: top
  }
  .p_pagebox .num {
    display: table-cell;
    vertical-align: middle;
    font-size: 22px;
    text-align: center;
    width: 100%
  }
  .p_pagebox .ItemBox {
    position: absolute;
    width: 100%;
    height: auto;
    border: 1px solid #d3d4d4;
    bottom: 44px;
    left: 0;
    max-height: 300px;
    overflow-y: auto;
    z-index: 99;
    border-bottom: 0
  }
  .p_pagebox .num .iconfont {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 20px
  }
  .p_pagebox .num .iconfont:before {
    content: "\e69c";
    font-size: 22px
  }
  .p_pagebox .NumBox ul li {
    width: inherit;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #fffffe;
    color: #323332;
    font-size: 16px
  }
  .p_pagebox .NumBox ul li .iconfont:before {
    content: ""
  }
  .p_pagebox .NumBox ul li:active {
    background-color: #e4e4e4
  }
  
    .kk_product_cate_list > div{
     overflow:hidden; 
    }
    .kk_product_cate_list > div .p_linkBox.click{
      background-color:#c2162c!important;
      border-color:#c2162c!important;
    }
.k_m_hide{
 display:block;
}
.k_m_show{
 display:none;
}
    @media screen and (max-width:1300px){
     .k_content_container,.k_container{
       padding-left:20px;
       padding-right:20px;
      }
    }
     @media screen and (max-width:768px){
      div[class^="k_col_"]{
        width:100%;
        float:none;
        padding:0px 5px !important;
       }
       .k_content_container img{
           width:100%;
       }
            .k_m_hide{
      display:none;
      }
     .k_m_show{
      display:block;
     }
     }
    .c_portalResFile_relatedlist-01001 .stylebox_top,.c_portalResFile_relatedlist-01001 .stylebox_title{
     background-color:#c2162c;
    }
  
  .k_category{
  margin-bottom:20px; 
  }
  @media screen and (min-width:769px){
   .k_category{
    margin-top:-70px; 
   }
  }
  .k_category_title{
  background-color:#c2162c;
  color:#fff;
  text-align:center;
  padding:30px 10px;
  }
  .k_category_title h5{
  font-size:30px;
  font-weight:normal;
  }
  .k_category_title span{
  display:block;
  font-size:15px;
   text-transform: uppercase;
  }
  .k_category_more_info{
  background-color:transparent;
  padding:0px 0px 30px;
  border-radius:5px 5px 0px 0px;
  margin-top:20px;
  }
  .k_category_more_info p{
  color:#000;
  font-size:16px;
  line-height:30px;
  }
  .k_category_more_info span,.k_category_more_info a{
  color:#fff; 
   margin-bottom:25px;
  }
  .k_category_box{
   box-shadow: 0px 0px 5px #eee;
  }
  .k_category_box>.p_parentBox{
  width:100%;
  position:relative;
  margin:0px auto;
  border-bottom:1px solid #eee;
  }
  .k_category_box>.p_parentBox:first-child{
   border-top:1px solid #eee;
  }
  .k_category_box>.p_parentBox>.p_linkBox{
  width:100%;
  position:relative;
  text-align:left;
  background-color:#fff;
  padding:10px 10px;
  padding-left:35px;
  }
  .k_category_box>.p_parentBox>.p_linkBox a,.k_category_box>.p_parentBox>.p_linkBox i{
  color:#000; 
  font-size:16px;
  }
  .k_category_box>.p_parentBox>.p_linkBox i{
   font-size:20px;
   color:#c2162c;
   font-weight:bold;
  }
  .p_categoryBox{
  width:100% !important;
  float:none !important;
  }
  .k_category_box .p_linkBox:hover,.k_category_box .p_linkBox.click{
  background-color:#c2162c!important; 
  }
  .k_category_box .p_linkBox:hover a,.k_category_box .p_linkBox.click a,.k_category_box .p_linkBox:hover i,.k_category_box .p_linkBox.click i{
  color:#fff !important; 
  }
  .k_category_box .p_linkBox i:before{
  color:inherit !important;
  }
  .k_category_box .p_childBox{
  padding-left:0px !important;
  background-color:transparent !important;
  }
  .k_category_box .p_childBox .p_linkBox{
  margin:2px auto;
  width:100%;
  border:none !important;
  background-color:#e5e5e5;
  }
  .k_category_box .p_childBox .p_linkBox a{
  display:block;
  padding:10px;
   color:#000;
    padding-top: 5px;
  padding-bottom: 5px;
    text-align:center;
  }
  .k_category_box .p_childBox .p_linkBox i{
  display:none;
  }
  .k_category_box .e_icon{
  position: absolute;
  left: 0px;
  top: 6px;
  top:calc(50% - 15px);
  top:-webkit-calc(50% - 15px);
  top:-moz-calc(50% - 15px);
  top:-o-calc(50% - 15px);
  top:-ms-calc(50% - 15px);
  line-height: 30px;
  height: 30px;
  width: 30px;
  text-align: center;
  }
  .c_portalResProduct_category-01001001 .p_linkBox .icon-arrow_up::before{
   content:"\e684" !important;
  }
  .c_portalResProduct_category-01001001 .p_linkBox .icon-arrow_down::before{
   content:"\e683" !important;
  }
  @media screen and (max-width:768px){
    .k_category_box .p_childBox .p_linkBox{
    background-color:#e5e5e5;
    }
  }
  .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox:hover > a > .font{
  border:none !important;
  }
  .c_portalResBreadcrumb_nav-01001001 .p_breadcrumb.contentBox:hover > a > .font:before{
  display:none !important;
  }
  .k_cate_more_img{
   margin-top:15px;
  }
  .k_cate_more_img + .k_category_more_info{
   margin-top:15px !important;
  }
  @media screen and (max-width: 768px) and (min-width: 460px) {
  .k_cate_more_img{
    display:none;
   }
  }
  .stylebox_top,.stylebox_title{
   background-color:#c2162c!important;
  }
  @media screen and (min-width:769px){
  #w_common_text-1557890638159{
   position:relative;
   z-index:2;
   margin-left:-20% !important;
   background-color:rgba(255,255,255,0.8);
  }
  }
.k_back_top{
 display:inline-block;
}
.k_back_top a{
 display:block;
 width:50px;
 height:50px;
 color:#fff;
 line-height:50px;
 text-align:center;
 background-color:#c2162c;
 font-size:22px;
 cursor:pointer;
}

/* ys sidebar */
.k_yh_side_wrapper{
 width:100%;
 position:relative;
 margin-bottom:30px;
}
.k_yh_side_title{
 width:100%;
 background-color:#c2162c;
 background-image:url(/img/page_side_bar.jpg);
 background-size:cover;
 text-align:center;
 padding:36px 5px 34px;
}
.k_yh_side_title h2{
 color:#fff;
 font-size:22px;
 line-height:24px;
 display:inline-block;
}
.k_yh_side_title span{
 font-size:12px;
 vertical-align: middle;
}
.k_side_cate_btn{
 cursor:pointer;
 font-size:16px;
 color:#fff;
 background:#c2162c;
 padding:15px 5px;
 text-align:center;
 display:none;
}
.k_yh_cate_wrapper{
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.k_yh_cate{
 width:100%;
}
.k_yh_cate_list{
 
}
.k_yh_cate_item{
 position:relative;
 background-color:#fff;
 border-bottom:1px solid #f5f5f5;
 padding:18px 10px 18px 54px;
 position:relative;
}
.k_yh_cate_item a{
 display:block;
 color:#696969;
 font-size:15px;
 line-height:24px;
}
.k_yh_cate_item .e_icon{
 position:absolute;
 width:32px;
 height:32px;
 text-align:center;
 line-height:32px;
 font-size:16px;
 color:#696969;
 left: 11px;
 top: 15px;
 transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.k_yh_cate_item:hover a,.k_yh_cate_item:hover .e_icon,.k_yh_cate_item.click a,.k_yh_cate_item.click .e_icon{
 color:#c2162c;
}
.k_yh_cate_item:hover .e_icon,.k_yh_cate_item.click .e_icon{
 left:15px;
}
@media screen and (max-width:768px){
  .k_yh_side_title{
   display:none;
  }
  .k_side_cate_btn{
   display:block; 
  }
  .k_yh_cate_wrapper{
   max-height:0px;
   overflow:hidden;
  }
  .k_yh_cate_wrapper.k_active{
   max-height:520px;
  }
}
.k_yh_right{
 margin-bottom:30px;
}
.k_yh_right img{
 max-width:100%;
}
.k_yh_catedes_title{
 text-align:center;
 margin-bottom:10px;
}
.k_yh_catedes_title h3{
  font-size:30px;
  color:#c2162c;
  line-height:1.2em;
}
.k_yh_catedes_title .k_yh_line{
 display:inline-block;
 width:38px;
 height:1px;
 background-color:#c2162c;
 margin:2px 0px;
}
@media screen and (min-width:769px){
 .k_yh_right{
  padding-left:40px;
 }
}
/* end */

/* ft cursor */
@keyframes kmouse
{
from {
  transform: scale(1);
  opacity:1;}
to {
  transform: scale(4);
  opacity:0.6;}
}
@-moz-keyframes kmouse /* Firefox */
{
from {
  transform: scale(1);
  opacity:1;}
to {
  transform: scale(4);
  opacity:0.6;}
}

@-webkit-keyframes kmouse /* Safari 和 Chrome */
{
from {
  transform: scale(1);
  opacity:1;}
to {
  transform: scale(4);
  opacity:0.6;}
}

@-o-keyframes kmouse /* Opera */
{
from {
  transform: scale(1);
  opacity:1;}
to {
  transform: scale(4);
  opacity:0.6;}
}
*{
    outline: none;
}
html,.ft3,.ft3 a{
    cursor:none;
}
.circle-cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    border-radius: 50%;
}
.circle-cursor--inner {
    width: 5px;
    height: 5px;
    left: -2.5px;
    top: -2.5px;
    z-index: 11000;
    background: #c2162c;
}
.circle-cursor--inner:before{
    content:" ";
    display:block;
    width:5px;
    height:5px;
   position:absolute;
    top:0px;
    left:0px;
    border-radius:50%;
    background-color:#ba3537;
     animation: kmouse 1s 0s ease infinite alternate;
    -moz-animation: kmouse 1s 0s ease infinite alternate;	
    -webkit-animation: kmouse 1s 0s ease infinite alternate;	
    -o-animation: kmouse 1s 0s ease infinite alternate;
   display:none;
}
.circle-cursor--outer {    
    width: 17px;
    height: 17px;
    border: 1px solid transparent;
    z-index: 12000;
    opacity: 0.5; 
    background-color: #c2162c;
    transform: scale(1);
}
@media screen and (max-width:768px){
  .k_customer_mouse{
   display:none;
  }
}
html.k_ie,.k_ie .ft3,.k_ie .ft3 a{
    cursor: inherit;
}
.k_ie .k_customer_mouse{
    display:none;
}
/* end */
/* ft header */
@keyframes kfade
{
from {opacity:1;
filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */}
to {opacity:0.1;
filter:alpha(opacity=10); /* 针对 IE8 以及更早的版本 */}
}

@-moz-keyframes kfade /* Firefox */
{
from {opacity:1;
filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */}
to {opacity:0.1;
filter:alpha(opacity=10); /* 针对 IE8 以及更早的版本 */}
}

@-webkit-keyframes kfade /* Safari 和 Chrome */
{
from {opacity:1;
filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */}
to {opacity:0.1;
filter:alpha(opacity=10); /* 针对 IE8 以及更早的版本 */}
}

@-o-keyframes kfade /* Opera */
{
from {opacity:1;
filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */}
to {opacity:0.1;
filter:alpha(opacity=10); /* 针对 IE8 以及更早的版本 */}
}
.k_ft_header{
    border-bottom:1px solid #e8e8e8;
    position: relative;
    z-index: 9999;
}
.k_ft_header_wrapper{
  max-width: 1240px;
  margin:0px auto;
  padding:0px 20px;
}
.k_logo_w{
    display:none;
}
.k_logo{
    float:left;
    width:160px;
}
.k_logo a{
    display:block;
    padding:24px 0px;
}
.k_logo a img{
    max-width:100%;
   width:160px;
}
.k_nav{
    float:left;
    width:80%;
    width:calc(100% - 160px);
    width:-webkit-calc(100% - 160px);
    width:-moz-calc(100% - 160px);
    width:-ms-calc(100% - 160px);
}
.k_nav_wrapper{
  text-align:right;
  padding:20px 0px;
}
.k_nav_wrapper>a,.k_nav_wrapper>div{
    display:inline-block;
    vertical-align: middle;
}
.k_xie{
    height: 45px;
    width: 1px;
    background-color: #dbdbdb;
    margin: 0px 20px;
    transform: rotate(15deg);
}
.k_nav_wrapper>a.k_index_show{
    display:none;
}
.k_list_show{
 display:none;
}
@media screen and (max-width:640px){
 .k_nav_wrapper img{
   width:80%;
 }
}
/* nav menu */
.k_menu{
  font-size:10px;
}
.k_menu .k_menu_wrapper{
  font-size: 16px;
}
.menu {
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  visibility:hidden;
  z-index:5;
  transition:visibility 1.5s cubic-bezier(.08,.03,.22,.87)
 }
 .menu__wrapper {
  width:100%
 }
 .menu__col {
  position:relative;
  width:16.66666667%;
  text-align:center
 }
 .menu__col:hover .menu__title:before {
  -webkit-transform:translateX(-50%) scaleX(1);
  transform:translateX(-50%) scaleX(1)
 }
 .menu__col-inner {
  z-index:2
 }
 .menu__title {
  display:inline-block;
  font-size:36px;
  letter-spacing:0rem;
  text-indent:0rem;
  margin-bottom:10px;
  position:relative;
  color:#979797;
  line-height: 1em;
 }
 .k_nav_text_cn{
   font-size:22px;
 }
 .menu__title:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  height:50%;
  width:105%;
  -webkit-transform-origin:left;
  transform-origin:left;
  -webkit-transform:translateX(-50%) scaleX(0);
  transform:translateX(-50%) scaleX(0);
  background-color:#fff;
  transition:-webkit-transform .6s cubic-bezier(.08,.03,.22,.87);
  transition:transform .6s cubic-bezier(.08,.03,.22,.87);
  transition:transform .6s cubic-bezier(.08,.03,.22,.87),-webkit-transform .6s cubic-bezier(.08,.03,.22,.87);
  z-index:-1;
  display:none;
 }
 .menu__title:hover:before {
  -webkit-transform:translateX(-50%) scaleX(1);
  transform:translateX(-50%) scaleX(1)
 }
 .menu__title span {
  position:relative;
  z-index:1
 }
 @media (max-width:1700px) {
  .menu__title {
   font-size:26px;
  }
 }
 .menu__text {
  display:block;
  line-height:2;
  margin:0 auto;
  width:214px;
  position:relative;
  z-index:2;
  color:#979797;
 }
 .menu__text a{
  color:#979797;
 }
 @media (max-width:1700px) {
  .menu__text {
   width:calc(20vw - 50px)
  }
 }
 .menu__submenu-link {
  display:inline-block;
  transition:color .5s ease
 }
 .menu__submenu-link:hover {
  color:#787878
 }
 .menu__master-link {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0
 }
 .menu__master-link.is-inner {
  z-index:1
 }
 .menu.is-active {
  visibility:visible;
  transition:visibility .8s cubic-bezier(.08,.03,.22,.87)
 }
 .menu.is-active .menu__col-inner {
  opacity:1
 }
 .menu.is-active .menu__col-outer {
  width:100%;
  padding:0 12%
 }
 @media (min-width:992px) {
  .menu__wrapper {
   height:100%;
   display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
   display: -moz-box; /* Firefox 17- */  
   display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
   display: -moz-flex; /* Firefox 18+ */  
   display: -ms-flexbox; /* IE 10 */  
   display:flex;
  }
  .menu__col {
   height:100%
  }
  .menu__col-outer {
   background-color:rgba(255,255,255,0.8);
   border-right:0 solid transparent;
   position:absolute;
   top:0;
   left:0;
   width:0;
   height:100%;
   padding:0;
   overflow:hidden;
  }
  .menu__col-outer:hover {
   background-color:rgba(255,255,255,0);
  }
  
  .menu__col-inner {
   position:absolute;
   height:371px;
   top:50%;
   left:100px;
   -webkit-transform:translate(-50%,-50%);
   transform:translate(-50%,-50%);
   opacity:0;
   transition:opacity 1s ease;
  }
  .menu__col-outer:hover .menu__col-inner{
    -webkit-transform: translate(-50%,-62%);
    transform: translate(-50%,-62%);
  }
  .menu.is-active .menu__col:not(:last-child) .menu__col-outer {
   border-right:1px solid #f9f6f6
  }
  .menu__col-outer:hover .menu__text,.menu__col-outer:hover .menu__text a,.menu__col-outer:hover .menu__title{
    color:#fff;
  }
  .menu__col-outer:hover .k_nav_line{
    background-color:#fff;
  }
 }
 @media (min-width:992px) and (max-width:1199.98px) {
  .menu__title {
   font-size:26px;
  }
  .k_menu .k_menu_wrapper{
    font-size:14px;
  }
 }
 @media (max-width:991.98px) {
  .menu {
   background-color:#f5f5f5;
   display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
   display: -moz-box; /* Firefox 17- */  
   display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
   display: -moz-flex; /* Firefox 18+ */  
   display: -ms-flexbox; /* IE 10 */  
   display:flex;
   align-items:center;
   opacity:0;
   transition:opacity .8s,visibility .8s cubic-bezier(.08,.03,.22,.87);
   transition-delay:.5s
  }
  .menu.is-active {
   opacity:1;
   transition:opacity .8s,visibility .8s cubic-bezier(.08,.03,.22,.87);
   transition-delay:0s
  }
  .menu.is-active .menu__col {
   opacity:1;
   -webkit-transform:translateY(0);
   transform:translateY(0)
  }
  .menu__col {
   display:block;
   width:100%;
   opacity:0;
   -webkit-transform:translateY(20px);
   transform:translateY(20px)
  }
  .menu__col-inner {
   left:auto!important
  }
  .menu__title {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.2em;
  }
  .menu__text {
   display:none
  }
 }
 @media (min-width:992px) {
  .menu__col:first-child .menu__col-outer {
   transition:width .8s cubic-bezier(.08,.03,.22,.87) .1s,padding .8s cubic-bezier(.08,.03,.22,.87) .1s,background-color 2s cubic-bezier(.08,.03,.22,.87),border 1s cubic-bezier(.08,.03,.22,.87) .1s
  }
  .menu.is-active .menu__col:first-child .menu__col-outer {
   transition:width .8s cubic-bezier(.08,.03,.22,.87) .15s,padding .8s cubic-bezier(.08,.03,.22,.87) .15s,background-color 2s cubic-bezier(.08,.03,.22,.87),border 2s cubic-bezier(.08,.03,.22,.87) .15s
  }
  .menu__col:first-child .menu__col-inner {
   transition-delay:.2s;
   transition:opacity 1s ease .2s,transform 1s ease 0s;
  }
  .menu__col:nth-child(2) .menu__col-outer {
   transition:width .8s cubic-bezier(.08,.03,.22,.87) .2s,padding .8s cubic-bezier(.08,.03,.22,.87) .2s,background-color 2s cubic-bezier(.08,.03,.22,.87),border 1s cubic-bezier(.08,.03,.22,.87) .2s
  }
  .menu.is-active .menu__col:nth-child(2) .menu__col-outer {
   transition:width .8s cubic-bezier(.08,.03,.22,.87) .3s,padding .8s cubic-bezier(.08,.03,.22,.87) .3s,background-color 2s cubic-bezier(.08,.03,.22,.87),border 2s cubic-bezier(.08,.03,.22,.87) .3s
  }
  .menu__col:nth-child(2) .menu__col-inner {
   transition-delay:.4s;
   transition:opacity 1s ease .4s,transform 1s ease 0s;
  }
  .menu__col:nth-child(3) .menu__col-outer {
   transition:width .8s cubic-bezier(.08,.03,.22,.87) .3s,padding .8s cubic-bezier(.08,.03,.22,.87) .3s,background-color 2s cubic-bezier(.08,.03,.22,.87),border 1s cubic-bezier(.08,.03,.22,.87) .3s
  }
  .menu.is-active .menu__col:nth-child(3) .menu__col-outer {
   transition:width .8s cubic-bezier(.08,.03,.22,.87) .45s,padding .8s cubic-bezier(.08,.03,.22,.87) .45s,background-color 2s cubic-bezier(.08,.03,.22,.87),border 2s cubic-bezier(.08,.03,.22,.87) .45s
  }
  .menu__col:nth-child(3) .menu__col-inner {
   transition-delay:.6s;
   transition:opacity 1s ease .6s,transform 1s ease 0s;
  }
  .menu__col:nth-child(4) .menu__col-outer {
   transition:width .8s cubic-bezier(.08,.03,.22,.87) .4s,padding .8s cubic-bezier(.08,.03,.22,.87) .4s,background-color 2s cubic-bezier(.08,.03,.22,.87),border 1s cubic-bezier(.08,.03,.22,.87) .4s
  }
  .menu.is-active .menu__col:nth-child(4) .menu__col-outer {
   transition:width .8s cubic-bezier(.08,.03,.22,.87) .6s,padding .8s cubic-bezier(.08,.03,.22,.87) .6s,background-color 2s cubic-bezier(.08,.03,.22,.87),border 2s cubic-bezier(.08,.03,.22,.87) .6s
  }
  .menu__col:nth-child(4) .menu__col-inner {
   transition-delay:.8s;
   transition:opacity 1s ease .8s,transform 1s ease 0s;
  }
  .menu__col:nth-child(5) .menu__col-outer {
   transition:width .8s cubic-bezier(.08,.03,.22,.87) .5s,padding .8s cubic-bezier(.08,.03,.22,.87) .5s,background-color 2s cubic-bezier(.08,.03,.22,.87),border 1s cubic-bezier(.08,.03,.22,.87) .5s
  }
  .menu.is-active .menu__col:nth-child(5) .menu__col-outer {
   transition:width .8s cubic-bezier(.08,.03,.22,.87) .75s,padding .8s cubic-bezier(.08,.03,.22,.87) .75s,background-color 2s cubic-bezier(.08,.03,.22,.87),border 2s cubic-bezier(.08,.03,.22,.87) .75s
  }
  .menu__col:nth-child(5) .menu__col-inner {
   transition-delay:1s;
   transition:opacity 1s ease .1s,transform 1s ease 0s;
  }
  .menu__col:nth-child(6) .menu__col-outer {
    transition:width .8s cubic-bezier(.08,.03,.22,.87) .6s,padding .8s cubic-bezier(.08,.03,.22,.87) .6s,background-color 2s cubic-bezier(.08,.03,.22,.87),border 1s cubic-bezier(.08,.03,.22,.87) .6s
   }
   .menu.is-active .menu__col:nth-child(6) .menu__col-outer {
    transition:width .8s cubic-bezier(.08,.03,.22,.87) .9s,padding .8s cubic-bezier(.08,.03,.22,.87) .9s,background-color 2s cubic-bezier(.08,.03,.22,.87),border 2s cubic-bezier(.08,.03,.22,.87) .9s
   }
   .menu__col:nth-child(6) .menu__col-inner {
    transition-delay:1.2s;
    transition:opacity 1s ease 1.2s,transform 1s ease 0s,transform 1s ease 0s;
   }
   
   
 }
 @media (max-width:991.98px) {
  .menu__col:first-child {
   transition:opacity .8s cubic-bezier(.08,.03,.22,.87) .1s,-webkit-transform .8s cubic-bezier(.08,.03,.22,.87) .1s;
   transition:transform .8s cubic-bezier(.08,.03,.22,.87) .1s,opacity .8s cubic-bezier(.08,.03,.22,.87) .1s;
   transition:transform .8s cubic-bezier(.08,.03,.22,.87) .1s,opacity .8s cubic-bezier(.08,.03,.22,.87) .1s,-webkit-transform .8s cubic-bezier(.08,.03,.22,.87) .1s
  }
  .menu.is-active .menu__col:first-child {
   transition-delay:.1s
  }
  .menu__col:nth-child(2) {
   transition:opacity .8s cubic-bezier(.08,.03,.22,.87) .2s,-webkit-transform .8s cubic-bezier(.08,.03,.22,.87) .2s;
   transition:transform .8s cubic-bezier(.08,.03,.22,.87) .2s,opacity .8s cubic-bezier(.08,.03,.22,.87) .2s;
   transition:transform .8s cubic-bezier(.08,.03,.22,.87) .2s,opacity .8s cubic-bezier(.08,.03,.22,.87) .2s,-webkit-transform .8s cubic-bezier(.08,.03,.22,.87) .2s
  }
  .menu.is-active .menu__col:nth-child(2) {
   transition-delay:.2s
  }
  .menu__col:nth-child(3) {
   transition:opacity .8s cubic-bezier(.08,.03,.22,.87) .3s,-webkit-transform .8s cubic-bezier(.08,.03,.22,.87) .3s;
   transition:transform .8s cubic-bezier(.08,.03,.22,.87) .3s,opacity .8s cubic-bezier(.08,.03,.22,.87) .3s;
   transition:transform .8s cubic-bezier(.08,.03,.22,.87) .3s,opacity .8s cubic-bezier(.08,.03,.22,.87) .3s,-webkit-transform .8s cubic-bezier(.08,.03,.22,.87) .3s
  }
  .menu.is-active .menu__col:nth-child(3) {
   transition-delay:.3s
  }
  .menu__col:nth-child(4) {
   transition:opacity .8s cubic-bezier(.08,.03,.22,.87) .4s,-webkit-transform .8s cubic-bezier(.08,.03,.22,.87) .4s;
   transition:transform .8s cubic-bezier(.08,.03,.22,.87) .4s,opacity .8s cubic-bezier(.08,.03,.22,.87) .4s;
   transition:transform .8s cubic-bezier(.08,.03,.22,.87) .4s,opacity .8s cubic-bezier(.08,.03,.22,.87) .4s,-webkit-transform .8s cubic-bezier(.08,.03,.22,.87) .4s
  }
  .menu.is-active .menu__col:nth-child(4) {
   transition-delay:.4s
  }
  .menu__col:nth-child(5) {
   transition:opacity .8s cubic-bezier(.08,.03,.22,.87) .5s,-webkit-transform .8s cubic-bezier(.08,.03,.22,.87) .5s;
   transition:transform .8s cubic-bezier(.08,.03,.22,.87) .5s,opacity .8s cubic-bezier(.08,.03,.22,.87) .5s;
   transition:transform .8s cubic-bezier(.08,.03,.22,.87) .5s,opacity .8s cubic-bezier(.08,.03,.22,.87) .5s,-webkit-transform .8s cubic-bezier(.08,.03,.22,.87) .5s
  }
  .menu.is-active .menu__col:nth-child(5) {
   transition-delay:.5s
  }
  .menu__col:nth-child(6) {
    transition:opacity .8s cubic-bezier(.08,.03,.22,.87) .6s,-webkit-transform .8s cubic-bezier(.08,.03,.22,.87) .6s;
    transition:transform .8s cubic-bezier(.08,.03,.22,.87) .6s,opacity .8s cubic-bezier(.08,.03,.22,.87) .6s;
    transition:transform .8s cubic-bezier(.08,.03,.22,.87) .6s,opacity .8s cubic-bezier(.08,.03,.22,.87) .6s,-webkit-transform .8s cubic-bezier(.08,.03,.22,.87) .6s
   }
   .menu.is-active .menu__col:nth-child(6) {
    transition-delay:.6s
   }
 }
 .k_nav_slider{
   position: absolute;
   top:0px;
   bottom:0px;
   right:0px;
   left:0px;
   z-index:0;
   visibility: hidden;
   opacity: 0;
   filter:alpha(opacity=0);
   transition: all 1.4s;
   -moz-transition: all 1.4s;
   -webkit-transition: all 1.4s;
   -o-transition: all 1.4s;
 }
 .k_mobile_cover{
  position: absolute;
  top:0px;
  bottom:0px;
  right:0px;
  left:0px;
  z-index:0;
  background-color:rgba(255,255,255,0.8);
  display:none;
 }
 .js-menu.is-active  .k_nav_slider{
   opacity: 1;
   filter:alpha(opacity=100);
   visibility: visible;
 }
 .k_nav_slider_item{
   background-image: url(img/banner3.jpg);
   background-position: center;
   background-size: cover;
 }
 .k_close_menu{
   position: absolute;
   z-index:99;
   width:50px;
   height:50px;
   color:#979797;
   line-height:50px;
   font-size:46px;
   right:30px;
   top:30px;
   text-align:center;
   visibility: hidden;
   opacity: 0;
   filter:alpha(opacity=0);
   transition: all 1.4s;
   -moz-transition: all 1.4s;
   -webkit-transition: all 1.4s;
   -o-transition: all 1.4s;
 }
 .js-menu.is-active .k_close_menu{
  opacity: 1;
  filter:alpha(opacity=100);
  visibility: visible;
 }
 .k_nav_img{
   text-align: center;
   margin-bottom:25px;
 }
 .k_nav_img img{
   max-width: 100%;
 }
 .k_nav_line{
   width:40px;
   height:1px;
   background-color:#979797;
   margin:15px auto;
 }
 @media (max-width:991.98px){
  .k_mobile_cover{
    display: block;
  }
  .k_nav_img{
    display:none;
  }
  .k_nav_line{
    display: none;
  }
 }
/* end */
/* ft slider */
.k_ft_slide{
  position: relative;
  background-color:#a7a7a6;
}
.k_ft_slider_pic{
  overflow: hidden;
}
.k_ft_slider_pic img{
  width:100%;
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transition: all 1.6s ease-out;
  -moz-transition: all 1.6s ease-out;
  -webkit-transition: all 1.6s ease-out;
  -o-transition: all 1.6s ease-out;
}
.swiper-slide-active .k_ft_slider_pic img{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.k_ft_text{
  position: absolute;
  left:0px;
  right:0px;
  color:#fff !important;
  top:45%;
  padding-left:100px;
  padding-right:100px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  display: block;
}
.k_ft_text:after{
  background-color:#fff;
  content:" ";
  width:1px;
  height:60px;
  left:110px;
  bottom:-80px;
  display: block;
  position:absolute;
  display:none;
}
.k_ft_en{
  font-size:100px;
  line-height:1em;
  font-family:"Gotham-M","Microsoft YaHei" !important;
}
.k_ft_cn{
  font-size:45px;
  line-height:1em;
  margin-top:6px;
  font-family:"Source-L","Microsoft YaHei" !important;
}
.k_ft_bai{
  position:relative;
  overflow: hidden;
 /* text-transform: uppercase; */
}
.k_ft_bai .k_bai_item{
  display:inline-block;
  overflow: hidden;
  position:relative;
  visibility: hidden;
  opacity: 0;
  filter:alpha(opacity=0);
}
.k_ft_bai .k_bai_item span{
  display:block;
  visibility: hidden;
  opacity: 0;
  filter:alpha(opacity=0);
  transition: all 0.8s;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  position: relative;
 /* right:-80px; */
  transform:translate3d(80px,0,0);
}
.swiper-slide-active .k_ft_bai .k_bai_item{
  visibility: visible;
  opacity: 1;
  filter:alpha(opacity=100);
}
.swiper-slide-active .k_ft_bai .k_bai_item span{
  visibility: visible;
  opacity: 1;
  filter:alpha(opacity=100);
 /* right:0px; */
  transform:translate3d(0px,0,0);
}
.k_ft_banner_conainter{
  position: absolute;
  bottom:0px !important;
  left:0px !important;
  right:0px !important;
  margin-left:-6%;
  margin-right:-6%;
}
.k_ft_banner_nav{
  position: relative !important;
  bottom:0px !important;
  left:0px !important;
  right:0px !important;
  padding-left:100px;
  padding-right:100px;
 /* background-color:rgba(0,0,0,0.4); */
  overflow:hidden;
  /*padding:35px 100px;*/
  padding: 33px 100px 33px;
  text-align:center;
  /*border-top: 1px solid #666;*/
  border-top: 1px solid rgba(0,0,0,0);
  background-image:url(/img/banner_nav_bg_21.png);
  background-repeat:repeat-x;
  background-size:auto 100%;
}
.k_ft_banner_nav>span{
  background-color:transparent;
  color:#fff;
  display:block;
  float:left;
  width:20%;
  height:auto;
  border-radius: 0px;
  font-size:14px;
  margin:0px !important;
  opacity: 1 !important;
  text-align:center;
  padding-left:5%;
  padding-right:5%;
  position: relative;
  cursor:none !important;
}

/*
.k_ft_banner_nav>span:last-child{
  text-align:right;
}
*/
@keyframes kbanner
{
0% {opacity:0;
filter:alpha(opacity=0); /* 针对 IE8 以及更早的版本 */
width:0%;
}
50%{
opacity:1;
filter:alpha(opacity=1); /* 针对 IE8 以及更早的版本 */
width:100%;
}
100%{
  transform: translate(104%);
  opacity:0;
  filter:alpha(opacity=0);
  width:100%;
}
}

@-moz-keyframes kbanner /* Firefox */
{
  0% {opacity:0;
  filter:alpha(opacity=0); /* 针对 IE8 以及更早的版本 */
  width:0%;
  }
  50%{
  opacity:1;
  filter:alpha(opacity=1); /* 针对 IE8 以及更早的版本 */
  width:100%;
  }
  100%{
    transform: translate(104%);
    opacity:0;
    filter:alpha(opacity=0);
    width:100%;
  }
  }

@-webkit-keyframes kbanner /* Safari 和 Chrome */
{
  0% {opacity:0;
  filter:alpha(opacity=0); /* 针对 IE8 以及更早的版本 */
  width:0%;
  }
  50%{
  opacity:1;
  filter:alpha(opacity=1); /* 针对 IE8 以及更早的版本 */
  width:100%;
  }
  100%{
    width:100%;
    transform: translate(104%);
    opacity:0;
    filter:alpha(opacity=0);
  }
  }

@-o-keyframes kbanner /* Opera */
{
  0% {opacity:0;
  filter:alpha(opacity=0); /* 针对 IE8 以及更早的版本 */
  width:0%;
  }
  50%{
  opacity:1;
  filter:alpha(opacity=1); /* 针对 IE8 以及更早的版本 */
  width:100%;
  }
  100%{
    transform: translate(104%);
    opacity:0;
    filter:alpha(opacity=0);
    width:100%;
  }
  }
  
/* fan */
@keyframes kbanner_f
{
0% {
  transform: translate(104%);
  opacity:0;
  filter:alpha(opacity=0);
  width:100%; 
}
50%{
opacity:1;
filter:alpha(opacity=1); /* 针对 IE8 以及更早的版本 */
width:100%;
transform: translate(0%);
}
100%{
  opacity:0;
filter:alpha(opacity=0); /* 针对 IE8 以及更早的版本 */
width:0%;
transform: translate(0%);
}
}

@-moz-keyframes kbanner_f /* Firefox */
{
  0% {
    transform: translate(104%);
    opacity:0;
    filter:alpha(opacity=0);
    width:100%; 
  }
  50%{
  opacity:1;
  filter:alpha(opacity=1); /* 针对 IE8 以及更早的版本 */
  width:100%;
  transform: translate(0%);
  }
  100%{
    opacity:0;
  filter:alpha(opacity=0); /* 针对 IE8 以及更早的版本 */
  width:0%;
  transform: translate(0%);
  }
  }

@-webkit-keyframes kbanner_f /* Safari 和 Chrome */
{
  0% {
    transform: translate(104%);
    opacity:0;
    filter:alpha(opacity=0);
    width:100%; 
  }
  50%{
  opacity:1;
  filter:alpha(opacity=1); /* 针对 IE8 以及更早的版本 */
  width:100%;
  transform: translate(0%);
  }
  100%{
    opacity:0;
  filter:alpha(opacity=0); /* 针对 IE8 以及更早的版本 */
  width:0%;
  transform: translate(0%);
  }
  }

@-o-keyframes kbanner_f /* Opera */
{
  0% {
    transform: translate(104%);
    opacity:0;
    filter:alpha(opacity=0);
    width:100%; 
  }
  50%{
  opacity:1;
  filter:alpha(opacity=1); /* 针对 IE8 以及更早的版本 */
  width:100%;
  transform: translate(0%);
  }
  100%{
    opacity:0;
  filter:alpha(opacity=0); /* 针对 IE8 以及更早的版本 */
  width:0%;
  transform: translate(0%);
  }
  }
 
/* end */
.k_ft_banner_nav>span>span{
  display:inline-block;
  text-align:center;
}
.k_ft_banner_nav .swiper-pagination-bullet.swiper-pagination-bullet-active span{
  opacity: 0.6 !important;
}
.k_ft_banner_nav>span .k_ft_b_line{
  height:1px;
  width: 60%;
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: -30%;
  overflow: hidden;
}
.k_ft_banner_nav>span .k_ft_b_line .k_ft_b_l{
  background-color:#fff;
  height:1px;
  width:0%;
  position:relative;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  opacity: 0;
  filter:alpha(opacity=0);
}
.k_ft_banner_nav>span:first-child .k_ft_b_line .k_ft_b_l{
  background-color:transparent;
}
.k_ft_line_animation{
  animation: kbanner 1.2s 0s linear 1;
  -moz-animation: kbanner 1.2s 0s linear 1;	/* Firefox */
  -webkit-animation: kbanner 1.2s 0s linear 1;	/* Safari 和 Chrome */
  -o-animation: kbanner 1.2s 0s linear 1;	/* Opera */
}
.k_ft_line_animation_f{
  animation: kbanner_f 1.2s 0s linear 1;
  -moz-animation: kbanner_f 1.2s 0s linear 1;	/* Firefox */
  -webkit-animation: kbanner_f 1.2s 0s linear 1;	/* Safari 和 Chrome */
  -o-animation: kbanner_f 1.2s 0s linear 1;	/* Opera */
}
.k_slider_btn_en{
  font-size:12px;
}
@media screen and (max-width:1366px){
  .k_ft_en{
    font-size:65px;
  }
  .k_ft_cn{
    font-size:32px;
  }
  .k_ft_text{
    top:45%;
  }
}
@media screen and (max-width:1200px){
   .k_slider_btn_en{
    display:none;
  }
}
@media screen and (max-width:768px){
  .k_ft_text{
    padding-left:20px;
    padding-right:20px;
   /* position: static; */
    top:38%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    padding-top:70px;
    padding-bottom:20px;
  }
  .k_ft_text:after{
   /* display:none; */
   left:25px;
   bottom:-60px;
  }
  .k_ft_en{
    font-size:32px;
  }
  .k_ft_cn{
    font-size:18px;
  }
  .k_ft_banner_nav{
    padding-left:20px;
    padding-right:20px;
  }
  .k_ft_banner_conainter{
    margin-left:-10px;
    margin-right:-10px;
  }
  .k_ft_banner_nav > span{
    padding-left:5px;
    padding-right:5px;
  }
  .k_ft_b_line{
    display:none !important;
  }
  .k_slider_btn_en{
    display:none;
  }
}
/* end */
/* hs nav cate */
.k_hs_nav_cate_container{
  text-align:center;
  font-size:0px;
 }
 .k_hs_navcate_link{
  display:inline-block;
  font-size:14px;
  line-height:28px;
  color:#464948;
  background-color:rgba(194,23,45,0);
   padding: 10px 50px;
  border:1px solid #d2d2d2;
  border-radius:4px;
  margin:0px 15px;
 }
 .k_hs_navcate_link:hover{
   color:#fff;
   background-color:rgba(194,23,45,1);
   border-color:rgba(194,23,45,1);
 }
 .k_hs_navcate_link.k_active{
   color:#fff;
   background-color:rgba(194,23,45,1);
   border-color:rgba(194,23,45,1);
 }
 .k_hs_page_cate{
  margin:10px 0px;
 }
 .k_hs_page_cate_container{
   text-align:center;
   font-size:0px;
 }
 .k_hs_pagecate_link{
  font-size:16px;
  color:rgba(194,23,45,1) !important;
  line-height:28px;
  border:1px solid rgba(194,23,45,1);
  display:inline-block;
  padding:15px 5px;
  background-color: rgba(194,23,45,0);
  width:197px;
  margin:5px 10px;
  border-radius:6px;
  position:relative;
 }
 .k_hs_pagecate_link:after{
  content:" ";
  display:block;
  border:6px solid rgba(194,23,45,0);
  position:absolute;
  border-left-color:transparent;
   border-right-color:transparent;
   border-bottom-color:transparent;
   bottom: -12px;
   left: 46%;
   left:calc(50% - 6px);
   left:-webkit-calc(50% - 6px);
   left:-moz-calc(50% - 6px);
   left:-ms-calc(50% - 6px);
 }
 .k_hs_pagecate_link:hover,.k_hs_pagecate_link.k_active{
  background-color:rgba(194,23,45,1);
  color:#fff !important;
 }
 .k_hs_pagecate_link:hover:after,.k_hs_pagecate_link.k_active:after{
   border-top-color:rgba(194,23,45,1);
 }
@media screen and (max-width:768px){
  .k_hs_navcate_link{
   padding:6px 30px;
   margin:0px 5px;
  }
}
  .k_ft_slider_pic{
   width:100%;
   height:100%;
  }
  .k_ft_slider_pic img{
   width:100%;
   height:100% !important;
   object-fit:cover;
   -webkit-object-fit:cover;
  }
@media screen and (max-width:1360px){
  /*
  .k_ft_banner_conainter{
    display:none;
  }
  */
  .k_ft_slider_pic{
   width:100%;
   height:100%;
  }
  .k_ft_slider_pic img{
   width:100%;
   height:100% !important;
   object-fit:cover;
   -webkit-object-fit:cover;
  }
}
 /* end */
.k_ft_page_title_en {
 color:#545454;
 font-size:36px;
 line-height:48px;
 text-transform: uppercase;
 font-family:"Helvetica","Microsoft YaHei" !important;
}
.k_ft_page_title_cn{
 color:#c2172d;
 font-size:24px;
 line-height:36px;
 font-family:"PingFang-B","Microsoft YaHei" !important;
}
.k_ft_page_title_line{
 width:35px;
 display:inline-block;
 height:1px;
 background-color:#c2172d;
}
.k_about_content_wrapper .reset_style,.k_about_content_wrapper .reset_style p{
 /*font-family:"PingFang-L","Microsoft YaHei" !important;*/
 text-align: justify;
}


@media (max-width: 991.98px){
  .menu__text{
   display:block;
   width:100%;
   overflow:hidden;
   max-height:0px;
      transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  }
  .menu__text.k_active{
   max-height:190px;
  }
  .menu__col-outer{
   padding:0px;
   display:block;
  }
  .menu__master-link.is-inner.js-menu-col{
   display:none !important;
  }
}
@media screen and (max-width:620px){
  .k_ft_slider_pic{
   height:auto;
  }
  .k_ft_slide{
   background-color: #9a9a9a;
  }
  .k_ft_text{
   top:45%;
  }
}