html{background: #fff;}

/* .sub03d .gp-img{background: #000;} */

.sub03a{position: relative;}
.sub03a .banner_side_links{right: 0;}

.banner{margin: 0 9.4rem 0 0;overflow: hidden;position: relative;}
.banner a{display:block;position:relative;overflow: hidden;}
/* .banner a::before{content: '';display: block;background-image: -moz-linear-gradient( 90deg, rgb(20,0,0) 0%, rgba(20,0,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(20,0,0) 0%, rgba(20,0,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(20,0,0) 0%, rgba(20,0,0,0) 100%);opacity: .7;height: 160px;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;} */

.banner .gp-img{padding-bottom: 39.58%;}
.banner .title{margin: 0 0;color: #fff;position: absolute;left: 19rem;bottom: 5.6rem;z-index: 10;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.banner .gp-img video,.banner .gp-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.banner .gp-img video{width:100%;height: auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.banner .swiper-slide-active .gp-img{animation:scaleBig 10s linear 0s 1 both;transform-style:preserve-3d}
@-webkit-keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.1)}
}
@keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.1)}
}

.sub03a .swiper-pagination{display: inline-block;position: relative;vertical-align: top;position: absolute;left: calc(50% - 70rem);bottom: 10.5rem;width: auto;}
.sub03a .swiper-pagination .swiper-pagination-bullet{width: auto;height: auto;background: transparent;opacity: .55;margin: 0 1.5rem 0 0;vertical-align: bottom;width: 2.8rem;height: .3rem;background: #fff;border-radius: 0;}
.sub03a .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;height: .5rem;}

.sub03a .swiper_menu{padding: 0;font-size: 0;position: absolute;bottom: 2.2rem;right: 1.5rem;z-index: 10;}
.sub03a .swiper_menu::before{content: '';display: block;background: rgba(255, 255, 255, .5);width: .2rem;height: 4rem;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);}
.sub03a .arrow{width: 1.8rem;height: 3rem;margin: 0 2rem;cursor: pointer;border-radius: 0;display: inline-block;vertical-align: top;opacity: .5;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;background-size: 1.8rem auto;}
.sub03a .prev{left: 0rem;background-image: url(../images/banner_prev.png);}
.sub03a .next{right: 0rem;background-image: url(../images/banner_next.png);}
.sub03a .arrow:hover{opacity: 1;}

.banner_number{position: absolute;right: 14.8rem;bottom: 1.1rem;color: #fff;z-index: 10;width: 3.4rem;background: url(../images/banner_line.png) no-repeat center;line-height: 1.4;}
.banner_number .cur{font-style: italic;}
.banner_number .cur span{display: inline-block;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;}
.banner_number .cur span.out{transform: rotateX(90deg);}
.banner_number .total{text-align: right;padding: 0 0 .4rem;}
@media screen  and (max-width:996px){
	.banner{margin: 0;}
}

.wrap_sub03_title{align-items: center;position: relative;}

.sub03_title{font-weight: bold;padding: .4rem 0 2.4rem;background: url(../images/index_title.svg) no-repeat bottom center/4.2rem auto;text-align: center;}
.sub03_title.c2{color: #fff;background-image: url(../images/index_title2.svg);}

.sub03_more{width: 18rem;border-bottom: .1rem solid #442da6;color: #472689;background: url(../images/index_more.svg) no-repeat 97% top/2.3rem auto;display: block;padding: 0 0 1.6rem;line-height: 1em;}
.sub03_more.c2{background-image: url(../images/index_more_w.svg);color: #fff;border-bottom-color: #fff;}

.wrap_sub03b{padding: 3.8rem 0 6rem;overflow: hidden;position: relative;}
.wrap_sub03b::before{content: '';display: block;position: absolute;left: 0;right: 9.4rem;top: 0;bottom: 0;background: url(../images/sub_03b_bg.png) no-repeat top center/100% auto;}
.wrap_sub03b::after{content: '';display: block;position: absolute;right: 0;top: 3.8rem;bottom: 6rem;width: calc(50% + 5rem);background: url(../images/sub_03b_bg2.png) no-repeat center/cover;}
.sub03b::before{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;width: calc(50% - 5rem);background: url(../images/sub_03b_bg1.png) no-repeat center/cover;z-index: -1;}
.sub03b{padding-top: 4.6rem;}
.sub03b .lf{width: calc(50% - 5rem);float: left;padding-left: 8rem;padding-bottom: 3rem;}
.sub03b .rt{width: calc(50% - 1rem);float: right;padding-bottom: 5.2rem;padding-top: 2.9rem;}
.sub03b .wrap_sub03_title{padding-left: 8rem;}

.sub_03b1{margin: 4.4rem 0 0;color: #292929;}

.sub_03b2{}
.sub_03b2 ul{margin: 0 0 0 -4rem;}
.sub_03b2 li{width: auto;}
.sub_03b2 li.wide{width: 62.5%;}
.sub_03b2 .item{margin: 0 0 1.7rem 4rem;}
.sub_03b2 .top{padding: 0 0 .7rem;display: flex;align-items: flex-start;color: #6416a6;font-weight: bold;}
.sub_03b2 .top .small{font-size: .5em;line-height: 2em;font-weight: normal;}

.wrap_sub03c{padding: 4rem 0 10.4rem;position: relative;}
.wrap_sub03c::before{content: '';display: block;background: url(../images/sub_03c_bg.png) no-repeat center/cover;width: 37.2rem;height: 70.8rem;position: absolute;left: 0;bottom: -23.2rem;}
.sub03c{}
.sub03c .lf{width: 30rem;float: left;height: 64rem;background: url(../images/sub_03c_img.png) no-repeat center/cover;padding: 6.6rem 0 0;}
.sub03c .rt{width: calc(100% - 34.3rem);float: right;}

.sub_03c1{margin: 5.2rem 0 0;text-align: center;}
.sub_03c1::before,.sub_03c1::after,.sub_03c1 .ico::before{content: '';display: block;background: url(../images/sub_03c_line.png) no-repeat center/cover;width: .4rem;height: 7rem;margin: 1.2rem auto;}
.sub_03c1 .text{color: #fff;line-height: 1em;font-size: 4.9rem;}
.sub_03c1 .ico{background: url(../images/sub_03c_ico.png) no-repeat center/2rem auto;}
.sub_03c1 .t2{opacity: .4;}

.sub_03c2{}
.sub_03c2 ul{margin: 0 0;}
.sub_03c2 li{position: relative;}
.sub_03c2 .item{margin: 0 0 -0.1rem -0.1rem;border: .1rem dashed #cacaca;background: #fff;height: 31rem;padding: 4.9rem 3rem 2rem;}
.sub_03c2 li:nth-child(2n+1) .item:nth-child(2n),.sub_03c2 li:nth-child(2) .item:nth-child(2n+1){height: 33rem;}
.sub_03c2 .time{color: #46278b;}
.sub_03c2 .time::after{content: '';display: block;width: 4.3rem;border-top:.1rem solid #46278b;margin: 1.2rem 0 2.6rem;}
.sub_03c2 li:last-child .item{height: 51rem;background: #fff url(../images/sub_03c_bg2.png) no-repeat bottom center/100% auto;}
.sub_03c2 li:last-child .sub03_more{position: absolute;right: 0;bottom: 0;}

.wrap_sub03d{padding: 7rem 0 8rem;background: #f6f8ff;overflow: hidden;}
.sub03d{}
.sub03d .lf{width: calc(50% - 12rem);float: left;position: relative;}
.sub03d .lf::before{content: '';display: block;position: absolute;bottom: 0;right: 14.4rem;left: -11rem;top:22rem; background-image: -moz-linear-gradient( 117deg, rgb(122,34,173) 0%, rgb(56,30,162) 100%);background-image: -webkit-linear-gradient( 117deg, rgb(122,34,173) 0%, rgb(56,30,162) 100%);background-image: -ms-linear-gradient( 117deg, rgb(122,34,173) 0%, rgb(56,30,162) 100%);}
.sub03d .rt{width: calc(50% + 12rem);float: right;position: relative;}
.sub03d .rt::before{content: '';display: block;position: absolute;background: url(../images/sub_03d_bg.png) no-repeat center/cover;width: 81.1rem;height: 19.4rem;top: .3rem;left: 36rem;}

.sub03d .wrap_sub03_title{margin: 0 0 7.6rem;}
.sub03d .sub03_more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

.sub_03d1{position: absolute;left: 0;top: 0;width: 24.4rem;z-index: 10;}
.sub_03d1 ul{margin: .4rem 0 0;}
.sub_03d1 .item{margin: 0 0 3.5rem;line-height: 5.8rem;border: .1rem solid #999;text-align: center;color: #999;background: #f6f8ff;}
.sub_03d1 li.on .item{font-weight: bold;color: #282828;border-color: #6416a6;}

.sub_03d2{position: relative;margin: 0 0 50px;}
.sub_03d2 ul{margin: 0 0;}
.sub_03d2 .item{margin: 0 0;overflow: hidden;}
.sub_03d2 .right{float: right;/*height: 44rem;*/width: 30.2rem;}
.sub_03d2 .right img{height: 44rem;}
.sub_03d2 .left{padding: 28.6rem 0 0 0;color: #fff;}
.sub_03d2 .left .title,.sub_03d2 .left .summary{padding-right: 1.6em;}

.sub_03d2 .swiper_menu{text-align: right;padding: 0 14.2rem 0 0;font-size: 0;}
.sub_03d2 .arrow{width: 6rem;height: 6rem;background: center no-repeat;display: inline-block;vertical-align: top;margin: 0;cursor: pointer;position: relative;}
.sub_03d2 .arrow .ico{width: 100%;height: 1.6rem;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.sub_03d2 .prev{left: 0rem;}
.sub_03d2 .next{right: 0rem;}
.sub_03d2 .arrow:hover{background-color: #6416a6;}


.wrap_sub_03d2{overflow: hidden;}
.sub_03d2.off,.sub_03d3.off{display: none;}

.sub_03d3{padding: 14rem 0 0;overflow: hidden;/*width: calc(50vw + 12rem);*/padding-top: 17.8rem;}
.sub_03d3 ul{margin: 0 0;}
.sub_03d3 li{width: auto;}
.sub_03d3 .item{margin: 0 0 0 4.4rem;width: 20.6rem;width: 18rem;margin-left: 4rem;}
/* .sub_03d3 .item img{height: 30rem;} */

.wrap_sub03e{padding: 5.2rem 0 12.3rem;}
.sub03e{}

.sub_03e1{margin: 1.6rem 0 2.8rem;position: relative;}
.sub_03e1::before{content: '';display: block;position: absolute;left: -11rem;right: 0;top: 0;bottom: -28rem;z-index: -1;background-image: -moz-linear-gradient( 105deg, rgb(200,32,144) 0%, rgb(106,20,209) 100%);background-image: -webkit-linear-gradient( 105deg, rgb(200,32,144) 0%, rgb(106,20,209) 100%);background-image: -ms-linear-gradient( 105deg, rgb(200,32,144) 0%, rgb(106,20,209) 100%);}
.sub_03e1 .article{padding: 5.6rem 7.3rem 5rem;color: #fff;position: relative;text-align: justify;}
.sub_03e1 .article::before{content: '';display: block;position: absolute;left: -1.6rem;top: 3rem;background: url(../images/sub_03e_dot.png) no-repeat center/cover;width: 6.2rem;height: 4.9rem;}
.sub_03e1 .article::after{content: '';display: block;position: absolute;right: 6.5rem;bottom: 0rem;background: url(../images/sub_03e_dot2.png) no-repeat center/cover;width: 6.2rem;height: 4.9rem;}

.sub_03e2{}
.sub_03e2 ul{margin: 0 0;}
.sub_03e2 li{width: auto;}
.sub_03e2 .item{margin: 0 2rem 0 0;line-height: 5.8rem;padding: 0 4.8rem;border: .1rem solid rgba(255, 255, 255, .4);color: rgba(255, 255, 255, .5);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;}
.sub_03e2 li.on .item{background: #fff;color: #6416a6;font-weight: bold;}
.sub_03e2 .bottom{/*padding: 5rem 6rem;background: url(../images/sub_03e_bg.png) no-repeat center/cover;*/}
.sub_03e2 .img_box.off{display: none;}



@media screen  and (max-width:1640px){

}
@media screen  and (max-width:1480px){
    .banner .title{left: 20px;}
}
@media screen  and (max-width:1220px){

}
@media screen  and (max-width:1024px){

}
@media screen  and (max-width:992px){
	.sub03b .lf{width: auto;float: none;padding-left: 20px;}
    .sub03b::before{display: none;}
    .wrap_sub03b::after{width: auto;left: 20px;}

    .sub03b .wrap_sub03_title{padding-left: 20px;}
    .sub03b .rt{width: auto;float: none;padding-left: 20px;}

    .sub03d .lf{width: 400px;}
    .sub03d .rt{width: calc(100% - 400px);}


}
@media screen and (max-width: 767px){
    .sub_03b2 li{width: 48%;}
    .sub_03b2 li.wide{width: 100%;}
    .sub_03b2 br{display: none;}

    .sub03c .lf{width: auto;float: none;height: auto;padding: 20px 0;}
    .sub_03c1{display: none;}
    .sub03c .rt{width: auto;float: none;}

    .sub03d .lf{width: 100%;}
    .sub03d .rt{margin: 0 -20px;width: auto;}
    .sub_03d3{width: auto;padding: 20px 0 0;}
    .sub_03d3 .item{margin: 0 0 0 20px;}
    /* .sub_03d3 .item img{height: 80px;} */
    .sub_03e2 .bottom{padding: 10px 20px;}
    .wrap_sub03e{padding-bottom: 30px;}


}
@media screen  and (max-width:639px){
	
}
@media screen and (max-width:480px){
	
}
@media screen and (max-width:413px){
	
}
@media screen and (max-width:380px){
	
}
@media screen and (max-width:320px){
	
}
