@media (max-width: 1024px){
    .nav-item li{
        width: 14%;
    }
    .nav-item li:last-child {
        width: 10%;
    }
    .digest .date{
        margin-top: -20%;
    }
    .img1 img {
        margin-top: 125px;
        width: 100%;
    }
    .img4 img {
        margin-top: 91px;
    }
    .img6 {
        width: 33%;
    }
    .img6 img{
        width: 100%;
    }
    .news-wrap .list ul li a{
        float: left;
        width: 85%;
        overflow: hidden;
        height: 24px;
    }
    .infrom-content .date{
        width: 15%;
    }
    .infrom-content .list{
        width: 85%;
        padding: 0 20px;
    }
    .tab{
        width: 45%;
    }
    .content-left .pic{
        width: 68%;
    }
}

@media (max-width: 920px){
    .logo{
        width: 55%;
    }
    .top-right{
        width: 40%;
        padding-top: 10px;
    }
    .top-right .link a{
        margin: 0 10px;
    }
    .nav-item li{
        width: 13%;
        padding-left: 0;
    }
    .nav-item .bg a {
        background: url(../images/arrow_b.png) no-repeat 100% 50%;
    }
    .nav-item li.bg:hover a{
        background: url(../images/arrow_w.png) no-repeat 100% 50%;
    }
    .carousel-indicators{
        bottom: 0;
        width: 15%;
        margin-left: 35%;
    }
    .digest .date {
        margin-top: -26%;
    }
    .news-wrap .list ul li a{
        width: 82%;
    }
    .infrom-content .date {
        width: 20%;
    }
    .infrom-content .list {
        width: 80%;
        padding: 0 15px;
        height: 116px;
        overflow: hidden;
    }
    .infrom-content .list span {
        line-height: 26px;
    }
    .img1 img {
        margin-top: 95px;
    }
    .img4 img {
        margin-top: 32px;
    }
    .bottom .location{
        width: 50%;
    }
    .bottom .location span{
        display: block;
    }
    .img2 .detail, .img3 .detail, .img5 .detail, .img7 .detail{
        padding: 10px;
    }
    .tab {
        width: 55%;
    }
    .content-right{
        padding: 0;
    }
    .content-right .content-detail span{
        margin-top: 0;
    }
    .list-right{
        background: url(../images/dian_g.png) 12px 15px repeat-y;
    }
    .list-right:hover{
        background: url(../images/dian_b.png) 12px 40px repeat-y;
    }
}


@media (max-width: 768px){
    .practice .title img{
        width: 100%;
    }
}

@media (max-width: 414px){
    .logo {
        width: 85%;
        padding: 22px 0 0px;

    }
    .top-right {
        float: none;
        width: 100%;
    }
    .top-right .link a {
        font-size: 14px;
    }
    .bars{
        display: block;
        top: 25px;
        left: 355px;
    }
    .nav{
        height: 50vh;
        display: none;
        transform: translateX(100%);
    }
    .nav.active{
        transform: translateX(0);
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 999;
        width: 25%;
        height:auto;
        background: #004176;
    }
    .nav ul{
        width: 100%;
        display: inherit;
        text-align: center;
    }
    .nav ul li{
        width: 100%;
        margin-top: 20px;
    }
    .nav-item li:first-child,.nav-item li:last-child{
        width: 100%;
    }
    .nav-item li a{
        color: #fff;
    }
    .carousel{
        margin: 10px 0;
    }
    .carousel-caption{
        width: 70%;
        padding: 0 10px;
        bottom:5px;
    }
    .carousel-caption a{
        font-size: 12px;
    }
    .carousel-indicators li{
        width: 15px;
    }
    .carousel-indicators .active{
        width: 15px;
    }
    .middle-wrap .news-wrap {
        float: none;
        width: 100%;
    }
    .digest .date {
        margin-top: -29%;
    }
    .digest a{
        line-height: 24px;
    }
    .news-wrap .list ul li a {
        width: 80%;
    }
    .middle-wrap .inform-wrap {
        float: none;
        width: 100%;
    }
    .infrom-content .list span {
        line-height: 20px;
    }
    .practice .title {
        margin-bottom: 35px;
    }
    .img1,.img4,.img6,.img7{
        display: none;
    }
    .practice-wrap .list{
        width: 48%;
    }
    .img2,.img5{
        width: 90%;
    }
    .img5{
        margin-left: 10%;
    }
    .list2{
        width: 48%;
    }
    .list2 .img3{
        width: 90%;
    }
    .bottom .location {
        width: 100%;
        margin:10px 0;
    }
    .bottom .logo_s{
        width: 60%;
    }
    .tab {
        width: 62%;
        margin-top: 15px;
    }
    .tab li {
        padding: 16px 10px;
    }
    .content-left{
        display: none;
    }
    .content-right{
        width: 98%;
    }
    .list-left{
        width: 15%;
    }
    .list-right {
        width: 85%;
        padding: 5px 5px 20px 35px;
    }
}

@media (max-width: 375px){
    .bars{
        left: 325px;
    }
    .carousel-indicators{
        width: 20%;
        margin-left:30%;
    }
    .digest .date {
        margin-top: -32%;
    }
    .news-wrap .list ul li a {
        width: 78%;
    }
}
@media (max-width: 360px){
    .bars{
        left: 310px;
    }
    .digest .date {
        margin-top: -33%;
    }
    .tab {
        width: 71%;
    }
}