@media only screen and (max-width: 767px) {
body{font-size:.22rem; line-height:.36rem;}
.sp_block{display:block;}
.sp_inline{display:inline;}
.sp_none{display:none;}

.sp_pt0{padding-top:0 !important;}
.sp_pt5{padding-top:.05rem !important;}
.sp_pt10{padding-top:.1rem !important;}
.sp_pt15{padding-top:.15rem !important;}
.sp_pt20{padding-top:.2rem !important;}
.sp_pt25{padding-top:.25rem !important;}
.sp_pt30{padding-top:.3rem !important;}
.sp_pt35{padding-top:.35rem !important;}
.sp_pt40{padding-top:.4rem !important;}
.sp_pt50{padding-top:.5rem !important;}
.sp_pt60{padding-top:.6rem !important;}
.sp_mt10{margin-top:.1rem !important;}
.sp_mt20{margin-top:.2rem !important;}

.sp_font10{font-size:.2rem; line-height:.32rem;}

.sp_center{text-align:center;}
.sp_tal{text-align:left;}
.sp_w100{width:100%; height:auto;}
.sp_fn{float:none;}

.header{width:100%; height:auto; padding:0;}
.header h1{padding:.24rem 0 0 .3rem;}
.header h1 img{width:4.4rem;}
.model-1{width:1rem; height:1rem; float:right;}
.model-1.hover{background:#808080;}
.menu{width:.36rem; height:.36rem; padding-left:.32rem; position:relative; transition:0.3s; box-sizing:border-box;}
.bar{height:.04rem; width:.36rem; display:block; position:absolute; background-color:#999; transition:0.3s;}
.model-1 .bar:nth-of-type(1) {
  top:.32rem;
  transition: top 0.2s ease 0.2s, transform 0.2s ease-out 0;  
}
.model-1 .bar:nth-of-type(2) {
  top:.48rem;
  transition: ease 0.1s 0.1s; 
}
.model-1 .bar:nth-of-type(3) {
  top:.64rem;
  transition: top 0.2s ease 0.2s, transform 0.2s ease-out 0;
}
.model-1.hover .bar:nth-of-type(1) {
  background-color:#FFF;
  top:.48rem;
  transform: rotate(45deg);
  transition: top 0.1s ease 0, transform 0.1s ease-out 0.2s;
}
.model-1.hover .bar:nth-of-type(2) {
  opacity: 0;
}
.model-1.hover .bar:nth-of-type(3) {
  background-color:#FFF;
  top:.48rem;
  transform: rotate(-45deg);
  transition: top 0.1s ease 0, transform 0.1s ease-out 0.2s;
}
.nav_bg{height:auto; border-top:#5595D3 .08rem solid;}
.nav_bg > h2{color:#1A1A1A; font-size:.3rem; line-height:.56rem; text-align:center;}
.nav{width:100%; padding:.6rem .3rem .5rem .3rem; border:#5595D3 .08rem solid; background:#FFF; box-sizing:border-box; position:absolute; top:1rem; z-index:100; display:none;}
.nav.unfold{width:100%; max-height:560px; height:auto; padding:30px 15px 25px 15px; border:#5595D3 4px solid; opacity:1; overflow:inherit;}
.nav > ul{width:100%; float:none; padding:0; border-top:#CCC 1px solid;}
.nav ul li{width:100%; float:none; line-height:1.1rem; border-bottom:#CCC 1px solid;}
.nav ul li:nth-child(2n){display:none;}
.nav ul li:nth-child(2n+1){width:100%; float:none; font-size:.3rem; text-align:left;}
.nav ul li:nth-child(2n+1) a{padding:0 .2rem; display:flex; justify-content:space-between;}
.nav_lang{width:80%; margin:0 auto; padding:.6rem 0 1rem 0;}
.nav_lang p{width:100%; height:.8rem; float:left; font-size:.28rem; line-height:.76rem; border:#CCC 1px solid; border-left:none; text-align:center; box-sizing:border-box;}
.nav_lang p:nth-child(1){border-left:#CCC 1px solid;}
.nav_lang p a{display:block;}
.nav_close{width:4rem; height:.7rem; color:#FFF; font-size:.26rem; line-height:.7rem; text-align:center; margin:0 auto; background:#5595D3;}
.banner{height:auto; background:none;}
.green_news_bg{padding:.5rem 0 .5rem 0;}
.green_news{width:94%;}
.green_news_title,.green_product_title{font-size:.6rem; line-height:1.2;}
.green_news_title p,.green_product_title p{font-size:.22rem; line-height:1.2;}
.green_news_ul li{font-size:.22rem; line-height:.32rem; padding:.15rem 0;}
.green_news_ul li p:nth-child(1){width:1.9rem;}
.green_news_ul li p:nth-child(2){width:1.1rem;}
.green_news_ul li p:nth-child(2) i{width:.9rem; height:.32rem; font-size:.2rem; line-height:.32rem;}
.green_news_ul li p:nth-child(3){width:calc(100% - 3rem); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.green_news_gd{text-align:center; font-size:.22rem;}
.green_w1200{width:100%;}
.green_product{padding-top:.5rem; flex-wrap:wrap;}
.green_product_drive{width:100%;}
.green_product_equipment{height:.9rem; font-size:.42rem; line-height:.9rem; padding-left:3%;}
.green_product_brief{font-size:.26rem; line-height:.4rem; padding:.3rem 3% 0 3%;}
.green_product .pt30{padding:.3rem 3% 0 3%;}
.green_product_h4{width:3.4rem; height:.7rem; color:#FFF; font-size:.26rem; line-height:.68rem; margin-left:0; text-align:center; border-bottom:none; padding-top:0; margin:.2rem 0 0 3%; background:#2869B9;}
.green_product_h4 a{color:#FFF; display:block;}
.green_product_h4 i{color:#FFF;}
.green_product_workflow{font-size:.22rem; line-height:.76rem; padding:0; margin:.04rem 3% .2rem 3%; border-top:#A6A6A6 1px solid; border-left:#A6A6A6 1px solid;}
.green_product_workflow li{width:50%; float:left; border-right:#A6A6A6 1px solid; border-bottom:#A6A6A6 1px solid; box-sizing:border-box; position:relative;}
.green_product_workflow li a{padding-left:.2rem; display:block;}
.green_product_workflow li i{color:#5595D3; position:absolute; right:.16rem;}
.green_manufacturer{padding-top:.2rem;}
.green_w970{width:100%;}
.green_group_sws{font-size:.28rem; line-height:.44rem; padding-top:.4rem;}
.green_group_zzg{font-size:.26rem; line-height:.4rem; padding-top:.1rem;}
.green_group{width:100%; padding-top:.3rem; display:flex; flex-wrap:wrap;}
.green_group_li01{width:49%; float:none;}
.green_group li h4{height:.4rem; font-size:.22rem; line-height:.4rem; padding-left:.12rem;}
.green_group_li01 h4 span,.green_group_li02 h4 span,.green_group_li03 h4 span,.green_group_li04 h4 span{margin-right:.06rem;}
.green_group_dq{padding:.1rem 0 0 .12rem; font-size:.2rem; line-height:.32rem; display:flex;}
.green_group_p1{width:2rem;}
.green_group_li02{width:49%; float:none; margin-left:2%;}
.green_group_li03{width:73.5%; float:none; margin-left:0; margin-top:.3rem;}
.green_group_li03 .green_group_dq p{width:2rem;}
.green_group_li04{width:24.5%; float:none; margin-left:2%; margin-top:.3rem;}
.green_contact_title{height:.74rem; font-size:.38rem; line-height:.74rem;}
.green_contact_p{width:94%; font-size:.26rem; line-height:.4rem; padding-top:.3rem;}
.green_contact{width:100%; padding:.06rem .2rem .5rem .2rem; flex-wrap:wrap; box-sizing:border-box;}
.green_contact_region{width:50%; padding-left:.2rem; margin-top:.3rem;}
.green_contact_region:first-child{border-left:#D2D2D2 1px solid;}
.green_contact_p1{font-size:.24rem; line-height:.48rem;}
.green_contact_p1 span{padding-right:.24rem;}
.green_contact_tel{font-size:.28rem; padding-top:.14rem;}
.green_contact_tel i{width:.36rem; font-size:.32rem;}
.green_contact_mail{font-size:.2rem; line-height:.36rem; padding-top:0;}
.green_contact_mail i{width:.36rem; font-size:.26rem; line-height:.4rem;}
.green_contact_ev{font-size:.3rem;}
.green_contact_ev i{font-size:.54rem; margin-right:.12rem;}
.green_column_bg{padding:.6rem 0 1.3rem 0;}
.green_column{width:100%; font-size:.22rem; flex-wrap:wrap; justify-content:initial;}
.green_column_dbt{font-size:.32rem; line-height:.48rem; padding:0 3%}
.green_column_equipment{width:100%; float:none; margin-top:.2rem; padding:0; border-top:#626262 1px solid; overflow:hidden;}
.green_column_equipment h3{font-size:.26rem; line-height:.44rem; padding-left:.2rem; padding-bottom:.1rem; border-bottom:#626262 1px solid;}
.green_column_equipment a{width:50%; height:.8rem; float:left; line-height:.26rem; padding-top:.26rem; padding-left:.2rem; border-right:#626262 1px solid; border-bottom:#626262 1px solid; box-sizing:border-box; position:relative;}
.green_column_equipment a:nth-child(2n){border-right:none;}
.green_column_equipment a i{position:absolute; top:.26rem; right:.12rem;}
.green_column_effluent{width:100%; padding-top:.44rem;}
.green_column_fuel{width:100%; float:none;}
.green_column_fuel:nth-child(2){padding-top:.8rem;}
.green_vice_bg{height:.48rem;}
.green_vice{width:94%; font-size:.22rem; line-height:.48rem;}
.footer{width:100%; height:auto; font-size:.16rem; line-height:.28rem; padding:.16rem 0 .16rem 0;}
.pagetop{right:0px; bottom:0px;}
.pagetop img{width:.5rem;}
.inquiry_dj .inquiry_x img{width:.76rem;}
.inquiry_dj .inquiry_l img{width:2.4rem;}
.inquiry_dj .inquiry_l a:nth-child(2){width:1.9rem; height:1rem; position:absolute; top:1.24rem; left:.24rem;}
.inquiry_dj .inquiry_l a:nth-child(3){width:1.9rem; height:1.1rem; position:absolute; top:3.35rem; left:.24rem;}
.inquiry_dj .inquiry_l a:nth-child(4){width:1.9rem; height:1.1rem; position:absolute; top:4.45rem; left:.24rem;}
.inquiry_dj .inquiry_l a:nth-child(5){width:1.9rem; height:1.1rem; position:absolute; top:5.55rem; left:.24rem;}
.inquiry_dj .inquiry_l a:nth-child(6){width:1.9rem; height:1.1rem; position:absolute; top:6.65rem; left:.24rem;}
.inquiry_dj .inquiry_a img{width:.74rem;}


.product_banner{height:auto; background:none;}
.product_w1200{width:100%;}
.plr3_sp{padding-left:3%; padding-right:3%; box-sizing:border-box;}
.product_title{padding-top:.5rem; border-bottom:#8EB8E2 .04rem solid;}
.product_title li{width:45%; height:.8rem; font-size:.28rem; line-height:.8rem;}
.product_title li:last-child{margin-left:1.8%;}
.product_nav{width:100%; float:none;}
.product_nav_equipment{height:.8rem; color:#FFF; font-size:.26rem; line-height:.8rem; padding:0 0 0 5%; border-bottom:#FFF 1px solid; background:#8EB8E2;}
.product_nav ul{padding:0; border-bottom:none; display:flex; flex-wrap:wrap;}
.product_nav ul li{width:50%; height:.8rem; font-size:.22rem; line-height:.76rem; border-right:#CCCCCC 1px solid;  border-bottom:#CCCCCC 1px solid; box-sizing:border-box; position:relative;}
.product_nav ul li:nth-child(2n){border-right:none;}
.product_nav ul li a{display:block; padding-left:8%;}
.product_nav ul li span{display:none;}
.product_nav ul li i{color:#3764A8; font-size:.16rem; position:absolute; right:3%; display:inline;}
.product_right{width:100%; float:none;}
.product_right_equipment{height:.8rem; font-size:.4rem; line-height:.8rem; padding-left:.2rem;}
.product_right_h2{height:.5rem; font-size:.36rem; line-height:.5rem; padding-left:.2rem; margin-top:.4rem; border-left:#5595D3 .08rem solid;}
.product_content{margin-top:10px; padding:6px 0 5px 0; border-bottom:#5595D3 .06rem solid;}
.product_classify_titke{width:.54rem; font-size:.3rem; line-height:.36rem;}
.product_classify_titke01 img,.product_classify_titke02 img{width:100%;}
.product_classify > ul{width:calc(100% - .64rem); margin-left:.1rem; padding:.1rem 0 .1rem .1rem;}
.product_classify > ul li{width:48%; height:auto; margin-left:4%; padding-bottom:.24rem; border-radius:.16rem;}
.product_classify > ul li:first-child{margin-left:0;}
.product_classify > ul li img{width:100%;}
.product_classify > ul li h3{font-size:.24rem; line-height:.4rem;}
.product_recommend{width:.68rem; height:.68rem; font-size:.22rem; line-height:.68rem; top:.12rem; left:.12rem;}


.product_processing{height:.67rem; font-size:.32rem; line-height:.67rem; padding-left:3%;}
.product_w840{width:100%;}
.product_rto dt{width:100%; float:none; position:relative;}
.product_rto dt p.pt5.sp_pt0 img{width:auto; height:.45rem;}
.product_rto_p1{height:.4rem; font-size:.28rem; line-height:.4rem; padding:0 .1rem; margin-top:.2rem;}
.product_rto_title{font-size:.52rem; padding-top:.14rem;}
.product_rto_p2{font-size:.24rem; line-height:.34rem; padding-top:.1rem;}
.product_rto_recommend{width:50px; height:50px; color:#FFF; font-size:16px; font-weight:bold; line-height:50px; text-align:center; border-radius:50%; background:#3FA9F5; position:absolute; top:0; right:0;}
.product_purpose_title{height:20px; font-size:13px; line-height:20px;}
.product_purpose,.product_purpose02{width:290px;}
.product_purpose li,.product_purpose02 li{font-size:11px; line-height:16px; padding-top:3px;}
.product_purpose li:nth-child(3n+1){width:auto;}
.product_purpose li:nth-child(3n+2){width:auto;}
.product_purpose li:nth-child(2n+1),.product_purpose li.product_purpose_li{width:150px;}
.product_purpose02 li:nth-child(2n+1){width:auto;}
.product_purpose li:last-child{width:140px;}
.product_flowchart{width:100%; padding-top:15px;}
.product_flowchart_p{font-size:11px; line-height:16px;}
.product_spec{width:100%;}
.product_spec_table{font-size:10px; line-height:16px;}
.product_spec_table th{font-size:10px; line-height:18px;}
.product_spec_table td{padding:3px 4px 3px 6px;}
.product_spec_ul{padding-top:20px;}
.product_spec_ul li{width:48.5%;}
.product_spec_ul li p{font-size:12px; line-height:20px; padding-top:8px;}
.product_spec_h4{font-size:12px; line-height:20px;}
.product_spec_ul02{padding-top:10px;}
.product_spec_ul02 li{width:48.5%;}
.product_spec_ul02 li p:first-child{font-size:11px; line-height:18px;}
.product_w880{width:100%;}
.product_contact_k{margin:.5rem 3% 0 3%;}
.product_contact_k h3{height:.54rem; font-size:.28rem; line-height:.54rem;}
.product_contact{padding:0 .1rem .3rem .1rem;}


.about_banner{height:auto; background:none;}
.product_nav_h2{color:#FFF; font-size:.28rem; font-weight:normal; margin-top:.44rem; padding:.1rem 0 .1rem 3%; background:#8EB8E2;}
.product_nav_h2 p{font-size:.16rem; line-height:.28rem;}
.product_nav > ul{padding-bottom:0;}
.product_nav_sp li{width:50%; height:.8rem; float:left; font-size:.22rem; line-height:.8rem; border-right:#A6A6A6 1px solid; border-bottom:#A6A6A6 1px solid; box-sizing:border-box; position:relative;}
.product_nav_sp li a{padding-left:.2rem; display:block;}
.product_nav_sp li:nth-child(2n){border-right:none;}
.product_nav_sp li i{position:absolute; top:0; right:.12rem; color:#5595D3; font-size:.24rem;}
.about_intro{width:100%; padding-top:.4rem;}
.about_intro dd img{width:4.4rem; height:auto;}
.about_intro dt{width:100%; float:none; padding-top:.36rem;}
.about_speech{width:100%; padding-top:.4rem;}
.about_speech dt{width:100%; float:none; padding-top:.36rem;}
.about_speech dt p.tr img{width:2.3rem;}
.about_concept{width:100%; padding-top:.4rem;}
.about_concept dt{width:100%; float:none; padding-top:.36rem;}
.sp_w260{width:5.2rem;}
.about_concept dt h4{font-size:.3rem; line-height:.44rem;}
.about_stronghold{width:100%;}
.about_stronghold_sws{font-size:.28rem; line-height:.44rem;}
.about_stronghold_p1{font-size:.24rem; line-height:.4rem; padding-top:.1rem;}
.about_firm{width:100%; padding-top:.26rem; display:flex; flex-wrap:wrap;}
.about_firm_li01{width:49%; float:none;}
.about_firm li h4{height:.4rem; font-size:.22rem; line-height:.4rem; padding-left:.12rem;}
.about_firm_li01 h4 span,.about_firm_li02 h4 span,.about_firm_li03 h4 span,.about_firm_li04 h4 span{margin-right:.06rem;}
.about_firm_dq{padding:.1rem 0 0 .12rem; font-size:.2rem; line-height:.32rem; display:flex;}
.about_firm_li02{width:49%; float:none; margin-left:2%;}
.about_firm_li03{width:73.5%; float:none; margin-left:0; margin-top:.3rem;}
.about_firm_li03 .about_firm_dq p{width:2rem;}
.about_firm_li04{width:24.5%; float:none; margin-left:2%; margin-top:.3rem;}
.about_hq_title p:nth-child(1){width:2rem; height:.44rem; font-size:.3rem; line-height:.4rem; margin-right:1rem;}
.about_hq_title p:nth-child(2){font-size:.2rem; line-height:.36rem;}
.about_hq dd img{width:3.1rem;}
.about_hq dt{width:100%; float:none; margin-top:.2rem; font-size:.22rem;}
.about_hq dt th{width:1.5rem;}


.contact_banner{height:auto; background:none;}
.contact_w840{width:5.4rem; padding:0;}
.contact_w840 li{width:100%; padding-top:.5rem;}
.contact_region{width:1.6rem; font-size:.26rem; padding-left:.08rem; border-left:#5595D3 .03rem solid;}
.contact_name{font-size:.24rem;}
.contact_tel{font-size:.24rem; line-height:.32rem;}
.contact_tel i{width:.44rem; font-size:.3rem;}
.contact_mail{font-size:.26rem; padding-top:.6rem;}
.contact_mail i{width:.44rem; font-size:.32rem;}
.contact_feedback_js{width:94%; padding-top:.24rem; font-size:.24rem; line-height:.4rem;}
.contact_feedback{width:94%; padding-top:.1rem; font-size:.24rem; line-height:.4rem;}
.contact_feedback th{width:1.2rem; padding-top:.46rem;}
.contact_feedback td{padding-top:.4rem;}
.contact_text{font-size:.24rem; height:.54rem; line-height:.5rem;}
.contact_textarea{height:2.2rem; font-size:.24rem; line-height:.4rem;}
.contact_will{font-size:.2rem; line-height:.32rem; padding-top:.4rem;}
.contact_submit{padding-top:.4rem;}
.contact_submit input{width:4rem; height:.68rem; font-size:.26rem; line-height:.68rem;}


.news_banner{height:auto; background:none;}
.news_list{width:100%; margin:10px auto 0 auto;}
.news_list li{font-size:11px; line-height:15px; padding:10px 0 10px 5px;}
.news_list li p:nth-child(1){width:85px; font-size:10px;}
.news_list li p:nth-child(2){width:55px;}
.news_list li p:nth-child(2) i{width:45px; height:15px; font-size:10px; line-height:15px;}
.news_list li p:nth-child(3){width:calc(100% - 140px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.news_w885{width:96%;}
.news_detailed_title{padding-top:20px; padding-bottom:3px;}
.news_detailed_title p{font-size:14px; line-height:20px; padding-left:8px; border-left:#44B1B6 3px solid;}
.news_detailed{width:100%; padding-top:15px;}



.product_classify.ol .product_classify_title02 {font-size: 18px;}


}

@media only screen and (max-width: 410px) {
.product_all li:nth-child(2) a div{width:125%; transform:scaleX(0.74);}
}
@media only screen and (max-width: 370px) {
.product_all li:nth-child(2) a div{width:148%; transform:scaleX(0.65);}
}