@media (min-width:1100px) {
 
}
@media (min-width:1200px) {
 
}
@media (min-width:1300px) {
  
}
@media (max-width:1600px) {
    .banner{
        width: 700px;
    }
}




@media (max-width:1500px) {
    .newyear-banner-li li .newyear-banner-div2 ul li {
        height: 200px;
    }
    .newyear-banner-li>li .newyear-banner-div1 h4{
        /* padding-top: 33px; */
        /* padding-bottom: 113px; */
    }
    .newyear-banner-li li .newyear-banner-div2 .mores{
        padding-top: 80px;
        padding-bottom: 4px;
    }
    .newyear-banner-li li .newyear-banner-div2{
        height: 588.7px;
    }
}
@media (max-width:1400px) {
    .newyear-banner-li>li .newyear-banner-div1 h4 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .newyear-banner-li li .newyear-banner-div2 ul li span{
        font-size: 24px;
        margin-top: 10px;
    }
    .newyear-banner-li li .newyear-banner-div2 ul li {
        height: 176px;
    }
    .newyear-banner-li li .newyear-banner-div2 ul li a{
        font-size: 22px;
    }
    .newyear-banner-li>li .newyear-banner-div1{
        padding-bottom: 25px;
    }
    .newyear-banner-li li .newyear-banner-div2 .mores{
        padding-top: 45px;
        padding-bottom: 4px;
    }
    .newyear-banner-li li .newyear-banner-div2{
        height: 526.48px;
    }
}
@media (max-width:1200px) {
    .newyear-banner-li>li .newyear-banner-div1 img {
        padding: 60px 15px 0px;
    }
    .newyear-banner-li>li .newyear-banner-div1 h4{
        font-size: 18px;
        height: 40px;
    }
    .newyear-banner-li li .newyear-banner-div2 ul li a{
        -webkit-line-clamp: 3;
    }
   
    .newyear-banner-li li .newyear-banner-div2 ul{
        padding: 50px 25px 20px;
    }
    .newyear-banner-li li .newyear-banner-div2 ul li {
        height: 144px;
    }
    .newyear-banner-li li .newyear-banner-div2 .mores {
        padding-top: 0px;
        padding-bottom: 4px;
        font-size: 18px;
    }
    .imgs-list ul li a img {
        height: 130px!important;
    }
    .newyear-banner-li li .newyear-banner-div2{
        height: 412.93px;
    }
}

@media (max-width:991px) {
    .newyear-banner-li>li .newyear-banner-div1 img {
        padding: 50px 13px 0px;
    }
    .newyear-banner-li>li .newyear-banner-div1 h4 {
        font-size: 14px;
        font-weight: 500;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 16px;
        padding-right: 15px;
        height: 35px;
    }
    .newyear-banner-li li .newyear-banner-div2 ul li {
        height: 104px;
    }
    .newyear-banner-li li .newyear-banner-div2 ul li a {
        -webkit-line-clamp: 2;
        font-size: 20px;
    }
    .banner {
        width: 500px;
    }
    .newyear-banner-li li .newyear-banner-div2 .mores{
        padding-bottom: 4px;
        padding-top: 8px;
        font-size: 14px;
    }
    .newyear-banner-li li .newyear-banner-div2{
        height: 329.47px;
    }
}
@media (max-width:767px) {
    .newyear-banner-li>li{
        width: 500px;
        float: none;
        margin: 10px auto;
    }
    .newyear-banner-li>li .newyear-banner-div{
        /* background: url(../img/li-bg3.png) no-repeat; */
        background-size: 100% 100%;
        transition: all 0.5s;
    }
    .newyear-banner-li>li .newyear-banner-div1 img,
    .newyear-banner-li>li .newyear-banner-div1 {
        z-index: 1;
        position: relative;
    }
    .newyear-banner-li li .newyear-banner-div2 ul li a{
        position: relative;
        z-index: -1;
    }
    .newyear-banner-li li.active .newyear-banner-div2 ul li a{
        z-index: 1;
    }
    .newyear-banner-li>li .newyear-banner-div1 img {
        padding: 36px 36px 40px;
    }
    .newyear-banner-li>li .newyear-banner-div1 h4 {
        padding-bottom: 67px;
        padding-top: 13px;
        font-size: 24px;
    }
    /* .newyear-banner-li>li .newyear-banner-div1{
        display: none;
    }
    .newyear-banner-li li .newyear-banner-div2 {
        display: block;
    } */
    .newyear-banner-li li .newyear-banner-div2 ul li {
        height: 166px;
    }
    .newyear-banner-li li .newyear-banner-div2 ul li a {
        -webkit-line-clamp: 4;
        font-size: 16px;
    }
    .newyear-banner-li li .newyear-banner-div2 ul {
        padding: 50px 39px 20px;
    }
    .newyear-banner-li li .newyear-banner-div2 .mores{
        padding-bottom: 8px;
    }
    .newyear-banner-li li .newyear-banner-div2 ul {
        padding: 50px 55px 20px;
    }
    .imgs-list{
        margin-top: 10px;
    }
    .newyear-banner-li li .newyear-banner-div2{
        height: 532.14px;
    }
}
@media (max-width:550px) {
    .newyear-banner-li>li{
        width: 400px;
        float: none;
        margin: 10px auto;
    }
    .newyear-banner-li>li .newyear-banner-div{
        /* background: url(../img/li-bg3.png) no-repeat; */
        background-size: 100% 100%;
        transition: all 0.5s;
    }
    
    .newyear-banner-li>li .newyear-banner-div1 img {
        padding: 29px 29px 40px;
    }
    .newyear-banner-li>li .newyear-banner-div1 h4 {
        padding-bottom: 0px;
        padding-top: 0px;
        font-size: 18px;
    }
    .imgs-list ul li a img {
        height: auto!important;
    }
    .main{
        background-size: cover;
        background-position-x: center;
        background-position-y: top;
    }
}
@media (max-width:480px) {
    .newyear-banner-li>li{
        float: none;
        width: 300px;
        margin: 10px auto;
        padding-left: 0px;
        padding-right: 0px;
    }
  
   
    .banner {
        width: 280px;
        padding: 40px 0px 20px;
    }
    .newyear-banner-li>li .newyear-banner-div1 img {
        padding: 80px 25px 0px;
    }
   
    .newyear-banner-li{
        padding-bottom: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .newyear-banner-li li .newyear-banner-div2 ul {
        padding: 50px 39px 20px;
    }
}

@media (max-width:400px) {
    .banner {
        width: 250px;
        padding: 40px 0px 20px;
    }
    .newyear-banner-li>li{
        width: 300px;
    }
    .newyear-banner-li>li .newyear-banner-div1 img {
    }
    .newyear-banner-li>li .newyear-banner-div1 h4{
    }
}
@media (max-width:380px) {
    .newyear-banner-li>li{
        width: 300px;
    }
    .newyear-banner-li>li .newyear-banner-div1 img {
    }
    .newyear-banner-li>li .newyear-banner-div1 h4{
    }
    .newyear-banner-li{
        margin-top: 0px;
    }
}
@media (max-width:350px) {
    
 
}