body{
	font-family: "Microsoft YaHei"; font-size: 16px; line-height: 1.75; 
}
a{
	color: #4c4c4c;
}
a:hover{
	color: #e00000;
}
#back-to-top{
	position:fixed; bottom:10px; right:10px; z-index:5;
}
#back-to-top a{
	text-align:center; text-decoration:none; display:block; width:50px;
}
#back-to-top a span{
	border-radius:6px; display:block; height:50px; width:50px; margin-bottom:5px; background:#000;
}

/*+++++++++++++++++++++ header +++++++++++++++++++++*/
.wrapper_1{
	background: url(../images/header_bg.jpg) top no-repeat #fff; min-width: 1180px; 
}
.logo{
	background: url(../images/logo.png) top/contain no-repeat; width: 274px; height: 34px; position: absolute; bottom:10px; right: 10px;
}
.header{ 
	width: 1180px; margin:0 auto; padding: 70px 0 180px 0; box-sizing: border-box; position: relative;
}
.header img{ 
	width: 100%; height: auto; display: block;
}


/*+++++++++++++++++++++ footer +++++++++++++++++++++*/
.footer{
	width: 100%; text-align: center; padding: 30px 0;
}
.copyright{
	width: 1200px; margin: 0 auto; font-size: 1rem; color: #000; 
}
.copyright_m{
	display:none
}
/*+++++++++++++++++++++ container +++++++++++++++++++++*/
.wrapper_2{
	min-width: 1180px;  background: url(../images/footer.jpg) bottom no-repeat; background-color: #fff;
}
.container_bg{ 
	max-width: 1370px; min-width: 1180px; margin: 0 auto;
}
.container{
	width: 1180px; margin: 0 auto; padding: 50px 0 100px;
}
.picholder{
	position: relative; overflow: hidden; font-size:1.25rem;
}
.picholder .pic{
	width: 100%; height: 100%; overflow: hidden;
}
.picholder .pic img{
	display: block; width:100%; height:100%; background: #ddd; transition:all .3s cubic-bezier(.165,.84,.44,1); transform: scale(1)
}
.picholder .pic .img{
	transition:all .3s cubic-bezier(.165,.84,.44,1); transform: scale(1)
}
.picholder .pic img:hover,
.picholder .pic .img:hover{
	transform: scale(1.05);
}
.picholder .tit{
	position:absolute; text-align: center; color:#fff; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr="#7F000000", endColorstr="#7F000000"); width:100%;line-height:2em; overflow:hidden; position: absolute;  bottom:0px;
}
:root .picholder .tit{
	filter:none;background-color:rgba(0,0,0,0.6);
}
.picholder a{
	color: #fff;
}
.main_title{
	font-size: 36px; color: #e00000; font-weight: bold; text-align: center; margin-bottom: 20px;
}
.main_title a,.main_title a:hover{
	color: #e00000;
}
.main_list{
	background: url(../images/line.png) center/100% 100%  no-repeat; text-align: center; width: 100%; padding: 15px; position: relative;
}
.main_list li{
	font-weight: bold; font-size: 16px; display: inline-block; text-align: center; padding: 0 10px; position: relative;
}
.main_list li::after{
	display: inline-block; width: 1px; height: 16px; background-color: #333; content: ""; position: absolute; top: 7px; right: 0;
}
.main_list li:last-child::after{
	display: none;
}
/* .main_list li::before{
	content: ""; width: 5px; height: 30px; background-color: #e00000; position: absolute; left: 0; top: 21px;
} */

.column-1{
	width: 670px; float: left;
}
.column-2{
	width: 480px; float: right;
}
.column-3-1{
	width: 630px; float: left;
}
.column-3-2{
	width: 440px; float: right;
}
.column-1-1,
.column-2-2{
	border-bottom: 3px solid #e00000;
}
.column-1-title,
.column-2-title{
	background-color: #e00000; height: 40px; line-height: 40px; text-align: center; color: #fff0bb; font-size: 20px; font-weight: bold;
}
.column-1-title{
	margin-bottom: 15px;
}
.column-2-title{
  background-color: #cc0000;	color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 0 10px;
}
.column-2-title span{
	display: flex; align-items: center;
}
.column-2-1-title span::before,
.column-2-2-title span::before{
	background: url(../images/icon_1.png) center/contain no-repeat; width: 1.2em; height:1.5em; content: ""; display: block; margin-right: 10px;
}
.column-2-2-title{
	border-top:#ff9999 3px solid;
}
.column-2-2-title span::before{
	background: url(../images/icon_2.png) center/contain no-repeat; 
}
.column-2-title .more-2{
	width: 1em; height: 1em; display: block; background: url(../images/right.png) center/contain no-repeat;
}
.column-2-1 .newslist-2,
.column-2-2 .newslist-2{
	padding: 20px; height: 241px; box-sizing: border-box;
}
.newslist-1 li{
	height:90px; width: 100%; overflow: hidden; position: relative; box-sizing: border-box;
	padding: 10px 30px; margin-bottom: 5px; background-color: #fdf7f1; text-align: left;
}
.newslist-1 li .title{
	font-size: 18px; color: #333; font-weight: bold; text-align: left;
}
.newslist-1 li .con{
	font-size: 14px; color: #666; line-height: 20px; height: 44px; overflow: hidden;
}
.newslist-1 li a:hover{
	text-decoration:none;
}
.newslist-1 li a:hover .title{
	color: #ff3333;
}

.newslist-2 li { 
	height: 40px; line-height: 40px; font-size: 16px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left;
}
.newslist-2 li::before { 
	content: ""; background: #ff3333; display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 10px; vertical-align: middle; 
}
.newslist-2 li a {
	color: #333;
}
.newslist-2 li a:hover {
	color: #ff3333;
}
.more-1{
	display: flex; justify-content: center; align-items: center; margin-bottom: 5px;
}
.more-1 a{
	width: 30px; height: 30px; background: url(../images/down.png) center/contain no-repeat;
}
.column-3{
	border: 2px solid #cc0000; border-radius: 50px; background-color: #fdf7f1; position: relative; padding:80px 30px 20px; margin-top: 120px;
}
.column-3 .newslist-1 li{
	height:170px; width: 100%; overflow: hidden; position: relative; box-sizing: border-box;
	padding: 0; margin-bottom: 5px; background-color: transparent; border-bottom: 1px solid #cfb192; 
}
.column-3 .newslist-1 li:last-child{
	border: 0;
}
.column-3 .newslist-1 li .title{
	font-size: 24px; line-height: 1.5; color: #333; font-weight: bold; padding-top: 20px; margin-bottom: 10px;
}
.column-3 .newslist-1 li .con{
	font-size: 14px; color: #666; line-height: 20px; height: 44px; overflow: hidden;
}
.column-3 .newslist-2 li { 
	height: 32px; line-height: 32px; 
}
.column-3 .newslist-2 li::before { 
	content: ""; background: #ff3333; display: inline-block; width: 5px; height: 1em; border-radius: 0; margin-right: 10px; vertical-align: middle; 
}
.column-3-3 .newslist-2{
	display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; gap: 10px; 
}
.column-3-3 .newslist-2 li{
	width: 340px; height: 80px; margin-bottom: 20px; line-height: 28px; white-space: wrap; position: relative; padding-left: 10px; border-bottom: 1px solid #cfb192; 
}
.column-3-3 .newslist-2 li a{
	height: 56px; overflow: hidden; display: block;
}
.column-3-3 .newslist-2 li:nth-last-child(-n+3){
	border: 0;
}
.column-3-3 .newslist-2 li::before{
	position: absolute; left: 0; top: 8px;
}
.mtitle_1{
	text-align: center; position: absolute; left: 0; top: -70px; height: 140px; width: 100%; background: url(../images/title_1.png) center no-repeat;
}
.mtitle_2{
	text-align: center; position: absolute; left: 0; top: -70px; height: 140px; width: 100%; background: url(../images/title_2.png) center no-repeat;
}
.more{
	text-align: right; font-size: 14px;
}
.more a{ 
	color: #ff3333;
}
.main_list .more{
	 position: absolute; right:0; bottom:10px;
}
/*mobile*/
@media screen and (max-width: 960px) {
	*{
		-webkit-tap-highlight-color: transparent;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
	}
	body{
		font-size: 14px; 
	}
	.wrapper_1,
	.wrapper_2,
	.container_bg,
	.header,
	.copyright,
	.container{
		min-width: auto; width: 100%; overflow: hidden;
	}
	.wrapper_1{
		background-size: 120% auto;
	}
	.wrapper_2{
		margin-top: -10vw;
	}
	.copyright{
		display:none
	}
	.copyright_m{
	 text-align:center; display:block
	}
	/*+++++++++++++++++++++ header +++++++++++++++++++++*/
	.banner{
		background-size: auto 68vw; padding: 8vw 0;
	}
	.logo{
		width: 30vw; height: 10vw; top:1vw
	}
	.header{
		height: 70vw; padding: 0vw 0 0;
	}
	
	/*+++++++++++++++++++++ container +++++++++++++++++++++*/
	.container_bg{
		margin:0 2vw; width: 96vw;
	}
	.container{
		padding: 3vw; box-sizing: border-box;
	}
	.column-1,.column-2,.column-3-1,.column-3-2{
		width: 100%; float: none;
	}
	.main_title{
		line-height: 1.5; font-size: 1.5rem;
	}
	.main_list li{
		width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;
	}
	.mtitle_1,
	.mtitle_2{
		height: 20vw; background-size: auto 100%; top: -10vw;
	}
	.column-3{
		border: 2px solid #cc0000; border-radius: 50px; background-color: #fdf7f1; position: relative; padding:10vw 30px 20px; margin-top: 12vw;
	}
	.column-3 .newslist-1 li{
		height:auto; 
	}
	.newslist-1 li .title{
		font-size: 18px!important; margin-bottom: 5px; line-height: 1.2;
		display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; padding-top: 5px!important;
	}
	.newslist-1 li .con{
		line-height: 1.2; font-size: 12px;
	}
	.column-3-3 .newslist-2{
	 	display:block;
	}
	.column-3-3 .newslist-2 li{
		height: 60px; width: 100%; margin-bottom: 10px;
	}
	.column-3-3 .newslist-2 li:nth-last-child(-n+3){
		border-bottom: 1px solid #cfb192; 
	}
}