@media screen and (min-width: 1000px) { 
  .loadingBtn{
      opacity: 0.65;
  }
  .isShow{
      display: block;
  }
  .isHide{
      display: none;
  }
  .homeWarp{
      width: 100%;
      background: #F5F5F5;
  }
  .homeWarp .bannerWrap{
      width: 100%;
      background: url(/img/banner.png) no-repeat center center;
      background-size: cover;
      height:340px;
      margin-bottom: 60px;
  }
  .txtWarp{
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      box-sizing: border-box;
  }
  .txtWarp .txt{
    width: 178px;
    font-size: 14px;
    flex: 1;
    text-align: center;
    color: #fff;
    font-weight: 300;
    background: rgba(19, 20, 21, .45);
    cursor: pointer;
    padding: 8px;
    box-sizing: border-box;
  }
  
  .txt .bgTxt {
    border-radius: 8px;
    height: 100%;
    line-height: 93px;
  }
  .bgTxt .fontTxt {
    font-weight: 600;
    font-size: 28px;
  }
  .default-bgTab {
    background: rgba(255, 255, 255, .1);
    color: #FFF;
  }
  .active-bgTab {
    background: #fff;
    color: #FF6B37;
  }
  .contentWarp{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  .ch{
      font-size: 30px;
      height: 42px;
      line-height: 42px;
      color: #666;
      font-weight: 400;
      text-align: center;
  }
  .en{
      margin-bottom: 30px;
  }
  .goodWrap{
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: 40px;
  }
  .goodWrap_col{
      background: #FFFFFF;
      border-radius: 12px;
      margin-bottom: 12px;
      padding-bottom: 16px;
      cursor: pointer;
  }
  .goodWrap_col  img{
      /* width: 25%; */
      height: 291px;
  }
  .goodWrap_col .title{
      height: 33px;
      text-align: center;
      font-weight: 600;
      font-size: 18px;
      color: #333333;
      line-height: 33px;
      text-align: left;
      font-style: normal;
      padding: 0 16px;
  }
  .goodWrap_col .info {
      height: 20px;
      line-height: 20px;
      font-size: 14px;
      padding: 0 16px;
  }
  .aboutTxt{
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      position: relative;
      margin-top: 40px;
      padding-top: 44px;
      padding-bottom: 70px;
      box-sizing: border-box;
  }
  .aboutTxt .txtLeft{
      position: absolute;
      width: 50%;
      top: 0;
      left: 10px;
  }
  .aboutTxt .txtLeft img{
      width: 100%;
      height: auto;
  }
  .aboutTxt .txtRight{
      float: right;
      width: 52%;
      padding: 50px 50px 50px 90px;
      box-sizing: border-box;
      background: #fff;
  }
  .aboutTxt .txtRight .title{
      font-size: 24px;
      color: #333;
      line-height: 30px;
      font-weight: 300;
  }
  .aboutTxt .txtRight .txt{
      font-size: 16px;
      color: #333;
      line-height: 35px;
      font-weight: 300;
      margin-top: 30px;
      text-align: justify;
  }
  .footerWarp{
      width: 100%;
      background: #fff;
      padding: 20px 0;
  }
  .footerWarp p{
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      text-align: center;
      font-size: 14px;
      font-weight: 300;
      line-height: 30px;
  }
  .headerWarp{
      width: 100%;
      margin: 0 auto;
      background: #fff;
      /* height: 65px; */
  }
  .headerWarp .headerCon{
      margin: 0 auto;
      width: 100%;
      max-width: 1200px;
      /* height: 47px; */
  }
  .headerWarp .headerRight{
      float: right;
      height: 40px;
      line-height: 40px;
      padding: 10px 0;
      font-size: 0;
      position: relative;
  }
  .headerWarp .headerRight .line{
      width: 1px;
      height: 14px;
      background: #D8D8D8;
      margin-left: 24px;
  }
  .active-li{
      /* color: #FF6B37!important;
      border-bottom: 1px solid #FF6B37!important; */
  }
  .headerWarp .headerRight li{
      display: inline-block;
      font-weight: 600;
      color: #333333;
      border-bottom: 1px solid #ffffff;
      cursor: pointer;
      font-size: 14px;
      /* padding: 0 24px; */
      margin-left: 48px;
      transition: all 330ms;
  }
  .headerWarp .headerRight li:hover{
      /* color: #FF6B37;
      border-bottom: 1px solid #FF6B37; */
      opacity: .6;
      
  }
  .headerWarp .headerRight li:nth-child(6){
      margin-right: 124px;
      margin-left: 24px;
      font-weight: 400;
  }
  .headerWarp .headerRight li:nth-child(7){
      position: absolute;
      top: 0;
      right: 0;
      height: 60px;
      line-height: 60px;
      padding: 0 36px;
      margin-left: 0;
      background-color: #FF6B37;
      font-weight: 400;
      color: #ffffff;
      border-bottom: none;
      cursor: pointer;
      font-size: 14px;
  }
  
  .headerWarp img{
      float: left;
      width: 178px;
      /* height: 40px; */
      cursor: pointer;
  }
  .headerWarp span{
      float: right;
      font-size: 14px;
      font-weight: 300;
      margin-top: 22px;
  }
  .line{
      width: 54px;
      height: 4px;
      background: #1890FF;
      border-radius: 3px;
      margin-top: 5px;
  }
  .dialog-wrap{
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.45);
  }
  .dialog-wrap .dialog-body{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 100%;
      max-width: 680px;
      margin: 0 auto;
      padding: 0 156px 60px 156px;
      border-radius: 16px;
      background: #FFFFFF;
      box-sizing: border-box;
  }
  .dialog-wrap .dialog-body .title{
      font-size: 28px;
      font-weight: 400;
      color: #333333;
      line-height: 40px;
      text-align: center;
      padding: 30px 0 49px 0;
  }
  .dialog-wrap .dialog-body .title .closeIcon{
      position: absolute;
      top: 24px;
      right: 24px;
      font-size: 24px;
      color: rgba(0,0,0,0.45);
      line-height: 24px;
      cursor: pointer;
  }
  .dialog-wrap .dialog-body .content .info-xy .clickUrl{
      color: #FF6B37;
  }
  .dialog-wrap .dialog-body .content{
      
  }
  .dialog-wrap .dialog-body .content .content-col{
      height: 40px;
      background: #FFFFFF;
      display: flex;
      margin-bottom: 24px;
  }
  .dialog-wrap .dialog-body .content .content-col input{
      flex: 1;
      border-radius: 2px;
      border: 1px solid #D9D9D9;
      padding: 0 16px;
  }
  .dialog-wrap .dialog-body .content .content-col .btn{
      width: 102px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border-radius: 2px;
      border: 1px solid #D9D9D9;
      margin-left: 8px;
      box-sizing: border-box;
      cursor: pointer;
      transition: all 330ms;
  }
  .dialog-wrap .dialog-body .content .content-col .btn:hover{
      background: #D9D9D9;
      color: #666666;
  }
  .dialog-wrap .dialog-body .content .info-xy{
      margin-bottom: 20px;
  }
  .footer{

  }
  .footer .btn{
      height: 40px;
      line-height: 40px;
      color: #FFFFFF;
      background: #FF6B37;
      border-radius: 2px;
      text-align: center;
      cursor: pointer;
      transition: all 330ms;
  }
  .footer .btn:hover{
      opacity: 0.65;
  }

}
@media screen and (max-width: 1000px) { 
  .homeWarp{
      width: 100%;
      background: #F5F5F5;
  }
  .homeWarp .headerWarp{
      width: 100%;
      margin: 0 auto;
      background: #fff;
      height: 1.28rem;
  }
  .headerWarp .headerCon{
      margin: 0 auto;
      width: 100%;
      height: 1.28rem;
      padding: 0 .2rem;
      box-sizing: border-box
  }
  .headerWarp .headerRight{
      float: right;
      height: .4rem;
      line-height: .4rem;
      padding: .1rem 0;
      font-size: 0;
      position: relative;
      margin-top: .3rem;
  }
  .headerWarp .headerRight .line{
      width: 1px;
      height: .14rem;
      background: #D8D8D8;
      margin-left: .24rem;
  }
  .active-li{
      /* color: #FF6B37!important;
      border-bottom: 1px solid #FF6B37!important; */
  }
  .headerWarp .headerRight li{
      display: inline-block;
      font-weight: 600;
      color: #333333;
      border-bottom: none;
      cursor: pointer;
      font-size: 14px;
      /* padding: 0 24px; */
      margin-left: .28rem;
  }
  .headerWarp .headerRight li:hover{
      /* color: #FF6B37;
      border-bottom: 1px solid #FF6B37; */
      opacity: .6;
      
  }
  .headerWarp .headerRight li:nth-child(1){
      margin-left: 0;
  }
  .headerWarp .headerRight li:nth-child(6){
      margin-right: 1.24rem;
      margin-left: .24rem;
      font-weight: 400;
  }
  .headerWarp .headerRight li:nth-child(7){
      position: absolute;
      top: 0;
      right: 0;
      height: .60rem;
      line-height: .60rem;
      padding: 0 .36rem;
      margin-left: 0;
      background-color: #FF6B37;
      font-weight: 400;
      color: #ffffff;
      border-bottom: none;
      cursor: pointer;
      font-size: .14rem;
  }
  .headerWarp img{
      float: left;
      width: 2.4rem;
      height: auto;
  }
  .headerWarp span{
      float: right;
      font-size: .0;
      font-weight: 300;
      margin-top: .43rem;
  }
  .bannerWrap{
      width: 100%;
      background: url(/img/banner.png) no-repeat center center;
      
      height:7.5rem;
      margin-bottom: .6rem;
      background-size: 100%;
  }
  .goodWrap_col  img{
      width: 98%;
      /* height: 49%; */
  }
  .goodWrap_col .title{
      height: 1.2rem;
      line-height: 1.2rem;
      margin-bottom: .32rem;
      padding: 0 .32rem;
  }
  .goodWrap_col .info{
      height: 1.2rem;
      line-height: 1.2rem;
      margin-bottom: .32rem;
      padding: 0 .32rem;
  }
  .goodWrap{
      width: 96%;
      margin: 0 auto;
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: .4rem;
  }
  .goodWrap_col{
      width: 48%;
      background: #FFFFFF;
      border-radius: .62rem;
      margin-bottom: .4rem;
      cursor: pointer;
  }
  .txtWarp{
      width: 100%;
      margin: 0 auto;
      height: 100%;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: center;
      box-sizing: border-box;
      opacity: 0.45;
  }
  .txtWarp .txt{
      font-size: .80rem;
      text-align: center;
      color: #fff;
      font-weight: 300;
      background: #131415;
  }
  .contentWarp{
      width: 100%;
      margin: 0 auto;
  }
  .ch{
      font-size: 1.2rem;
      height: 1.42rem;
      line-height: 1.42rem;
      color: #666;
      font-weight: 400;
      text-align: center;
  }
  .en{
     margin-bottom: 1rem;
  }
  .aboutTxt{
      width: 96%;
      margin: 0 auto;
      margin-top: .4rem;
      box-sizing: border-box;
      background: #fff;
      height: auto;
  }
  .aboutTxt .txtLeft{
      width: 100%;
  }
  .aboutTxt .txtLeft img{
      width: 100%;
      height: auto;
  }
  .aboutTxt .txtRight{
      width: 100%;
      padding: .3rem;
      box-sizing: border-box;
      background: #fff;
  }
  .aboutTxt .txtRight .title{
      font-size: .32rem;
      color: #333;
      line-height: .45rem;
      font-weight: bold;
  }
  .aboutTxt .txtRight .txt{
      font-size: .28rem;
      color: #333;
      line-height: .45rem;
      font-weight: 300;
      margin-top: .3rem;
      text-align: justify;
  }
  .footerWarp{
      width: 100%;
      background: #fff;
      padding: .2rem 0;
      margin-top: .2rem;
  }
  .footerWarp p{
      width: 100%;
      margin: 0 auto;
      text-align: center;
      font-size: .82rem;
      font-weight: 300;
      line-height: 2rem;
      padding: 0 1rem;
      box-sizing: border-box;
  }
  .line{
      width: .54rem;
      height: .04rem;
      background: #1890FF;
      border-radius: 3px;
      margin-top: .05rem;
  }
  .dialog-wrap{
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.45);
  }
  .dialog-wrap .dialog-body{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 100%;
      max-width: 6.8rem;
      margin: 0 auto;
      padding: 0 1rem .30rem 1rem;
      border-radius: .16rem;
      background: #FFFFFF;
      box-sizing: border-box;
  }
  .dialog-wrap .dialog-body .title{
      font-size: .28rem;
      font-weight: 400;
      color: #333333;
      line-height: .40rem;
      text-align: center;
      padding: .30rem 0 .49rem 0;
  }
  .dialog-wrap .dialog-body .title .closeIcon{
      position: absolute;
      top: 24px;
      right: 24px;
      font-size: 24px;
      color: rgba(0,0,0,0.45);
      line-height: .24rem;
      cursor: pointer;
  }
  .dialog-wrap .dialog-body .content{
      
  }
  .dialog-wrap .dialog-body .content .info-xy{
      
  }
  .dialog-wrap .dialog-body .content .info-xy .clickUrl{
      color: #FF6B37;
  }
  .dialog-wrap .dialog-body .content .content-col{
      height: .40rem;
      background: #FFFFFF;
      
      display: flex;
      margin-bottom: .24rem;
  }
  .dialog-wrap .dialog-body .content .content-col input{
      flex: 1;
      border-radius: 2px;
      border: 1px solid #D9D9D9;
      padding: 0 16px;
  }
  .dialog-wrap .dialog-body .content .content-col .btn{
      width: 1.6rem;
      height: .40rem;
      line-height: .40rem;
      text-align: center;
      border-radius: 2px;
      border: 1px solid #D9D9D9;
      margin-left: .08rem;
      box-sizing: border-box;
      cursor: pointer;
      transition: all 330ms;
  }
  .dialog-wrap .dialog-body .content .content-col .btn:hover{
      background: #D9D9D9;
      color: #666666;
  }
  .dialog-wrap .dialog-body .content .info-xy{
      margin-bottom: .20rem;
  }
  .dialog-wrap .dialog-body .content .info-xy .clickUrl{
      color: #FF6B37;
  }
  .footer{

  }
  .footer .btn{
      height: .4rem;
      line-height: .4rem;
      color: #FFFFFF;
      background: #FF6B37;
      border-radius: 2px;
      text-align: center;
      cursor: pointer;
      transition: all 330ms;
  }
  .footer .btn:hover{
      opacity: 0.65;
  }
} 
@media screen and (max-width: 540px){
  .homeWarp .headerWarp{
      width: 100%;
      margin: 0 auto;
      background: #fff;
      height: 1.98rem;
  }
  .headerWarp .headerCon{
      margin: 0 auto;
      width: 100%;
      height: 1.98rem;
      padding: 0 .2rem;
      box-sizing: border-box
  }
  .headerWarp .headerRight{
      width: 100%;
      height: .4rem;
      line-height: .4rem;
      padding: .1rem 0;
      font-size: 0;
      position: relative;
      margin-top: .3rem;
  }
  .headerWarp .headerRight .line{
      width: 1px;
      height: .14rem;
      background: #D8D8D8;
      margin-left: .24rem;
  }
  .active-li{
      /* color: #FF6B37!important;
      border-bottom: 1px solid #FF6B37!important; */
  }
  .headerWarp .headerRight li{
      display: inline-block;
      font-weight: 600;
      color: #333333;
      border-bottom: none;
      cursor: pointer;
      font-size: 14px;
      /* padding: 0 24px; */
      margin-left: .28rem;
  }
  .headerWarp .headerRight li:hover{
      /* color: #FF6B37;
      border-bottom: 1px solid #FF6B37; */
      opacity: .6;
      
  }
  .headerWarp .headerRight li:nth-child(1){
      margin-left: 0;
  }
  .headerWarp .headerRight li:nth-child(6){
      margin-right: 1.24rem;
      margin-left: .24rem;
      font-weight: 400;
      float: right;
  }
  .headerWarp .headerRight li:nth-child(7){
      position: absolute;
      top: 0;
      right: 0;
      height: .60rem;
      line-height: .60rem;
      padding: 0 .36rem;
      margin-left: 0;
      background-color: #FF6B37;
      font-weight: 400;
      color: #ffffff;
      border-bottom: none;
      cursor: pointer;
      font-size: 14px;
  }
  .headerWarp img{
      width: 2.4rem;
      height: auto;
      /* margin-top: .3rem; */
  }
}