@charset "UTF-8";
.title{
	cursor: pointer;
	margin-top: 70px;
	margin-bottom: 40px; text-align: center;
}
.wrap-list{
	margin-bottom: 30px;
	background: #e94620;
}
.wrap-list > .swiper-left{
	float: left;
	width: 48.61%;
}
.wrap-list > .swiper-left > .swiper-container{
	width: 100%;
}




.wrap-list > .list-right{
	box-sizing: border-box;
	padding: 2.36% 3.8% 0 3.402%;
	height: auto;

	float: right;
	width: calc(100% - 48.61%);
}
.wrap-list > .list-right > ul li a{
	color: #fff;
}
.wrap-list > .list-right > ul li a h2{
	line-height: 1;
	margin-bottom: 2.6%;
	color: #fff;
}
.wrap-list > .list-right > ul li a p{
	
		margin-bottom: 4%;
	line-height: 1.714;
	color: #fff;
}
.wrap-list > .list-right > ul li:nth-child(1){
	
	padding: 0;
	border-bottom: 1px solid #E98A72;
}.wrap-list > .list-right > ul li:nth-child(1) a{white-space:normal;}
.wrap-list > .list-right > ul li:nth-child(1) p{
	overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.wrap-list > .list-right > ul li{
	padding-top:  2.6%;
	padding-bottom:  2.6%;
		border-bottom: 1px dotted #E98A72;
}.wrap-list > .list-right > ul li:last-child{border-bottom:none;}
.button{
	border-radius: 25px;
	width: 9.7%;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	background: #8e8e8e;
	line-height: 40px;
}
.button > a{
	color: #fff;
}
.news-list > ul{
	margin-bottom: 30px;
	width: 100%;
}
.news-list > ul > li{
	overflow: hidden;/*超出部分隐藏*/
            white-space: nowrap;/*不换行*/
            text-overflow:ellipsis;/*超出部分文字以...显示*/
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	border-bottom: 1px solid #dcdcdc;
	width: 47.98%;
}
.news-list > ul > li:before{
	content: '';
	position: absolute;
	width: 3px;
	height: 3px;
	background: #e94620;
	top: 50%;
	transform: translateX(-50%);
	left: 9px;
	
}
.news-list > ul > li > a{
	font-weight: 700;
}
.news-list > ul > li:nth-child(even){
	float: right;
}
.news-list > ul > li:nth-child(odd){
	float: left;
}
.pad100{
	padding-bottom: 100px;
}
/*100周年end*/
.title-backgroud{
	margin-top: 60px;
	margin-bottom: 20px;
	background: url(../images/img/titleban.png) center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.huan-wrap{
	position: relative;
	background: #fff;
}
.title-backgroud > h2{
	color: #e94620;
	text-align: center;
}
.huan{
	position: absolute;
	top: 0 ;
	right: 0;
	height: 100% !important;
	border: 4px solid #e94620;
}
.huan> ul li a{
	color: #000 !important;
}
.huan> ul li a:hover{color: #004897!important;}
.huan > ul li a h2{
	line-height: 1;
	margin-bottom: 2.6%;
	color: #000 !important;
}
.huan> ul li{
	border-color: #d2d2d2 !important;
}
.huan> ul li a p{
	
		margin-bottom: 4%;
	line-height: 1.714;
	color: #000 !important;
}
.news-part ul {
    margin: 2% -0.8% 2%;
}
.news-part {
    margin: 5% 0 0%;
}
.swiper-pagination-bullet-active{
	width: 12px;
	height: 12px;
	background: #e94620 !important;
}
@media only screen and (max-width: 1520px) {
	.wrap-list > .list-right > ul li{ padding-top: 2.2%; padding-bottom: 2.2%;}
}
@media only screen and (max-width: 1400px) {
	.wrap-list > .list-right > ul li{ padding-top: 2.1%; padding-bottom: 2%;}
}
@media only screen and (max-width: 1366px) {
	.wrap-list > .list-right {
	    padding: 2% 3.8% 0 3.402%;
	}
	.wrap-list > .list-right > ul li {
    padding-top: 2%;
    padding-bottom: 2%;
}
.wrap-list > .list-right > ul li:nth-child(1) p {
	margin-bottom: 2%;
}
}
@media only screen and (max-width: 1365px) {
	
}
@media only screen and (max-width: 1279px) {
	
}
@media only screen and (max-width: 1024px) {
	.title {
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 10px;
	}  
	.huan {
     position: static; 
    height: 100% !important;
    border: 4px solid #e94620;
}
.wrap-list > .list-right{padding:13px 20px;}
.wrap-list > .list-right > ul li{padding:1% 0;}

.button {
    width: 40%;
}
.news-list > ul > li {
    width: 100%;
}
.pad100{
	padding-bottom: 20px;
}
/*100周年end*/
}

@media only screen and (max-width:768px) { 
	
}

.wrap-list > .swiper-left{overflow: hidden;}
.wrap-list > .swiper-left li{width:100%; display:none;}
.wrap-list > .swiper-left li:first-child{ display: block;}
.wrap-list > .swiper-left li .txt,.wrap-list > .swiper-left .swiper-button-prev,.wrap-list > .swiper-left .swiper-button-next{display: none;}
@media only screen and (max-width:1023px){
	.wrap-list{ background: none;}
	.wrap-list > .swiper-left,.wrap-list .list-right{width:100%; height: auto!important;}
	.wrap-list > .swiper-left{border:3px solid #e94620;}
	.wrap-list .list-right{display: none;}
    .wrap-list > .swiper-left .swiper-button-prev{ left:0; width: 15px; height:20px; margin-top:-10px; background-size: 15px 20px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23004897'%2F%3E%3C%2Fsvg%3E");}
    .wrap-list > .swiper-left .swiper-button-next{ right:0;width: 15px; height:20px; margin-top:-10px; background-size: 15px 20px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23004897'%2F%3E%3C%2Fsvg%3E");}
    .wrap-list > .swiper-left .swiper-button-prev.swiper-button-disabled{ opacity: 1; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23CDCDCD'%2F%3E%3C%2Fsvg%3E");}
    .wrap-list > .swiper-left .swiper-button-next.swiper-button-disabled{ opacity: 1; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23CDCDCD'%2F%3E%3C%2Fsvg%3E");}
    .wrap-list > .swiper-left li,.wrap-list > .swiper-left li .txt, .wrap-list > .swiper-left .swiper-button-prev, .wrap-list > .swiper-left .swiper-button-next{ display: block;}
    .wrap-list > .swiper-left li .txt{padding:5%;}
    .wrap-list > .swiper-left li .txt h2{font-size: 16px; color:#000;}
    .wrap-list > .swiper-left li .txt h2 a{color:#000;}
    .wrap-list > .swiper-left li .txt p{color:#333;}
    .wrap-list > .swiper-left li .txt span{ display: block; margin:5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
}