@charset "utf-8";
/* CSS Document*/
.banner{width: 100%; height: 226px; background: url(../images/erji_banner.jpg) no-repeat center; background-size: cover;
	}
.banner .erji_tit{font-size: 48px; color: #fff; font-weight: bold; margin-top: 70px;}
.banner .erji_tit>div{width: 100%; height: 20px; background: #ffc20e; margin-top: -25px;}
.banner .bread{color: #fff; line-height: 226px;}
.banner .bread>a{color: #fff;}
.banner .bread>a:hover{text-decoration: underline;}

.about .aboutbox{background: #eef4f8; padding: 50px 100px;}
.about .aboutbox .nr{font-size: 16px; color: #333; line-height: 30px; text-align: justify;}
.about .aboutbox .nr p{font-size: 16px; color: #333; line-height: 30px;}

.about .aboutbox .company{font-size: 30px; color: #04629a; font-weight: bold; margin-bottom: 40px;}
.about .aboutbox .address{padding-bottom: 20px;}
.about .aboutbox .address>img{float: left; margin-right: 10px;}
.about .aboutbox .address>span{float: left; font-size: 16px; color: #333; font-weight: bold;}
.about .aboutbox .address>p{float: left; font-size: 16px; color: #333; margin-left: 5px;}

.about .fenlei{padding: 50px 0 40px;}
.about .fenlei>li{float: left; margin-right: 15px;}
.about .fenlei>li:last-child{margin-right: 0;}
.about .fenlei>li>a{padding: 5px 20px; background: #e5e5e5; font-size: 18px; border-radius: 5px; color: #666;
	transition: .3s;}
.current{background: #04629a!important; color: #fff!important;}
.about .fenlei>li>a:hover{background: #04629a; color: #fff;}
.about .item{width: 30%; margin-right: 5%; margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid #f1f1f1; }
.about .item:nth-child(3n){margin-right: 0;}
.about .item .img{display: block; width: 100%; height: 212px; overflow: hidden;}
.about .item .img>img{display: block; width: 100%; height: 100%; transition: .3s;}
.about .item .tit1{font-size: 16px; color: #335c8d; font-weight: bold; display: block; margin: 20px 0 10px;
	text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.about .item .tit2{font-size: 30px; color: #333; font-weight: bold; display: block; line-height: 40px;
	margin-bottom: 20px; height: 80px; transition: .3s;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.about .item .tit3{font-size: 18px; color: #8a8c8a; display: block; line-height: 30px;
	height: 120px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;}
.about .item:hover .img>img{transform: scale(1.1);}
.about .item:hover .tit2{color: #0b71b0;}
.paginationbox{display: flex; justify-content: center;}
.pagination{margin-bottom: 50px;}
.pagination li{float: left; line-height: 38px;}
.pagination a, .pagination span{width: 38px; height: 38px; line-height: 38px; background-color: #ddd;
    font-size: 20px; padding: 0; text-align: center; color: #666666; border-radius: 50%;}
.active span{color: #ffffff; background-color: #0b71b0;}

.detail .detailbox{background: #f6f6f6; padding: 50px 100px;}
.detail .detailbox .bt{font-size: 22px; color: #04629a; font-weight: bold; text-align: center;}
.detail .detailbox .time{font-size: 16px; color: #666; text-align: center; margin: 30px 0;}
.detail .detailbox .article{text-align: justify; font-size: 16px; color: #333; line-height: 28px;
	border-top: 1px solid #d2d2d2; padding-top: 30px; padding-bottom: 20px;}
.detail .detailbox .article p{font-size: 16px; color: #333; line-height: 28px;}
.detail .detailbox .article img{max-width: 100%;}
.detail .pagebox{background: #eef4f8; padding: 30px 100px;}
.detail .pagebox .next{padding: 20px 0; border-bottom: 1px solid #d2d2d2;}
.detail .pagebox .next>p{font-size: 16px; color: #333; font-weight: bold; margin-bottom: 5px;}
.detail .pagebox .next>a:hover{text-decoration: underline;}
.detail .pagebox .prev{padding: 20px 0;}
.detail .pagebox .prev>p{font-size: 16px; color: #333; font-weight: bold; margin-bottom: 5px;}
.detail .pagebox .prev>a:hover{text-decoration: underline;}

.download .list{border-bottom: 1px solid #d2d2d2; padding: 30px 0;}
.download .list .listLeft{width: 90%;}
.download .list .listLeft .ming{font-size: 20px; font-weight: bold; line-height: 30px; height: 60px;
	overflow : hidden; margin-bottom: 30px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.download .list .listLeft .ming>a{color: #333; transition: .3s;}
.download .list .listLeft .data{font-size: 18px; color: #333333;}
@font-face {
  	font-family: "iconfont"; /* Project id  */
  	src: url('fonts/iconfont.ttf?t=1690874377977') format('truetype');
}
.iconfont {
  	font-family: "iconfont" !important;
  	font-size: 40px;
  	font-style: normal;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	float: right;
  	margin-top: 35px;
  	color: #999;
  	transition: .3s;
}
.icon-xiazai:before {
  	content: "\e607";
}
.paginationbox2{margin-top: 30px;}
.download .list:hover .listLeft .ming>a{color: #0b71b0;}
.download .list:hover .iconfont{color: #0b71b0;}

@media screen and (max-width: 1200px){
	.banner{margin-top: 65px;}
}
@media screen and (max-width: 1200px){
	.banner{height: 150px; margin-top: 50px;}
	.banner .erji_tit{font-size: 32px; margin-top: 50px;}
	.banner .erji_tit>div{height: 10px; margin-top: -17px;}
	.banner .bread{line-height: 250px;}
	.about .aboutbox{padding: 30px 0; background: #fff;}

	.about .aboutbox .company{font-size: 20px;}
	.about .aboutbox .address:nth-child(2)>p{width: 100%;}
	.about .fenlei>li>a{padding: 5px 10px; font-size: 16px;}

	.about .fenlei{padding: 40px 0 20px;}

	.download .list .listLeft{width: 85%;}
	.download .list .listLeft .ming{font-size: 16px; line-height: 25px; height: 50px; margin-bottom: 10px;}
	.download .list .listLeft .data{font-size: 16px;}
	.iconfont{font-size: 30px; margin-top: 15px;}
	.download .list{padding: 15px 0;}

	.paginationbox2{margin-top: 20px;}
	.pagination{margin-bottom: 20px;}
	.pagination a, .pagination span{width: 32px; height: 32px; line-height: 32px; font-size: 16px;}

	.about .item{width: 49%; margin-right: 2%; margin-bottom: 20px; padding-bottom: 15px;}
	.about .item:nth-child(3n){margin-right: 2%;}
	.about .item:nth-child(2n){margin-right: 0;}
	.about .item .img{height: 100px;}
	.about .item .tit1{font-size: 14px; margin: 8px 0 5px;}
	.about .item .tit2{font-size: 18px; line-height: 24px; height: 48px; margin-bottom: 10px;}
	.about .item .tit3{font-size: 16px; line-height: 24px; height: 96px; }

	.detail .detailbox{background: #fff; padding: 0;}
	.detail .detailbox .bt{font-size: 18px; padding-top: 30px;}
	.detail .detailbox .time{margin: 15px 0;}
	.detail .detailbox .article{padding-top: 20px;}
	.detail .pagebox{background: #fff; padding: 0;}
}