.index_title2{line-height: 1.5;padding: .4rem 0 .38rem .44rem;font-weight: bold;color: #000;}
.mode01 .left{width: 7.06rem;float: left;margin: 0 0 0 .44rem;}
.mode01 .info{margin: .25rem 0 .38rem;color: #333;height: 3.84rem;line-height: .48rem;}
.mode01 .more{display: block;float: right;height: .48rem;border: .02rem solid #D8D8D8;line-height: .48rem;padding: 0 .17rem 0 .24rem;border-radius: 1rem;color: #bbb;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;}
.mode01 .more p{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;margin: -.06rem 0 0 .1rem;}
/* .mode01 .more::after{content: '';width: .22rem;height: .22rem;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;background: url(../images/mode01_more.png) center no-repeat;background-size: 100% auto;margin: -.06rem 0 0 .08rem;} */
.mode01 .more:hover{background: rgba(222,235,255,.5);border-color: transparent;color: #106CEA;}

.mode01 .right{width: 10.15rem;float: right;}
.mode01 .video_box{padding-bottom: calc(1051% / 20.29);position: relative;overflow: hidden;}
.mode01 .video_box video{position: absolute; width: 100%; left: 0;  top: 50%; transform: translateY(-50%); object-fit: cover;}
.mode01 .video_box::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/mode01_cover1.jpg) left no-repeat;background-size: auto 100%;}

.index_title{overflow: hidden;margin-bottom: .4rem;line-height: .5rem;padding: 0 .31rem 0 .44rem;}
.index_title .more{float: right;position: relative;z-index: 2;font-weight: 500;line-height: .3rem;margin: .08rem .13rem 0;}
.index_title .more::after{content: '\e60e';/* width: .25rem; */height: .25rem;vertical-align: middle;display: inline-block;*display: inline;*zoom:1;margin: 0 0 .1rem .12rem;font-family: 'iconfont';font-size: .21rem;}
.index_title h2{color: #000;font-weight: bold;}

.mode02{padding: .44rem 0 0;}
.index_02{font-size: 0;}
.index_021,.index_022,.index_023{width: 50%;display: inline-block;*display: inline;*zoom:1;vertical-align: top;position: relative;}
.index_021 .left,.index_021 .right,.index_023 .left,.index_023 .right{width: 50%;display: inline-block;*display: inline;*zoom:1;vertical-align: top;height: 0;padding-bottom: 50%;}
.index_023{float: right;}
.index_021 .right{background: #E1E1E6;border-radius: 0 0 1.78rem 0;}
.index_024 .right{background: #DEEBFF;}
.index_021 .img{padding-bottom: 100%;border-radius: 0 1.95rem 0 0;}
.index_023 .img{padding-bottom: 100%;}
.index_021 .title{margin: .54rem .58rem .25rem;max-height: .84rem;line-height: .42rem;font-weight: bold;}
.index_021 .info{margin: 0 .58rem .15rem;max-height: 1.8rem;line-height: .36rem;color: #000;/* font-family: 'sourcehansanscn-normal'; */font-weight:normal;}
.index_021 .info2{margin: 0 .68rem 0;max-height: 1.08rem;line-height: .36rem;color: #808080;}
.index_022 .img{padding-bottom: 50%;position: relative;}
.index_022 .img::after{content: '';display: block;position: absolute;left: 0;right: 100%;top: 0;bottom: 0;background: url(../images/mode02_cover1.jpg) left no-repeat;background-size: 100% 100%;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_022 .info_box{position: absolute;top: 50%;transform: translateY(-50%);left: .62rem;right: .56rem;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;}
.index_02 .title2{position: relative;line-height: .6rem;height: .6rem;border-radius: 2rem;color: #007AFF;display: block;padding: 0 .24rem 0 .6rem;float: left;margin: .1rem 0 .26rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: calc(100% - .8rem);}
.index_02 .title2::before{content: '';position: absolute;left: .55rem;right: 0;top: 0;bottom: 0;background: #fff;z-index: -1;}
.index_02 .title2::after{content: '\e610';position: absolute;left: 0;top: 0;background: url(../images/mode04_more2.jpg) left center no-repeat;z-index: -1;background-size: 100% 100%;width: .6rem;height: .6rem;font-family: "iconfont";text-align: center;color: #fff;font-size: .18rem;text-indent: .08rem;}
.index_02 .title3{position: relative;line-height: .6rem;height: .6rem;border-radius: 2rem;color: #fff;display: block;padding: 0 .2rem;clear: left;border: .02rem solid #fff;float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: calc(100% - .36rem);}
.index_023 .left{background: #007AFF;border-radius: 0 1.95rem;}
.index_023 .title{margin: .57rem .64rem .1rem;height: .36rem;line-height: .36rem;white-space: nowrap;color: #fff;font-weight: bold;}
.index_023 .info{margin: 0 .64rem .08rem;height: .24rem;line-height: .24rem;color: #fff;}
.index_023 .info_box{position: relative;z-index: 2;margin: .3rem .64rem 0;}

.index_022:hover .img::after{right: 0;}
.index_022:hover .info_box{opacity: 1;}

.mode03{padding: .4rem 0 0;}
.mode03 .index_title{border-bottom:.025rem solid #000;padding: 0 0 .39rem 0;margin: 0 0 .24rem;}
.mode03 .index_title .more{margin-right: 0;}

.mode03 .lf{width: 4.4rem;float: left;margin: 0 0 0 .43rem;}
.mode03 .rt{width: 13.35rem;float: right;margin: 0 .44rem 0 0;}

.index_031 ul{padding: .07rem 0 0;}
.index_031 li{width: 100%;}
.index_031 a{padding: .3rem 0 .33rem;border-top: 1px solid #878787;}
.index_031 li:first-child a{border: 0;margin-bottom: 0;padding-top: 0;}
.index_031 .time{float: right;line-height: .25rem;background: rgba(0,122,255,.2);border-radius: .05rem;text-align: center;overflow: hidden;font-family: 'NotoSans-Light';margin: .05rem 0 0 .1rem;}
.index_031 .month{float: left;color: #fff;min-width: .28rem;background: #007AFF;text-transform: uppercase;padding: 0 .04rem;font-family: "NotoSans-SemiBold, Noto Sans";font-weight: 600;}
.index_031 .day{float: left;min-width: .2rem;padding: 0 .08rem 0 .05rem;font-family: 'NotoSans-Medium';font-weight: 500;}
.index_031 .title{margin: 0 0 .1rem;height: .36rem;line-height: .36rem;white-space: nowrap;font-weight: 500;}
.index_031 .info{margin: 0 0 0;color: #808080;height: .72rem;line-height: .36rem;font-weight: 400;}

.index_032 ul{margin: -.15rem 0 -.4rem -.67rem;padding: .28rem 0 0;}
.index_032 li{width: 33.3%;}
.index_032 a{margin: 0 0 .43rem .68rem;position: relative;background: #e8e8ec;}
.index_032 .img{padding-bottom: 100%;border-radius: 0 1.58rem 0 0;position: relative;}
.index_032 .time{position: absolute;right: 0;top: .13rem;text-align: center;z-index: 2;width: .5rem;}
.index_032 .month{margin: 0 0 0;line-height: 1.2;padding: 0 0 0 0;color: #000;font-family: "NotoSans-SemiBold, Noto Sans";font-weight: 600;}
.index_032 .day{margin: 0 0 0;line-height: 1;padding: 0 0 0 0;color: #000;font-family: 'NotoSans-Medium';font-weight: 500;}
.index_032 a:hover{background: #DEEBFF;}
.index_032 a:hover .month,.index_032 a:hover .day{color: #007AFF;}

.mode04{}
.mode04 .more2{padding: 0 0 0 .42rem;line-height: .44rem;font-weight: bold;height: .44rem;display: block;margin: .15rem 0 .4rem;}
/* .mode04 .more2::after{content: '';display: inline-block;*display: inline;*zoom:1;width: .24rem;height: .24rem;vertical-align: middle;background: url(../images/index_arrow2.png) center no-repeat;background-size: 100% auto;margin: -.07rem 0 0 .14rem;} */

.index_04{font-size: 0;}
.index_041{width: 25%;display: inline-block;*display: inline;*zoom:1;position: relative;vertical-align: top;}
.index_041 .img{padding-bottom: 100%;position: relative;}
.index_041 .img::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/mode04_cover1.jpg) center repeat-x;background-size: 100% 100%;}
.index_041 .title{margin: 0 0 0;height: .48rem;line-height: .48rem;color: #fff;position: absolute;top: .3rem;z-index: 2;font-weight: bold;left: .42rem;}
.index_04 .info_box{position: absolute;z-index: 2;margin: 0 .44rem 0;left: 0;right: 0;top: 1.66rem;}
.index_04 .title2{position: relative;line-height: .6rem;height: .6rem;border-radius: 2rem;display: block;padding: 0 .29rem 0 .6rem;float: left;margin: 0 0 .25rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: calc(100% - .8rem);font-weight: 500;}
.index_04 .title2::before{content: '';position: absolute;left: .55rem;right: 0;top: 0;bottom: 0;background: #fff;z-index: -1;}
.index_04 .title2::after{content: '\e610';position: absolute;left: 0;top: 0;background: url(../images/mode04_more2.jpg) left center no-repeat;z-index: -1;background-size: 100% 100%;width: .6rem;height: .6rem;font-family: 'iconfont';font-size: .18rem;text-align: center;color: #fff;text-indent: .1rem;}
.index_04 .title3{position: relative;line-height: .6rem;height: .6rem;border-radius: 2rem;color: #fff;display: block;padding: 0 .23rem;clear: left;border: .02rem solid #fff;float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: calc(100% - .4rem);background: rgba(255,255,255,.2);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_042{display: block;position: relative;}
.index_042 .img{padding-bottom: 25%;}
.index_042 .img::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/mode04_cover2.jpg) center repeat-x;background-size: 100% 100%;}
.index_042 .title{margin: 0 .44rem 0;height: .48rem;line-height: .48rem;color: #fff;position: absolute;top: .34rem;z-index: 2;font-weight: bold;left: 0;}
.index_042 .info{margin: 0 .43rem 0;height: .48rem;line-height: .48rem;color: #fff;position: absolute;top: .78rem;z-index: 2;left: 0;}
.index_042 .info_box{margin: 0 .44rem;top: 2.09rem;}
.index_042 .title2{}
.index_042 .title3{clear: none;margin: 0 0 0 .4rem;font-weight: 500;padding: 0 .25rem;}

.index_04 .title3:hover{background: #fff;color: #000;}


@media screen  and (min-width:992px){
	/* [class*=index] *{transition: all ease-in-out .2s;-ms-transition: all ease-in-out .2s;-moz-transition: all ease-in-out .2s;-webkit-transition: all ease-in-out .2s;-o-transition: all ease-in-out .2s;} */
	
	.mode01 .left{opacity: 0;transition: all .8s ease-out;transform: translateY(70px);}
	.mode01 .right{opacity: 0;transition: all .8s ease-out;transform: translateY(70px);transition-delay: .2s;}
	
	.index_021,.index_022,.index_023{opacity: 0;transition: all .8s ease-out;transform: translateY(70px);}
	.index_021 .title,.index_022 .title,.index_023 .title{transition-delay: 0s;}
	.index_021:hover .title,.index_022:hover .title{color: #007AFF;}
	
	.index_031 li{opacity: 0;transition: all .8s ease-out;transform: translateX(-50px);}
	.index_032 li{opacity: 0;transition: all .8s ease-out;transform: translateY(-50px);}
	
	.mode01.isView .left,.mode01.isView .right,.index_02.isView .index_021,.index_02.isView .index_022,.index_02.isView .index_023,.index_031.isView li,.index_032.isView li{opacity: 1;transform: none;}
	
}
@media screen and (max-width: 1480px){
	
	.index_032 .img{}
	
}
@media screen  and (max-width:1366px){
	.index_032 .img{padding-bottom: 100%;border-radius: 0 110px 0 0;}
	/* .index_032 .time{width: 80px;} */
	
	
}
@media screen  and (max-width:1040px){
	.index_title2{padding: 14px 0 0 20px;font-size: 22px;}
	
	.mode01 .info{font-size: 16px;height: auto;}
	
	.mode01 .left{width: auto;float: none;margin: 0 20px 30px;overflow: hidden;}
	.mode01 .right{float: none;width: auto;margin: 0 20px;}
	.mode01 .img::after{  background: -webkit-linear-gradient(top, #fff , rgba(255,255,255,0)); /* safari .51 - .60 */
  background: -o-linear-gradient(bottom, #fff , rgba(255,255,255,0)); /* opera 1.11 - 1.20 */
  background: -moz-linear-gradient(bottom, #fff , rgba(255,255,255,0)); /* firefox .36 - 15 */
  background: linear-gradient(to bottom, #fff , rgba(255,255,255,0));}
	
	.index_title{padding: 0 20px;margin-bottom: 20px;}
	.index_title h2{font-size: 22px;}
	
	.mode02{padding: 18px 0 0;}
	
	
	.index_021 .title{margin: 12px 15px 6px;font-size: 16px;line-height: 1.5;max-height: 3em;}
	.index_021 .info{margin: 0 15px;line-height: 1.5;max-height: 6em;font-size: 16px;color: #888;}
	.index_021 .info2{display: none;}
	
	.index_023 .title{margin: 14px 15px 0;font-size: 16px;line-height: 1.5;max-height: 1.5em;height: auto;}
	.index_023 .info{margin: 8px 15px;line-height: 1.5;max-height: 6em;font-size: 12px;height: auto;}
	.index_023 .info_box{margin: 0 15px;}
	.index_02 .title2{margin-top: 18px;padding-right: 10px;}
	.index_024 .right{float: left;}
	.index_023 .left{border-radius: 0 50px;}
	.index_021 .img{border-radius: 0 75px 0 0;}
	.index_021 .right{border-radius: 0 0 75px 0;}
	
	.mode03{padding: 33px 30px 0;}
	.mode03 .lf{width: auto;float: none;margin: 0 0 0;}
	.index_031 ul{margin: 18px 20px 26px 0;}
	.index_031 a{padding: 14px 0;margin: 0;}
	.index_031 .info{display: none;}
	.index_031 .time{width: auto;}
	.index_031 .title{font-size: 16px;margin: 0 72px 0 0;white-space: normal;height: auto;line-height: 1.5;}
	.index_031 .month,.index_031 .day{width: 27px;height: 18px;line-height: 18px;text-align: center;}
	
	.mode03 .rt{width: auto;float: none;margin: 0;}
	.index_032 ul{margin: 0 0 -20px -16px;}
	.index_032 li{width: 50%;}
	.index_032 a{margin: 0 0 20px 16px;}
	.index_032 .time{width: 40px;}
	
	.index_041{width: 50%;}
	.index_04 .info_box{display: none;}
	.index_041 .title{top: 50%;transform: translateY(-50%);font-size: 35px;text-align: center;line-height: 40px;height: auto;display: block;width: 90%;left: 5%;}
	
}
@media screen  and (max-width:767px){
	.index_021, .index_022, .index_023{width: 100%; float: none;}
	.index_032 .img{border-radius: 0 110px 0 0;}
	.index_032 .time{width: 35px;}
	
}
@media screen  and (max-width:413px){
	
	.banner .title{font-size: 16px;}
	.mode03{padding: 20px 20px 0;}
	.index_041 .title{font-size: 24px;}
	
}
@media screen  and (max-width:359px){
	.index_021 .info,.index_023 .info{display: none;}
	.index_021 .title{max-height: 7.5em;}
	
	
}