@media screen and (min-width:1280px){
    .container {
        width: 1280px;  
        padding: 0;
    }
}
@media (max-width:1201px){
    .left-bottom{
        height: 79px;
        line-height: 20px;
    }
    .laboratory-title{
        width: 33%;
    }
}


@media (max-width:992px){
    .logo{
       width:70%;
    }
    .logo img{
       max-width:100%;
       height:auto;
    }
    .search {
       width: 220px;
    }
    .btn{
       left:185px;
    }

}



/* ipad */
@media (max-width:768px){
    .logo{
        width: 60%;
    }
    .logo img{
        width: 100%;
        height:auto;
    }
    .search_box{
        margin: 20px 0 20px 20px;
    }
    .search {
        width: 180px;
    }
    .btn{
        left: 145px;
    }
    .nav ul li{
        width: 13%;
        margin-left: 0.2%;
    }
    .news-list-left{
        width: 26%;
    }
    .news-list-right{
        width: 70%;
    }
    .laboratory-title {
        width: 53%;
    }
    .researchers-list{
        width: 31%;
    }
    .link a{
        margin-right: 33px;
    }
    .laboratory-content{
        line-height: 32px;
    }


    .news-content-title {
        height: 50px;
        overflow: hidden;
    }
    .news-content-detail{
        width: 160px;
    }


    .xiangqing span img{
        max-width: 100%;
    }
    .riqi{
        width: 16%;
    }
    .neirong{
        width: 80%;
    }


    .member-detail{
        width: 48%;
    }

    .about {
        padding: 50px 30px 120px;
    }
    .about-detail{
        width: 90%;
        left: 5%;
    }
}

/* 导航栏、轮播图样式 */
@media (max-width:414px){
    .navbar-toggle .icon-bar{
        background-color: #fff;
        width: 25px;
        height: 3px;
    }
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: -85px;
        margin-right: 10px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border-radius: 4px;
    }
    .nav{
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 999;
        background: #fff;
        width: 30%;
        margin: 0;
        background: rgba(247, 247, 247, .7)
    }
    
    .nav ul li:first-child,.nav ul li{
        width: 100%;
    }
    .carousel-control.left{
        left: 10px;
    }
    .carousel-control.right{
        right: 10px;
    }
    .carousel-control.left, .carousel-control.right{
        width: 20px;
        height: 20px;
        top: 35%;
    }
    .carousel-control img{
        max-width: 100%;
    }
    .carousel-indicators{
        bottom: -8px;
    }
    .carousel-indicators li{
        width: 8px;
        height: 8px;
    }
    .carousel-indicators .active{
        width: 10px;
        height: 10px;
    }


    .report-left .list_1{
        margin-right: 0;
        padding: 0 10px;
    }
    .report-left .list_1 a{
        font-size: 16px;
    }
}


/* iphone 6/7/8plus */
@media (max-width:414px){
    .logo {
        width: 85%;
    }
    .search_box {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .search {
        width: 380px;
        height: 25px;
    }
    .btn {
        left: 345px;
        top: 2px;
    }
    .list-wrap-left{
        margin-bottom: 25px;
    }
    .list-wrap-left,.list-wrap-right {
        width: 100%;
        float: none;
    }
    .news,.award {
        float: none;
        width: 100%;
    }
    .laboratory,.research-group{
        float: none;
        width: 100%;
    }
    .laboratory-title {
        width: 65%;
    }
    .about-more{
        text-align: right;
    }
    .research-group .more {
        margin: 18px 0 0 0;
    }
    .link span{
        margin-bottom: 10px;
        font-size: 16px;
    }
    .link a{
        font-size: 14px;
        margin-right: 15px;
    }
    .copyright {
        margin: 10px 0 0;
    }
    .copyright span {
        display: block;
    }


    .report {
        padding: 5px 0;
    }
    .report-left{
        font-size: 18px;
        margin-left: 5px;
    }
    .report-right{
        margin-right: 5px;
    }
    .news-content-wrap span {
        font-size: 16px;
    }
    .news-content-title a{
        font-size: 16px;
    }
    .news-content-detail a{
        font-size: 14px;
    }
    .news-content-title {
        height: 20px;
    }
    .news-content-wrap{
        width: 100%;
    }
    .news-content-detail {
        width: 315px;
    }


    .biaoti{
        text-align: center;
    }
    .zhengwen {
        padding: 50px 10px 100px;
    }
    .riqi{
        display: none;
    }
    .neirong{
        width: 100%;
    }

    .xiangqing {
        padding: 0 0;
    }
    .member-detail {
        width: 98%;
        
    }
    .news-wrap{
        margin-top: 25px;
    }
    .right_location {
        margin-top: -55px;
        background: #0056b8;
        width: 100%;
        line-height: 28px;
        padding-left: 10px;
        border-bottom: 1px solid rgba(247, 247, 247, .3);
    }
    .member-list {
        padding: 20px 0 20px;
    }

    .about-pic img{
        width: 100%;
    }

    .about-detail span {
        font-size: 14px;
        color: #333333;
        line-height: 30px;
    }
    .about-detail {
        padding: 20px 20px;
    }
    .about {
        padding: 30px 15px 120px;
    }
    
    
}

/* iphone6/7/8 */
@media (max-width:375px){
    .search {
        width: 340px;
    }
    .btn {
        left: 305px;
        top: 1px;
    }
    .nav{
        width: 32%;
    }
    .laboratory-title {
        width: 73%;
    }
    .link a {
        margin-right: 16px;
    }


    .news-content-detail {
        width: 275px;
    }
}


/* Galaxy S5 */
@media (max-width:360px){
    .search_box{
        padding-left: 5px;
    }
    .search {
        width: 320px;
    }
    .btn {
        left: 290px;
        top: 2px;
    }
    .nav{
        width: 35%;
    }
    .link a {
        margin-right: 12px;
    }


    .news-content-detail {
        width: 260px;
    }


    
}


/* iphone5 */
@media (max-width:320px){
    .search {
        width: 280px;
    }
    .btn {
        left: 245px;
        top: 1px;
    }
}