@media (max-width: 1600px) and (min-width: 1400px) {
    .swiper-slide-company .inner .right {
        width: 50%;
    }
    .swiper-slide-company .inner .right .img1{
        height: 298px;
    }
    .swiper-slide-company .inner .right .img2{
        height: 436px;
    }
    .swiper-slide-company .inner .left .t1{
        font-size: 28px;
    }
    .swiper-slide-company .inner .left .more{
        width: 207px;
    }
    .swiper-slide-case .imgbox{
        height: 357px;
    }
    .alltitle{
        margin-bottom: 30px;
    }
    .la_menu .mask{
        width: 68%;
    }
    .la_menu .menu_con{
        width: 53%;
    }
    .inner-com-fir{
        background: url(../img/inner-com-fir.jpg) no-repeat bottom -27% center;
    }
    .bannerswiper .swiper-slide3 .banner3-text .fir{
        font-size:40px;
    }
    .bannerswiper .swiper-slide3 .banner3-text .sec{
        font-size:40px;
    }
    .bannerswiper .swiper-slide2 .banner2-text .fir{
        font-size:40px;
    }
    .bannerswiper .swiper-slide3 .banner3-text{
        width: 51%;
    }
    .sbannerbox{
        height: 740px;
    }
    .inner-info{
        margin-top: 740px;
    }
}
@media (max-width: 1400px) and (min-width: 1200px) {

    .index_fot .blackdiv{
        height: 75px;
    }
    .index_fot .whitediv{
        height: 75px;
    }
    .index_fot .reddiv{
        height: 75px;
    }
    @-webkit-keyframes redShow{
        0%{
            left: 0;
            height: 100%;
            right: 100%;
            z-index: 1000;
        }
        32%,36% {
            left: 0;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        64%,68% {
            left: 76.5%;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        100%{
            left: 76.5%;
            right: 0;
            height: 75px;
            z-index: 96;
        }
    }
    @keyframes redShow{
        0%{
            left: 0;
            height: 100%;
            right: 100%;
            z-index: 1000;
        }
        32%,36% {
            left: 0;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        64%,68% {
            left: 76.5%;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        100%{
            left: 76.5%;
            right: 0;
            height: 75px;
            z-index: 96;
        }
    }

    .swiper-slide-company .inner .left .t1{
        font-size: 22px;
    }
    .swiper-slide-company .inner .left .more{
        line-height: 50px;
        width: 200px;
    }
    .swiper-slide-company .inner .right{
        width: 51%;
    }
    .swiper-slide-company .inner .right .img2 {
        height: 437px;
    }
    .allpro .title{
        margin-top: 0;
    }
    .alltitle .left .s1{
        font-size: 24px;
    }
    .allpro .imgbox{
        height: 26vw;
    }
    .alltitle{
        margin-bottom: 25px;
    }
    .swiper-slide-youshi .text-item{

        padding: 0 25% 0 10%;
    }
    .swiper-slide-youshi .text-list .title{
        font-size:27px;
    }
    .swiper-slide-case .imgbox{
        height: 396px;
    }
    .swiper-slide-news .bottom{
        height: 220px;
    }
    .bannerswiper .swiper-slide1 .fir{
        font-size: 30px;
    }
    .bannerswiper .swiper-slide1 .sec{
        font-size: 38px;
    }
    .bannerswiper .swiper-slide1 .button{
        width: 50px;
        height: 50px;
        margin-top: 4%;
    }
    .la_menu .mask{
        width: 68%;
    }
    .la_menu .menu_con{
        width: 53%;
    }
    .inner-com-fir{
        background: url(../img/inner-com-fir.jpg) no-repeat bottom -27% center;
    }
    .inner-com-fir .right .des{
        margin-bottom: 1%;
    }
    .equientbox .pic{
        height: 260px;
    }
    .allcrumbs{
        line-height:85px;
    }
    .inner-case-list .imgbox{
        height: 210px;
    }
    .inner-case-list{
        padding: 2% 1.5%;
    }
    .inner-news-list .imgbox{
        height: 357px;
    }
    .inner-news-list .imgbox .news-title .fir{
        font-size: 22px;
    }
    .inner-contact-fir .ditu{
        width: 55%;
    }
    .inner-contact-fir .lxbox{
        width: 45%;
    }
    .inner-contact-sec .liuyan{
        padding: 3% 5%;
    }
    .inner-contact-sec .liuyan form .submit{
        line-height: 65px;
    }
    .bannerswiper .swiper-slide3 .banner3-text .fir{
        font-size:40px;
    }
    .bannerswiper .swiper-slide3 .banner3-text .sec{
        font-size:40px;
    }
    .bannerswiper .swiper-slide2 .banner2-text .fir{
        font-size:40px;
    }
    .bannerswiper .swiper-slide3 .banner3-text{
        width: 51%;
        top: 23%;
    }

    .sbannerbox{
        height: 700px;
    }
    .inner-info{
        margin-top: 700px;
    }
}
@media (max-width: 1366px) and (max-height: 768px){
    .index_fot .blackdiv{
        height: 60px;
    }
    .index_fot .whitediv{
        height: 60px;
    }
    .index_fot .reddiv{
        height: 60px;
    }
    .jiaodianbanner .swiper-pagination{
        height: 60px;
    }
    .jiaodianbanner .swiper-pagination-bullet{
        height: 60px;
        line-height: 60px;
    }
    @-webkit-keyframes redShow{
        0%{
            left: 0;
            height: 100%;
            right: 100%;
            z-index: 1000;
        }
        32%,36% {
            left: 0;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        64%,68% {
            left: 76.5%;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        100%{
            left: 76.5%;
            right: 0;
            height: 60px;
            z-index: 96;
        }
    }
    @keyframes redShow{
        0%{
            left: 0;
            height: 100%;
            right: 100%;
            z-index: 1000;
        }
        32%,36% {
            left: 0;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        64%,68% {
            left: 76.5%;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        100%{
            left: 76.5%;
            right: 0;
            height: 60px;
            z-index: 96;
        }
    }

    .swiper-slide-company .inner .left .t1{
        font-size: 18px;
    }
    .swiper-slide-company .inner .left .more{
        line-height: 45px;
        width: 169px;
        font-size:14px;
    }
    .swiper-slide-company .inner .left{
        width: 54%;
    }
    .swiper-slide-company .inner .right{
        width: 39%;
    }
    .swiper-slide-company .inner .right .img2 {
        height: 348px;

    }
    .allpro .title{
        margin-top: 0;
        line-height: 51px;
    }
    .alltitle .left .s1{
        font-size: 24px;
    }
    .allpro .imgbox{
        height: 16vw;
    }
    .allpro .imgbox .pic{
        width: 58%;
    }
    .alltitle{
        margin-bottom: 25px;
    }
    .swiper-slide-youshi .text-item{

        padding: 0 25% 0 10%;
    }
    .swiper-slide-youshi .text-list .title{
        font-size:22px;
    }
    .swiper-slide-case .imgbox{
        height: 264px;
    }
    .swiper-slide-case .imgbox .title{
        line-height: 50px;
    }
    /*.swiper-slide-news .bottom{
        height: 220px;
        display: none;
    }*/
    .bannerswiper .swiper-slide1 .banner-text .img-yun{
        width: 72px;
    }
    .bannerswiper .swiper-slide1 .fir{
        font-size: 24px;
        margin-top: 2%;
    }
    .bannerswiper .swiper-slide1 .sec{
        font-size: 30px;
    }
    .bannerswiper .swiper-slide1 .button{
        width: 50px;
        height: 50px;
        margin-top: 4%;
    }
    .allnav-inner{
        height: 100px;
    }
    .allnav-inner h1 .fir{
        font-size: 26px;
    }
    .bannerswiper .swiper-slide1 .banner-text {
        margin-top: 0;
    }
    .swiper-slide-company .inner .left .title{
        display: none;
    }
    .swiper-slide-company .inner .right .img1 {
        height: 272px;
    }
    .allpro .title a{
        font-size: 16px;
    }
    .swiper-slide-youshi .youshi-left .youshi-item .list{
        height: 138px;
    }
    .swiper-slide-youshi .youshi-left .youshi-item .list .text {
        margin-top: 17%;
    }
    .index_fot .reddiv .text em{
        font-size: 18px;
    }
    .index_fot .reddiv .pagebox .swiper-pagination{
        font-size: 18px;
    }
    .index_fot .reddiv .pagebox .swiper-pagination .swiper-pagination-current{
        font-size: 24px;
    }
    .la_menu .menu_con_inner ul li a{
        font-size:18px;
    }
    .la_menu .menu_con_inner ul li {
        margin-bottom: 7%;
    }
    .la_menu .menu_con_inner .lxbox{
        margin-top: 15%;
    }
    .la_menu .close{
        width: 20px;
        height: 20px;
    }
    .bannerswiper .swiper-slide2 .banner2-text .fir {
        font-size: 30px;
    }
    .bannerswiper .swiper-slide2 .banner2-text{
        top: 22%;
    }
    .bannerswiper .swiper-slide3 .banner3-text .fir {
        font-size: 30px;
    }
    .bannerswiper .swiper-slide3 .banner3-text .sec {
        font-size: 30px;
    }
    .sbannerbox {
        height: 556px;
    }
    .inner-info {
        margin-top: 556px;
    }
    .sbannerbox .text .fir{
        font-size: 36px;
    }
    .sbannerbox .text .sec{
        font-size: 32px;
    }
}
@media (max-height: 768px){
    .swiper-slide-news .bottom {
        height: 220px;
        display: none;
    }
}
@media (max-width: 1200px) and (min-width: 992px){
    .bannerswiper .swiper-slide1 .fir{
        font-size:30px;
    }
    .bannerswiper .swiper-slide1 .sec{
        font-size:32px;
    }
    .bannerswiper .swiper-slide1 .button{
        width: 45px;
        height: 45px;
        margin-top: 5%;
    }
    .index_fot .blackdiv{
        height: 75px;
    }
    .index_fot .whitediv{
        height: 75px;
    }
    .index_fot .reddiv{
        height: 75px;
    }
    .jiaodianbanner .swiper-pagination{
        height: 75px;
    }
    .jiaodianbanner .swiper-pagination-bullet{
        height: 75px;
        line-height: 75px;
    }
    @-webkit-keyframes redShow{
        0%{
            left: 0;
            height: 100%;
            right: 100%;
            z-index: 1000;
        }
        32%,36% {
            left: 0;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        64%,68% {
            left: 76.5%;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        100%{
            left: 76.5%;
            right: 0;
            height: 75px;
            z-index: 96;
        }
    }
    @keyframes redShow{
        0%{
            left: 0;
            height: 100%;
            right: 100%;
            z-index: 1000;
        }
        32%,36% {
            left: 0;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        64%,68% {
            left: 76.5%;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        100%{
            left: 76.5%;
            right: 0;
            height: 75px;
            z-index: 96;
        }
    }
    .swiper-slide-company .inner .left .t1{
        font-size: 20px;
    }
    .about-item .list .imgbox img{
        width: 35px;
    }
    .swiper-slide-company .inner .left .more{
        line-height: 45px;
        width: 177px;
    }
    .swiper-slide-company .inner .right {
        width: 52%;
    }
    .swiper-slide-company .inner .right .img1 {
        width: 45%;
        height: 301px;
    }
    .swiper-slide-company .inner .right .img2 {
        width: 55%;
        height: 500px;
    }
    .mycontent{
        width: 94%;
    }
    .allpro .imgbox{
        height: 26vw;
    }
    .swiper-slide-youshi .youshi-left{
        width: 53.5%;
        margin-left: 3%;
    }
    .swiper-slide-youshi .text-list .title{
        font-size: 26px;
    }
    .swiper-slide-youshi .text-item{
        padding: 0 10% 0 10%;
    }
    .alltitle .right{
        height: 56px;
    }
    .alltitle .right a{
        font-size: 30px;
    }
    .swiper-slide-news .bottom{
        height: 255px;
    }
    .la_menu .mask{
        width: 68%;
    }
    .la_menu .menu_con{
        width: 53%;
    }

    /*内页*/
    .sbannerbox .text .fir{
        font-size: 33px;
    }
    .sbannerbox .text .sec {
        font-size: 41px;
    }
    .sbannerbox .text{
        top: 37%;
    }
    .sbannerbox .scorll{
        bottom: 17%;
    }
    .allcrumbs{
        line-height: 75px;
    }
    .inner-com-fir .left {
        width: 100%;
    }
    .inner-com-fir .right {
        width: 100%;
    }
    .inner-com-fir .image1{
        top:9%;
    }
    .inner-com-fir .left .tbox {
        margin-bottom: 3%;
    }
    .inner-com-fir{
        background: #fff;
        padding-bottom: 0;
    }
    .inner-com-fir .right .about-item {
        display: none;
    }
    .inner-com-sec .right{
        width: 100%;
    }
    .inner-com-sec .left{
        display: none;
    }
    .inner-com-sec .right .list{
        width: 32%;
        height: 42vw;
        margin-bottom: 2%;
    }
    .inner-com-fir .left .image2{
        display: none;
    }
    .inner-com-sec {
        padding-top: 0;
    }
    .inner-com-sec .right .list .inner .text{
        font-size:16px;
    }
    .equientbox .pic{
        height: 272px;
    }
    .equientbox .pic .title{
        line-height: 50px;
    }
    .footerbox .left .erbox .img{
        width: 105px;
        height: 105px;
    }
    .footerbox .left .lxbox .sec {
        font-size: 25px;
    }
    .copy{
        line-height: inherit;
        text-align: center;
        padding: 3% 0;
    }
    .copy .right {
        display: none;
    }
    .pro_type {
        margin-bottom: 4%;
    }
    .pro_type .left{
        float: none;
        margin-bottom: 4%;
    }
    .pro_type .right{
        width: 100%;
    }
    .inner-pro-item .inner-pro-list{
        width:33.33%;
    }
    .inner-pro-item .inner-pro-list .imgbox{
        height: 226px;
    }
    .pro-des-box .left .imgbox{
        height: 435px;
    }

    .pro-des-box .right .t {
        font-size: 20px;
    }
    .pro-des-box .right .lxbox .lianxi{
        line-height: 40px;
    }
    .pro-des-box .right .lxbox .tel .sec{
        font-size: 25px;
    }
    .ptit b {
        font-size: 20px;
    }
    .inner-case-list{
        width: 33.33%;
    }
    .inner-case-list .imgbox{
        height: 200px;
    }
    .inner-case-list .time{
        font-size: 16px;
    }
    .inner-case-list span{
        line-height: 30px;
        font-size: 14px;
    }

    .inner-news-des .left .tbox .fir {
        font-size: 20px;
    }

    .othernews .list .imgbox{
        height: 178px;
    }
    .othertitle span{
        font-size: 20px;
    }
    .inner-news-list .imgbox{
        height: 258px;
    }
    .inner-news-list .imgbox .news-title .fir{
        font-size: 20px;
    }
    .inner-news-list .imgbox .news-text .fir{
        font-size: 16px;
    }
    .inner-news-list .imgbox .news-text .sec{
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .inner-news-list .imgbox .more{
        font-size: 14px;
        padding: 3%;
    }

    .inner-contact-fir .ditu{
        width: 55%;
    }
    .inner-contact-fir .lxbox{
        width: 45%;
    }
    .footerbox .right{
        width: 66%;
    }
    .inner-contact-fir .lxbox .inner{
        padding: 5%;
    }
    .inner-contact-fir .lxbox .list .imgbox {
        width: 10%;
    }
    .inner-contact-fir .lxbox .list .text{
        width: 90%;
        border-bottom: 1px solid #696969;
        padding-bottom: 5%;
        font-size: 16px;
        padding-left:5%;
    }
    .inner-contact-sec .liuyan form input{
        border-bottom: 1px solid #e5e5e5;
    }
    .inner-contact-sec .liuyan form textarea{
        border-bottom: 1px solid #e5e5e5;
    }
    .inner-contact-sec .liuyan form .code .verify{
        width: 122px;
        height: 41px;
        right: 0
    }
    .inner-contact-sec .liuyan form .submit{
        line-height: 65px;
        font-size: 16px;
    }
    .bannerswiper .swiper-slide3 .banner3-text .fir{
        font-size:34px;
    }
    .bannerswiper .swiper-slide3 .banner3-text .sec{
        font-size:34px;
    }
    .bannerswiper .swiper-slide2 .banner2-text .fir{
        font-size:34px;
    }
    .bannerswiper .swiper-slide3 .banner3-text{
        width: 51%;
        top: 23%;
    }
    .sbannerbox{
        height: 550px;
    }
    .inner-info{
        margin-top: 550px;
    }
}
@media (max-width: 992px) and (min-width: 768px){
    .bannerswiper .swiper-slide1 .fir{
        font-size:30px;
    }
    .bannerswiper .swiper-slide1 .sec{
        font-size:32px;
    }
    .bannerswiper .swiper-slide1 .button{
        width: 45px;
        height: 45px;
        margin-top: 5%;
    }
    .nav-right form{
        display: none;
    }
    .nav-right {
        width: 90px;
    }
    .nav-button{
        width: 100%;
    }
    .allnav-inner h1 .fir {
        font-size: 25px;
    }
    .allnav-inner h1 .sec{
        letter-spacing: 0;
    }
    .index_fot .blackdiv{
        height: 75px;
        right: 50%;
        width: 50%;
    }
    .index_fot .whitediv{
        display: none;
    }
    .index_fot .reddiv{
        height: 75px;
        left: 50%;
    }
    .jiaodianbanner .swiper-pagination{
        height: 75px;
    }
    .jiaodianbanner .swiper-pagination-bullet{
        height: 75px;
        line-height: 75px;
    }
    @-webkit-keyframes blackShow{
        0%{
            width: 0;
        }
        100%{
            width: 50%;
        }
    }
    @keyframes blackShow{
        0%{
            width: 0;
        }
        100%{
            width: 50%;
        }
    }
    @-webkit-keyframes redShow{
        0%{
            left: 0;
            height: 100%;
            right: 100%;
            z-index: 1000;
        }
        32%,36% {
            left: 0;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        64%,68% {
            left: 50%;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        100%{
            left: 50%;
            right: 0;
            height: 75px;
            z-index: 96;
        }
    }
    @keyframes redShow{
        0%{
            left: 0;
            height: 100%;
            right: 100%;
            z-index: 1000;
        }
        32%,36% {
            left: 0;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        64%,68% {
            left: 50%;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        100%{
            left: 50%;
            right: 0;
            height: 75px;
            z-index: 96;
        }
    }
    .swiper-slide-company .inner .left .t1{
        font-size: 20px;
    }
    .about-item .list .imgbox img{
        width: 35px;
    }
    .swiper-slide-company .inner .left .more{
        line-height: 45px;
        width: 177px;
    }
    .swiper-slide-company .inner .right {
        width: 52%;
    }
    .swiper-slide-company .inner .right .img1 {
        width: 45%;
        height: 301px;
    }
    .swiper-slide-company .inner .right .img2 {
        width: 55%;
        height: 500px;
    }
    .mycontent{
        width: 94%;
    }
    .allpro .imgbox{
        height: 37vw;
    }
    .swiper-slide-youshi .youshi-left{
        width: 53.5%;
        margin-left: 3%;
    }
    .swiper-slide-youshi .youshi-left .youshi-item .list{
        width: 31%;
        background: rgba(0,0,0,0.5);
    }
    .swiper-slide-youshi .youshi-left .youshi-item .list:nth-child(3n) {
        margin-right: 0;
    }
    .swiper-slide-youshi .youshi-left .youshi-item .list:nth-child(4) {
        margin-right: 3.5%;
    }
    .swiper-slide-youshi .youshi-left .youshi-item .list .imgbox img{
        filter: grayscale(100%) brightness(1000%);
    }
    .swiper-slide-youshi .youshi-left .youshi-item .list .text .fir{
        color:#fff;
    }
    .swiper-slide-youshi .youshi-left .youshi-item .list .text .sec{
        color:#fff;
    }
    .swiper-slide-youshi .text-list .title{
        font-size: 26px;
    }
    .swiper-slide-youshi .text-item{
        padding: 0 10% 0 10%;
    }
    .alltitle .right{
        height: 56px;
    }
    .alltitle .right a{
        font-size: 30px;
    }
    .swiper-slide-news .bottom{
        height: 255px;
    }
    .la_menu .mask{
        width: 68%;
    }
    .la_menu .menu_con{
        width: 59%;
    }
    .la_menu .menu_con_inner ul li a{
        font-size: 20px;
    }
    .la_menu .menu_con_inner ul li {
        margin-bottom: 11%;
    }

    /*内页*/
    .sbannerbox .text .fir{
        font-size: 20px;
    }
    .sbannerbox .text .sec {
        font-size: 33px;
    }
    .sbannerbox .text{
        top: 37%;
    }
    .sbannerbox .scorll{
        width: 40px;
        height: 40px;
        bottom: 17%;
    }
    .allnav.xiala .allnav-inner{
        height: 69px;
    }
    .allcrumbs .left{
        display: none;
    }
    .allcrumbs{
        line-height: 50px;
    }
    .inner-com-fir .left {
        width: 100%;
    }
    .inner-com-fir .right {
        width: 100%;
    }
    .inner-com-fir .left .tbox .fir{
        font-size: 22px;
    }
    .inner-com-fir .image1{
        top:1%;
    }
    .inner-com-fir .left .tbox {
        margin-bottom: 5%;
    }
    .inner-com-fir .right .des{
        font-size: 15px;
        line-height: 27px;
    }
    .inner-com-fir{
        background: #fff;
        padding-bottom: 0;
    }
    .inner-com-fir .right .about-item {
        display: none;
    }
    .inner-com-sec .right{
        width: 100%;
    }
    .inner-com-sec .left{
        display: none;
    }
    .inner-com-sec .right .list{
        width: 32%;
        height: 42vw;
        margin-bottom: 2%;
    }
    .inner-com-fir .left .image2{
        display: none;
    }
    .inner-com-sec {
        padding-top: 0;
    }
    .inner-com-sec .right .list .inner .text{
        font-size:16px;
    }
    .equientbox .pic{
        height: 175px;
    }
    .equientbox .pic .title{
        line-height: 38px;
    }
    .footerbox .left .erbox .img{
        width: 105px;
        height: 105px;
    }
    .footerbox .left .lxbox .sec {
        font-size: 25px;
    }
    .copy{
        line-height: inherit;
        text-align: center;
        padding: 3% 0;
    }
    .copy .right {
        display: none;
    }
    .pro_type {
        margin-bottom: 9%;
    }
    .pro_type .left{
        float: none;
        margin-bottom: 4%;
    }
    .pro_type .right{
        width: 100%;
    }
    .inner-pro-item .inner-pro-list{
        width:33.33%;
    }
    .inner-pro-item .inner-pro-list .imgbox{
        height: 152px;
    }
    .pro-des-box .left .imgbox{
        height: 325px;
    }

    .pro-des-box .right .t {
        font-size: 20px;
    }
    .pro-des-box .right .lxbox .lianxi{
        line-height: 40px;
    }
    .pro-des-box .right .lxbox .tel .sec{
        font-size: 25px;
    }
    .ptit b {
        font-size: 20px;
    }
    .pro-news .list{
        width: 100%;
        margin-right: 0;
    }
    .inner-case-list{
        width: 33.33%;
    }
    .inner-case-list .imgbox{
        height: 140px;
    }
    .inner-case-list .time{
        font-size: 16px;
    }
    .inner-case-list span{
        line-height: 30px;
        font-size: 14px;
    }
    .inner-news-des .left{
        width: 59%;
    }
    .inner-news-des .left .tbox .fir {
        font-size: 20px;
    }
    .inner-news-des .right{
        width: 37%;
    }
    .othernews .list .imgbox{
        height: 178px;
    }
    .othertitle span{
        font-size: 20px;
    }
    .inner-news-list .imgbox{
        height: 258px;
    }
    .inner-news-list .imgbox .news-title .fir{
        font-size: 20px;
    }
    .inner-news-list .imgbox .news-text .fir{
        font-size: 16px;
    }
    .inner-news-list .imgbox .news-text .sec{
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .inner-news-list .imgbox .more{
        font-size: 14px;
        padding: 3%;
    }

    .inner-contact-fir .ditu{
        width: 45%;
    }
    .inner-contact-fir .lxbox{
        width: 55%;
    }
    .footerbox .right{
        width: 66%;
    }
    .inner-contact-fir .lxbox .inner{
        padding: 5%;
    }
    .inner-contact-fir .lxbox .list .imgbox {
        width: 10%;
    }
    .inner-contact-fir .lxbox .list .text{
        width: 90%;
        border-bottom: 1px solid #696969;
        padding-bottom: 5%;
        font-size: 16px;
        padding-left:5%;
    }
    .inner-contact-sec .liuyan .tbox{
        margin-bottom: 4%;
        padding-left: 27px;
        background: url(../img/inner-contact-img1.png) no-repeat left top;
        padding-top: 0;
        height: 42px;
        background-size: 48px;
    }
    .inner-contact-sec .liuyan form input{
        line-height: 50px;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 3px;
    }
    .inner-contact-sec .liuyan form textarea{
        margin-bottom: 3px;
        border-bottom: 1px solid #e5e5e5;
    }
    .inner-contact-sec .liuyan .tbox .fir{
        font-size:20px;
    }
    .inner-contact-sec .liuyan .tbox .sec{
        font-size:12px;
    }
    .inner-contact-sec .liuyan form .code .verify{
        width: 122px;
        height: 41px;
        right: 0
    }
    .inner-contact-sec .liuyan form .submit{
        line-height: 50px;
        font-size: 16px;
    }

    .bannerswiper .swiper-slide3 .banner3-text .fir{
        font-size:30px;
    }
    .bannerswiper .swiper-slide3 .banner3-text .sec{
        font-size:30px;
    }
    .bannerswiper .swiper-slide2 .banner2-text{
        top: 22%;
    }
    .bannerswiper .swiper-slide2 .banner2-text .fir{
        font-size:30px;
    }
    .bannerswiper .swiper-slide3 .banner3-text{
        width: 71%;
        top: 24%;
    }

    .sbannerbox{
        height: 435px;
    }
    .inner-info{
        margin-top: 435px;
    }

}
@media (max-width: 768px) {
    .bannerswiper .swiper-slide1 .fir{
        font-size:18px;
        display: none;
    }
    .bannerswiper .swiper-slide1 .sec{
        font-size:22px;
        margin-top: 9%;
        font-weight: 500;
        letter-spacing: 1px;
    }
    .bannerswiper .swiper-slide1 .thr{
        display: none;
    }
    .bannerswiper .swiper-slide1 .button{
        width: 45px;
        height: 45px;
        margin-top: 5%;
    }
    .nav-right form{
        display: none;
    }
    .nav-button{
        width: 72px;
        height: 35px;
    }
    .nav-button .linebox{
        width: 15px;
        height: 12px;
    }
    .nav-button p{
        font-size: 15px;
    }
    .allnav-inner{
        height: 85px;
    }
    .allnav-inner h1 a .imgbox img{
        width:50px;
    }
    .nav-button .linebox span{
        height: 1px;
    }
    .allnav-inner h1 .text .fir {
        font-size: 18px;
    }
    .allnav-inner h1 a{
        width: 200px;
    }
    .allnav-inner h1 .text .sec .s1{
        width: 49%;
    }
    .allnav-inner h1 .sec{
        display: none;
    }
    .nav-right {
        width: auto;
    }
    .bannerswiper .swiper-slide1 .banner-text>img{
        width: 60px;
    }
    .bannerswiper .swiper-slide1 .banner-text{
        padding-right:48%;
        margin-top: -30%;
    }
    .index_fot .blackdiv{
        height: 75px;
        right: 50%;
        width: 50%;
    }
    .index_fot .whitediv{
        display: none;
    }
    .index_fot .reddiv{
        height: 75px;
        left: 50%;
    }
    .jiaodianbanner .swiper-pagination{
        height: 75px;
    }
    .jiaodianbanner .swiper-pagination-bullet{
        height: 75px;
        line-height: 75px;
    }
    @-webkit-keyframes blackShow{
        0%{
            width: 0;
        }
        100%{
            width: 50%;
        }
    }
    @keyframes blackShow{
        0%{
            width: 0;
        }
        100%{
            width: 50%;
        }
    }
    @-webkit-keyframes redShow{
        0%{
            left: 0;
            height: 100%;
            right: 100%;
            z-index: 1000;
        }
        32%,36% {
            left: 0;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        64%,68% {
            left: 50%;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        100%{
            left: 50%;
            right: 0;
            height: 75px;
            z-index: 96;
        }
    }
    @keyframes redShow{
        0%{
            left: 0;
            height: 100%;
            right: 100%;
            z-index: 1000;
        }
        32%,36% {
            left: 0;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        64%,68% {
            left: 50%;
            right: 0;
            height: 100%;
            z-index: 1000;
        }
        100%{
            left: 50%;
            right: 0;
            height: 75px;
            z-index: 96;
        }
    }
    .swiper-slide-company .inner .left {
        width: 100%;
    }
    .swiper-slide-company .inner .right{
        display: none;
    }
    .swiper-slide-company .inner .left .title{
        display: none;
    }
    .alltitle .left .s2{
        display: none;
    }
    .swiper-slide-company .inner .left .t1{
        font-size: 20px;
    }
    .about-item .list .imgbox img{
        width: 35px;
    }
    .swiper-slide-company .inner .left .more{
        line-height: 45px;
        width: 177px;
    }
    .swiper-slide-company .inner .right {
        width: 52%;
    }
    .swiper-slide-company .inner .right .img1 {
        width: 45%;
        height: 301px;
    }
    .swiper-slide-company .inner .right .img2 {
        width: 55%;
        height: 500px;
    }
    .mycontent{
        width: 90%;
    }
    .allpro .imgbox{
        height: 37vw;
    }
    .swiper-slide-youshi .youshi-left{
        width: 100%;
        margin-left: 0;
        padding:0 3%;
    }
    .swiper-slide-youshi .youshi-left .youshi-item .list{
        width: 31%;
        background: rgba(0,0,0,0.5);
        padding:4% 2%;
        height: 155px;
    }
    .swiper-slide-youshi .youshi-left .youshi-item .list:nth-child(3n) {
        margin-right: 0;
    }
    .swiper-slide-youshi .youshi-left .youshi-item .list:nth-child(4) {
        margin-right: 3.5%;
    }
    .swiper-slide-youshi .youshi-left .youshi-item .list .imgbox img{
        filter: grayscale(100%) brightness(1000%);
    }
    .swiper-slide-youshi .youshi-left .youshi-item .list .text .fir{
        color:#fff;
        font-size: 16px;
    }
    .swiper-slide-youshi .youshi-left .youshi-item .list .text .sec{
        color:#fff;
    }
    .swiper-slide-youshi .text-list .title{
        font-size: 26px;
    }
    .swiper-slide-youshi .text-item{
        padding: 0 10% 0 10%;
    }
    .alltitle .right{
        width: 122px;
        height: 50px;
    }
    .alltitle .left{
        height: auto;
        background-size: 45px;
        line-height: 49px;
    }
    .alltitle .right a{
        font-size: 26px;
    }
    .swiper-slide-news .bottom{
        display: none;
    }
    .allpro .title{
        line-height: 30px;
    }
    .allpro .title a {
        font-size: 16px;
    }
    .prolunbo{
        height: 396px;
    }
    .prolunbo .swiper-slide{
        height: calc((100% - 20px) / 2);
    }
    .footerbox .mycontent{
        display: block;
    }
    .footerbox .left{
        width: 100%;
    }
    .footerbox .right{
        display: none;
    }
    .swiper-container-news111 .swiper-slide .top{
        height: 396px;
    }
    .swiper-container-news111 .swiper-slide .top .swiper-container{
        height: 100%;
    }

    .swiper-container-news111 .swiper-slide .top .swiper-slide{
        height: calc((100% - 45px) / 2);
    }
    .newstext{
        height: 100%;
    }
    .swiper-container-news111 .mycontent{
        margin: 10% auto 0 auto;
    }
    .index_fot .reddiv .inner{
        width: 100%;
    }
    .index_fot .reddiv .text em {
        font-size: 16px;
    }
    .index_fot .reddiv .pagebox .swiper-pagination{
        font-size: 18px;
    }
    .index_fot .reddiv .pagebox .swiper-pagination .swiper-pagination-current{
        font-size: 22px;
    }
    .jiaodianbanner{
        width: 182px;
        left: 6%;
    }
    .la_menu .mask{
        width: 87%;
    }
    .la_menu .menu_con{
        width: 100%;
        padding: 0 16%;
    }
    .la_menu .menu_con_inner ul li a{
        font-size: 18px;
    }
    .la_menu .menu_con_inner ul li {
        margin-bottom: 4%;
    }
    .la_menu .menu_con_inner .lxbox{
        margin-top: 17%;
        border-top: 1px solid #fff;
    }
    .la_menu .close{
        width: 20px;
        height: 20px;
    }
    .swiper-slide-youshi .youshi-right{
        display: none;
    }
    .swiper-slide-youshi .youshi-left .youshi-item .list .imgbox{
        text-align:center;
    }
    .swiper-slide-youshi .youshi-left .youshi-item .list .text{
        text-align: center;
        margin-top: 26%;
    }


    /*内页*/
    .sbannerbox{
        height: 250px;
    }
    .inner-info{
        margin-top: 250px;
    }
    .sbannerbox .text .fir{
        font-size: 14px;
    }
    .sbannerbox .text .sec {
        font-size: 20px;
    }
    .sbannerbox .text{
        top: 40%;
    }
    .sbannerbox .scorll{
        width: 30px;
        height: 30px;
        bottom: 12%;
    }
    .sbannerbox .scorll img{
        max-height: 50%;
    }
    .allnav.xiala .allnav-inner{
        height: 69px;
    }
    .allcrumbs .left{
        display: none;
    }
    .allcrumbs{
        line-height: 50px;
    }
    .inner-com-fir .left {
        width: 100%;
    }
    .inner-com-fir .right {
        width: 100%;
        margin-top: 3%;
    }
    .inner-com-fir .left .tbox .fir{
        font-size: 22px;
    }
    .inner-com-fir .image1{
        top:1%;
    }
    .inner-com-fir .left .tbox {
        margin-bottom: 5%;
    }
    .inner-com-fir .right .des{
        font-size: 15px;
        line-height: 27px;
    }
    .inner-com-fir{
        background: #fff;
        padding-bottom: 0;
    }
    .inner-com-fir .right .about-item {
        display: none;
    }
    .inner-com-sec .right{
        width: 100%;
        flex-wrap: wrap;
    }
    .inner-com-sec .left{
        display: none;
    }
    .inner-com-sec .right .list{
        width: 100%;
        height: 190px;
        background: none;
        padding:0;
        margin-bottom: 2%;
    }
    .inner-com-sec {
        padding-top: 0;
    }
    .inner-com-sec .right .list .inner .text{
        font-size:16px;
    }
    .equientbox .pic{
        height: 175px;
    }
    .equientbox .pic .title{
        line-height: 38px;
    }
    .footerbox .left .erbox .img{
        width: 105px;
        height: 105px;
    }
    .footerbox .left .lxbox .sec {
        font-size: 25px;
    }
    .copy{
        line-height: inherit;
        text-align: center;
        padding: 3% 0;
    }
    .copy .right {
        display: none;
    }
    .pro_type {
        margin-bottom: 9%;
    }
    .pro_type .left{
        float: none;
        margin-bottom: 4%;
    }
    .pro_type .right{
        width: 100%;
    }
    .inner-pro-item .inner-pro-list{
        width: 50%;
    }
    .inner-pro-item .inner-pro-list .imgbox{
        height: 152px;
    }
    .pro-des-box .left{
        width: 100%;
    }
    .pro-des-box .left .imgbox{
        height: 255px;
    }
    .pro-des-box .right{
        width: 100%;
        margin-top: 5%;
    }
    .pro-des-box .right .t {
        font-size: 20px;
    }
    .pro-des-box .right .lxbox .lianxi{
        line-height: 40px;
    }
    .pro-des-box .right .lxbox .tel .sec{
        font-size: 25px;
    }
    .ptit b {
        font-size: 20px;
    }
    .pro-news .list{
        width: 100%;
        margin-right: 0;
    }
    .inner-case-list{
        width: 50%;
    }
    .inner-case-list .imgbox{
        height: 140px;
    }
    .inner-case-list .time{
        font-size: 16px;
    }
    .inner-case-list span{
        line-height: 30px;
        font-size: 14px;
    }
    .inner-news-des .left{
        width: 100%;
    }
    .inner-news-des .left .tbox .fir {
        font-size: 20px;
    }
    .inner-news-des .right{
        width: 100%;
        margin-top: 5%;
    }
    .othertitle span{
        font-size: 20px;
    }
    .inner-news-list{
        width: 100%;
        margin-right: 0;
    }
    .inner-news-list .imgbox{
        height: 220px;
    }
    .inner-news-list .imgbox .news-title .fir{
        font-size: 20px;
    }
    .inner-news-list .imgbox .news-text .fir{
        font-size: 16px;
    }
    .inner-news-list .imgbox .news-text .sec{
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .inner-news-list .imgbox .more{
        font-size: 14px;
        padding: 3%;
    }
    .contactbox{
        height: auto;
    }
    .inner-contact-fir .ditu{
        width: 100%;
        height: 200px;
    }
    .inner-contact-fir .lxbox{
        height: auto;
        width: 100%;
    }
    .inner-contact-fir .lxbox .inner{
        padding: 5%;
    }
    .inner-contact-fir .lxbox .list .imgbox {
        width: 10%;
    }
    .inner-contact-fir .lxbox .list .text{
        width: 90%;
        border-bottom: 1px solid #696969;
        padding-bottom: 5%;
        font-size: 16px;
        padding-left:5%;
    }
    .inner-contact-sec .liuyan .tbox{
        margin-bottom: 4%;
        padding-left: 27px;
        background: url(../img/inner-contact-img1.png) no-repeat left top;
        padding-top: 0;
        height: 42px;
        background-size: 48px;
    }
    .inner-contact-sec .liuyan form input{
        line-height: 50px;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 3px;
    }
    .inner-contact-sec .liuyan form textarea{
        margin-bottom: 3px;
        border-bottom: 1px solid #e5e5e5;
    }
    .inner-contact-sec .liuyan .tbox .fir{
        font-size:20px;
    }
    .inner-contact-sec .liuyan .tbox .sec{
        font-size:12px;
    }
    .inner-contact-sec .liuyan form .code .verify{
        width: 122px;
        height: 41px;
        right: 0
    }
    .inner-contact-sec .liuyan form .submit{
        line-height: 50px;
        font-size: 16px;
    }
    /*.allnav[date=nofirstpage]{*/
        /*background: rgba(0,0,0,0.5);*/
    /*}*/
    /*.allnav[date=nofirstpage] .allnav-inner h1 .fir{*/
        /*color:#fff;*/
    /*}*/

    .bannerswiper .swiper-slide3 .banner3-text .fir{
        font-size:22px;
        line-height: inherit;
    }
    .bannerswiper .swiper-slide3 .banner3-text .sec{
        font-size:22px;
    }
    .bannerswiper .swiper-slide2 .banner2-text{
        top: 16%;
    }
    .bannerswiper .swiper-slide2 .banner2-text .fir{
        font-size:22px;
    }
   
    .bannerswiper .swiper-slide3 .banner3-text{
        width: 100%;
        top: 12%;
        text-align: center;
    }

    .swiper-container-banner .slide-inner1 .bannerImg{
        background-position: center right 38%;
    }

    .swiper-container-banner .slide-inner2 .bannerImg{
        background-position: center right 58%;
    }

    .bannersec{
        display: block;
    }
    .bannerfir{
        display: none;
    }

    .banner-tel{
        margin-top: 10px;
    }
    .bannerswiper .swiper-slide3 .banner3-text .banner-tel{
        margin: 10px auto 0 auto;
    }
    .bannerswiper .swiper-slide2 .banner2-text .banner-tel {
        margin: 10px auto 0 auto;
    }

    .about-item .list .text .sec{
        display: none;
    }
 





}