/* page-banner */
.page-banner {position: relative;overflow: hidden;}
.page-banner img {width: 100%;}
/* .page-banner-txt {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-banner-txt .container-width{height: 100%; display: flex; align-items: center;}
.page-banner-txt h3{font-size: 40px; color: #fff;} */
@media (min-width:960px) {
	.page-banner img {animation: bigImg 2s 1;}
}
@media (max-width:768px) {
	.page-banner-txt .container-width{justify-content: center;}
}
@keyframes bigImg{
	0%   {transform: scale(1.4);}
	100% {transform: scale(1);}
}

.grey{background:#f5f5f5; padding: 30px 0 50px;}
.grey p img{max-width: 100%;height: auto !important;}
/*addr*/
.addr{width:100%; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; margin-bottom:30px;}
.addr a{color: #666; }
.addr span{color: #275CA8;}
.addr a:hover{color: #275CA8;}

/*  */
.white{background: #fff; padding: 50px 80px 70px; margin:20px 0;}
.time{font-size: 14px; color: #666; }
.page-more{margin-top: 50px;text-align: center;}
.page-more a{border:1px solid #275CA8; border-radius: 50px; color: #275CA8; padding: 7px 20px; font-weight: normal; font-size: 16px; text-align: center;}
.page-more a:hover{background: #275CA8; color: #fff;}
@media (max-width:768px) {
	.white{padding: 35px 25px 45px;}
	.company_con .company_con_r{width: 55%; padding-left: 30px;}
}
@media (max-width:480px) {
	.white{padding: 30px 10px 40px;}
	.company_con .company_con_r{width: 55%; padding-left: 30px;}
	.page-more a{ padding:4px 15px; font-size: 14px;}
	
}
/* 社会责任 */
.list-welfare li{background: #fff; padding: 35px 60px; margin-top: 30px;}
.list-welfare li .txt{width: 780px; float: left; padding-right: 60px;}
.list-welfare li .txt h5{margin: 20px 0 10px; font-size: 18px;}
.list-welfare li .txt span{color: #666; display: inline-block; font-size: 12px;}
.list-welfare li .txt p{margin-top: 15px; line-height: 24px; color: #666;}
.list-welfare li .pic{width: 300px; float: right; overflow: hidden;}
.list-welfare li .pic img{width: 100%; transition: all .8s;}
.list-welfare li:hover h5{color: #275CA8;}
.list-welfare li:hover .pic img{transform: scale(1.1);}

@media (max-width:1200px) {
	.list-welfare li .txt{width: 70%;}
	.list-welfare li .pic{width: 30%;}
}
@media (max-width:768px) {
	.list-welfare li{padding: 35px 40px;}
	.list-welfare li .txt h5{margin: 0px 0 10px;}
	.list-welfare li .txt,.list-welfare li .pic{width: 100%;}
	.list-welfare li .txt{padding: 0 0 30px 0;}
}
@media (max-width:480px) {
	.list-welfare li{padding: 20px 20px;}
	.list-welfare li .txt h5{margin: 0px 0 10px;}
	.list-welfare li .txt,.list-welfare li .pic{width: 100%;}
	.list-welfare li .txt{padding: 0 0 30px 0;}
}

/* 新闻动态 */
.list-news{width: 75%; float: left; padding-right: 30px;}
.list-news li{background: #fff; padding: 30px 25px; margin-bottom: 20px;}
.list-news li .txt{width: 70%; float: right; padding-left: 30px;}
.list-news li .txt h5{margin: 0px; font-size: 16px;font-weight: normal; color: #000000;}
.list-news li .txt span{color: #666; display: inline-block; font-size: 12px;}
.list-news li .txt p{margin: 13px 0; line-height: 22px; color: #666;}
.list-news li .pic{width: 30%; float: left;}
.list-news li .pic img{width: 100%; transition: all .3s;}
.list-news li:hover h5{color: #275CA8;}
.list-news li:hover .pic img{transform: scale(1.05);}


/* 新闻右侧 */
.nav-news{width: 25%; float: right; padding: 10px 20px 20px; background: #fff;}
.nav-news h5{font-size:16px; padding: 12px 0px; margin: 0; border-top: 1px solid #e5e5e5; font-weight: normal;}
.nav-news h5 a.on{color: #275CA8;}
.nav-news h5:first-child{border:0}
.nav-news h5:hover a{color: #275CA8;}
.nav-news .recomend{border: 1px solid #e5e5e5; max-height: 219px; overflow: hidden;}
.nav-news .recomend li{padding: 12px 10px; border-bottom: 1px solid #e5e5e5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;}
.nav-news .recomend li:last-child{border: 0; position: relative;}
.nav-news .recomend li a{color: #666; width: 100%; padding-left: 5px;}
.nav-news .recomend li:before{
	content: "";
	position: relative;
	left: 0;
	top: -2px;
	width: 4px;
	height: 4px;
	background: #999;
	border-radius: 30px;
	display: inline-block;
}
.nav-news .recomend li:before:hover{background: #275CA8; width: 40px;}
.nav-news .recomend li:hover a{color: #275CA8;}

/* 新闻详情 */
.page-news{width: 75%; float: left; padding-right: 30px;}
.page-news-white{background-color: #fff; padding: 50px;}

@media (max-width:768px) {
	.list-news,.nav-news,.page-news{float: none; width: 100%;}
	.list-news,.page-news{padding:0;}
	.list-news li .txt,.list-news li .pic{width: 100%;}
	.list-news li .txt{padding: 25px 0 0 0;}
	.page-news-white{ padding: 30px 25px 40px;}
	.nav-news{margin-top: 35px;}
}



/* 联系我们 */
.map{width: 100%;}
.company{border-top:1px solid #ddd; margin-top: 30px;}
.company_con{border-bottom:1px solid #ddd; padding: 40px 0; }
.company_con .company_con_l{float: left; width: 30%; padding: 0 0 0 100px;}
.company_con .company_con_r{float: right; width: 70%; padding-left: 60px;}
.company_con .company_con_r p{margin: 10px 0; line-height: 26px;}
.company_con .company_con_r a{color: #275CA8;}
.company_con .company_con_r a:hover{text-decoration: underline;}

@media (max-width:1200px) {
	.company_con .company_con_l{width: 45%; padding: 0 0 0 50px;}
	.company_con .company_con_r{width: 55%; padding-left: 30px;}
}
@media (max-width:768px) {
	.company_con{padding: 10px 0; }
	.company_con .company_con_l,.company_con .company_con_r{width: 100%; float: none; padding: 0px;}
}




/*------------------- 翻页 -------------------*/
.fanye{padding:20px 0 0px; border-top: 1px solid #ddd; margin-top: 20px; line-height: 30px;font-size:12px;}
.fanye-link{float: left; width: 70%;}
.fanye-link span{display: block; color: #777; }
.fanye-link span a{color:#333;}
.fanye-link span a:hover{color: #275CA8; text-decoration: underline;}
.fanye-list{float: right; width: 30%; text-align: right; padding-top: 15px;}
.fanye-list a{border:1px solid #275CA8; border-radius: 30px; padding: 4px 20px; color: #275CA8;}
.fanye-list a:hover{background: #275CA8; color: #fff;}
@media (max-width:480px) {
	.fanye-link,.fanye-list{width: 100%; float: none; text-align: left;}
}


/*------------------- 分页 -------------------*/
.pagecode-num {
	margin-top: 35px;
	text-align: center;
	font-size: 0;
}

.pagecode-num span {
	display: inline-block;
	padding: 7px 13px;	
	background-color:#275CA8;
	color: #fff;
	font-size: 14px;
}

.pagecode-num a {
	display: inline-block;
	border: 1px solid #fff;
	background-color: #fff;
	padding: 7px 13px;
	color: #666;
	margin: 0 5px;
	transition: .3s;
	font-size: 14px;
}