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


    .wrap{
        max-width:100%;
        min-width:320px;
    }
    .main{
        margin:0 auto;
        width:90%;
        position:relative;
    }
    .header{
        top:0;
        left:0;
        margin-left:0;
        width:100%;
    }
    .header .logo{
        margin-top:15px;
        margin-left:0;
        float:left;
        width:83px;
        height:25px;
    }
    .header .logo-text{
        margin-top:20px;
        margin-left:10px;
        font-size:14px;
        line-height:14px;
    }
    .header .nav{
        margin-top:6px;
    }
    .header .nav #navBtn{
        width:40px;
        height:40px;
        cursor:pointer;
        background:url("../img/nav-btn.png") no-repeat center;
        background-size:40px 40px;
    }
    .header .nav #navDiv{
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:9999;
        display:none;
        position:fixed;
        background:rgba(0,117,169,0.95);
    }
    .header .nav ul{
        top:50%;
        left:0;
        width:100%;
        margin-top:-244px;
        position:absolute;
    }
    .header .nav ul li{
        margin-left:0;
        float:none;
        width:100%;
        line-height:54px;
        border-bottom:1px dashed #ffffff;
    }
    .header .nav ul li a{
        font-size:26px;
        color:#ffffff;
    }
    .header .nav ul li#close {
        display:block;
        border-bottom:none;
    }
    .banner{
        height:480px;
    }
    #banner{
        height:480px;
    }
    #banner .swiper-slide{
        height:480px;
    }
    #banner img{
        margin-left:-576px;
        width:1152px;
        height:480px;
    }
    .part .box .title{
        top:18px;
        left:-12px;
    }
    .part .box .title.t4{
        top:18px;
    }
    .part .box .title img{
        top:24px;
        width:12px;
        height:9px;
    }
    .part .box .title h2{
        padding:0 15.6px;
        height:24px;
        font-size:18px;
        line-height:24px;
    }
    .part .box .title h2 span{
        left:126px;
        line-height:24px;
    }
    .part .box .title.t2 h2 span{
        left:108px;
    }
    .part .box .title.t3 h2 span{
        left:108px;
    }
    .p1 .box{
        margin:0 auto;
        padding:5%;
        width:90%;
        height:auto;
        position:relative;
        background:#ffffff;
    }
    .p1 .box .img{
        margin:0 auto;
        padding-top:40px;
        width:60%;
        height:auto;
        position:static;
    }
    .p1 .box .tit{
        top:20px;
        left:-12px;
    }
    .p1 .box .tit img{
        top:24px;
        width:12px;
        height:9px;
    }
    .p1 .box .tit h2{
        padding:0 15.6px;
        height:24px;
        font-size:18px;
        line-height:24px;
    }
    .p1 .box .tit h2 span{
        left:96px;
        line-height:24px;
    }
    .p1 .box .info{
        top:0;
        left:0;
        position:static;
    }
    .p1 .box .info p.txt1{
        display:none;
    }
    .p1 .box .info p.txt2{
        display:none;
    }
    .p1 .box .info p.txt3{
        display:block;
    }
    .p1 .box .info h2{
        margin-top:10px;
        font-size:16px;
        line-height:16px;
    }
    .p1 .box .info p{
        margin-top:10px;
        font-size:12px;
        line-height:18px;
    }
    .p1 .box .info p span{
        width:18px;
    }
    .p2 .box{
        margin:0 auto;
        padding:5%;
        width:90%;
        height:auto;
        position:relative;
        background:#ffffff;
    }
    .p2 .box ul{
        margin:0 auto;
        margin-left:auto;
        padding-top:40px;
    }
    .p2 .box ul li{
        margin:0 auto 20px;
        margin-right:auto;
        float:none;
        height:auto;
    }
    .p2 .box ul li img{
        width:100%;
        height:auto;
    }
    .p2 .box ul li h2{
        margin-top:10px;
        padding-left:8px;
        font-size:18px;
        line-height:18px;
    }
    .p2 .box ul li p{
        margin-top:5px;
        font-size:12px;
        line-height:14px;
    }
    .p3 .box{
        margin:0 auto;
        padding-top:0;
        width:90%;
        height:auto;
        position:relative;
        background:#ffffff;
    }
    .p3 .p3-ul{
        padding-top:50px;
        padding-left:0;
        margin-left:0;
        margin:0 auto;
        width:250px;
        height:24px;
        background:none;
    }
    .p3 .p3-ul li{
        margin-right:10px;
        width:70px;
        height:24px;
        font-size:12px;
        line-height:24px;
    }
    .p3-div{
        padding-bottom:20px;
        height:auto;
        position:static;
    }
    .p3-div > div{
        top:auto;
        height:auto;
        display:none;
        position:static;
    }
    .p3-div > div.act{
        display:block;
    }
    .p3-div > div.b1 ul{
        margin-top:12px;
        margin-left:auto;
        margin:0 auto;
    }
    .p3-div > div.b1 ul li{
        margin-right:auto;
        margin:0 1%;
        margin-bottom:8px;
        width:18%;
    }
    .p3-div > div.b1 ul li img{
        width:100%;
        height:auto;
    }
    .p3-div > div.b1 ul li h2{
        width:100%;
        font-size:12px;
        line-height:18px;
    }
    .p3-div > div.b1 ul li p{
        margin-top:6px;
        font-size:12px;
        line-height:12px;
    }
    .p3-div > div.b1 h2.tit{
        margin-top:5px;
        margin-left:18px;
        width:90px;
        height:24px;
        font-size:14px;
        line-height:24px;
    }
    .p3-div > div.b1 h2.tit img{
        top:9px;
    }
    .p3-div > div.b2 h2.tit2{
        margin-top:18px;
        margin-left:20px;
        width:114px;
        height:24px;
        font-size:14px;
        line-height:24px;
    }
    .p3-div > div.b2 h2.tit2 img{
        top:8px;
    }
    .p3-div > div.b2 ul{
        margin-left:auto;
        margin:0 auto;
        margin-top:18px;
    }
    .p3-div > div.b2 ul li{
        margin-right:0;
        margin:0 3% 10px;
        float:left;
        width:44%;
    }
    .p3-div > div.b2 ul li img{
        width:100%;
        height:auto;
    }
    .p3-div > div.b2 ul li h2{
        width:100%;
        font-size:12px;
        line-height:18px;
    }
    .p3-div > div.b2 ul li p{
        margin-top:8px;
        font-size:12px;
        line-height:12px;
    }
    .p3-div > div.b2 h2.tit3{
        margin-top:18px;
        margin-left:20px;
        width:114px;
        height:24px;
        font-size:14px;
        line-height:24px;
    }
    .p3-div > div.b2 h2.tit3 img{
        top:8px;
    }
    .p3-div > div.b3 ul{
        margin:18px auto 0;
        width:300px;
    }
    .p3-div > div.b3 ul li{
        margin-bottom:12px;
        width:300px;
    }
    .p3-div > div.b3 ul li .img{
        width:100px;
    }
    .p3-div > div.b3 ul li img{
        width:100%;
        height:auto;
    }
    .p3-div > div.b3 ul li h2{
        width:100%;
        font-size:12px;
        line-height:18px;
    }
    .p3-div > div.b3 ul li .info{
        width:180px;
    }
    .p3-div > div.b3 ul li .info h3{
        width:180px;
        font-size:18px;
        line-height:22px;
    }
    .p3-div > div.b3 ul li p{
        margin-top:6px;
        width:180px;
        text-indent:0;
        font-size:12px;
        line-height:12px;
    }
    .p3-div .p3-btn{
        bottom:10px;
        right:30px;
    }
    .p4 .box{
        margin:0 auto;
        padding-top:0;
        padding-bottom:20px;
        width:90%;
        height:auto;
        position:relative;
        background:#ffffff;
    }
    .p4 .p4-ul{
        padding-top:50px;
        padding-left:0;
        margin-left:0;
        margin:0 auto;
        width:250px;
        height:24px;
        background:none;
    }
    .p4 .p4-ul li{
        margin-right:10px;
        width:70px;
        height:24px;
        font-size:12px;
        line-height:24px;
    }
    .p4 .p4-div{
        margin-top:20px;
        height:auto;
    }
    .p4 .p4-div > div{
        top:auto;
        height:0;
        position:static;
        overflow:hidden;
    }
    .p4 .p4-div > div.act{
        height:auto;
    }
    .p4 .p4-div > div.b1 ul li{
        margin:0 3%;
        float:left;
        width:44%;
    }
    .p4 .p4-div > div.b1 ul li img{
        width:100%;
        height:auto;
    }
    .p4 .p4-div > div.b1 ul li h2{
        margin-top:16px;
        font-size:14px;
        line-height:14px;
    }
    .p4 .p4-div > div.b1 ul li p{
        margin-top:8px;
        font-size:12px;
        line-height:14px;
    }
    #p4-1{
        padding-bottom:20px;
    }
    #pag-p4-1{
        bottom:0;
    }
    .p4 .p4-div > div.b2 ul{
        margin-left:0;
        margin:0 auto;
        padding-bottom:20px;
    }
    .p4 .p4-div > div.b2 ul li{
        margin-top:0;
        margin-right:0;
        margin:0 3% 30px;
        width:44%;
    }
    .p4 .p4-div > div.b2 ul li img{
        width:100%;
        height:auto;
    }
    .p4 .p4-div > div.b2 ul li h2{
        bottom:-12px;
        margin-left:-48px;
        width:96px;
        height:24px;
        line-height:24px;
        font-size:12px;
        border-radius:10px;
    }
    #p4-2{
        padding-bottom:20px;
    }
    #pag-p4-2{
        bottom:0;
    }
    .p4 .p4-div > div.b3 img{
        margin:18px auto 0;
        width:94%;
        height:auto;
    }
    .p5 .box{
        margin:0 3%;
        padding-bottom:20px;
        padding-top:60px;
        width:94%;
        height:auto;
    }
    .p5 .box .img{
        margin:0 auto;
        width:94%;
        height:auto;
    }
    .p6 .box{
        margin:0 3%;
        padding-bottom:20px;
        padding-top:60px;
        width:94%;
        height:auto;
    }
    .p6 .box ul{
        margin-left:0;
        margin:0 auto;
        padding:0;
    }
    .p6 .box ul li img{
        margin:0 auto;
        float:none;
        width:270px;
        height:320px;
    }
    .p6 .box ul li img.i2{
        float:none;
    }
    .p6 .box ul li .info{
        margin:0 3%;
        float:none;
        width:94%;
    }
    .p6 .box ul li .info h2{
        margin:6px 0;
        font-size:12px;
        width:240px;
        height:24px;
        line-height:24px;
    }
    .p6 .box ul li .info p{
        padding:0;
        font-size:12px;
        width:100%;
        line-height:16px;
        text-indent:22px;
    }
    .p6 .box ul li.l2 .info p{
        float:right;
    }
    .p6 .box ul li .info p span{
        color:#4e78ff;
    }
    .p7 .box{
        margin:0 3%;
        padding-bottom:20px;
        width:94%;
        height:auto;
    }
    .p7 ul{
        padding-top:60px;
        margin-left:0;
        margin:0 auto;
    }
    .p7 ul li{
        margin-right:0;
        margin:0 3% 10px;
        float:left;
        width:44%;
        height:auto;
    }
    .p7 ul li img{
        width:100%;
        height:auto;
    }
    .p7 ul li p{
        margin-top:6px;
        font-size:12px;
        line-height:14px;
        height:28px;
    }
    .news1 .box{
        margin:0 3%;
        padding-bottom:20px;
        width:94%;
        height:auto;
        background:#ffffff;
    }
    .news1 .box.b2{
        background:#ffffff;
    }
    .news1 .box p{
        padding:60px 20px 0 20px;
        font-size:12px;
        line-height:14px;
    }
    .news1 .box p.xl{
        padding:60px 20px 0 20px;
        font-size:14px;
        line-height:16px;
    }
    .news1 .box p span{
        height:10px;
    }
    .news1 .box p b{
        width:18px;
    }
    .news1 .box p.xl b{
        width:24px;
    }
    .news1 .box .img{
        margin:12px auto;
    }
    .pn1 .box{
        margin:0 3%;
        padding-bottom:20px;
        width:94%;
        height:auto;
        background:#ffffff;
    }
    .pn1 .box ul{
        padding-top:60px;
    }
    .pn1 .box ul li{
        margin:0 auto 18px;
        padding-bottom:18px;
        width:90%;
    }
    .pn1 .box ul li .tit{
        width:30%;
    }
    .pn1 .box ul li .tit img{
        margin:9px auto;
        width:80%;
        height:auto;
    }
    .pn1 .box ul li .tit h2{
        font-size:12px;
        line-height:14px;
    }
    .pn1 .box ul li .txt{
        padding:0 3%;
        width:64%;
    }
    .pn1 .box ul li .txt h2{
        margin-top:20px;
        font-size:14px;
        line-height:14px;
    }
    .pn1 .box ul li .txt p{
        margin-top:9px;
        font-size:12px;
        line-height:16px;
    }
    .pn1 .box ul li .txt p.big{
        margin-top:9px;
        font-size:12px;
        line-height:16px;
    }
    .ns1 .box{
        margin:0 3%;
        padding-bottom:20px;
        width:94%;
        height:auto;
        background:#ffffff;
    }
    .ns1 .box ul{
        padding-top:60px;
    }
    .ns1 .box ul li{
        margin-left:0;
        margin-bottom:0;
        margin:0 3% 12px;
        width:94%;
        height:auto;
    }
    .ns1 .box ul li .img{
        padding:3%;
        top:auto;
        left:auto;
        float:left;
        width:34%;
        height:auto;
        position:static;
    }
    .ns1 .box ul li .img img{
        width:100%;
        height:auto;
    }
    .ns1 .box ul li .img h2{
        bottom:auto;
        left:auto;
        margin-left:0;
        width:100%;
        height:24px;
        font-size:12px;
        line-height:24px;
        position:static;
        border-radius:0;
    }
    .ns1 .box ul li p{
        padding-top:0;
        margin-left:0;
        margin:3%;
        float:left;
        width:54%;
        font-size:12px;
        line-height:14px;
    }
    .ns1 .box ul li p.big{
        padding-top:0;
        margin-left:0;
        margin:3%;
        width:54%;
        font-size:12px;
        line-height:14px;
    }



















    .footer{
        padding:18px 0;
    }
    .footer p{
        font-size:12px;
        line-height:18px;
    }

}

@media screen and (max-width:700px) {
    .banner{
        height:320px;
    }
    #banner{
        height:320px;
    }
    #banner .swiper-slide{
        height:320px;
    }
    #banner img{
        margin-left:-384px;
        width:768px;
        height:320px;
    }
    .p3-div > div.b1 ul{
        margin-top:20px;
    }
    .p3-div > div.b1 ul li{
        margin:0 3%;
        margin-bottom:8px;
        width:44%;
    }
    .p3-div > div.b1 h2.tit{
        margin-left:18px;
        width:90px;
        height:24px;
        font-size:14px;
        line-height:24px;
    }


}

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

    .p3-div > div.b3 ul{
        margin:18px auto 0;
        width:260px;
    }
    .p3-div > div.b3 ul li{
        margin-bottom:12px;
        width:260px;
    }
    .p3-div > div.b3 ul li .img{
        width:70px;
    }
    .p3-div > div.b3 ul li img{
        width:100%;
        height:auto;
    }
    .p3-div > div.b3 ul li h2{
        width:100%;
        font-size:12px;
        line-height:18px;
    }
    .p3-div > div.b3 ul li .info{
        width:180px;
    }
    .p3-div > div.b3 ul li p{
        margin-top:2px;
        width:180px;
        text-indent:0;
        font-size:12px;
        line-height:12px;
    }



}