
@media screen and (max-width: 1280px) {

.nav .nav-list{
width:80%;
}
.nav ul li a{
font-size:15px;
    line-height: 90px;
}
.nav .hanlder .search img{
right:0%;
}
.nav .logo{
margin-top:0px;
}
.nav-white .logo .black{
    display: flex;
    width: 100%;
    align-items: center;
}
.nav .logo a{
   display: flex;
    width: 100%;
    align-items: center;
}
.nav .hanlder{
margin-top:3% !important;
}
}
@media screen and (max-width: 950px) {
#Collapse{
display:block;
}
.user-avatar{
display:none;
}
.user-info{
margin-top:10px;
}
.user-list,.user-info{
   width: 100%;
    display: flex;
    flex-wrap: wrap;
}
#unfold{
display:block;
}
.nav .hanlder .search #btn-search{
display:none;
}
.crumbs-nav ul{
width:100%;
flex-wrap:nowrap !important;
    white-space: nowrap;
    padding-left: 10px;
}
.video-container .wap .detail .header h1{
font-size:24px;
}
.nav .logo a img{
width:203px;
    margin-top: -40px;
}
.nav-white .logo .black img{
margin-top: -5px;
}
.login-handle{
    display:none;
    }
.video-container .wap .detail .my-content{
display:block;
}
.video-container .wap .detail .my-content .left{
display:none;
}
.video-container .wap .detail .my-content .right{
padding:30px 20px;
}
.video-container .wap ul{
margin:0;
}
.yewu-show .wap ul{
flex-wrap:wrap;
}
.nav-white{
height:70px;
}
.nav .logo{
    width: auto;
}
.nav-white .hanlder{
margin-top:10% !important;
}
.nav-white .hanlder .search img{
    top: 9%;
}
.nav .hanlder .search img{
    width: 22px;
    height: 22px;
}
.nav .nav-list{
    justify-content: end;
}
.nav .hanlder{
border-left:none;width: 100%;
}
.nav .nav-list > ul{
display:none
}
.footer2 .wrapper .left{
flex-wrap: wrap;
}
.footer3{
height:auto;
}
.footer1 ul{
    justify-content: space-between;
    flex-wrap: wrap;
line-height: 30px;
}
#section4 div{
height:auto !important;
}
#section4 img{
display:block;
}
#section3 .swiper-pagination{

}
#section1 .right{
width:100%;
}
#section1 .left{
width:100%;
}
#section1{
    flex-wrap: wrap;
}
#section3 button{
    width: 120px;
    height: 34px;
    font-size: 12px;
line-height: 30px;
}
#section1 video{
    height:auto !important;
}
#section1 .right .history{
flex-wrap: wrap;
}
#section1 .right .history li{
    width: 40%;
    margin-top: 20px;
}
#section1 .right{
padding-bottom: 20px;
}
#section2 ul{
    overflow: scroll;
}
#section2 ul li{
width:100%;
    flex-shrink: 0;
}
#section3 .header .right ul{
    overflow: hidden;
    line-height: 50px;
}
#section3 .header .right ul li{
width:100%;
}
#section3 .header .left{
    font-size: 14px;
    width: 21%;
    line-height: 50px;
}
#section3 .header{
height: 50px
}
#section3 .information .top .left h2{
    font-size: 26px;
}
#section3 .information .top .left h1{
    font-size: 30px;
}
.m-nav{
display:block;

}
.slidBox{
display:none;
}
.drop-menu{

}
.company .wap{
width:94%;
margin: 30px auto;
}
.company .wap .left{
   width:100%;
  
}
.company .wap .right{
width:100%;
margin-left:0px;
margin-top:20px;

}
.company .wap .right img{
height:auto;

}
.banner .content{
width:auto;
top:15%;
}
.banner{
height:250px !important;

}
.the-team .wap{
width:94%;
    margin: 32px auto;

}

.history-list .swiper-button-next{
    right: -35px;
}
.history-list .swiper-button-prev{
    left: -35px;
}
.my-swiper-pagination{
    bottom: -23% !important;
    left: 15%;
    width: 73%;
}
.the-team .team-container .header ul li{
    display: flex;
    flex-direction: column;
    font-size: 14px;
}
.the-team .team-container .header ul li img{
margin-right:0px;
}
.the-team .team-container{
height:360px;

}
.the-team .team-container .team-list{
    flex-wrap: inherit;
    overflow-y: hidden;
    overflow-x: scroll;
}
.the-team .team-container .team-list{
height:170px;
}
.honors{
height:auto;
padding-bottom: 20px;
}
.honors .wap{
    width: 94%;
    margin: 22px auto;
}
.the-team .team-container .team-list .item{
width:98%;
height:96%;
}
.yewu-container .wap{
width:94%;
}
.yewu-container .wap .yewu{
padding: 30px 20px;
}
.yewu-show .wap ul li{
width:100%;
max-height:auto;
}

.yewu-show{
height:auto;
}
.party-list ul li{
    flex-direction: column;
     height:auto;

}
.the-team{
height:640px;
}
.party-list{
width:94%;
}
.party-list ul li .left{
width:100%;
}
.party-list ul li .right{
width:100%;
}
.party-list ul li .time{
    opacity: 0.8;
}
.party-container #section3 .information{
    width: 90%;
}
.video-container .wap .forum-list .item .title1{
    margin: 20px 0px;
        font-size: 16px;
}
.party-list ul li .right p{
    margin: 20px 0px;
}
.mailbox .form .cell1{
    flex-direction: column;
}
.mailbox .form .cell1 input{
    width: 100%;
margin-bottom:20px;
}
.mailbox .form .cell4 button{
    width: 32%;
}
.mailbox .form .cell4{
    flex-wrap: wrap;
}
.mailbox .form .cell2 input{
   width:97%;
}
.video-container .wap{
    width: 90%;
padding-bottom:30px;
}
.main{
padding:0px;
width:95%;
}
.login-wrapper{
    width: 96vw;
    height: 86vh;
    margin: 2vh auto;
    background-image: url(../images/new/login_bg_left.jpg);
    box-sizing: border-box;
    padding: 1vw;
    background-position: 0% 55%;

}
.login .left{
display:none;
}
.login .right{
width:100%;
}
.login .handle .lf{
font-size:14px;
}
.login .handle .rg{
font-size:14px;
}
}

