@media screen and (max-width: 1280px) {
    .hd-auto {
        width: 96%;
        height: auto;
        margin: 0 auto;
    }
    .main1-auto {
        width: 96%;
        height: auto;
        margin: 0 auto;
    }
    .research{
        width: 96%;
        height: auto;
        margin: 0 auto;
    }
    .main2-auto {
        width: 96%;
        margin: 0 auto;
        height: auto;
    }
    .footer-top{
        width: 96%;
        margin: 0 auto;
        height: auto; 
    }
    .m-a-b-left {
        width: 50%;
    }
    .m-a-b-center {
        width: 30%;
    }
    .m-a-b-right {
        width: 47%;
    }
    .m-a-b-right ul li .a-title {
        width: 60%;
        height: auto;
        margin: 2% 5%;
    }
    .m-a-b-right ul li .a-title .title,
    .m-a-b-left .a-title .title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .m-a-b-right ul li .a-title .summary,
    .m-a-b-center ul li .title,
    .m-a-b-left .a-title .summary {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .main2-auto-left {
        width: 50%;
        height: 370px;
        margin-top: 55px;
        background: url(sanjiao.png) no-repeat;
    }
    .main2-auto-left-img {
        width: 98%;
        height: 324px;
        overflow: hidden;
        margin: 25px 0px 0px 25px;
    }
    .main2-auto-right {
        width: 45%;
        height: auto;
    }
    .main2-auto-right .summary {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
}

@media screen and (max-width: 1200px) {
    .nav1 {
        display: none;
    }
    .warp {
        position: relative;
    }
    .nav2 {
        display: block;
        position: absolute;
        top: 0;
        z-index: 999999;
        background: #333333;
        width: 100%;
        height: 100%;
        left: -100%;
        transition: all 0.7s;
    }
    .left {
        left: 0 !important;
    }
    .nav2 ul li a {
        color: #ffffff;
        line-height: 45px;
        padding-left: 20px;
        display: block;
        width: auto;
        height: 45px;
        border-bottom: 1px solid #666666;
    }
    .nav2 ul li .u3 .li3 a {
        line-height: 0;
        height: 0;
        overflow: hidden;
        border-bottom: 0;
        padding-left: 35px;
    }
    .nav2 ul li .u3 .li3.height a {
        height: 45px;
        line-height: 45px;
        color: #999999;
        border-bottom: 1px solid #666666;
    }
    .flexslider {
        height: 500px;
    }
    .slides li {
        height: 500px;
    }
    .search-en {
        width: auto;
    }
    .home {
        display: block;
        width: 40px;
        margin-top: 55px;
    }
    .ch,
    .search {
        display: none;
    }
    .nav2 ul li a.nn {
        font-size: 24px;
        font-weight: bold;
        color: #ffffff;
        line-height: 75px;
        padding-left: 15px;
        border-bottom: 0;
    }
    .xx {
        width: 35px;
        margin: 20px;
    }
}
@media screen and (max-width: 1040px) {
    .m-a-b-left{
        margin-right: 17px;
    }
}

@media screen and (max-width: 1024px) {
    .m-a-b-center ul li .title {
        width: 90%;
    }
    .main2-auto-left {
        width: 50%;
        height: auto;
        margin-top: 55px;
        background: url(sanjiao.png) #ffbb02;
    }
   
}

@media screen and (max-width: 920px) {
    .m-a-b-center ul li .title {
        width: 90%;
    }
    .main2-auto-left {
        width: 50%;
        height: auto;
        margin-top: 55px;
        background: url(sanjiao.png) #ffbb02;
    }
    .m-a-b-left {
        width: 100%;
    }
    .m-a-b-center {
        width: 100%;
        margin-top: 24px;
    }
    .m-a-b-right {
        width: 100%;
        margin-top: 24px;
    }
    .main2-auto-left {
        width: 100%;
    }
    .main2-auto-right {
        width: 100%;
        padding-bottom: 24px;
    }
    .main2-auto-left-img {
        width: 100%;
        height: 324px;
        overflow: hidden;
        margin: 0;
    }
    .main2-auto-right .h3 {
        font-size: 28px;
        color: #333333;
        font-weight: bold;
        margin-top: 24px;
    }
    .main2-auto-right .summary {
        padding-top: 24px;
        min-height: auto;
    }
    .m-a-b-center {
        margin-left: 0;
    }
    .research-box{
        display: block;
    }
    .research-box .list{
        width: 100%;
        margin-bottom: 20px;
    }
    .research-box .list .img{
        height: auto;
    }
}
@media screen and (max-width: 550px) {
    .m-a-b-left, .m-a-b-right{
       float: none;
        width: 100%;
    }
}
@media screen and (max-width:450px) {
    .ft p {
        line-height: 26px;
        color: #ffffff;
        font-size: 16px;
        padding: 15px;
    }
    .flexslider {
        height: 250px;
    }
    .slides li {
        height: 250px;
    }
    .flex-direction-nav li a.flex-prev {
        left: 5%;
    }
    .flex-direction-nav li a.flex-next {
        right: 5%;
    }
    .slides li a p {
        width: 100%;
        position: absolute;
        line-height: 20px;
        padding: 20px;
        bottom: 0;
        left: 0;
        font-size: 24px;
        color: #ffffff;
        font-weight: bold;
        background: url(tm.png) repeat;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .logo img {
        width: 100%;
        line-height: 22px;
        display: inline-block;
        vertical-align: middle;
    }
    .logo {
        line-height: 140px;
        display: block;
        height: 100%;
        width: 70%;
    }
    .m-a-b-right ul li .a-title {
        width: 67%;
        height: auto;
        margin: 2% 5%;
    }
    
}
@media screen and (max-width:400px) {
    .ft-top-rg{
        float: none;
        margin: auto;
    }
}