@charset "utf-8";
/**
 * Created by sunJia on 2026/02/24.
 * @Description: Index Style
 */
/* 测试是否一致 */
/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../images/0.0首页.jpg.png) !important;} */

.wrapbanner{overflow: hidden;position: relative;box-sizing: border-box;z-index: 2; padding-right: 0rem;}
.banner{ flex: 1; min-width: 0;}
.banner::before{ content: '';display: block;width: 100%;padding-bottom: 7.8125%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
}
.banner a{display:block;position:relative;}
.banner .gp-img{height: 100vh; padding-bottom: 36.45%;padding-bottom: 0; position: relative;font-size: 0;overflow: hidden;}
.banner .gp-img::before{content: '';display: none;opacity: 1;height: 100%;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;
	background: rgba(32, 36, 45, 0.25);pointer-events: none;
}
.banner .gp-img video,.banner .gp-img img{width:100%; height: 100%; object-fit: cover;}
.banner .swiper-slide-active{ z-index: 10;}
.banner .swiper-slide img{ transform-origin: center; transform: scale(1.1);transition: all 5s linear;}
.banner .swiper-slide-active img{ transform: scale(1);}
.banner .gp-img video{width:100%;height: auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.bannerArea{ width: 4.17rem;height: 1rem; align-items: flex-end; justify-content: center;
    background: url(../images/banner-line.png) no-repeat center top;
    position: absolute; bottom: 0rem; right: 50%; transform: translateX(50%); z-index: 5;}
.banner .swiper-pagination{position: relative; font-size: 0;text-align: right;width: auto;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;opacity: 1;border-radius: 50%; margin: 0;
	background: rgba(255,255,255,1);position: absolute; bottom: 0;left: 50%;transform: translateX(-50%); opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet-active::before{ content: '';display: block;width: .3rem;height: .3rem;
    background: #fff url(../images/dots.png) no-repeat center/cover;
    position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;z-index: 1;}
.banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(1){ left: -1.35rem; bottom: .53rem;}
.banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(2){ left: -.75rem; bottom: .83rem;}
.banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(3){ left: 0rem; bottom: .93rem;}
.banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(4){ left: .75rem; bottom: .83rem;}
.banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(5){ left: 1.35rem; bottom: .53rem;}
.banner .arrow{ margin-bottom: .2rem; width: .5rem; height: .5rem; line-height: .5rem; text-align: center; position: relative; z-index: 1; cursor: pointer; color: #fff;}
.banner .prev{ margin-right: .15rem;}
.banner .next{ margin-left: .15rem;}

.indexContent{
    position: relative;
    z-index: 2;
}

.modeTil{
    position: relative;
    align-items: center;
}
.modeTil .tilTitle{
    line-height: 1;
    padding-top: .3rem;
    background: url(../images/title-ico.png) no-repeat left top/76.19% auto;
    position: relative;
    z-index: 1;
    color: #333;
}
.modeTil.white .tilTitle{
    color: #fff;
    background: url(../images/title-ico-white.png) no-repeat left top/76.19% auto;
}
.modeTil .tilMore{
    text-transform: uppercase;
    color: #1262A7;
    line-height: .3rem;
    position: relative;
    z-index: 1;
}
.modeTil .tilMore::before{
    content: '';
    display: block;
    width: .3rem;
    height: .3rem;
    background: url(../images/more-ico.png) no-repeat center/cover;
    position: absolute;
    top: 0;
    left: -1.23rem;
}
.modeTil .tilMore::after{
    content: '';
    display: block;
    width: .53rem;
    height: .01rem;
    background: #333;
    position: absolute;
    left: -.75rem;
    top: .15rem;
}
.modeTil.white .tilMore{
    color: #fff;
}
.modeTil.white .tilMore::before{
    background: url(../images/more-ico-white.png) no-repeat center/cover;
}
.modeTil.white .tilMore::after{
    background: #fff;
}
.modeTil .tilMore i{
    display: inline-block;
    font-weight: normal;
    font-size: .2rem;
    overflow: hidden;
    vertical-align: bottom;
}
.modeTil .tilMore i:before{
    display: inline-block;
}
.modeTil .tilMore:hover i:before{
    animation: moreAnimate 1.6s linear infinite;
}
@keyframes moreAnimate {
    0%{ transform: translate(0%, 0%);}
    20%{ transform: translate(200%, 0);}
    21%{ transform: translate(-200%, 0);}
    40%{ transform: translate(0%, 0%);}
}

.row01{
    background: rgba(18, 98, 167, 0.1);
}
.row01 .modeCon{}
.row01 ul{}
.row01 li{
    width: 25%;
}
.row01 li a{
    display: block;
    text-align: center;
    padding: .5rem 0 .47rem;
    background: #fff;
}
.row01 li:nth-of-type(even) a{
    background: rgba(255,255,255,.5);
}
.row01 .icon{
    position: relative;
    font-size: 0;
    width: 1.5rem;
    height: 1.5rem;
    box-sizing: border-box;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto;
}
.row01 .icon::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px dashed #1262A7;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.row01 .icon img{ width: 1rem;}
.row01 li:hover img{ animation: beat 0.7s 1;}
.row01 li:hover .icon::before{
    animation: rotate360 15s linear infinite;
}
@keyframes rotate360 {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes beat {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }

    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

.row01 .title{
    line-height: 1.28;
    margin-top: .3rem;
}
.row02{
    background: #F6F6F6;
    padding: .8rem 0;
}
.row02 .modeTil{
    position: relative;
    z-index: 2;
}
.row02 .modeCon{
    position: relative;
    z-index: 1;
}
.mode02{
    position: relative;
    z-index: 1;
    overflow-x: clip;
    padding-left: .5rem;
    padding-top: .5rem;
    padding-bottom: .05rem;
}
.mode02 .swiper-slide{
    opacity: 0;
    transition: all .3s ease-in-out;
}
.mode02 .swiper-slide-active{
    z-index: 3;
    opacity: 1;
    /* animation: SwiperShow 1s ease-in-out; */
}
@keyframes SwiperShow {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.mode02 .imgBox{
    width: 55.17%;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}
.mode02 .imgBox::before{
    content: '';
    display: block;
    width: 20.31vw;
    height: 21.145vw;
    background: url(../images/newbg-dots.png) center/contain;
    position: absolute;
    left: -1rem;
    bottom: -.45rem;
    z-index: -1;
}
.mode02 .gp-img-responsive{
    padding-bottom: 56.25%;
    /* transform: translateX(.7rem); */
    transition: all .3s ease-in-out;
}
.mode02 .swiper-slide-active .gp-img-responsive{
    transform: translateX(0);
}
.mode02 .textBox{
    position: relative;
    z-index: 1;
    margin-top: .8rem;
    padding-right: 7.8125vw;
    line-height: 1.67;
}
.mode02 .textBox::before{
    content: '';
    display: block;
    width: 100vw;
    height: calc(100% + 2.4rem);
    background: #fff;
    position: absolute;
    right: -1.2rem;
    bottom: -.25rem;
    /* transform: translateY(-50%); */
    z-index: -1;
    pointer-events: none;
    -ms-pointer-events: none;
}
.mode02 .title{
    color: #333;
}
.mode02 .summary{
    text-align: justify;
    color: #999;
    margin-top: .3rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: .3rem;
}
.mode02 .date{
    line-height: .2rem;
    color: #999;
    margin-top: .5rem;
}
.date i{
    display: inline-block;
    width: .2rem;
    height: .2rem;
    line-height: .2rem;
    background: url(../images/date1-color-999.png) no-repeat center/cover;
    vertical-align: bottom;
    font-size: 0;
    margin-right: .04rem;
}
.mode02 .swiper-pagination{
    position: relative;
    bottom: 0;
    left: auto;
    right: 0;
    width: auto;
    padding-top: .1rem;
    text-align: right;
    line-height: 1;
    font-size: 0;
}
.mode02 .swiper-pagination .swiper-pagination-bullet{
    width: .1rem;
    height: .1rem;
    background: #E4E4E4;
    opacity: 1;
}
.mode02 .swiper-pagination .swiper-pagination-bullet-active{
    background: #1262A7;
}
.mode02 .swiper-arrows{
    position: absolute;
    top: 0;
    right: 55.17%;
    transform: translateX(100%);
    z-index: 5;
}
.mode02 .arrow{
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    cursor: pointer;
    background: #fff;
    text-align: center;
    color: #999;
    font-size: .3rem;
}
.mode02 .arrow:hover{
    color: #1262A7;
}
.mode02List{
    margin-top: .55rem;
    background: #fff;
    padding: .3rem;
}
.mode02List ul{
    margin: 0 -.52rem;
}
.mode02List li{
    width: 33.33%;
    border-right: .01rem solid rgba(0, 0, 0, 0.1);
}
.mode02List li:last-child{
    border-right: none;
}
.mode02List li a{
    display: block;
    margin: 0 .52rem;
    transition: all .3s ease-in-out;
}
.mode02List li a:hover{
    transform: translateY(-.06rem);
}
.mode02List .title{
    line-height: 1.67;
}
.mode02List .date{
    line-height: .2rem;
    margin-top: .2rem;
    color: #999;
}

/* row03 */
.row03{
    padding: .6rem 0;
    background: #F4F1EC;
}
.row03 ul{
    margin: 0 -.25rem;
}
.row03 li{
    margin-top: .3rem;
}
.row03 li a{
    position: relative;
    align-items: center;
    margin: 0 .25rem;
    background: #fff url(../images/arrow-right.png) no-repeat;
    background-position: calc(100% - .3rem) center;
    background-size: .3rem;
    padding: .3rem;
    padding-right: .9rem;
}
.row03 li a::before{
    content: '';
    display: block;
    width: .04rem;
    height: .6rem;
    background: #1262A7;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    transition: all .3s ease-in-out;
}
.row03 li a:hover::before{
    height: .8rem;
}
/* .row03 li a:hover .title{ font-weight: bold;} */
.row03 .date{
    position: relative;
    flex-shrink: 0;
    padding-right: .3rem;
    margin-right: .3rem;
    color: #999;
}
.row03 .date::before{
    content: '';
    display: block;
    width: .01rem;
    height: .4rem;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.row03 .day{
    line-height: .3rem;
}
.row03 .year{
    line-height: .2rem;
    margin-top: .04rem;
}
.row03 .title{
    flex: 1;
    min-width: 0;
    line-height: 1.67;
    height: 3.34em;
}

/* row04 */
.row04{
    padding: .8rem 0 .55rem;
}
.mode04{
    justify-content: space-between;
}
.mode04 > div{
    /* width: calc(50% - .25rem); */
    width: 100%;
}
.dangjian{}
.dangjian ul{
    margin: 0 -.125rem;
    padding-top: .05rem;
}
.dangjian li{
    margin-top: .25rem;
}
.dangjian li a{
    display: block;
    margin: 0 .125rem;
    transition: all .3s ease-in-out;
}
.dangjian li a:hover{
    transform: translateY(-.06rem);
}
.dangjian .img{
    overflow: hidden;
}
.dangjian .gp-img-responsive{
    transition: all .3s ease-in-out;
}
.dangjian .gp-img-responsive:hover{
    transform: scale(1.05);
}
.dangjian .info{
    transition: all .3s ease-in-out;
}
.dangjian .gp-img-responsive{
    padding-bottom: 56.25%;
}
.dangjian .info{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    padding: .3rem;
}
.dangjian .title{
    line-height: 1.67;
    height: 3.34em;
}
.dangjian .date{
    margin-top: .2rem;
    line-height: .2rem;
}
.calendar{}
.calendarTil{
    /* padding: .2rem .3rem; */
    /* background: #1262A7; */
    /* margin-top: .3rem; */
    color: #fff;
    text-align: right;
}
.calendarTil span{
    display: inline-block;
    /* line-height: .25rem; */
    line-height: 1.25;
}
.calendarTil span{
    margin-right: .1rem;
}
.calendarTil span:last-child{
    margin-right: 0;
}
.calendarCon{
    padding: .1rem .2rem .2rem;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.calendarCon table{
    width: 100%;
    line-height: .37rem;
}
.calendarCon tr{}
.calendarCon tr.blank{ height: .1rem;}
.calendarCon td{
    background: rgba(18, 98, 167, .06);
    text-align: center;
    border: .1rem solid #fff;
    box-sizing: content-box;
}
.calendarCon td[rowspan]{
    background: #E8F0F7;
    color: #1262A7;
    font-weight: bold;
}
.calendarCon td[rowspan="5"]{
    width: 1.2rem;
    font-size: .24rem;
}
.calendarCon td[rowspan="5"] span{
    display: block;
    line-height: 1;
}
.calendarCon td img{
    max-width: .4rem;
}

/* row05 */
.row05{
    padding: .8rem 0 3.1rem;
    background: url(../images/style-bg.jpg) no-repeat center/cover;
}
.row05 .modeCon{
    margin-top: .3rem;
    padding: .95rem .5rem;
    background: url(../images/mode05-bg.png) no-repeat center/cover;
}
.row05 ul{
    margin: 0 -.1rem;
}
.row05 li{}
.row05 li a{
    display: block;
    margin: 0 .1rem;
    transition: all .3s ease-in-out;
}
.row05 li a:hover{
    transform: translateY(-.06rem);
}
.row05 .img{
    overflow: hidden;
    position: relative;
    border: .04rem solid #CAA875;
}
.row05 .gp-img-responsive{
    padding-bottom: 56.06%;
}
.row05 .name{
    line-height: .3rem;
    text-align: center;
    margin-top: .3rem;
}





/* Responsive style */
@media screen and (max-width:1460px){
    .banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(1){ bottom: .57rem;}
    .banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(5){ bottom: .57rem;}
}

@media screen and (max-width:1320px){
    .banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(1){ bottom: .6rem;}
    .banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(5){ bottom: .6rem;}
}

@media screen and (max-width:1280px){
    .banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(1){ bottom: .62rem;}
    .banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(5){ bottom: .62rem;}
}

@media screen and (max-width:1200px){
    .banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(1){ bottom: .65rem;}
    .banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(5){ bottom: .65rem;}
}

@media screen and (max-width:1100px){
    .banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(1){ bottom: .69rem;}
    .banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(2){ bottom: .85rem;}
    .banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(4){ bottom: .85rem;}
    .banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(5){ bottom: .69rem;}
}


@media screen and (max-width:996px){
    .row01{ padding-top: .2rem;padding-bottom: .3rem;}
    .wrapbanner{ padding-right: 0;}
    .banner .gp-img{ height: 0; padding-bottom: 47.91%;}
    .banner .gp-img img{ height: unset;}
    .banner .swiper-slide img{ transform: none;}
    .bannerArea{ background: unset; width: auto;height: auto;}
    .banner .arrow{ display: none;}
    .banner .swiper-pagination{ bottom: .2rem;}
    .banner .swiper-pagination .swiper-pagination-bullet{ position: relative; top: 0; left: 0 !important; margin: 0 .1rem;}
    .banner .swiper-pagination .swiper-pagination-bullet-active::before{ width: .2rem; height: .2rem;}

    .row01 ul{margin-left: -.1rem;}
    .row01 li a{ padding: 3vw 0;margin-left: .1rem;}
    .row01 .title{ margin-top: 2.5vw;}
    .mode02 .arrow{ width: .45rem; height: .45rem; line-height: .45rem;}
    .mode02 .textBox{ padding-right: 3vw; z-index: 2;}
    .mode02 .imgBox::before{ display: none;}
    .mode02 .summary{ margin-top: .2rem; padding-top: .2rem;}
    .mode02 .date{ margin-top: .2rem;}
    .mode02 .textBox{ margin-top: .4rem;}
    .row03 ul{ margin: 0;}
    .row03 li a{ margin: 0;}
    .mode04{ flex-direction: column;}
    .mode04 > div{ width: 100%;}
    .row05{ padding: .5rem 0;}
    .row05 .modeCon{ padding: .2rem .2rem .3rem;}
    .row05 li{ margin-top: .2rem;}
    .calendarTil{ padding: .1rem .15rem;}
    .calendarTil span{ margin-right: .1rem;}
    .dangjian ul li{ width: 50%;}
    
}

@media screen and (max-width:768px){
    .siderTab .boxList dl{ margin: 0 -.06rem;}
    .siderTab .boxList dd a{ margin: 0 .06rem;}
    .row01 ul{ flex-wrap: wrap;}
    .row01 li{ width: 50%; margin-top: .1rem;}
    .row02{ padding: .3rem 0;}
    .mode02{ padding-top: 0rem; padding-left: 0rem; }
    .mode02 .swiper-slide{ flex-direction: column-reverse; margin-top: .2rem; width: 100% !important;}
    .mode02 .swiper-pagination{ text-align: center;}
    .mode02List{ padding: .2rem;}
    .mode02List ul{ margin: 0 -.15rem;}
    .mode02List li a{ margin: 0 .15rem;}
    .mode02 .imgBox{ width: 100%;}
    .mode02 .textBox{ background: #fff; margin-top: 0; padding: .3rem .2rem;}
    .mode02 .textBox::before{ display: none;}
    .mode02 .swiper-arrows{ display: none;}
    .row04{ padding: .5rem 0;}
    .calendar{ margin-top: .5rem;}
}

@media screen and (max-width:680px){
    .row05 ul{ margin: 0 -.05rem;}
    .row05 li a{ margin: 0 .05rem;}
    .dangjian ul li{ width: 100%;}
    
}

@media screen and (max-width:491px){
    .banner .gp-img{ padding-bottom: 0; height: 2.2rem;}
    .banner .swiper-slide img{ height: 100% !important;}
    .banner .swiper-pagination{ bottom: .13rem;}
    .row01 li{ width: 100%;}
    .row01 .icon img{ max-width: 1rem;}
    .modeTil .tilTitle{ padding-top: .2rem;}
    .modeTil .tilMore::before{ left: -0.9rem; width: .2rem; height: .2rem;top: .06rem;}
    .modeTil .tilMore::after{ left: -.5rem; width: .4rem;}
    .mode02 .textBox{ padding: .2rem .15rem;}
    .mode02 .summary{ margin-top: .1rem; padding-top: .1rem;}
    .mode02List{ margin-top: .2rem;}
    .mode02List ul{ flex-wrap: wrap;}
    .mode02List li{ width: 100%; margin-bottom: .15rem;}
    .mode02List li:last-child{ margin-bottom: 0;}
    .mode02List .date{ margin-top: .06rem;}
    .row03{ padding: .3rem 0;}
    .row03 li{ margin-top: .2rem;}
    .row03 li a{ padding: .2rem .15rem; background: #fff;}
    .row03 .date{ margin-right: .1rem; padding-right: .1rem;}
    .row03 li a::before{ width: .02rem;}
    .row04{ padding: .3rem 0;}
    .dangjian .info{ padding: .15rem;}
    .dangjian .date{ margin-top: .1rem;}
    .calendar{ margin-top: .3rem;}
    .calendarCon{ padding: .1rem;}
    .calendarCon td[rowspan="5"]{ width: .8rem; font-size: .18rem;}
    .calendarCon tr.blank{ height: .05rem;}
    .row05{ padding: .3rem 0;}
    .row05 .modeCon{ padding: .15rem;}
    .row05 li{ width: 50%; margin-top: .1rem;}
    .row05 .name{ margin-top: .1rem;}
    
}

@media screen and (max-width:414px){
    .row01 .icon{ width: 1.2rem; height: 1.2rem;}
    .row01 .icon img{ max-width: .8rem;}
    .row01 .title{ margin-top: .1rem;}
    .calendarCon td{ border-width: .05rem;}
    .calendarCon td[rowspan="5"]{ width: .65rem; font-size: .16rem;}
}

@media screen and (max-width:375px){
    .row05 li{ width: 100%;}
}