@charset "utf-8";
/* CSS Document */
/**/
@media all and (max-width: 1680px) {

}
/* max 1680 end */

/**/
@media all and (max-width: 1550px) {

}
/* max 1550 end */

/**/
@media all and (max-width: 1440px) {  
}
/* max 1440 end */

/**/
@media all and (max-width: 1280px) {

    
    
}
/* max 1280 end */

/**/
@media all and (max-width: 1024px) {
   
}
/* max 1024 end */


/**/
@media all and (max-width: 750px) {
.m_center{width:100%; height: auto; margin: 0 auto; transition: all .5s ease 0s; padding:0 2%;}
.in_center{width:96%; padding:0 2%; overflow: hidden;}
/**/
.header{height: 50px; line-height: 50px;}
.header .right,.seach{display: none;}
.header .logo{display: inline-block; height: 50px; width: 50%; top: 0; left: 0;}
.top{height: 50px; right: 0; top: 0; width: 40%;}
.daoh{width:100%; height:calc(100% - 50px); line-height: 100px; float: inherit; text-align: left; bottom: 0; left: -100%; background: rgba(255,255,255,.95); position:fixed;}
.c_nav{display: flex; top:50%;}
.nav{width:100%; height: auto; display:block;}
.nav div{display:block; width: 100%; height:50px; line-height: 50px; border-bottom: 1px solid rgba(0,0,0,.1); margin: 0; text-align: center; background:none; padding-left:3%; font-size: 15px;}
.nav div a{position: relative; z-index: 2;}
.nav div:after{content: ''; width: 0%; height:1px; background: #008fd7; position: absolute; left: 50%; top:inherit; bottom: 0; border-radius: 18px; opacity: 0;}
.nav div:hover:after,.nav .nuw:after{left: 0; width: 100%; opacity: 1; border:none;}
.nav div:hover a,.nav .nuw a{ color: #008fd7; transition: all .2s ease-in .2s; width: 100%; height: 40px; line-height: 40px; border-bottom: none;}

/* banner */
.in_banner{width:100%; margin:50px auto 0; overflow: hidden;}
.in_banner_l,.in_banner_r,.in_banner .in_banner_a{display: none;}

/*首页水质分析*/
.analy{width: 96%; margin:2%;}
.title div{font-size: 16px;}
.title h1{font-size: 12px;height: auto;}
.analy_li ul li{width: 30%; margin-left: 3%;}
.analy_li ul li img{width:55px; height: 55px;}
.analy_li ul li h2{height: 35px; line-height: 35px; font-size: 14px;}
.analy_li ul li h3{font-size: 13px;height: auto;}
.title div{background: url(../images/title1.png) no-repeat center;}

/*首页关于我们*/
.about_fl,.about_fr{float: inherit; width: 100%;}
.about_fl{margin-bottom: 15px;}
.about_fl h1{width: 60px; height: 25px; line-height: 25px; font-size: 14px;}
.about_fl h2{height: 38px; line-height: 38px; font-size: 14px;}
.about_fl b{font-size: 22px; margin-top: 0; height: 32px; line-height: 32px;}
.about_fl h3{font-size: 14px; height: 32px; line-height: 32px;}
/*.about_fl p{font-size: 14px; height: 90px; line-height: 30px;}*/
.about_fl .div_p{font-size: 14px; height: auto; line-height: 30px;}
.about_li{margin-top: 15px;}
.about_li li{width: 30%; margin-right: 3%; height: 80px; left: 10%; font-size: 14px;}
.about_li li .img, .about_li li .imgs{height: 44px; width: 40px; left: 10px;}
.about_li li img{height: 44px; width: 40px;}
.about_li li i{top: 50px;}
.about_fr .aboutli a img{width: 100%; height: 250px;}

/*首页案例中心*/
.case{width: 96%; margin:2%; overflow: hidden;}
.case_qh{height: auto;}
.case_qh ul li, .case_qh div{ height: 30px; line-height: 30px; margin-bottom: 10px; font-size: 13px;}
.dispan .list ul li{width: 49%; margin-right: 2%;}
.dispan .list ul li:nth-child(2n){margin-right: 0;}
.moreimg img{width: 100%; height: 34.1vw;}
.about_fr .aboutjs{font-size: 13px;}
/*首页新闻中心*/
.news{width: 96%; margin:2%; overflow: hidden;}
.news_li ul li{float: inherit; width: 100%; zoom: 1; margin: 0 0 15px 0;}
.news_li ul li:after{ display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.news_li .fl{width: 16.7%;}
.news_li .fl .new,.news_li .fl .time{height: 45px; width: 100%; padding-top: 4px; font-size: 14px;}
.news_li .fl .time{font-size: 14px;}
.news_li .fl .time i{font-size: 12px;}
.news_li .fr{width: 83.3%;}
.news_li .fr .img, .news_li .fr .img img{width: 100%; height: auto;}
.news_li .fr h1{height: 35px; line-height: 35px; font-size: 16px;}
.news_li .fr h2{height: 30px; line-height: 30px; font-size: 14px; margin-bottom: 10px;}
.news_li .fr h3{height: 75px; line-height: 25px; font-size: 12px; margin-bottom: 10px;}
.new_li{padding: 15px;}
.new_li ul li{height: 35px; line-height: 35px; float: inherit; width: 100%; font-size: 13px;}
.news_li .fr h1 a,.news_li .fr h3 a,.news_li .fr a{font-size: 12px;}

/*首页合作*/
.coop{width: 96%; margin:2%; overflow: hidden;}
.pg_proul_a{width: 100%; text-align: center; padding-bottom:15px; font-size: 0; float:inherit; margin-top:40px; height: auto;}
.pg_proul{width: 82vw; height: auto; margin:0px auto; position: relative; overflow: hidden;}
.pg_proli{width:40vw !important; height: auto; margin-right:2vw;}
.pg_proul_l{left: -5px;}
.pg_proul_r{right: -5px;}

/*底部*/
.foot_topnav{width: 100%; height: auto; float: inherit;}
/*.foot_navli{width: 100%; height: auto; float: inherit;}*/
.foot_navli{width: 33%; height: auto; float: left; padding-left: 9.6%;}
.foot_navli p{display: none; font-size: 13px;}
.foot_navli p:first-child{margin-bottom:15px; display: block; padding-bottom: 10px;}
.foot_fr{float: inherit; width: 100%;}
.foot_fr .phone{float: left; padding-top: 25px;}/*新增*/
.foot_fr .fl,.foot_fr .fl img{width: 66px; height: 64px;}
/*.foot_fr .fr{width: 78%; font-size: 16px; line-height: 22px;}*/
.foot_fr .fr{width: auto; font-size: 16px; line-height: 22px;margin-left: 15px;}
.foot_fr .fr em{font-size: 12px;}
.foot_navli p:first-child a{font-size: 13px;}
/*.foot_fr .wx{text-align: left; margin-top: 15px;}*/
.foot_fr .wx{text-align: center;float: right;}
.foot_fr .wx img{width: 93px; height: 93px; padding: 10px;}
.bottom{font-size: 14px; width: 100%; overflow: hidden;}

/*案例中心*/
.n_bann{margin: 50px auto 0;}
.ny_tit{height: auto; margin-bottom: 15px;}
.ny_tit .fl,.ny_tit .fr{float: inherit; width: 100%;}
.ny_tit .fl{font-size: 16px; height: 40px; line-height: 40px;}
.ny_tit .fl div{font-size: 14px;}
.ny_tit .case_qh{width: 100%; text-align: left; margin-top: 5px;}
.ny_case{width: 96%; margin: 0 auto;}
.ny_case ul li{width: 49%; margin-right: 2%; height: 140px;}
.ny_case ul li:nth-child(2n){margin-right: 0;}
.page a{padding:5px; font-size: 12px;}
.ny_fy{padding-top: 15px;}
.ny_fy .fl,.ny_fy .fr{float: inherit; display: block; margin-bottom: 15px;}
.ny_fy .fl div, .ny_fy .fr div{height: 30px; line-height: 30px; width: 100px; font-size: 13px;}
.detal img{width: 100% !important;}

/*企业资质*/
.natural ul li{width: 47%; margin: 0 5% 20px 0;}
.natural ul li:nth-child(2n){margin-right: 0;}
.natural ul li .img{width: 100%; height: auto; overflow: hidden;}
.natural ul li .img img{width: 100%; height: 220px;}
.natural ul li h1{margin-top: 15px;}
.pg_showli,.pg_showul{width: 55vw;}
.pg_showul_l{left: 0;}
.pg_showul_r{right: 0;}
.pg_showul_l, .pg_showul_r{font-size: 24px;}
.cata_t{font-size: 14px;}

/*集采平台*/
.jcpt{width: 94%; margin: 0 3%;}
.jcpt ul li{width: 48%; margin: 0 2% 20px 0;}
.jcpt ul li:nth-child(2n){margin-right: 0;}
.jcpt ul li h1{margin-top: 15px;}
.jcpt ul li img{width: 100%; height: 130px;}
.jcpt .moreimg div{width: 100%; height: 134px;}

/*内页新闻中心*/
.ny_news_li ul li .fl{width: 60px;}
.ny_news_li ul li .fl .new, .ny_news_li ul li .fl .time{height: 40px; width: 60px; padding-top: 4px;}
.ny_news_li ul li .img,.ny_news_li ul li .fr{width: 80%; float: left; height: auto; margin: 0;}
.ny_news_li ul li .fr{margin-left:60px;}
.ny_news_li ul li .img img,.ny_news_li ul li .img a img,.ny_news_li ul li .img a{height: 125px; width: 100%;}

.ny_news_li ul li .fr h1,.ny_news_li ul li .fr h1 a{height: 35px; line-height: 35px; font-size: 16px;}
.ny_news_li ul li .fr h2{height: 30px; line-height: 30px; font-size: 14px; margin-bottom: 10px;}
.ny_news_li ul li .fr h3{height: 75px; line-height: 25px; font-size: 12px; margin-bottom: 10px;}
.ny_news_li ul li a{width: 100px; height: 35px; line-height: 35px;}

/*联系我们*/
.lianxi{width: 94%; margin: 0 3% 20px 3%;}
.lianxi .add,.lianxi .map{float: inherit; width: 100%;}
.lianxi .add{line-height: 35px; font-size: 14px;}
.lianxi .add i{font-size: 16px;}
.lianxi .add div{font-size: 12px; line-height: 28px;}
#p_em{font-size: 16px;}
/*技术支持*/
.support ul li{padding: 15px; margin-bottom: 15px; font-size: 15px;}
.support ul li .fl,.support ul li .fr{width: 100%; float: inherit;}
.support ul li .fl{line-height: 25px;}
.support ul li .fr a{width: 100px; height: 30px; line-height: 30px; display: block;}















}
/* max 750 end */