﻿@charset "utf-8";
/* CSS Document */
/*共通样式*/
.col333{ color:#333;}
.col555{ color:#555;}
.gray{color:#c7c7c7;}
.green2{color:#4dcd94;}

/*边线 开始*/
.bdr{ border-right:1px solid #d7d7d7;}
.bdl{ border-left:1px solid #d7d7d7;}
.bdt{ border-top:1px solid #d7d7d7;}
.bdb{ border-bottom:1px solid #d7d7d7;}
/*边线 开始*/

 body{background-color:#ededf4; font-size:14px; color:#444; font-family:"microsoft yahei"; line-height:160%;}

/*公共布局开始*/
.zui_main{ position:relative; width:100%; height:100%; background:#f4f4f4;}
.zui_toper{position:relative;height:230px;width:100%; z-index:1; background-color:#f4f4f4; overflow:hidden;}
.zui_menuer{ height:50px; text-align:center; border-bottom:2px solid #0060ea;}
.zui_menuer span{ display:inline-block;background:url(../images/menu_sp_line.png) no-repeat right center; height:50px; line-height:50px; font-size:16px;}
.zui_menuer span a{ display:inline-block; height:50px;  width:160px; color:#fff; text-shadow:0 1px 0 #00726f;}
.mui_scroll_texts{background:url(../images/by_bg.png) no-repeat center bottom; background-size:100% auto;}
.zui_bodyer{ width:100%; background-color:#fff;}
.zui_footer{ width:100%;  color:#fff; padding:60px 0; text-align:center; font-size:14px;}
.zui_width_full{width:100%;}
.zui_width_info{width:1200px; margin:auto;}
.page_info{width:1050px; margin:0 auto; position:relative;}
.card1{  overflow:hidden;}
.card2{ width:50%; float:left;}
.card3{ width:33.33%; float:left;}
.card2-20{ width:25%;float:left;}
.card2-80{ width:75%; float:left;  overflow:hidden;}
/*公共布局结束*/


/*顶部轮播*/
.top_swiper{ height:400px;}
ul.J_top_tab_img{position:relative; width:100%; height:100%; text-align:center;} 
ul.J_top_tab_img li{display:block; position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; } 
ul.J_top_tab_img li div img{width:2000px; height:400px; border:none; position:relative; left:0; z-index:0;} 
ul.J_top_tab_img li div{ position:relative; width:100%; overflow:hidden;}
/*轮播结束*/

/*文字轮播 开始*/


/*新闻轮播*/
.scroll_out_contall{ height:280px;border:2px solid #fff; margin:0 10px;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {background-position: center;background-size: cover;}
.new_page{ text-align: right; !important; bottom:20px !important; z-index:999 ;}
.swiper-pagination-blk { text-align: right;width:98% !important;}
.swiper-pagination-blk .swiper-pagination-bullet{background: #333; }
.swiper-pagination .swiper-pagination-bullet{ border-radius: 0;}
.tab_tl{ background: url(../images/mark.png); color: #fff; font-size:18px; font-family: "microsoft yahei"; padding: 26px; position:absolute; bottom:0;width:449px; z-index:0; }
.tab_tl span {display:inline-block; width:350px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:200;
  cursor:pointer;
}
.arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:200;
  cursor:pointer;
}

/*新闻列表*/
.newslist{  margin-left:30px; margin-right:30px;}
.newslist li{ background:url(../images/list_icon_l.png) left center no-repeat; padding-left:15px; padding-top:3px; padding-bottom:3px;}
.newslist li a{ display:block; overflow:hidden;}
.newslist li a:hover em{ text-decoration:none;}
.newslist li a em{ width:85%; display:inline-block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  float:left;}
.newslist.m_list li a em{
	width:75%;
	}
.newslist.m_list li a .sh_time{ width:25%;}
.newslist li a .sh_time{ display:inline-block; width:15%; float:right; text-align:right; font-family:Arial, Helvetica, sans-serif; color:#999;}
.newslist.margin{ margin:30px;}
.newslist.mlist li{ padding-top:8px ; padding-bottom:8px; border-bottom:1px dashed #eee;}
.newslist.mlist li:hover{ background-color:#f8f8f8;}

/*面包削*/
.nav{ background:#f8f8f8; border:1px solid #f8f8f8; padding:8px 10px; color:#777;}


/*问卷调查*/
.wt_bg{ background:#f4f4f4; padding:10px; overflow:hidden; margin-bottom:20px;}
.wt_bg li{ padding:0 5px; float:left; padding-right:30px; font-family:Arial, Helvetica, sans-serif;}
.wt_bg li label{ cursor:pointer;}
.wt_tl{ margin-bottom:5px; font-family:Arial, Helvetica, sans-serif;}
.wt_atea{ display:block; border:1px solid #eee; width:99.5%;}
.wt_bg.nofl li{ float:none;}
.jd_bl{ width:800px; margin-top:-5px; margin-bottom:10px; color:#777;}
.jd_bl span{ background:#1b9b3c; height:13px; display:inline-block; vertical-align:middle; margin-right:10px;}


.searchinfo{
	width: 20%;
	min-height:500px;
	float: right;
	margin-right: 30px;
	display: block;
}

a.pagebtn{
	border: 1px solid #dbdbdb;
	padding: 8px;
	border-radius: 5px;
	background-color: #eeeeee;
	height: 16px;
	min-width: 16px;
	display: inline-block;
	cursor: pointer;
	line-height: 16px;
	margin-left: 4px;
	font-family: arial;
	text-decoration: none;
}

a.pagebtn:hover{
	background-color: #ddd;
}

a.pageon{
	background-color: #2c477d;
	color: #fff;
	border: 1px solid #263d6c;
	cursor: pointer;
}

.itemtitle{
	color: #000;
	font-weight: bold;
}

.itemcontent{
	color: #999;
	margin-top: 3px;
	height: 40px;
	line-height: 20px;
	overflow: hidden;

}

.itemremark{
	margin-top: 7px;
	font-size: 12px;
	color: #bbb;
}

.searchcontent{
	background-color: #f3f3f3;
	min-height: 200px;
	margin-top: 20px;
	padding: 20px;
}

.serachtitle{
	color: #2c477d;
	font-weight: bold;
	margin-bottom: 5px;
}

.searchlist ul li.on{
	background-color: #2c477d;
	color: #fff;
	padding: 3px;
	padding-left: 5px;
}

.searchlist ul li{
	padding-left: 5px;
}

.file{
	margin-left: 30px;
	color: #00337f;
}

.opinion_title{
	color: #02a03c;
	font-weight: bold;
	height:40px;
	line-height: 40px;
	margin-left: 30px;
	margin-top: 10px;
	margin-right: 30px;
}

.opinion_title span{
	height:23px;
	width: 23px;
	margin: 10px;
	margin-right: 0px;
	display: inline-block;
	background: url(../images/email.png);
	vertical-align: middle;
}

.opinion_content{
	border: 1px solid #d9d9d9;
	height: 180px;
	margin-left: 30px;
	margin-right: 30px;
	background-color: #f3f3f3;

}

.opinion_content_left{
	float: left;
	width: 40px;
	height: 180px;
	background-color: #e3e3e3;

}

.opinion_content_left span{
	width: 30px;
	height: 30px;
	background: url(../images/opin_03.png);
	margin: 5px;
	float: left;
	margin-right: -30px;
}

.opinion_content_right textarea{
	background:transparent;
	border: none;
	width: 100%;
	height: 100%;
	margin: 10px;
}

.opinion_content_right{
	margin-left: 40px;
	height: 160px;
}
.opinion_contact{
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
}

.opinion{
	width:49%;
	height: 40px;
	float: left;
	background-color: #f3f3f3;
}

.opinion_username{
	margin-right: 0.5%;
}



.opinion_checkcode{
	 float:right;
}

.opinion span{
	height: 40px;
	width: 40px;
	float: left;
	margin-right: -40px;
}

.opinion_checkcode span{
	background: url(../images/opin_08.png) center center no-repeat #e3e3e3;
} 

.opinion_phone span{
	background: url(../images/opin_11.png) center center no-repeat #e3e3e3;
}

.opinion_username span{
	background: url(../images/opin_06.png) center center no-repeat #e3e3e3;
}
.opinion_senfen span{
	background: url(../images/opin_12.png) center center no-repeat #e3e3e3;
}

.opinion{
	border: 1px solid #e8e8e8;

}

.opinion div{
	margin-left: 40px;

}

.opinion div input{
	width:100%;
	height: 40px;
	border: none;
	background: none;
	line-height: 40px;
	text-indent: 10px;
}

.btn_sure{
	height: 50px;
	width: 250px;
	border: 0px;
	background-color: #133983;
	color: #fff;
	border-radius: 4px;
	margin-top: 20px;
	font-size: 18px;
}

.btn_sure:hover{
	background-color: #103172;
	cursor: pointer;
}

.checkcode{
	float: right;
	width:40%;
	height:100%;
}
.text_p{ padding:0 10px; padding-left:270px; height:250px; overflow-y:auto; background:url(../images/text_left.png) left bottom no-repeat;}
.text_p p{ text-indent:28px; margin:15px 0;}
