

  @media only screen and (max-width: 1600px){
  .suspended-box{right: 30px;}
  }
  
  @media only screen and (max-width: 1480px){

  }

  @media only screen and (max-width: 1200px){
    .banner-box .content-box .w1200 .title{font-size: 40px;}
    .banner-box .banner{height: 60vw;object-fit: cover;}
    .suspended-box{right: 10px;}
    .form-box{padding: 30px;}
    .form-box .input-line{padding-left: 100px;}
    .foot-box .cont-box{text-align: left;}
  }
  @media only screen and (min-width: 1024px){
    .index-part3 .cont-box{margin-top:-5px;}
    .text-box .cont-box{margin-top:-20px;}
  }
  @media only screen and (max-width: 1024px){
    .newsList{font-size: 14px;}
    .pagination a, .pagination p{padding:0 12px; line-height: 30px; font-size: 14px;}
    .pagination .prev, .pagination .next{font-size: 18px;}
    .detail-box .title{font-size: 14px; padding-bottom:10px; line-height: 22px;}
  }
  @media only screen and (max-width: 800px){
    .tab-box {overflow-x: scroll;padding: 30px 0;}
    .tab-box .inner{white-space: nowrap;display: block;}
    .tab-box .tab-item{display: inline-block;margin-right: 15px;}
    .tab-box .tab-item .tit{font-size: 16px;margin-right: 5px;}
    .tab-box .tab-item  img{height: 20px;}

    .login-box{width: 100%;padding:30px 25px;}

  }
  @media only screen and (max-width:640px){
    .banner-box .banner{height: 80vw;}
    .banner-box.index .banner{height: 100vw;}
    .banner-box .banner.mobile{display: block;}
    .banner-box .banner.pc{display: none;}
    .banner-box .content-box .w1200{padding: 20px 0;}
    .banner-box.index .content-box .w1200{padding: 20px 0;}
    .banner-box .content-box .w1200 .title{font-size: 20px;}
    .banner-box .content-box .box{height: auto;padding: 10px;margin-right: 15px;}
    .banner-box .content-box .box:first-of-type{margin-right: 0;margin-bottom: 15px;width: 100%;}
    .banner-box .content-box .box .left-pic{width: 70px;}
    .banner-box .content-box .box .cont-box{padding: 0;padding-left: 15px;flex: 1;}
    .banner-box .content-box .box .cont-box .tit{font-size: 12px;margin-bottom: 5px;}
    .banner-box .content-box .box .cont-box .line{font-size: 12px;align-items: flex-start;margin-top: 5px;}
    .banner-box .content-box .box .cont-box .line .txt{flex: 1;}
    .banner-box .content-box .box.num-box{width: 140px; }
    .banner-box .content-box .box.num-box .pic{width: 50%;}
    .banner-box .content-box .box.num-box .num{font-size: 20px;margin-top: 5px;}
    .banner-box .content-box .box.num-box .cont{font-size: 12px;}
    .banner-box .content-box .btn{width: 140px;height:40px;font-size: 14px;letter-spacing: 2px;}

    .index-title{padding-bottom:20px;}
    .index-title .title-box{width: 80px;}
    .index-title .title-box-2{width: 200px;}
    .index-title .en{font-size: 18px;}
    .index-title .cn{font-size: 16px;}
    .index-title .line{transform: translateY(3px); top: 2px;}
    .index-title .cont{font-size: 12px;}
    .index-part1{padding-bottom: 30px;}
    .index-part1 .cont-box{padding-left: 0;font-size: 16px;}
    .index-part2{padding-bottom: 50px;}
    .index-part2 .swiper-box{padding: 10px 0 0 0;}
    .index-part2 .swiper-slide{padding: 20px;height: auto;}
    .index-part2 .swiper-slide .tit{margin-bottom: 10px;font-size: 16px;}
    .index-part2 .swiper-slide .tit .icon{width: 30px;}
    .index-part2 .swiper-slide .tit .icon img{width: 25px;}
    .index-part2 .swiper-slide .cont-box{font-size: 16px;padding-left: 25px;}
    .index-part2 .swiper-pagination{display: block;}
    .index-part3{padding-bottom: 30px;}
    .index-part3 .cont-box{padding-left: 0; font-size: 16px;}
    .suspended-box{right: -160px;top: auto;bottom: 100px;}
    .suspended-box .share-box{padding: 10px;width: 160px;}
    .suspended-box .click{display: flex;}
    .suspended-box .btn{width: 140px;height: 40px;font-size: 14px;}
    .foot-box .w1200{padding: 10px 0;}
    .foot-box .cont-box{width: 100%;margin-top: 10px;}
    .foot-box .cont-box a{font-size: 12px;width: 100%;}

    .page-box{padding-bottom:60px;}
    .page-box .w1200 .logo-box{height: 100px;}
    .login-box{padding: 20px 15px;margin-bottom:0;}
    .home .tit{font-size: 14px;}
    .login-box .login-title{font-size: 16px;margin-bottom: 30px;}
    .login-box .login-title::after{height: 6px;bottom: 0;}
    .login-box .input-line .input-tit{width: 100px;}
    .login-box .input-line .input-tit span{width: 70px;font-size: 14px;}
    .input-box{width: calc(100% - 100px);height: 40px;}
    .input-box .ipt{width: calc(100% - 30px);padding-left: 10px; font-size: 14px;}
    .input-box.no-ipt .name{font-size: 14px;}
    .form-box .input-line .tit{height: 40px; line-height: 40px;}
    .form-box .input-line select{flex: 1; font-size: 14px; padding-left:10px; height: 38px;}
    .spants{top: 45px;font-size: 12px;}
    .input-box.code-box{width: calc(100% - 190px);}
    .code-btn{height: 40px;font-size:12px;width: 80px;}
    .submit{ width: 150px;height: 40px;margin: 0 auto; margin-top: 30px;font-size: 16px;}

    .form-box{padding:30px 15px;}
    .form-box .layui-form .title-line{margin-top:25px;margin-bottom: 15px;}
    .form-box .layui-form .title-line .tit{width: auto; font-size: 14px;}
    .form-box .input-line{padding-left: 0;margin-bottom: 15px;}
    .form-box .input-line .tit{margin-right: 10px;font-size: 14px; width: 90px;}
    .form-box .input-line .tit-two{width: 90px; margin:0 20px 0 3px;}
    .form-box .input-line .tit-two em{top:15px; right:-12px;}
    .input-box.no-ipt .name{margin-left: 10px;}
    .upload-line{align-items: start;}
    .upload-line .right{flex: 1;}
    .upload-line .input-box{width: 100%;}
    .input-box .tips{font-size: 12px;top: 42px;width: 120%;}
    .input-box .tips .name-rule{width:80%;}
    .form-box .code-btn{width: 100%;margin-top: 68px;margin-left: 0;}
    .form-box .submit{margin-top: 35px;}
    input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size: 14px;}

    .text-box {padding-bottom: 30px;}
    .text-box .cont-box{padding-left: 0;font-size: 12px;}

    .down-box{padding-bottom: 30px;}
    .down-box .down-list{padding-left: 0;}
    .down-box .down-list li .left{width: 80%;}
    .down-box .down-list li .tit{flex: 1; font-size: 14px;}
    .down-box .down-list li .down{font-size: 14px;}
  }
  
  @media only screen and (max-width:420px){

  }
  
  @media only screen and (max-width:380px){  
 
  }