@media only screen and (min-width:768px) and (max-width:1200px){
	
.pad_block{display:block;}
.pad_inline{display:inline;}
.pad_none{display:none;}

.pad_center{text-align:center;}
.pad_tal{text-align:left;}
.pad_w100{width:100%; height:auto;}
.pad_fn{float:none;}

.pad_pt0{padding-top:0 !important;}
.pad_pt5{padding-top:5px !important;}
.pad_pt10{padding-top:10px !important;}
.pad_pt15{padding-top:15px !important;}
.pad_pt20{padding-top:20px !important;}
.pad_pt25{padding-top:25px !important;}
.pad_pt30{padding-top:30px !important;}
.pad_pt35{padding-top:35px !important;}
.pad_pt40{padding-top:40px !important;}
.pad_pt50{padding-top:50px !important;}
.pad_pt60{padding-top:60px !important;}
.pad_pt70{padding-top:70px !important;}

.pad_pl10 {padding-left: 10px;}


.header{width:96%; padding-right:0;}
.nav{width:100%; padding-left:2%; padding-right:0; box-sizing:border-box;}
.nav h2{width:auto; font-size:24px; line-height:40px; padding:11px 0 0 15px;}
.nav ul{width:calc(100% - 120px);}
.nav ul li:nth-child(2n+1){width:calc(20% - 3px); font-size:16px;}
.banner{height:auto; background:none;}
.green_news_bg{padding:30px 0 30px 0;}
.green_news{width:96%; max-width:960px;}
.green_news_title,.green_product_title{font-size:42px; line-height:1.2;}
.green_news_title p,.green_product_title p{font-size:17px; line-height:1.2;}
.green_news_ul li{font-size:14px; line-height:20px; padding:10px 0;}
.green_news_ul li p:nth-child(1){width:135px;}
.green_news_ul li p:nth-child(2){width:75px;}
.green_news_ul li p:nth-child(2) i{width:52px; height:18px; font-size:12px; line-height:18px;}
.green_news_ul li p:nth-child(3){width:calc(100% - 210px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.green_product_box{padding:50px 0 100px 0;}
.green_product{width:96%; max-width:1050px;}
.green_product_brief{font-size:16px; line-height:26px; padding-top:30px;}
.green_voc_title{font-size:24px; line-height:26px; border-left:6px #44B2B6 solid; margin-top:45px;}
.green_product_voc{width:100%; height:auto; margin-top:35px; background:none;}
.green_voc_product dd{width:48%;}
.green_voc_product dt{width:50%;}
.green_voc_product dt h3{font-size:24px; line-height:1.3;}
.green_voc_p1{font-size:14px; line-height:22px; padding-top:15px;}
.green_voc_p2{font-size:11px; line-height:18px; padding-top:5px;}
.green_voc_p3 a{font-size:14px;}
.green_voc_product02 dl{width:49%; padding-top:40px;}
.green_voc_product02 dd{width:45%;}
.green_voc_product02 dl dt{width:53%; font-size:14px;}
.green_voc_product02 dt h3{font-size:17px; line-height:1.3;}
.green_voc_gd{padding-top:50px;}
.green_voc_gd a{width:260px; height:42px; color:#FFF; font-size:16px; line-height:42px;}
.green_product_effluent{height:auto; margin-top:80px; background:none;}
.green_effluent_product li{width:48%;}
.green_effluent_product h3{font-size:20px; line-height:40px;}
.green_effluent_p{font-size:14px; padding:10px 10px 0 10px;}
.green_our_bg{height:530px; padding-top:60px;}
.green_our{width:96%; max-width:1130px;}
.green_our_ul{padding-top:50px;}
.green_our_ul li{width:24%; padding-bottom:35px; position:relative;}
.green_our_ul li p{width:94%; height:auto;}
.green_our_ul li p img{width:100%; height:auto;}
.green_our_ul li h3{height:50px; border-radius:6px;}
.green_our_ul li h3 span{font-size:18px; line-height:25px;}
.green_contact_title{height:50px; font-size:25px; line-height:50px;}
.green_contact_p{width:96%; max-width:1050px; font-size:16px; line-height:26px;}
.green_contact{width:96%; max-width:1050px; padding:30px 0;}
.green_contact_department{width:24%; font-size:16px; line-height:30px; padding:15px 0 15px 0; box-sizing:border-box;}
.green_contact_department p{font-size:22px; line-height:30px;}
.green_contact_tel{width:42%; padding-top:3px; padding-left:0; text-align:center; box-sizing:border-box;}
.green_contact_tel i{font-size:28px; line-height:34px; margin-left:20px; margin-right:8px;}
.green_contact_tel p{font-size:20px; line-height:32px;}
.green_contact_tel p strong{font-size:24px; line-height:34px;}
.green_contact_mail{width:34%; font-size:19px; line-height:34px; padding-top:3px; padding-left:0; box-sizing:border-box;}
.green_contact_mail i{font-size:34px; line-height:34px; vertical-align:middle;}
.green_column_bg{padding:30px 0 40px 0;}
.green_column{width:90%; max-width:910px; font-size:12px;}
.green_column_voc{height:220px;}
.green_column_weixin{height:220px; padding-left:60px;}
.green_vice{width:96%; max-width:910px;}
.footer{font-size:14px;}
.pagetop{right:0px; bottom:0px;}


.product_banner{height:auto; background:none;}
.product_w1200{width:100%;}
.plr2_pad{padding-left:2%; padding-right:2%; box-sizing:border-box;}
.product_nav_sp li{width:50%; height:45px; float:left; font-size:14px; line-height:45px; border-right:#A6A6A6 1px solid; border-bottom:#A6A6A6 1px solid; box-sizing:border-box; position:relative;}
.product_nav_sp li a{padding-left:18px; display:block;}
.product_nav_sp li:nth-child(2n){border-right:none;}
.product_nav_sp li i{position:absolute; top:0px; right:15px; color:#45B2B7; font-size:15px;}
.product_right{width:100%; max-width:920px; float:none; margin:0 auto;}
.product_content{padding:0 2% 45px 2%;}
.product_voc{width:100%; padding-top:25px; display:flex;}
.product_voc dd{width:48%;}
.product_voc dt{width:50%; float:none; padding-left:2%;}
.product_voc dt h3{font-size:24px; line-height:1.3;}
.product_voc_p1{font-size:14px; line-height:22px; padding-top:10px;}
.product_voc_p2{font-size:11px; line-height:18px; padding-top:5px;}
.product_voc_p4 a{font-size:14px;}
.product_voc02 dl{width:49%; padding-top:40px;}
.product_voc02 dd{width:45%;}
.product_voc02 dl dt{width:53%; font-size:14px;}
.product_voc02 dt h3{font-size:17px; line-height:1.3;}
.product_voc_p5{font-size:12px; line-height:20px;}
.product_industry h3{font-size:22px;}
.product_industry_js{font-size:14px;}

.effluent_product{display:flex; flex-wrap:wrap; justify-content:space-between;}
.effluent_product li{width:48%; padding-top:25px;}
.effluent_product h3{font-size:20px; line-height:40px;}
.effluent_case{padding:15px;}
.effluent_case dt{width:calc(100% - 230px);}


.voc_w840{width:96%;}
.voc_rto dt{width:60%;}
.voc_rto dd{width:37%;}
.voc_rto_title{font-size:28px; line-height:1.3;}
.voc_rto_p1{font-size:16px; line-height:24px;}
.voc_rto_features{margin-top:20px;}
.voc_rto_features h3{height:25px; font-size:16px; line-height:25px;}
.voc_rto_features ul{padding:10px 0 10px 12px;}
.voc_rto_features ul li{font-size:15px; line-height:26px; padding-left:18px;}
.voc_rto_features ul li:before{width:12px; height:12px; top:7px;}

.voc_flowchart02{width:100%; max-width:775px; padding-left:0; margin:0 auto;}
.voc_flowchart02 dt{width:37%;}
.voc_flowchart02 dd{width:62%;}


.about_banner{height:auto; background:none;}
.product_nav_h2{color:#FFF; font-size:16px; font-weight:normal; margin-top:22px; padding:5px 0 5px 3%; background:#45B2B7;}
.product_nav_h2 p{font-size:10px; line-height:14px;}
.about_intro,.about_speech,.about_concept{width:96%; max-width:885px; padding-top:30px;}
.about_intro dt{width:68%;}
.about_intro dd{width:30%;}
.about_speech dt{width:78%;}
.about_speech dd{width:20%;}
.about_concept dt{width:63%;}
.about_concept dd{width:35%;}
.about_stronghold{width:96%; max-width:885px;}
.about_firm{width:100%; max-width:825px; display:flex;}
.about_firm li h4{font-size:14px;}
.about_firm_dq{font-size:12px; display:flex;}
.about_firm_li03 .about_firm_dq p:nth-child(3){width:90px;}
.about_hq dd{width:22.5%;}
.about_hq dt{width:75.5%;}
.about_hq dt th{width:100px;}


.contact_banner{height:auto; background:none;}
.contact_w825{width:96%; max-width:825px; padding:25px 0 0 0;}
.contact_feedback_js{width:96%; max-width:845px;}


.news_banner{height:auto; background:none;}
.news_list{width:100%; max-width:885px;}
.news_list li p:nth-child(3){width:calc(100% - 240px);}

.news_w885{width:96%; max-width:885px;}
.news_detailed{width:100%; max-width:800px;}


.voc_index_a1{width:65px;}
.voc_index_a2{width:47%; padding-left:3%; height:auto; line-height:1; display:flex; font-size:18px;}
.voc_index_a2 p{width:100%; align-self:center;}
.voc_index_a3{width:50%; height:auto;}
.voc_index_a3 img{width:100%;}
.voc_index_a4 li{width:24%;}
.voc_index_a4 h3{font-size:12px; padding-left:2px;}
.voc_index_a6{font-size:12px;}
.voc_index_a7{font-size:18px;}
.voc_index_a8{font-size:14px;}
.w575{width:100%;}
.voc_index_a10{font-size:16px;}


}

@media only screen and (min-width:768px) and (max-width:1000px){

}