@charset "utf-8";

@media only screen and (max-width: 1450px) {
.w1440{width:90%;}
.notice{width:48%;}
.nav ul > li > a{font-size:18px;}
.header .logo{height:auto;padding-bottom:20px;}
.header .fr{width:100%;float: left;}
.nav ul > li{width:10%;}
.nav li a span{padding: 0;}
}

@media only screen and (max-width: 1200px) {
.banner .slick-dots{bottom:3vw;}
.w1200{width:100%;}
}


@media only screen and (max-width: 1024px) {
.menu1 {
        width: 28px;
        height: 21px;
        display: block;
        right: 20px;
        top: 40px;
        margin: auto;
        overflow: hidden;
        z-index: 999999999;
        cursor: pointer;
        position: absolute;
    }


    .menu1 span {
        float: left;
        width: 100%;
        background: #fff;
        transition: all 0.4s ease;
        margin-top: 7px;
        height: 2px;
    }


    .menu1 span:first-child {
        margin-top: 0;
    }


    .menu1.open span {
        background: #217dd9;
    }


    .menu1.open span:nth-child(1) {
        transform: rotate(45deg);
        margin-top: 10px;
    }


    .menu1.open span:nth-child(2) {
        transform: rotate(-45deg);
        margin-top: -2px;
    }


    .menu1.open span:nth-child(3) {
        opacity: 0;
    }

.nav1{display: none;} 
    .nav2 {
        position: absolute;
        transition: right 0.3s ease;
        right: -100%;
        top: 0px;
        left: auto;
        width: 100%;
        height: 100vh;
        z-index: 9999999;
        background: #fff;
        margin: 0;
        padding-top: 100px;
    }


    .nav2 ul {
        border-top: 1px solid #ddd;
        height: calc( 100vh - 100px);
        overflow: auto;
        width: 100%;
    }


    .nav2.active {
        right: 0;
        display: block;
    }


    .nav2 ul>li {
        height: auto;
        width: 100%;
        position: relative;
        border-bottom: 1px solid #ccc;
        float: none;
        text-align: left;
        padding: 0;
        line-height: 60px;
    }


    .nav2 ul>li>a {
        font-size: 18px;
        color: #000;
        font-weight: bold;
        width: 80%;
        text-indent: 20px;
        position: relative;
        display: block;
        line-height: 60px;
    }


    .m-nav {
        width: 100vw;
        height: 100vh;
        position: absolute;
        top: 0;
        left: 0;
        background: #00000080;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s;
        display: block;
    }


    .m-nav.active {
        z-index: 99999999;
        opacity: 1;
        visibility: visible;
    }


    .nav ul>li::after,
    .nav ul>li.active::after {
        display: none;
    }


    .nav2 ul li i {
        position: absolute;
        right: 0;
        width: 15%;
        height: 60px;
        top: 0;
        background: url(/img/jia1.png) no-repeat center center;
        margin: auto;
        z-index: 10;
        cursor: pointer;
        transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        -webkit-transition: all .2s ease;
    }


    .nav2 ul li i.on {
        background: url(/img/jian2.png) no-repeat center center;
    }


    .nav li ol {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        box-shadow: none;
        display: none;
        transition: all 0s;
    }


    .nav2 ul li ol>li {
        text-align: left;
        border: 0;
        line-height: 45px;
        position: relative;
        text-indent: 20px;
        border-top: 1px solid #00000033;
    }
.index1 .news .fl,.index1 .news div.fr,.index3 .index3_box,.page_img{width:100%;}
.index1 .news .fl img{height:auto;}
.index3::before{width:100%;height:1px;top:50%;left:0;}
footer{padding-top:5vw;}
footer dl{margin: 0 1vw 2vw;}
footer dl dd{margin-left:3vw;}
footer dl:last-child dd{width:calc(100% - 8vw);margin-left:0;}
footer dl dd span{font-size:1rem;}
footer dl dt img{width:5vw;}
.index1,.index2{padding:5vw 0;}
.index3{margin:5vw auto;}
.index2 .title{margin-bottom:2vw ;}
.title>img{height:10vw;}
.title a img{height:6vw;}

.lmmc{line-height:12vw;font-size:2vw;}
.lmmc h2{font-size:3vw;}
.img-list li{width:30%;margin:20px 1.5%;}
.img-list li .img{height:15vw;}
}


@media only screen and (max-width: 768px) {
.notice{width:100%;padding: 5vw;height: auto;}
.header .logo img{height:10vw;width:auto;}
.menu1{top:30px;}

.list{padding:5vw;}
.list span.fl{display:none;}
.list div.fr{width:calc(100% - 100px) !important;}
.links li{width:30%;margin:20px 1.5%;}
.img-list li{width:48%;margin:10px 1%;}
}

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

}
@media only screen and (max-width: 560px) {
.list div.fr span{font-size:3vw;margin:0;line-height:8vw;}
.list div.fr p{font-size:2.5vw;}
.list dl,.list div.fr{width:100% !important;text-align:left;}
.list dl dt,.list dl dd{float:left;margin-right:20px;font-size:5vw;}
.list dl dd{font-size:3vw;}
.lmmc h2,.page h1{font-size:4vw;}
.menu li a{font-size:3.5vw;}
.menu li{min-width: 30%;margin:2vw 1.5%;}
footer .bq{line-height:30px;padding:15px 0;}
.page h1{padding:3vw 0;}
.menu{margin-bottom:3vw;}
}
@media only screen and (max-width: 480px) {
.links li{width:48%;margin:10px 1%;}
}
@media only screen and (max-width: 375px) {
    .list div.fr span{font-size:4vw;}
.list div.fr p{font-size:3vw;}
}