@charset "utf-8";



/*内容部分*/

.conten {
	width: 100%;
	height: auto;
	background: #f1f4f7;
	padding: 2% 0;
	border-top: 1px solid #FFFFFF;
}
.conten:first-of-type{
	margin-top: 117px;
}
.conten:hover{
	background: #e43d02;
	color: #fefdfd;
}
.conten:hover .conten-left-data{
	border: 1px solid #fefdfd;
}
.conten:hover p{
	color: #fefdfd;
}
.conten:hover span{
	color: #fefdfd;
}



.conten-box {
	max-width: 1200px;
	margin: auto;
}

.conten-left-data{
	padding: 0;
	border: 1px solid #b2b0b0;
	margin: 3% 0 0 0;
}

.conten-left-data p{
	font-size: 3rem;
	color: #2d2c2c;
	text-align: center;
	font-weight: bold;
	padding-top: 8%;
}
.conten-left-data span{
	width: 100%;
	font-size: 1.4rem;
	color: #2d2c2c;
	text-align: center;
	display: block;
	margin: 2% 0 19% 0;
}

.conten-left-text{
	margin-top: 3%;
	padding: 0;
}
.conten-left-text p{
	font-size: 2rem;
	color: #2d2c2c;
	padding-bottom: 1rem;
}
.conten-left-text span{
	font-size: 1.4rem;
	color: #2d2c2c;
	line-height: 2.3rem;
}


/*分页*/

.conten-bottom-box nav {
	width: 75px;
	margin: auto;
}


.pagination {
	margin: 13px 0px;	
}

.pagination> li> a,
.pagination> li> span {
	padding: 0px 5px;
	margin-left: 6px;
	color: #a4a4a4;
	background-color: #606060;
}

.pagination> li> a:focus,
.pagination> li> a:hover,
.pagination> li> span:focus,
.pagination> li> span:hover {
	z-index: 3;
	color: #a4a4a4;
	background-color: #606060;
	border-color: #606060;
}

.conten-right .pagination {
	margin: -24px -18% -25px 4px;
}

.conten-right img{
	margin: auto;
}



/* 自定义 */
@media (min-width: 0px) and (max-width:610px) {
	.navbar-header p {display: none;}
	.navbar-brand> img {margin-top: 5px;}
	
}
@media (min-width: 768px) and (max-width:895px) {
	
}


/* 超小屏幕（手机，小于等于768px） */
@media (min-width: 0px) and (max-width:767px) {
	.navbar-header p {font-size: 1.3rem;}
	
	.conten:first-of-type{margin-top: 75px;}
	.conten-left-data{
		width: 116px;
		height: 20px;
		border: 1px solid #b2b0b0;
	}
	.conten:hover .conten-left-data{
		border: 1px solid #fefdfd;
	}
	.conten-left-data p{
		display: inline-block;
		width: 29px;
		line-height: 20px;
		font-size: 1.2rem;
		text-align: center;
		font-weight: normal;
		padding-top: 0;
	}
	.conten-left-data span{
		display: inline-block;
		width: 80px;
		line-height: 20px;
		font-size: 1.2rem;
		margin: 0;
	}
	.conten-left-text p{font-size: 1.2rem;}
	.conten-left-text span{font-size: 1rem;}
	
	.conten-right img{margin-top: 3%;}
	
}


/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) and (max-width:992px) {
	.navbar-header p {font-size: 1.2rem;}
	.navbar-nav> li> a {padding-top: 24px;}
	
	.conten-left-data p{font-size: 2.2rem;}
	.conten-left-data span{font-size: 1.2rem;}
	.conten-left-text p{font-size: 1.7rem;}
	.conten-left-text span{font-size: 1.2rem;}
}


/* 中等屏幕（桌面显示器，大于等于993px） */
@media (min-width: 993px) and (max-width:1200px) {}


/* 大屏幕（大桌面显示器，大于等于1200px） */
@media (min-width: 1201px) {}








