@charset "utf-8";
/* box */
.box-gb .box-title {
	height: 46px;
	line-height: 46px;
	text-align: center;
	border-bottom: 3px solid #355e92;
}
.box-gb .box-title .box-title-cnt { font-size: 18px;}
.box-gb .box-title .box-title-cnt.b-left {
	font-size: 24px;
	color: #c31f0b;
}
.box-gb .box-btn { font-size: 18px;}
.box-gb .box-btn.b-left:before ,
.box-gb .box-btn.b-right:after {
	font-family: "瀹嬩綋";
	font-weight: bold;
	color: #b52b06;
}
.box-gb .box-btn.b-left:before {
	content: "<<";
	padding-right: 5px;
}
.box-gb .box-btn.b-right:after {
	content: ">>";
	padding-left: 5px;
}
.box-jj {
	padding-left: 29px;
	border-bottom: 1px dotted #ddd;
}
.box-jj .box-title {
	padding-left: 5px;
	line-height: 60px;
	font-size: 24px;
	color: #c31f0b;
	border-bottom: 2px solid #355e92
}
.box-jj .box-cnt {
	padding-top: 10px;
	padding-bottom: 25px;
	line-height: 36px;
	color: #333;
}
.box-gbjs { padding-left: 29px;}
.box-gbjs .box-title {
	padding: 10px 0;
	padding-left: 5px;
	line-height: 60px;
	font-size: 24px;
	color: #c31f0b;
}
/* box */

/* list */
.box-gb .list .list-title {
	height: 44px;
	padding-left: 36px;
	line-height: 44px;
	font-size: 20px;
	font-weight: bold;
	color: #355e92;
	background: #f6f6f6 url(/wimages/li_nav.png) no-repeat 10px center;
}
.box-gb .list-card .list-item {
    width: 170px;
    height: 60px;
    line-height: 60px;
    margin-top: 20px;
    margin-left: 20px;
}
.box-gb .list-card .list-item:nth-child(4n+1) { /*margin-left: 0;*/}
.box-gb .list-card .list-item div { border: none;}
/* list */

/* logo */
.logo-gb {
	height: 260px;
	background: url(/wimages/bg_logo_zfgb.png) no-repeat 150px;
}
/* logo */

/* search */
.search-gb {
	line-height: 34px;
	font-size: 18px;
	color: #333;
}
.search-gb .search-item { margin-bottom: 20px;}
.search-gb .search-item-name {
	float: left;
	width: 80px;
	text-align: right;
}
.search-gb .search-item-cnt { margin-left: 100px;}
.search-gb .search-select ,
.search-gb .search-input {
	position: relative;
	width: 100%;
	height: 32px;
	padding: 0 9px;
	line-height: 32px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	overflow: hidden;
}
.search-gb .search-select:after {
	content: ">";
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	text-align: center;
	color: #fff;
	background-color: #355e92;
	transform: rotate(90deg);
}
.search-gb .search-select-text { color: #bbb;}
.search-gb .search-select select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter:alpha(opacity=0);
	cursor: pointer;
	z-index: 999;
}
.search-gb .search-input input {
	width: 100%;
	height: 32px;
	background: none;
	border: none;
}
.search-gb .search-btn {
	display: inline-block;
	height: 34px;
	padding: 0 48px;
	line-height: 34px;
	color: #fff;
	background-color: #355e92;
	border-radius: 3px;
}
.search-gb .search-btn:hover { opacity: .8;}
.search-gb .search-item:first-child .search-select {
	text-align: center;
	background-color: #eee;
	border-color: #eee;
}
.search-gb .search-item:first-child .search-select:after {
	position: relative;
	display: inline-block;
	width: auto;
	background: none;
	color: #355e92;
}
.search-gb .search-item:first-child .search-select-text { color: #355e92;}
/* search */

/* select */
.box-gb .box-title .select {
	position: relative;
	width: 132px;
	height: 32px;
	margin-top: 6px;
	line-height: 32px;
	text-align: left;
	border: 1px solid #ddd;
}
.box-gb .box-title .select {
	padding-left: .5em;
	color: #474747;
}
.box-gb .box-title .select:after {
    content: ">";
    position: absolute;
 	top: -1px;
	right: -1px;
	width: 32px;
	height: 34px;
	text-align: center;
	color: #fff;
	background-color: #355e92;
   transform: rotate(90deg);
}
.box-gb .box-title .select select { z-index: 999;}
/* select */
.gb-banner{ width: 1200px; height: 157px; margin: 20px 0; }
.gb-more{width: 100%; border-bottom: 1px dotted #ddd;} 
.gb-more a{color: #ffffff; display: block;  width: 200px; height: 40px; margin: 20px auto;  background-color: #355e92; border-radius: 10px; font-size: 16px; text-align: center; line-height: 40px}
.gb-about{border-bottom: 1px dotted #ddd;}
.gb-about .box-cnt{padding-top: 10px;  padding-bottom: 25px;line-height: 36px; color: #333;}
.pt20{ margin-top: 20px;}

/* 检索 */
.hide{ display: none;}
.gb-search{width: 100%;}
.gb-search-row{margin: 20px 30px; line-height: 30px;  height: 30px;}
.gb-search-r{float:right}
.gb-search-l{float:left}
.gb-search-row input{ line-height: 30px; text-indent: 10px;height: 30px; font-size: 15px; background: #ffffff; margin-left: 5px;  border-radius: 6px; outline: none;border: 0;background-color: #f4f4f4;}
.gb-search .boxTitle {  font-weight: bold; display: inline-block; width: 148px; box-sizing: border-box; text-align: right;margin-right: 4px;}
.gb-search-row label { margin-right: 20px; padding-left: 18px; cursor: pointer; position: relative;}
.gb-search-row label input[type='radio'] {vertical-align: -10px; margin-right: 4px;}
.gb-search-row select {  text-align: center; width: 408px; text-indent: 10px; border-radius: 6px; outline: none; font-size: 15px; height: 30px; border: none;	appearance: none;-webkit-appearance: none;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7"> <path fill="%23666" d="M6 7L0 0h12z"/></svg>') no-repeat #fff;background-position: right 12px center; /* 调整水平位置 */background-size: 10px;
    background-color: #f4f4f4;
}
.tagging { margin: 20px 50px;  line-height: 25px; font-size: 14px; color: #8f8f8f;}
.tagging img { margin-right: 6px; vertical-align: -2px; display: inline-block;}
.clear {  clear: both;}
.searchBtns { text-align: center;}
.zfgbmore{ border: 0; position: relative;color: #fff;font-size: 18px;cursor: pointer; width: 200px;height: 40px;background-color: #355e92;border-radius: 10px;text-align: center;line-height: 40px;margin: 30px auto 20px ;}
.zfgbmore a{ position: absolute;color: #fff; font-size: 18px; top: 0;  left: 0; right: 0;bottom: 0;display: flex; align-items: center; justify-content: center; text-decoration: none;}
.zfgbmore img {margin: 0 12px;}


.gb-qishu{ width: 100%; height: 196px; background-color: #f6f6f6; text-align: center }
.gb-qishu h2{font-size: 28px;  padding: 35px 0 15px; color: #c31f0b;}
.gb-qishu h3{ font-size: 18px; color: #000000;  font-weight: normal;} 
.gb-qishu h3 span{color: #c31f0b; padding: 0 5px;}
.gb-qishu p{font-size: 18px; color: #000000; padding-top: 10px;}
.fs28{color: #c31f0b!important; font-size: 28px!important;}
.gb-line{ border-bottom: 1px dotted #ddd;}
.no-line{ border: 0;}

.gb-box{ padding: 30px 0;}
.gb-box-select{ margin: 30px 40px 20px;}
.gb-box-select span{font-size: 18px;padding-right: 20px;}
.gb-box-select select {
	text-align: center;
    border: 1px solid #b9b9b9;
    color: #333333;
    width: 180px;
    text-indent: 15px;
    border-radius: 4px;
    outline: none;
    font-size: 16px;
    height: 40px;
	appearance: none;
	-webkit-appearance: none;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7"> <path fill="%23666" d="M6 7L0 0h12z"/></svg>') no-repeat;
	background-position: right 12px center; /* 调整水平位置 */
	background-size: 10px;
}
.gb-box-select select option {
    color: #333;
    background-color: #fff;
    font-size: 16px;
}

.gb-box-select select option:hover {
    background-color: #f0f0f0; /* 悬停状态 */
}

.gb-box-select select option:checked {
    background-color: #e0e0e0; /* 选中状态 */
}
