.wrapbanner{background: #f0f2f5;}
.Banner{position: relative;z-index: 5;margin: 0 auto;}
.Banner a{display: block;position: relative;}
.Banner .slick-img{display: block;height: 0;padding-bottom: calc(750% / 19.2);overflow: hidden;position: relative;}
.Banner .slick-list{}
.Banner .slick-dots{bottom: 14px;}
.Banner .slick-dots li{width: 9px;height: 9px;background: #fff;border-radius: 5px;margin: 0 5px;opacity: 0.5;}
.Banner .slick-dots li.slick-active,.Banner .slick-dots li:hover{background: #0062b1;opacity: 1;}
.Banner .slick-dots li.slick-active{width: 19px;}
.Banner .slick-dots li button{display: none;background: none;}
.Banner .slick-arrow{border: 0;width: 44px;height: 44px;font-size: 0;}
.Banner .slick-arrow:after{display: none;}
.Banner .slick-next{right: 160px;background: url(/international/images/banner_right.png) center center no-repeat;background-size: cover;}
.Banner .slick-prev{left: 160px;background: url(/international/images/banner_left.png) center center no-repeat;background-size: cover;}

.wrap_mode01{padding: 50px 0 0;}
.mode01{position: relative;background: #b2b2b2;}
.article_list01 ul{margin: 0 10px;padding: 10px 0 0;}
.article_list01 li{width: calc(25% - 20px);margin: 0 10px;}
.article_list01 .box{position: relative;/* background: #f3f3f3; */border-radius: 50%;width: 100%;height: 0;padding-bottom: 100%;overflow: hidden;}
.article_list01 .box::before{content: '';display: block;width: 8px;height: 24px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #d2d2d2;z-index: 2;}
.article_list01 .box::after{content: '';display: block;width: 8px;height: 24px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #d2d2d2;z-index: 2;}
.article_list01 .img{width: 40px;height: 40px;margin: 42px auto 19px;position: relative;z-index: 2;}
.article_list01 .img1{background: url(/international/images/mode01_11.png) center no-repeat;}
.article_list01 .img2{background: url(/international/images/mode01_21.png) center no-repeat;}
.article_list01 .img3{background: url(/international/images/mode01_31.png) center no-repeat;}
.article_list01 .img4{background: url(/international/images/mode01_41.png) center no-repeat;}
.article_list01 .title{margin: 0 0 23px;height: 30px;line-height: 30px;white-space: nowrap;text-align: center;font-weight: bold;position: relative;z-index: 2;}
.article_list01 .bottom_box{padding: 0 0 0 0;text-align: center;font-size: 0;position: relative;z-index: 2;}
.article_list01 .bottom_box a{display: inline-block;*display: inline;*zoom:1;padding: 0 18px;position: relative;line-height: 24px;}
.article_list01 .bottom_box a:first-child::after{content: '';display: block;width: 1px;height: 18px;background: #d6d6d6;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.article_list01 .bottom_box a:hover{font-size: 22px;}
.article_list01 .line{position: absolute;left: 0;right: 0;bottom: 20px;top: 0;background: #f3f3f3;z-index: 1;}

.wrap_mode02{padding: 38px 0 50px;}
.mode02{position: relative;}
.mode02 .lf{width: 740px;float: left;}
.mode02 .rt{margin: 0 0 0 800px;}

.article_list_title1{overflow: hidden;margin: 0 77px 16px 0;line-height: 50px;}
.article_list_title1 .more{float: right;position: relative;z-index: 2;color: #757575;line-height: 20px;padding: 30px 0 0;}
.article_list_title1 h2{height: 50px;font-weight: bold;overflow: hidden;}
.article_list_title1 .left{color: #8c0000;font-family: "SourceHanSerif-249de9cb1c22b0f";float: left;width: 50px;font-size: 44px;}
.article_list_title1 .right{margin: 0 0 0 54px;}
.article_list_title1 .EN{color: #8c0000;font-weight: lighter;letter-spacing: 1px;line-height: 20px;margin: 0 0 0;}
.article_list_title1 .bottom_box{line-height: 30px;font-weight: bold;color: #222;}
.article_list_title1 .bottom_box span{color: #8c0000;}

.article_list021 .slick-list{margin: 0 -15px;}
.article_list021 .slick-list ul{margin: 0 0;font-size: 0;}
.article_list021 .slick-list li{width: 50%;display: inline-block;*display: inline;*zoom:1;}
.article_list021 .slick-list a{margin: 0 15px 0;display: block;}
.article_list021 .img{padding-bottom: calc(200% / 3.55);}
.article_list021 .bottom_box{padding: 15px 40px 0 0;position: relative;text-align: justify;}
.article_list021 .title{margin: 0 68px 10px 0;height: 48px;line-height: 24px;}
.article_list021 .info{margin: 0 0 0;color: #999;height: 66px;line-height: 22px;}
.article_list021 .time{width: 90px;height: 83px;background: #8c0000;position: absolute;right: 0;top: -21px;border-radius: 0 0 4px 4px;}
.article_list021 .day{margin: 16px 0 0;height: 30px;line-height: 30px;padding: 0 0 0 0;color: #fff;text-align: center;}
.article_list021 .month{height: 24px;line-height: 24px;padding: 0 0 0 0;color: #fff;text-align: center;opacity: 0.5;}

.article_list021 .slick-dots{width: auto;right: 0;bottom: auto;top: -35px;}
.article_list021 .slick-dots li{width: 7px;height: 7px;margin: 0 0 0 10px;background: #c57f7f;border-radius: 50%;}
.article_list021 .slick-dots li button{outline: none;display: none;}
.article_list021 .slick-dots li.slick-active{background: #8c0000;}

.article_list_title2{overflow: hidden;margin-bottom: 0;line-height: 50px;}
.article_list_title2 .more{float: right;position: relative;z-index: 2;color: #757575;line-height: 20px;padding: 20px 0 0;}
.article_list_title2 h2{height: 50px;font-weight: bold;}
.article_list_title2 h2 span{color: #8c0000;}
.article_list_title2 .EN{color: #8c0000;font-weight: lighter;letter-spacing: 1.7px;line-height: 20px;margin: 0px 0 0 9px;display: inline-block;*display: inline;*zoom:1;}

.article_list022 ul{margin: 0 0 -12px;}
.article_list022 li{width: 100%;border-bottom: 1px solid #ededed;position: relative;padding: 0 0 12px;margin: 0 0 12px;}
.article_list022 li::after{content: '';height: 1px;width: 44px;background: #8c0000;position: absolute;left: 0;bottom: -1px;}
.article_list022 a{display: block;line-height: 31px;}
.article_list022 .title{/* white-space: nowrap; */position: relative;}
.article_list022 .time{color: #757575;margin: 0 0 0 10px;float: right;padding: 0 10px 0 30px;background: url(/international/images/mode02_time.png) 11px center no-repeat #ededed;border-radius: 4px;}

@media screen  and (min-width:1024px){
	.article_list01 .box,.article_list01 .box *,.article_list021 .slick-list a,.article_list022 .title{transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;}
	.article_list01 .box:hover{background: #8c0000;transform: translateY(-10px);}
	.article_list01 .box:hover::before,.article_list01 .box:hover::after{background: #fafafa;}
	.article_list01 .box:hover .img1{background: url(/international/images/mode01_12.png) center no-repeat;}
	.article_list01 .box:hover .img2{background: url(/international/images/mode01_22.png) center no-repeat;}
	.article_list01 .box:hover .img3{background: url(/international/images/mode01_32.png) center no-repeat;}
	.article_list01 .box:hover .img4{background: url(/international/images/mode01_42.png) center no-repeat;}
	.article_list01 .box:hover .bottom_box a:first-child::after{opacity: 0.4;}
	.article_list01 .box:hover .title,.article_list01 .box:hover .bottom_box a{color: #fafafa;}
	.article_list01 .box:hover .line{background: #8c0000;}
	
	.article_list021 .slick-list a:hover{transform: translateY(-10px);}
	.article_list022 a:hover .title{text-indent: 10px;color: #8c0000;}
}
@media screen  and (max-width:1480px){
	/* .Banner .slick-prev{left: 20px;}
	.Banner .slick-next{right: 20px;} */
	.wrap_mode01{padding: 40px 0 0;}
	.article_list01 .img{margin: 37px auto 9px;}
	.wrap_mode02{padding: 38px 0 75px;}
	.mode02 .lf{width: 640px;}
	.mode02 .rt{margin: 0 0 0 700px;}
	.article_list022 li:nth-child(7){display: none;}
	
}
@media screen  and (max-width:992px){
	.Banner .slick-arrow{display: none !important;}
	.article_list01 ul{padding: 10px 0;}
	.article_list01 .box{height: auto;padding: 0 0 16px;border-radius: 44px;}
	.article_list01 .box::before,.article_list01 .box::after,.article_list01 .bottom_box a:first-child::after{display: none;}
	.article_list01 .img{margin: 27px auto 6px;}
	.article_list01 .title{margin: 0 0 13px;}
	.article_list01 .line{display: none;}
	.article_list01 .bottom_box a{margin-bottom: 5px;}
	
	.mode02 .lf{width: auto;float: none;}
	.mode02 .rt{margin: 33px 0 0 ;}
	.article_list022 li{margin: 0 0 10px;padding: 0 0 10px;}
	
	.wrap_mode02{padding: 38px 0 62px;}
	
}
@media screen  and (max-width:767px){
	.wrap_mode01{padding: 24px 0 0;}
	
	.article_list01 ul{padding-bottom: 0;}
	.article_list01 li{width: calc(50% - 20px);margin: 0 10px 9px;}
	.article_list021 .slick-list li{width: 100%;margin: 0 0 22px;}
	.article_list021 .slick-list{margin: 0;}
	.article_list021 .time{width: 80px;height: 71px;top: -10px;}
	.article_list021 .day{margin: 10px 0 0;}
	
	.mode02 .rt{margin: 10px 0 0;}
	.article_list022 li{padding: 0 0 12px;margin: 0 0 12px;}
	.article_list022 a{line-height: 26px;}
	.article_list_title2 .EN{margin: 21px 0 0 15px;letter-spacing: 0;}
	
	.article_list021 .title{margin: 0 58px 10px 0;}
	
	
}