@charset "utf-8"; @media screen and (min-width:1000px) and (max-width:1600px){ .section1{padding-bottom:60px} .section1 .sec1_wrap{position:relative;z-index:1;padding-bottom:30px} .section1 .tab_sp{bottom:80px} .mc_aside_navbox{display:none!important} } @media (min-width:320px) and (max-width:767px) { .mess .list{padding:0;} .mess{padding-left:4.5%;padding-right:4.5%;} .mess .list ul li{height: 38px;line-height: 38px;margin-bottom: 15px;} .mess .list ul li label,.mess .list ul .teat label{height: 36px;width: 60px;font-size: 14px;} .mess .list ul .teat label{background-color: #fff;top: 1px;left: 1px;} .mess .list ul .bor .inp,.mess .list ul li .inpp{height: 36px;line-height: 36px;} .mess .list ul li img{display: block;height: 38px;width: auto;} .mess .list ul .teat textarea{height: 130px;font-size: 14px;line-height: 20px;text-indent: 45px;padding: 8px 15px;} .mess .list ul li .reset, .mess .list ul li .submit{height: 36px;line-height: 36px;} .mess .list ul li .box{width: 55%;} } @media screen and (max-width:999px) { html{font-size:62.5%} body{font-size:1.2rem} .f-40{font-size:2rem} .f-20{font-size:1.6rem} .f-16{font-size:1.4rem} .main.bgf5{padding-top:1.5rem} .header-wrapper{position: fixed;left: 0;top: 0;height:60px;z-index: 30;background: #fff;width: 100%;box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);} .header-wrapper .box-container{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;height: 60px;} .header-wrapper .logo-box img{display: block;max-height:45px;} .slide{height: calc(100% - 35rem);} .search-form{width: 100%;position: fixed;left: 0;top:60px;background: #fff;z-index: 30;padding:20px 0 40px;display: none;border-top: 1px solid #f7f8f9;/* input placeholder*/;} .search-form .search-btn{display: inline-block;width: 26px;height: 26px;background: url(../img/search.png) no-repeat;background-size: contain;} .search-form .keywords{flex: 1;overflow: hidden;color: #333;line-height:48px;font-size:14px;margin-left:10px;} .search-form ::-webkit-input-placeholder{ color: #333;font-size:14px;} .search-form :-ms-input-placeholder{ color: #333;font-size:14px;} .search-form .icon-close{position: absolute;right:15px;top:45%;z-index: 10;font-size:24px;color: #666;margin-top: -26px;transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;} .search-form .icon-close img{width:23px} .search-form .icon-close:hover{color: #5797d6;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);} .search-form .search-btn{width:20px;height:20px;} /* footer */ .footer_wrap{border-top-width:.3rem} .footer{padding:1.5rem 0} .footer .fbox1{padding:.7rem 0 2rem 0} .footer .logo p{font-size:1.2rem} .footer .logo .p3{transform:scale(.8);margin-left:-12.5%;width:130%} .footer .formbox1{width:calc(100% - 15rem);margin-top:1.5rem} .footer .share{margin:2rem 0 1.5rem 0;float:left!important;clear:both;} .footer .share li{float:left;width: 3rem;height: 3rem;line-height:3rem;margin:0 .3rem} .footer .share li i{font-size:1.6rem;} .footer .fbox2 .lxfs .lxfs_ul li{font-size:1.4rem;margin-bottom:.6rem} .footer_nav li{width:33.33%;float:left;margin:10px 0} .footer_nav .title{margin-top:5px} .footer_nav .dd{margin-top:4px!important} .footer_nav li:nth-child(3n+1){clear:both;} .footer .fbox2{padding:2rem 0 0 0} .copyright{padding:1.5rem 0;height:initial;line-height:initial;overflow:hidden;font-size:1.3rem} .copyright .tech{clear:both;width:100%;float:left;padding:5px 0;} .footer .fbox2 .lxfs .share li i,.footer .fbox2 .lxfs .lxfs_ul li i{font-size:1.4rem;width:3rem;height:3rem;line-height:3rem;} .footer .fbox2 .lxfs{max-width:initial;margin-right:0;float:left;} #gotop img{width:55px} .tkg{height:6rem;} .ny_slide{height:34rem;} .ny_slide::after{height:26px} .ny_slide .sty_line,.ny_slide .sen_link_con{display:none;} .typecat{font-size:2.2rem;margin-bottom:2rem;margin-top:2rem} .main .list-news li{padding:1.5rem 0px;} .main .list-news li .pbox{height:25rem;} .main .list-news li .info{max-width:100%;padding:2rem 1rem;} .main .list-news li .time{font-size:1.4rem} .main .list-news li .title{font-size:1.8rem;margin-top:1rem} .main .list-news li .desc{font-size:1.4rem;line-height:2.2rem;margin:1.5rem 0;height:4.4rem;margin:1rem 0} .main .list-news li .more a{padding-left:5px;} .main .list-news li .more a::after{left:3px;} /* pages */ .pages{padding:3rem 0} .pages ul{margin:0;} .pages li {margin:0 2px;} .pages li a{padding:3px 12px;font-size:1.2rem;} .pages li:nth-child(n+5){display:none;} .pages li:last-child{display:inline-block!important;} .p35{padding:2rem 0;} .weizhi{padding:2rem 0} .f_tit{font-size: 1.6rem!important;} .newsinfo .news-title {font-size: 1.8rem!important;line-height: 2.5rem;} /* 员工风采 */ .ygfc{width: 100%;height:auto;margin:0 0 2rem 0} .ygfc .swiper-container{width: 95%;padding:2rem 0 4rem 0;} .ygfc .swiper-slide{width:85%;} .ygfc .swiper-slide img{height:70%;border-radius:15px;box-shadow:none;} .ygfc .swiper-button-next,.ygfc .swiper-button-prev{top:47%;width:25px;height:25px;background-size:25px 25px;} .ygfc .swiper-pagination-bullet{width:6px;height:6px;margin:0 4px!important} /* 社会责任 */ .main .list-news2 ul{margin:0 -.6rem} .main .list-news2 li .item{margin:.6rem .6rem;} .main .list-news2 li .pbox{padding:0 1rem 1rem 1rem;} .main .list-news2 li:hover .item::after{width:100%} .main .list-news2 li .time{margin:1rem 0} .main .list-news2 li .title{font-size:1.4rem;line-height:2rem;height:4rem;margin:.4rem 0} .filter-list{top:5rem} /* joblist */ .joblist{clear:both;margin-top:20px;} #lxwm-zhaoxian{padding:0;} #lxwm-zhaoxian .list li {font-size:1.2rem;} #lxwm-zhaoxian .list li p.fold-head{padding: 1rem;font-size:1.5rem;} #lxwm-zhaoxian .list li p.fold-head{padding:1rem 1.3rem;} #lxwm-zhaoxian .list li .info{padding:1.5rem;font-size:1.3rem} #lxwm-zhaoxian .list li .info .text{line-height:2.3rem;margin-bottom:1.5rem;} #lxwm-zhaoxian .list li .apply_btn button{padding:6px 2.5rem;margin:1.5rem 1rem;} #lxwm-zhaoxian .list li i.fa{font-size:1.5rem;} .daohang-btn{font-size:1.5rem} .contact-box .info ul{margin:2rem 0;padding:2rem 0 3rem 0} .contact-box .info ul li{margin-top:1.5rem;font-size:1.4rem;height:3rem;line-height:3rem;} .contact-box .info ul li .biao{height:3rem;width:3rem;line-height:3rem;} .joblist .job1{padding:2rem 0} .joblist .job1 .bimg{margin-top:2rem} .joblist .job1 .msgbox{padding:2rem;margin:1rem} .joblist .job1 .msgbox li .biao{width:3rem;height:3rem;font-size:2rem;margin-right:1rem;} .joblist .job1 .msgbox li{overflow:hidden;font-size:1.4rem;line-height:3rem;margin:0 0 1rem 0} .joblist .job1 .pic{margin:-2rem 0 -1rem 0;} #lxwm-zhaoxian .list li .zp1 span{font-size:1.4rem;margin-right:2rem;} /* 业务咨询 */ #c-contact{margin-top:2rem} #c-contact .c-list2 li{padding:0 2rem} #c-contact .c-list1 li{height: 50px;font-size: 16px;line-height: 50px;} #c-contact .c-list2 .c-title{padding:0;} #c-contact .c-list2 .c-item2 input{float: none;width: -webkit-calc(50% - 10px);width: 100%;} #c-contact .c-list2 input{height: 40px;font-size: 14px;} #c-contact .f_yanzheng input{width: 60%!important;margin-right: 5%;} #c-contact .f_yanzheng img{width: 35%;height: 40px;} #c-contact .c-list2 button{height: 40px;font-size: 16px;} #c-contact .c-list2 .c-item2 select{float: none;width: 100%;height: 40px;font-size: 14px;} #c-contact .c-list-box{margin-top:2rem;padding-bottom:2rem} #c-contact .c-list2 textarea{height:10rem} .list_yx{padding:15px 0;} .list_yx li{width:50%;} .list_yx li .item{margin:1rem 3rem;} .list_yx li .title{height:2rem;line-height:2rem;overflow:hidden;font-size:1.5rem} .list_yx li:nth-child(2n+1){clear:both} .list_yx li:nth-child(5n+1){clear:unset} /* 合作客户 */ .list_kehu{padding:2rem 0;} .list_kehu ul{margin:0 -1rem} .list_kehu li{width:50%;} .list_kehu li .item{margin:1rem} .list_honor2{margin:1rem 0 3rem 0} .list_honor2 .bd ul li{margin:0 7px} .list_honor2 .bd ul li .bimg img{ width:150px;} .more2 a{width:150px;height:40px;line-height:40px;} .more2 a i{width:30px;background-position:right center;height:40px} .more2 a:hover i{background-position:right center;} /* 团队 */ .list_team ul{padding:2rem 0} .list_team li{margin:1rem 0} .list_team li .item .bimg{width:150px;margin-right:15px;} .list_team li .item .title{font-size:2rem;} .list_team li .item .info{max-width:initial;padding-top:2%} .list_team li .item .info .desc{margin:1rem 0;font-size:1.4rem;line-height:2.3rem;height:11rem} /* 课题研究 */ .list_kt{padding:4rem 0 0 0} .list_kt li{padding:2.5rem 0 3rem 0;} .list_kt li .bimg img,.list_kt li .bimg{border-radius:1rem!important;} .list_kt li .kt_box{margin-right:0;margin-left:0} .list_kt li .kt_title{font-size:2rem;margin:0 0 2rem 0} .list_kt li .kt_desc{font-size:1.4rem;line-height:2rem;color:#666;} .list_kt li:nth-child(2n) .kt_box{margin-left:0;} .list_kt li .more2{margin:2rem 0 3rem 0} .mc_aside_navbox{display:none!important;} /* 新品研发 */ .list_kt2 li .kt_box{padding-left:0} .list_kt2 li:nth-child(2n) .kt_box{padding-right:0} .main .sxp2{padding:2rem 0} .main .sxp2 ul{margin:0 -1rem} .main .sxp2 li .item{margin:1rem 1rem;padding:1.5rem;} .main .sxp2 li .item .title{font-size:1.8rem;} .main .sxp2 li .icon img{width:4rem} .main .xinpin1 .list_xp1 ul{margin:0 -1rem;padding-bottom:2rem;} .main .xinpin1 .list_xp1 li .item{margin:1rem;} .main .xinpin1 .list_xp1 li .title,.main .xinpin2 .item .title{height:3rem;line-height:3rem;font-size:1.4rem;margin-top:1rem;} .main .xinpin2{padding:2rem 0;} .main .xinpin2 .slide_t2{padding-bottom:3rem;} .pb60{padding-bottom:2rem} .list_kt li:nth-child(2n) .kt_box{padding-left:0} .list_map2{padding:2.5rem 0} .list_map2 li .more2{margin:1.5rem 0 3rem 0} .list_map2 li .kt_title{font-size:2rem;padding-left:16px} .list_map li .kt_title::before{width:6px;height:6px;} .list_map2 li .kt_desc,.list_map2 li:nth-child(n+4) .kt_desc{height:auto;line-height:2.5rem;margin:1.5rem 0} /* 企业文化 */ .main .wh1{padding:2rem 0} .main .wh1 .wh1_img{height:35rem;text-align:center;line-height:35rem;background-size:100% 100%;} .main .wh1 .wh1_img img{max-width:12rem;} .main .wh1 .wh1_info{padding:2rem 0 0 1rem} .main .wh1 .wh1_title{font-size:2rem;margin-bottom:1.5rem;} .main .wh1 .wh1_desc{font-size:1.4rem;line-height:3rem;} .main .wh1 .wh1_desc2{padding:2rem 0 3rem 1.5rem} .main .wh2{padding:4rem 0;height:auto} .main .wh2 .list_wh2{padding:2rem 0} .main .wh2 .list_wh2 li{margin:2rem 0} .main .wh2 .list_wh2 li .title{font-size:1.6rem;margin:1.4rem 0 .8rem 0} .main .wh2 .list_wh2 li .desc{font-size:1.4rem;line-height:2.5rem;} .p80{padding:4rem 0} .main.ptp{padding-top:0;} .main .xq1{padding:1.5rem 0 3rem 0} .main .xq1 .newstitle{font-size:2rem!important;margin:.5rem 0 2rem 0;line-height:2.5rem;} .main .xq1 .time span{margin:0 1.5rem} .main .content,.main .content p{font-size:1.4rem;line-height:2.5rem;} .main .xq2 .rbox{margin-left:0;} .main .xq2 .rbox .item{background:#F7F8FA;padding:2rem;margin-bottom:2rem;} .main .xq2 .rbox .item .item_name{font-size:1.5rem;margin-bottom:1rem;} .main .xq2 .rbox .item .item_title{font-size:1.4rem;line-height:2.5rem;} .main .xq2 .rbox .item .item_time{margin:15px 0 0 0} .main .xq2 .item_share{clear:both;margin:1.5rem 0;} .main .xq2 .item_share li{margin-right:1.5rem;width:3rem;height: 3rem;line-height:3rem;} .main .xq2 .item_share li i{font-size:1.6rem;} /* 产品详情 */ .main.ptp2 .weizhi{margin:1rem 0 .2rem 0} .main .show1 .info{margin:2rem 0} .main .show1 .cp_title{font-size:2rem;margin-top:1rem} .main .show1 .cp_desc{font-size:1.4rem;line-height:2.5rem;margin:2rem 0;height:auto;} .main .show1 .contact_btn li{height:4rem;line-height:4rem;font-size:1.4rem;padding:0 3rem;} .main .show1 .contact_btn li.li1{margin-right:2rem} .main .show1 .contact_btn li.li1 a i{height:4rem;} .main .show2 .content{padding:3rem 0} .xgcp{padding:3rem 0} .xgcp .xg_title{font-size:2rem;} .xgcp .list-news2{margin-top:2rem} .main .show1 .jdt .flip-next,.main .show1 .jdt .flip-prev{display:none;} .main .list-news2.wsbox li .title{height:2rem} .main .list-news2.wsbox li:nth-child(n+4){display:block;} /* 产品列表 */ .main .type2{margin:1rem 0;padding:.6rem 0} .sen_link_box{width:94%} .main .type2 b{font-size:1.6rem} .main .type2 a{font-size:1.4rem;margin-top:1rem} .main .list_pro{padding:1rem 0;} .main .list_pro ul{margin:0 -1rem;} .main .list_pro li .item{margin:1rem} .main .list_pro li .title{height:2.5rem;line-height:2.5rem;margin-top:1rem;} .main .list_pro .itemlist{padding-bottom:1.5rem} .main .checklist{padding:2rem 0;} .main .checklist ul.grid{margin:0 -1rem;position:relative;z-index:1} .main .checklist li{position:initial!important} .main .checklist li .item{margin:1rem;} .filter-text .filter-title{height:5rem;line-height:5rem;font-size:1.4rem} .filter-list li a{height:30px;line-height:30px;font-size:1.2rem} .gszboxl{width:100%;float:none;margin-bottom:20px;} .gszboxr{width:100%;position:relative;padding:0;font-size:14px;line-height:2;} .gynybt h2{font-size:24px;margin-bottom:10px;} .gynylb{margin-top:3rem;padding:1.5rem 0} .gynylb dl dd{width:15%;} .gynylb dl dd p{font-size:16px;} .gynylb dl dt{width:85%;padding-left:40px;padding-bottom:25px;font-size:1.4rem} /* 水处理详情页 */ .main .xqbox1{padding-bottom:3rem} .main .xqbox1 .xq1_info{padding-left:0;margin-top:2rem} .main .xqbox1 .xq1_title{font-size:2rem;} .main .xqbox1 .xq1_sex{font-size:1.4rem;line-height:2.6rem;margin:2rem 0} .main .pro_btn li{width:46%;height:4.5rem;line-height:4.5rem;font-size:1.6rem;} .main .pro_btn li a img{margin-right:1rem;width:2rem} .slide .swiper-container::before,.section1::before{display:none;} .slide .swiper-container::after{height:20px;} .slide .slide_txt .txt1{font-size:2rem} .slide .slide_txt .txt2{font-size:2.5rem;margin:2rem 0 3rem 0;line-height:3.5rem;} .more2 a{max-width: 15rem;height: 4rem;line-height:4rem;font-size:1.4rem;} .node .swiper-pagination{position:absolute;right:35%;bottom:3rem;z-index:22;} .node .swiper-pagination .swiper-pagination-bullet{width:2.5rem;height:2.5rem;margin: 0 1rem;opacity: 1;} .p120{padding:4rem 0} .list-news2 li:nth-child(n+4){display:inline-block;} .more2{margin:2.5rem 0} /* section1*/ .section1 .list_video li .item{width:100%;height:22rem;} .section1 .list_video li .item .play{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);} .section1 .list_video li .item .play img{width:5rem} .section1 .list_video{position:initial;left:0;width:100%;} .section1 .box1{position:initial;} .section1 .tab_sp{margin:2rem 0 3.5rem 0;position:initial;} .section1 .tab_sp li{margin:0 1rem} .section1 .sec1_info{padding-left:0} .section1 .sec1_title{font-size:2.5rem;} .section1 .sec1_desc{margin:2rem 0;} .section1 .sec1_desc,.section1 .sec1_desc p{font-size:1.4rem;line-height:2.5rem;} /* section3 */ .section3 .middle-x8 .msk_con{margin-left:0;transition:all ease .25s;transform: translateY(0);padding:0 1.5rem;bottom:15%} .section3 .msk_con .con_tit{font-size:2rem;} .section3 .msk_con .con_desc{font-size:1.4rem;line-height:2.5rem;margin:.6rem 0;height:2.5rem;} .section3 .msk_con2 .biao img{width:6.5rem} .section3 .bimg .msk_con2 .con_tit2{font-size:2rem;font-weight:bold;margin-top:15px;;} .section3 .more2{margin:.8rem 0 0 0} .intw-left{width:100%;margin-top:2rem;} .intw-left .js_title{font-size:2.5rem;} .intw-right{width:100%;margin-top:0px;position: unset;max-width:auto;padding:0 15px;} .intw-font{background-color: #fff;padding:2rem;} .intw-ul{margin-top:1rem} .intw-ul li{width:100%;padding:.8rem 0 ;font-size:1.4rem;} .section1 .sec1_wrap{padding-bottom:2rem} .c-pop form .c-close{top: -20px;right: -20px;width: 30px;height: 30px;background: rgba(0, 0, 0, .5) url(../img/close.png)no-repeat center /10px auto;} .c-pop form .c-title-box{padding: 1.5rem 2rem;} .c-pop form .c-title-box .c-title{font-size:2rem!important;line-height:3rem;font-size:14px;} .c-pop form .c-title-box .c-text{font-weight: bold;line-height: 26px;} .c-pop form .c-list li{width:100%} .c-pop form .c-list input{height:4rem;line-height:4rem} .c-pop form .c-list textarea{height:80px;padding:1rem} .c-pop form button{line-height:4rem;font-size:1.4rem} .c-pop form .c-box{padding:2rem} .sp-large a img{max-width:100%!important} .xgnr .swiper-button-next, .xgnr .swiper-button-prev{background-size:10px 15px;top:47%;width:30px;height:30px;} .xgnr{position:relative;padding:15px 5rem} .xgnr2 .swiper-button-next, .xgnr2 .swiper-button-prev{background-size:10px 15px;top:47%;width:30px;height:30px;} .xgnr2{position:relative;padding:15px 5rem} .xgcp .list-news2 .pbox{margin-top:15px;} .video-container { display:flex; align-items:center; background:rgba(0,0,0,.98); justify-content: center; } .video-container video { width: 100%; height:auto; object-fit:cover; } .popup .close{ right:20px; top:20px; } .popup .play img{ width:35px; } .popup .close img{ width:30px; } }