/*------样式目录
1.header样式
2.搜索框
3.nav-导航菜单
4.content-内容
-------*/


/*header-样式*/

.head-area {
	position: relative;
	width: 100%;
	height: auto;
}

.head-area .conbox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: auto;
	padding: .16rem .15rem;
	background-color: #084782;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.head-build .conbox{
	background-color: #AD3C3C;
}
.head-area .conbox .logo {
	width: 2.95rem;
}

.head-area .conbox .logo img {
	display: block;
	width: 100%;
	height: auto;
}

.head-area .conbox .j-menu,.head-area .conbox .j-close{
	width: .25rem;
	height: .25rem;
	cursor: pointer;
}

.head-area .conbox .j-menu img,
.head-area .conbox .j-close img {
	display: block;
	width: 100%;
	height: auto;
	padding: .02rem;
}
.head-area .conbox .j-close{
	display: none;
}

/*nav-导航菜单*/
.drop-down-menu {
	display: block;
	position: fixed;
	right: -90%;
	top: .80rem;
	background-color: #3a3a3a;
	width: 2.40rem;
	z-index: 100;
}

.drop-down-menu .nav-ul {
	width: 100%;
	height: auto;
}

.drop-down-menu .nav-ul{
	width: 2.40rem;
	padding: .12rem 0;
	background-color: #fff;
}
.drop-down-menu .nav-ul li{
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.drop-down-menu .nav-ul li.active::before{
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: .40rem;
	background: #08478210;		
	z-index: 1;
}
.drop-down-menu .nav-ul li.active::after{
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 3px;
	height: .40rem;
	background-color: #084782;
	z-index: 2;
}	
.drop-down-menu .nav-ul li a{
	position: relative;
	display: block;
	padding: 0 .24rem;
	height: .40rem;
	line-height: .40rem;
	font-weight: 400;
	font-size: .16rem;
	color: #000000;	
	text-decoration: none;
	z-index: 3;	
}
.drop-down-menu .nav-ul li.active a{
	font-weight: 700;
	color: #084782;
}

/*content-内容*/
.main-box {
	width: 100%;
	height: auto;
	z-index: 99;
}

/*content-内容*/

.clearfix {
	clear: both;
}


/*footer-页脚*/

.footer-area {
	width: 100%;
	height: auto;
	padding: .20rem .15rem;
	background-color: #094A9B;
}



/*侧边栏*/

.backtop {
	display: none;
	position: fixed;
	right: .15rem;
	bottom:1.14rem;
	width: .32rem;
	height: .32rem;
	line-height: .40rem;
	z-index: 99;
	cursor: pointer;
	background: url(../img/icon/back.png) no-repeat center;
	background-color: #555;
	background-size: .24rem .24rem;
}

.active-2 {
	color: #ef841a !important;
}


/*分页*/

.paging {
	width: auto;
	height: auto;
	font-size: .13rem;
	text-align: center;
}

.paging ul li a {
	font-size: .12rem;
	margin: 0 .05rem;
	border-radius: .15rem !important;
	padding: .06rem .15rem;
	color: #3e3e3e;
}

.paging ul li.cur a {
	color: #cc224f !important;
	border-color: #cc224f !important;
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: .15rem 0;
	border-radius: .04rem;
}