/*Common For Max 960*/
@media only screen and (max-width: 1200px) {
    .wp{width: 98%;}
    #nav{display: none;}
    #hd {
        position: fixed;
        left: 0;width: 100%;
        top: 0;
        height: 50px;
        line-height: 50px;
        z-index: 99;
    }
    #hd .logo img {
        height: 30px;
    }
    .menuBtn{display: block;}
    .cur-tit .tit {
        width: 220px;
        height: 100px;
        padding: 25px 0 0 20px;
    }
    .cur-tit .tit .con .sp1 {
        font-size: 24px;
    }
    .cur-tit .tit .con .sp2 {
        font-size: 12px;
    }
    .cur-tit .tit .con {
        height: 50px;
        padding-left: 10px;
        border-left: 2px solid #fff;
    }
    .cur-tit .cur {
        margin-left: 240px;
    }
}

/*Common For Max 768*/
@media only screen and (max-width: 959px) {

    .fd-t{display: none;}
    #fd {padding: 20px 0; } 
    .fd-b {padding-top: 0; }
    .sl-list10 .con,.sl-list11 .con {margin: 0 5px; } 
    .sl-list11 ul {margin: 0 -5px; }
    .row-a3 .box1,.row-a3 .box2 {float: none;width: 100%; }
    .row-a3 .box1 .con,.row-a3 .box2 .con {height: auto;}

    .m-infor5 .con {
        float: none;
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .m-infor5 .con .img {
        position: static;
        display: block;
        margin: 0 auto 20px;
        width: auto;
    }
    .cur-tit.cur1{display: none;}
    .cur-tit .tit,.cur-tit .cur {display: none;    }
    .cur-tit {height: 40px; line-height: 40px; } 
    .cur-list {float: none; height: 40px; line-height: 40px; } 
    .cur-tit .wp {width: 100%; } 
    .cur-list a {float: none; display: inline-block; } 
    .sl-list1 li {width: 33.33%; margin-bottom: 20px; }
    .m-yeji .box {height: auto; margin-bottom: 25px; } 
    .m-yeji .tit {float: none; height: 300px; width: 100%; }
    .m-yeji .pic-box {float: none; width: auto; height: 514px; } 
    .m-yeji .con {top: 15%; } 
    .sl-list3 .txt {margin-left: 220px; padding-top: 15px; } 
    .sl-list3 li {padding-right: 10px; } 
    .sl-list3 .subtit {margin-bottom: 40px; } 
    .sl-list3 .subtit:after {bottom: -20px; }

}

/*Common For Max 480*/
@media only screen and (max-width: 767px) {

    #ban {height: 320px; }
    #banner .item {height: 400px; } 
    .sl-list10 li {width: 50%;} 
    .sl-list11 li {width: 33.33%; margin-bottom: 20px; }
    .row-a3 .box1 .news-list2 {padding: 10px; } 
    .sl-list1 li {width: 50%; } 
    .row-a1 {padding: 20px 0; } 
    .sl-list8 {height: 40px; line-height: 40px; } 
    .sl-list8 li {height: 40px; line-height: 40px; font-size: 12px; margin: 0 10px; } 
    .sl-list2 li {width: 50%; margin-bottom: 10px; } 
    .sl-list3 li {float: none; width: 100%; height: auto; margin-bottom: 20px; padding-right: 0; } 
    .m-infor2 .pic {width: 200px; height: auto; } 
    .m-infor2 .pic img {position: static; width: 100%; } 
    .m-infor2 .pic .bg{display: none;} 
    .m-infor2 .txt {margin-left: 220px; padding-top: 10px; }
    
    .m-culture .logo {height: 200px; line-height: 200px; margin-bottom: 20px; } 
    .m-culture .logo img {height: 120px; } 
    .sl-list4 li {width: 50%; margin-bottom: 20px; } 
    .sl-list4 .con {margin: 0 10px; }
    .sl-list5{margin-bottom: 0;}
    .sl-list5 li {
        margin-bottom: 20px;
        padding:  0 10px 10px;
    }
    .m-infor3 {
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
    .m-infor3 h1 {
        font-size: 18px;
    }
    .pg-box .prev, .pg-box .next {
        margin-bottom: 10px;
    }

    .sl-list6 .con {
        font-size: 14px;
        margin-bottom: 15px;
        padding: 20px 20px 0;
    }
    .sl-list6 h4 {
        font-size: 18px;
    }
    .m-infor4  .con {
        font-size: 14px;
        margin-bottom: 15px;
        padding: 20px 20px 0;
    }
    .m-infor4 h1 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .sl-list7 li {
        float: none;
        width: 100%;
        padding-left: 20px;
        font-size: 14px;
        height: auto;
        margin-bottom: 10px;
        border: none;
    }
    .sl-list7 .wx {
        margin: 0 auto;
    }
    .m-contact .tit {
        font-size: 18px;
        margin-bottom: 20px;
    }
    #mymap {
        height: 220px;
    }
}

@media only screen and (max-width: 600px) {

    #banner .item {height: 280px; }
    #ban {height: 220px; }
    .sl-list10 {margin-top: -30px; padding: 0 10px; border-top: 2px solid #1e549c; } 
    .g-tit2 {padding: 15px 0 5px; } 
    .g-tit2 span {font-size: 18px; } 
    .slick-slide {display: none; float: left; height: 100%; min-height: 1px; } 
    .news-list1,.row-a3 .box1 .news-list2 {float: none; width: 100%; } 
    .news-list1 .item {height: 220px; }
    .m-infor1 {padding: 20px 0; } 
    .m-infor1 .img {margin: 0 auto 20px; } 
    .cur-list {width: 100%; white-space: nowrap; overflow-x: auto; } 
    .cur-list a {width: 80px; font-size: 12px; } 
    .sl-list1 .down {margin-bottom: 0; } 
    .pages a {margin: 0 3px; width: 28px; height: 28px; line-height: 28px; } 
    .pages .prev, .pages .next {width: 56px; } 
    .slick-list1 .slick-arrow {bottom: -42px; } 
    .slick-list1 {margin-bottom: 50px; } 
    .sl-list9 .tit {font-size: 12px; height: 40px; line-height: 40px; padding-left: 1%; } 
    .sl-list9 li {height: 40px; line-height: 40px; padding-left: 1%; }
    .sl-list9 .tit .sp1,.sl-list9 li .sp1{width: 10%;}
    .sl-list9 .tit .sp2,.sl-list9 li .sp2{width: 35%;}
    .sl-list9 .tit .sp3,.sl-list9 li .sp3{width: 35%;}
    .sl-list9 .tit .sp4,.sl-list9 li .sp4{width: 15%;}

    .sl-list2 .con {margin: 0 5px; } 
    .sl-list2 h4 {font-size: 12px; height: 36px; line-height: 36px; } 
    .m-yeji .tit {height: 200px; font-size: 18px; } 
    .m-yeji .icon {height: 70px; } 
    .m-yeji .con h2 {line-height: 1.2em; margin-top: 30px; } 
    .m-yeji .con h2:after {margin-left: -30px; top: -15px; width: 60px; height: 2px; } 
    .m-yeji .pic-box {height: 292px; } 
    .slider-nav {width: 100px; } 
    .slider-for {margin-right: 105px; } 
    .slider-nav .slick-arrow {width: 100px; }


    .sl-list6 .con,.m-infor4 .con {
        font-size: 12px;
        margin-bottom: 15px;
        padding: 10px 10px 0;
    }
    .sl-list6 .con span,.m-infor4 .con span {
        width: 50%;
        margin-bottom: 15px;
    }
    .m-infor4 .email {
        width: 220px;
        font-size: 12px;
    }
    
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {

    #fd {padding: 10px 0; } 
    .fd-b .ico {margin-top: 5px; }
    .sl-list1 li {float: none; width: 100%; } 
    .sl-list3 .pic {width: 120px; height: auto; } 
    .sl-list3 .pic img {position: static; width: 100%; } 
    .sl-list3 .pic .bg{display: none;} 
    .sl-list3 .txt {margin-left: 130px; padding-top: 0; } 
    .sl-list3 h4 {font-size: 18px; margin-bottom: 10px; }
    .sl-list3 .subtit {margin-bottom: 15px; } 
    .sl-list3 .subtit:after {height: 1px; bottom: -10px; } 
    .m-infor2 .pic {width: 120px; } 
    .m-infor2 .txt {margin-left: 130px; padding-top: 10px; } 
    .m-infor2 .txt h4 {font-size: 18px; } 
    .m-infor2 .subtit {margin-bottom: 15px; } 
    
    .m-culture .logo {
        height: 100px;
        line-height: 100px;
        margin-bottom: 20px;
    }
    .m-culture .logo img {
        height: 70px;
    }
    .g-tit1 {
        font-size: 18px;
        padding: 15px 0 ;
    }
    .sl-list4{padding-top: 15px;}
    .sl-list4 li {
        margin-bottom: 10px;
    }
    .sl-list4 .con {
        margin: 0 5px;
    }

}
/*Common For Max 320*/
@media only screen and (max-width: 350px) {

    .sl-list10 li {float: left; width: 100%; } 
    .sl-list11 li {margin-bottom: 10px; width: 50%; } 
    .sl-list11 {padding: 10px 0; } 
    .sl-list11 h4 {height: 30px; line-height: 30px; } 
    .news-list1 .item .txt {height: 50px; padding: 5px 10px; } 
    .news-list1 .item .txt h4 {font-size: 14px; margin-bottom: 2px; } 
    .row-a3 .box1 .news-list2 .hot h2 {font-size: 18px; } 
    .row-a3 .box2 .con .txt {padding: 10px; } 
    .m-infor5 {padding: 20px 0; } 
    .m-infor5 .con {padding: 10px; } 

}