article { width: 100%; background:url(/static/new/2021/bg_web_left.png) left top no-repeat,url(/static/new/2021/bg_web_right.png) right top no-repeat #eeeeee; }
article .column { display: flex; }
article .column span { padding-right: 3em; border-bottom: 1px solid #27687a; padding-bottom: .5em; }
article .swiper-container { width: 100%; }
.swiper-slide figure { border-bottom:1px solid #e5e5e5;}
.swiper-slide figure time { text-align: right; color: #747474; margin-top: 1em; }
.swiper-slide figure:last-of-type { border-bottom: 0; }
article .swiper-button-prev,
article .swiper-button-next { background: url(/static/new/2021/img_more_prev.png) center no-repeat; background-size: cover; }
article .swiper-button-next { margin: 0 !important; transform: rotate(180deg); }

	.paging{
    margin: 0 auto!important;
    width:80%;
    display: block!important;
    text-align: center;
    margin-top: 1%!important;
 }
 .paging .page_index .current {
    color: #fff;
    background: #1C81CF!important;
    border: 1px solid #1C81CF!important;
}
	.pagination{float: right;width: 39%;}
	.backnone{background:none!important;}


@media screen and (max-width: 1000px) {
	article { background-size: 40vw; padding:5vw 0 20vw; }
	article section { width: 90vw; padding:5vw;}
	article section { box-sizing: border-box; margin:0 auto; display: flex; flex-direction: column; position: relative;  background: #fff;}
	article .column span { font-size: 4vw; }
	article figure { padding:5vw 0 4vw; display: flex; flex-direction: column; }
	article figure h2 { margin: 2vw 0; }
	article figure h2 a { font-size: 3vw; line-height: 1.4; font-weight: normal; }
	article figure p { font-size: 2.4vw; line-height: 1.4; color: #747474; }
	article figure time { font-size: 2vw; }
	article figure.itemPic > a img { width: 100%; }
	article .swiper-button-prev,
	article .swiper-button-next { width: 7vw; height: 7vw; top:auto; bottom:-14vw; left: auto; right: 0; margin:0 10vw 0 0; }
	
	.div_title{
	box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 1200px;
    padding: 2vw 1vw;
	}
	.div_title h1{ font-size: 4vw; padding: 0 5vw;}
	.div_list {}
	.div_list li{margin-bottom: 10vw;}
	.div_list a img{width: 100%;}
	.div_list ul li .pubTimeBox{font-size: 2vw;font-style: normal;line-height: 3;}
	.div_list ul li .pubTimeBox i{font-style: normal;}
	.div_list ul li h1{ font-size: 2.5vw;line-height: 2;}
	.div_list ul li p{ line-height: 2; font-size: 1.8vw;}
	
	.pagination{float: right;width: 100%;}
	
	
}
@media screen and (min-width: 1001px) and (max-width: 1200px) {
	article { padding:30px 0 150px; }
	article section { width: 100%; padding:50px 2%; }
	article section { box-sizing: border-box; margin:0 auto; display: flex; flex-direction: column; position: relative;  background: #fff;}
	article .column span { font-size: 26px; }
	article figure { padding:50px 0 40px; }
	article figure h2 { margin-bottom: 15px; }
	article figure h2 a { font-size: 22px; line-height: 40px; font-weight: normal; }
	article figure p { font-size: 16px; line-height: 30px; color: #747474; }
	article figure time { font-size: 16px; }
	article figure.itemPic { position: relative; min-height: 210px; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; }
	article figure.itemPic > * { width: 67%; }
	article figure.itemPic > a { width: 27%; height: 210px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
	article figure.itemPic > a img { width: 100%; height: 100%; object-fit: cover; }
	article figure.itemTxt { display: flex; flex-direction: column; }
	article .swiper-button-prev,
	article .swiper-button-next { width: 42px; height: 41px; top:auto; bottom:-140px; left: auto; right: 0; margin:0 60px 0 0; }
	
	
	.div_title{
	box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 1200px;
    padding: 2vw 1vw;
	}
	.div_title h1{font-size: 2vw;font-weight: normal;}
	.div_title h1:after{ content: ''; position: absolute; width: 4vw; height: 2px; border-bottom: 4px solid #4597D6; left: 1vw; bottom: 1.5vw; line-height: 2vw;	}
	.div_list ul li{ min-height: 4vw; border: 1px solid #EAEAEA;  margin-bottom: 1.2vw; overflow: hidden;position: relative; }
	.div_list ul li:after{ background: url(../images/img-list-bg.png) right no-repeat; content: ''; position: absolute;right: 0;top: 0;width: 100%;min-height: 10vw;overflow: hidden;}
	.div_list ul li .pubTimeBox { float: left; width: 5vw; padding: 1.4vw 0vw;  margin-left: 3vw; position:relative;}
	.div_list ul li .pubTimeBox:after{background: url(../images/icon-list-more.png) left bottom no-repeat;content:'';position:absolute; height: 2vw; width: 5vw; left: 0; bottom: 0vw;}
	.div_list ul li .pubTimeBox b{color: #1C81CF;font-size: 1.2vw;font-weight: normal;width: 100%;overflow: hidden;float: left;}
	.div_list ul li .pubTimeBox i{ color: #1C81CF; font-size: 0.8vw; font-weight: normal; font-style: normal; line-height: 2;}
	
	.div_list ul li h1{
		font-size: 1.8vw;
		font-weight: normal;
		width: 75%;
		float: left;
		line-height: 1.5;
		margin-top: 1vw;
	}
	.div_list ul li p{
		width: 75%;
		float: left;
		font-size: 1.4vw;
		line-height: 1.5;
		color: #7F7F7F;
	}
	.div_list ul li a img{width:15vw; height:10vw; float: left;}
	.div_list ul .rightLi{background-position: center;}
	.div_list ul .rightLi:after{ -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;}
	.div_list ul .rightLi img,.div_list ul .rightLi .pubTimeBox,.div_list ul .rightLi h1,.div_list ul .rightLi p{float:right;}
	.div_list ul .rightLi .pubTimeBox:after{transform: rotate(180deg);left: -2.2vw;bottom: -1.5vw;}
	
}

@media screen and (min-width: 1201px) {
	article { padding:0 0 2vw 0; }
	article section { width: 88%; padding: 50px; }
	article section { box-sizing: border-box; margin:0 auto; display: flex; flex-direction: column; position: relative;  background: #fff;}
	article .column span { font-size: 1.4vw; }
	article figure { padding:2.5vw 0 2vw; }
	article figure h2 { margin-bottom: 1vw; }
	article figure h2 a { font-size: 1.2vw; line-height: 1.4; font-weight: normal; }
	article figure p { font-size: .9vw; line-height: 1.75; color: #747474; }
	article figure time { font-size: .9vw; }
	article figure.itemPic { position: relative; min-height: 210px; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; }
	article figure.itemPic > * { width: 67%; }
	article figure.itemPic > a { width: 27%; height: 210px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
	article figure.itemPic > a img { width: 100%; height: 100%; object-fit: cover; }
	article figure.itemTxt { display: flex; flex-direction: column; }
	article .swiper-button-prev,
	article .swiper-button-next { width: 42px; height: 41px; top:auto; bottom:-140px; left: auto; right: 0; margin:0 60px 0 0; }
	
	.div_title{
	box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 82%;
    padding: 38px 0;
	}
	.div_title h1{font-size: 1.6vw;font-weight: normal;}
	.div_title h1:after{ content: ''; position: absolute; width: 3vw; height: 2px; border-bottom: 4px solid #4597D6; left: 0; bottom: 1.4vw; line-height: 2vw;	}
	.div_list ul li{ min-height: 4vw; border: 1px solid #EAEAEA;  margin-bottom: 1.2vw; overflow: hidden;position: relative; }
	.div_list ul li:after{ background: url(../images/img-list-bg.png) right no-repeat; content: ''; position: absolute;right: 0;top: 0;width: 100%;min-height: 10vw;overflow: hidden;}
	.div_list ul li .pubTimeBox { float: left; width: 5vw; padding: 1.4vw 0vw;  margin-left: 3vw; position:relative;}
	.div_list ul li .pubTimeBox:after{background: url(../images/icon-list-more.png) left bottom no-repeat;content:'';position:absolute; height: 2vw; width: 5vw; left: 0; bottom: 0vw;}
	.div_list ul li .pubTimeBox b{color: #1C81CF;font-size: 1.2vw;font-weight: normal;width: 100%;overflow: hidden;float: left;}
	.div_list ul li .pubTimeBox i{ color: #1C81CF; font-size: 0.8vw; font-weight: normal; font-style: normal; line-height: 2;}
	.div_list ul li .title{z-index: 9;position: absolute;top: 0;right: 0;text-align: left;width: 70%;margin-right: 1vw;}
	.div_list ul li h1{
		font-size: 18pt;
		font-weight: normal;
		width: 100%;
		float: left;
		line-height: 1.5;
		margin-top: 1vw;
	}
	.div_list ul li p{
		width: 69.2%;
		float: right;
		font-size: 12pt;
		line-height: 1.5;
		color: #7F7F7F;
		margin-top: 5vw;
		margin-right: 1vw;
	}
	.div_list ul li a img{width:15vw; height:10vw; float: left;}
	.div_list ul .rightLi{background-position: center;}
	.div_list ul .rightLi:after{ -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;}
	.div_list ul .rightLi .title{left:0;margin-left: 1vw;}
	.div_list ul .rightLi img,.div_list ul .rightLi .pubTimeBox,.div_list ul .rightLi h1,.div_list ul .rightLi p{float:right;margin-left: 1vw;}
	.div_list ul .rightLi .pubTimeBox:after{transform: rotate(180deg);left: -2.2vw;bottom: -1.5vw;}
	
}
@media screen and (min-width: 1201px) and (min-width: 1700px) {
	.div_list ul li{ min-height: 4vw; border: 1px solid #EAEAEA;  margin-bottom: 1.2vw; overflow: hidden;position: relative; }
	.div_list ul li:after{ background: url(../images/img-list-bg.png) right no-repeat; content: ''; position: absolute;right: 0;top: 0;width: 100%;min-height: 10vw;overflow: hidden;}
	.div_list ul li .pubTimeBox { float: left; width: 5vw; padding: 1.4vw 0vw;  margin-left: 3vw; position:relative;}
	.div_list ul li .pubTimeBox:after{background: url(../images/icon-list-more.png) left bottom no-repeat;content:'';position:absolute; height: 2vw; width: 5vw; left: 0; bottom: 0vw;}
	.div_list ul li .pubTimeBox b{color: #1C81CF;font-size: 1.2vw;font-weight: normal;width: 100%;overflow: hidden;float: left;}
	.div_list ul li .pubTimeBox i{ color: #1C81CF; font-size: 0.8vw; font-weight: normal; font-style: normal; line-height: 2;}
	.div_list ul li .title{z-index: 9;position: absolute;top: 0;right: 0;text-align: left;width: 70%;margin-right: 1vw;}
	.div_list ul li h1{
		font-size: 1.4vw;
		font-weight: normal;
		width: 100%;
		float: left;
		line-height: 1.5;
		margin-top: 1vw;
	}
	.div_list ul li p{
		width: 70%;
		float: right;
		font-size: 1vw;
		line-height: 1.5;
		color: #7F7F7F;
		margin-top: 5vw;
		margin-right: 1vw;
	}
	.div_list ul li:nth-child(2n) p{float:left!important;}
	.div_list ul li a img{width:15vw; height:10vw; float: left;}
	.div_list ul li:nth-child(2n){background-position: center;}
	.div_list ul li:nth-child(2n):after{ -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;}
	.div_list ul li:nth-child(2n) .title{left:0;margin-left: 1vw;}
	.div_list ul li:nth-child(2n) img,.div_list ul li:nth-child(2n) .pubTimeBox,.div_list ul li:nth-child(2n) h1,.div_list ul li:nth-child(2n) p{float:right;margin-left: 1vw;}
	.div_list ul li:nth-child(2n) .pubTimeBox:after{transform: rotate(180deg);left: -2.2vw;bottom: -1.5vw;}
}