@charset "UTF-8";
.yx_Header {
    width: 100%;
    transition: all 0.6s;
    min-height: 70px;
    position: fixed;
    z-index: 89;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 20%);
  }
  .yx_Header.yx_H_Active{
    top:0 !important;
    background:#fff !important;
    box-shadow:0 0 8px rgba(0,0,0,0.1) !important;
  }
  .yx_LaBox .yx_icon{
    font-size:18px;
    color:#fff;
    margin-right:12px;
  }
  .yx_LaBox .yx_LaTit{
    color:#fff;
    font-size: var(--yx_FS18);
    display: flex;
    align-items: center;
    height: 75px;
  }
.yx_LaBox .yx_LaTit:after{
  content:'';
  display: inline-block;
  width: 9px;
  height: 8px;
  border-top: 8px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 0;
  box-sizing: border-box;
  margin-left: 10px;
  /* transition: all .5s; */
}
.yx_H_Active .yx_LaBox .yx_LaTit:after{
    border-top: 8px solid #333;
}
  .yx_NP_Logo img {
    opacity: 1 !important;
  }
.logo {
    display: flex;
    align-items: center;
}
.stock {
    font-size: 14px;
    color: #FEFEFE;
    white-space: nowrap;
    transition: all .5s;
}
.yx_H_Active .stock {
      color: #333;
}
.yx_NP_Logo:after {
    content: '';
    width: 1px;
    height: 16px;
    background: #cfcfcf;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
}

  .yx_NP_Logo:before{
    content:'';
    position:absolute;
    width: 158px;
    height: 100%;
    transition: all 0.3s !important;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    top:0;
    left:0;
    background-size:contain;
    transform:translateY(100%);
  }
  .yx_HeaTop {
    border-bottom: 1px solid #ebebeb;
  }
  .yx_Header .yx_HTLeft {
    width: calc(100%-120px);
  }
  .yx_N_Pc{
    width:94%;
    margin:0 auto;
  }
  .yx_HTLeft a {
    display: inline-block;
    padding: 0 var(--yx_FS14);
  }
  .yx_HTLeft .yx_icon {
    font-size: var(--yx_FS14);
    color: #999999;
    transition: all 0.6s;
  }
  .yx_HTLeft .yx_icon:hover {
    color: var(--yx_Color);
  }
  .yx_NP_Right {
    display: flex;
    align-items: center;
  }
  .yx_SearchBtn {
    color: #fff;
    cursor:pointer;
    border-radius:50%;
    display: none;
    align-items:center;
    justify-content:center;
  }
  .yx_HeadKfBtn{
    margin-left:18px;
  }
  .yx_SearchBtn .yx_icon,.yx_HeadKfBtn .yx_icon{
    transition:all 0.6s;
  }
  .yx_SearchBtn .yx_icon:hover,.yx_HeadKfBtn .yx_icon:hover{
    color:var(--yx_Grad);
  }
  .yx_HeaTop .yx_sj {
    display: block;
    width: 0px;
    height: 0px;
    border-top: 5px solid #999;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }
  .yx_NP_Logo {
    display: block;
    position: relative;
    overflow:hidden;
    width: 170px;
    margin-right: 10px;
  }
  .yx_NP_Logo img {
    max-width: 158px;
    object-fit: contain;
    filter: none !important;
    transition: all 0.3s !important;
    object-fit: contain;
  }
  .yx_H_Active .yx_NP_Logo img{
    transform:translateY(-100%);
  }
  .yx_H_Active .yx_NP_Logo:before{
    transform:translateY(0%);
  }
  .yx_NP_Left {
    width: 70%;
  }
  .yx_NP_Left .yx_Nav {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .yx_NPR_List .yx_icon {
    color: #fff;
    cursor: pointer;
    font-size: var(--yx_FS18);
    font-weight: bold;
    transition: none;
  }
.yx_H_Active .yx_NPR_List .yx_icon {
     color: #333 !important;
}
  .yx_NPR_List p {
    font-size: 14px;
  }
  .yx_LaBox {
    position: relative;
    margin-right: var(--yx_FS24);
  }
  .yx_H_Active .yx_LaBox:after,.yx_H_Active .yx_LaBox:before{
    opacity:0 !important;
  }
  .yx_H_Active .yx_LaBox .yx_LaTit{
    color:#333 !important;
  }
  .yx_H_Active .yx_LaBox .yx_icon{
    color:var(--yx_Color) !important;
  }
  .yx_Nav {
    display: flex;
    justify-content: flex-end;
  }
  .yx_N_Pc .yx_NavTit {
    font-size: var(--yx_FS16);
    color: #fff;
    text-transform: uppercase;
    line-height: 75px;
    padding: 0 2vw;
    transition: all 0.6s;
    display: block;
    position: relative;
    text-align: center;
    overflow: hidden;
  }
  .yx_H_Active .yx_N_Pc .yx_NavTit{
    color:#222;
  }
  .yx_N_Pc .yx_NavYj:hover .yx_NavTit {
    color: #48a054 !important;
  }
  .yx_N_Pc .yx_Active {
    visibility: visible !important;
    top: 100px !important;
    opacity: 1 !important;
    z-index: 9 !important;
  }
  .yx_NavBtn {
    display: none;
  }
  .yx_LaCon {
    position: absolute;
    min-width: 200%;
    left: 50%;
    transform: translate(-50%);
    max-height: 0px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #eee;
    border-top: none !important;
    text-align: center;
    top: 100%;
    opacity: 0;
    transition: all 0.6s;
  }
  .yx_LaBox:hover .yx_LaCon {
    max-height: 200px !important;
    opacity: 1;
  }
  .yx_LaCon a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 30px;
  }
  .yx_Header .yx_NPR_Lan {
    padding: 0 0 0 16px;
    margin-left: 1.3vw;
    position: relative;
    width: 120px;
    transition: all 0.6s;
    border-left: 1px solid #ebebeb;
  }
  .yx_NPR_Con {
    border-radius: var(--yx_FS36);
    position: absolute;
    top: 90%;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: all 0.6s;
    width: 100%;
    background: #fafafa;
    border: 1px solid #eee;
    border-top-width: 2px;
    padding: 0 var(--yx_FS18);
  }
  .yx_Header .yx_NPR_Lan:hover .yx_NPR_Con {
    top: 100%;
    z-index: 9 !important;
    opacity: 1;
    border-radius: 0 0 var(--yx_FS18) var(--yx_FS18);
  }
  .yx_Header .yx_NPR_Lan:hover {
    border-radius: var(--yx_FS18) var(--yx_FS18) 0 0;
  }
  .yx_Header .yx_NL_Tit img {
    width: var(--yx_FS22);
    height: auto;
  }
  .yx_Header .yx_NL_Tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: var(--yx_FS38);
    color: #282828;
    font-weight: bold;
  }
  .yx_Header .yx_NL_Tit span {
    padding: 0 8px;
    font-size: 12px;
    display: inline-block;
    width: 72px;
    text-align: center;
  }
  @media only screen and (max-width:1360px) {
    .yx_N_Pc .yx_NavTit {
      padding: 0 20px;
    }

  }
  @media only screen and (min-width:1201px) {
    .yx_N_Pc {
      display: block;
      max-width: 1730px;
    }
    .yx_NP_Box {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 auto;
      width: 100%;
    }
    .yx_N_Mo {
      display: none;
    }
    .yx_Header .box {
      overflow: hidden;
    }
    .yx_NavEn {
      font-size: 16px;
      color: #f08300;
      line-height: 100px;
      width: 100%;
      transition: all 0.6s;
      display: block;
      left: 50%;
      transform: translateX(-50%);
      position: absolute;
      top: 100%;
      text-align: center;
    }
    .yx_HeaderNav {
      background: linear-gradient(90deg,#fff 50%,#f5f5f5 0);
      width: 100%;
      left: 50%;
      transform: translateX(-50%);
      position: fixed;
      max-height: 0px;
      overflow: hidden !important;
      transition: all 0.6s;
      z-index: -1;
    }
    .yx_HN_Yj {
      position: relative;
      transition: all 0.6s;
    }
    .yx_NavYj:hover .yx_HeaderNav {
      max-height: 3000px !important;
      transition: all 0.6s;
      z-index: 9 !important;
    }
    .yx_NavYj{
      position:relative;
      margin:0 5px;
    }
    .yx_HN_Ej {
      width: 600px;
	  height:200px;
      overflow: hidden;
      transition: all 0.5s;
      left: 100%;
	  top:80px;
      max-height:0px;
      transform: translateX(-50%);
      position: absolute;
      text-align: center;
      border-radius: 0 0 4px 4px;
      background: #fff;
      box-shadow: 1px 1px 10px rgb(0 0 0 / 30%);
	  display: flex; flex-wrap: wrap; justify-content: space-between;
    }
	
	.Navdhz{ width:45%; border-right:1px solid #eeeeee; margin-top:20px; margin-bottom:20px; padding-top:3px;}
	.Navdhr{ width:55%; padding-top:20px; padding-right:20px;}
	
    .yx_NavYj:hover  .yx_HN_Ej{
      max-height:3000px;
    }
    .Navdhr > a{
      font-size: 14px;
      display:block;
      line-height: 50px;
      color: #333;
      transition:all 0.6s;
      padding: 0 10px;
      white-space: nowrap;
	  width:46%;
	  float:left;
	  margin-left:4%;
	  border-bottom:1px dotted #ccc;
    }
    .Navdhr > a:hover{
      color: #fff;
      background: #48a054;
    }
    .Navdhr > a:before{
      content: '';
      position: absolute;
      background: #48a054;
      left: 50%;
      transform: translateX(-50%);
      width: 50%;
      height: 2px;
      bottom: 0px;
      transition: all 0.6s;
      border-radius: 0;
      opacity: 0;
    }
    .yx_NavYj:hover > a:before{
      opacity: 1;
    }
    .yx_HNY_Left {
      width: 40%;
      background: #fff;
      padding: var(--yx_FS72) 6% var(--yx_FS72) 0;
    }
    .yx_HNL_EjTit {
      text-align: center;
      display: block;
      font-size: var(--yx_FS14);
      line-height: 180%;
      color: #fff;
      padding: 5px 0;
      transition: all 0.5s;
    }
    .yx_HNL_EjTit:nth-child(1) {
      margin-top: 18px;
    }
    .yx_HNL_EjTit:last-child {
      margin-bottom: 18px;
    }
    .yx_HNL_EjTit:hover {
      color: var(--yx_Color);
    }
    .yx_NActive{
      top:80px !important;
    }
    .yx_NE_Right{
      display:flex;
      width:45%;
    }
    .yx_NE_Right .yx_NER_Right{
      width:40%;
      padding-left:8%;
    }
    .yx_NER_Right h3{
      color:var(--yx_Grad);
      font-weight:normal !important;
      margin-bottom:var(--yx_FS24);
    }
    .yx_NER_Right a{
      font-size:var(--yx_FS16);
      line-height:200%;
      transition:all 0.56s;
      color:#4a4a4a;
      display:block;
      text-align:left;
      margin-bottom:8px;
    }
    .yx_NER_Right a:hover{
      color:var(--yx_Color);
    }
  }
  @media only screen and (max-width:1440px) {
    .yx_NavTit {
      font-size: 15px !important;
      color: #333;
    }
  }
  @media only screen and (max-width:1200px) {
    #c_static_001_P_2216-1652683357958 .yx_NavTit {
      color: #333;
    }
    .yx_NActive{
      top:70px !important;
    }
    .yx_HeadKfBtn {
      margin-right: 36px
    }
    #c_static_001_P_2216-1652683357958 .e_formBtn-5 .yx_icon,.yx_Header_Active .e_formBtn-5 .yx_icon {
      color: #999;
    }
    .yx_N_Pc {
      display: flex;
      align-items: center;
      height: 70px;
    }
    .yx_N_Pc .yx_NP_Left {
      display: none !important;
    }
    .yx_NP_Logo {
      width: 140px;
    }
    .yx_N_Mo {
      display: block;
    }
    .yx_NavBtn {
      display: block !important;
    }
    .yx_NP_Box {
      margin: 0 auto;
      padding: 0px;
      display: flex;
      align-items: center;
      width: 100%;
      justify-content: space-between;
    }
    .yx_NPR_List {
      background: transparent !important;
      border-width: 0px;
      height: 70px;
      line-height: 70px;
      padding: 0 12px;
      width: auto;
    }
    .yx_NavBtnCon {
      position: relative;
      width: 28px;
      height: 20px;
      display: block !important;
    }
    .yx_NavBtn span {
      position: absolute;
      right: 0;
      width: 100%;
      height: 2px;
      background: var(--yx_Color) !important;
      transition: all 0.6s ease;
    }
    .yx_NavBtn .yx_NB_Line {
      width: 22px;
      top: 50%;
      transform: translateY(-50%);
      background: var(--yx_Color);
    }
    .yx_NB_Line_Bottom {
      bottom: 0;
      top: auto;
    }
    .yx_NPR_Tit p {
      display: none;
    }
    .yx_NP_Right {
      display: flex;
      margin-right: 3vw;
      align-items: center;
    }
    .yx_NPR_Tit .yx_iconfont {
      font-size: 18px;
      color: var(--yx_Color);
    }
    .yx_N_Mo {
      position: fixed;
      width: 100%;
      height: 100%;
      background: #fff;
      top: 67px;
      left: 0;
      display: none;
      overflow-x: hidden;
      overflow-y: auto;
    }
    .yx_N_Mo .yx_YjTit {
      line-height: 56px;
      width: 100%;
      text-align: left;
      border-bottom: 1px solid #eee;
      padding: 0 0 0 20px;
      display: block;
      font-size: 15px;
      color: #222;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .yx_N_Mo .yx_YjTit .iconfont {
      font-size: 22px;
      color: #222;
      width: 56px;
      height: 56px;
      display: block;
      line-height: 56px;
      text-align: center;
      transform: rotate(90deg);
      transition: all 0.6s ease;
    }
    .yx_Nav_Active .yx_NB_Line {
      transform: translate(100px,-50%);
      transition: all 0.6s ease;
    }
    .yx_Nav_Active .yx_NB_Line_Top {
      transform: rotate(45deg);
      top: 8px;
      transition: all 0.6s ease;
    }
    .yx_Nav_Active .yx_NB_Line_Bottom {
      transform: rotate(-45deg);
      bottom: 10px;
      transition: all 0.6s ease;
    }
    .yx_EjTit {
      position: relative;
      line-height: 42px;
      font-size: 14px;
      color: #666;
      padding-left: 18px;
      display: block;
    }
    .yx_EjBox {
      padding: 12px 24px;
      display: none;
      border-bottom: 1px solid #eee;
    }
    .yx_EjTit:before {
      content: '';
      display: block;
      width: 5px;
      height: 2px;
      background: #ccc;
      top: 50%;
      position: absolute;
      transform: translateY(-50%);
      left: 0;
    }
    .yx_N_Mo .yx_Rotate {
      transform: rotate(-90deg) !important;
      transition: all 0.6s ease;
    }
    .yx_Header .yx_EjBtn {
      font-size: 22px;
      color: #222;
      width: 56px;
      height: 56px;
      display: block;
      line-height: 56px;
      text-align: center;
      transform: rotate(0deg);
      transition: all 0.6s ease;
      cursor: pointer;
    }
    .yx_Header .yx_EjBtn .icon {
      width: 12px;
      height: 12px;
    }
    .yx_LaCon {
      width: 80px;
      left: 50%;
      transform: translateX(-50%);
      line-height: 36px;
    }
  }

  
/* 底部 */
.yx_foot{
  background: #262626;
  padding-top: 5%;
}
.yx_foot .footbox {
    max-width: 1700px;
    width: 92%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.yx_foot .footbox .yx_foot_left {
    color: #fff;
    width: 35%;
}

.yx_foot .footbox .yx_foot_left ul li .textbox {
    display: flex;
    align-items: center;
    margin: 5% 0 0;
    opacity: .78;
}

.yx_foot .footbox .yx_foot_left ul li .textbox .iontext {
    font-size: var(--yx_FS14);
    line-height: 200%;
}

.yx_foot .footbox .yx_foot_left ul li .textbox i.yx_icon {
    font-size: var(--yx_FS24);
    margin-right: var(--yx_FS18);
}
.yx_foot .footbox .yx_foot_left a.more {
    font-size: var(--yx_FS16);
    color: #fff;
    display: flex;
    align-items: center;
    margin-top: 5%;
}

.yx_foot .footbox .yx_foot_left a.more i.yx_icon {
    width: 40px;
    height: 40px;
    background: #BE0E0E;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--yx_FS24);
    margin-right: 10px;
}
.yx_foot .footbox .yx_foot_right {
    width: 65%;
}
.yx_foot .footbox .yx_foot_right ul.yx_foot_Nav {
    display: flex;
    justify-content: space-between;
}
.yx_foot .footbox .yx_foot_right ul.yx_foot_Nav .yx_foot_HD_Btn {
    color: #fff;
    font-size: var(--yx_FS16);
    margin-bottom: var(--yx_FS24);
    display: block;
}

.yx_foot .footbox .yx_foot_right ul.yx_foot_Nav .yx_foot_Ej a {
    color: #fff;
    font-size: var(--yx_FS14);
    display: block;
    line-height: 200%;
    opacity: .78;
}

.yx_foot_bottom {
    font-size: 12px;
    border-top: 1px solid rgb(255 255 255 / 10%);
    margin-top: 4%;
    color: #8A8787;
    line-height: 180%;
    padding: 20px 0;
	text-align:center;
}

.yx_foot_bottom a{
    color: #8A8787;
    line-height: 180%;
}
@media only screen and (max-width:768px) {
  .yx_NP_Logo:after,
  .stock,
  .footbox{
    display: none;
}
.footbox{
  display: none;
}
.yx_foot_bottom {
  border-top: none;
  margin-top: 0;
}

}