.content{background: url(../images/bg.png) no-repeat center/cover;}

.index_title{margin-bottom: 2.4rem;display: flex;align-items: center;justify-content: space-between;width: 100%;position: relative;z-index: 2;}
.channel_title{padding: 0 0 0;line-height: 1.2;position: relative;color: #041c4c;font-weight: bold;font-size: 6rem;}
.channel_title::after{content: '';display: block;background: url(../images/index_title.png) no-repeat center/cover;width: 12.9rem;height: 11.1rem;position: absolute;left: 50%;top: -3rem;transform:translateX(-50%);z-index: -1;}
.channel_title.c{width: 100%;text-align: center;}

.channel_link{position: absolute;right: 0;bottom: 1.4rem;z-index: 10;line-height: 3.5rem;color: #1c40ec;width: 10rem;text-align: center;background: rgba(255, 255, 255, .3);border-radius: 1rem;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;}
.channel_link:hover{background: #1346e9;color: #fff;}

@media screen and (max-width: 99.6rem){
    .index_title{margin-bottom: 2rem;}
}

.wrap_mode01{padding: 7.8rem 0 1.8rem;}
.mode01{}

.index_01{background: url(../images/mode01_bg.png) no-repeat center/100% 100%;padding: 3.5rem 5rem 7.8rem;align-items: center;}
.index_01 .info_box{margin: 0 5rem 0 0;padding: 0 5.1rem 0 0;position: relative;flex: 1;}
.index_01 .info_box::before{content: '';display: block;position: absolute;border-left: .1rem solid #88abda;right: 0;top: .5rem;bottom: -0.7rem;}
.index_01 .title{margin: 0 0 2.1rem;font-weight: bold;}
.index_01 .summary{margin: 0 0;color: #333;animation-delay: .2s;transition-delay: .2s;}
.index_01 .summary p{margin: 0 0 1.2rem;}
.index_01 .summary p:last-child{margin: 0;}
.index_01 .img_box{width: 26.5rem;}

.wrap_mode02{padding: 6rem 0 2.8rem;}
.mode02{}

.index_02{position: relative;padding: 0 12rem .1rem 3rem;margin: 5rem 0 0;}
.index_02::before{content: '';background: url(../images/mode02_ico.png) no-repeat center/2rem;width: 2rem;height: 2rem;position: absolute;left: 0;top: -1rem;z-index: 2;}
.index_02::after{content: '';position: absolute;left: 0;bottom: 18.7rem;border-right: 1.5rem solid #1346e9;border-top: 1.4rem solid transparent;border-bottom: 1.4rem solid transparent;}
.index_02 ul{display: flex;flex-wrap: wrap;position: relative;margin: 0 0 -6.5rem;}

.index_02 li{position: relative;}
.index_02 li::before{content: '';display: block;position: absolute;top: -0.5rem;left: 0;right: 0;border-top: 1rem solid #c9ddfa;}
.index_02 li:nth-child(5)::before{border-radius: 0 13.3rem 13.3rem 0;bottom: -0.5rem;border-right: 1rem solid #c9ddfa;border-bottom: 1rem solid #c9ddfa;right: -13.3rem;}
.index_02 li:nth-child(1)::before,.index_02 li:nth-child(10)::before{left: -2rem;}

.index_02 .item{margin: 0 0 6.5rem 3rem;position: relative;height: 20rem;background: rgba(255, 255, 255, .6);text-align: center;padding: 3.5rem 1.5rem 1.5rem;box-shadow: 0rem 3rem 6rem 0rem rgba(115, 124, 153, 0.12);}
.index_02 .item::before{content: '';background: #dff1fd url(../images/mode02_ico2.png) no-repeat center/2rem auto;width: 3rem;height: 3rem;position: absolute;left: 50%;top: 0;transform:translateX(-50%) translateY(-50%);border-radius: 50%;}
.index_02 ul li:nth-child(n+6):nth-child(-n+10) {flex-direction: row-reverse;}
.index_02 ul li:nth-child(6) { order: 5; }
.index_02 ul li:nth-child(7) { order: 4; }
.index_02 ul li:nth-child(8) { order: 3; }
.index_02 ul li:nth-child(9) { order: 2; }
.index_02 ul li:nth-child(10) { order: 1; }
.index_02 .title{margin: 0 0 1.6rem;color: #1346e9;}
.index_02 .summary{margin: 0 0;color: #333;}

.wrap_mode03{padding: 6rem 0 2.8rem;}
.mode03{}

.index_03{}
.index_03 ul{margin: 0 0 -3rem -3rem;padding: 0 0;}
.index_03 .item{margin: 0 0 3rem 3rem;box-shadow: 0rem 3rem 6rem 0rem rgba(19, 70, 233, 0.33);background: rgba(255, 255, 255, .3);padding: 2rem 2rem 2.4rem;border: .1rem solid rgba(255, 255, 255, .9);}
.index_03 .bottom{padding: 1.3rem 0 0;}
.index_03 .title{margin: 0 0 .8rem;font-weight: bold;}
.index_03 .summary{margin: 0 0 2.1rem;color: #999;}
.index_03 .time{color: #1346e9;margin: 0 0;}

.wrap_mode04{padding: 6rem 0 10.2rem;}
.mode04{}

.index_04{border: 1rem solid rgba(255, 255, 255, .4);position: relative;padding: 3.6rem 5rem;overflow: hidden;}
.index_04 .map{display: block;position: absolute;top: 0;right: 0;width: 77%;height: 100%;background: url(../images/mode04_map.png) no-repeat right center/cover;z-index: 1;}
.index_04 .map .pointer{position: absolute;top: 50%;transform: translateY(-50%);background: url(../images/mode04_map_ico.png) no-repeat right center/cover;width: 3.6rem;height: 4.2rem;right: 35.9rem;}
.index_04 .map .pointer::before{content: '';z-index: -1;width: 8.5rem;height: 8.5rem;background: #1346e9;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);border-radius: 50%;opacity: .2;animation: pointerRipple 2.2s ease-out infinite;will-change: transform, opacity;}
.index_04 .map .pointer::after{content: '';z-index: -1;width: 8.5rem;height: 8.5rem;background: #1346e9;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(0.6);border-radius: 50%;opacity: .25;animation: pointerRipple 2.2s ease-out infinite;animation-delay: -1.1s;will-change: transform, opacity;}
@keyframes pointerRipple{
    0%   { transform: translate(-50%, -50%) scale(0.6); opacity: .25; }
    70%  { opacity: .08; }
    100% { transform: translate(-50%, -50%) scale(1.6); opacity: 0; }
}

.index_04::before{content: '';position: absolute;left: 0;top: 0;width: 57.1875%;height: 100%;background: url(../images/mode04_cover.png) no-repeat right center/cover;display: block;z-index: 2;}
.index_04 ul{margin: 0 0 -4rem;position: relative;z-index: 10;float: left;}
.index_04 .item{margin: 0 0 4rem;padding: 0 0 0 4rem;position: relative;}
.index_04 .item.ico1{background: url(../images/mode04_ico1.png) no-repeat left .4rem/2.1rem;}
.index_04 .item.ico2{background: url(../images/mode04_ico2.png) no-repeat left .5rem/2.1rem;}
.index_04 .item.ico3{background: url(../images/mode04_ico3.png) no-repeat left 0/2.1rem;}
.index_04 .title{margin: 0 0 .8rem;font-weight: bold;}


@media screen  and (max-width:996px){
	.channel_link{width: 90px;line-height: 30px;}

    .index_02{padding: 0 6rem .1rem 3rem;}
    .index_02 ul li:nth-child(n+6):nth-child(-n+10) {flex-direction: row;}
    .index_02 ul li:nth-child(6) { order: 6; }
    .index_02 ul li:nth-child(7) { order: 7; }
    .index_02 ul li:nth-child(8) { order: 8; }
    .index_02 ul li:nth-child(9) { order: 9; }
    .index_02 ul li:nth-child(10) { order: 10; }
    
    /* 调整装饰性元素 */
    .index_02::after {bottom: auto;}
    .index_02 li::before,.index_02::before,.index_02::after{display: none;}
    .index_02 li:nth-child(5)::before {right: 0;}

    .index_02 .item{height: 140px;}

    .index_03 li:nth-child(3),.index_03 li:nth-child(4){display: none;}

    .index_04::before{display: none;}
    .index_04 ul{float: none;padding: 3.6rem 5rem;}
    .index_04{padding: 0;}
    .index_04 .map{position: relative;width: 100%;height: 0;padding-bottom: 29%;}

    .index_04 .map .pointer{right: 30.02%;}

}
@media screen and (max-width:767px){
    .index_01{flex-direction: column;}
	.index_01 .info_box{margin: 0 0 20px;padding: 0 0 20px;width: 100%;}
    .index_01 .info_box::before{display: none;}
    .index_01 .img_box{width: 265px;text-align: center;margin: 0;max-width: 100%;}



}
@media screen and (max-width:413px){
	
	.channel_title.c::before,.channel_title::after{display: none;}
	.channel_title.c{width: auto;}
	
}
@media screen and (max-width:380px){

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

}