/* ::::: http://www.zui88.com/css/web.css ::::: */

* { margin: 0px; padding: 0px; }
body { font-family: "宋体"; font-size: 12px;}
table { font-family: "宋体"; font-size: 12px; color: rgb(0, 0, 0); line-height: 23px; }
div { font-family: "宋体"; line-height: 23px; color: rgb(0, 0, 0); }
.hidden{
	display:none;
}
a { text-decoration: none; color: rgb(0, 0, 0); }
a:visited { text-decoration: none; color: rgb(0, 0, 0); }
a:hover { text-decoration: underline; color: rgb(0, 0, 0); }
#web { width: 1000px; margin: 0px auto; }
#top { float: left; width: 1000px; height: 45px;line-height: 45px;}
#logo { float: left;  height: 45px; }
#logo img {
	border: 0px none;     
	margin-top: 7px;
 }
.logo-right a{
	float:right;
	color:#ccc;
	height: 45px;
    line-height: 45px;
}
.logo-tag{
	float:right;
	margin-right:20px;
}
#top_ex { float: left; width: 675px; height: 91px; background:url('../images/top_ex.jpg') no-repeat scroll center top transparent; }
#top_ex ul { list-style: none outside none; padding: 5px 0px 0px 439px; }
#top_ex ul li { float: left; width: 76px; text-align: center; }
#menu { float: left; width: 1000px; height: 50px; z-index: 1000; }
#menu a { display: block; }
#menu ul { list-style: none outside none; }
#menu ul li { float: left; width: 12%; height: 42px; text-align: center; }
#menu ul li a { color: rgb(0, 0, 0); line-height: 38px; font-size: 14px; text-align: center; text-decoration: none; }
#menu ul li a:link { color: rgb(0, 0, 0); }
#menu ul li a:visited { color: rgb(0, 0, 0); }
#menu ul li a:hover { color: rgb(0, 0, 0); }
#menu ul li:hover { background:#377fd6}
#menu ul li:hover a { color: rgb(255, 255, 255); }
#menu ul li:hover a:link { color: rgb(255, 255, 255); }
#menu ul li:hover a:visited { color: rgb(255, 255, 255); }
#menu ul li:hover a:hover { color: rgb(255, 255, 255); }
#menu ul li.yes { background:#2662ab }
#menu ul li.yes a { color: rgb(255, 255, 255); }
#menu ul li.yes a:link { color: rgb(255, 255, 255); }
#menu ul li.yes a:visited { color: rgb(255, 255, 255); }
#menu ul li.yes a:hover { color: #2662ab; }
#banner { float: left; width: 1000px; max-height: 265px; }
#about_menu_case { float: left; width: 260px; height: 60px; text-align: left; }
#about_menu_case img { border: 0px none; }
#about_menu_hotline { float: left; width: 260px; height: 75px; text-align: left; }
#about_menu_hotline img { border: 0px none; }
#link { float: left; width: 1000px; background: none repeat scroll 0% 0% #2662ab; padding: 5px 0px; }
#link .title { float: left; width: 90px; text-align: center; color: rgb(255, 255, 255); font-weight: bold; }
#link .more { float: left; width: 900px; }
#link ul { list-style: none outside none; }
#link ul li { float: left; padding: 0px 15px 0px 0px; white-space: nowrap; }
#link ul li a { color: rgb(255, 255, 255); }
#link ul li a:link { color: rgb(255, 255, 255); }
#link ul li a:visited { color: rgb(255, 255, 255); }
#link ul li a:hover { color: rgb(255, 255, 255); }
#bottom_content { text-align: right; padding: 25px 20px 0px 0px; line-height: 22px;  font-family: Arial; }

#index { float: left; width: 1000px;margin-top: 20px; }
#index_left { float: left; width: 266px; }
.index_left_left { margin-left:9px; }
#index_right { float: left; width: 734px; }
#index_zxqy_top { float: left; width:100%; height: 40px; background:#2662ab; }
#index_zxqy_top .title { float: left; min-width: 60px; font-weight: bold; padding: 6px 0px 0px 40px; color: #fff; font-size: 13px; }
#index_zxqy_top .more { float: left; width: 65px; text-align: right; padding: 5px 0px 0px; color: rgb(138, 138, 138); font-family: Verdana; font-size: 10px; font-weight: bold; }
#index_zxqy_top .more a { color: rgb(138, 138, 138); }
#index_zxqy_top .more a:link { color: rgb(138, 138, 138); }
#index_zxqy_top .more a:visited { color: rgb(138, 138, 138); }
#index_zxqy_top .more a:hover { color: rgb(138, 138, 138); }
#index_zxqy_list { float: left; width: 252px;   }
#index_zxqy_list ul { list-style: none outside none; }
#index_zxqy_list ul li {
	width: 100%; 
	height:28px; 
	overflow:hidden;
	line-height: 28px;
	color: rgb(0, 0, 0);
	border-bottom: 1px dashed #c0c0c0;
}
#index_zxqy_list ul li a { color: rgb(0, 0, 0); padding-left: 28px; line-height: 28px; }
#index_zxqy_list ul li a:link { color: rgb(0, 0, 0); }
#index_zxqy_list ul li a:visited { color: rgb(0, 0, 0); }
#index_zxqy_list ul li a:hover { color: rgb(0, 0, 0); }
#index_zxqy_bottom { 	
		float: left; 
		width: 100%; 
		height: 20px; 
		border-top:1px solid #e4e4e4;
}
#index_service_top { float: left; width: 734px; height: 40px; background:#2662ab; }
#index_service_top .title { 
	float: left; 
	padding: 5px 0px 0px 30px; 
	color:#fff; 
	font-weight: bold; 
	font-size:12px;
}
#index_service_top .more { 
	float:right; 
	text-align: right;
	padding: 5px 0px 0px; 
	color: rgb(138, 138, 138);
	font-size: 10px; 
	font-family: Verdana; 
	font-weight: bold; 
	margin-right:10px;
}
#index_service_top .more a { color: rgb(138, 138, 138); }
#index_service_top .more a:link { color: rgb(138, 138, 138); }
#index_service_top .more a:visited { color: rgb(138, 138, 138); }
#index_service_top .more a:hover { color: rgb(138, 138, 138); }
#index_service_list { float: left; width: 734px;}
#index_service_bottom { float: left; width: 734px; height: 20px; background:url('../images/index_service_bottom.jpg') no-repeat scroll center top transparent; overflow: hidden; }
.index_service_show { float: left; width: 367px; height: 110px; padding-top: 10px; }
.index_service_frame { float: left; padding-left: 0px; }
.index_service_image { float: left; width: 120px; height: 74px; text-align: center; }
.index_service_image img { width: 92px; height: 74px; border: 0px none; }
.index_service_title { float: left; width: 230px; height: 25px; font-weight: bold; color: rgb(222, 48, 48); }
.index_service_title a { color: rgb(222, 48, 48); }
.index_service_title a:link { color: rgb(222, 48, 48); }
.index_service_title a:visited { color: rgb(222, 48, 48); }
.index_service_title a:hover { color: rgb(222, 48, 48); }
.index_service_desc { float: left; width: 230px; height: 50px; color: rgb(127, 127, 127); }
#index_jswz { float: left; width: 48%; }
#index_news { float: right; width: 48%; }
#index_news_top { float: left; width: 98%; height: 33px; background: #2662ab; }
#index_news_top .title { float: left; width: 22%; font-weight: bold; padding: 5px 0px 0px 35px; color: rgb(255, 255, 255); font-size: 13px; }
#index_news_top .more { float: left; width: 63%; text-align: right; padding: 5px 0px 0px; color: rgb(255, 255, 255); font-family: Verdana; font-size: 10px; font-weight: bold; }
#index_news_top .more a { color: rgb(255, 255, 255); }
#index_news_top .more a:link { color: rgb(255, 255, 255); }
#index_news_top .more a:visited { color: rgb(255, 255, 255); }
#index_news_top .more a:hover { color: rgb(255, 255, 255); }
#index_news_list {
	float: left; 
	width: 97.5%; 
	border:1px solid rgb(204, 204, 204);
}
#index_news_list ul { list-style: none outside none; }
#index_news_list ul li {width: 100%; height:28px; overflow:hidden; line-height: 28px; color: rgb(0, 0, 0); }
#index_news_list ul li a { color: rgb(0, 0, 0); padding-left: 28px; }
#index_news_list ul li a:link { color: rgb(0, 0, 0); }
#index_news_list ul li a:visited { color: rgb(0, 0, 0); }
#index_news_list ul li a:hover { color: rgb(0, 0, 0); }
#index_news_bottom { float: left; width: 362px; height: 10px; background:url('../images/index_news_bottom.jpg') no-repeat scroll center top transparent; overflow: hidden; }


#about_banner { float: left; width: 1000px; height: 195px; }
#about {
	float: left; 
	width: 1000px;
	margin-top: 20px;
}
#about_left { float: left; width: 275px; }
#about_right { float: left; width: 725px; }
#about_menu_top { float: left; width: 260px; height: 55px; background:url('../images/about_menu_top.jpg') no-repeat scroll center top transparent; }
#about_menu_top .title { padding: 19px 0px 0px 60px; color: rgb(255, 255, 255); font-size: 14px; }
#about_menu_list { float: left; width: 260px; background:url('../images/about_menu_list.jpg') repeat-y scroll 0% 0% transparent; }
#about_menu_list ul { list-style: none outside none; }
#about_menu_list ul li { line-height: 32px; background:url('../images/about_menu_list_li.jpg') no-repeat scroll center top transparent; }
#about_menu_list ul li a { color: rgb(0, 0, 0); padding: 0px 0px 0px 60px; line-height: 32px; }
#about_menu_list ul li a:link { color: rgb(0, 0, 0); }
#about_menu_list ul li a:visited { color: rgb(0, 0, 0); }
#about_menu_list ul li a:hover { color: rgb(0, 0, 0); }
#about_menu_list ul li.yes a { color: rgb(205, 13, 13); font-weight: bold; line-height: 32px; }
#about_menu_list ul li.yes a:link { color: rgb(205, 13, 13); }
#about_menu_list ul li.yes a:visited { color: rgb(205, 13, 13); }
#about_menu_list ul li.yes a:hover { color: rgb(205, 13, 13); }
#about_menu_bottom { float: left; width: 260px; height: 105px; background:url('../images/about_menu_bottom.jpg') no-repeat scroll center top transparent; }
#about_menu_case { float: left; width: 260px; height: 60px; text-align: left; }
#about_menu_case img { border: 0px none; }
#about_menu_hotline { float: left; width: 260px; height: 75px; text-align: left; }
#about_menu_hotline img { border: 0px none; }
#about_right_top { width: 725px; height: 45px;margin:0 auto;}
#about_right_top .title { 
	float: left; 
	width: 265px; 
	font-weight: bold; 
	padding: 7px 0px 0px 35px; 
	color: rgb(0, 0, 0); 
	border-bottom: 1px solid #2662ab;	
}
#about_right_top .more { 
	float: left; 
	width: 425px; 
	text-align: right; 
	padding: 7px 0px 0px; 
	color: rgb(166, 166, 166); 
	border-bottom: 1px solid #2662ab;	
}
#about_right_top .more a { color: rgb(166, 166, 166); }
#about_right_top .more a:link { color: rgb(166, 166, 166); }
#about_right_top .more a:visited { color: rgb(166, 166, 166); }
#about_right_top .more a:hover { color: rgb(166, 166, 166); }
#about_right_list {width: 725px;margin:0 auto; }
#about_right_list .content {
	padding: 0px 0px 15px;
	font-size:14px 
}
.content h1{ text-align:center;margin-bottom:10px;line-height:38px }
#about_right_bottom { float: left; width: 725px; height: 20px; overflow: hidden; }
#bottom { float: left; width: 100%;background:#e8e8e8;}
#bottom_content { text-align: center; padding: 25px 20px 0px 0px; line-height: 22px;  font-family: Arial; }
.case_show { float: left; width: 725px; height: 165px; padding-top: 0px; }
.case_show_frame { float: left; padding-left: 0px; }
.case_show_image { float: left; width: 230px; height: 146px; }
.case_show_image img { width: 210px; height: 140px; border: 1px solid rgb(153, 153, 153); padding: 2px; }
.case_show_image img:hover { width: 210px; height: 140px; border: 1px solid rgb(102, 102, 102); }
.case_show_image a:hover img { width: 210px; height: 140px; border: 1px solid rgb(102, 102, 102); }
.case_show_title,.case_show_title a { float: left; width: 490px; height: 25px; font-weight: bold; color: rgb(241, 43, 1); font-size: 13px; font-family: Verdana; }
.case_show_url { float: left; width: 490px; height: 25px; font-family: Verdana; }
.case_show_desc { float: left; width: 490px; height: 100px; font-family: Verdana; }
.case_show_page { float: left; width: 725px; height: 60px; padding-left: 0px; }
.case_show_page_line { float: left; width: 725px; height: 20px; background:url('../images/13.gif') repeat-x scroll center bottom transparent; }
.case_show_page_text { float: left; width: 725px; height: 30px; text-align: right; padding-top: 10px; }


.news_show_title { height: 35px; background:url('../images/01.jpg') no-repeat scroll 0% 0% transparent; padding-left: 25px; }
.news_show_title .title { float: left; width: 620px; line-height: 27px; }
.news_show_title .addtime { float: left; width: 80px; line-height: 27px; text-align: right; }
.news_show_page { height: 40px; text-align: right; padding-top: 10px; }
.menubg{width:955px;  padding:27px 0 0 45px; height:47px;background:url('menubg.jpg') no-repeat scroll 0% 0% transparent; }
.menubg a{margin-right:30px; color:#9C9C9C}
/*城市导航*/
.w980{width:100%;overflow:hidden;}
.area li {float: left;margin-right: 10px;width: 100%;list-style-type: none;list-style: none;}
.area .titlearea {width:100%;height: 30px;line-height: 30px;font-weight: 700;border-bottom:1px #dedede solid}
.area .sontitle {padding: 5px;width: auto;list-style:none;}

.colg li {float:left;margin-right: 10px;list-style:none;padding:5px;overflow:hidden;width: 100%}
.colg .titlearea {width:100%;height: 30px;line-height: 30px;font-weight: 700;border-bottom:1px #dedede solid}
.colg .titlearea a{font-size:14px;}
.colg .sontitle {padding: 5px;width: auto;list-style:none;}
.pview{margin:10px 10px 10px 15px;width:718px;}
.pview .lit{float:left;width:280px;}
.pview .lit img{border:4px #ddd solid;width:270px;}
.pview .pinfo{float:right;width:420px;line-height:30px;}
.pview .pinfo h1{text-align:left;color:#ff6600;}
.clear{clear:both}
.content table{border-right:1px #ccc solid;border-top:1px #ccc solid;}
.content table td{border-left:1px #ccc solid;border-bottom:1px #ccc solid;padding:2px 5px;}
.ipt-txt{padding:5px 0}
.index-produce-list{
	display: -webkit-flex; 
	display: flex;
	flex-wrap:wrap;
}
.list-item{
	width:25%;
	height:192px;
	text-align: center;
	overflow: hidden;
}
.list-item img{
	border: 1px solid rgb(204, 204, 204);
}
.area .title{
	width:100%;
	text-align:center;
	background:#2662ab;
	

}
.area .title a{
	
	color: rgb(255, 255, 255);
    font-size: 13px;

}
.index-area-item{
	width:14%;
	padding: 5px 0;
    text-align: center;
}
.article-like{
	width:100%;
	margin-top:20px;
}
.article-like-title{
	width:100%;
	height:24px;
	line-height:24px;
	font-size:20px;
}
.article-like-box{
	margin-top:10px;
}
.article-like-box li{
	float:left;
	width:48%;
	height: 24px;
	line-height: 24px;
    overflow: hidden;
	padding-right:10px;
}
.content-tags{
	margin-top:25px;
}
.pre-next{
	margin-top:10px;
	background: #f7f7f7;
}
.article-writer{
	font-size:12px;
	text-align:center;
	color:rgb(138 138 138);
}
@media screen and (max-width: 768px){
	.img-width{
		width:100%;
	}
	#web{
		width:100%;
	}
	#top{
		width:100%;
	}
	#logo img{
		width:100%;
	}
	#menu{
		width:100%;
		height:auto;
	}
	#menu ul li{
		width:25%;
	}
	#menu,body{
		background:0;
	}
	#banner{
		width:100%;
	}
	#index_left,#index{
		width:100%;
	}
	#index_zxqy_top{
		width:100%;
		background-size: 100% 131%;
	}
	#index_zxqy_list{
		width: 100%;
	}
	
	#index_zxqy_top .title {
		width: 35%;
		text-align: center;
	}

	#index_right{
		width:100%;
	}
	#index_service_top{
		width:100%;
	}
	#index_service_list{
		width:100%;
	}
	.list-item{
		width:50%;
	}
	.index-area-item{
		width:50%;
		text-align:center;
	}
	.index-area-item-last{
		display:none;
	}
	#link{
		width:100%;
	}
	#link .more{
		width:100%;
	}
	#bottom{
		width:100%;
	}
	#about{
		width:100%;
	}
	#about_right{
		width:100%;
	}
	#about_right_top{
		width:100%;
		height:auto;
	}
	#about_right_top .title{
		width:auto;
	}
	#about_right_top .more {
		float: right;
		width: auto;
	}
	#about_right_list{
		width:100%;
	}
	.case_show{
		width:100%;
		overflow: hidden;
	}
	.case_show_image img{
		width:100%;
	}
	.case_show_image {
		width:35%;
	}
	.case_show_title{
		width:60%;
		float:right;
		height:44px;
	}
	.case_show_title a{
		width:100%
	}
	.case_show_desc{
		width:60%;
		float:right;
	}
	.pview{
		width:100%;
		margin:0;
	}
	.pview .lit{
		width:100%;
		text-align:center;
	
	}
	.pview .lit img{
		border:0;
	}
	.pview .pinfo{
		width:100%;
	}
	#about_right_list .content{
		padding:10px;
	}
	
	
}