@media (max-width:1600px) {
    .header-menu-list li a{
        font-size: 20px;
    }
}

@media (min-width: 1500px) {
    .container {
        width: 1400px;
    }
}
@media (max-width:1200px) {
    .container{
        width: 100%;
    }

}
@media (max-width:1400px) {
    .contai{
        width: 1100px;
    }
   .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;
    }

}




@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{
    }

    .key-entvts-list li a .content h4{
        font-size: 28px;
        line-height: 40px;
    }

    .header-menu-list li a{
        font-size: 18px;
    }
    .logo-ww{
        height: 40px;
    }
    .Senior-edition>li>a img {
        height: 20px;
        margin-left: 10px;
        width: auto;
    }
    .top-news-swiper .swiper-slide .swiper-slide-left p {
        -webkit-line-clamp: 2;
    }
    .bg-circle{
        top: 60%;
        left: 50%;
        width: 400px;
        height: 400px;
    }
    .main-visual{
        top: 59%;
        left: 50%;
        width: 300px;
        height: 300px;
    }
    .controls{
        top: 58%;
        right: 0px;
        width: 150px;
        height: 150px;
    }
    .visitor{
        height: 700px;
    }
}
@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;
    }

    .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; */
    }


    .public-imgtitle img {
        height: 100px;
    }

    .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;
    }
    .slide-number{
        font-size: 30px;
    }
    .slide-number-container{
        height: 80px;
        width: 80px;
    }
    .main-title{
        font-size: 27px;
    }
    .header-menu{
        padding-right: 40px;
    }
    .ma-infinitypush-wrapper .ma-infinitypush-button{
        top: 30px;
        box-shadow: inset 0 4px #e16216, inset 0 6px white, inset 0 9px #e16216, inset 0 11px white, inset 0 14px #e16216, inset 0 16px white;
    }
    #mobile-navigation{
        background: #e16216;
    }
    .ma-infinitypush-wrapper .ma-infinitypush > ul{
        display: block;
    }
    .ma-infinitypush-wrapper .ma-infinitypush > ul{
        border-bottom: none;
    }
    .ma-infinitypush-wrapper .ma-infinitypush>ul>li>a:focus-visible, .ma-infinitypush-wrapper .ma-infinitypush>ul>li>a{
        font-size: 20px;
    }

}
@media (max-width:800px) {
    .top-news-right-right li{
        padding:13px 0px;
    }
    .header-menu{
    }

    .controls{
        right: 40px;
    }
    .top-news-swiper .swiper-slide .swiper-slide-right img,
    .consumer-entvts-list li a .div-img img{
        height: auto;
    }
}
@media (max-width:767px) {
    .public-imgtitle{
        background: none;
    }
    .public-imgtitle img{
        height: 60px;

    }
    .header-menu{

        width: 100%;
        height: auto;



    }
    .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{
    }
    .banner {
    }
    .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;
    }
    .iphone-xs{
        display: block!important;
    }
    .iphone-xs img{
        height: 20px;
    }
    .Senior-edition>li.dropdown a  span{
        display: none;
    }
    .logo-ww {
        height: 30px;
    }
    .Senior-edition>li.dropdown
 {
    padding: 13px 12px;
}
.ma-infinitypush-wrapper .ma-infinitypush-button{
    top: 14px;
}
.header-menu-list li{
    width: 100%;
}
.top-news-swiper .swiper-slide .swiper-slide-right,
.top-news-swiper .swiper-slide .swiper-slide-left
{
    width: 100%;
}
.top-news-swiper .swiper-slide .swiper-slide-left{
    padding-left: 0px;
}
.top-news-content {
    padding: 0px;
}
.top-news-swiper .swiper-slide .swiper-slide-left p {
    -webkit-line-clamp: 4;
    font-size: 16px;
}
.top-news-swiper .swiper-button-prev, .top-news-swiper .swiper-button-next {
    bottom: -10px;
}
.top-news-swiper .swiper-button-prev i, .top-news-swiper .swiper-button-next i{
    font-size: 34px;
}
.top-news{
    margin-top: 0px;
}
.public-imgtitle {
    padding: 10px 0px;
}
.bg-circle {
    top: 48%;
    width: 300px;
    height: 300px;
}
.main-visual {
    top: 47%;
    width: 200px;
    height: 200px;
}
.top-left{
    top: 110px;
    left: 15px;
}
.slide-number-container {
    height: 55px;
    width: 55px;
}
.slide-number {
    font-size: 20px;
    line-height: 20px;
    color: #000;
}
.main-title {
    font-size: 18px;
}
.main-title-container{
    left: 15px;
}
.control-btn{
    width: 50px;
    height: 50px;
    padding: 13px;
}
.controls{
    right: 10px;
    top: auto;
    bottom: 30px;
    width: 100px;
    height: 100px;
}
.consumer-entvts-list{
    margin-bottom: 0px;
}
.consumer-entvts-list li {
    margin-bottom: 20px;
}
.Senior-edition>li .dropdown-menu li a{
    font-size: 14px;
}
.Senior-edition>li .dropdown-menu li a{
    padding: 10px 5px;
    text-align: center;
}
.consumer-entvts-list li a .content h4 {
    font-size: 16px;
    min-height: auto;
    line-height: 24px;
}
.consumer-entvts-list li a .content p img {
    width: 14px;
}
.consumer-entvts-list li a .content p span {
    width: calc(100% - 14px);
}
.consumer-entvts-list li a .content p {
    font-size: 14px;
    margin-top: 10px;
}
.consumer-entvts-list li a .content {

    padding: 15px;
}
}
@media (max-width:380px) {

}