@media screen and (max-width: 1200px) {
    .wrap{
        max-width:100%;
        min-width:320px;
    }
    .main{
        padding:0 2%;
        width:96%;
    }
    .header .nav{
        height:60px;
    }
    .header .nav ul{
        margin-left:0;
        padding:0 1%;
        width:100%;
    }
    .header .nav ul li{
        margin-right:0;
        float:left;
        width:14%;
    }
    .header .nav ul li a{
        height:58px;
        font-size:16px;
        line-height:60px;
    }
    .banner{
        height:398.4px;
    }
    #banner{
        height:398.4px;
    }
    #banner .swiper-wrapper{
        height:398.4px;
    }
    #banner .swiper-slide{
        height:398.4px;
    }
    #banner .swiper-slide img{
        margin-left:-768px;
        width:1536px;
        height:398.4px;
    }
    .title{
        padding:60px 0 40px;
    }
    .title h2{
        font-size:18px;
        line-height:18px;
    }
    .title span{
        margin:16px auto 0;
    }
    .part{
        padding-bottom:60px;
    }
    .p1 img{
        margin:0 auto;
        float:none;
    }
    .p1 .info{
        margin:20px auto 0;
        float:none;
        width:550px;
    }
    .p1 .info ul{
        margin-top:10px;
    }
    .p1 .info ul li{
        margin-right:0;
        margin:12.5px;
    }
    .p2 ul{
        width:100%;
    }
    .p2 ul li{
        margin-right:0;
        margin:0 1%;
        width:23%
    }
    .p2 ul li .img{
        width:100%;
        height:auto;
    }
    .p2 ul li .img img{
        width:100%;
        height:auto;
    }
    .p2 ul li .img span{
        background:rgba(0,0,0,0);
    }
    .p2 ul li p{
        font-size:16px;
        line-height:40px;
    }
    .p3 .main{
        position:static;
    }
    .p3 ul{
        margin:0 auto;
        width:800px;
        height:auto;
    }
    .p3 ul li{
        margin:0 17px;
        width:166px;
        float:left;
        position:relative;
    }
    .p3 ul li .yuan{
        width:166px;
        height:166px;
    }
    .p3 ul li .img{
        margin:11px auto;
        width:144px;
        height:144px;
    }
    .p3 ul li.l1{
        left:0;
    }
    .p3 ul li.l2{
        left:0;
    }
    .p3 ul li.l3{
        left:0;
    }
    .p3 ul li.l4{
        left:0;
    }
    .p3 ul li .yuan{
        animation:20s yuan linear infinite;
    }
    .p3 ul li p{
        margin-top:16px;
        font-size:16px;
    }
    .p3 .jt{
        display:none;
    }
    .p4 .line{
        width:100%;
        height:auto;
        background:none;
    }
    .p4 .main{
        position:static;
    }
    .p4 ul{
        margin:0 auto;
        width:1000px;
    }
    .p4 ul li{
        margin:0 8.33px;
        float:left;
        width:150px;
        position:static;
    }
    .p4 ul li.l1{
        top:0;
        left:0;
    }
    .p4 ul li.l2{
        top:0;
        left:0;
    }
    .p4 ul li.l3{
        top:0;
        left:0;
    }
    .p4 ul li.l4{
        top:0;
        left:0;
    }
    .p4 ul li.l5{
        top:0;
        left:0;
    }
    .p4 ul li.l6{
        top:0;
        left:0;
    }
    .p5 ul{
        width:100%;
    }
    .p5 ul li{
        width:25%;
        height:100px;
    }
    .p5 .tit{
        margin:20px auto 0;
        width:100%;
    }
    .p5 .txt{
        margin:8px auto;
        width:100%;
    }
    .p6{
        height:auto;
        background:url("../img/p6-bg.jpg") no-repeat center /cover;
    }
    .p6 ul{
        margin-left:0;
        margin-top:0;
        margin:0 auto;
        width:1000px;
    }
    .p6 ul li{
        margin-right:0;
        margin:0 15px;
    }
    .p6 .tit{
        margin:30px auto 0;
        width:100%;
    }
    .p6 .txt{
        width:100%;
    }
    .p7 .table{
        margin-left:0;
        margin:0 auto;
        float:none;
        width:580px;
    }
    .p7 .text{
        margin-left:0;
        margin:40px auto 0;
        float:none;
        width:350px;
    }
    .p7 .text img{
        margin:50px auto 0;
    }
    .p7 .text h2{
        margin:0 auto;
    }
    .footer .top{
        display:none;
    }
    .footer p{
        padding:2%;
        width:96%;
        line-height:20px;
        font-size:12px;
    }

}

@media screen and (max-width: 1000px) {
    .banner{
        height:298.8px;
    }
    #banner{
        height:298.8px;
    }
    #banner .swiper-wrapper{
        height:298.8px;
    }
    #banner .swiper-slide{
        height:298.8px;
    }
    #banner .swiper-slide img{
        margin-left:-576px;
        width:1152px;
        height:298.8px;
    }
    .p4 ul{
        margin:0 auto;
        width:570px;
    }
    .p4 ul li{
        margin:0 20px;
        width:150px;
        height:300px;
    }
    .p5 ul li.t1{
        background:url("../img/p5-img1-act.png") no-repeat center;
        background-size:142.4px 39.2px;
    }
    .p5 ul li.t2{
        background:url("../img/p5-img2-act.png") no-repeat center;
        background-size:134.4px 41.6px;
    }
    .p5 ul li.t3{
        background:url("../img/p5-img3-act.png") no-repeat center;
        background-size:156.8px 47.2px;
    }
    .p5 ul li.t4{
        background:url("../img/p5-img4-act.png") no-repeat center;
        background-size:136.8px 42.4px;
    }
    .p5 ul li.t5{
        background:url("../img/p5-img5-act.png") no-repeat center;
        background-size:160.8px 40.8px;
    }
    .p5 ul li.t6{
        background:url("../img/p5-img6-act.png") no-repeat center;
        background-size:159.2px 26.4px;
    }
    .p5 ul li.t7{
        background:url("../img/p5-img7-act.png") no-repeat center;
        background-size:160px 31.2px;
    }
    .p5 ul li.t8{
        background:url("../img/p5-img8-act.png") no-repeat center;
        background-size:162.4px 36.8px;
    }
    .p5 ul li.t1:hover{
        background:url("../img/p5-img1-act.png") no-repeat center;
        background-size:142.4px 39.2px;
    }
    .p5 ul li.t2:hover{
        background:url("../img/p5-img2-act.png") no-repeat center;
        background-size:134.4px 41.6px;
    }
    .p5 ul li.t3:hover{
        background:url("../img/p5-img3-act.png") no-repeat center;
        background-size:156.8px 47.2px;
    }
    .p5 ul li.t4:hover{
        background:url("../img/p5-img4-act.png") no-repeat center;
        background-size:136.8px 42.4px;
    }
    .p5 ul li.t5:hover{
        background:url("../img/p5-img5-act.png") no-repeat center;
        background-size:160.8px 40.8px;
    }
    .p5 ul li.t6:hover{
        background:url("../img/p5-img6-act.png") no-repeat center;
        background-size:159.2px 26.4px;
    }
    .p5 ul li.t7:hover{
        background:url("../img/p5-img7-act.png") no-repeat center;
        background-size:160px 31.2px;
    }
    .p5 ul li.t8:hover{
        background:url("../img/p5-img8-act.png") no-repeat center;
        background-size:162.4px 36.8px;
    }
    .p6 ul{
        width:500px;
    }
    .p6 ul li{
        margin-top:40px;
    }

}

@media screen and (max-width: 800px) {
    .p3 ul{
        margin:0 auto;
        width:700px;
        height:auto;
    }
    .p3 ul li{
        margin:0 4.5px;
    }
    .p5 ul li{
        width:50%;
        height:80px;
    }
    .talk{
        display:none;
    }
}

@media screen and (max-width: 700px) {
    .banner{
        height:199.2px;
    }
    #banner{
        height:199.2px;
    }
    #banner .swiper-wrapper{
        height:199.2px;
    }
    #banner .swiper-slide{
        height:199.2px;
    }
    #banner .swiper-slide img{
        margin-left:-384px;
        width:768px;
        height:199.2px;
    }
    .p2 ul li{
        margin:0 1%;
        width:48%
    }
    .p3 ul{
        width:400px;
    }
    .p3 ul li{
        margin:20px;
        width:160px;
    }
    .p3 ul li .yuan{
        width:160px;
        height:160px;
    }
    .p3 ul li .img{
        margin:10px auto;
        width:140px;
        height:140px;
    }

}

@media screen and (max-width: 600px) {
    .nav{
        display:none;
    }
    .p1 img{
        width:100%;
        height:auto;
    }
    .p1 .info{
        margin:10px auto 0;
        float:none;
        width:100%;
    }
    .p1 .info ul{
        margin-top:10px;
    }
    .p1 .info ul li{
        margin:10px 1%;
        width:48%;
    }
    .p4 ul{
        margin:0 auto;
        width:300px;
    }
    .p4 ul li{
        margin:0 5px;
        width:140px;
        height:280px;
    }
    .p4 ul li h2{
        margin-top:8px;
        font-size:14px;
        text-align:center;
    }
    .p4 ul li p{
        font-size:12px;
        line-height:20px;
    }
    .p6 ul{
        width:100%;
    }
    .p6 ul li{
        margin:20px 1%;
        width:48%;
    }
    .p6 ul li img{
        width:100%;
        height:auto;
    }
    .p6 ul li h2{
        top:-25px;
        left:50%;
        margin-left:-75px;
        width:150px;
        height:50px;
        font-size:16px;
        line-height:50px;
        text-align:center;
        color:#ffffff;
        position:absolute;
        background:#258ffc;
    }
    .p7 .table{
        width:300px;
    }
    .p7 .table input[type="text"]{
        padding:0 10px;
        margin-bottom:20px;
        width:280px;
        height:40px;
        font-size:14px;
        line-height:40px;
    }
    .p7 .table textarea{
        padding:0 10px;
        margin-bottom:20px;
        line-height:30px;
        width:280px;
        height:200px;
        font-size:14px;
    }
    .p7 .table input[type="submit"]{
        width:160px;
        height:40px;
        font-size:16px;
        line-height:40px;
    }
    .p7 .text{
        margin:20px auto 0;
        width:300px;
    }
    .p7 .text ul li span{
        font-size:24px;
    }
    .p7 .text img{
        margin:20px auto 0;
    }
    .p7 .text h2{
        margin:0 auto;
    }



}

@media screen and (max-width: 550px) {
    .header .top{
        height:48px;
    }
    .header .top .logo{
        margin-top:5.6px;
        width:61.6px;
        height:37.6px;
    }
    .header .top .logo-text{
        margin-top:16.8px;
        margin-left:9.6px;
        font-size:16px;
        line-height:16px;
    }
    .header .top .weixin{
        margin-top:11.2px;
    }
    .header .top .weixin img{
        display:none;
    }
    .header .top .weixin:hover img{
        display:none;
    }
    .header .top .phone{
        margin-top:11.2px;
        padding-left:0;
        text-indent:-9999px;
        width:30px;
        line-height:30px;
    }
    .header .top .phone span{
        display:none;
    }

}


@media screen and (max-width: 480px) {
    .banner{
        height:149.4px;
    }
    #banner{
        height:149.4px;
    }
    #banner .swiper-wrapper{
        height:149.4px;
    }
    #banner .swiper-slide{
        height:149.4px;
    }
    #banner .swiper-slide img{
        margin-left:-288px;
        width:576px;
        height:149.4px;
    }
    .title{
        padding:40px 0 30px;
    }
    .title h2{
        font-size:16px;
        line-height:20px;
    }
    .part{
        padding-bottom:40px;
    }
    .p3 ul{
        width:300px;
    }
    .p3 ul li{
        margin:5px;
        width:140px;
    }
    .p3 ul li .yuan{
        width:140px;
        height:140px;
    }
    .p3 ul li .img{
        margin:5px auto;
        width:130px;
        height:130px;
    }


}

@media screen and (max-width: 320px) {
    .p5 ul li{
        width:100%;
        height:60px;
    }
}