.wrap_banner,.Banner,.Banner .swiper-slide-active .slick-img,.Banner .slick-img{height: 100vh;}
.Banner {position: fixed;overflow: hidden;left: 0;right: 0;top: 0;}
.Banner .swiper-slide .slick-img {transition: transform 6000ms linear 0s;-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.Banner .swiper-slide-active .slick-img {transition: transform 6000ms linear 0s;-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.Banner a::before {position: absolute;content: '';width: 100%;height: 131px;z-index: 99;background: -webkit-gradient(linear, 0 0, 0 0, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));background: linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=rgba(0, 0, 0, .5), endColorstr=rgba(0, 0, 0, 0));}
.Banner a::after {content: '';position: absolute;width: 100%;bottom: 0px;height: 250px;z-index: 9;background: -webkit-gradient(linear, 0 0, 0 0, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=rgba(0, 0, 0, .6), endColorstr=rgba(0, 0, 0, 0));}
.Banner a {display: block;position: relative;}
.Banner a .title {color: #fff;position: absolute;left: calc(50% - 750px);bottom: 110px;font-size: 24px;font-weight: bold;z-index: 10;}
.Banner .slick-img {display: block;background: center no-repeat;padding-bottom: 0;background-size: cover;}
.Banner .slick-img video {width: 100%;}

/* =====row01===== */
.row01 {
    background: url(../images/row01_bg.png) no-repeat center/cover;
    margin-top: -68px;
    padding: 92px 0 50px;
}
.row01 .mode01 {
	    background: transparent;
}
.mode01List2 {
    margin: 0 0px;
    padding-top: 30px;
}
.gp-clearFix {
    *zoom: 1;
    clear: both;
}
.mode01 h4 {
    display: block;
    width: 100%;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    float: left;
    margin-bottom: 20px;
}
.c_white .index_title .channel_link {
    float: right;
    position: relative;
    z-index: 2;
    right: -6px;
    line-height:36px;
    top:10px;
    padding: 0 10px;
    background: #f0f4fc;
    margin: 0 6px;
    border-radius: 30px;
    color: #0c4891;
    /* padding-left: 0px; */
}
.c_white .index_title .channel_link::after {
	background:none;
	 width: 0px;
    height: 14px;
    background:none;
     margin: 0px;

}
.mode01List2 a{ display: block; margin: 0 25px; transition: all 0.35s ease;}
.mode01List2 li:hover a{ transform: translateY(-5px);}
.mode01List2 .title{ line-height: 1.5;}
.mode01List2 .date{ float: right; margin-top: 20px; line-height: 1; padding-left: 22px; color: #999; position: relative;}
.mode01List2 .date::before{ content: ''; display: block; width: 100px; height: 1px; background-color: #174994;
    position: absolute; top: -17px; left: 0px;}
.mode01List2 .date::after{ content: ''; display: block; width: 14px; height: 14px; background: url(../images/date_icon.png) no-repeat center/cover;
    position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.more{ text-align: right; margin-top: 50px;}
.more span{ display: inline-block; padding: 0px 20px; height: 36px; line-height: 36px; border: 1px solid #174994; border-radius: 17.5px; color: #666; box-sizing: border-box;}
.mode01 h4{
	display:block;
	width: 100%;
	font-size:24px;
	height:40px;
	line-height: 40px;
	float:left;
	margin-bottom: 20px;
}
.mode01 h4 img{
	width: 40px;
	float: left;
	height:40px;
}
.mode01 h4 a{
	color:red;
	text-align: center;
    border: 1px solid #174994;
    color: #8a8989;
    border-radius: 50px;
    font-size: 14px;
    width: 80px;
    float: right;
    height: 30px;
    padding-bottom:10px;
}

.gp-right .list li{
	width: 100%;
}
@-webkit-keyframes scaleBig {
	0% {	transform: scale(1.05);}
	100% {	transform: scale(1);}
}
@keyframes scaleBig {
	0% {	transform: scale(1.05);}
	100% {transform: scale(1);}
}

.Banner .banner_dots{position: absolute;left:auto; right: calc(50% - 750px); bottom: 100px;overflow: hidden;z-index: 999;}
.Banner .banner_dots .swiper-pagination-bullet{background: url(../images/dot.png) no-repeat;width: 22px;height: 22px;border-radius: 0;box-shadow: none;}
.Banner .banner_dots .swiper-pagination-bullet.swiper-pagination-bullet-active {background-position: 0 -22px;width: 22px;height: 22px;animation: rotate 10s linear infinite;}

.Banner .arrow{width: 90px;height: 90px;display: block;background: center no-repeat rgba(0,0,0,.3);border-radius: 50%;border: 1px solid rgba(255, 255, 255, .3);position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;cursor: pointer;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.Banner .prev{background-image: url(../images/banner_prev.png);left: 100px;animation: banner_prev 1.2s linear .6s both;-webkit-animation: banner_prev 1.2s linear .6s both;}
.Banner .next{background-image: url(../images/banner_next.png);right: 100px;animation: banner_next 1.2s linear .6s both;-webkit-animation: banner_next 1.2s linear .6s both;}
.Banner .prev:hover, .Banner .next:hover{background-color: #0c4994;}
@-webkit-keyframes banner_prev{
	0% {left: 0px;opacity: 0;}
	100% {left: 100px;opacity: 1;}
}
@keyframes banner_prev{
	0% {left: 0px;opacity: 0;}
	100% {left: 100px;opacity: 1;}
}
@-webkit-keyframes banner_next{
	0% {right: 0px;opacity: 0;}
	100% {right: 100px;opacity: 1;}
}
@keyframes banner_next{
	0% {right: 0px;opacity: 0;}
	100% {right: 100px;opacity: 1;}
}

.fengcai .channel_title{
	color: #a4f3c9;
}
.aside{position: fixed;transition: margin-right 0s ease-out, left 1.3s ease-out;cursor: pointer;z-index: 10;width: 104px;height: 417px;background: url(../images/side_bg.png) top center no-repeat;transform-origin: left bottom;top: 50%;margin: -300px 0 0;left: 100%;}
.aside.hide{left: calc(100% + 50px) !important;}
.aside::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/side_dots.png) top center no-repeat;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.aside:hover:before{opacity: .2;}
.aside .side_menu{padding: 176px 16px 0;text-align: center;color: #fff;position: relative;z-index: 2;font-size: 14px;line-height: 16px;/* font-weight: bold; */}
.aside .side_menu .item{}
.aside .side_menu .item p{margin: 0px 0 13px;/* opacity: 0; */transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;text-shadow:1px 1px 1px  rgba(0, 0, 0, .5);position: relative;}
/* .aside.show .side_menu .item p{animation: side_p 2s linear 0s;-webkit-animation: side_p 2s linear 0s;} */
.aside .side_menu .item.on p,.aside:hover .side_menu .item p{opacity: 1 !important;}
.aside:hover .side_menu .item:hover{opacity: .6;}
@-webkit-keyframes side_p{
	0% {left: 0px;opacity: .8;}
	80% {left: 0px;opacity: .8;}
	100%{opacity: 0;}
}
@keyframes side_p{
	0% {left: 0px;opacity: .8;}
	80% {left: 0px;opacity: .8;}
	100%{opacity: 0;}
}


.aside .gotop{margin: 16px auto 0;background: url(../images/gotop.png) center bottom no-repeat;border-top: 1px solid rgba(255, 255, 255, .2);max-width: 60px;height: 24px;position: relative;z-index: 2;}
.aside .side_btn{width: 20px;height: 50px;position: absolute;right: 100%;bottom: 1px;background: url(../images/side1.png) center no-repeat #965b53;}
.aside.on {left: calc(100% - 110px);}
.aside.on .side_btn{background-image: url(../images/side2.png);}
/*.contentbg{ background: url(../images/footerbg.png) no-repeat bottom center; }*/
.content{z-index: 2;background: #f0f4fc;position: relative;padding: 1px 0 0;}

.aside.show .side_btn{animation: side_btn .8s ease 1.3s both;-webkit-animation: side_btn .8s ease 1.3s both;}
@-webkit-keyframes side_btn{
	0% {width: 0;}
	100%{width: 20px;}
}
@keyframes side_btn{
	0% {width: 0;}
	100%{width: 20px;}
}

@media screen  and ( max-height: 800px ){
	.aside{margin: 0;bottom: 0;top: auto;}
	.aside:not(.on){margin-left: 0 !important;}
}
/* ==校友风采== */
.ysxy{
	
}
.ysxy li{
	font-size:1.2em;
	list-style: none;
	width: 100%;
	border-bottom: 1px dashed #1e9852;
	padding-bottom: 40px;
    padding-top: 20px;
	clear:both;
}
.ysxy li .imgleft{
	float:left;
	width: 125px;
	text-align: center;
}
}
.ysxy li .textright{
	    line-height: 1.5;
	float:right;
}
.ysxy li  b{
	    line-height: 1.5;
	font-size:1.2em;
	display: block;
	width: 100%;
}
.ysxy li  i{
		color:#ffffff90;
    margin:5px 0;
	height: 14px;
	font-style: normal;
	line-height: 1.4;
}
.ysxy li  span{
	height: 14px;
	color:#ffffff80;
	display: block;
	width:100%;
	line-height: 1.3;
	height: auto;

}
.kyrw li{
	list-style: none;
}
.kyrw li img{
	padding-top:1.5em;
	width: 100%;
}
.kyrw li b{
	position: relative;
	top:-1.5em;
	width: 100%;
	display: block;
	font-weight: 100;
	font-size:1.2em;
	height:1em;
}
.kyrw li b i{
	font-style: normal;
	color:#ffffff80;
}
.xyfhA{
	background: url(../images/pic/u196.jpg) top center no-repeat;
	height:780px; 
	text-align: center;
	position: relative;
	background-size: cover;
	background-attachment: fixed;
	padding: 1px 0 0;
}
.xyfhA ul{
	width:1200px;
	text-align:center;
	margin:auto;

}
.xyfh {
	width: 1200px;
	text-align: center;
	margin: auto;
}
.xyfh li{
	height:18em;
	display: table;
	width: 10.5%;
	text-align:center;
	margin: 4.5%;
	float: left;
	border: 2px solid #0b3478;
	border-radius:0%;
	background: #ffffffa8;
}
.xyfh li a{
	    display: block;
	    width: auto;
	    height: auto;
	    font-size: 1.5em !important;
	    line-height: 21px;
	    color: #0b3478;
	    font-weight: bold;
	    padding-top: 2.55em;
	    padding-left:2.5em;
	    writing-mode: tb-rl;
	    text-align: center;
	    transition: all 0.3s ease-in-out;
}
.half{
	    font-family: -apple-system,BlinkMacSystemFont,'Microsoft YaHei','微软雅黑',SimSun,'宋体',SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;
	float:left;
	width: 50%;
	color:rgb(16,38,59);
}
.bottomlink{
	margin: 0em 0 7em 0;
}
.footer_lf ul {
	width: 100%;
}
.footleft, .footmiddle, .footright{
	float:left;
	width: 100%;
}
.footer_img img{
	position: relative;
	left:-10%;
	margin-top: 30px;
}
.index_title{margin-bottom: 38px;display: block;position: relative;line-height: 50px;}
.index_title::before{content: '';display: block;position: absolute;left: 164px;right: 0;top: 50%;height: 1px;background: #d9d9d900;}
.index_title::after{content: '';display: block;clear: both;}
.index_title .channel_link{float: right;position: relative;z-index: 2;background: #f0f4fc;color: #0c4891;padding-left: 0px;}
.index_title .channel_link::after{content: '';display: inline-block;vertical-align: middle;width: 20px;height: 20px;background: url(../images/mode05_more.png) center no-repeat;margin: 0 0 0 6px;}
.wrap_mode04 .index_title .channel_link::after{
	background:none;
	    padding-left: 0px;
}
.index_title .channel_title{padding: 0 0 0 0;color: #333;font-weight: bold;}

.mode02 .index_title .channel_link{border: 1px solid #5f0e13;padding: 0 21px;color: #5f0e13;overflow: hidden;}
.mode02 .index_title .channel_link::after{background-image: url(../images/mode02_more.png);}
.mode02 .index_title .channel_link::before{content: '';display: block;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: 0;height: 0;background: #5f0e13;border-radius: 50%;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: linear .3s;position: absolute;z-index: -1;}
.mode02 .index_title .channel_link:hover{color: #fff;}
.mode02 .index_title .channel_link:hover::after{background-image: url(../images/mode01_more.png);}
.mode02 .index_title .channel_link:hover:before{width: 200px;height: 200px;}
.mode02 .arrows{float: right;padding: 0 20px 0 10px;background: #f0f4fc;position: relative;z-index: 2;}
.mode02 .arrow{width: 48px;height: 48px;cursor: pointer;border: 1px solid #0c4994;display: inline-block;vertical-align: middle;background: center no-repeat #f0f4fc;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: linear .3s;overflow: hidden;position: relative;}
.mode02 .arrow::before{content: '';display: block;position: absolute;left: 50%;top: 50%;background: center no-repeat #0c4994;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: linear .3s;width: 0;height: 0;margin: 0;border-radius: 50%;}
.mode02 .arrow::after{content: '';display: block;position: absolute;left: 50%;top: 50%;background: center no-repeat;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: linear .3s;width: 48px;height: 48px;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);display: none;}
.mode02 .arrow:hover::after{display: block;}
.mode02 .arrow:hover::before{width: 100px;height: 100px;margin: -50px 0 0 -50px;}
.mode02 .arrow.prev::after{background-image: url(../images/mode02_prev2.png);}
.mode02 .arrow.next::after{background-image: url(../images/mode02_next2.png);}
.mode02 .arrow.prev{background-image: url(../images/mode02_prev1.png);}
.mode02 .arrow.next{background-image: url(../images/mode02_next1.png);}
/* .mode02 .arrow:hover{background-color: #0c4994;} */
/* .mode02 .arrow.prev:hover{background-image: url(../images/mode02_prev2.png);} */
/* .mode02 .arrow.next:hover{background-image: url(../images/mode02_next2.png);} */

.mode11 .index_title::before{left: 345px;}
.mode11 .index_title .channel_link{background-color: #fff;}

.index_title2{margin-bottom: 20px;display: block;position: absolute;left: 0;width: 40px;top: 0;bottom: 0;padding: 0;z-index: 2;}
.index_title2::before{content: '';display: block;width: 1px;position: absolute;left: 20px;background: rgba(255, 255, 255, .2);top: 170px;bottom: 140px;}
.index_title2 .channel_title{padding: 0 0 0 0;font-weight: bold;color:#006b33;width: 1em;margin: 0 auto;line-height: 1em;text-align: center;}
.index_title2 .channel_link{ opacity: 0.6; position: absolute;z-index: 2;width: 1.5em;margin: 0 auto;padding: 0 0 28px;background: url(../images/mode01_more.png) bottom center no-repeat;text-align: center;color: #849f9c;line-height: 1.1em;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.fs60{
		font-size: 60px;
	}
	.index_title2 .en_channel_title{position: absolute;
    left: -80px;
    top: 0px;
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(0, 106, 51, 0.28);
    transform: rotate(0deg);
    transform-origin: left top;
    white-space: nowrap;
    display: block;
    width: auto;
    height: auto;
    letter-spacing: 0.5em;
    writing-mode: tb-rl;
    text-align: center;
    transition: all 0.3s ease-in-out;}
.index_title2 .en_channel_titleA{ display: inline-block; position: relative;left: 0;top: 0;text-transform: uppercase;font-weight: bold;color: rgba(0, 106, 51, 0.28);transform: rotate(90deg);white-space: nowrap;}

.mode01 .index_title2{left: 102px;top: 35px;bottom: 9px;}
.mode04 .index_title2{left: 80px;}
.mode07 .index_title2{left: 88px;bottom: auto;height: 507px;}
.mode07 .index_title2::before{top: 243px;bottom: 180px;}
.mode10 .index_title2{left: 80px;height: 360px;bottom: auto;top: 82px;}

.mode01 {height: 280px;background: #f0f4fc;/*margin-top: -80px;*/padding: 0 0 56px;}
.mode01 .lf{float: left;width: 220px;height: 280px;position: relative;background: url(../images/mode01_title_bg.png);}
.mode01 .rt{float: right;width: calc(100% - 234px);}
.index_01{ overflow: hidden;}
.index_01 ul{margin: 0 0 0 0;}
.index_01 li{width: 25%;}
.index_01 .item{margin: 0 0 0 16px;background: #fff;padding: 25px 30px 80px;position: relative;top: 0;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: linear .3s;box-shadow: 0 15px 30px 3px rgba(12, 58, 150, 0);}
.index_01 .time{position: relative;border-bottom: 1px solid #0a4a94;margin: 0 0 34px;}
.index_01 .day{line-height: 68px;text-align: center;border: 1px solid #0c4994;font-family: 'vesterbrobold';border-bottom: 0;position: relative;color: #0c4994;width: 68px;}
.index_01 .day::after{content: '';display: block;border-top: 20px solid #fff;border-left: 34px solid transparent;border-right: 34px solid transparent;position: absolute;left: 1px;top: 100%;}
.index_01 .day::before{content: '';display: block;border-top: 20px solid #0c4994;border-left: 35px solid transparent;border-right: 35px solid transparent;position: absolute;left: 0;top: calc(100% + 1px);}
.index_01 .month{position: absolute;right: 0;line-height: 24px;top: 28px;color: #0c4994;}
.index_01 .item:hover{top: -10px;box-shadow: 0 15px 30px 3px rgba(12, 58, 150, .06);}

.wrap_mode0203{background: url(../images/mode03_bg.png) left center no-repeat;overflow: hidden;clear: both;}
.wrap_mode02{padding: 56px 0 0;}
.mode02{height: 587px;margin-bottom: 108px;}
.mode02 .index_021{float: left;width: 700px;position: relative;overflow: hidden;z-index: 2;}
/* .mode02 .index_022{float: left;width: calc(100% - 730px);width: 380px;} */
.mode02 .index_022{float: left;width: calc(100% - 700px);overflow: hidden;}

.index_021{}
.index_021 ul{margin: 0 0 0 0;}
.index_021 li{}
.index_021 .item{margin: 0 0 0 1px;border-bottom: 1px solid #d9d9d9;padding: 0 0 30px;}
.index_021 .img{position: relative;}
.index_021 .img::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: calc(150% / 7);background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,1));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,1));z-index: 2;}
.index_021 .bottom{padding: 0 10px;}
.index_021 .time_box{float: left;position: relative;width: 80px;background: #0c4994;color: #fff;text-align: center;padding: 3px 0 44px;}
.index_021 .time_box::before{content: '';display: block;position: absolute;bottom: 100%;border-bottom: 30px solid #0c4994;border-left: 40px solid transparent;border-right: 40px solid transparent;left: 0;}
.index_021 .info_box{margin: -7px 0 0 100px;color: #fff;padding: 1px 0 0;}
.index_021 .title{margin: 0 0 0;color: #fff;font-weight: bold;}
.index_021 .info{margin: 3px 0 0;color: rgba(255,255,255,.6);}

.index_022{}
.index_022 ul{margin: 0 0 0 0;}
/* .index_022 li{width: 380px;} */
.index_022 .swiper-slide{opacity: 0;}
.index_022 .swiper-slide-active,.index_022 .swiper-slide-active ~ .swiper-slide{opacity: 1;}
.index_022 .item{margin: 0 0 0 30px;background: #fff;}
.index_022 .bottom{padding: 30px 30px 50px;}
.index_022 .time_box{border: 1px solid #0c4994;border-bottom: 0;position: relative;color: #0c4994;width: 48px;float: right;padding: 10px 0 5px 10px;}
.index_022 .time_box::after{content: '';display: block;border-top: 20px solid #fff;border-left: 30px solid transparent;border-right: 30px solid transparent;position: absolute;left: -1px;top: calc(100% - 1px);}
.index_022 .time_box::before{content: '';display: block;border-top: 20px solid #0c4994;border-left: 30px solid transparent;border-right: 30px solid transparent;position: absolute;left: -1px;top: calc(100% - 0px);}
.index_022 .info_box{margin: -5px 80px 0 0;}
.index_022 .info{margin: 25px 0 0;color: #999;}

.mode02.animated .index_021{animation: mode02 1.5s ease .8s both;-webkit-animation: mode02 1.5s ease .8s both;}
.mode02.animated .index_022 .swiper-slide-active{animation: mode02 1.5s ease 1s both;-webkit-animation: mode02 1.5s ease 1s both;}
.mode02.animated .index_022 .swiper-slide-active + .swiper-slide{animation: mode02 1.5s ease 1.2s both;-webkit-animation: mode02 1.5s ease 1.2s both;}
.mode02.animated .index_022 .swiper-slide-active + .swiper-slide + .swiper-slide{animation: mode02 1.5s ease 1.4s both;-webkit-animation: mode02 1.5s ease 1.4s both;}
@-webkit-keyframes mode02{
	0% {left: 5vw;opacity: 0;}
	100%{left: 0;opacity: 1;}
}
@keyframes mode02{
	0% {left: 5vw;opacity: 0;}
	100%{left: 0;opacity: 1;}
}

.wrap_mode03{padding: 50px 0 90px;}
.mode03{position: relative;overflow: hidden;}
.mode03 > img{display: block;margin: 0 0 32px;}
.index_03{position: relative;padding: 50px 0 0 50px;}
.index_03::before{content: '';display: block;position: absolute;left: 0;right: 420px;top: 0;bottom: 0;background: #fff;z-index: 1;}
.mode03 .lf{width: calc(50% - 60px);float: left;overflow: hidden;margin: 0 0 0;position: relative;z-index: 2;}
.mode03 .rt{width: calc(50% - 15px);float: right;position: relative;z-index: 2;top: -80px;left: -20px;margin: 10px 0 -20px;box-shadow: 20px 80px #0c4994;}

.index_031{position: relative;overflow: hidden;padding: 0 0 33px;margin: 0 0 17px;}
.index_031 .swiper-slide{opacity: 0 !important;}
.index_031 .swiper-slide-active{opacity: 1 !important;z-index: 2;}
.index_031 .title{margin: 0 0 34px;font-weight: bold;}
.index_031 .swiper-button-next{transform: none;display: block;width: 50px;height: 24px;background: url(../images/mode02_next.png)  center no-repeat;right: 0;bottom: 30px;top: auto;}
.index_031 .swiper-button-next:after,.index_031 .swiper-button-prev:after{display: none;}
.index_031 .swiper-pagination{width: auto;color: #015C5C;font-size: 20px;font-family: 'din';letter-spacing: -1px;bottom: 40px;}
.index_031 .swiper-pagination-current{font-size: 34px;letter-spacing: -1.6px;}
.index_031 .swiper-scrollbar{border-bottom: 1px solid #015C5C;background: none;border-radius: 0;height: 4px;}
.index_031 .swiper-scrollbar-drag{background: #015C5C;border-radius: 0;}

.index_032 a,.index_033 a{font-size: 0;}
.index_032{margin: 0 -35px 0 0;}
.index_032 .swiper-wrapper{}
.index_032 a{display: block;position: relative;margin: 0 15px 0 0;}
.index_032 .img:hover img,.index_033 .img:hover img{transform: scale(1.05) rotate(0.5deg);-ms-transform: scale(1.05) rotate(0.5deg);-moz-transform: scale(1.05) rotate(0.5deg);-webkit-transform: scale(1.05) rotate(0.5deg);-o-transform: scale(1.05) rotate(0.5deg);cursor: pointer;}

.index_033{position: relative;overflow: hidden;}

.mode03 .index_031{}
.mode03.animated .index_031{animation: index_031 2s ease .4s both;-webkit-animation: index_031 2s ease .4s both;}
.index_032 .swiper-slide-active ,.index_032 .swiper-slide-active + .swiper-slide,.index_032 .swiper-slide-active + .swiper-slide + .swiper-slide{left: 0;}
.mode03.animated .index_032 .swiper-slide-active{animation:  mode02 1.5s ease 1s both;-webkit-animation: mode02 1.5s ease 1s both;}
.mode03.animated .index_032 .swiper-slide-active + .swiper-slide{animation: mode02 1.5s ease 1.2s both;-webkit-animation: mode02 1.5s ease 1.2s both;}
.mode03.animated .index_032 .swiper-slide-active + .swiper-slide + .swiper-slide{animation: mode02 1.5s ease 1.4s both;-webkit-animation: mode02 1.5s ease 1.4s both;}
@-webkit-keyframes index_031{
	0% {top: 5vh;opacity: 0;}
	100%{top: 0;opacity: 1;}
}
@keyframes index_031{
	0% {top: 5vh;opacity: 0;}
	100%{top: 0;opacity: 1;}
}
.mode03.animated .rt{animation: mode03rt 2s ease .4s both;-webkit-animation: mode03rt 2s ease .4s both;}
@-webkit-keyframes mode03rt{
	0% {box-shadow: 0 0px #0c4994;opacity: .5;}
	100%{box-shadow: 20px 80px #0c4994;opacity: 1;}
}
@keyframes mode03rt{
	0% {box-shadow: 0 0px #0c4994;opacity: .5;}
	100%{box-shadow: 20px 80px #0c4994;opacity: 1;}
}


.wrap_mode04{padding: 117px 0 122px;background: url(../images/mode04_bg.png) center no-repeat;background-size: cover;overflow: hidden;}
.mode04{}
.mode04 > img{float: left;margin: 0 0 0 49px;}
.index_04{margin: 0 448px 0 222px;}
.index_04 ul{margin: 0 0 0;padding: 0 0 0;}
.index_04 li{}
.index_04 .item{margin: 0 0 0;position: relative;cursor: e-resize;}
.index_04 .item::before{content: '';display: block;position: absolute;left: 0;right: 370px;top: 0;bottom: 0;background: url(../images/mode04_lf_bg.png);background-size: cover;}
.index_04 .img_box{width: 370px;float: right;}
.index_04 .info_box{margin: 0 370px 0 0;padding: 65px 35px 0 50px;position: relative;z-index: 2;}
.index_04 .img{padding-bottom: calc(520% / 3.7);}
.index_04 .title{margin: 0 0 36px;color: #fff;}
.index_04 .info{margin: 0 0 17px;color: rgba(255, 255, 255, .7);}
.index_04 .info2{margin: 0 0 0;color: rgba(255, 255, 255, .7);}
.index_04 .item::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 3;}
.index_04 .swiper-slide-active .item::after{display: none;}

.index_04.animated .swiper-slide-active{animation: mode04 1.5s ease .3s both;-webkit-animation: mode04 1.5s ease .3s both;}
.index_04.animated .swiper-slide-active + .swiper-slide{animation: mode04 1.5s ease .6s both;-webkit-animation: mode04 1.5s ease .6s both;}
.index_04.animated .swiper-slide-active + .swiper-slide + .swiper-slide{animation: mode04 1.5s ease .8s both;-webkit-animation: mode04 1.5s ease .8s both;}
.index_04.animated .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide{animation: mode04 1.5s ease 1s both;-webkit-animation: mode04 1.5s ease 1s both;}
.index_04.animated .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{animation: mode04 1.5s ease 1.2s both;-webkit-animation: mode04 1.5s ease 1.2s both;}
@-webkit-keyframes mode04{
	0% {left: -5vw;opacity: 0;}
	100%{left: 0;opacity: 1;}
}
@keyframes mode04{
	0% {left: -5vw;opacity: 0;}
	100%{left: 0;opacity: 1;}
}

.wrap_mode05{padding: 1px 0 30px;overflow: hidden;}
.mode05{}
.mode05 .lf{float: left;width: 430px;padding: 87px 0 2px;}
.mode05 .rt{float: right;width: calc(100% - 520px);padding: 87px 0 2px;}
.index_051{position: relative;margin: -8px 0 0;}
.index_051 ul{margin: 0 0 0 0;}
.index_051 li{}
.index_051 .item{margin: 0 80px 0 0;background: #fff;box-shadow: 15px 0 30px 3px rgba(12, 58, 150, .06);padding: 35px 20px 26px;}
.index_051 .time{color: #0c4892;}
.index_051 .img_box{margin: 13px -100px 0 -20px;}
.index_051 .img{padding-bottom: 61.6%;}
.index_051 .title{margin: 12px 0 11px;}
.index_051 .info{margin: 0 0 0;color: #999;}

.index_051 .dots{position: absolute;right: 0;top: 0;left: auto;width: 13px;z-index: 2;}
.index_051 .swiper-pagination-bullet{width: 8px;height: 8px;box-shadow: none;background: #cfd7e5;display: block;margin: 0 auto 7px !important;top: 10px;right: 50px;}
.index_051 .swiper-pagination-bullet-active{background: #0c4892;}
.index_051 .arrows{position: absolute;right: 12px;bottom: 8px;z-index: 2;}
.index_051 .arrow{border: 1px solid #cfd7e6;width: 43px;height: 43px;margin: 8px 0 0;background: center no-repeat #f0f4fc;cursor: pointer;position: relative;overflow: hidden;}
/* .index_051 .arrow:hover{background-color: #0c4994;} */
.index_051 .arrow.prev{background-image: url(../images/mode02_prev1.png);}
.index_051 .arrow.next{background-image: url(../images/mode02_next1.png);}
.index_051 .arrow.prev:hover{background-image: url(../images/mode02_prev2.png);}
.index_051 .arrow.next:hover{background-image: url(../images/mode02_next2.png);}

.index_051 .swiper-slide{position: relative;opacity: 0 !important;}
.index_051 .swiper-slide-active{opacity: 1 !important;}

.index_051 .arrow::before{content: '';display: block;position: absolute;left: 50%;top: 50%;background: center no-repeat #0c4994;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: linear .3s;width: 0;height: 0;margin: 0;border-radius: 50%;}
.index_051 .arrow:hover::before{width: 100px;height: 100px;margin: -50px 0 0 -50px;}
.index_051 .arrow::after{content: '';display: block;position: absolute;left: 50%;top: 50%;background: center no-repeat;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: linear .3s;width: 48px;height: 48px;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);display: none;}
.index_051 .arrow:hover::after{display: block;}
.index_051 .arrow.prev::after{background-image: url(../images/mode02_prev2.png);}
.index_051 .arrow.next::after{background-image: url(../images/mode02_next2.png);}

.index_052{background: #fefefe;width: calc(100% - 440px); height: 510px; float: left;box-shadow: 15px 0 30px 3px rgba(12, 58, 150, .06);margin: -7px 0 0;}
.index_052 .calendar{}
.index_052 #CalendarMain { margin:0; overflow:hidden;position: relative;}
.index_052 #title {height: 80px; line-height: 80px; position: relative;border-bottom: 1px solid #e2e4f1; font-size: 16px; text-align: center;}
.index_052 #title::before{ content: "";display: block; width: 180px; height: 50px; line-height: 50px; background: #fff; border-radius: 30px;
position: absolute; left: 50%; transform:translate(-50%); top:15px; z-index: 1;}
.index_052 #title a{ display: inline-block; position: relative;z-index: 9;}
.index_052 .selectBtn {padding: 0 3px;}
.index_052 .month { width:30px; float: left; margin-left: 30px;}
.index_052 .nextMonth {width:30px; float: right; margin-right: 30px;}
.index_052 .currentDay { }
.index_052 #context { width: 100%; height:100% !important; font-size: 18px; padding:15px 15px; box-sizing: border-box;}
.index_052 .week {width: 100%;}
.index_052 .week > h3 {float: left;text-align: center;margin: 0;padding: 0;height:80px;line-height:80px; font-weight: normal;}
.index_052 .dayItem {float: left;}
.index_052 .dayItem:nth-child(2){display: none;}
.index_052 .lastItem a{}
.index_052 .item { height:62px !important; line-height:62px !important; float: left;text-align: center; cursor: pointer;margin: 0; box-sizing: border-box;}
.index_052 .item a{ color: #b2b2b2; font-family: 'Arial'; margin: 0 !important;}
.index_052 .currentItem{position: relative;} 
.index_052 .currentItem:after{content: ""; display: block; background:#5f0e13;border-radius:50%; position: absolute; left:50%; transform: translate(-50%); top: 4px; bottom: 4px; width: 55px; height: 55px; z-index:8; box-sizing: border-box;}
.index_052 .currentItem a{ color: #fff;  margin: 0 !important; position: relative;z-index: 9; }
.index_052 .markItem { position: relative;}
.index_052 .markItem a{ color: #333;}
.index_052 .markItem.currentItem a{ color: #fff; }
.index_052 #foots {width: 100%;height: 35px;background-color: #fff;border-top: 1px solid #ccc; margin-top: -1px;display: none;}
.index_052 #footNow {  float: right;margin: 6px 15px 0 0;  color: #009ad6; font-family: "微软雅黑";}
.index_052 #Container {overflow: hidden;   float: left;}
.index_052 #center {width: 100%; padding-bottom: 20px; overflow: hidden;}
.index_052 #centerMain {width: 300%;margin-left: -100%;}
.index_052 #selectYearDiv {float: left;background-color: #fff;}
.index_052 #selectYearDiv>div {float: left;text-align: center; font-family: "微软雅黑";font-size: 16px;border: 1px solid #ccc; margin-left: -1px;  margin-top: -1px;
    cursor: pointer;color: #909090;}
.index_052 .currentYearSd,.index_052 .currentMontSd {color: #ff4400 !important;}
.index_052 #selectMonthDiv {float: left;background-color: #fff;}
.index_052 #selectMonthDiv>div {color: #909090;float: left;text-align: center; font-family: "微软雅黑";font-size: 16px;border: 1px solid #ccc; margin-left: -1px;
    margin-top: -1px;cursor: pointer;}
.index_052 #selectYearDiv>div:hover,.index_052 #selectMonthDiv>div:hover {background-color: #efefef;}
.index_052 #centerCalendarMain {float: left;}


.index_053{width: 438px;float: right;box-shadow: 15px 0 30px 3px rgba(12, 58, 150, .06);position: relative;margin: -7px 0 0;}
.index_053 .arrows{position: absolute;right: 16px;top: 25px;z-index: 2;}
.index_053 .arrow{width: 43px;height: 43px;margin: 0 4px;background: center no-repeat;display: inline-block;cursor: pointer;position: relative;overflow: hidden;}
/* .index_053 .arrow:hover{background-color: #0c4994;} */
.index_053 .arrow.prev{background-image: url(../images/mode02_prev1.png);}
.index_053 .arrow.next{background-image: url(../images/mode02_next1.png);}
.index_053 .arrow.prev:hover{background-image: url(../images/mode02_prev2.png);}
.index_053 .arrow.next:hover{background-image: url(../images/mode02_next2.png);}
.index_053 .item{background: #f9fbfe;padding: 36px 30px 30px;}
.index_053 .tip{margin: 0 0 35px;color: #333;display: block;}
.index_053 .tip span{color: #5f0e13;}
.index_053 .img{padding-bottom: 62.1%;margin: 0 0 14px;}
.index_053 .bottom{padding: 18px 0 0;border-top: 1px dashed rgba(51, 51, 51, .15);margin: 14px 0 -15px;line-height: 22px;}
.index_053 .ico{display: block;color: #999;padding: 0 0 0 30px;margin: 0 0 15px;background:  left center no-repeat;}
.index_053 .ico1{background-image: url(../images/mode05_ico1.png);}
.index_053 .ico2{background-image: url(../images/mode05_ico2.png);}

.index_053 .arrow::before{content: '';display: block;position: absolute;left: 50%;top: 50%;background: center no-repeat #0c4994;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: linear .3s;width: 0;height: 0;margin: 0;border-radius: 50%;}
.index_053 .arrow:hover::before{width: 100px;height: 100px;margin: -50px 0 0 -50px;}
.index_053 .arrow::after{content: '';display: block;position: absolute;left: 50%;top: 50%;background: center no-repeat;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: linear .3s;width: 48px;height: 48px;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);display: none;}
.index_053 .arrow:hover::after{display: block;}
.index_053 .arrow.prev::after{background-image: url(../images/mode02_prev2.png);}
.index_053 .arrow.next::after{background-image: url(../images/mode02_next2.png);}
.index_053.wrapperBg{ height:510px; background: url(../images/mode03_bg.png) no-repeat center #f9fbfe;}
.index_053.wrapperBg .arrows{ display: none;}

.wrap_mode010 .channel_title{
	text-align: center;
	color:#174994;
	font-weight:530;
	letter-spacing: 0.12em;
}
.wrap_mode010 .gp-avg-md-2 > li {
    width: 50%;
    margin-right: 0%;
}
.classmatelink{
	float:right;
	overflow: hidden;
}
.classmatelink li{
	float:left;
	width: 43.5%;
	height: auto;
margin-right: 3em;
	margin-top: 1.5em;
}
.classmatelink li img{

}
.wrap_mode06{padding: 30px 0 90px;background: url(../images/mode06_bg.png) right bottom no-repeat;-moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-respeat9;
    background-image: none9;
}
.mode06{}

.index_06{}
.index_06 ul{margin: 0 0 0;padding: 0 0 0;}
.index_06 li{width: 180px;overflow: hidden;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: linear .3s;}
.index_06 li.on{width: calc(100% - 720px);}
.index_06 .c1{background: #0c4994;}
.index_06 .c2{background: #fff;}
.index_06 .c3{background: #515f6a;}
.index_06 .c4{background: #588bc4;}
.index_06 .c5{background: #2b5d7a;}
.index_06 .item{margin: 0 0 0;}
.index_06 .img_box{width: calc(100% - 180px);float: left;}
.index_06 .info_box{margin: 0 0 0 0;padding: 82px 0 0;width: 180px;float: left;text-align: center;}
.index_06 .img{padding-bottom: 460px;}
.index_06 .title{margin: 0 0 0;font-weight: bold;color: #fff;}
.index_06 .c2 .title{color: #99956b;}
.index_06 .img_centered{width: 118px;height: 118px;margin: 30px auto 52px;border-radius: 50%;border: 1px dashed rgba(255,255,255,.5);}
.index_06 .c2 .img_centered{border-color: rgba(153, 149, 107, .5);}
.index_06 .more{width: 91px;background: url(../images/mode06_more1.png) bottom center no-repeat;line-height: 30px;padding: 0 0 6px;margin: 0 auto;color: #fff;text-align: left;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_06 .c2 .more{background-image: url(../images/mode06_more2.png);color: #99956b;}
.index_06 .item:hover .more{text-indent: 10px;}

.wrap_mode07{padding: 93px 0 85px;background: url(../images/mode07_bg.png) center no-repeat;background-size: cover;}
.mode07{ position: relative;}
.index_07{padding: 0 0 0 0;margin: 0 163px 0 237px;}
.index_07 .index_07_dots{ display: flex; max-width: 18px; display: -ms-flexbox; flex-direction: column; position: absolute; left: auto; right: 93px; bottom: 0px;}
.index_07 .index_07_dots .swiper-pagination-bullet{ margin: 0; width: 18px; height: 19px; background: url(../images/view_dots.png) no-repeat center/cover;
	margin-bottom: 26px; box-shadow: none; transition: background 0.35s ease;}
.index_07 .index_07_dots .swiper-pagination-bullet-active{ background: url(../images/view_dots_active.png) no-repeat center/cover;}
.index_07 .index_07_dots .swiper-pagination-bullet:last-child{ margin-bottom: 0;}
.index_07 .dif_arrow{ position: absolute; right: 77px; top: 0px;}
.index_07 .dif_arrow div{ width: 50px; height: 50px;}
.index_07 .index_07_prev{ background: url(../images/view_next.png) no-repeat center/cover;}
.index_07 .index_07_next{ background: url(../images/view_prev.png) no-repeat center/cover; margin-top: 10px;}
.index_07 ul{margin: 0 0 0 0;}
.index_07 li{width: 100%;}
.index_07 .item{/* margin: 0 0 20px 20px; */position: relative;}
.index_07 .img{position: relative;}
.index_07 .img::before{content: '';display: block;padding-bottom: calc(187% / 5.67);position: absolute;left: 0;right: 0;bottom: 0;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.7));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.7));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.7));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.7));z-index: 2;}
.index_07 .bottom{padding: 22px 44px 33px;z-index: 2;}
.index_07 .bottom::before{content: '';width: 160px;height: 1px;position: absolute;left: 44px;top: 0;background: rgba(255, 255, 255, .4);}
.index_07 .title{margin: 0 0 0;color: #fff;font-weight: bold;}
.index_07 .video{content: '';width: 36px;height: 36px;position: absolute;left: 44px;top: -52px;background: url(../images/mode07_video.png) center no-repeat;-webkit-filter: drop-shadow( 0 0 16px rgba(0, 0, 0, 0.1) );filter: drop-shadow( 0 0 16px rgba(0, 0, 0, 0.1) );}


.wrap_mode08{padding: 93px 0 85px;background: url(../images/mode08_bg.png) center no-repeat;background-size: cover;}
.mode08{ position: relative;}
.index_08{padding: 0 0 0 0;margin: 0;}
.index_08 .index_08_dots{display: flex;max-width: 500px;display: -ms-flexbox;flex-direction: row;position: relative;left: auto;/* right: 93px; */top: 10px;}
.index_08 .index_08_dots .swiper-pagination-bullet{ margin: 10px; width: 18px; height: 19px; background: url(../images/view_dots.png) no-repeat center/cover;
	margin-bottom: 26px; box-shadow: none; transition: background 0.35s ease;}
.index_08 .index_08_dots .swiper-pagination-bullet-active{ background: url(../images/view_dots_active.png) no-repeat center/cover;}
.index_08 .index_08_dots .swiper-pagination-bullet:last-child{ margin-bottom: 0;}
.index_08 .dif_arrow{ position: absolute; right: 77px; top: 0px;}
.index_08 .dif_arrow div{ width: 50px; height: 50px;}
.index_08 .index_08_prev{ background: url(../images/view_next.png) no-repeat center/cover;}
.index_08 .index_08_next{ background: url(../images/view_prev.png) no-repeat center/cover; margin-top: 10px;}
.index_08 ul{margin: 0 0 0 0;}
.index_08 li{width: 100%;}
.index_08 .item{/* margin: 0 0 20px 20px; */position: relative;}
.index_08 .img{position: relative;}
.index_08 .img::before{content: '';display: block;padding-bottom: calc(187% / 5.67);position: absolute;left: 0;right: 0;bottom: 0;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.7));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.7));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.7));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.7));z-index: 2;}
.index_08 .bottom{padding: 22px 44px 33px;z-index: 2;}
.index_08 .bottom::before{content: '';width: 160px;height: 1px;position: absolute;left: 44px;top: 0;background: rgba(255, 255, 255, .4);}
.index_08 .title{margin: 0 0 0;color: #fff;font-weight: bold;}
.index_08 .video{content: '';width: 36px;height: 36px;position: absolute;left: 44px;top: -52px;background: url(../images/mode08_video.png) center no-repeat;-webkit-filter: drop-shadow( 0 0 16px rgba(0, 0, 0, 0.1) );filter: drop-shadow( 0 0 16px rgba(0, 0, 0, 0.1) );}


.wrap_mode09{overflow: hidden;}
.mode09_top .info{max-width: 1032px;margin: 34px auto 0;text-align: center;color: #fff;}

.wrap_mode10{padding: 75px 0 45px;}
.mode10{background: #f0f4fc;}
.mode10 .lf{width: calc(50% - 300px);float: left;margin: 0 0 0 220px;padding: 76px 0 0;}
.index_101 li.off{display: none;}
.index_101 .title{margin: 0 0 32px;color: #fff;font-weight: bold;position: relative;}
.index_101 .info{margin: 0 0 0;color: #fff;position: relative;}
.index_101 .more{width: 170px;text-align: center;padding: 10px 0;background: #fff;color: #0e357d;margin: 97px 0 0;position: relative;}
.wrap_mode010{
	margin-top:80px;
}
.index_101 li.on .title,.index_101 li.on .info{animation: index_101title .8s ease;-webkit-animation: index_101title .8s ease;}
@-webkit-keyframes index_101title{
	0% {top: -50px;opacity: .5;}
	100%{top: 0;opacity: 1;}
}
@keyframes index_101title{
	0% {top: -50px;opacity: .5;}
	100%{top: 0;opacity: 1;}
}
.index_101 li.on .more{animation: index_101more .8s ease;-webkit-animation: index_101more .8s ease;}
@-webkit-keyframes index_101more{
	0% {top: 50px;opacity: .5;}
	100%{top: 0;opacity: 1;}
}
@keyframes index_101more{
	0% {top: 50px;opacity: .5;}
	100%{top: 0;opacity: 1;}
}

.mode10 .rt{width: calc(50% - 130px);float: right;margin: 0 130px 0 0;}
.index_102{background: rgba(255, 255, 255, .2);padding: 70px 0 110px;}
.index_102 ul{margin: 0 50px 0;}
.index_102 li{width: 50%;}
.index_102 .item{margin: 0 10px 20px;border: 1px solid rgba(255,255,255,.5);text-align: center;padding: 23px 0 25px;text-align: center;background: transparent;transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;-o-transition: all linear .3s;}
.index_102 .img_centered{width: 50px;height: 50px;margin: 0 auto 16px;}
.index_102 .title{margin: 0 0 0;color: #fff;}
.index_102 .on .item{background: #0c4994;border-color: #0c4994;}
.item-topic{display: block;position: relative;height: 480px;background-size: cover;}
.topic_title{writing-mode: tb-rl;writing-mode: vertical-rl;padding: 40px 30px;font-size: 24px;line-height: 1.5;color: #fff;letter-spacing: 1.2px;}
.mode10  .dots{text-align: center;margin-top: 20px;}
.mode10 .dots .swiper-pagination-bullet{background: url(../images/dots2.png) no-repeat;width: 22px;height: 22px;border-radius: 0;box-shadow: none;margin: 0 12px;}
.mode10 .dots .swiper-pagination-bullet.swiper-pagination-bullet-active {background: url(../images/dot.png) no-repeat;background-position: 0 -22px;width: 22px;height: 22px;animation: rotate 10s linear infinite;}

.wrap_mode11{padding: 68px 0 227px;background: url(../images/mode11_bg.png) center bottom no-repeat #fff;}
.mode11{}
.index_11{}
.index_11 ul{margin: 45px 0 0 -60px;}
.index_11 li{width: 50%;}
.index_11 .item{margin: 0 0 0 60px;border-bottom: 1px solid #e5e5e5;line-height: 32px;padding: 12px 0 15px;}
.index_11 .title{white-space: nowrap;position: relative;padding: 0 0 0 0;}
.index_11 .time{color: #666;margin: 0 0 0 16px;float: right;}
.index_11 .tip{float: left;width: 120px;text-align: center;background: #6eaef7;color: #fff;border-radius: 4px;margin: 0 20px 0 0;}
.index_11 li:nth-child(3) .tip,.index_11 li:nth-child(4) .tip{background: #da7f6a;}
.index_11 li:nth-child(5) .tip,.index_11 li:nth-child(6) .tip{background: #92a2b4;}

.wrap_mode12{padding: 1px 0 0; /*margin-top: 115px;*/}
.mode12{margin-top: -85px;}
.mode12::before{content: '';display: block;/*background: url(../images/jz_bg.jpg) no-repeat  center;*/background-size: cover;width: 960px;height: 360px;position: absolute;left: -200px;top: -36px;z-index: -1;}
.mode12 > h3{line-height: 40px;float: left;padding: 0 0 35px;}

.index_121{float: right;margin: -36px 0 0;}
.index_121 ul{margin: 0 0 0 0;}
.index_121 li{width: auto;}
.index_121 .item{margin: 0 0 0 30px;position: relative;}
.index_121 .img_centered{width: 64px;height: 64px;border-radius: 50%;background: #fff;box-shadow: 0 12px 16px rgba(10, 74, 148, .08);}
.index_121 .hover_box{position: absolute;bottom: calc(100% + 10px);left: 50%;transform: translateX(-50%);background: #fff;border: 10px solid #fff;width: 100px;border-radius: 15px;box-shadow: 0 12px 16px rgba(10, 74, 148, .2);display: none;}
/* .index_121 .hover_box::before{content: '';display: block;border-bottom: 8px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);} */
.index_121 .hover_box img{display: block;}
.index_121 .item:hover .hover_box{animation: index_121hover_box .8s ease;-webkit-animation: index_121hover_box .8s ease;display: block;}
@-webkit-keyframes index_121hover_box{
	0% {bottom: 50%;opacity: 0;}
	100%{bottom: calc(100% + 10px);opacity: 1;}
}
@keyframes index_121hover_box{
	0% {bottom: 50%;opacity: 0;}
	100%{bottom: calc(100% + 10px);opacity: 1;}
}

.index_12{}
.index_12 ul{margin: 0 0 0 0;}
.index_12 li{width: 50%;}
.index_12 .item{margin: 0 0 0;}
.index_12 li:first-child{background: #807c59;}
.index_12 li:nth-child(2){background: #b25b47;}
.index_12 li:nth-child(3){background: #515f6a;}
.index_12 li:nth-child(4){background: #2b5d7a;}
.index_12 .img_box{width: 50%;float: left;}
.index_12 .info_box{position: relative;top: 1.5em;left: 1.5em;margin: 0 0 0 50%;/* padding: 20px 30px 10px; */}
.index_12 li:first-child .img_box,.index_12 li:nth-child(2) .img_box{float: right;}
.index_12 li:first-child .info_box,.index_12 li:nth-child(2) .info_box{margin: 0 50% 0 0;}
.index_12 .img{padding-bottom: calc();}
.index_12 .tip{color: #fff;padding: 18px 0 18px;border-bottom: 1px solid rgba(255, 255, 255, .4);margin: 0 0 18px;}
.index_12 .tip img, .index_12 .title img{vertical-align: middle;display: inline-block;margin: 0 20px 0 0; height: 20px;}

.index_12 .title{margin: 0 0 0;color: #fff;}



.media {height: 420px;position: absolute;top: -210px;width: 100%;left: 0px;background: url(../images/media_03.png) no-repeat center;}
.BUCEA-list10 {width: 1346px;margin: 0 auto;/* padding: 40px 0 50px 0; */padding: 98px 0 125px 0;}
.BUCEA-list10 .swiper-slide {-ms-animation: aniY 12s infinite;animation: aniY 12s infinite}
.BUCEA-list10 .swiper-slide:nth-child(2n) {-ms-animation: aniY2 12s infinite;animation: aniY2 12s infinite}
@-ms-keyframes aniY {0%, 100% {	transform: translateY(-50px)}
50% {	transform: translateY(50px)}
}
@-ms-keyframes aniY2 {0%, 100% {	transform: translateY(50px)}
50% {	transform: translateY(-50px)}
}
@-webkit-keyframes aniY {0%, 100% {	transform: translateY(-50px)}
50% {	transform: translateY(50px)}
}
@-webkit-keyframes aniY2 {0%, 100% {	transform: translateY(50px)}
50% {	transform: translateY(-50px)}
}
@keyframes aniY {0%, 100% {	transform: translateY(-50px)}
50% {	transform: translateY(50px)}
}
@keyframes aniY2 {0%, 100% {	transform: translateY(50px)}
50% {	transform: translateY(-50px)}
}
.special {width: 1500px;margin: 0 auto;background: url(../images/special_bg_s.png) center top no-repeat;padding: 0px 0 52px;position: relative;z-index: 999;}
.special .lf{ float: left; width: 50%; padding-left: 60px; padding-top: 80px; box-sizing: border-box;}
.special .rt{ float: right; width: 50%;}

.BUCEA-list10 .dots{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;overflow: hidden;z-index: 999;}
.BUCEA-list10 .dots .swiper-pagination-bullet{background: url(../images/dot.png) no-repeat;width: 22px;height: 22px;border-radius: 0;box-shadow: none;}
.BUCEA-list10 .dots .swiper-pagination-bullet.swiper-pagination-bullet-active {background-position: 0 -22px;width: 22px;height: 22px;animation: rotate 10s linear infinite;}

.item-topic10{position: relative;display: block;}
.item-topic10 .num{position: absolute;color: #fff;text-align: center;font-size: 52px;font-family: 'impact';left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);white-space: nowrap;}
.item-topic10 .num span{font-size: 16px;color: rgba(255, 255, 255, .5);position: absolute;left: calc(100% + 10px);bottom: 10px;}
.item-topic10 .title{color: #fff;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);position: absolute;text-align: center;width: 7em;margin: 60px 0 0;}



.mode2 {position: relative;}
.top2 {padding: 246px 0 160px;}
.research{ margin-bottom: 60px;}
.mode2::before {content: '';display: block;width: 100%;height: 1690px;background: url(../images/2bg.png) no-repeat left top/* , url(../images/Bg2.png) no-repeat center bottom */;position: absolute;left: 0;top: 0;z-index: -1;}
.mode2::after {content: '';display: block;width: 100%;height: 1150px;background:  url(../images/bg2.png) no-repeat ;background-position: center;background-size: 100% auto;position: absolute;left: 0;bottom: -80px;z-index: -2;}
.mode3 {/* overflow: hidden; */position: relative;}
.location{ position: absolute; top: 80px;}
.mode3Bg {content: '';display: block;width: 100%;height: 1136px;background: #f0f4fc;position: absolute;left: 0px;top: -20px;transform: skew(0, -3deg);transform-origin: center top;transition: transform 0.3s ease-in;}
.mode3Bg.up{ animation: skewTopUp 2s ease-in-out;}
.mode3Bg.down{ animation: skewTopDown 2s ease-in-out;}
.mode3Bg.noSkew{ animation: horizontal 2s ease-in-out;}
@keyframes skewTopUp {0%{ }
50%{ transform: skew(0, -1.6deg);}
100%{ transform: skew(0, -3deg);}
}
@keyframes skewTopDown {0%{ }
50%{ transform: skew(0, -4.4deg);}
100%{ transform: skew(0, -3deg);}
}
@keyframes horizontal {from{ }
to{ transform: skew(0, 0);}
}
.mode3con {width: 1500px;margin: 0 auto;padding-top: 150px;padding-bottom: 43px;}
.mode3l {float: left;width: 430px;height: 622;position: relative;z-index: 10;}
.mode3r {position: relative;z-index: 10;width: 1211px;height: 622px;margin-left: 520px;}
.mode33 {overflow: hidden;}
.mode4 {height: 300px;position: relative;padding: 80px 0 77px;box-sizing: border-box;background: url(../images/5bg.png) no-repeat;}
.mode4con {text-align: center;}
.mode4con i {transition: all .3s ease-in-out;display: inline-block;width: 80px;height: 80px;cursor: pointer;}
.mode4con i:hover {transform: scale(1.12);}
.txt4 {margin-top: 30px;}
.mode5 {overflow: hidden;background: url(../images/mode08_bg.png) left top no-repeat #f0f4fc;}
.mode5con{margin: 0 auto;padding: 79px 0 83px;}
.mode5con .tit{height: 73px;overflow: hidden;margin-bottom: 30px;}
.mode5bot{display: flex;justify-content: center;align-self: center;margin: 36px 0 0;}
.mode5Ul{    position: relative;    max-width: 100%; width: 100%;   display: grid;    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));    grid-template-rows: minmax(212px, auto);    grid-auto-flow: dense;    grid-gap: 6px;list-style: none;}
.mode5Ul li {     display: gird;    place-items: center;    text-align: center;    color: #fff;    transition: all .3s ease-in-out;position: relative;}
.mode5Ul li a{display: block;position: relative;}
.mode5Ul li:nth-child(1) {    grid-column: span 1;    grid-row: span 2;}
.mode5Ul li:nth-child(2) {    grid-column: span 2;    grid-row: span 2;}
.mode5Ul li:nth-child(3) {    grid-column: span 1;    grid-row: span 1;}
.mode5Ul li:nth-child(4) {    grid-column: span 1;    grid-row: span 2;}
.mode5Ul li:nth-child(5) {    grid-column: span 1;    grid-row: span 1;}
.mode5Ul li:nth-child(6) {    grid-column: span 1;    grid-row: span 1;}
.mode5Ul li:nth-child(7) {    grid-column: span 1;    grid-row: span 1;}
.mode5Ul .img{ background-size: cover !important;background-position: center !important;
    background-repeat: no-repeat !important;}
.mode5Ul li.li1 .img{ padding-bottom: 138%; }
.mode5Ul li.li2 .img{ padding-bottom: 68.25%; }
.mode5Ul li.li4 .img{ padding-bottom: 138%; }
.mode5Pic{position: relative;}
.mode5text{display: block;width: 100%;padding: 30px;position: absolute;left: 0;box-sizing: border-box;bottom: 0;text-align: center;transition: all .3s ease-in-out;}
.mode5text p{position: relative;font-size: 18px;font-weight: bold;color: #fff;z-index: 10;display: none;transition: all .3s ease-in-out;}
.mode5text::before{content: '';display: block;width: calc(100% - 0px);height: 124px;position: absolute;left: 0;bottom: 0;background: #000;background: -webkit-linear-gradient(top, rgba(0,0,0, 1), rgba(0,0,0,0));    /* Safari 5.1 - 6.0 */background: -o-linear-gradient(top, rgba(0,0,0, 1), rgba(0,0,0,0));    /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(top, rgba(0,0,0, 1), rgba(0,0,0, 0));    /* Firefox 3.6 - 15 */background: linear-gradient(to top, rgba(0,0,0, 1), rgba(0,0,0,0));opacity: 0;transition: all .2s ease;}
li:hover .mode5text::before{opacity: 1;}
.mode5Ul li:hover .mode5text{display: block;width: 100%;}
.mode5Ul li:hover .mode5text::before{width:calc(100% - 0px)}
.mode5Ul li:hover p{display: block;}
/* .index_03 .btn:hover:before,.index_03 .btn:hover:after {content: "";display: block;position: absolute;left: 50%;top: 50%;background: #fff;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;width: 60px;height: 60px;margin-left: -30px;margin-top: -30px;opacity: 0;animation: scaleAnim3 1.6s infinite linear;-webkit-animation: scaleAnim3 1.6s infinite linear;}
.index_03 .btn:hover:before {animation-delay: -.8s;-webkit-animation-delay: -.8s; }
@keyframes scaleAnim3 {0% {transform: scale(0);opacity: 1; }
50% {transform: scale(0.3);opacity: 1; }
100% {transform: scale(1);opacity: 0; }
}
@-webkit-keyframes scaleAnim3 {0% {transform: scale(0);opacity: 1; }
50% {transform: scale(0.3);opacity: 1; }
100% {transform: scale(1);opacity: 0; }
 }
 *//* .list{ width: 1320px; margin: 900px auto auto; padding-left:45px; overflow: hidden;}
 */
.list li {width: 310px;margin-right: 18px;float: left;overflow: hidden;}
.list li a {display: block;}
.list li:nth-child(2n) {margin-top: 30px;}
/*加页面动画*/
.effect3{opacity: 0;transform: translateY(55px);transition: transform 0.6s, opacity 0.6s ease-in-out }
.effect3.effect4{transform: translateY(85px);transition: transform 1s, opacity 0.6s ease-in-out }
.effect3.effect5{transform: translateY(115px);transition: transform 1.5s, opacity 0.6s ease-in-out }
.effect3.effect6{transform: translateY(145px);transition: transform 2.2s, opacity 0.6s ease-in-out }
.effect3.isView{transform: none;opacity: 1 !important;}

.mode6{position: relative;padding: 43px 0 50px;box-sizing: border-box;/* background: url(../images/7before.png) no-repeat bottom left; */}
.mode6con{width:1500px ;margin: 0 auto;}

.mode7{/* overflow: hidden; */position: relative;padding-top: 86px;}
.mode7::before{content: '';display: block;width: 100%;height:740px ;position: absolute;left: 0;top: 0;background: #f0f4fc;}
.mode7::after{content: '';display: block;width: 50%;height:1149px ;position: absolute;left: 0;top: 0;background: #d9e3f1;}
.mode7title{padding: 43px 0;box-sizing: border-box;float: left;}
.mode7con{position: relative;width: 1500px;margin: 0 auto;/* overflow: hidden; */z-index: 20;}
.mode7titUl{float: right;padding: 25px 0;margin-right: 3.1%;}
.mode7Ul2{margin: 0 -15px;overflow: hidden;list-style: none;}
.mode7Ul2 li{float: left;}
.mode7Ul2 li a{display: block;margin: 0 15px;width: 64px;height: 64px;/* line-height: 64px; */border-radius: 50%;padding: 17px 0;box-sizing: border-box;text-align: center;background: #d9e3f1;position: relative;}
.mode7Ul2 li a i{display:inline-block;}
.tit{overflow: hidden;  }
.mode7Ul2 li:hover a{background: #0a4a94;box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),  inset -7px -7px 10px 0px rgba(0,0,0,.1), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); text-shadow:  0px 0px 6px rgba(255,255,255,.3), -4px -4px 6px rgba(116, 125, 136, .2);transition: all 0.3s ease;  }
.mode7l{width: 50%;float: left;padding: 70px 50px;padding-bottom: 0;box-sizing: border-box;background: #fff;}
.mode7l li{width: 630px;list-style: none;height: 60px;transition: all 0.3s ease;}
.mode7l li:hover{transform: translateX(5px);}
.mode7r{width: 50%;height: 378px;float: right;}
.more{width: 125px;margin: 40px 0 70px;}
.mode7top{overflow: hidden;}
.mode7Bot{list-style: none;font-size: 0;}
.mode7Bot li{width: 50%;display: inline-block;/* float: left; */height: 239px;}


/* 2022-12-26 start */
.gp_m_month, .index_01 .dots{ display: none;}
/* 2022-12-26 end */


@media screen  and (max-width:1920px){
	.header {width: 100%;position:relative;}
	 .Banner{ position: relative;}
	/* .Banner a::before{ display: none;} */
	.wrap_banner, .Banner, .Banner .swiper-slide-active .slick-img, .Banner .slick-img{ height: 0; padding-bottom:44%;} 
	.Banner a .title,.Banner .banner_dots{ bottom: 20px;}
	.Banner a::after{ height: 100px;}
    .mode01{ margin-top: 0; padding: 0 0 30px; height: auto;}
    .wrap_mode02{ padding: 30px 0 0;}
	.mode02{ margin-bottom: 30px;} 
	.wrap_mode03{ padding: 30px 0 60px;}
	.wrap_mode04{ padding: 20px 0;}
	.mode05 .lf{ padding: 60px 0 2px;}
	.mode05 .rt{padding:60px 0 2px; width: calc(100% - 480px);}
	.wrap_mode06{ padding: 90px 0 120px;}
	.wrap_mode07,.mode5con,.wrap_mode10{ padding: 60px 0;}
	.mode09_top{ padding-top: 60px !important;}
	.mode09_top .lazy{ width:370px;
	}
	.wrap_mode11{ padding: 60px 0 185px;}
	footer{position: relative;padding:20px 0 40px}
	.wrap_footer_erji footer{
		position: relative;padding:20px 0 0px;
	}
	.mode10 .lf{margin: 0 0 0 150px; width: calc(50% - 200px);}
	.mode10 .rt{ width:calc(50% - 80px); margin: 0 80px 0 0;}
	.index_04{margin: 0 280px 0 160px;}
	.BUCEA-list10{width: 100%;padding: 00px 0 100px;}
	.wrap_mode09{ height: 640px !important;}
	.row01 {background: url(../images/row01_bg.png) no-repeat center/cover; margin-top: 0;
    /* padding: 92px 0 50px; */
}
	.gp-container {width: 980px; margin-left: auto; margin-right: auto;
}
	.footer_rt {float: none;text-align: center;padding: 10px 0;}
}
@media screen  and (max-width:1500px){
	.header {width: 100%;position:relative;}
	.Banner{ position: relative;}
	/* .Banner a::before{ display: none;} */
	.wrap_banner, .Banner, .Banner .swiper-slide-active .slick-img, .Banner .slick-img{ height: 0; padding-bottom:44%;} 
	.Banner a .title,.Banner .banner_dots{ bottom: 20px;}
	.Banner a::after{ height: 100px;}
    .mode01{ margin-top: 0; padding: 0 0 30px; height: auto;}
    .wrap_mode02{ padding: 30px 0 0;}
	.mode02{ margin-bottom: 30px;} 
	.wrap_mode03{ padding: 30px 0 60px;}
	.wrap_mode04{ padding: 20px 0;}
	.mode05 .lf{ padding: 60px 0 2px;}
	.mode05 .rt{padding:60px 0 2px; width: calc(100% - 480px);}
	.wrap_mode06{ padding: 90px 0 120px;}
	.wrap_mode07,.mode5con,.wrap_mode10{ padding: 60px 0;}
	.mode09_top{ padding-top: 60px !important;}
	.wrap_mode11{ padding: 60px 0 185px;}
	footer{position: relative;padding:40px 0 196px;}
	.mode10 .lf{margin: 0 0 0 150px; width: calc(50% - 200px);}
	.mode10 .rt{ width:calc(50% - 80px); margin: 0 80px 0 0;}
	.index_04{margin: 0 280px 0 160px;}
	.BUCEA-list10{ width: 100%; padding: 80px 0 100px;}
	.wrap_mode09{ height: 640px !important;}
} 

@media screen  and (max-width:1480px){
	.header {width: 100%;position:relative;}
	.Banner{ position: relative;}
	/* .Banner a::before{ display: none;} */
	.wrap_banner, .Banner, .Banner .swiper-slide-active .slick-img, .Banner .slick-img{ height: 0; padding-bottom:44%;} 
	.Banner a .title,.Banner .banner_dots{ bottom: 20px;}
	.Banner a::after{ height: 100px;}
    .mode01{ margin-top: 0; padding: 0 0 30px; height: auto;}
    .wrap_mode02{ padding: 30px 0 0;}
	.mode02{ margin-bottom: 30px;} 
	.wrap_mode03{ padding: 30px 0 60px;}
	.wrap_mode04{ padding: 20px 0;}
	.mode05 .lf{ padding: 60px 0 2px;}
	.mode05 .rt{padding:60px 0 2px; width: calc(100% - 480px);}
	.wrap_mode06{ padding: 90px 0 120px;}
	.wrap_mode07,.mode5con,.wrap_mode10{ padding: 60px 0;}
	.mode09_top{ padding-top: 60px !important;}
	.wrap_mode11{ padding: 60px 0 185px;}
	footer{position: relative;padding:40px 0 0px;}
	.mode10 .lf{margin: 0 0 0 150px; width: calc(50% - 200px);}
	.mode10 .rt{ width:calc(50% - 80px); margin: 0 80px 0 0;}
	.index_04{margin: 0 280px 0 160px;}
	.BUCEA-list10{ width: 100%; padding: 80px 0 100px;}
	.wrap_mode09{ height: 640px !important;}
}

@media screen  and (max-width:1300px){
	footer{position: relative;padding:40px 0 0px;}
	.Banner{ position: relative;}
	/* .Banner a::before{ display: none;} */
	.wrap_banner, .Banner, .Banner .swiper-slide-active .slick-img, .Banner .slick-img{ height: 0; padding-bottom:44%;} 
	.Banner a .title,.Banner .banner_dots{ bottom: 20px;}
	.Banner a::after{ height: 100px;}
    .mode01{ margin-top: 0; padding: 0 0 30px; height: auto;}
    .wrap_mode02{ padding: 30px 0 0;}
	.mode02{ margin-bottom: 30px;} 
	.wrap_mode03{ padding: 30px 0 60px;}
	.wrap_mode04{ padding: 20px 0;}
	.mode05 .lf{ padding: 60px 0 2px;}
	.mode05 .rt{padding:60px 0 2px; width: calc(100% - 480px);}
	.wrap_mode06{ padding: 90px 0 120px;}
	.wrap_mode07,.mode5con,.wrap_mode10{ padding: 60px 0;}
	.mode09_top{ padding-top: 60px !important;}
	.wrap_mode11{ padding: 60px 0 185px;}
	
	.mode10 .lf{margin: 0 0 0 150px; width: calc(50% - 200px);}
	.mode10 .rt{ width:calc(50% - 80px); margin: 0 80px 0 0;}
	.index_04{margin: 0 280px 0 160px;}
	.BUCEA-list10{ width: 100%; padding: 80px 0 100px;}
	.wrap_mode09{ height: 640px !important;}
}
@media screen  and (max-width:1200px){
	.mode01 .lf{ width: 180px; height: 227px;}
	.mode01 .index_title2{ left: 72px; top: 20px; bottom: 0;}
	.mode01 .rt{ width: calc(100% - 180px);}
	.index_01 .day{ width: 45px;}
	.index_01 .day::before{border-top: 12px solid #0c4994;border-left: 22px solid transparent;border-right: 22px solid transparent;}
    .index_01 .day::after{border-top: 12px solid #fff;border-left: 21px solid transparent;border-right: 21px solid transparent;}
    .index_01 .item{ padding: 25px 18px;}
    .mode02 .index_021{ width: 500px;}
	.mode02 .index_022{ width: 280px;}
	.index_022 .bottom{ padding: 20px;}
	.index_022 .info{ margin: 10px 0 0; height: 66px;}
	.index_022 .item{ margin: 0 0 0 15px;}
    .mode02{ height: auto;}
	.index_03{ padding: 30px 0 0 30px;}
	.mode03 .lf{ width: calc(50% - 25px);}
    .index_04 .img_box{ width: 330px;}
	.index_04 .info_box{ margin: 0 330px 0 0;padding: 20px;}
    .index_04 .item::before{ right: 330px;}
    .mode05 .lf{ width: 100%; float: none;}
	.mode05 .rt{ width: 100%; float: none; padding: 40px 0 0;}
    .index_07{ margin: 0 100px 0 120px;}
	.index_title{ margin-bottom: 20px;}
	.mode10 .index_title2{ left: 30px;}
	.mode10 .lf{ margin: 0 0 0 80px; width: calc(50% - 145px);}
	.mode10 .rt {width: calc(50% - 30px);margin: 0 50px 0 0;}
	.mode12::before{ width: 100%; height: 100%; left: 0;}
	.index_102 ul{ margin: 0 30px 0;}
	.index_121{ margin: 0;}
	.mode07 .index_title2{ height: 100%;}
	
	.index_07 .dif_arrow{ right: 60px;}
	.index_07 .index_07_dots{ right: 85px;}
}   

@media screen  and (max-width:1024px){
	.index_06 li,.index_06 li.on{ width: 20%;}
	.index_06 .img_box{ display: none;}
	.index_06 .info_box{ width: 100%; padding: 50px 0;}
}


@media screen  and (max-width:992px){
	.index_01 li{ width: 50%;}
    /* .index_01 li:nth-child(3),.index_01 li:nth-child(4){ display: none;} */
    .mode04 .index_title2,.mode07 .index_title2{left: 60px;}
	.index_04{ margin: 0 140px 0 110px;}
	.index_07{ margin: 0 70px 0 100px;}
	.mode5bot{ margin: 0;}
	.index_03::before{ right: 300px;}
	.topic_title{font-size: 20px;}

	.index_07 .index_07_dots{ right: 50px;}
	.index_07 .dif_arrow{ right: 30px;}
}

@media screen  and (max-width:820px){
    .mode02 .index_021{ width: 100%;}
	.mode02 .index_022{ display: none;}
}
@media screen  and (max-width:766px){
	.index_12 .info_box {
    position: relative;
    padding:0;
    margin:0;
    height:150px;
}
	.Banner .arrow{ width: 30px; height: 30px;}
	.Banner a::before{ height: 60px;}
	.Banner a::after{ height: 60px;}
	.mode01 .lf{ width: 45px;}
	.mode01 .index_title2{ left:2px;}
	.mode01 .rt{ width: calc(100% - 45px);}
	.index_01 .item{ margin: 0 0 0 7px;}
	.Banner a .title{ font-size: 15px; height: 22px; line-height: 22px; bottom: 8px; left: 0; padding: 0 10px;}
	.wrap_mode02{ padding: 0;}
	.wrap_mode03,.wrap_mode06{ padding: 0 0 30px;}
	.wrap_mode04,.wrap_mode07, .mode5con, .wrap_mode10{ padding: 30px 0;}
	.mode05 .lf{ padding: 30px 0 2px;}
	.mode05 .rt{ padding: 30px 0 0;}
	.wrap_mode11{ padding: 30px 0 150px;}
	.mode09_top{padding: 30px !important;}
	.mode02 .arrow{ width: 28px; height: 28px;}
	.index_title{ line-height: 30px;}
	.mode02 .index_title .channel_link,.mode02 .arrows{ padding: 0 5px;}
	.mode03 .rt{ display: none;}
	.index_03::before{ right: 0;}
	.mode03 .lf{ width: 100%;}
	.index_04 .img_box{ width: 200px;}
	.index_04 .info_box{ margin: 0 200px 0 0;}
	.index_04 .item::before{ right: 200px;}
	.index_04 .info{ display: none;}
	.fs60{
		font-size: 60px;
	}
	.index_title2 .en_channel_title{position: absolute;
    left: -50px;
    top: 50px;
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(0, 106, 51, 0.28);
    transform: rotate(0deg);
    transform-origin: left top;
    white-space: nowrap;
    display: block;
    width: auto;
    height: auto;
    letter-spacing: 0.5em;
    writing-mode: tb-rl;
    text-align: center;
    transition: all 0.3s ease-in-out;}
	.mode04 .index_title2, .mode07 .index_title2{ left: 10px;}
	.index_04{margin: 0 70px 0 50px;}
	.index_07{ margin: 0 0 0 30px;}
	.mode10 .lf{ width: auto; float: none;}
	.mode10 .rt{ width: 100%; float: none;}
	.index_11 ul{ margin-top: 0;}
	.index_12 li{ width: 100%;}
	.index_102{ background: none; padding:30px 0 0;}
	.index_102 ul{ margin: 0 0 0 55px;}
	.index_102 .on .item{ background: #3671b9;}
	.mode10 .index_title2{ top: 30px;height:92%;}
	.mode10 .lf{ padding-top: 0; margin-left: 55px;}
	.index_101 .title{ margin: 0 0 10px;}
	.index_101 .more{ margin-top: 10px;}
	.index_102 .img_centered{ width: 25px; height: 25px;margin: 0 auto 9px;}
	.index_102 .item{ padding: 13px 0;}
	.index_11 li{ width: 100%;}
	.index_03{ padding: 24px 15px 15px;}
	.index_031 .title{ margin: 0 0 10px;}
	.mode03 .index_031{ padding: 0;}
	.index_051 .item{ padding-top: 10px;}
	.index_051 .dots{ display: none;}
	.index_051 .arrow,.index_053 .arrow{ width: 30px; height: 30px;}
	.index_052,.index_053{ width: 100%; float: none;}
	.index_053.wrapperBg{ height: auto; background: none;}
	.index_053 .tip{ margin:0 0 15px;}
	.index_053 .item{ padding: 15px;}
	.index_053 .arrows{ top: 0;}
	.lh24x2{height: auto; max-height: 48px;}
	.lh26x2{ height: auto;max-height: 52px;}
	.index_051 .info{ height: auto; max-height: 72px;}
	.index_06 .info_box{padding: 30px 0;}
	.index_06 .img_centered{ width: 50px; height: 50px;margin: 10px auto;}
	.index_06 .img_centered img{ width:25px;}
	.item-topic10 img{ display: block; margin: 0 auto;}
	.item-topic10 .num{ font-size: 30px;}
	.item-topic10 .title{ margin: 45px 0 0;}
	.wrap_mode09{ height: auto !important;}
	.BUCEA-list10{ padding: 50px 0 80px;}
	.BUCEA-list10 .dots{ bottom: 20px;}
	
	.index_121 .img_centered{ width: 40px; height: 40px;}
	.index_121 .img_centered img{ width: 20px;}
	.Banner .banner_dots{ display: none;}
	.wrap_mode07{ padding: 30px 0 40px;}
	.index_07 .bottom{ padding: 15px;}
	.index_07 .bottom::before{ left: 15px;}
	.index_07 .video{left: 15px;top: -43px;}
	.index_07 .dif_arrow{ display: none;}
	.index_07 .index_07_dots{ flex-direction: row; bottom: -24px; right: 50%; transform: translateX(50%); max-width: unset;}
	.index_07 .index_07_dots .swiper-pagination-bullet{ margin: 0; margin-right: 10px; width: 15px; height: 15px;}
	.item-topic{height: 300px;}
}

/* 2022-12-26 start */
@media screen  and (max-width:750px){
	
	.index_title2{ width: 100%; position:static;overflow: hidden;}
	.index_title2 .channel_title{ width: auto; text-align:left;float: left;}
	.index_title2 .channel_link{ position: static; float: right; width: auto;background: url(../images/mode01_more.png) center right no-repeat;
	padding: 0 25px 0 0;transform:none}
	.mode01{ margin-top: 30px;}
	.mode01 .lf{ width: 100%; height: auto; background: none;}
	.mode01 .rt{ width: 100%;}
	.mode01 .channel_title{ color: #333;}
	.mode01 .channel_link{ color: #0c4891; background: url(../images/mode05_more.png) center right no-repeat;}
	.gp_m_month{ display: block; color: #0c4994;}
	.index_01{ overflow: hidden;}
	.index_01 .day, .index_01 .month{ display: none;}
	.index_01 li{ width: 100%; margin-bottom: 6px;}
	.index_01 .item{ padding: 15px 19px 20px;}
	.index_01 .time{ border-bottom: none; margin-bottom: 12px;}
	/* .index_01 .item .title{ height: auto;} */
	.index_01 li:nth-child(3), .index_01 li:nth-child(4){ display: block;}
	.index_01 .dots{ display: block; text-align: center;}
	.index_01 .dots span{ width: 8px; height: 8px; box-shadow: none; background: #fff; border: 1px solid rgba(0, 0, 0, 0.1);}
	.index_01 .dots span.swiper-pagination-bullet-active{ background: #0c4994; border: 1px solid #0c4994;}
	.index_01 .item .title{ -webkit-line-clamp: 2; height: 48px; max-height: 48px;}
	.index_031 .title{ font-size: 16px; line-height: 1.5; height: 48px; margin: 0 0 16px;}
	.aside{display: none !important;}
}

/* 2022-12-26 end */

@media screen  and (max-width:640px){
	.index_04{ margin: 0 0 0 50px;}
    .index_04 .img_box{ width: 44%; }
	.index_04 .info_box{ margin: 0; width:56%; padding:20px; box-sizing: border-box;}
	.index_04 .item::before{ right: 0;}
	.index_04 .title{ margin-bottom: 10px;}
	.index_04 .info2{ line-height: 24px;}
	.index_06 li, .index_06 li.on{ width: 50%;}
	.index_06 li:last-child{ width: 100%;}
	.index_07 li{ width: 100%;}
	.index_07 li:nth-child(2),.index_07 li:nth-child(3),.index_07 li:nth-child(4){ display: none;}
	.mode5Ul li:nth-child(1){ display: block;width:100%;}
	.mode5Ul li{ display: none;}
	.index_121{ display: block; float: none; margin: 0 0 20px;text-align: center;}
	.mode12 > h3{ display: block; float: none;padding: 0 0 14px;}
	.index_121 .item{ margin:0 0 10px 10px;}
	.index_12 li:first-child .img_box, .index_12 li:nth-child(2) .img_box,.index_12 .img_box{ float: none;width: 100%;}
	.index_12 li:first-child .info_box, .index_12 li:nth-child(2) .info_box,.index_12 .info_box{/* margin: 0; */}
	.index_title2{ width: 100%; position:static;overflow: hidden;}
	.index_title2 .channel_title{ width: auto; text-align:left;float: left;}
	.index_title2 .channel_link{ position: static; float: right; width: auto;background: url(../images/mode01_more.png) center right no-repeat;
	padding: 0 25px 0 0;transform:none}
	.mode01{ margin-top: 30px;}
	.mode01 .lf{ width: 100%; height: auto; background: none;}
	.mode01 .rt{ width: 100%;}
	.mode01 .channel_title{ color: #333;}
	.mode01 .channel_link{ color: #0c4891; background: url(../images/mode05_more.png) center right no-repeat;}
	
	.mode04 .index_04,.mode07 .index_04,.mode10 .index_04{margin: 0;}
	.index_title2::before{ display: none;}
	.index_07,.index_07 .item,.index_102 ul,.mode10 .lf{ margin: 0;}
	.index_01 .day{ line-height: 40px;}
	.index_01 .month{ top: 8px;} 
	/* .index_01 .time{ margin: 0 0 22px;} */
	.mode10{ padding-top: 30px;}
	.BUCEA-list10 .dots .swiper-pagination-bullet,.mode10 .dots .swiper-pagination-bullet{width: 12px; height: 12px; background-size: cover;}
	.BUCEA-list10 .dots .swiper-pagination-bullet.swiper-pagination-bullet-active,.mode10 .dots .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 12px; height: 12px; background-size: 12px auto;background-position: 0 -12px;}
	.index_102{ padding: 0;}
	.topic_title{padding: 15px;font-size: 18px;}
	.index_06 .more{display: none;}
}

@media screen  and (max-width:480px){
	.index_01 li{ width: 100%;}
	.index_01 .item{ padding: 15px; margin: 3px;}
    .index_01 .title{ /* height: auto; */ max-height: 72px;}
	.index_052{ height: auto; padding-bottom: 20px;}
	.index_052 #title{ height: 50px; line-height: 50px;}
	.index_052 .month,.index_052 .nextMonth{ margin: 0;}
	.index_052 .currentItem:after{ width: 35px; height: 35px; top: 12px;}
	.index_052 #title::before{ display: none;}
}

@media screen  and (max-width:414px){
	.index_07 .index_07_dots .swiper-pagination-bullet{ width: 13px; height: 13px;}
}