@charset "UTF-8";



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

    html{
        zoom: .9;
    }

}

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

    html{
        zoom: .8;
    }

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

    html{
        zoom: .7;
    }
    .banner .pic ul li > div .list{
        width: unset;

    }
    .banner .pic ul li > div .list > p{
        float: none;
    }
    .banner .pic ul li > div .list > p:nth-child(2n){
        margin-left: 0;
    }
}

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

    html{
        zoom: .6;
    }

}

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

    html{
        zoom: .55;
    }
    .content .top .right ul{
        margin-left: 25px;
    }
    .content .top .center ul li div{
        width: 400px;
    }
    .content .top .particle-1{
        left: 0;
    }
    .content .top .particle-2{
        right: 0;
    }
}



@media screen and (max-width: 768px){
    /*.banner .pic ul li > div{
        top: 0;
    }*/
    .banner .pic ul li > div .box .bg-box{
        display: none;
    }
    .content .top{
        width: 95%;
    }
    .content .top .left{
        width: 49%;
    }
    .content .top .center{
        width: 49%;
        margin-left: 2%;
        margin-bottom: 20px;
    }
    .content .top .right{

        width: 49%;
        margin-left: 0;
    }
    .content .top .center ul li {
        margin-right: 205px;
    }
    .banner .pic ul li .map{
        top: 48%;
        left: 43%;
        width: 586px;
        height: 250px;
    }
    .banner .pic ul li .map > p{
        width: 140px;
    }
}

@media screen and (max-width: 414px){
    .banner .pic ul li:nth-of-type(1) .word{
        left: 34%;
    }
    .banner .pic ul li:nth-of-type(3) .word{
        left: 36%;
    }
    .banner .pic img{
        width: 200%;
    }
    .banner .pic ul li > div i{
        margin-top: 5%;
    }
    .content .top .left{
        width: 100%;
        margin-bottom: 20px ;
    }
    .content .top .center{
        width: 100%;
        margin-left: 0;
    }
    .content .top .right{
        width: 100%;
    }
    .content .top .left img{
        height: auto;
    }
    .content .top .left a {
        margin-top: 45px;
        background: url(../img/000.png) no-repeat -35px;
    }
    .content .top .right div a {
        background: url(../img/001.png) no-repeat -35px;
    }
    .content .top .right ul {
        margin-left: 60px;
    }
    .content .top .center ul li {
        margin-right: 270px;
    }
    .content .top .center h2{
        font-size: 24px;
    }
    .content .top .center ul li div{
        font-size: 22px;
    }
    .content .top .right ul{
        font-size: 22px;
    }
    .banner .pic ul li .word{
        width: 30%;
    }
}

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

    .banner .pic ul li > div{
        left: 10%;
    }
    .banner .pic ul li > div .box .slogan1, .banner .pic ul li > div .box .slogan2{
        height: 65px;
    }
}

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

    .banner .pic ul li > div i{
        display: none;
    }
    .banner .number{
        display: none;
    }
    .banner .pic ul li > div{
        top:-5%;
        left: 10%;
    }

}