@media (min-width:1100px) {
 
}
@media (max-width:1200px) {
    #container{
        width: 100%;
    }
  
}

@media (max-width:1400px) {
    .contai{
        width: 1100px;
    }
    .first-shanghai-swiper .swiper-slide .swiper-slide-left p, .top-news-swiper .swiper-slide .swiper-slide-left p{
        -webkit-line-clamp: 4;
    }
    .top-news-swiper .swiper-button-next {
        right: 140px;
        bottom: 110px;
    }
    .top-news-swiper .swiper-button-prev{
        right: 180px;
        bottom: 110px;
    }
    .top-news-content::after{
        left: 38%;
    }
    .public-imgtitle img{
        height: 140px;
    }
    .first-shanghai-swiper .swiper-slide .swiper-slide-left h4, .top-news-swiper .swiper-slide .swiper-slide-left h4{
        -webkit-line-clamp: 3;
        font-size: 34px;
        line-height: 45px;
    }
    .first-shanghai-swiper a.more-btn{
        bottom: 0px;
    }
}




@media (max-width:1200px) {
 
    .contai{
        width: 996px;
    }
   
    .top-news-swiper .swiper-button-prev {
        right: 150px;
        bottom: 80px;
    }
    .top-news-swiper .swiper-button-next {
        right: 110px;
        bottom: 80px;
    }
    .top-news-content::after{
        height: 120px;
    }
    .top-news-content::after {
        left: 38.5%;
    }
    .top-news-swiper .swiper-pagination{
        margin-top: 50px;
    }
    .safari-list li a span{
        font-size: 24px;
    }
    .key-entvts-list li a .content h4{
        font-size: 28px;
        line-height: 40px;
    }
    .first-shanghai-swiper .swiper-slide .swiper-slide-left h4, .top-news-swiper .swiper-slide .swiper-slide-left h4{
        font-size: 30px;
        -webkit-line-clamp: 2;
    }
    .header-menu-list li a{
        font-size: 30px;
    }
}
@media (max-width:1100px) {
    .contai{
        width: 950px;
    }
}
@media (max-width:996px) {
    .contai{
        width: 100%;
        padding: 0px 15px;
    }
    .top-news-right-right li{
        padding: 10px 0px;
    }
    .first-shanghai-swiper .swiper-slide .swiper-slide-right, .top-news-swiper .swiper-slide .swiper-slide-right,
    .first-shanghai-swiper .swiper-slide .swiper-slide-left, .top-news-swiper .swiper-slide .swiper-slide-left{
        width: 100%;
        padding-left: 0px;
    }
    .top-news-swiper .swiper-pagination,
    .top-news-content::after{
        display: none;
    }
    .top-news-swiper .swiper-button-prev, .top-news-swiper .swiper-button-next{
        bottom: -10px;
    }
    .safari-list li{
        width: 33.33%;
        padding: 20px 15px;
    }
    .first-shanghai-swiper .swiper-button-prev, .first-shanghai-swiper .swiper-button-next{
        bottom: 0px;
        border:1px #df1404 solid;
    }
    .public-imgtitle img {
        height: 100px;
    }
    .safari-list{
        padding: 30px 0px 50px;
    }
    .first-shanghai-swiper .swiper-slide .swiper-slide-left h4, .top-news-swiper .swiper-slide .swiper-slide-left h4{
        font-size: 24px;
    }
    .first-shanghai-swiper .swiper-slide .swiper-slide-left p, .top-news-swiper .swiper-slide .swiper-slide-left p{
        font-size: 18px;
    }
    .key-entvts-list li a .content h4{
        font-size: 22px;
        line-height: 30px;
    min-height: 158px;
    }
    .key-entvts-list li a .content span{
        font-size: 16px;
    }
    .consumer-entvts-list li a .content p{
        font-size: 16px;
        margin-top: 10px;
    }
    .consumer-entvts-list li a .content p img{
        width: 25px;
    }
    .consumer-entvts-list li a .content p span{
        width: calc(100% - 25px);
    }
    .consumer-entvts-list li a .content h4{
        font-size: 20px;
        min-height: 90px;
        line-height: 24px;
    }
    .header-menu-list li a{
        font-size: 24px;
    }
    a.more-btn{
        position: static;
    }
    .top-news-content{
        padding: 20px;
    }
}
@media (max-width:800px) {
    .top-news-right-right li{
        padding:13px 0px;
    }
    .header-menu{
        margin-top: -200px;
    }
    .first-shanghai-swiper .swiper-slide .swiper-slide-right, .top-news-swiper .swiper-slide .swiper-slide-right{
        padding-left: 0px;
    }
    .first-shanghai-swiper .swiper-slide .swiper-slide-left, .top-news-swiper .swiper-slide .swiper-slide-left{
        padding-right: 0px;
    }
}
@media (max-width:767px) {
    .public-imgtitle{
        background: none;
    }
    .public-imgtitle img{
        height: 60px;
       
    }
    .header-menu{
     
        width: 100%;
        height: auto;
      
        z-index: 9;
        overflow: hidden;
    }
    .header-menu-list{
    
display: block;
    
padding-top: 20px;
    
margin: 0px 0px;
    }
    .header-menu-list li {
       
flex: none;
       
/* width: 50%; */
       
float: left;
       
padding: 0px 10px;
    }
    .header-menu-list li a{
      
font-size: 16px;
      
padding: 3px 0px;
      
min-height: 56px;
      
display: flex;
      
align-items: center;
      
justify-content: center;
      
border-bottom: 1px rgba(238, 120, 37,0.6) solid;
    }
    .header-menu{
        margin-top: -50px;
    }
    .banner {
        padding-top: 40px;
    }
    .menu-banner img{
        width: 60%;
        margin-bottom: -25px;
    }
    .top-news-swiper .swiper-button-prev{
        right: 50px;
    }
    .top-news-swiper .swiper-button-next{
        right: 10px;
    }
    .safari-list li {
        width: 50%;
        padding: 10px 15px;
    }
    .safari-list li a span {
        font-size: 16px;
        width: calc(100% - 40px);
    }
    .safari-list li a img{
        width: 20px;
    }
    .consumer-entvts-list li,
    .key-entvts-list li{
        width: 100%;
    }
    .key-entvts-list li a .content h4{
        min-height: auto;
    }
    .key-entvts-list li{
        margin-bottom: 30px;
    }
    .key-entvts{
        padding-bottom: 0px;
    }
    .key-entvts-list{
        margin-top: 0px;
    }
    .first-shanghai{
        padding-bottom: 30px; 
    }
    .first-shanghai-panel{
        margin-top: 0px;
    }
    .public-imgtitle{
        padding: 30px 0px;
    }
    .consumer-entvts-list {
        margin-top: 0px;
    }
    .safari-list {
        padding: 0px 0px 20px;
    }
    .consumer-entvts-list li{
        margin-bottom: 30px;
    }
    .consumer-entvts{
        padding-bottom: 0px;
    }
    #footer{
        padding-top: 0px;
    }
    .consumer-entvts-list li a .div-img p{
        font-size: 16px;
    }
    .first-shanghai-swiper .swiper-button-prev, .first-shanghai-swiper .swiper-button-next{
        width: 35px;
    height: 35px;
    right: 45px;
    }
    .first-shanghai-swiper .swiper-button-next{
        right: 0px;
    }
    .first-shanghai-swiper .swiper-button-prev i, .first-shanghai-swiper .swiper-button-next i{
        font-size: 25px;
    line-height: 35px;
    }
    .key-entvts-list li a .content h4,
    .first-shanghai-swiper .swiper-slide .swiper-slide-left h4, .top-news-swiper .swiper-slide .swiper-slide-left h4{
        font-size: 20px;
        line-height: 30px;
        -webkit-line-clamp: none;
    }
    .first-shanghai-panel::before,
    .first-shanghai-panel::after{
        display: none;
    }
    .safari{
        background-position-y: 0px;
    }
    .consumer-entvts-list li a .content.hidden{
        display: block!important;
    }
    .first-shanghai-border {
        padding: 0px 10px;
        border: none;
    }
}
@media (max-width:380px) {
  
}