﻿@charset "utf-8";
/* CSS Document */
@font-face{font-family:'din'; src: url('../font/din.OTF');}
@font-face {font-family:BarlowCondensed-Regular; src:url(../font/BarlowCondensed-Regular.ttf);}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select,div{margin:0; padding:0;box-sizing: border-box;}
body{ color: #333;  font-size:14px; font-family: "Microsoft YaHei","微软雅黑"; overflow-x:hidden;background:#fff;}
a{text-decoration:none; color:#333;}
a:hover{color:#125EBC;}

ul,li{list-style:none;}
.clear{clear:both;}
img{border:0;}
.fl{float:left;}
.fr{float:right;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}


/*滚动条美化*/
body::-webkit-scrollbar {
  width: 10px !important;
}
body::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}
body::-webkit-scrollbar-track-piece {
  background-color: #f3f3f3;
  -webkit-border-radius: 4px;
}
body::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border: solid 1px #C0C0C0;
  border-radius: 4px;
}
body::-webkit-scrollbar-corner {
  background-color: #ddd;
}
body::-webkit-resizer {
  background-repeat: no-repeat;
  background-position: bottom right;
}
body::-webkit-scrollbar-thumb:hover {
  background-color: #F3F3E0;
}
::-webkit-scrollbar {
  width: 15px;
}

/*图片放大*/
.picShow img:hover,.picShow a:hover img{transition:all 500ms ease-out 0s; 
  -webkit-transform:scale(1.1);
  moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
opacity:1;}
.picShow img{transition:all 500ms ease-out 0s; }

.main{width: 88%; margin: auto; max-width: 1300px; }

.flex_space{display:flex;justify-content:space-between; flex-wrap:wrap;}
.flex_start{display: flex;justify-content: flex-start;flex-wrap:wrap;}
.t_center{display:flex; flex-direction:column; justify-content:center;align-items:center;}

/*文字省略*/
.ellipsis1 {overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ellipsis3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}


/*顶部*/
.top{height: 46px;line-height: 46px; width:100%; background: #f8f8f8; color:#555;}
.top i{ width:15px; height:3px; display:inline-block; background:#125EBC; position:relative; margin-left:3px; margin-right:8px; vertical-align:middle;}
.top i:after{ content:''; width:15px; height:3px; display:inline-block; background:#125EBC; position:absolute; left:-3px; top:6px;}
.top i:before{ content:''; width:15px; height:3px; display:inline-block; background:#125EBC; position:absolute; left:-3px; top:-6px;}
.top .top_right span{ display:inline-block; margin:0 10px; color:#ccc;}

/*头部*/
.header{ background:#fff; }
.header .logo{ margin:25px 0;}
.header .logo img{ display:block; max-width:85%;}

/*小程序码*/
.header .xcx{ margin:5px 25px 0 0; text-align:center;}

/*电话*/
.header .tel{margin-top:30px; background: url(../images/top_kf.png) no-repeat left 0px; padding-left:66px;}
.header .tel h6{font-size:14px; font-weight:normal; color:#666; margin-bottom:2px;}
.header .tel p{font-size:30px; font-family:din; color:#125EBC;}



/*下拉菜单*/
.navBox {width:100%; position:relative; z-index:999; background:#3580D1; background-image: linear-gradient(#459FDD, #2359C3);}
.navBox .nav{ height:56px;}
.navBox .nav li {position: relative;flex:1 1 auto;}
/*.navBox .nav li+li:before{ content: ""; display: block; width: 1px; height:13px; background: rgba(255,255,255,.5); position: absolute; top: 50%; left:-1px; z-index:-1; margin-top: -6px;}*/
.navBox .nav li>a {display: block;position: relative; height:100%; display:flex; justify-content:center;align-items:center;}
.navBox .nav li>a .bg {background:#C3D9F1;background-image: linear-gradient(#C7E2F5, #BDCEEC);transform: skew(-16deg);position: absolute;left: 0px;bottom: 0px;width:100%;display: block;height:0;transition: 0.5s; opacity:0;visibility: hidden;}
.navBox .nav li>a .txt {position: relative;z-index: 2;font-size:16px;color:#fff; transition: 0.3s;}
.navBox .nav li.active a .bg,.navBox .nav li.curr a .bg {height: 100%; opacity: 1; visibility: visible; }
.navBox .nav li>a:hover .txt,.navBox .nav li.curr>a .txt{ color:#125EBC; font-weight:bold;}


.subNavbox{width:92%;position:absolute; margin-top:0; top:100%;left:50%;background:#fff; -webkit-transform:translate(-50%,10px);-ms-transform:translate(-50%,20px);transform:translate(-50%,20px); border-radius:3px;padding:10px 15px;opacity:0; pointer-events:none; transition:all .3s;box-shadow:0 5px 50px rgba(0,0,0,.1); box-sizing:border-box;}
.subNavbox:after{content:"";position:absolute;bottom:100%;left:50%;border-style:solid;margin-left:-7px;border-width:7px;border-color:transparent transparent rgba(255, 255, 255, 0.9)}
.subNavbox p:not(:last-of-type){border-bottom:1px solid #ddd}
.subNavbox a{display:block;position:relative;font-size:15px;padding:15px 0; -webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);-ms-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1); text-align: center; }
.subNavbox a:before{content:"";position:absolute;top:7px;bottom:7px;left:-15px;width:3px;background: #3379CF;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s cubic-bezier(.162,.85,.45,1);transition:transform .3s cubic-bezier(.162,.85,.45,1);}
.subNavbox a.active,.subNavbox a:hover{color:#3379CF}
.subNavbox a.active:before,.subNavbox a:hover:before{-ms-transform-origin:top;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.subNavbox.active{pointer-events:all;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;opacity:1; }

@media only screen and (max-width: 800px){
	.top i{display:none;}
	.main{width:100%; padding:0 15px; box-sizing:border-box;}
	.header .xcx,.header .tel,.top .top_right{display:none;}
	.header .logo { margin:10px 0;}	
	.navBox{display:none;}
}

/*======================手机头部样式======================*/
.nav_btn,.nav_box{ display:none;}

@media only screen and (max-width: 800px){
	.top { position:fixed; left:0; top:0; z-index:9999;}
	.header{margin-top:46px;}
		
	/*导航按钮*/
	.nav_btn{width: 40px;height: 40px;transition: 0.3s;cursor: pointer;border:none;padding:10px 0 0 0;outline: none;background:none; display:block;}
	.nav_btn .line{position: relative;display: block;width: 25px;height: 3px;margin: 0px auto 0;background:#125EBC;border-radius:3px;}
	.nav_btn .line:before,.nav_btn .line:after{content: '';width: 100%;height: 3px;left: 0;position: absolute;background:#125EBC;border-radius:3px;transition-duration: 0.3s,0.3s;transition-delay: 0.1s,0s;}
	.nav_btn .line:before{transition-property: bottom,transform;bottom: 8px;}
	.nav_btn .line:after{transition-property: top,transform;top: 8px;}
	.nav_btn_active .line {background: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
	.nav_btn_active .line:after,.nav_btn_active .line:before {-webkit-transition-delay: 0s,.1s;-moz-transition-delay: 0s,.1s; -ms-transition-delay: 0s,.1s; -o-transition-delay: 0s,.1s; transition-delay: 0s,.1s}
	.nav_btn_active .line:before {bottom: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
	.nav_btn_active .line:after {top:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

	/*弹出菜单*/
	.nav_box{position: fixed;top:46px;left: 0;bottom: 0;right: 0;background: #fff;z-index: 102; display:none;}
	.nav_box .wrapper {position: absolute;left: 0;right: 0;height: 100%;padding:15px; box-sizing:border-box;overflow-x: hidden;overflow-y: auto;z-index: 110;}
	
	.nav_box .menu{overflow-x: hidden;overflow-y: auto;}
	.nav_box .menu .item{border-bottom: 1px solid #e1e6f0; padding:14px 15px; font-size:16px;}
	.nav_box .menu .item i{float:right; color:#ccc; transition:0.3s all;}
	.nav_box .menu .item.active i{ -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	.nav_box .menu .con{ padding:0 0 0 30px; display:none; background-color:#fff;}
	.nav_box .menu .con li{border-bottom: 1px solid #e1e6f0; padding:14px 0px; font-size:15px; color:#666;}
	.nav_box .menu .con li.curr{color:#0DB083;}
	.nav_box .menu .con li:hover{color:#0DB083;}
	
	/*搜索表单*/
	.search_box {width:100%;  position: relative;border: 1px solid #e1e6f0; overflow:hidden; border-radius:3px; margin-bottom:10px; margin-top:10px;}
	.search_box .search-btn {position: absolute;top:0px;right:0px;width:50px ;height:100%; 
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer
	}
	.search_box form {height:46px;}
	.search_box form input[type="text"] {width: 100%;height: 100%;background:rgba(255,255,255,0.8);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 50px 0 15px;border: none; font-size:15px;}
	.search_box form input[type="submit"]{display: inline-block;width:30px;height:30px; background: url('../images/sousuo.png') no-repeat center; border:none; background-size:23px auto;}

	/*电话*/
	.nav_box .tel{text-align:center; margin-top:20px; font-size:20px; font-family:din; color:#fff; background:#125EBC; padding:15px; border-radius:5px; letter-spacing:1px;} 
	.nav_box .tel i{ font-size:18px; margin-right:5px;}
}


/*======================轮播图======================*/
/*焦点图*/
	#banner {max-width:1920px; margin:auto; position:relative; z-index:9; overflow:hidden;}
	#banner .swiper-slide .pic{ overflow:hidden; height: 500px;  position:relative;}
	@media only screen and (max-width: 800px){#banner .swiper-slide .pic{height: 220px;}}

/*按钮切换*/	
	#banner .swiper-button-prev,#banner .swiper-button-next {display: none;width: 72px;height: 72px; background: url(../images/ico_sliding.png) no-repeat;}
	#banner .swiper-button-prev {background-position: 0 0;}
	#banner .swiper-button-prev:hover { background-position: 0 -144px;}
	#banner .swiper-button-next { background-position: 0 -72px;}
	#banner .swiper-button-next:hover {background-position: 0 -216px;}
/*分页器*/
	#banner .swiper-pagination-bullet{width: 10px;height: 10px; display: inline-block; border-radius: 50%; background:rgba(0,0,0,0.5); transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
	#banner .swiper-pagination-bullet-active{background:rgba(255,255,255,0.6);color: #fff;width: 33px;border-radius: 30px;opacity: 1.0;}
	#banner .swiper-pagination{bottom:15px;}
	

/*页面标题*/
.main_tit {margin-top: 60px; text-align:center;}
.main_tit .title { font-size: 32px; color:#000; font-weight: bold; background:url(../images/tit_bg.png) no-repeat center;}
.main_tit .desc {font-size: 16px;color: #999999; margin-bottom:35px; margin-top:15px;}

.main_tit h3{ font-size:32px; color:#000;  margin-bottom:20px;}
.main_tit p{width:1080px; text-align:center; font-size:16px; line-height:2; margin:0 auto 25px auto;}

/*服务项目*/
.service{ margin:40px auto;}
.service dl{ width:15%; height:72px; border-radius:5px; background:#3580D1; background-image: linear-gradient(to right, #2258C2, #459DDD); color:#fff;}
.service dt{ font-size:22px; font-weight:bold; letter-spacing:4px;}
.service dd{ font-size:16px;}
.service li{background:#46A0DE; width:20%; height:72px; text-align:center;font-size:18px; border-radius:5px;}
.service li svg{ margin-right:5px; vertical-align:middle;}
.service li a{color:#fff; display:block; line-height:72px;}

@media only screen and (max-width: 800px){
	.service{ margin:20px auto;}
	.service dl{ width:100%; height:60px; }
	.service li{width:48%; height:60px; text-align:center;font-size:16px; margin-top:10px;}
	.service li a{line-height:60px;}

}
/*信息中心*/

	/*焦点图*/
	#focus {width:600px; height:426px; margin:0;}
	#focus .swiper-slide{overflow:hidden;  position:relative;}
	#focus .swiper-slide img{ width:100%; height:100%; object-fit: cover; display:block;transition:0.3s all;}
	/*分页器*/
	#focus .swiper-pagination-bullet{width: 11px;height: 11px; display: inline-block; border-radius: 50%; background:#fff; transition: all .5s ease; opacity:0.3;}
	#focus .swiper-pagination-bullet-active{background:#fff; opacity: 1.0;}
	#focus .swiper-pagination{bottom:12px; left:-10px; text-align:right;}

	#focus .swiper-slide p{ width:100%; line-height:42px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.6); color:#fff; padding:0 100px 0 15px; box-sizing:border-box;}


/*TAB切换*/
.slideTxtBox{ width:calc(100% - 630px);}
.slideTxtBox .hd{ position:relative; margin-top:-10px;}
.slideTxtBox .hd li{margin-right:20px; position:relative; font-weight:bold; font-size:15px; height:30px; cursor:pointer;}
.slideTxtBox .hd li.on{color:#f60;}

.slideTxtBox .bd ul li{line-height:2.5; font-size:15px; padding-left:20px; position:relative;}
.slideTxtBox .bd ul li:before{ content: ""; display: block; width:6px; height:6px; border-radius:6px; background:#ccc; position: absolute; top: 50%; left: 0;transform: translate(0, -50%);}
.slideTxtBox .bd ul li span{float:right; font-size:14px; color:#999; margin-left:10px;}

@media only screen and (max-width: 800px){
	#focus{width:100%; height:220px;}
	.slideTxtBox{width:100%; margin-top:20px;}
	.slideTxtBox .bd ul li{ font-size:14px; padding-left:15px;}
	.slideTxtBox .bd ul li span{float:right; font-size:12px; color:#999;}
}

/*版块框架*/
.mybox{ border:solid 1px #e8e8e8; padding:20px; box-sizing:border-box; }
.mybox .tit{ height:38px; border-bottom:solid 1px #e8e8e8; margin-bottom:25px;}
.mybox h5{font-size:20px; color:#125EBC;}
.mybox h5 em{font-size:14px; color:#333; font-style:normal; font-weight:normal; margin-left:20px; text-transform:uppercase;}
@media only screen and (max-width: 800px){
	.mybox{padding:15px;}
	.mybox .tit{ height:32px;}
	.mybox h5 em{ display:none;}
	.mybox h5{font-size:17px;}

}

/*公司简介*/
.index_about{margin-top:40px;}
.about{ }
.about .txt{width:calc(100% - 580px); font-size:16px; line-height:2; text-align:justify;}
.about .txt a{ margin-top:30px; display:inline-block; width:108px; text-align:center; line-height:36px; border-radius:50px; background:#e8e8e8; font-size:14px; transition:0.3s all;}
.about .txt a:hover{ background:#125EBC; color:#fff;}
.about .pic{width:530px;}
.about .pic img{width:100%;}

@media only screen and (max-width: 800px){
	.index_about{margin-top:20px;}
	.about .txt{width:100%;font-size:14px; margin-top:-10px;}
	.about .pic{width:100%; margin-top:10px;}
	.about .txt a{ margin-top:10px; line-height:30px;}

}
.tonglan{ margin:40px auto; height:394px; position:relative; overflow:hidden;}
.tonglan img{ position:absolute; left:50%; margin-left:-960px;}
@media only screen and (max-width: 800px){
	.tonglan{ margin:25px auto; height:100px;}
	.tonglan img{ position:absolute; left:50%; margin-left:-240px; height:100px;}
}

/*================综合展厅=====================*/
#index-zhzt .pic img{height: 170px;}
.pic_list{}
.pic_list  li{width:18.5%; position:relative; overflow:hidden;}
.pic_list  li .pic{}
.pic_list  li img{width:100%; display:block; transition:0.3s all; opacity:1;}
.pic_list  li:hover img{transform:scale(1.08);}
.pic_list  li .txt{ background:rgba(0,0,0,0.6); padding:0 5px; box-sizing:border-box; position:absolute; left:0; bottom:0; width:100%; color:#fff; line-height:36px; transition:0.4s all; text-align:center;}

@media only screen and (max-width: 800px){
	.pic_list  li{ margin-bottom:10px; width:100%;}
	
}
/*================用水常识=====================*/
.yscs{width:49%; margin-top:40px;}
.art_list li{line-height:2.5; font-size:15px; padding-left:20px; position:relative;}
.art_list li:before{ content: ""; display: block; width:6px; height:6px; border-radius:6px; background:#ccc; position: absolute; top: 50%; left: 0;transform: translate(0, -50%);}
.art_list li span{float:right; font-size:14px; color:#999; margin-left:10px;}

.qyfc{width:49%;  margin-top:40px;}
.qyfc li{width:32%;}
.qyfc img{width:100%;}

@media only screen and (max-width: 800px){
	.yscs{width:100%; margin-top:20px;}
	.art_list{margin-top:-10px;}
	.art_list li{ font-size:14px; }
	.art_list li span{font-size:12px;}

	.qyfc{width:100%; margin-top:20px;}
}

/*友情链接*/
.f_link{ background:#fafafa; border-top:solid 2px #EAE9EE;}
.f_link .link1{line-height:60px;}
.f_link .link1 span{color:#ccc; margin:0 10px; display:inline-block;}
.f_link .link2{ margin-top:15px;}
.f_link .link2 select{ border:solid 1px #ddd; padding:5px 10px; outline:none; margin-left:10px;}
@media only screen and (max-width: 800px){
	.f_link .link1{line-height:40px;}

	.f_link .link2{ margin:0 0 15px 0;}

}


/* 底部 */
.foot_bg{ width:100%; background:#46A0DE; padding:50px 0 70px 0;}

.footer_nav{width:calc(100% - 280px); border-right:solid 1px rgba(255,255,255,0.3); padding-right:100px; box-sizing:border-box;}
.footer_nav ul li{font-size:14px; line-height:30px;}
.footer_nav ul li a{color:rgba(255,255,255,0.66);}
.footer_nav ul  .dh_first{height:40px; margin-bottom:15px; position:relative; border-bottom:solid 1px rgba(255,255,255,0.2);}
.footer_nav ul  .dh_first:after {width: 15px;height: 1px;position: absolute;left: 0;bottom: -1px;content: '';background: rgba(255,255,255,0.6);}
.footer_nav ul  .dh_first a{font-size:16px;color:#fff;}
.footer_nav ul li a:hover{color:#fff; text-decoration:underline;}

.foot_bg .xcx{text-align:center; height:108px; color:#fff; width:180px; margin:auto;}
.foot_bg .xcx img{ width:108px; height:108px; border-radius:5px;}


.copyright{ width:100%; text-align:center; padding:15px 0; line-height:1.8;  background:#1F79B7; color:rgba(255,255,255,0.46); text-transform:uppercase; font-size:12px;}
.copyright a{color:rgba(255,255,255,0.46);}

@media only screen and (max-width: 800px){
	.foot_bg{padding:25px 0 25px 0;}
	.footer_nav{ display:none;}
}

/*列表*/
.list-location{margin-top: 20px; line-height: 20px; padding-left: 24px; background: url(../images/locate.png) left center no-repeat;}
.list-location a:last-child{color: #0068B7}
.list-main{margin-top: 20px;display:flex;justify-content:space-between; flex-wrap:wrap;padding-bottom: 50px}
.list-main-left{width: 250px}
.list-main-right{flex: 1;padding-left: 30px}
/*列表-左侧导航*/
.list-nav{border-bottom: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;padding:10px 15px;background-color: #F8F8F8}
.list-nav>li:not(:last-child){border-bottom: 1px solid #e0e0e0}
.list-nav>li a{font-size: 16px;line-height: 45px;display: block;background: url(../images/list-jt2.png) right center no-repeat;}
.list-nav>li a:hover{ color: #006ebd;background: url(../images/list-jt1.png) right center no-repeat;}
.list-nav>li a.active{ color: #006ebd;background: url(../images/list-jt1.png) right center no-repeat;}

.list-nav-title{background-color: #357ED1;text-align: center;font-size: 18px;;color: #fff;line-height: 62px;font-weight: 700;border-top-left-radius: 8px;border-top-right-radius: 8px;}


/*列表-左侧导航-链接*/
.list-links li{background:#46A0DE;margin-top: 10px;  height:62px; text-align:center;font-size:18px; border-radius:5px;}
.list-links li svg{ margin-right:5px; vertical-align:middle;}
.list-links li a{color:#fff; display:block; line-height:62px;}


/*列表-右侧列表*/
.m-list-h{height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; color: #006ebd;text-indent: 15px;border-bottom: 1px solid #ddd;}
.m-lists ul{padding: 0 5px;box-sizing: border-box;}
.m-lists ul li{line-height: 46px; padding-left: 20px; background: url(../images/arr.jpg) 5px center no-repeat;border-bottom: 1px dashed #ddd;box-sizing: border-box;position: relative}
/*.m-lists ul li a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;box-sizing: border-box;}*/
.m-lists ul li:hover span{color: #357ED1!important}
.m-lists ul li span{float: right; font-size: 15px; color: #666;}




/*列表-右侧列表-分页*/
.search-pagination{text-align:center; margin:50px 0 20px 0;}
.pagination li {display: inline-block;margin:0 3px; }
.pagination li a{display: inline-block;font-size: 15px;min-width: 35px;height: 35px;line-height: 35px; box-sizing: border-box; padding:0 10px; box-sizing:border-box;transition: 0.3s; background:#e8e8e8; border:solid 0px #ddd;}
.pagination li.active a,.pagination li a:hover{color: #fff !important;background-color:#357ED1;border:solid 0px #357ED1;}	
	
/*列表-右侧列表-搜索*/
.list-search{width: 250px;margin-right: 0px;position: relative;}  	
.list-search input{display: block;width: 100%; background-color: #F1F2F4;line-height: 30px;padding: 2px 25px 2px 10px;border: 1px solid #F1F2F4;outline: none;border-radius: 5px;box-sizing: border-box; }
.list-search i{position: absolute;right: 8px;top: 8px;color: #0962B4}	


@media only screen and (max-width: 800px){
	.list-main-left{display: none}
	.list-main-right{padding-left: 0px}
	.list-location{margin-left: 0px}
	.list-search{display: none}
	.list-main{display:block;} /*去掉flex*/
	.m-lists ul li {padding-right: 70px;}
	.m-lists ul li a{font-size: 14px}
	.m-lists ul li span{float: none;position: absolute;right: 0px;font-size: 12px}
	
}

/* 详情 */
.m-body{padding: 20px; border: 1px solid #ddd;margin-top: 15px;}
.m-body .u-title{font-size: 30px; text-align: center; font-weight: bold;color: #06346F;}
.m-body .u-funs{margin-top: 30px; padding: 10px; line-height: 20px; background: #f5f5f5; color: #676767;overflow: hidden;}
.m-body .u-funs span{display: inline-block;}
.m-body .u-funs a{color: #676767;}
.m-body .bdsharebuttonbox{margin-top: -4px;}
.m-body .m-contnet{font-size: 16px; line-height: 170%; min-height: 164px; padding: 40px 0;text-align:justify;text-justify:inter-ideograph;}
.m-body .wzewm{text-align:center; margin:0 auto;}
.m-body .wzewm img{display: block; width: 130px; height: 130px; padding: 4px; border: 1px solid #ddd; margin: 0 auto;}
.m-body .wzewm span{display:block;}
.m-body .wzewm span.txt-color{font-size: 12px; color: #c0c0c0;}
.m-body .m-btfuns{line-height: 24px; padding: 10px 0; margin-top: 30px; border-top: 1px dashed #ddd;  overflow: hidden;}
.m-body .m-btfuns ul{float: right;overflow: hidden;}
.m-body .m-btfuns li{float: left; margin-right: 5px;}
.m-body .m-btfuns li a{display: block; padding: 0 10px 0 20px; color: #5e5e5e;}
.m-body .m-btfuns li a:hover{color: #d71017;}
.m-body .m-dtlist{line-height: 40px; margin-top: 15px;overflow: hidden;}
.m-body .m-dtlist li{font-size: 16px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m-body .m-dtlist li span{font-size: 26px;color: #ddd;margin-top: 7px;}
.m-body .m-dtlist li a:hover span{color: #4286d1;}
.m-body .m-contnet img {max-width: 95%}

/*内容中的表格增加细线*/
.m-body .m-contnet table {border-collapse: collapse; border: none;}        
.m-body .m-contnet table td{ border: solid #ccc 1px;} 

/*详情 -上下页*/
		
.lay_flex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
.show-pre-next {margin: 60px 0 80px 0; color: #000!important}
.show-pre-next li {width: 48%; position: relative; overflow: hidden; margin-top: 10px}
.show-pre-next i{font-size: 16px; display: inline-block; position: absolute;top: 3px}
.show-pre-next .show-pre{padding-left: 20px}
.show-pre-next .show-pre i{left: 0px;}
.show-pre-next .show-pre a{color: #474747;}
.show-pre-next .show-pre a:hover{color: #fe2c55;}
.show-pre-next .show-next{padding-right:20px; text-align: right}
.show-pre-next .show-next a{color: #474747;}
.show-pre-next .show-next a:hover{color: #fe2c55;}
.show-pre-next .show-next i{right: 0px;; text-align: right}		


@media (max-width:768px){
.show-pre-next li {width: 100%; overflow: hidden}
.show-pre-next .show-pre i{left: 0px;}
.show-pre-next .show-next{padding-left:20px;padding-right:0px; text-align: left}
.show-pre-next .show-next i{left: 0px; text-align: left}
.bdsharebuttonbox{display: none}
.u-funs{text-align: center}
.u-funs span{margin: 0 10px;float:none}
	.u-title{font-size: 18px}
}

/*综合大厅*/
#index-zhzt .swiper-wrapper>li{height: 180px;}
#index-zhzt .swiper-wrapper>li a{overflow: hidden;display: block;position: relative}
#index-zhzt .swiper-wrapper>li img{width: 100%;width:100%; display:block; transition:0.3s all; opacity:1;}
#index-zhzt .swiper-wrapper>li:hover img{transform:scale(1.08);}
#index-zhzt .swiper-wrapper>li .txt{ background:rgba(0,0,0,0.4); padding:0 5px; box-sizing:border-box; position:absolute; left:0; bottom:0; width:100%; color:#fff; line-height:36px; transition:0.4s all; text-align:center;}

/*单页*/
.page_content{text-align:justify;text-justify:inter-ideograph;font-size: 15px;line-height: 30px;padding-top: 10px}
.page_content img{max-width: 95%}



/*图片列表*/
.m-photos{margin-top: 20px;}
.m-photos ul li{width: 32%;margin-bottom: 20px}
.m-photos ul li img{width: 100%}
.m-photos .m-photos-img img{width:100%; display:block; transition:0.3s all; opacity:1;height: 220px}
.m-photos .m-photos-img{display: block;overflow: hidden}
.m-photos a:hover img{transform:scale(1.08);}
.m-photos .m-photos-title{text-align: center;padding-left: 10px;padding-right: 10px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;line-height: 36px}
.m-hidden{display: none;height: 0px;width: 0px}

@media (max-width:768px){
	.m-photos ul li{width: 100%;margin-bottom: 10px}
	.m-photos .m-photos-img img{height:auto}
	
}

/*提示*/
.page_tit{text-align: center;font-size: 20px;font-weight: bold;padding-top: 50px}
.page_tips{text-align: center;color:red;padding-bottom: 80px;padding-top: 20px}
.page_search_no{text-align: center;padding-top: 30px}

/*留言*/
.form-message{margin-left:auto;margin-right:auto;max-width:800px;padding-top: 30px}
.form-message ul li{margin-bottom:15px}
.form-message .message_title{width:130px}
.form-message .message_txt{flex:auto}
.txt_200{max-width: 200px}
.txt_input{display:block;width:100%;line-height:32px;height:32px;border:1px solid #ddd;border-radius:5px;padding-left:8px;padding-right:8px}
.txt_input:focus{border-color:#66afe9;outline:0}
.txt_input2{display:block;width:100%;line-height:42px;height:42px;border:1px solid #ddd;border-radius:5px;padding-left:8px;padding-right:8px;font-size:15px}
.txt_input2:focus{border-color:#66afe9;outline:0}
.txt_input3{display:inline-block;line-height:32px;height:32px;border:1px solid #ddd;border-radius:5px;padding-left:8px;padding-right:8px;outline:none}
.txt_input3:focus{border-color:#66afe9;outline:0}
.bt{color:red;display:inline-block;margin-right:5px}
.pt8{padding-top:14px}
.btn-save{background-color:#1161A6;line-height:42px;height:42px;width:150px;display:inline-block;border-radius:6px;color:#fff;font-size:16px;text-align:center}
.btn-save:hover{background-color:#064479;color:#fff}
.message_button{padding-top: 20px}
@media (max-width:768px){
	.form-message{width: 88%}
	.txt_200{max-width: 100%}
	.form-message .message_title{width: 100%}
	.form-message .message_txt{width: 100%}
	
}
.message_list {margin-top: 20px}
.message_list td{padding: 3px 8px}

/**/
.bz_btn{border: 1px solid #000; display: inline-block;min-width: 200px;text-align: center;FONT-SIZE: 14pt; FONT-FAMILY: 楷体_GB2312;font-weight: bold;box-shadow:1px 1px}
