@charset "utf-8";
/* CSS Document */

.body{
	position: relative;
}
.imgs{
	width: 100%;
}
.top{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 25px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.logo{
	float: left;
	margin-left: 130px;
}

.right{
	float: right;
	margin-right: 60px;
	display: flex;
	align-items: center;
}
.en{
	width: 54px;
	height: 45px;
	border-radius: 6px;
	background: rgba(255, 255, 255, .25);
	color: #fff;
	line-height: 44px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
}
.en:hover{
	color: #fff;
	background-color: rgba(255, 255, 255, .35);
}
.so{
	content: '';
	width: 54px;
	height: 45px;
	border-radius: 6px;
	background: url(so.png) center center no-repeat;
	background-size: 20px;
	cursor: pointer;
	margin-right: 5px;
}
.so:hover{
	background-color: rgba(255, 255, 255, .25);
}
.menu{
	text-align: center;
	font-size: 18px;
	color: #fff;
}

.menu a:hover{
	color: #fff;
}
.menu li{
	float: left;
	padding: 0 15px;
	line-height: 48px;
	position: relative;
}
.menu li a{
	display: block;
}
.menu li:last-child{
/*	margin-right: 0;*/
}
.menu li .jt{
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-left: 6px;
	margin-top: -2px;
	width: 14px;
	height: 14px;
	background: url(jt.png) center center no-repeat;
	background-size: 12px;
	transition: all .5s;
    -webkit-transition: all .5s;
}
.menu li:hover .jt{
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
}
.menu li:hover{
	font-weight: bold;
	border-bottom: 2px solid rgba(255,255,255,.4)
}
.sonul{
	display: none;
	font-size: 16px;
	line-height: 1.5;
	background: rgba(20, 121, 192, .6);
	padding: 6px 0;
	border-radius: 0 0 6px 6px;

	position: absolute;
	top: 48px;
	left: 0;
	right: 0;
}
.sonul a{
	font-weight: normal;
	display: block;
	padding: 8px 0
}
.sonul a:hover{
/*	background: rgba(20, 121, 192, 1);*/
	background: rgba(255, 255, 255, .15);
}

.menu li:hover .sonul{
	display: block;
}

/* 汉堡菜单按钮 - 默认隐藏 */
.mobile-menu-btn{
	display: none;
	width: 36px;
	height: 36px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin-left: auto;
	margin-right: 15px;
}
.mobile-menu-btn span{
	display: block;
	width: 24px;
	height: 2px;
	background: #fff;
	margin: 3px 0;
	transition: 0.3s;
}
.mobile-menu-btn.active span:nth-child(1){
	transform: rotate(45deg) translate(4px, 4px);
}
.mobile-menu-btn.active span:nth-child(2){
	opacity: 0;
}
.mobile-menu-btn.active span:nth-child(3){
	transform: rotate(-45deg) translate(4px, -4px);
}

/* 移动端导航面板 - 默认隐藏 */
.mobile-nav{
	display: none;
}
.mobile-nav-overlay{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 1000;
}
.mobile-nav-inner{
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	width: 80%;
	max-width: 300px;
	height: 100%;
	overflow-y: auto;
	padding: 20px 0;
}
.mobile-nav-inner a{
	display: block;
	padding: 12px 20px;
	color: #333;
	font-size: 15px;
	border-bottom: 1px solid #f0f0f0;
}
.mobile-nav-inner a:hover{
	color: #1b62af;
	background: #f5f7fa;
}
.mobile-nav-group .mobile-nav-title{
	padding: 15px 20px 5px;
	font-weight: bold;
	color: #1b62af;
	font-size: 14px;
	border-bottom: none;
}

.foot{
/*
	border-top: 7px solid #1b62af;
	background-color: #f2f9ff;
*/
	line-height: 50px;
	margin-top: 70px;
	font-size: 16px;
}
.foot.in{
	margin-top: 0;
}
.foot.in .foot_tr1,
.foot.in .foot_tr2 {
	padding: 0 130px;
}
.foot_tr1{
	background-color: #deedfa;
	color: #0668bc;
}
.foot_tr1 .bt{font-weight: bold;}
.foot_tr1 a{
	margin-right: 45px;
}
.foot_tr2{
	background-color: #0c5fa7;
	color: #deedfa;
}
.foot_tr2 a:hover{
	color: #fff
}
.foot_tr2 span{
	margin: 0 15px;
	color: #deedfa;
}


/*问答列表*/

.wd_list{
	background: #fff;
	padding: 30px 50px;
	font-size: 17px;
}
.wd_list li{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.wd_list .bt{
	font-size: 20px;
	background: url(dot.png) left 7px no-repeat;
	background-size: 6px;
	padding-left: 20px;
	line-height: 1.5;
	font-weight: normal;
}
.wd_list .wd_nr{
	color: #6E7D96;
	line-height: 1.8;
	margin-top: 10px;
	padding-left: 20px;

	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.wd_list .wd_nr a{
	color: #0668BC;
}
.wd_list li.on .bt{
	font-weight: bold;
}
.wd_list li.on .wd_nr{
	color: #102932;
}
.wd_list li.on .wd_nr p{
	margin-bottom: 1em;
}
.wd_list li.on .wd_nr{
	display: block;
	overflow: auto;
	height: auto;
}
.wd_list li .list_line{
	background: url(list_line.jpg) center repeat-x;
	text-align: center;
	line-height: 50px;
	height: 50px;
	position: relative;
	cursor: pointer;
}
.wd_list li .list_line::after{
	display: inline-block;
	content: '展开';
	background-color: #fff;
	padding: 0 20px;
	color: #4981BF;
	cursor: pointer;
	position: absolute;
	left: 50%;
	margin-left: -37px;
}
.wd_list li.on .list_line::after{
	content: '收起';
}
.wd_list li .list_line.no_zk::after{
	display: none;
}
@media (max-width: 1440px){
	.top{
		padding-top: 20px;
	}
	.logo{
		margin-left: 80px;
	}
	.logo img{
		height: 35px;
	}
	.right{
		float: right;
		margin-right: 40px;
	}
	.en{
		width: 40px;
		height: 35px;
		line-height: 34px;
		font-size: 16px;
	}
	.so{
		width: 40px;
		height: 35px;
		background-size: 16px;
	}
	.menu{
		font-size: 16px;
	}
	.menu li{
		padding: 0 10px;
		line-height: 40px;
		margin: 0 3px;
	}
	.menu li .jt{
		width: 12px;
		height: 12px;
		background-size: 10px;
	}
	.sonul{
		font-size: 14px;
		top: 40px;
	}
	.sonul a{
		padding: 5px 0
	}

	.foot{
		line-height: 50px;
		margin-top: 40px;
		font-size: 13px;
	}
	.foot.in .foot_tr1,
	.foot.in .foot_tr2 {
		padding: 0 70px;
	}
	.foot_tr1{
	}
	.foot_tr1 a{
		margin-right: 25px;
	}

}




.wrapper{
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}
.ej_menu{
	line-height: 80px;
	text-align: center;
	background: #fff;
	font-size: 0;
	height: 84px;
	overflow: hidden;
}
.ej_menu li{
	margin: 0 90px;
	font-size: 22px;
	display: inline-block;
	border-bottom: 4px solid rgba(27, 98, 175, 0)
}
.ej_menu li.on,
.ej_menu li:hover{
	font-weight: bold;
	color: #1b62af;
	border-bottom-color: rgba(27, 98, 175, 1)
}
.ej_menu li a{
	display: block;
}
.c_img img{
	width: 100%;
}
.mt{
	margin-top: 30px;
}

/*业务服务二级menu*/
.ej_menu .ywfw li{
	margin: 0 35px;
}

.ej_menu .falv li{
	margin: 0 50px;
}

.ej_menu .pilu li{
	margin: 0 20px;
}
.tabnav.qxfl a{
	margin: 0 20px;
}
.tabnav{
	text-align: center;
	font-size: 20px;
	margin-bottom: 30px;
}
.tabnav a{
	display: inline-block;
	position: relative;
	line-height: 42px;
	padding: 0 25px 2px;
	margin: 0 50px;
	border-radius: 6px;
}
.tabnav a.on{
	color: #fff;
	background: #1B62AF;
}
.tabnav a.on::before{
	content: '';
  	position: absolute;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 7px solid #1B62AF;
	left: 50%;
	margin-left: -3px;
	bottom: -9px;

}

/*参与人专区*/
.con_cyrzt{
	padding: 70px 0 30px;
}
.con_cyrzt li{
	float: left;
	width: 440px;
	margin-right: 40px;
}
.con_cyrzt li:last-child{
	margin-right: 0;
}

/* ========== 平板端 (<=1024px) ========== */
@media (max-width: 1024px) {
	.top {
		padding-top: 15px;
	}
	.logo {
		margin-left: 20px;
	}
	.logo img {
		height: 32px;
	}
	.right {
		margin-right: 20px;
	}
	.menu {
		font-size: 14px;
	}
	.menu li {
		padding: 0 6px;
		line-height: 36px;
	}
	.sonul {
		top: 36px;
		font-size: 13px;
	}
	.en {
		width: 36px;
		height: 32px;
		line-height: 31px;
		font-size: 14px;
	}
	.so {
		width: 36px;
		height: 32px;
		background-size: 14px;
	}

	.wrapper {
		max-width: 96%;
	}
	.ej_menu {
		line-height: 50px;
		height: 54px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.ej_menu li {
		margin: 0 20px;
		font-size: 14px;
	}

	.foot {
		margin-top: 30px;
		font-size: 13px;
	}
	.foot.in .foot_tr1,
	.foot.in .foot_tr2 {
		padding: 0 20px;
	}
	.foot_tr1 a {
		margin-right: 15px;
	}

	.tabnav {
		font-size: 14px;
		margin-bottom: 15px;
	}
	.tabnav a {
		line-height: 34px;
		padding: 0 15px;
		margin: 0 15px;
	}
}

/* ========== 移动端 (<=768px) ========== */
@media (max-width: 768px) {
	/* 隐藏 PC 导航 */
	.top .right {
		display: none;
	}
	.top {
		align-items: center;
		padding-top: 10px;
	}

	/* 显示汉堡菜单按钮 */
	.mobile-menu-btn {
		display: flex;
	}

	/* Logo 缩小 */
	.logo {
		margin-left: 10px;
	}
	.logo img {
		height: 28px;
	}

	/* Banner 高度控制 */
	.imgs {
		height: 120px;
		object-fit: cover;
	}

	/* wrapper 全宽 */
	.wrapper {
		max-width: 100%;
		padding: 0 12px;
	}
	.mt {
		margin-top: 15px;
	}

	/* 二级菜单横向滚动 */
	.ej_menu {
		line-height: 44px;
		height: 48px;
		overflow-x: auto;
		white-space: nowrap;
	}
	.ej_menu li {
		margin: 0 12px;
		font-size: 13px;
		border-bottom-width: 3px;
	}

	/* Tab 导航 */
	.tabnav {
		font-size: 13px;
		margin-bottom: 15px;
	}
	.tabnav a {
		line-height: 32px;
		padding: 0 10px;
		margin: 0 6px;
		font-size: 13px;
		border-radius: 4px;
	}
	.tabnav a.on::before {
		border-left-width: 6px;
		border-right-width: 6px;
		border-top-width: 5px;
		margin-left: -2px;
		bottom: -7px;
	}

	/* Footer */
	.foot {
		margin-top: 20px;
	}
	.foot_tr1 {
		font-size: 12px;
		line-height: 1.6;
		padding: 10px 0 !important;
		text-align: center;
	}
	.foot_tr1 .bt {
		display: block;
		margin-bottom: 5px;
	}
	.foot_tr1 a {
		margin: 0 6px;
		display: inline-block;
	}
	.foot_tr2 {
		font-size: 12px;
		line-height: 1.6;
		padding: 10px 0 !important;
		text-align: center;
	}
	.foot_tr2 .fl,
	.foot_tr2 .fr {
		float: none;
		width: 100%;
		text-align: center;
	}
	.foot_tr2 span {
		margin: 0 5px;
	}

	/* 问答列表 */
	.wd_list {
		padding: 15px 12px;
		font-size: 14px;
	}
	.wd_list .bt {
		font-size: 15px;
		padding-left: 16px;
	}
	.wd_list .wd_nr {
		padding-left: 16px;
	}

	/* 参与人专区 */
	.con_cyrzt {
		padding: 20px 0 10px;
	}
	.con_cyrzt li {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
}

/* ========== 小屏手机 (<=480px) ========== */
@media (max-width: 480px) {
	.imgs {
		height: 80px;
	}
	.logo img {
		height: 22px;
	}
	.ej_menu li {
		font-size: 12px;
		margin: 0 8px;
	}
	.tabnav a {
		padding: 0 8px;
		margin: 0 3px;
		font-size: 12px;
	}
}