@media (min-width: 768px) {
    header .rt li a:hover{color: #bfa160;}
    .page4 .rt li a:hover{background: url("../images/index7.jpg") no-repeat center;background-size: cover;color: #fff;}
    .page5 .swiper-container a:hover{background-color: #bfa160;}
    .page5 .swiper-container a:hover .cont .imgs2 img:last-child{display: inline-block}
    .page5 .swiper-container a:hover .cont .imgs2 img:first-child{display: none}
    .page5 .swiper-container a:hover .cont .font24,.page5 .swiper-container a:hover .cont p{color: #fff}
    .page5 .swiper-container a:hover .imgs{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray;}
    .page1 li .bgs .cont a:hover{background-color: #fff;color: #bfa160;}
    .page3 .lt a:hover, .page4 .lt a:hover{color: #fff;background-color: #bfa160;}
    .tabs li a:hover,.product li .lt a:hover{background-color: #bfa160;color: #fff;}
    .product li:nth-child(2) .lt a:hover{color: #c5a055;background-color: #fff}
    footer .lt li a:hover{color: #bfa160;}
    .news ul li a:hover .imgs div{transform: scale(1.1);-webkit-transform: scale(1.1);}
    .news ul li a:hover .cont{background-color: #333333;}
    .news ul li a:hover .cont .font20{color: #fff;}
    .news ul li a:hover .cont .font14{color: #fff;}
    .news ul li a:hover .cont .add,.news ul li a:hover .cont .add span{color: #fff;}
    .prev_next li a:hover{color: #bfa160;}
    .prev_next li:last-child a:hover,.news_t .wid100 .rt a:hover{background-color: #bfa160;color: #fff;}
    .tabs li a:hover .img img:last-child{display: none;}
    .tabs li a:hover .img img:first-child{display: block;}
    .productMaintenance .ctds .rt a:hover,.maintenance .cont button:hover,.join4 .btn:hover{background-color: #bfa160;color: #fff;}
    .productMaintenance li a:hover{color: #bfa160;}
    .join li:hover .cont .imgs{height: 51px;line-height: 51px;}
    .join li:hover .cont p{display: block;}
    .join li:hover:after{background-color: #c49f5a;}
    .flexs li.hovePhone:hover .phone{right: 70px; opacity: 1}
    .flexs li a:hover{
        background-color: #bfa160;
    }
    .flexs li.hovePhone:hover a{
        background: none;
    }
    .flexs li.hovePhone:hover{background-color: #bfa160;}

}
@media (min-width: 1200px){

}
@media (min-width: 1400px) {
    .container{width: 1240px;}

}
@media (min-width: 1600px) {
	.container{width: 1440px;}

}

@media (max-width: 1600px) {


}
@media (max-width: 1500px){
    .news ul li a .imgs{height: 280px}
    .join li{height: 420px}
    .join3 .swiper-slide .sert{width: 160px;height: 160px;line-height: 160px;}

}
@media (max-width: 1440px){
    .news ul li a .imgs{height: 245px}
    .product li{height: 450px}
    .productList2 .list_top li{height: 240px}
    .list_bom_cont li .imgs{height: 200px}
    .service li{height: 360px}
    .service li a .cont .font18{font-size: 16px;}
    .join li{height: 400px}
}
@media (max-width: 1400px) {
    #banner .container .cont{width: 380px}
    .page1 li .bgs .cont a,.page3 .lt a,.page4 .lt a{padding: 10px 20px;}
    .page3 .lt img,.page4 .lt img{height: 140px}
    .page5 .swiper-container a .cont .imgs2 img{max-height: 60px}
    .product .swiper-container .conts img{max-height: 66px}
    .prtDtgS .lt{padding-left: 15%}
    .prtDtgS .lt img{height: 66px}
    .title_lt{height: 120px;padding: 32px 0 0 48px;margin-bottom: 20px;}
    .service1 li .imgs{width: 150px;height: 150px;line-height: 150px;}
    .service1 li .imgs img{height: 60px}
    .maintenance .cont button,.join4 .btn{padding: 12px 60px}
    .join li .cont .imgs{height: 66px;line-height: 66px;}
    .join li{padding: 20px 15px;}
    .join1{margin-bottom: 4rem}
    .about1 .lt p, .about2 .lt p{line-height: 1.8}
}
@media (max-width: 1332px){
    .title_lt img,.title_ct img{height: 123px}
    .productList1 .title_ct .cont img{height: auto}
    .title_lt{padding: 33px 0 0 40px;}
    .title_ct{padding: 40px 0;}
    .news ul li{padding: 15px}
    .news ul li a .imgs{height: 240px}
    .case{margin-bottom: 4rem}
    .case.news{margin-bottom: 0;padding-bottom: 4rem}
    .product li{height: 430px}
    .productList1 .title_ct {
        padding: 36px 0 36px;
    }
    .productTab li a{height: 80px;line-height: 80px;padding: 15px;}
    #banner .title_ct img{height: 180px}


}
@media (max-width: 1300px){
    .productList2 .list_top li{height: 200px}
    .maintenance .cont button,.join4 .btn{padding: 12px 40px}
}
@media (max-width: 1200px){
    .ico{display: block;float: right;top: 21px;}
    header .rt{position: absolute;top: 70px;width: 100%;left: 0;background: #fff;border-top: 1px solid #ccc;display: none}
    header{line-height: 70px;}
    .html{margin-top: 70px;}
    .fullpage .section .fp-tableCell{padding-top: 70px;}
    header .rt li{display: block;line-height: 46px;border-bottom: 1px solid rgba(0,0,0,0.4)}
    header .rt li a{display: block}
    header .rt li:last-child{line-height: inherit;line-height: initial;padding: 10px 20px;}
    .title_lt img {height: 110px;}
    .title_lt {padding: 24px 0 0 40px;}
    .about3 .click img{width: 60px}
    .product .swiper-container .conts img{max-height: 56px}
    .productTab li a{width: 240px}
    .prtDtgS .lt {padding-left: 8%;}
    .prtDtgS .lt ul{margin: 10px 0}
    .prtDtgS .lt a{padding: 8px 23px;}
    .title_lt{height: 100px;}
    .about1 .lt p, .about2 .lt p{-webkit-line-clamp: 5;}
    .about1 .wid100,.about2 .wid100{height: 320px}
    .about1 .wid100 .lt,.about1 .wid100 .rt,.about2 .wid100 .lt,.about2 .wid100 .rt{height: 100%}
    .about1 .wid100 .lt,.about2 .wid100 .lt{padding-top: 24px}
    .service li a .cont .font18{font-size: 14px;line-height: 1.7}
    .service li {height: 300px;}
    .join2 .lt p{margin-bottom: 0}
    .serch a.cur:after{display: none}
    .serch .ser{
        top:0;margin-right: 0;left: 60px;width: 290px}
    .serch .ser input{    height: 37px;line-height: 37px;}
    .down_sd,.down_s{position: relative;
        top:0;}
    header .rt .down_sd li{border-bottom: none}
    .down_sd li{width: auto}
    header .rt li .navA{position: relative}
    header .rt li .navA .icons{display: inline-block;position: absolute;
        right:0;
        top:0;width: 50px;
        text-align: center;
        cursor: pointer;}
    header .rt li .navA a{width: calc(100% - 60px);width: -webkit-calc(100% - 60px)}
    header .rt li a.active:after,header .rt li:hover .navA a:after{display: none}
    header .rt li .navA a:hover:after{border-bottom: none;display: none}
    .down_s a{padding: 0 10px;
        text-align: left;
        border-bottom: 1px solid rgba(221,221,221,0.4);font-size: 14px !important;}
    .down_s a:last-child{border-bottom: none}
    .down_s{padding: 0 15px}
	
	footer .lt li{ padding-right:5px; margin-left:5px;}

}
@media (max-width: 992px) {
    .page1 li .bgs .cont{width: 80%}
    .about1 .lt p, .about2 .lt p{-webkit-line-clamp: 5;}
    .page5 .swiper-pagination{display: block}
    .news ul li a .imgs{height: 270px}
    .productList2 .list_top li{height: 180px}
    .list_bom_cont li{width: 48%;margin-left: 4%;padding: 5% 3%}
    .list_bom_cont li:nth-child(2n + 1){margin-left: 0}
    .service1 li .imgs {width: 120px;height: 120px;line-height: 120px;}
    .service1 li .imgs img{height: 46px}
    .productMaintenance .ctds .lt{width: 230px}
    .productMaintenance .ctds .rt{width: calc(100% - 230px);width: -webkit-calc(100% - 230px);}
    .join2 li{height: 490px}
    .list_bom_cont li .imgs{margin-bottom: 20px;}
    .productList1 .conts .swiper-slide .font24{font-size: 18px;}

}
@media (max-width: 768px){
    .about1 .lt, .about1 .rt,.about2 .lt, .about2 .rt{width: 100%;float: none}
    .about1 .lt{padding-left: 0;margin-bottom: 18px;text-align: center}
    .about2 .lt{padding-right: 0;margin-bottom: 18px;text-align: center}
    .about1 .lt p, .about2 .lt p{text-align: left}
    .title_lt img{left: 50%; transform: translate(-50%,0);-webkit-transform: translate(-50%,0);margin-left: -30px;}
    .title_lt img ,.title_ct img{height: 100px;}
    .title_ct {padding: 29px 0;}
    .productList1 .title_ct .cont img{height: 14px;}
    .productList1 .title_ct {
        padding: 26px 0 27px;
    }
    .productList2 .list_top li{height: 150px}
    /*.list_bom_cont li.active .imgs img:first-child{height: 60px}*/
    .about1 .wid100, .about2 .wid100{height: auto}
    .about1 .wid100 .lt, .about2 .wid100 .lt {padding-top: 0;}
    .join li{width: 31.333%;margin-left: 3%;margin-bottom: 15px;}
    .join li:nth-child(4){margin-left: 15.5%}

}
@media (max-width: 767px){
    header .lt img{max-height: 46px}
    #banner .swiper-pagination .swiper-pagination-bullet{height: 10px;width: 10px;margin: 0 5px;}
    #banner .swiper-pagination .swiper-pagination-bullet-active{width: 20px}
    .page1 li{width: 100% !important;height: 70px}
    .page1 li .bgs{width: 100% !important;padding: 5%;}
    .page1 li .bgs .cont{width: 100%}
    .page1 li .bgs .cont .font42{margin-bottom: 0;width: auto;padding: 0;}
    .page1 li.active{height: calc(100% - 210px);height: -webkit-calc(100% - 210px);}
    .page1 li .bgs .cont .font24,.page1 li .bgs .cont .font16{margin-bottom: 15px;}
    .page1 li .bgs .cont a, .page3 .lt a, .page4 .lt a{font-size: 12px;padding: 6px 12px;border-radius: 3px;}
    .menus li a span{font-size: 12px;line-height: 1}
    .menus li a{padding-left: 12px;}
    .menus li.active a span{padding: 3px 10px;}
    .menus li{margin-bottom: 8px;}
    .menus li a:after{width: 6px;height: 6px;left: -3px;}
    .page3 .lt img, .page4 .lt img{height: 70px;margin-bottom: 13px;}
    .page3 .lt,.page4 .lt{width: 100%}
    .page3 .rt,.page4 .rt{width: 100%}
    .page3 .lt p{margin-bottom: 10px;}
    .page4 .lt p{margin: 10px 0;font-size: 14px;}
    .page4 .rt li a{padding: 16px 20px;}
    .page4 .rt li a p {margin: 6px 0;}
    .page4 .rt li a{background: url("../images/index7.jpg") no-repeat center;background-size: cover;color: #fff;}
    footer{height: auto;padding: 22px 0 15px;}
    .page5 footer{padding: 22px 0 15px;height: 155px;}
    .page5 .swiper-container {height: calc(100% - 202px);height: -webkit-calc(100% - 202px);}
     footer .lt{width: 100%;text-align: center; padding-right:0;}
	 footer .wx{ width:100%; text-align:center; margin-top:10px;}
     footer .rt{width: 100%;padding-left: 0;border-left: 0}
     footer .lt li a{font-size: 14px;}
     footer .lt li{padding-right: 10px;margin-left: 10px;}
     footer .lt p{margin-top: 12px;font-size: 12px;}
     footer .rt div{display: inline-block;margin: 0 5px;}
     footer .rt{text-align: center;margin-top: 10px;}
     footer .rt .font16{margin-bottom: 0}
    .page5 .swiper-container a{background-color: #bfa160;}
    .page5 .swiper-container a .cont .imgs2 img:last-child{display: inline-block}
    .page5 .swiper-container a .cont .imgs2 img:first-child{display: none}
    .page5 .swiper-container a .cont .font24,.page5 .swiper-container a:hover .cont p{color: #fff}
    .page5 .swiper-container a .imgs{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray;}
    .page5 .swiper-container a .cont p{color: #fff}
    .page4 .lt,.page3 .lt{padding: 0 3% 5%}
    .page5 .swiper-container a .cont .font24{margin: 12px auto 6px;}
    .page5 .swiper-container a .cont .imgs2 img{max-height: 40px}
    .page5 .swiper-pagination-bullet{background: #fff;}
    #banner .container .cont p{margin-top: 2rem}
    .bannerAll .cont p{margin-top: 10px;}
    .bannerAll .cont{margin-left: 0}
    .flexs li{width: 25%;height: 46px;float: left;}
    .flexs{width: 100%;border-radius: 5px 0px 0px 5px;border-top: 1px solid rgba(221,211,211,0.4);transform: translate(0,0);-webkit-transform: translate(0,0);bottom: 0;top: auto;border-radius: 0}
    .flexs li a img{height: 20px;}
    footer{margin-bottom: 46px}
    .page5 footer{margin-bottom: 46px}
    .tabs li{width: auto;float: none;display: inline-block}
    .tabs .nav{font-size: 0;text-align: center}
    .tabs li a{padding: 13px 6px;}
    .about3 .click img{width: 40px}
    .about3 .click p{font-size: 16px;margin-top: 12px}
    #aboutBOTTOM .swiper-slide .lt{width: 100%;float: none}
    #aboutBOTTOM .swiper-slide .rt{padding: 5% 0 0;width:100%;float: none}
    #aboutBOTTOM .swiper-slide .rt .font30{margin-bottom: 1rem;padding-bottom: 1rem;}
    .about4 .cont{padding: 0 35px;}
    #aboutTOP .swiper-slide .yian span{border-width: 5px;}
    #aboutTOP .swiper-slide .yian{width: 20px;height: 20px;line-height: 18px;}
    #aboutTOP .swiper-slide{padding-bottom: 2px;}
    #aboutTOP .swiper-slide-thumb-active .font18{font-size: 18px;}
    .about5 .conts .font16{margin-top: 18px}
    .about5{padding: 4rem 0}
    .about6 .swiper-pagination .swiper-pagination-bullet{width: 28px;height: 2px;}
    .about6 .conts .swiper-slide p{margin: 10px auto}
    .about6 .swiper-pagination{margin-top: 3px;}
    .about2{margin-top: 20px}
    .news ul li a .imgs{height: 200px}
    .news ul li{padding: 0 10px;margin-bottom: 18px}
    .case{margin-bottom: 3rem}
    .newsDetails p{font-size: 14px !important;}
    .prev_next li:last-child{position: relative}
    .prev_next li:last-child a{font-size: 14px;padding: 4px 20px;}
    .product .swiper-container .conts img{max-height: 40px;margin-bottom: 20px;}
    .product .swiper-container .conts p{margin-top: 10px;}
    .product .swiper-container .conts .cont{padding-left: 0}
    .product .swiper-pagination-bullet{width: 20px;height: 2px;}
    .tabs li .img{height: 40px;}
    .productTab li a span{line-height: 1;margin-left: 7px}
    .prtDtgS .wid100{display: block}
    .prtDtgS .lt{width: 100%;float: none}
    .prtDtgS .rt{width: 100%;float: none}
    .prtDtgS .lt a,.productMaintenance .ctds .rt a{font-size: 12px;padding: 6px 12px;border-radius: 3px;}
    .prtDtgS .lt img{height: 46px;margin-bottom: 5px}
    .service li{width: 31.333%;margin-left: 3%}
    .service li:nth-child(4){margin-left: 16%}
    .service1 li{width: 33.333%;padding: 5px 10px}
    .service1 li:nth-child(4){margin-left: 16.5%}
    .service1 li .imgs{width: 90px;height: 90px;line-height: 90px;}
    .service1 li .imgs img {height: 36px;}
    .service2 li{width: 48%;margin-bottom: 15px;
        height:210px;}
    .service2 li:nth-child(2n + 1){margin-left: 0}
    .service2 li .imgs{height: 100px;line-height: 100px;}
    .maintenance .conts{padding: 0 5%}
    .productMaintenance .ctds .lt{width: 100%;float: left}
    .productMaintenance .ctds .rt{width: 100%;float: left;padding-left: 0}
    .productMaintenance .ctds .rt .font24{font-size: 17px;margin-bottom: 8px;}
    .productMaintenance li a{padding: 10px 0}
    .faq li{padding: 0 5px}
    .faq li .top .icon{right: 0}
    .faq li .top .font18{padding-right: 20px;}
    .faq li .bom p{font-size: 12px !important;}
    .maintenance .cont .fm1, .join4 .fm1{width: 100%}
    .maintenance .cont .form-group input, .join4 .form-group input{height: 40px;}
    .maintenance .cont .form-group label, .join4 .form-group label{font-size: 13px;top:11px;}
    .maintenance .cont .fm1 input {padding-left: 46px;}
    .maintenance .cont .fm2 input {padding-left: 86px;}
    .maintenance .cont .fm3 label{top: 7px;}
    .maintenance .cont button,.join4 .btn{padding: 10px 36px;font-size: 12px;}
    .join1 .btns,.join3 .btns{width: 30px;height: 30px;line-height: 30px;margin-top: -15px;}
    .join1{margin-bottom: 3rem}
    .join2 li{height: auto}
    .join2 .lt,.join2 .rt{width: 100% !important;float: none !important;}
    .join2 .lt .BoxTable{min-height: 300px}
    .join3 .swiper-slide .sert{width: 120px;height: 120px;line-height: 120px}
    .join3 .swiper-slide .sert img{height: 42px}
    .join3 .btns{top: 60px;}
    .join3 .btns span{font-size: 18px;}
    .join4 .lt{width: 100%;float: none;margin-bottom: 20px;text-align: center}
    .join4 .rt{width: 100%;float: none}
    .join4 .lt img{max-height: 60px}
    .join4 .wid100:nth-child(2) .form-group input {
        padding-left: 98px;
    }
    .join4 .form-group.fm3 textarea {
        text-indent: 4.5rem;
    }
    .join4 .form-group.fm3 label{top: 9px;}
    .join4 .lt .font30{margin: 20px 0 10px;}
    .join4 .title{margin-bottom: 2rem}

    .fullpage .section .fp-tableCell{padding-bottom: 47px}
    .fullpage .section.page5 .fp-tableCell{padding-bottom: 0}
    .page3 .rt{max-height: 300px}
    .flexs li:nth-child(4),.flexs li:nth-child(1){border-radius: 0}
    .flexs .phone{display: none;
        top: -50px;
        left: 50%;
        font-size: 18px;
        height: 50px;
        line-height: 50px;
        width: 140px;
        border-radius: 3px 3px 0 0;margin-left: -70px;opacity: 1}
    .flexs li a{background-size: 22px}
    .down_sd li .ps{display: none}
    header .rt .down_sd li{width: 100%;padding: 0 20px !important;margin: 0;float: none}
    header .rt .down_sd ul{display: block}
    .down_sd li .top{padding: 0;margin: 0;text-align: left;position: relative}
    .down_sd li .top a{padding-right: 60px}
    .down_sd li .top .icons{
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        text-align: center;
        cursor: pointer;
    }
    .down_sd li .top .icons .icon{    font-weight: bold;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        display: inline-block;font-size: 12px;}
    .down_sd li p {
        line-height: 30px;
        font-size: 12px;
        text-align: left;
        padding: 0 5px;
        border-bottom: 1px solid rgba(211,211,211,0.3);
    }
    .down_sd li p a{font-size: 12px;}
    .down_sd li .top img {
        margin-right: 10px;
        height: 16px;
    }
    .down_sd li .top{line-height: 40px;}
    header .rt{max-height: 80vh;overflow: auto}
    .down_s a{font-size: 12px !important;line-height: 37px;}
    .down_sd li:last-child .top{border-bottom: none}
    .bannerAll{padding: 14% 0}
    .service li a .cont .font24{font-size: 18px;}
    .join2 ul{margin-top: 0}
    .join2 .lt p{font-size: 14px;}
    .join2 .lt .font30{margin-bottom: 12px;}
    .join4 form .wid100:first-child .form-group:last-child input {
        padding-left: 72px;
    }
    .join4 form .wid100:first-child .form-group:first-child input {
        padding-left: 60px;
    }
    .join4 form .wid100:nth-child(2) .form-group:last-child input {
        padding-left: 100px;
    }
    .join4 form .wid100:nth-child(2) .form-group:first-child input {
        padding-left: 85px;
    }
    .faq li .bom .a{top: -2px}
    /*.faq li .top span.q{line-height: 18px}*/
    .case.news{padding-bottom: 3rem}
    .pages{margin-top: 10px;}
    .productList1 .conts .swiper-slide .imgs{margin-bottom: 12px;}
    #banner .title_ct{padding: 41px 0 39px}
    .btns2{width: 36px;height: 36px;}
    header .rt li:last-child{padding:  0;line-height: 46px;}
    .page1 .wid100 ul{    height: 100%;
    padding-bottom: 0px;}
    .page1 li{    width: 50% !important;
    height: 50% !important;
    border: 1px solid #fff;}
    .page1 li .bgs .cont{text-align: center;}
    .page1 li .bgs .cont .font42{height: auto;}
    .page1 li .bgs .cont .coor{display: block;}
    .page1 li .bgs .cont .font16,.page1 li .bgs .cont .font18{display: none;}

}
@media (max-width: 730px){
    .news_t .wid100{display: block}
    .news_t .wid100 .lt{width: 100%}
    .news_t .wid100 .rt{width: 100%;padding: 5% 4%}
    .news_t .wid100 .lt img{display: block}
    .news_t .wid100 .rt div.font16,.news_t .wid100 .rt .font24,.news_t .wid100 .rt p{margin-bottom: 10px;}
    .news_t .wid100 .rt a{font-size: 12px;padding: 5px 20px;}
    .news_t .wid100 .rt .font24{font-size: 17px}
    .news ul li a .cont{padding: 10px;}
    .news ul li a .cont .font20{font-size: 15px;height: 21px;margin-bottom: 5px;}
    .news ul li a .cont .font14{font-size: 12px;}
    .news ul li a .cont .font14 span{margin-right: 6px;}
    .news .row{margin: 26px -10px 0}
    .pages a{font-size: 14px;margin: 0}
    .case ul li a .cont .add{font-size: 12px;}
    .product li{height: auto;margin-bottom: 24px;}
    .product li .lt{width: 100% !important;float: none !important;}
    .product li .rt{width: 100% !important;float: none !important;}
    .product li .lt a{font-size: 12px;
        padding: 6px 12px;
        border-radius: 3px;}
    .list_bom_cont li .imgs{height: 170px}
    /*.list_bom_cont li.active .imgs img:first-child {
        height: 40px;left: 5px;top: 11px;
    }*/
    .list_bom_cont li .cont .font24{font-size: 18px;}
    .list_bom_cont li .cont p{font-size: 12px;line-height: 1.8;height: 39px;}
    .productList2 .list_top li.active:before{border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        border-top: 6px solid #bc974c;
        bottom:-6px;}
    .productList1{padding: 30px 0}
    .service2 li .imgs{height: 90px;line-height: 90px}
    .newsDetails .cont{margin-bottom: 2rem}
}
@media (max-width:600px){
    .news ul li a .imgs{height: 180px}
    .join li{width: 31.3333%;margin-left: 3%;height: 180px}
    .join li:nth-child(3n + 1){margin-left: 0}
    .join li:nth-child(4){margin-left: 15.5%}
    .join li .cont .imgs{height: 32px;line-height: 32px;}
    .join li:nth-child(4),.join li:nth-child(5){margin-bottom: 0}
}
@media (max-width:560px){
    .page4 .left{width: 100%}
    .news ul li a .imgs{height: 160px}
    .productList1 .conts .swiper-slide{border-left: none}
    .productList1 .conts{padding: 0 30px;}
    .productList2 .list_top li{height: 120px}
    .productTab.tabs li{width: 50%;float: left}
    .productTab li a{width: 100%;height: 66px;line-height: 66px;}
    .service2 li{padding: 30px 15px}
    .service2 li .imgs{height: 70px;line-height: 70px}
    header .rt .down_sd li{padding: 0 !important;}
    .bannerAll .cont p{font-size: 13px;}
    .btns2{width: 30px;height: 30px;}
}
@media (max-width: 460px){
    #banner .container .cont{width: 100%}
    /*#banner .container .cont img{max-height: 90px}*/
    .news ul li a .imgs{height: 140px}
    .service li{width: 48%;margin-left: 4%}
    .service li:nth-child(4){margin-left: 4%}
    .service li:nth-child(2n + 1){margin-left: 0}
    .service2 li .imgs{height: 60px;line-height: 60px}
    .productList2 .list_top li {
        height: 90px;
    }
    header .lt img {
        max-height: 40px;
    }
    .maintenance .conts{padding: 0 5px}
    #banner .title_ct {
        padding: 36px 0 28px;
    }
}
@media (max-width: 400px){
    .page1 li .bgs .cont{width: 100% !important;}
    .page3 .lt img, .page4 .lt img{height: 70px !important;}
    .page3 .lt p{font-size: 12px !important;}
    .page3 .rt{max-height: 200px}
    .page4 .lt img{margin-bottom: 0}
    .page4 .rt li a{padding:10px 15px !important;}
    .serch .ser input,.serch .ser{width: 240px}
}
@media (max-height: 700px){
/*#banner .swiper-slide .cont img{height: 120px}*/
#banner .container .cont p{margin-top: 2rem}
.page1 li .bgs .cont{width: 70%}
.page3 .lt img, .page4 .lt img{height: 100px}
.page3 .lt p{margin-bottom: 12px;}
.page4 .rt li a{padding: 16px 50px}
.page4 .rt li a p{margin: 8px 0;}
.page5 footer{height: auto;padding: 30px 0}
.page5 footer .lt p{margin-top: 15px;}

.page5 .swiper-container {
    height: calc(100% - 117px);
    height: -webkit-calc(100% - 117px);
}
}