@media screen and (min-width: 1920px) {
  .wrap {width: 1366px;}
  .banner-msg p{
    font-size:1.4rem;
  }
  .banner .wrap{
    top:200px
  }
  .banner-msg .banner-title{
    font-size: 3.8rem;
  }
  .banner-msg .banner-subtitle{
    font-size: 32px;
  }
}
@media screen and (min-width: 1400px) {
  .wrap {/* width: 1200px; */}
  .banner-msg .banner-title{
    font-size: 3.2rem;
  }
  .banner .wrap{
    top:180px
  }
  .banner-msg .banner-subtitle{
    font-size: 28px;
  }
  .word-msg{
    font-size: 1.4rem;
  }
  
} 
@media screen and (max-width: 1366px) {
  .maxxngo img, .why-go img, .ecosystem img, .tokens img {width: 100%;height:100%;}

} 
@media screen and (max-width: 1200px) {
  .wrap {width: 1024px;}
  
 
} 
@media screen and (max-width: 1024px) {
  .wrap {width: 960px;}
  .swiper-container.ecosystem-swiper {height: 500px;}
  .swiper-container.ecosystem-swiper.swiper-zh {height: 330px;}
  .main-header .inner .nav li{
    font-size: 18px;
  }
  .banner-msg .banner-title{
    font-size:30px;
  }
  .banner .wrap{
    top:80px
  }
  .banner-msg p{
    font-size:14px;
  }
  .banner-msg .banner-subtitle{
    font-size: 18px;
    width:55%;
  }
  .word-msg {
    text-align: center;
    font-size: 13px;
    color: #1a1a1a;
    width: 70%;
    margin: 0 auto;
  }
  .service-list-item{
    width:30%;
  }
  .view-img{
    padding:0 10px;
  }
  .view-img img{
    width: 100%;
  }
} 
@media screen and (max-width: 900px) {
  .wrap {width: 720px;}
  
}

/**手机端适配*/
@media screen and (max-width: 800px) {
  .service-list-item{
    width:90%;
  }
  .main-header {
      padding: 11px 0;
  }
  .banner img {
    width: 100%;
    margin-top: 50px;
}
  .contry{
    width:28px;
    height:28px;
    margin-top:0;
    font-size: 10px;
  }
  .banner-msg{
    padding:0;
  }
  .banner-msg .banner-title{
    font-size: 20px;
    font-weight: bold;
    font-family: 'PingFangRB';
  }
  .banner-msg .banner-subtitle{
    margin:5px 0;
    font-size: 12px;
  }
  .banner .wrap{
    display: flex;
    top: 125px;
    left: 5px;
    transform: translateX(-0%);
  }
  .card-content{
    display: block;
  }
  .banner-msg p{
    margin-top:10px;
    font-size:10px;
  }
  .main-header .logo{
    width:70px;
  }
  .sc{
    padding:10px 0;
  }
  .contact{
    display: block;
    margin-top:20px;
  }
  .contact-title{
    font-size: 16px;
  }
  .contact-info{
    width:100%;
  }
  .contact-msg{
    font-size: 14px;
    margin-top:10px;
  }
  .contact-form{
    padding:0;
    width:100%;
  }
  .contact-name{
    font-size: 20px;
  }
  .form-msg{
    font-size: 16px;
    margin-top:50px;
  }
  .word-msg{
    font-size: 12px;
    color: #333;
    width: 90%;
    margin: 0 auto;
  }
  .mainTitle{
    font-size: 20px;
    font-weight: bold;
  }
  .grad-inner{
    min-height: 200px;
  }
  .s-pc{
    display: none;
  }
  .s-mobile{
    display: block;
  }
  .card{
    width:90%;
    margin:0 10px 50px 10px;
    height:auto;
    min-height: 400px;
  }
  .card-title{
      font-size: 20px;
  }
  .card-itMsg {
      font-size: 16px;
      margin: 10px 0 20px 0;
  }
  .view-item{
    display: block;
    margin-bottom:40px;
  }
  .view-img{
    width: auto;
    padding:0 10px;
  }
  .footer-subtitle p{
    font-size: 14px;
  }
  .view-img img{
    width: 100%;
  }
  .view-info{
    margin:10px;
    width: auto;
  }
  .view-info-title{
    font-size: 15px;
    margin: 0 10px 10px 10px;
    text-align: center;
  }
  .view-info-msg{
    font-size: 12px;
  }
  .footer-flex{
    width:100%;
    display:block
  }
  .flex-left{
    display: block;
  }
  .footer-flex .nav{
    width: 100%;
    margin:20px 0;
  }
  .footer-flex .nav p{
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 10px;
  }
  .link-inner{
    text-align: center;
    padding:0;
  }
  .form-input{
    margin:10px 5px;
    display: flex;
  }
  .form-input input{
    width:auto;
    flex:1;
  }
  .wap-list{
    display: block;
  }
  /* .main-header .inner .nav{display: none} */
  .flex{display: block}
  .flex-1{
    width:100%;
  }
  .grad-3,.grad-4,.grad-40{
    width:98%;
    flex:none;
    margin-bottom: 50px;
  }
  .concatBox{
    display: block;
  }
  .concat{
    flex:none;
    margin:10px 10px 10px 0;
  }
  .itMsg{width: 100%}
  .grad-2{
    width:33.33%;
  }
  .sc-1{
    width:100%;
  }
  .itBox{
    width:100%;margin-left:0
  }
  .text-l{text-align: center;}
  .sc-1 img{width:36px;}
  .sc-1 span{font-size:12px;display: block;margin-top:5px;margin-left:-7px;}
  .chart{
    margin-top:50px;
  }
  .wrap {width: 100%;box-sizing: border-box;padding-left: 10px;padding-right:10px;}
  
  .main-header .inner .nav{
    position: absolute;
    top: 53px;
    left: calc(50% + 5px);
    transform: translateX(-50%);
    opacity: 1;
    margin:0;
  }
  .main-header .inner .nav li{
        display: block;
        margin:0;
        padding:10px 0;
        text-align: right;
        font-size:12px;
  }
  .main-header .inner .nav li a{
    /* color: #333; */
    color: #fff;
    text-decoration: none;
    margin-right:10px;
    padding: 5px 10px;
    border-radius: 5px;
    /* background: #e6e0e0; */
    background: #2e3192;
  }
  .main-header .inner .nav li.active a{
    color: #999;
    position: relative;
    white-space: nowrap;
 }
  .menu-icon{
    display: none;
  }
  .doll{flex:2;text-align:left}
}
@media screen and (max-width: 320px) {
  .wrap {width: 320px;}
}