@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#333; font-size:14px; font-family:Microsoft Yahei;}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Microsoft Yahei; vertical-align:middle}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#333; text-decoration:none;}
a:hover{ color:#004882; text-decoration:underline;}

.width_all{ max-width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ margin:20px auto;}
.head_top .logo{ float:left; width:446px;}
.head_top .logo img{ width:100%;}
.head_top .separett{ float:right; margin:24px 0 0 0; width:104px;}
.head_top .separett img{ width:100%;}

/*nav*/
.nav{ margin:10px auto;}
.navbar_nav{ border:#ccc 1px solid;}
.navbar_nav li{ float:left; position:relative; text-align:center; width:12.86%; line-height:46px;}
.navbar_nav li:nth-child(1){ width:9.98%;}
.navbar_nav li:after{ width:1px; height:16px; background:#ccc; position:absolute; left:0; top:15px; content:"";}
.navbar_nav li:nth-child(1):after{ display:none;}
.navbar_nav li a{ text-decoration:none; display:block; color:#333; font-size:16px; text-transform:uppercase;}
.navbar_nav li:hover a,.navbar_nav li.active a{ color:#004882;}
.navbar_nav li:hover a:before{ position:absolute; bottom:5px; left:50%; background:#004882; width:64px; height:2px; content:""; margin:0 0 0 -32px;}
.navbar_nav li.active a:before{ position:absolute; bottom:5px; left:50%; background:#004882; width:64px; height:2px; content:""; margin:0 0 0 -32px;}
.navbar_nav li.active:nth-child(1) a:before{ width:32px; margin:0 0 0 -16px;}
.navbar_nav li.dropdown{ display:inherit; position:relative;}
.navbar_nav li.dropdown .dropdown_menu{ z-index:99; display:none; position:absolute; top:46px; background:#004882; box-shadow:0 3px 9px 0 rgba(51,51,51,0.38); width:120%; margin:0 0 0 -10%;}
.navbar_nav li.dropdown .dropdown_menu a:before{ display:none;}
.navbar_nav li.dropdown .dropdown_menu a{ font-size:14px; color:#fff; padding:0 10px; line-height:40px; text-align:center; text-transform:inherit;}
.navbar_nav li.dropdown:hover .dropdown_menu{ display:block; transition:0.5s;}
.navbar_nav li.dropdown:hover .dropdown_menu a{ color:#fff;}
.navbar_nav li.dropdown:hover .dropdown_menu a:hover{ background:#dc6843;}

/*banner*/
.banner{ margin:10px auto;}
.banner_sj{ display:none;}
.flexslider{ position:relative; height:auto;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block;border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:0;}
.flex-control-nav li{ margin:0 4px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:8px; height:8px; border-radius:4px; display:block; background:#fff; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#004882;}
.flex-control-paging li a.flex-active{ background:#004882; cursor:default;}
.banner .flex-direction-nav a{ width:15%; height:100%; display:block; position:absolute; top:0; text-indent:-9000px;}
.banner .flex-direction-nav a.flex-prev{ left:0;}
.banner:hover .flex-direction-nav a.flex-prev{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));}
.banner .flex-direction-nav a.flex-next{ right:0;}
.banner:hover .flex-direction-nav a.flex-next{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));}
.banner .flex-direction-nav a i{ position:absolute; left:50%; top:50%; width:16px; height:40px; margin:-20px 0 0 0;}
.banner:hover .flex-direction-nav a.flex-prev i{ background:url(../images/b_prev_h.png) center no-repeat; transition:all .5s;}
.banner:hover .flex-direction-nav a.flex-next i{ background:url(../images/b_next_h.png) center no-repeat; transition:all .5s;}
.banner .flex-direction-nav a:hover.flex-prev i{ background:url(../images/b_prev.png) center no-repeat;}
.banner .flex-direction-nav a:hover.flex-next i{ background:url(../images/b_next.png) center no-repeat;}

/*new_product*/
.new_p_name{ margin:32px auto 24px auto; border-bottom:#ccc 1px solid; position:relative;}
.new_p_name span{ font-size:20px; color:#333; line-height:38px; border-bottom:#004882 2px solid; position:absolute; left:0; top:0;}
.new_p_name a{ float:right; line-height:18px; margin:11px 0 10px 0;}
.new_p_name a img{ width:52px; height:18px;}
.new_product{ margin:24px auto 32px auto;}
.new_product ul{ overflow:hidden;}
.new_product ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.new_product ul li:last-child{ margin:0;}
.new_product ul li em{ display:block; text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0;}
.new_product ul li img{ width:100%;}
.new_product ul li p{ border:#ccc 1px solid;}
.new_product ul li a{ display:block; color:#333;}
.new_product ul li a:hover{ text-decoration:none; color:#004882;}

/*about_us*/
.about_us{ margin:32px auto; background:#f2f2f2;}
.about_left{ float:left; width:48%;}
.about_left .about_name{ width:88%; margin:20px auto 14px auto;}
.about_left .about_name span{ font-size:20px; color:#333; line-height:38px; border-bottom:#004882 2px solid; display:inline-block;}
.about_left .about{ width:88%; margin:14px auto 16px auto; font-size:14px; color:#333; line-height:25px;}
.about_left .about p{ margin:0 0 16px 0; text-indent:2em;}
.about_left .about_more{ width:88%; margin:0 auto;}
.about_left .about_more img{ width:52px; height:18px;}
.about_left .about_more a{ line-height:18px;}
.about_right{ float:right; width:48.3%;}
.about_right img{ width:100%;}

/*news*/
.news_name{ margin:32px auto 24px auto; border-bottom:#ccc 1px solid; position:relative;}
.news_name span{ font-size:20px; color:#333; line-height:38px; border-bottom:#004882 2px solid; position:absolute; left:0; top:0;}
.news_name a{ float:right; line-height:18px; margin:11px 0 10px 0;}
.news_name a img{ width:52px; height:18px;}
.news{ margin:24px auto 32px auto;}
.news_left{ width:30%; float:left; position:relative;}
.news_left em{ width:96%; position:absolute; bottom:0; left:0; background:rgba(0,72,130,.8); font-size:14px; line-height:24px; padding:8px 0 8px 4%;}
.news_left img{ width:100%;}
.news_left a{ color:#fff;}
.news_left a:hover{ text-decoration:none;}
.news_right{ float:right; width:67%;}
.news_right ul{ overflow:hidden;}
.news_right ul li{ line-height:39px; border-bottom:#ccc 1px dotted; overflow:hidden;}
.news_right ul li a{ display:block; color:#333;}
.news_right ul li a:hover{ text-decoration:none; color:#004882;}
.news_right ul li span{ float:left; width:80%; height:39px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.news_right ul li i{ width:2px; height:8px; background:#004882; float:left; margin:16px 12px 15px 0;}

/*case*/
.case{ margin:32px auto; background:#004882; position:relative;}
.case_name{ font-size:20px; color:#fff; width:2.95%; line-height:25px; text-align:center; padding:2%; float:left;}
.case_name a{ position:absolute; left:8px; bottom:8px; line-height:18px;}
.case_name a img{ width:52px; height:18px;}
.case_right{ float:right; background:#fff; width:93.05%;}
#marquee1{ margin:0 0 0 28px; overflow:hidden;}
.case_right ul{ overflow:hidden;}
.case_right ul li{ float:left; width:228px; margin:0 20px 0 0;}
.case_right ul li a{ color:#333;}
.case_right ul li a:hover{ text-decoration:none; color:#004882;}
.case_right ul li img{ width:100%;}
.case_right ul li em{ font-size:14px; line-height:24px; margin:5px 0 0 0; height:24px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*footer*/
.footer{ margin:32px auto 36px auto; border-top:#ccc 1px solid;}
.footer dl{ float:left; width:15%; margin:12px 0 0 0;}
.footer dl:nth-child(2){ width:17%;}
.footer dl:nth-child(3){ width:20%;}
.footer dl:nth-child(4){ width:18%;}
.footer dl:last-child{ width:30%; float:right;}
.footer dl dd{ font-size:16px; color:#333; line-height:28px; margin:0 0 8px 0;}
.footer dl dt{ line-height:25px; font-size:14px; color:#666;}
.footer dl dt p{ font-size:20px; color:#333; font-weight:bold; margin:0 0 8px 0;}
.footer dl dt a{ font-size:14px; color:#666; display:block; transition:all .3s;}
.footer dl dt a:hover{ color:#333; text-decoration:none;}
.footer_site{ margin:0 auto; background:#004882; font-size:14px; color:#eee; line-height:24px; overflow:hidden;}
.footer_site a{ color:#eee;}
.footer_site a:hover{ color:#fff; text-decoration:none;}
.footer_icp{ float:left; margin:6px 0 6px 12px;}
.footer_map{ float:right; margin:6px 12px 6px 0;}

/*lujing*/
.lujing{ margin:8px auto; overflow:hidden; border-bottom:#ccc 1px solid; font-size:14px; color:#333; line-height:25px; padding:0 0 4px 0;}
.lujing a{ text-decoration:underline;}
.lujing a:hover{ text-decoration:none;}

/*content*/
.content{ width:95%; margin:20px auto 32px auto;}
.content .content_name{ background:#eee; font-size:14px; color:#333; line-height:36px; padding:0 0 0 12px; font-weight:bold; margin:0 0 20px 0;}
.content .con_left{ float:left; width:20%;}
.content .con_left span{ background:#004882; display:block; font-size:16px; color:#fff; line-height:36px; padding:0 0 0 16px;}
.content .con_left ul{ overflow:hidden; border:#ccc 1px solid; border-bottom:none;}
.content .con_left ul li{ border-bottom:#ccc 1px solid;}
.content .con_left ul li i{ width:7px; height:7px; background:url(../images/jtou.png) center no-repeat; float:left; margin:13px 6px 12px 14px;}
.content .con_left ul li a{ font-size:14px; line-height:32px; display:block;}
.content .con_left ul li a.cuttr{ background:#eee;}

.content .con_right{ float:right; width:77.2%;}
.content .con_right .con_r_name{ background:#eee; font-size:14px; color:#333; line-height:36px; padding:0 0 0 12px; font-weight:bold; margin:0 0 20px 0;}

/*profiles*/
.profiles{ font-size:14px; color:#333; line-height:25px; overflow:hidden;}
.profiles img{ max-width:100%;}
.profiles p{ margin:0 0 16px 0;}

/*products*/
.products{ width:100%; margin:0 auto; overflow:hidden;}
.products .products_left{ float:left; width:48%;}
.products .products_left img{ width:100%;}
.products .products_left p{ display:block; border:#eee 1px solid;}
.products .products_right{ float:right; width:48%;}
.products .products_mc{ font-size:20px; color:#000; font-weight:bold; line-height:30px;}
.products .products_xh{ font-size:16px; color:#000; font-weight:bold; text-transform:uppercase; line-height:28px; font-family:Arial, sans-serif; margin:4px 0;}
.products .products_jies{ border:#ccc 1px solid; border-left:none; border-right:none; font-size:14px; color:#333; line-height:25px; padding:8px 0;}
.products .pdf{ margin:16px 0 0 0;}
.products .pdf img{ width:31px; height:32px; margin:0 14px 0 0; float:left;}
.products .pdf a{ font-size:14px; color:#e5312e; line-height:32px;}
.products .pdf a:hover{ text-decoration:none;}

.products_detwo_titel{ border:#ccc 1px solid; border-right:none; height:40px; line-height:40px; margin:26px 0 0 0; overflow:hidden;}
.products_detwo_titel a{ cursor:pointer; float:left; width:20%; color:#000; font-size:16px; text-align:center; display:block; height:40px; position:relative;}
.products_detwo_titel a:before{ position:absolute; right:0; top:0; content:""; width:1px; height:100%; background:#ccc;}
.products_detwo_titel a.cur,.products_detwo_titel a:hover{ color:#fff; background:#004882; text-decoration:none;}
.products_decon{ width:100%; margin:0 auto;}
.pro_con{ display:none; padding-top:20px; font-size:14px; color:#666; line-height:25px;}
.pro_con img{ max-width:100%;}
.pro_con iframe{ width:100%; height:480px;}

/*cesuo*/
.cesuo{ font-size:14px; color:#333; line-height:25px;}
.cesuo img{ max-width:100%;}
.cesuo table{ border:#ccc 1px solid; width:100%;}
.cesuo table td{ border:#ccc 1px solid; font-size:14px; color:#333; line-height:25px; text-align:center; padding:6px; font-weight:bold;}

/*ny_case*/
.ny_case{ width:100%; margin:0 auto;}
.ny_case ul{ overflow:hidden;}
.ny_case ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.ny_case ul li:nth-child(4n){ margin:0 0 2% 0;}
.ny_case ul li a{ color:#333;}
.ny_case ul li a:hover{ text-decoration:none; color:#004882;}
.ny_case ul li img{ width:100%;}
.ny_case ul li em{ font-size:14px; line-height:24px; margin:5px 0 0 0; height:24px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*ny_news*/
.ny_news{ width:100%; margin:0 auto;}
.ny_news dl{ width:100%; margin:0 auto; overflow:hidden;}
.ny_news dl dd{ float:left; width:40%;}
.ny_news dl dd img{ width:100%;}
.ny_news dl dt{ float:right; width:57%; font-size:14px; color:#666; line-height:24px;}
.ny_news dl dt em{ display:block; font-size:16px; color:#333;}
.ny_news dl dt small{ display:block; font-size:14px; color:#888; margin:0 0 6px 0;}
.ny_news dl dt .n_more{ width:100%; margin:8px auto 0 auto; overflow:hidden;}
.ny_news dl dt .n_more a{ font-size:14px; color:#004882; line-height:22px; display:block;}
.ny_news ul{ overflow:hidden; margin:16px auto 0 auto;}
.ny_news ul li{ overflow:hidden; border-bottom:#ccc 1px dotted;}
.ny_news ul li a{ font-size:14px; color:#333; line-height:42px; display:block;}
.ny_news ul li a:hover{ color:#004882; text-decoration:none;}
.ny_news ul li i{ width:2px; height:8px; background:#004882; float:left; margin:17px 10px 0 0;}
.ny_news ul li span{ width:68%; float:left; height:42px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li font{ float:right; color:#999;}

.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 26px auto;}
.news_name_n strong{ font-size:15px; color:#525252; line-height:25px; margin:0 0 5px 0; display:block;}
.news_name_n span{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; margin:0 auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100% !important;}
.p_next{ width:100%; margin:20px auto 0 auto; overflow:hidden; border:#eee 1px dashed; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; line-height:30px; color:#525252;}
.p_next a:hover{ color:#004882;}

/*contact_us*/
.contact_us{ width:100%; margin:0 auto; overflow:hidden;}
.contact_left{ float:left; width:50%; font-size:14px; color:#333; line-height:25px;}
.contact_right{ float:right; width:50%;}
.contact_right iframe{ width:100%; height:418px; padding:0; margin:0; float:left;}



/*2021-11-16 厕所资源计算器*/
#container{
	text-align: center;
	font-size: 16px;
}
.container-title {
	margin-bottom: 40px;
}
.container-title strong{
		margin-bottom: 20px;
		font-size: 24px;
		font-weight: bold;
		color: #004882;
}
#container input{
	margin: 0 6px;
	display: inline-block;
	font-size: 18px;
	line-height: 40px;
	color: #004882;
	font-weight: bold;
	border-radius: 0px;
	border: none;
	border-bottom: 1px solid #004882;
	outline:none;box-shadow: none;
	text-decoration:none;
}
#container button{
	display: inline-block;
	padding: 0 2em;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	background: #004882;
	border: none;
	cursor:pointer;
	text-decoration:none;
	outline:none;box-shadow: none;
	transition: all ease 0.4s;
}
#container button:hover{
	background: #dc6843;
}
.container-result{
	display: none;
	max-width: 1200px;
	margin:80px auto 0;
	text-align: center;
}
.container-info{
	font-size: 16px;
	color: #666;
}	
.container-info span{
	display: inline-block;
	margin: 0 4px;
	font-weight: bold;
	color: #004882;
}	
.container-result ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}
.container-result ul li{
	width: 20%;
	list-style: none;
	background: #f7f7f7;
	padding:40px 20px;
}
.container-result ul li i,
.container-result ul li em{
	display: inline-block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	font-size: 30px;
	text-align: center;
	color: #fff;
	background: #004882;
	border-radius: 50%;
}
.container-result ul li strong{
	display: block;
	margin: 20px 0;
	font-size: 18px;
	color: #004882;
}
.container-result ul li p{
	margin:0 0 5px;
	font-size: 14px;
	line-height: 1.25em;
	color: #666;
}
@media (max-width: 767px) {
.container-result ul li{
	width: 45%;
	margin-top: 20px;
	list-style: none;
	background: #f7f7f7;
	padding:40px 20px;
}
}