@media screen and (max-width: 768px) {
    html {
        font-size: 12px;
    }
    .wrapper{
        max-width: 100%;
        padding: 0 1rem;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }
    .headerxian{
        display: none;
    }
    .headercw{
        display: none;
    }
    .headerrightitem {
        display: none !important;
    }
    .header .headerleft .logo{
        width:12rem;
        height:auto;
    }
    .header .headerright .headerrightitemtwo{
        width: 100%;
        max-width: 15.43rem;
        box-sizing: border-box;
    }
    .header .headerright .headerrightsearchinput{
        width:100%;
    }
    .hamburger-menu {
        display: flex !important;
    }
    .menu {
        display: none;
    }
    .footercontent{
        flex-direction: column;
        margin: 0 1rem;
        width: 100%;
        box-sizing: border-box;
    }
    .footertop{
        margin: 0 1.71rem;
    }
    .footerbottom{
        margin: 0 1rem;
        width: 100%;
        box-sizing: border-box;
    }
    .itemline{
        display: none;
    }
    .footerbottomitem{
        flex-direction: column;
    }
    .swipersearch .swipersearchbtn{
        font-size: 1.14rem;
    }
    .container{
        padding-top: 8rem;
    }
    .swipermban{
        background-size: 100% 100% !important;
        height:11.71rem;
    }
    .swipermbantitle{
        margin-left: 1.71rem;
        margin-top: 1.71rem;
        font-size: 1.86rem;
    }
    .swipermbantext{
        margin-left: 1.71rem;
        margin-top: 0.93rem;
        line-height: 1.86rem;
        width: 23rem;
    }
    .aboutlist{
        grid-template-columns: repeat(1, 1fr);
    }
    .threenews .news-item-wrap{
        grid-template-columns: repeat(1, 1fr);
    }
    .fivelist-wrap{
        grid-template-columns: repeat(1, 1fr);
    }
    .fourlist-wrap{
        grid-template-columns: repeat(1, 1fr);
    }
    .aboutsummary{
        display:block;
    }
    .aboutsummaryline{
        display:none;
    }
    .contact{
        display:block;
    }
    .contactimg{
        width: 95%;
        height:auto;
    }
    .departmenttitle img{
        display:none;
    }
    .departmentlist{
            grid-template-columns: repeat(3, 1fr);
    }
    .introexpertlist{
        grid-template-columns: repeat(2, 1fr);
    }
    .expertdetail{
        display:block;
    }
    .expertdetailrighttopziw{
        display:none;
    }
    .swipersearch{
        right: 2%;
        height: 4.57rem;
        width: 70%;
    }
    .swipersearch .swipersearchinput{
        width: 100%;
        box-sizing: border-box;
    }
    .swipertop{
        top: 0.64rem;
        right: 2rem;
        width: 7.57rem;
        height: 11.64rem;
    }
    .twocontent{
        grid-template-columns: repeat(3, 1fr);
    }
    .twoimg{
        display:none;
    }
    .twojishuimg{
        display:none;
    }
    .threeleft .threeleftitem{
        font-size: 1.29rem;
    }
    .threeleft .threeleftitem span{
        font-size: 1.29rem;
    }
    .threenews{
        grid-template-columns: repeat(1, 1fr);
    }
    .threenewslist{
        margin-top: 5rem;
    }
    .fourleftitem{
        font-size: 1.29rem;
    }
    .fourleftitem span{
        font-size: 1.29rem;
    }
    .fourcontent{
        grid-template-columns: repeat(1, 1fr);
    }
    .fiveleftitem{
        font-size: 1.29rem;
    }
    .fiveleftitem span{
        font-size: 1.29rem;
    }
    .fivecontent{
        grid-template-columns: repeat(1, 1fr);
    }
    .sixcontent{
        grid-template-columns: repeat(1, 1fr);
    }
    .aboutleaderlist{
        grid-template-columns: repeat(2, 1fr);
    }
    .zhonhelist{
        grid-template-columns: repeat(1, 1fr);
    }
    .newscatelist{
        grid-template-columns: repeat(1, 1fr);
    }
    .newsdetail{
        display:block;
    }
    .newslistitem img{
        display:none;
    }
    .newslistitemtime {
        width: 6.21rem;
    }
    .sciencebaogaolist {
        grid-template-columns: repeat(1, 1fr);
    }
}