@media (max-width: 1159px){
    body{ min-width: 320px; padding: 72px 0 1.03rem;}
    .wrap{ width: 750px;}

    /*公共部分*/
    /*header*/
    /*.header{ padding: 15px 0;}
    .logo{ padding: 0;}
    .nav{ display: none;}
    .head-tel{ display: none;}
    .header .icon-menu{ position: relative; display: block; float: right; font-size: 32px; font-weight: bold; line-height: 41px; padding: 0 5px; }

    .header-fixed .logo{ padding: 0;}*/
    .pull-right{ float: right;}
    .pull-left{ float: left;}
    .header{ display: none;}
    .m-header{ display: block; position: fixed; top: 0; left: 0; width: 100%; padding: 0.345rem 0 0.2586rem; z-index: 100; background: #fff;}
    .m-header .logo{ width: 1.69rem; }
    .m-header .logo a{ display: block; height: auto;}
    .m-header .logo img{ width: 100%;}
    .m-header .icon{ font-size: 0.345rem; display: inline-block; line-height: 0.35rem; }
    .m-header .icon + .icon{ margin-left: 0.69rem;}
    .m-header .h-menu{ width: 0.63rem; padding: 0.07rem; text-align: center;}
    .m-header .h-menu .icon-menu{ display: block;}
    .m-header .h-menu .icon-close{ display: none; }
    .m-header .menu-links{ display: none; position: fixed; top: 1.092rem; right: 0; width: 2.25rem; padding: 0.43rem 0; background: #f0f0f0; z-index: 999;}
    .m-header .menu-links a{ display: block; font-size: 0.345rem; line-height: 2.425; color: #313131; text-align: center;}
    /*header*/
    
    .xpages{ margin-top: 0.74rem;}
    .xpages span,.xpages a,.xpages b{ display: none;}
    .xpages .prev,.xpages .next{ display: inline-block; font-size: 0.43rem; padding: 0.2rem 0.25rem; margin: 0 0.08rem;}
    
    .swt{ right: 0.17rem; width: 0.86rem; padding: 0; border-radius: 0 0 0.26rem; box-shadow: 0 0 0.14rem rgb(0 0 0 / 13%); padding: 0 0.15rem;}
    .swt a{ line-height: 0.86rem; font-size: 0.43rem; }
    .swt a:first-child {  font-size: 0.47rem; }
    .swt .icon-top.show{ height: auto;}

    /*footer*/
    /*.footer{ font-size: 18px;}
    .footer-top .f-logo img{ height: 50px; margin-right: 15px;}
    .footer-top .f-logo p{ font-size: 22px; line-height: 25px; padding-left: 15px;}
    .footer-top .f-search{ margin-top: 0; }
    .footer-top .f-s-input{ line-height: 50px; padding: 0 50px 0 76px; border-radius: 8px;}
    .footer-top .icon-search{ width: 56px;}
    .footer-top .icon-close{ width: 50px; line-height: 50px; font-size: 22px;}

    .footer-bottom dl + dl{ margin-left: 42px;}
    .footer-bottom dd + dt{ margin-top: 42px;}
    .footer-bottom .dl3{ margin-right: 42px;}
    .footer-bottom dd b{ font-size: 36px;}*/
    .footer,.copy{ display: none;}
    .m-footer,.bottom{ display: block;}


    .m-footer{ padding: 0.82rem 0 0.775rem; background: #e5e5e5; color: #000;}
    .m-footer .wrap{ display: flex; justify-content: center;}
    .m-footer .logo{ width: 2.55rem; padding-right: 0.42rem; border-right: 0.0175rem solid;}
    .m-footer .logo a{ display: block;}
    .m-footer .logo p{ text-align: center; font-size: 0.1897rem; letter-spacing: 0.023rem; margin-top: 0.12744rem;}
    .m-footer .f-tel{ font-size: 0.276rem; margin-left: 0.419rem; }
    .m-footer .f-tel i{ position: relative; top: 0.026rem; display: inline-block; margin-right: 0.1207rem; font-size: 0.302rem;}
    .m-footer .f-tel b{ display: block; color: #c8000a; font-size: 0.56rem; font-family: Roboto; letter-spacing: -0.0185rem; margin-top: 0.17284rem;}


    .bottom{ position: fixed; bottom: 0; left: 0; width: 100%; display: flex; color: #fff; background: rgba(68,68,68,0.8); z-index: 99;
        -webkit-backdrop-filter: blur(15px);
        -moz-backdrop-filter: blur(15px);
        -ms-backdrop-filter: blur(15px);
        -o-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px);}
    .bottom a{ flex: 1; display: flex; flex-direction: column; align-items: center; padding: 0.1207rem 0 0.10345rem; }
    .bottom a i{ font-size: 0.48276rem;}
    .bottom a p{ font-size: 0.2586rem; margin-top: 0.06983rem;}
    /*footer*/
    /*公共部分*/

    .banner > img{ display: none;}
    .banner .txt{ position: static;}
    .banner .txt h2{ font-size: 40px; border-left-width: 6px;}
    .banner .txt h2::before{ width: 6px; }
    .about-bt::before{ width: 80px; }
    .about-bt-center::before{ margin-left: -40px;}

    /*page-shili*/
    .banner{ padding: 7vw 0; background: url("../images/banner-shili.jpg") no-repeat center/cover;}
    .banner .txt{ top: 15%;}
    .banner-shili ul{ margin-top: 5.5vw;}
    .banner-shili li{ width: 25%; max-width: 102px;}
    .banner-shili li a{ padding: 5px 5px 20px; border-radius: 0 0 20px;}
    .banner-shili li .pic{ width: 100%;}
    .banner-shili li .name{ width: 100%; font-size: 20px;}

    .about-bt{ font-size: 30px; margin-bottom: 25px;}
    .a-sl-item1{ padding: 70px 0 140px;}
    .a-sl-item1::before{ border-radius: 0 0 8vw; height: 46%;}
    .a-sl-item1 .txt .pic{ bottom: -25%;}

    .a-sl-item2{ padding: 70px 0;}
    .a-sl-item2::before{ width: 75%; height: 48%;}
    .a-sl-item2 .txt{ width: 34%;}
    .a-sl-item2 .txt p{ padding-right: 20px;}
    .a-sl-item2 ul{ margin-top: 50px;}
    .a-sl-item2 li + li +li{ padding-top: 57px;}

    .a-sl-item3{ padding-top: 80px;}
    .a-sl-item3 .wrap::before{ top: -50px;}
    .a-sl-item3 > img{ border-radius: 0 0 0 7vw;}
    .a-sl3-top{ margin: -80px 0 70px;}
    .a-sl3-top .pic{ padding-top: 28px;}
    .a-sl3-top li{ font-size: 18px; line-height: 36px; margin-top: 10px;}
    .a-sl3-top .li6{ font-size: 16px; line-height: 18px;}
    .a-sl3-bottom h4{ font-size: 24px; margin-bottom: 30px;}
    .a-sl3-bottom li{ padding: 15px 0; height: auto;}
    .a-sl3-bottom li:hover{ height: auto;}
    .a-sl3-bottom .name{ width: 19%; height: 100%; top: 15px; font-size: 18px;}
    .a-sl3-bottom .number{ opacity: 1; font-size: 74px; bottom: 10px;}
    .a-sl3-bottom .details{ width: 32%; font-size: 15px; line-height: 1.9;}

    /*page-jieshao*/
    .banner-jieshao{ padding: 7vw 0 25vw; background-image: url("../images/banner-jieshao.jpg");}
    .a-js-item1 .wrap::before{ height: 460px;}
    .a-js-item1 .cont{ padding: 50px 30px 60px}
    .a-js-item1 .txt{ width: 100%;}
    .a-js-item1 .pic{ width: 100%; border-radius: 0 0 3vw; overflow: hidden;}
    .a-js-item1 .pic .pic1{ display: none;}
    .a-js-item1 .pic .pic2{ display: block; width: 100%;}
    .a-js-item1 ul{ margin-top: 30px;}
    .a-js-item1 li{ width: 150px; height: 150px; padding-top: 20px;}
    .a-js-item1 li span{ font-size: 50px;}
    .a-js-item1 li b{ margin-top: 13px; font-size: 20px;}
    .a-js-item1 .pic{ padding-top: 50px;}

    .a-js-item2 .wrap{ padding: 60px 0;}
    .a-js-item2 .about-bt + p{ width: 100%;}
    .a-js-item2 .pics{ padding-bottom: 0;}
    .a-js-item2 .pics dl{ position: static; width: 100%; margin-top: 20px; }
    .a-js-item2 .pics dt{ margin-bottom: 10px; font-size: 28px;}
    .a-js-item2 .pics dl dd{ line-height: 2; font-size: 16px;}


    /*page-gongyiwenhua*/
    .banner-gywh{ padding-bottom: 30vw;}
    .a-gywh-item1{ margin-top: -23vw;}
    .banner-gywh .txt .wrap::before{ font-size: 40px; border-left-width: 6px;}
    .a-gywh-item1 li{ margin-top: 20px;}
    .a-gywh-item1 li h3{ font-size: 24px; margin-bottom: 15px;}

    .a-gywh-item2 .bd{ margin-left: 100px; }
    .a-gywh-item2 .hd li{ width: 160px; padding-left: 30px; font-size: 24px; }
    .a-gywh-item2 .hd li.on, .a-gywh-item2 .hd li:hover{ width: 200px; }
    .a-gywh-item2 .arrow{ width: 160px; }
    .a-gywh-item2 .arrow a{ width: 80px; height: auto; line-height: 80px; font-size: 50px; }
    .a-gywh-item2 .p1{ display: none;}
    .a-gywh-item2 .p2{ display: block; margin-top: 30px; }
    .a-gywh-item2 .swiper-gywh2{ display: block; padding: 0 0 150px 50px;}
    .a-gywh-item2 [class^='swiper-button'],
    .a-gywh-item3 [class^='swiper-button']{ width: 70px; height: 70px; line-height: 70px; font-size: 40px; bottom: 150px; }
    .swiper-gywh2::after{ bottom: 150px; height: 70px; width: 140px; }
    .a-gywh-item2 .swiper-button-prev, .a-gywh-item3 .swiper-button-prev{ right: 70px;}

    .swiper-gywh3{ padding: 0 50px;}
    .a-gywh-item3 [class^='swiper-button']{ bottom: 0;}
    .a-gywh-item3 .swiper-button-next{ right: -20px;}
    .a-gywh-item3 .swiper-button-prev{ right: 50px;}
    .swiper-gywh3::before{ width: 140px; height: 70px; right: -20px;}
    .a-gywh-item3 .swiper-slide p{ padding: 10px; right: 70px; width: 200px;}


    /*page-yanfa*/
    .banner-yanfa{ background-image: url("../images/banner-yanfa.jpg");}
    .banner-yanfa .txt p{ width: 80%; padding: 25px;}

    .a-yf-item{ padding: 60px 0 70px;}
    .a-yf-item3{ margin-top: 60px;}
    .a-yf-item.clearfix{ padding: 60px 0 80px;}
    .a-yf-item.clearfix .pic{ padding-top: 33%;}
    .a-yf-item .about-bt{ font-size: 26px; padding-top: 20px;}
    .a-yf-item .txt p{ font-size: 15px; padding-top: 20px;}

    .a-yf-item.clearfix .txt{ width: 310px;}
    .a-yf-item2 .txt{ left: 52%;}
    .a-yf-item3 .txt{ right: 52%;}

    .a-yf-item span{ top: 163px;}
    .a-yf-item3 span{ top: 135px;}
    .a-yf-item.clearfix span{ width: 48%;}

    /*page-contact*/
    .banner-contact{ background-image: url("../images/banner-contact.jpg");}
    .banner-contact .box{ margin-top: 50px;}
    .banner-contact .text .p{ font-size: 22px; margin-bottom: 50px; }
    .banner-contact .text p{ font-size: 18px;}
    .banner-contact .text p span{ font-size: 22px; position: relative; top: 3px; margin-right: 5px;}
    .banner-contact .text p b{ font-size: 32px;}
    .banner-contact .text a{ margin-right: 25px; font-size: 18px;}
    .banner-contact .text a i{ font-size: 30px; top: 5px;}
    .banner-contact .pics p{ font-size: 18px; padding-top: 10px;}
    .banner-contact .pics{ margin: 0 -3px;}
    .banner-contact .pics li{ padding: 0 3px;}

    .p-contact-cont{ padding: 60px 0 80px;}
    .p-contact-cont .about-bt + p{ font-size: 18px; margin-bottom: 40px;}
    .myform li{ margin-bottom: 30px;}
    .myform li label{ line-height: 50px; font-size: 18px; left: 25px }
    .myform li .txt{ line-height: 50px; padding: 0 10px 0 100px; font-size: 18px; }
    .myform .saytext textarea{ line-height: 34px; height: 126px; padding: 10px 10px 10px 100px;}
    .myform .submit{ font-size: 28px;}


    /*show-news*/
    .s-cont-news{ padding-top: 140px!important;}
    .s-cont-news::before{ height: 140px; }
    .s-cont-news::after{ top: 80px; height: 60px; background: #fff; border-radius: 40px 40px 0 0; }

    .article{ width: 100%;}
    .article h2{ font-size: 32px;}
    .article .info{ margin: 30px 0 45px;}
    .sidebar{ display: none;}


    /*page-fuwu*/
    .banner-fuwu{ padding: 80px 0 150px; background-image: url("../images/banner-fuwu.jpg");}
    .banner-fuwu .p{ width: 450px;}

    .fw-item1{ padding: 140px 0 60px;}
    .fw-item1 > img{ bottom: -120px;}
    .fw-item1::after{ top: 80px; width: 86%; border-radius: 0 60px 0;}
    .fw-item1 .p{ width: 100%; margin-bottom: 30px;}
    .fw-jicheng h4{ width: 420px; font-size: 28px; line-height: 62px;}
    .fw-jicheng li{ margin-left: 25px;}
    .fw-jicheng li span{ width: 120px; height: 120px; font-size: 56px; line-height: 120px;}

    .baxiangfuwu{ padding: 70px 0 170px;}
    .fw-cont li{ padding: 5px; width: 11.975%;}
    .fw-cont li + li{ margin-left: 0.6%;}
    .fw-cont .txt span{ font-size: 60px;}
    .fw-cont .txt p{ font-size: 18px; width: 80px;}

    .fw-item3{ padding: 70px 0; margin-top: -70px;}
    .fw-item3::before{ width: 66%;}
    .fw-item3 li{ width: 140px; height: 140px; font-size: 15px; padding-top: 33px;}
    .fw-item3 li p{ padding: 15px 0;}
    .fw-item3 li b{ font-size: 20px;}
    .fw-item3 .fw-kefu .p{ font-size: 22px;}
    .fw-item3 .fw-zx a{ font-size: 18px; width: 10.6em; top: 100px;}


    /*pro-kuangzha*/
    .pro-kz-banner{ padding-bottom: 80px;}
    .pro-kz-banner h2{ font-size: 48px;}
    .pro-kz-banner p{ margin-bottom: 60px; width: 55%; font-size: 18px;}
    .pro-kz-banner .more{ font-size: 24px;}

    .pro-kz-fangan{ padding: 80px 0;}
    .pro-kz-fangan .txt{ width: 100%;}
    .pro-kz-fangan .p p{ }
    .pro-kz-fangan .pic{ width: 100%; padding-top: 30px;}
    .pro-lx{ font-size: 18px;}
    .btn-xiangguan{ font-size: 36px;}
    .pro-kz-fangan .btn-xiangguan{ margin-top: 60px;}

    .ys-cont{ width: 360%;}

    .pro-canshu{ padding: 90px 0 80px;}
    .table + p{ margin-top: 30px;}

    .pro-case{ padding: 80px 0;}
    .pro-case-top .txt{ padding: 20px 20px 60px;}
    .pro-case-top h4{ font-size: 20px; margin-bottom: 30px;}
    .l-case-item .txt{ padding: 15px 15px 25px; font-size: 15px;}
    .l-case-item h4{ font-size: 17px; margin-bottom: 20px;}
    .l-case-item i{ bottom: 27px}

    .pro-fuwu{ padding: 80px 0 90px;}
    .pro-fuwu .p{ font-size: 24px;}

    .pro-lianxi{ padding: 180px 0 80px;}
    .pro-lianxi .text{ width: 100%; padding-top: 0;}
    .pro-lianxi .text .p{ font-size: 24px;}
    .pro-lianxi .text h3{ font-size: 44px;}
    .pro-lianxi .pro-form{ width: 100%; margin-top: 50px;}
    .pro-lianxi .submit{ font-size: 17px;}


    /*pro-gangzha*/
    .pro-gz-banner .box{ padding-top: 130px;}
    .pro-gz-banner > img{ width: 1100px; top: -40px; margin-left: -550px;}
    .pro-gz-banner h2{ font-size: 44px;}
    .pro-gz-banner h2 + p,.pro-gz-banner h3{ font-size: 20px;}
    .pro-gz-banner li{ padding-top: 130px;}
    .pro-gz-banner ul{ width: 100%; margin: 40px 0 140px;}

    .pro-gz-fangan .txt{ padding-bottom: 100px;}
    .pro-gz-fangan .p{ margin-bottom: 50px;}
    /*.pro-gz-fangan .ys-text{ padding: 0 0 0 35px; left: -36px;}
    .pro-gz-fangan .ys-text .item{ margin-top: 130px;}
    .pro-gz-fangan .ys-text h4{ font-size: 22px;}
    .pro-gz-fangan .ys-text h4 span{ left: -36px;}
    .pro-gz-fangan .ys-text .pp p{ padding-left: 20px; }*/
    .pro-gz-fangan{ margin-top: -1px; padding: 60px 0; background: url(../images/pro-kuangzha5-bg.jpg) repeat; }
    .pro-gz-fangan::before{ display: none; }
    .gz-fangan-bt{ position: static; width: 100%; }
    .pro-gz-swiper{ width: auto; left: 0; padding-left: 0; }
    .pro-gz-fangan .txt{ padding: 0; }
    .pro-gz-fangan .cp-item{ margin: 0; }
    .pro-gz-swiper .swiper-pagination-bullet{ width: 12px; height: 12px; }
    .pro-gz-swiper .txt h4{ font-size: 24px; margin-bottom: 20px;}
    /*.pro-gz-swiper .txt h4 span{ left: -50px; }*/
    .pro-gz-swiper .txt .pp p{ padding: 0; font-size: 15px; }
    .pro-gz-fangan .btn-xiangguan{ right: -137%; bottom: -180px; }

    .pro-gz-fangan .pic{ padding-left: 30px; }
    .pro-gz-fangan .cp-item{ border-radius: 30px 0 0;}
    .pro-gz-fangan .cp-item ul{ margin: 0 -3px; }
    .pro-gz-fangan .cp-item li{ padding: 0 3px; margin-bottom: 10px;}
    .pro-gz-fangan .btn-xiangguan{ width: 9.5em; margin-top: 30px;}


    /*pro-chaoximo*/
    .pro-cx-banner{ padding: 110px 0 90px;}
    .pro-cx-banner h2{ font-size: 105px;}
    .pro-cx-banner img{ margin-top: -15px;}
    .pro-cx-banner .box{ padding-bottom: 130px;}
    .pro-cx-banner .box p{ font-size: 14px; line-height: 1.6;}
    .pro-cx-banner .box .p1{ width: 30%; left: 48%; bottom: 40px;}
    .pro-cx-banner .box .p1 span{ left: -15px; height: 110%;}
    .pro-cx-banner .box .p2{ width: 33%; bottom: -30px;}

    .pro-cx-liucheng{ padding: 80px 0;}
    .pro-cx-liucheng .txt{ width: 100%; }
    .pro-cx-liucheng .txt .p p{ margin-bottom: 20px;}
    .pro-cx-liucheng .pic{ width: 100%; padding-top: 40px;}
    

    .pro-cx-youshi .txt{ padding-right: 30px; width: 100%;}
    .pro-cx-youshi .ys-text h4{ margin-bottom: 20px;}
    .pro-cx-youshi .ys-text .pp p{ font-size: 16px;}
    .pro-cx-youshi .pic{ width: 100%;}
    .pro-gz-fangan .btn-xiangguan{ background: rgba(0,0,0,.7);}


    /*pro-tongyi-shuinimo*/
    .pro-ty-banner .txt h2{ font-size: 38px; margin-bottom: 30px;}
    .pro-ty-banner .ty-canshu1 p{ width: 50%; font-size: 20px; padding-top: 30px;}
    .pro-ty-banner .ty-canshu1 span{ font-size: 14px;}
    .pro-ty-banner .ty-canshu2{ margin: 20px 0; font-size: 15px;}
    .ty-beijian span, .ty-beijian a{ margin-right: 10px; margin-bottom: 10px;}
    .pro-ty-banner .pro-lx{ font-size: 15px; margin-top: 20px;}

    .pro-ty-bd{ padding: 60px 0;}
    .pro-ty-bd .ty-bd-item{ border-radius: 0 40px 0 0;}
    .ty-item-cont{ padding: 50px 30px;}
    .s-pro-bt{ font-size: 24px; line-height: 70px;}
    .s-pro-bt a{ right: 30px; font-size: 16px;}

    .ty-js-item + .ty-js-item{ margin-top: 30px;}
    .pro-ty-jieshao .txt{ width: 100%;}
    .pro-ty-jieshao .pic{ width: 100%; margin-top: 20px;}

    .pro-ty-bd .btn-xiangguan{ margin-top: 50px; height: 3em; line-height: 3em;}

    .pro-ty-bd + .pro-lianxi{ padding-top: 80px;}


    /*pro-tongyi-kuangshimo*/
    .pro-ty-case .p2 p{ width: 100%;}
    .pro-ty-case .p2 p + p{ display: none;}

    /*pro-tongyi-hzy*/
    .pro-ty-banner .txt h3{ font-size: 16px; margin: -15px 0 20px;}


    /*index-index*/
    .banner-index .wrap{ padding: 80px 0;}
    .i-bt{ font-size: 44px;}
    .banner-index ul li{ width: 180px; height: 180px; padding-top: 30px; }
    .banner-index li span{ font-size: 60px;}
    .banner-index li p{ font-size: 18px;}
    .banner-index li b{ font-size: 30px; margin: 10px 0 2px;}

    .i-case-item li{ padding: 25px 10px 15px; font-size: 16px;}

    .index-youshi{ padding: 80px 0 120px;}
    .index-youshi h2{ margin-bottom: 50px;}
    .index-youshi .pic img{ height: 300px;}
    .index-youshi .txt{ padding: 30px 15px;}
    .index-youshi .txt h3{ font-size: 18px; margin-bottom: 20px; padding-top: 10px;}
    .index-youshi .txt h3::before{ height: 4px;}
    .index-youshi .txt p{ font-size: 15px; line-height: 1.7;}


    /*show-case*/
    .s-case-banner{ padding: 60px 0;}
    .s-case-banner .txt h2{ font-size: 26px;}
    .s-case-banner .txt h3{ margin-top: -23px;}
    .s-case-banner h3 + .s-c-canshu{ margin: 25px 0 35px;}
    .s-case-banner h2 + .s-c-canshu{ margin: 30px 0 40px;}

    .s-case-cont{ padding-top: 50px;}
    

    .c-item-cont{ padding: 40px 30px;}
    .c-liangdian .txt{ width: 100%;}
    .c-liangdian .pic{ width: 100%; margin-top: 20px;}
    .c-liangdian .txt h3{ margin-bottom: 0;}
    .c-liangdian .txt p + h3{ margin-top: 15px;}
    
    .c-xianchang .c-item-cont img + .video,
    .c-xianchang .c-item-cont > .video + .video{ margin-top: 15px;}

    .s-c-pro{ padding: 10px 0 50px; margin-top: 35px;}
    .c-pro-lists{ margin: 10px -5px 0;}
    .c-pro-lists li .txt{ padding: 15px 5px 0;}
    .c-pro-lists li .txt::after{ display: none;}
    .c-pro-lists li{ padding: 0 5px;}
    .c-pro-lists li h4{ font-size: 26px;}
    .c-pro-lists li p{ font-size: 14px; margin: 10px 0 0;}
    .c-pro-lists .btns{ display: none;}


    /*pro-shihuishi*/
    .pro-shs-banner{ padding: 140px 0 80px;}
    .pro-shs-banner > img{ top: 121px; width: 1100px;}
    .pro-shs-banner h2{ font-size: 52px;}
    .pro-shs-banner h3{ font-size: 26px;}
    .pro-shs-banner .pic{  border-radius: 0 0 100px 100px;}
    .pro-banner .more{ font-size: 24px; margin-top: 100px;}

    .pro-shs-limo{ padding: 70px 0 350px;}
    .pro-shs-limo > img{ position: relative; top: 80px;}
    .pro-shs-limo .txt{ top: 70px;}
    .pro-shs-limo .txt .box{ width: 58%;}
    .pro-shs-limo h2 + p{ width: 90%;}
    .pro-shs-limo h3{ font-size: 24px; margin: 50px 0 30px;}
    .pro-shs-limo li .pp{ padding: 20px 10px 15px;}
    .pro-shs-limo li{ width: 31%;}
    .pro-shs-limo li::before{ top: -8px; left: -3px;}
    .pro-shs-limo li + li{ margin-left: 3.5%;}
    .pro-shs-limo h4{ font-size: 18px;}
    .pro-shs-limo li p{ font-size: 14px; margin-top: 10px; }
    .pro-shs-limo .btn-xiangguan{ margin-top: 50px;}

    .pro-shs-youshi .shs-pagi{ bottom: 20px;}
    .shs-pagi .swiper-pagination-bullet{ width: 12px; height: 12px; }

    .pro-shs-case + .pro-lianxi{ padding-top:80px; }
    
    
    /*list-pro1*/
    .l-cp-item1 ul{ margin: 0 -5px;}
    .l-cp-item1 li{ padding: 0 5px;}
    .l-cp-item1 li .name{ font-size: 20px;}
    .l-cp-item1 li p{ display: none; }
    
    .l-cp-item2 ul{ margin: 0 -5px;}
    .l-cp-item2 li{ padding: 0 5px;}
    
    .l-cp-item3 ul{ margin: 0 -3px;}
    .l-cp-item3 li{ width: 33.33%; padding: 0 5px;}
    .l-cp-item3 li.hover{ width: 33.33%;}
    .l-cp-item3 li .pic{ height: auto;}
    .l-cp-item3 li img{ position: static; width: 100%; height: auto;}
    .l-cp-item3 li .txt{ display: block; width: 90%; font-size: 20px; padding: 1em 1em 1em;}
    .l-cp-item3 li span{ font-size: 30px;}
    .l-cp-item3 li span, .l-cp-item3 li p{ top: auto!important;}
    
    /*list-case*/
    .l-news-hd h3{ font-size: 38px;}
    .l-news-hd .l-hd-links a{ font-size: 22px; margin-left: 0; padding-top: 15px;}
    .l-news-hd .l-hd-links a + a{ margin-left: 25px!important;}
    .l-news-hd .l-hd-links a span{ display: none;}
    .l-case-lists .txt{ padding: 8px 15px 10px}
    
    /*list-news*/
    .banner-news{ padding: 9vw 0 20vw; background-image: url('/skin/ccjx2024/images/banner-news.jpg');}
    
    .cont{ padding: 65px 0;}
    
    .l-news-hd{ margin-bottom: 40px;}
    
    .l-news-lists li{ padding: 20px 0;}
    .l-news-lists li:hover .pic, .l-news-lists .details{ height: 100%;}
    .l-news-lists .name h4{ overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 84px;}
    .l-news-lists .details{ padding-right: 0; width: 34.5%;}
    .l-news-lists .details p{height: auto!important; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 128px;}
    .l-news-lists .pic{ opacity: 1; height: auto!important;}
    .l-news-lists .details .icon{ display: none;}
    
    /*list-beipin*/
    .l-bp-banner ul{width: 256px;}
    .l-bp-banner li{height: 60px; width: 240px; margin-bottom: 10px; padding-top: 6px;}
    .l-bp-banner li span{width: 60px; line-height: 56px; font-size: 34px; left: -30px;}
    .l-bp-banner li p{ font-size: 15px;}
    .l-bp-banner li b{ font-size: 22px;}
    .l-bp-banner li:hover{ width: 256px;}
    
    .l-bp-liucheng ul{ top: -54px;}
    .l-bp-liucheng li{ width: 23%; margin-left: 2.62%; font-size: 20px; line-height: 54px;}
    .l-bp-liucheng li:first-child{ margin-left: 13.28%; background-position: -121px -7px;}
    .l-bp-liucheng li:nth-child(2){ background-position: -45px -7px;}
    .l-bp-liucheng li:nth-child(3){ background-position: 34px -10px;}
    
    .l-bp-liucheng img{ margin: 0 auto 30px;}
    .l-bp-liucheng p{ font-size: 18px;}
    
    .l-bp-lists{ margin: 0 -5px;}
    .l-bp-lists li{ padding: 0 5px; margin-bottom: 30px;}
    .l-bp-lists li .pic{ border-radius: 20px;}

}
@media (max-width: 810px){
    body{ padding: 59px 0 1.48rem;}
    
    .xpages{ margin-top: 0.7rem;}
    .xpages .prev,.xpages .next{ font-size: 0.62rem; border-radius: 0.15rem; padding: 0.24rem 0.3rem;}
    
    .swt{ right: 0.25rem; width: 1.23rem; border-radius: 0 0 0.37rem; box-shadow: 0 0 0.2rem rgb(0 0 0 / 13%);}
    .swt a{ line-height: 1.23rem; font-size: 0.62rem; }
    .swt a:first-child {  font-size: 0.68rem; }
    
    .m-header{ padding: 0.494rem 0 0.37rem; }
    .m-header .logo{ width: 2.4rem; }
    .m-header .icon{ font-size: 0.494rem; line-height: 0.5rem; }
    .m-header .icon + .icon{ margin-left: 0.988rem;}
    .m-header .h-menu{ width: 0.9rem; padding: 0.1rem;}
    .m-header .menu-links{ top: 1.564rem; width: 3.22rem; padding: 0.616rem 0; }
    .m-header .menu-links a{ font-size: 0.494rem; }
    
    .m-footer{ padding: 1.172rem 0 1.11rem; }
    .m-footer .wrap{ display: block; }
    .m-footer .logo{ float: left; width: 3.64rem; padding-right: 0.69rem; border-right: 0.024rem solid;}
    .m-footer .logo p{ font-size: 0.272rem; letter-spacing: 0.01rem; margin-top: 0.1852rem;}
    .m-footer .f-tel{ float: right; font-size: 0.395rem; margin-left: 0; }
    .m-footer .f-tel i{ top: 0.053rem; margin-right: 0.185rem; font-size: 0.432rem;}
    .m-footer .f-tel b{ font-size: 0.8rem; letter-spacing: -0.02rem; margin-top: 0.25rem;}

    .bottom a{ padding: 0.17284rem 0 0.14815rem; }
    .bottom a i{ font-size: 0.69136rem;}
    .bottom a p{ font-size: 0.37037rem; margin-top: 0.1rem;}
}
@media (max-width: 779px){
    .wrap{ width: 100%; padding-left: 15px; padding-right: 15px;}

    /*footer*/
    .footer{ font-size: 16px; padding-top: 40px;}
    .footer-top .f-logo img{ height: 44px; margin-right: 10px;}
    .footer-top .f-logo p{ font-size: 18px; line-height: 22px; padding-left: 10px;}
    .footer-top .f-search{ display: none; }

    .footer-bottom{ padding: 40px 0 30px;}
    .footer-bottom dl{ width: 33.33%;}
    .footer-bottom dl + dl{ margin-left: 0;}
    .footer-bottom dt{ font-size: 18px;}
    .footer-bottom .dl3{ margin: 0 0 20px; }
    .footer-bottom .dl4,.footer-bottom .dl5{ float: left; width: 100%; margin: 0;}
    .footer-bottom .dl5{ margin-top: 20px;}
    .footer-bottom dd b{ font-size: 30px;}

    .copy{ line-height: 1.7; padding: 4vw 0 7vw;}
    /*footer*/

    .banner .txt h2{ font-size: 0.395rem; }
    .banner .txt h2::before{ width: 0.07895rem; }
    .banner .txt p{ font-size: 0.342rem; line-height: 1.3; margin-top: 0.329rem;}

    /*page-shili*/
    .banner-shili li{ margin-right: 10px;}
    .banner-shili li .name{ font-size: 18px;}

    .about-bt{ font-size: 24px; padding-top: 20px; }
    .about-bt::before{ width: 70px; height: 4px;}
    .about-bt-center::before{ margin-left: -35px;}

    .a-sl-item{ padding: 7vw 0;}
    .a-sl-item1::before{ height: 33vw; border-radius: 0 0 7vw;}
    .a-sl-item1 .bigpic{ width: 100%;}
    .a-sl-item1 .txt{ width: 100%; padding-top: 5vw;}
    .a-sl-item1 .txt .pic{ position: relative; width: 100%; margin-top: 4vw;}

    .a-sl-item2::before{ width: 80%; height: 35vw; border-radius: 0 0 5vw; }
    .a-sl-item2 .txt{ width: 100%;}
    .a-sl-item2 ul{ margin-top: 2vw;}
    .a-sl-item2 li{ position: relative; width: 50%!important; padding: 30% 0 0!important; margin: 0!important;}
    .a-sl-item2 li:first-child{ position: relative; left: auto; top: auto;}
    .a-sl-item2 li:first-child p{ position: static;}
    .a-sl-item2 li img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

    .a-sl-item3 > img{ border-radius: 0 0 0 5vw;}
    .a-sl-item3 .wrap{ padding-left: 15px;}
    .a-sl-item3 .wrap::before{ top: -4vw; width: 100%; left: 5vw;}
    .a-sl3-top{ padding-left: 5vw; margin: -7vw 0 7vw;}
    .a-sl3-top .txt{ width: 100%;}
    .a-sl3-top .pic{ width: 100%;}
    .a-sl3-top ul{ position: static; width: 100%;}
    .a-sl3-top li{ font-size: 16px;}
    .a-sl3-top .li6{ font-size: 14px;}
    .a-sl3-bottom{ padding-left: 5vw;}

    .a-sl3-bottom h4{ font-size: 20px; margin-bottom: 25px;}
    .a-sl3-bottom li{ position: relative;}
    .a-sl3-bottom .name{ position: static; width: 100%; padding-left: 80px;}
    .a-sl3-bottom .details{ width: 100%; padding-left: 80px; margin: 2vw 0;}
    .a-sl3-bottom .number{ left: 0; top: 0; font-size: 60px; width: 1em; height: 1em; text-align: center; }
    .a-sl3-bottom .pic{ width: 100%;}


    /*page-jieshao*/
    .banner-jieshao{ padding: 12vw 0 35vw;}
    .about-jieshao .about-bt::before{ width: 60px; }
    .a-js-item1 .wrap::before{ display: none;}
    .a-js-item1 .cont{ padding: 7vw 4vw; margin-top: -30vw;}
    .a-js-item1 ul{ width: 520px; margin: 20px auto 0;}
    .a-js-item1 li{ width: 130px; height: 130px; padding-top: 16px;}
    .a-js-item1 li span{ font-size: 40px;}
    .a-js-item1 .pic{ padding-top: 20px;}

    .a-js-item2 .wrap{ padding: 0 15px 8vw;}
    .a-js-item2 .about-bt::before{ margin-left: -30px;}
    .a-js-item2 .about-bt + p{ margin-bottom: 20px;}


    .a-js-item2 .pics dl{ position: static; width: 100%; margin-top: 20px; }
    .a-js-item2 .pics dt{ margin-bottom: 10px; font-size: 28px;}
    .a-js-item2 .pics dl dd{ line-height: 2; font-size: 16px;}

    .a-js-item3 .cont{ padding: 8vw 0 9vw;}
    .a-js-item3 .p{ width: 100%; padding: 0 15px;}
    .a-js-item3 .js-kehu1{ margin: 5vw 0 4vw;}


    /*page-gongyiwenhua*/
    .banner-gywh .txt .wrap::before{ font-size: 30px; left: 15px; margin-left: 2%;}
    .a-gywh-item1 ul { display: flex; flex-wrap: wrap; }
    .a-gywh-item1 li{ float: none; display: flex; width: 31%; }
    .a-gywh-item1 .li2,.a-gywh-item1 .li5{ margin-left: 1.5%; margin-right: 1.5%; }
    .a-gywh-item1 .box{ display: flex; padding: 15px; flex-wrap: wrap; align-content: flex-start;}
    .a-gywh-item1 li h3{ font-size: 22px;}
    .a-gywh-item1 li p{ height: auto!important; font-size: 15px;}

    .a-gywh-item2{ padding: 8vw 0;}
    /*.swiper-gywh2{ padding: 0 0 0 5vw;}
    .a-gywh-item2 .pagi-gywh2 .swiper-pagination-bullet{ width: 24vw; font-size: 4vw; padding-left: 3vw; margin-top: 2vw;}
    .a-gywh-item2 .pagi-gywh2 .swiper-pagination-bullet-active{ width: 28vw;}
    .swiper-gywh2 .p1{ display: none; }
    .a-gywh-item2 [class^='swiper-button'], .a-gywh-item3 [class^='swiper-button']{ width: 10vw; height: 10vw; line-height: 10vw; font-size: 6vw; bottom: 0;}
    .swiper-gywh2::after,.swiper-gywh3::before{ width: 20vw; height: 10vw; bottom: 0;}
    .a-gywh-item2 .swiper-button-prev, .a-gywh-item3 .swiper-button-prev{ right: 10vw;}*/
    .a-gywh-item2 .bd{ margin-left: 10vw; }
    .a-gywh-item2 .hd li{ width: 20vw; padding-left: 3vw; font-size: 3vw; line-height: 8vw; margin-top: 2vw }
    .a-gywh-item2 .hd li.on, .a-gywh-item2 .hd li:hover{ width: 25vw; padding-left: 3vw }
    .a-gywh-item2 .arrow{ width: 20vw; }
    .a-gywh-item2 .arrow a{ width: 10vw; line-height: 10vw; font-size: 6vw; }
    .a-gywh-item2 .p2{ margin: 20px 0 0 5vw; padding: 4vw 3vw; border-radius: 0 0 7vw;}

    .a-gywh-item3{ padding: 8vw 0;}
    .swiper-gywh3{ padding: 0 5vw;}
    .a-gywh-item3 [class^='swiper-button']{ display: none; }
    /*.a-gywh-item3 .swiper-button-next{ right: 0;}
    .a-gywh-item3 .swiper-button-prev{ right: 10vw;}*/
    .swiper-gywh3::before{ display: none;}
    .a-gywh-item3 .pagi-gywh3{ display: block; text-align: left; left: 8vw; bottom: 4vw; }
    .a-gywh-item3 .swiper-slide p{ font-size: 4.4vw; line-height: 5.6vw; padding: 2vw 5vw; width: 36vw; right: 0;}

    /*page-yanfa*/
    .banner-yanfa .txt p{ font-size: 15px; line-height: 1.8; padding: 4vw; width: 90%;}
    .a-yf-item{ padding: 6vw 0;}
    .a-yf-item3{ margin-top: 6vw;}
    .a-yf-item .txt{ width: 100%; text-align: right;}
    .a-yf-item .about-bt{ font-size: 5vw; line-height: 6.5vw; padding-top: 4vw;}
    .a-yf-item .about-bt br{ display: none;}
    .a-yf-item .about-bt::before{ left: auto; right: 0;}
    .a-yf-item span{ top: 19vw; width: 98%; border-top-width: .5vw;}
    .a-yf-item span::before{ height: 2.9vw; width: 4vw;}
    .a-yf-item .txt p{ padding: 4vw 0 3vw;}
    .a-yf-item .pic{ width: 100%;}

    .a-yf-item.clearfix{ padding: 6vw 15px;}
    .a-yf-item.clearfix .txt{ position: relative; left: auto; right: auto; top: auto; width: 100%;}
    .a-yf-item.clearfix .pic{ width: 100%; padding-top: 56.3%;}
    .a-yf-item.clearfix span{ width: 98%;}

    .a-yf-item2.clearfix::before{ left: -10%;}
    .a-yf-item3::before{ right: -10%;}

    .a-yf-item.yf-item-ou .txt{ text-align: left;}
    .a-yf-item.yf-item-ou .about-bt::before{ right: auto; left: 0;}

    /*page-contact*/
    .banner-contact .box{ margin-top: 8vw;}
    .banner-contact .text{ width: 100%; float: none;}
    .banner-contact .text .p{ font-size: 4vw; margin-bottom: 6vw; }
    .banner-contact .pics{ float: none; width: 100%; max-width: 500px; margin: 5vw auto 0;}
    .banner-contact .pics li{ padding: 0 1vw;}
    .banner-contact .text a{ margin-right: 2vw; font-size: 3.2vw;}
    .banner-contact .text a i{ font-size: 5.4vw; top: 1vw;}
    .banner-contact .text p{ font-size: 3.2vw;}
    .banner-contact .text p span{ font-size: 4vw; position: relative; top: .4vw; margin-right: 1vw;}
    .banner-contact .text p b{ font-size: 5.5vw;}
    .banner-contact .pics p{ font-size: 3.2vw; padding-top: 2vw;}

    .p-contact-cont{ padding: 9vw 0 10vw;}
    .p-contact-cont .about-bt + p{ font-size: 2.2vw; margin-bottom: 5vw;}
    .myform ul{ margin: 0;}
    .myform li{ margin-bottom: 3vw; width: 100%; padding: 0;}
    .myform li label{ line-height: 7vw; font-size: 2.5vw; left: 2vw; top: 0.4vw; }
    .myform li .txt{ line-height: 7vw; padding: 0 2vw 0 17vw; font-size: 2.5vw; border-width: .4vw; }
    .myform .saytext textarea{ line-height: 3.5vw; height: 15.3vw; padding: 2vw 2vw 2vw 17vw;}
    .myform .saytext label{ top: 2.4vw; line-height: 3.5vw;}
    .myform .submit{ font-size: 4vw;}

    /*show-news*/
    .s-cont-news{ padding-top: 18vw!important;}
    .s-cont-news::before{ height: 14vw; background: url("../images/banner-news.jpg") no-repeat center 36%/cover;}
    .s-cont-news::after{ top: 8vw; height: 6vw; background: #fff; border-radius: 4vw 4vw 0 0; }

    .article h2{ font-size: 20px;}
    .article .info{ margin: 3vw 0 4vw; line-height: 1.8;}
    .article .end{ margin-top: 5vw;}
    .article .jump{ margin-top: 6vw;}


    /*page-fuwu*/
    .banner-fuwu{ padding: 12vw 0 15vw;}
    .banner-fuwu .p{ width: 80%; padding: 4vw 3vw; font-size: 4vw; margin-top: 10vw;}

    .fw-item1{ padding: 20vw 0 10vw;}
    .fw-item1 > img{bottom: -16vw;}
    .fw-item1::before{ height: 40vw;}
    .fw-item1::after{ top: 11vw; width: 90%; height: 40vw; border-radius: 0 10vw 0 0;}
    .fw-item1 .p{ width: 80vw; margin-left: 0;}
    .fw-jicheng h4{ width: 56vw; font-size: 4vw; line-height: 10vw; border-width: .5vw;}
    .fw-jicheng img{ margin: 0.5vw auto 1vw;}
    .fw-jicheng li{ margin-left: 2vw;}
    .fw-jicheng li span{ width: 16vw; height: 16vw; line-height: 16vw; font-size: 8vw; border-width: 0.5vw;}
    .fw-jicheng li p{ font-size: 3.2vw; padding-top: 1.5vw;}

    .baxiangfuwu{ padding: 8vw 0 30vw; border-radius: 0 0 10vw 0;}
    .fw-cont{ display: flex; flex-wrap: wrap;}
    .fw-cont li{ width: 24.25%; padding: 1vw;}
    .fw-cont li + li{ margin-left: 1%; }
    .fw-cont li:nth-child(5){ margin-left: 0;}
    .fw-cont li:nth-child(-n+4){ margin-bottom: 70px;}
    .fw-cont .txt{ padding: 1.5vw 0 0;}
    .fw-cont .txt span{ font-size: 12vw;}
    .fw-cont .txt p{ font-size: 3vw; width: 15vw; margin-top: -1.5vw;}

    .fw-item3{ padding: 7vw 0; margin-top: -15vw;}
    .fw-item3::before{ width: 94vw; border-radius: 0 10vw 0 0;}
    .fw-item3 .fw-kefu{ width: 100%;}
    .fw-item3 li{ width: 24vw; height: 24vw; font-size: 2.5vw; padding: 0 1vw;}
    .fw-item3 li p::before{ width: 10vw; height: .6vw; margin-left: -5vw;}
    .fw-item3 li p{ padding: 2vw 0; top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
    .fw-item3 li b{ font-size: 3.8vw; margin-bottom: 2vw;}
    .fw-item3 .fw-kefu .p{ font-size: 5vw; margin-top: 10vw;}
    .fw-item3 .fw-kefu .p span{ border-right-width: .5vw;}
    .fw-item3 .fw-zx{ width: 100%; }
    .fw-item3 .fw-zx a{ top: 0; margin: 6vw auto 0; }


    /*pro-kuangzha*/
    .pro-kz-banner{ padding: 120px 0 10vw;}
    .pro-kz-banner > img{ position: absolute;}
    .pro-kz-banner .txt{ position: relative;}
    .pro-kz-banner h2{ font-size: 5.2vw;}
    .pro-kz-banner p{ margin: 4vw 0 6vw; width: 60vw; font-size: 2.6vw;}
    .pro-banner .more{ font-size: 3vw;}

    .pro-kz-fangan{ padding: 10vw 0;}
    .pro-kz-fangan .p p{ width: 100%; margin-top: 10px;}
    .pro-kz-fangan .pro-lx{ margin-top: 4vw;}
    .pro-lx .zx{ font-size: 3vw; width: 38vw; margin-top: 1.2vw;}
    .pro-lx p b{ font-size: 6vw; }
    .btn-xiangguan{ font-size: 6.6vw; width: 85vw; height: 2.2em; line-height: 2.2em;}
    .btn-xiangguan .icon-jiantou-right{ font-size: 6vw;}
    .pro-kz-fangan .btn-xiangguan{ margin-top: 8vw;}

    .pro-kz-youshi{ padding: 10vw 0;}
    .ys-cont{ margin-top: 8vw; width: 300%;}
    .ys-item .txt{ width: 100%; padding: 4vw!important; font-size: 2.4vw;}
    .ys-item h4{ font-size: 4.4vw; margin-bottom: 3vw!important;}
    .ys-item .pic{ width: 100%;}

    .pro-canshu{ padding: 9vw 0;}

    .table{width: 100%;  margin-bottom: 15px;  overflow-y: hidden;  -ms-overflow-style: -ms-autohiding-scrollbar;  border: 1px solid #ddd;}
    .table th, .table td{ font-size: 2vw; padding: 1vw; height: 50px; border-width: .3vw;}

    .pro-case{ padding: 9vw 0;}
    .pro-case-top .pic{ width: 100%;}
    .pro-case-top .txt{ width: 100%; padding: 3vw 3vw 10vw;}
    .pro-case-top h4{ font-size: 4.4vw; margin-bottom: 4vw;}
    .pro-case-top p{ font-size: 3.6vw;}
    .pro-case-top .more{ font-size: 3.3vw; bottom: 4vw;}
    .pro-case-top .more i{ font-size: 2.6vw;}
    .pro-case-bottom{ margin: 4vw -1vw 0;}
    .pro-case-bottom .item{ padding: 0 1vw;}
    .pro-case .pic{ border-radius: 0 0 4vw;}
    .pro-case .txt{ padding: 3vw 2vw 4vw;}
    .l-case-item h4{ font-size: 3.4vw; margin-bottom: 3vw;}
    .l-case-item p{ display: none;}
    .l-case-item i{ bottom: 2vw; font-size: 2.2vw;}
    .pro-case .btn-xiangguan{ margin-top: 8vw;}

    .pro-fuwu .p{ font-size: 4vw;}
    .pro-fuwu .p br{ display: none;}
    .pro-fuwu.baxiangfuwu{ padding-bottom: 15vw;}

    .pro-lianxi{ padding: 19vw 0 9vw; margin-top: -10vw;}
    .pro-lianxi .text .p{ font-size: 4.2vw;}
    .pro-lianxi .text h3{ font-size: 6.4vw;}
    .pro-lianxi .myform li{ margin-bottom: 6vw;}
    .pro-lianxi .pro-form .txt{ line-height: 9vw; height: 9.1vw;}
    .pro-lianxi .pro-form label{ left: 0; top: 0; line-height: 9.1vw; }
    .pro-lianxi .pro-form label.focus{ top: -6vw; }


    /*pro-gangzha*/
    .pro-gz-banner{ padding-bottom: 10vw; padding-top: 70px; }
    .pro-gz-banner > img{ position: absolute; width: 100%; left: 0; top: 10vw; margin-left: 0;}
    .pro-gz-banner .box{ position: static; padding-top: 7vw;}
    .pro-gz-banner h2{ font-size: 5vw; margin-bottom: 3vw;}
    .pro-gz-banner h2 + p,.pro-gz-banner h3{ font-size: 2.8vw;}
    .pro-gz-banner li{ padding-top: 20vw;}
    .pro-gz-banner ul{ margin: 3vw 0 10vw;}
    .pro-gz-banner li:nth-child(1) h3{ top: 0;}
    .pro-gz-banner .btn-xiangguan{ font-size: 5vw; width: 14em;}

    .pro-gz-fangan::before{ display: none;}
    .pro-gz-fangan{ padding: 9vw 0 8vw; }
    .pro-gz-swiper{ margin-top: 8vw;}
    /*.pro-gz-fangan .txt::before{ content:''; position: absolute; left: -15%; top: 0; width: 130%; height: 100%; background: url("../images/pro-kuangzha5-bg.jpg") repeat center;}*/
    .pro-gz-fangan .sub-bt{ position: relative; font-size: 16px;}
    .pro-gz-fangan .p{ position: relative; font-size: 14px; margin: 20px 0 15px;}
    .pro-gz-fangan .txt h4{ font-size: 18px; margin-bottom: 3vw;}
    .pro-gz-fangan .txt h4 span{ left: -30px;}
    .pro-gz-fangan .txt .pp p{ font-size: 15px;}

    /*.pro-gz-fangan .ys-text{ height: auto; padding: 20px 0 0 30px; left: 0;}
    .pro-gz-fangan .ys-text li + li{ margin-top: 7vw;}
    .pro-gz-fangan .ys-text h4{ font-size: 18px; margin-bottom: 3vw;}
    .pro-gz-fangan .ys-text h4 span{ left: -30px;}
    .pro-gz-fangan .ys-text .pp p{ font-size: 15px;}
    .pro-gz-fangan .ys-text .item{ margin-top: 6vw;}
    .pro-gz-fangan .ys-text .cp-item{ display: block; margin: 20px 0 0; visibility: visible; opacity: 1; position: static;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);}
    .pro-gz-fangan .ys-text .cp-item li:first-child .box{ border-radius: 6vw 0 0;}
    .pro-gz-fangan .ys-text .cp-item li{ margin: 0 0 2vw; padding: 0 1vw;}
    .pro-gz-fangan .pic{ display: none;}*/


    /*pro-chaoximo*/
    .pro-cx-banner{ padding: 70px 0 8vw;}
    .pro-cx-banner .wrap{ padding-top: 8vw;}
    .pro-cx-banner h2{ font-size: 12.9vw;}
    .pro-cx-banner img{ margin-top: -2vw;}
    .pro-cx-banner .box{ padding-bottom: 0;}
    .pro-cx-banner .box .p{  margin: 4vw -2vw 0;}
    .pro-cx-banner .box p{ position: static; float: left; width: 50%!important; padding: 0 2vw; font-size: 2vw; line-height: 1.6;}
    .pro-cx-banner .box p span{ display: none;}
    .pro-cx-banner .more{ margin-top: 5vw;}

    .pro-cx-liucheng{ padding: 9vw 0;}
    .pro-cx-liucheng .txt .p p{ margin-bottom: 15px;}
    .pro-cx-liucheng .pic{ padding-top: 30px;}

    .pro-cx-youshi .about-bt{ margin-bottom: 8vw;}
    .pro-cx-youshi .ys-text{ height: auto;}
    .pro-cx-youshi .ys-text h4{ margin-bottom: 20px;}
    .pro-cx-youshi .ys-text .pp{ position: relative; left: auto;}
    .pro-cx-youshi .pic{ display: block; width: 100%; padding: 6vw 0;}
    .pro-cx-youshi .cp-item{ margin-bottom: 5vw;}

    .pro-cx-xianchang{ padding: 12vw 0 9vw;}
    .pro-cx-xianchang .about-bt{ margin-bottom: 8vw;}
    .pro-cx-xianchang ul{ width: 260%; margin: 0 -1vw;}
    .pro-cx-xianchang li{ padding: 0 1vw;}
    .pro-cx-xianchang li img{ border-radius: 0 0 5vw;}
    .pro-cx-xianchang .btn-xiangguan{ margin-top: 7vw;}


    /*pro-tongyi-shuinimo*/
    .pro-ty-banner{ padding: 9vw 0;}
    .pro-ty-banner .txt{ width: 100%;}
    .pro-ty-banner .txt h2{ font-size: 8.6vw; margin-bottom: 7vw;}
    .pro-ty-banner .ty-canshu1 p{ width: auto; margin-right: 5vw; font-size: 4.6vw; }
    .pro-ty-banner .ty-canshu1 span{ font-size: 12px;}
    .pro-ty-banner .ty-canshu2{ font-size: 15px; line-height: 1.6; }
    .ty-beijian span, .ty-beijian a{ font-size: 14px;}
    .pro-ty-banner .pic{ width: 96%; margin-right: 4%; }
    .pro-ty-banner .pro-lx{ font-size: 4vw; }
    .pro-ty-banner .pro-lx .zx{ font-size: 4vw; }


    .pro-ty-bd{ padding: 10vw 0;}
    .pro-ty-bd .ty-bd-item{ border-radius: 0 4vw 0 0;}
    .ty-item-cont{ padding: 9vw 3vw;}
    .s-pro-bt{ font-size: 20px; line-height: 64px; padding-left: 3vw;}
    .s-pro-bt a{ right: 3vw; font-size: 14px; margin-top: -11px;}

    .ty-js-item + .ty-js-item{ margin-top: 7vw;}
    .pro-ty-jieshao .txt h4{ margin-bottom: 4vw;}
    .pro-ty-jieshao li + li{ margin-top: 4vw;}
    .pro-ty-jieshao li h5{ line-height: 1.4; padding-bottom: 5px; padding-right: 1.5em;}
    .pro-ty-jieshao li h5 span{ top: 3px;}

    .pro-ty-case .l-case-item{ margin: 0 -1vw;}
    .pro-ty-case .item{ padding: 0 1vw;}
    .pro-ty-case .txt{ padding: 2vw;}
    .pro-ty-case h4{ font-size: 2.6vw; margin-bottom: 0;}
    .pro-ty-case i{ display: none;}

    .pro-ty-bd .btn-xiangguan{ margin-top: 7vw; height: 2.5em; line-height: 2.5em;}

    .pro-ty-bd + .pro-lianxi{ padding-top: 9vw;}


    /*pro-tongyi-hzy*/
    .pro-ty-banner .txt h3{ font-size: 4.3vw; margin: -4vw 0 5vw;}

    /*pro-tongyi-shy*/
    .pro-ty-case .pro-case-top{ position: relative; margin-bottom: 4vw;}
    .pro-ty-case .pro-case-top .p2{ display: none;}
    .pro-ty-case .txt{ position: static; padding: 5vw 3vw;}
    .pro-ty-case .txt h4{ font-size: 3vw;}
    .pro-ty-case .txt .more{ font-size: 2.4vw; right: 3vw;}
    .pro-ty-case .more i{ font-size: 2vw; margin-left: 0.5vw;}


    /*index-index*/
    .banner-index .wrap{ padding: 8vw 15px 10vw;}
    .i-bt{ font-size: 6.4vw; line-height: 1.4;}
    .banner-index ul{ margin: 6vw 0 7vw;}
    .banner-index ul li{ width: 130px; height: 130px; padding-top: 16px; }
    .banner-index li span{ font-size: 40px;}
    .banner-index li p{ font-size: 15px;}
    .banner-index li b{ font-size: 20px; margin: 10px 0 2px;}
    .banner-index .zixun{ font-size: 5vw; width: 13em; border-radius: 0 0 4.5vw;}

    .index-case{ margin-top:0; position: relative;}
    .i-case-item{ width: 150%; position: static;}
    .i-case-item.item2, .i-case-item.item4{ left: 0; transform: translate(-25%,0)}
    .i-case-item .pic1{ display: none;}
    .i-case-item .pic2{ display: block;}
    .i-case-item h2,.i-case-item ul{ display: none;}
    .i-case-txt{ position: absolute; color: #fff; display: block; left: 0; top: 0; width: 100%; height: 100%; padding: 15vw 15px; background: rgba(0,0,0,.45);}
    .i-case-txt h2{ margin-bottom: 8vw; text-align: center;}
    .i-case-txt p{ font-size: 3.6vw; line-height: 1.8; margin-bottom: 3vw;}


    .index-youshi{ margin-top: 0; padding: 9vw 0 12vw;}
    .index-youshi h2{ margin-bottom: 5vw;}
    .index-youshi li{ width: 100%;}
    .index-youshi .pic img{ position: absolute; left: 50%; top: 50%; width: 100%; height: auto;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%); }
    .index-youshi li + li{ margin-left: 0; margin-top: -2px;}
    .index-youshi li .txt{ position: relative;}
    .index-youshi li .txt:before{ display: block;}
    .index-youshi li .txt p{ top: 0; opacity: 1;}


    /*show-case*/
    .s-case-banner{ padding: 7vw 0;}
    .s-case-banner .txt h2{ font-size: 5vw; margin-bottom: 0;}
    .s-case-banner .txt h3{ font-size: 3.8vw; margin: 0;}
    .s-case-banner h3 + .s-c-canshu{ margin: 4.5vw 0 6.5vw;}
    .s-case-banner h2 + .s-c-canshu{ margin: 5vw 0 7vw;}
    .s-c-canshu li .name{ margin-bottom: 4px;}
    .s-case-banner .pic{ width: 100%; margin-top: 6vw;}

    .s-case-cont{ padding-top: 7vw;}
    .s-c-bt{ border-radius: 0 10vw 0 0;}

    .c-item-cont{ padding: 5vw 0;}
    .c-liangdian .pic{ margin-top: 3vw;}
    .c-liangdian .txt h3{ margin-bottom: 0;}
    .c-liangdian .txt p + h3{ margin-top: 15px;}
    
    .c-xianchang .h-videos .video{ width: 100%; }
    .c-xianchang .h-videos .video + .video{ margin-left: 0%; margin-top: 15px;}

    .s-c-pro{ padding: 3vw 0 7vw; margin-top: 4.5vw;}
    .c-pro-lists{ margin: 2vw -0.5vw 0;}
    .c-pro-lists li{ padding: 0 0.5vw;}
    .c-pro-lists li .txt{ padding: 0;}
    .c-pro-lists li h4{ font-size: 18px; text-align: center; padding-top: 2vw;}
    .c-pro-lists li p{ display: none;}


    /*pro-shihuishi*/
    .pro-shs-banner{ padding: 70px 0 9vw;background-image: url(../images/pro-shs1-bg.jpg);}
    .pro-shs-banner > img{ display: block; padding-top: 70px; top: -2.2vw; width: 162vw; }
    .pro-shs-banner .txt{ padding-top: 9vw;}
    .pro-shs-banner h2{ font-size: 7vw;}
    .pro-shs-banner h3{ font-size: 3.4vw; margin: 2.5vw 0 6.5vw;}
    .pro-shs-banner .pic{ opacity: 1; border-radius: 0 0 15vw 15vw;}
    .pro-banner .more{ font-size: 3.4vw; margin-top: 8.5vw;}

    .pro-shs-limo{ padding: 9vw 0;}
    .pro-shs-limo > img{ position: absolute; }
    .pro-shs-limo .txt{ position: relative; top: auto; }
    .pro-shs-limo .txt .box{ width: 100%;}
    .pro-shs-limo h2 + p{ width: 70%; font-size: 2.4vw; line-height: 1.8;}
    .pro-shs-limo h3{ font-size: 20px; margin: 7vw 0 4vw;}
    .pro-shs-limo li .pp{ padding: 4vw 1vw 3vw;}
    .pro-shs-limo li::before{ top: -2vw; left: -1vw;}
    .pro-shs-limo h4{ font-size: 16px;}
    .pro-shs-limo li p{ font-size: 13px; height: 6em; }
    .pro-shs-limo .btn-xiangguan{ margin-top: 7vw;}

    .pro-shs-youshi .shs-pagi{ bottom: 1vw;}
    .shs-pagi .swiper-pagination-bullet{ width: 10px; height: 10px; }

    .pro-shs-case + .pro-lianxi{ padding-top: 9vw; }
    
    
    /*list-pro1*/
    .l-cp-item1{ padding: 1.711rem 0 0.79rem;}
    .l-cp-item1::before{ top: 0.921rem; }
    .l-cp-item1 li .name{ font-size: 0.3rem;}
    
    .l-cp-item2{ padding: 0.6579rem 0;}
    .l-cp-item2 ul{ margin: 0 -0.0658rem;}
    .l-cp-item2 li{ padding: 0 0.0658rem;}
    .l-cp-item2 li .pic{ border-radius: 0.26rem;}
    .l-cp-item2 li .name{ font-size: 0.3rem; padding-top: 0.26rem;}
    .l-cp-item2 .more{ width: 5rem; font-size: 0.32rem; line-height: 2;}
    
    .l-cp-item3{ padding: 0.14rem 0 1.4rem;}
    .l-cp-item3 li{ width: 100%!important;}
    .l-cp-item3 li + li{ margin-top: 0.3rem;}
    
    /*list-case*/
    .banner-case .txt .p{ font-size: 0.32rem; width: 6.974rem; margin-top: 0.9rem; padding: 0.39rem 0.28rem; line-height: 1.8;}
    
    .cont{ padding: 1.05rem 0;}
    .l-news-hd{ margin-bottom: 0.55rem;}
    .l-news-hd h3{ font-size: 0.5rem; width: 100%;}
    .l-news-hd .l-hd-links{ width: 100%;}
    .l-news-hd .l-hd-links a{ padding-top: 0; margin-top: 0.5rem; font-size: 0.4rem;}
    .l-news-hd .l-hd-links a + a{ margin-left: 0.4rem!important;}
    
    .l-case-lists{ margin: 0 -0.066rem;}
    .l-case-lists li{ width: 50%; padding: 0 0.066rem; margin-bottom: 0.5rem;}
    .l-case-lists .txt{ padding: 0.13rem 0.197rem 0;}
    .l-case-lists .txt p{ font-size: 0.24rem; }
    .l-case-lists .txt::after,.l-case-lists .txt span{ display: none;}
    
    .xpages{ margin-top: 0.78rem;}
    
    
    /*list-news*/
    .l-news-lists li{ padding: 0.32rem; border-top-width: 0.027rem;}
    .l-news-lists .name{ float: right; width: 65%;}
    .l-news-lists .name h4{ font-size: 0.26rem; line-height: 0.416rem; height: 0.832rem; -webkit-line-clamp: 2;}
    .l-news-lists .name p{ margin-top: 0.3rem; font-size: 0.22rem; line-height: 0.23rem;}
    .l-news-lists .pic{ float: left; width: 32%; margin: 0;}
    .l-news-lists .details{ display: none;}
    
    
    /*list-beipin*/
    .l-bp-banner{ padding-bottom: 1.2rem;}
    .l-bp-banner ul{ width: auto!important;}
    .l-bp-banner li{ height: 1rem; width: 3.15rem; margin-bottom: 0.2rem; padding-top: 0.2rem;}
    .l-bp-banner li span{width: 1rem; line-height: 0.9474rem; font-size: 0.58rem; left: -0.5rem;}
    .l-bp-banner li p{ font-size: 0.2rem;}
    .l-bp-banner li b{ font-size: 0.3rem;}
    .l-bp-banner li:hover{ width: auto;}
    
    .l-bp-liucheng{ margin: 1.5rem 0 0.658rem; padding-bottom: 0.4rem;}
    .l-bp-liucheng ul{top: -0.9rem;}
    .l-bp-liucheng li{width: 2.3rem; margin-left: 0.3rem; font-size: 0.27rem; line-height: 0.9rem; border-radius: 0 0.3rem 0 0;}
    .l-bp-liucheng li:first-child{ margin-left: 0.9rem; background-position: -1.20rem -7px;}
    .l-bp-liucheng li:nth-child(2){ background-position: -0.25rem -7px;}
    .l-bp-liucheng li:nth-child(3){ background-position: 0.71rem -10px;}
    
    .l-bp-liucheng img{margin: -0.3rem auto 0.32rem;}
    .l-bp-liucheng p{font-size: 0.2rem;}
    
    
    .l-bp-lists{ margin: 0 -0.066rem;}
    .l-bp-lists li{ width: 33.33%; padding: 0 0.066rem;}
    .l-bp-lists li .pic{ border-radius: 0.26rem;}
    .l-bp-lists li p{ padding-top: 0.26rem; font-size: 0.24rem; line-height: 1.6; height: 0.768rem; }
    
    .l-bp-lists .btn-kefu span{ font-size: 1.05rem;}
    .l-bp-lists .btn-kefu p{ font-size: 0.26rem;}

}
@media (max-width: 559px){
    /*page-jieshao*/
    .a-js-item1 ul{ width: 260px; margin: 10px auto 0;}
    .a-js-item1 li{ margin-top: 10px;}
    .a-js-item1 li:nth-child(3){ margin-left: 0;}
    .a-js-item2 .pics dl dd{ width: 100%;}

}
@media (max-width: 520px){
    /*index-index*/
    .banner-index ul{ width: 260px; margin: 6vw auto 7vw;}
    .banner-index li{ margin-top: 10px;}
    .banner-index li:nth-child(3){ margin-left: 0;}
}
@media (max-width: 500px){
    /*footer*/
    .footer-bottom{ font-size: 14px;}
    .footer-bottom dt{ font-size: 16px;}
    .footer-bottom dd + dt{ margin-top: 32px;}
    .footer-bottom dl{ width: 23%;}
    .footer-bottom .dl2{ width: 39%;}
    .footer-bottom .dl3{ width: 38%;}

    /*page-shili*/
    .banner-shili li .name{ font-size: 4vw;}
    .banner-shili li .icon-arrow-down{ font-size: 4vw; bottom: -4.2vw;}

    /*page-gongyiwenhua*/
    .a-gywh-item1 li{ width: 48%;}
    .a-gywh-item1 .li2,.a-gywh-item1 .li5{ margin-left: 0; margin-right: 0; }
    .a-gywh-item1 li:nth-child(odd){ margin-right: 4%;}
    .a-gywh-item1 .box{ padding: 15px 10px;}
    .a-gywh-item1 li h3{ font-size: 20px; margin-bottom: 10px;}


}