@charset "utf-8";



.banner .slide-banner a{display: block;position: relative;}
.banner .slide-banner a:after{content: '';position: absolute;left: 0;bottom: 0;right: 0;height: 20vh;background: url(../images/bamask.png) no-repeat bottom center;background-size: 100% 100%;z-index: 2;opacity: .7}
.banner .slide-banner .pagBa{position: absolute;;bottom: .4rem;z-index: 5;width:100%;left: 0;text-align: center;height: .3rem}
.banner .slide-banner .pagBa span{width: .25rem;height:.25rem;display:inline-block; opacity: 1;margin: 0 .1rem;position: relative;position: relative;vertical-align: middle;background: url(../images/dot.svg) no-repeat center;background-size: 100% 100%;transition: .3s}
.banner .slide-banner .pagBa span:before{content: '';width: 0;height: 1px;display: inline-block;vertical-align: middle;background: rgba(255,255,255,.5);top: 50%;position: absolute;right: .32rem}
.banner .slide-banner .pagBa span:after{content: '';width: 0;height: 1px;display: inline-block;vertical-align: middle;background: rgba(255,255,255,.5);top: 50%;position: absolute;left: .32rem}
.banner .slide-banner .pagBa span.swiper-pagination-bullet-active:before{width: .25rem;transition: .3s}
.banner .slide-banner .pagBa span.swiper-pagination-bullet-active:after{width: .25rem;transition: .3s}
.banner .slide-banner .pagBa span.swiper-pagination-bullet-active{margin: 0 .35rem;background: url(../images/doton.svg) no-repeat center;background-size: 100% 100%;}



.intit{}
.intit .h4 span{font-size: .4rem;position: relative;z-index: 2}
.intit .h4 em{font-size: .36rem;font-family: 'Arial';color: rgba(51,51,51,.12);position: absolute;top: 65%;left: 0;z-index: 0;line-height: 1em}
.intit .more{top: .1rem;position: absolute;right: 0;}
.intit .more a{display: inline-block;line-height: .3rem;color: #888}
.intit .more a i{display: inline-block;width: .32rem;height: .32rem;border: 1px solid rgba(0,0,0,.5);border-radius:59%;margin-right: .2rem;position: relative;vertical-align: -.1rem}
.intit .more a i:before{position: absolute;right: -.12rem;color: rgba(0,0,0,.5);font-size: .2rem}
.intit .more a:hover{color: #00abba}
.intit .more a:hover i{border: 1px solid #00abba;}
.intit .more a:hover i:before{color: #00abba;}
.homea{background: #ebeef7}



.homeaa{padding: 0 .5rem;max-width: 1920px;margin: 0 auto;margin-bottom: .9rem}
.homeaa ul li{width: calc(33.33333% - .15rem);text-align: center;height: 2.2rem;position: relative;box-shadow: 0 5px 10px #e1f6ff}
.homeaa ul li .show{height: 100%;position: relative;}
.homeaa ul li .show:before{content: '';height:4px;width: 100%;background: linear-gradient(to right,#33ccff 0%,#008dcd 100%);position: absolute;left: 0;top:0}
.homeaa ul li .show p{font-size: .24rem;color: #00abba}
.homeaa ul li .show i{display: block;margin: 0 auto .15rem;width: .5rem}
.homeaa ul li .hide{position: absolute;top: 0;left: 0;right: 0;bottom: 0;font-size: .28rem;color: #fff;opacity: 0;visibility: hidden;transition: .3s}
.homeaa ul li .hide:before{content: '';height:.1rem;width: 100%;background: linear-gradient(to right,#33ccff 0%,#008dcd 100%);position: absolute;left: 0;top: -.07rem}
.homeaa ul li .hide:after{content: '';position: absolute;left: .24rem;top:.28rem;right: .24rem;bottom: .24rem;border: 1px solid rgba(255,255,255,.3)}
.homeaa ul li:nth-child(1) .hide{background: url(../images/ibgg1.jpg) no-repeat center;background-size: cover}
.homeaa ul li:nth-child(2) .hide{background: url(../images/ibgg2.jpg) no-repeat center;background-size: cover}
.homeaa ul li:nth-child(3) .hide{background: url(../images/ibgg3.jpg) no-repeat center;background-size: cover}
.homeaa ul li:nth-child(1) .show{background: url(../images/i1bg.jpg) no-repeat center;background-size: cover}
.homeaa ul li:nth-child(2) .show{background: url(../images/i2bg.jpg) no-repeat center;background-size: cover}
.homeaa ul li:nth-child(3) .show{background: url(../images/i3bg.jpg) no-repeat center;background-size: cover}
.homeaa ul li:hover .hide{opacity: 1;visibility: inherit;}
.homeab{max-width: 1920px;margin: 0 auto;padding: .9rem 0}
.homeab:before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 37.5%;background: url(../images/a1.jpg) no-repeat center;background-size: cover}
.homeab .intit .h4 span{color: #fff}
.homeab .intit .h4 em{color: rgba(255,255,255,.15);/* text-transform: uppercase; */}
.homeab .intit .h4{margin-bottom: 1rem}
.homeab  .intit .more{position: relative;}
.homeab  .intit .more a{color: rgba(255,255,255,.7)}
.homeab  .intit .more a i{border: 1px solid rgba(255,255,255,.5);}
.homeab  .intit .more a i:before{color: rgba(255,255,255,.7);}
.homeab  .intit .more a:hover{color: rgba(255,255,255,1)}
.homeab  .intit .more a:hover i{border: 1px solid rgba(255,255,255,1);}
.homeab  .intit .more a:hover i:before{color: rgba(255,255,255,1);}
.homeab .aleft{width: 2.15rem}
.homeab .aright{width: calc(100% - 2.8rem)}
.homeab .aright ul li{width: calc(50% - .1rem)}
.homeab .aright ul li .pic{height: 3.85rem}
.homeab .aright ul li .txt{position: absolute;z-index: 3;color: #fff;left: .4rem;bottom: .4rem;right: .4rem}
.homeab .aright ul li .txt h4{font-size: .22rem;margin-top: .1rem}
.homeab .aright ul li .txt span{font-size: .12rem;text-transform: uppercase;}
.homeab .aright ul li:nth-child(2) .txt{bottom: 45%;left: .6rem}
.homeab .aright ul li:nth-child(2) .txt span{font-size: .18rem}
.homeb{padding: .8rem 0;background: url(../images/cbg.jpg) no-repeat center;background-size: cover}
.homeb .intit{width: 46.7%;position: absolute;top: 0}
.homeb .intit .h4 em{white-space: nowrap}
.homeb .aleft{width: 46.7%;padding-top: 1rem}
.homeb .aright{width: calc(53.3% - .3rem)}
.homeb .aleft ul li .pic{height: 4.35rem}
.homeb ul li .txt{position: absolute;z-index: 3;color: #fff;left: .4rem;bottom: .4rem;right: .4rem;top:.4rem;text-align: center;}
.homeb ul li .txt h4{font-size: .28rem;margin-bottom: .1rem}
.homeb ul li .txt span{text-transform: uppercase;}
.homeb .aright ul li:nth-child(1) .pic{height:3.3rem;}
.homeb .aright ul li:nth-child(2) .pic{height:2.5rem;}
.homeb .aright ul li:nth-child(3) .pic{height:4rem;width: 2.8rem}
.homeb .aright ul li:nth-child(1) {margin-bottom: .3rem;width: 4.6rem}
.homeb .aright ul li:nth-child(2) {width: 4.1rem}
.homeb .aright ul li:nth-child(3) {position: absolute;right: 0;bottom: 0;z-index: 3}
.homeb .aright ul li:nth-child(3) .txt h4{font-size: .22rem}


.homec{background: url(../images/dbg.jpg) no-repeat center;background-size: cover;padding: .6rem 0;position: relative;min-height: 5.8rem}
.homec .intit{margin-bottom: 1rem}
.homec .intit .h4 em{left: 50%;transform: translateX(-50%);white-space: nowrap;}
.homec .intit .more{position: absolute;right: 0;bottom: 0;top: auto}
.homec .txt{color: #003366;line-height: 2em;text-indent: 2em}
.homec .wp{padding-bottom: .6rem;max-width: 11rem;}

.homed{background: url(../images/ebg.jpg) no-repeat center;background-size: cover;color: #fff;padding: .8rem 0}
.homed .calendar dt{padding-right: .25rem}
.homed .calendar dt .current{cursor:pointer;position:relative}
.homed .calendar dt .year-m:hover .dropdown-toggle:after{transform:rotate(180deg);vertical-align:.02rem}
.homed .calendar dt .year-m:hover ul{display:block}
.homed .calendar dt .year-m ul{background:#fff;color:#555;padding:.1rem 0;max-height:1.6rem;overflow:auto;width:1.3rem;position:absolute;right:0;top:100%;box-shadow:0 0 .1rem rgba(0,0,0,.1);display:none;z-index:5}
.homed .calendar dt .year-m ul::-webkit-scrollbar{width:.05rem}
.homed .calendar dt .year-m ul::-webkit-scrollbar-thumb{border-radius:.1rem;background:#999}
.homed .calendar dt .year-m ul::-webkit-scrollbar-track{border-radius:.1rem;background:#ddd}
.homed .calendar dt .year-m ul li{font-size:.14rem;padding:.1rem .1rem;cursor:pointer}
.homed .calendar dt .year-m ul li:hover{background:#eee}
.homed .dropdown-toggle:after{content:"\e600";font-family:swiper-icons!important;font-size:.12rem;font-style:normal;-webkit-font-smoothing:antialiased;margin-left:.05rem;display:inline-block;transition:transform .3s;height:.12rem;width:.12rem;line-height:.12rem}
.homed .calendar{width:39.4%;position: relative;right: -.25rem;background: rgba(255,255,255,0);}
.homed .calendar dt{}
.homed .calendar dt .ctit span{font-size: .32rem;font-weight: bold;line-height: 1em;}
.homed .calendar dt .current{cursor:pointer;position: relative;line-height: .3rem;}
.homed .calendar dt .sbtn{width: .4rem;height: .3rem;text-align: center;line-height: .3rem;color: #d3a243;cursor: pointer;}
.homed .calendar dt .prev{}
.homed .calendar .calendar-content table{width: 100%;text-align: center;}
.homed .calendar .calendar-content th{color:#fff;padding: .1rem 0;font-weight: normal;}
.homed .calendar .calendar-content td {vertical-align: middle;cursor: pointer;padding: 2px 0}
.homed .calendar .calendar-content td span{width: .35rem;height: .35rem;line-height: .35rem;padding: 0;display: inline-block;}
.homed .calendar .calendar-content td.day-this span{cursor: pointer;}
.homed .calendar .calendar-content td.calendar-selected{background-color:#00f7de}
.homed .calendar .calendar-content .day-next,.homed .calendar .calendar-content .day-prev {color: #bbb;}
.homed .calendar .calendar-content .day-next .calendar-has span,.homed .calendar .calendar-content .day-prev .calendar-has span {border-bottom: 2px solid #ddd;color: #bbb}
.homed .calendar .calendar-content .calendar-this span{background: #ceab59;background-size: 100% auto;
 color: #fff!important;border-radius: 50%;border: 0!important;}
.homed  .calendar .calendar-content .calendar-has span{color: #e4bb6c;border: 1px solid #fff;border-radius:50%;line-height: .33rem}
.homed  .calendar .calendar-content .curyear{position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: 0;font-size: 2rem;color: #e3e9f8;font-weight: bold;pointer-events: none;line-height: 1em;letter-spacing: -.1em}

.cal-slidep{margin-bottom: .2rem}
.cal-slidep .swiper-slide .txt{width: 58%;padding-top: 1rem}
.cal-slidep .swiper-slide .txt .ctime{width: 1.2rem;height: 1.55rem;border: 1px solid #fff;text-align: center;}
.cal-slidep .swiper-slide .txt .ctime .cday{font-size: .48rem;font-family: 'Arial'}
.cal-slidep .swiper-slide .txt .ctime .cweek{margin-top: .15rem}
.cal-slidep .swiper-slide .txt .info{width: calc(100% - 1.8rem)}
.cal-slidep .swiper-slide .txt .info h4 {font-size: .24rem;color: #fff;line-height: 1.5em;margin-bottom: .15rem}
.cal-slidep .swiper-slide .txt .info h4 a{color: #fff;max-height: .72rem\0;display: block\0;}
.cal-slidep .swiper-slide .txt .info p{color: #ccffff;padding: .05rem 0}
.cal-slidep .swiper-slide .txt .info p.dtime{background: url(../images/time.png) no-repeat left center;padding-left: .3rem}
.cal-slidep .swiper-slide .txt .info p.dwz{background: url(../images/wz.png) no-repeat left center;padding-left: .3rem}
.cal-slidep .swiper-slide .pic{height: 2.95rem;width: 36.4%}
.homed .aleft {width: 58%;border-top: 3px solid #2da2da;padding-top: .2rem}
.homed .aleft .list li{border-bottom: 1px dashed #35ade0;padding: .25rem 0}
.homed .aleft .list li a{display: flex;justify-content: space-between;flex-wrap: wrap;}
.homed .aleft .list li a time{width: 2.05rem;padding-right: .3rem;font-size: .15rem;color: rgba(255,255,255,.8);}
.homed .aleft .list li a h4{width: calc(100% - 2.05rem);padding-left: .3rem;font-size: .18rem;color: #fff;border-left: 1px solid #35ade0}

.homed .intit{width:58%;position: absolute;top: 0;left: 0;z-index: 10 }
.homed .intit .h4 em{color: rgba(255,255,255,.15);}
.homed .intit .more a{color:#fff;opacity: .7}
.homed .intit .more a:hover{opacity: 1}
.homed .intit .more a i{color: #fff;border-color:#fff }
.homed .intit .more a i:before{color: #fff!important}

#pacanwas-js {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;}
.homee{background: url(../images/fbg.jpg) no-repeat bottom center;background-size: cover;padding: .6rem 0 1.1rem}
.homee .intit{margin-bottom: .4rem}
.homee .aleft{width: 32.8%}
.homee .aright{width: 62.1%}
.homee .aright .item{width: 53%}
.homee .aright .list{width: 42%}
.homee .aright .item .pic{height: 2.95rem}
.homee .aright .item .txt{height: 2.35rem;background: #fff;padding: .2rem .3rem;border-bottom: 3px solid #00abba}
.homee .aright .item .txt h4{font-size: .18rem;line-height: 1.5em;font-weight: bold;margin-bottom: .15rem;max-height: .54rem\0;}
.homee .aright .item .txt p{font-size: .14rem;line-height: 1.6em;margin-bottom: .2rem;color: #666;max-height: .66rem\0;}
.homee .aright .item .txt time{color:  #00abba;font-size: .15rem}
.homee .aright .list{}
.homee .aright .list li{border-bottom: 1px solid #c5c5c5;padding-bottom: .14rem;margin-bottom: .14rem}
.homee .aright .list li h4{line-height: 1.8em;max-height: .56rem\0;margin-top: .05rem}
.homee .aright .list li time{color:  #00abba;font-size: .15rem}
.homee .aright .list li:last-child{border-bottom: 0}

.homee .aleft .list{height:5.3rem ;background: #fff;padding: .15rem 0}
.homee .aleft .list li{padding-left: .3rem;position: relative;}
.homee .aleft .list li:before{content: '';width: 3px;height: 0;background: #00abba;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: .3s}
.homee .aleft .list li:hover:before{height: .5rem;}
.homee .aleft .list li a{display: flex;justify-content: space-between;}
.homee .aleft .list li .time{width: .8rem;padding-top: .2rem;font-family: 'Arial';padding-right: .2rem;text-align: center;font-size: .14rem}
.homee .aleft .list li .time span{display: block;font-size: .36rem}
.homee .aleft .list li .txt{width: calc(100% - .8rem);border-bottom: 1px solid #ddd;padding: .22rem .3rem .22rem 0}
.homee .aleft .list li .txt h4{line-height: 1.8em;max-height: .56rem\0;}
.homee .aleft .list li:last-child .txt{border-bottom: 0}


.homef{position: relative;}
.homef .intit{position: absolute;top: .5rem;z-index: 4;color: #fff;width: 100%}
.homef .intit .h4 em{color: rgba(255,255,255,.4);}
.homef .wp{position: }
.homef .slide-v .pic{position: relative;z-index: 5;left: 13%;top: 30%;height: 1.65rem}
.homef .slide-v .bgimg{height: 7.7rem;display: block;position: relative;}
.homef .slide-v .bgimg:before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 2}
.homef .slide-vs{position: absolute;width: 5.6rem;bottom: 1rem;z-index: 3;right: 13%}
.homef .slide-vs .bgimg{height:2rem;display: block;border: 7px solid rgba(255,255,255,.7) }
.homef .slide-v .bgimg:after{content: '';position: absolute;left: 50%;top: 50%;z-index: 2;background: url(../images/play.png) no-repeat center;background-size: 100% 100%;width: .52rem;height: .52rem;margin-left: -.26rem;margin-top: -.26rem;opacity: 0}
.homef .slide-vs .bgimg:before{content: '';position: absolute;left: 50%;top: 50%;z-index: 2;background: url(../images/play.png) no-repeat center;background-size: 100% 100%;width: .52rem;height: .52rem;margin-left: -.26rem;margin-top: -.26rem}
.homef .slide-vs h4{text-align: center;color: #fff;margin-top: .05rem;opacity: 0;position: absolute;}
.homef .slide-vs .swiper-slide-active h4{opacity:1;position: relative;}

.homef .slide-vs .swiper-slide .bgimg:before{opacity:0}
.homef .slide-vs .swiper-slide-active .bgimg:before{top: 45%;opacity: 1}
.homef .slide-vs .bgimg img{display: none }
.homef .pga{position: absolute;bottom: .3rem;left: 50%;z-index: 5;max-width: 14rem;transform: translateX(-50%);width: 90%}
.homef .pga span {position: relative;background: rgba(255,255,255,.3);height: 5px;opacity: 1;border-radius: 0;width: 15%}
.homef .pga span i {position: absolute;left: 0;top: 0;bottom: 0;width: 0;background: #00abba;display: none;}
.homef .pga span.swiper-pagination-bullet-active i {display: block;}


@media (max-width: 1400px){
.homef .slide-v .pic{left: 5%;}	
.homef .slide-vs{right: 5%}
}

@media (max-width:1024px){
.homef .slide-v .pic{left: 5%;}	
.homef .slide-vs{right: 5%}

.homeaa ul li .show p{font-size: .22rem}
.homeaa ul li .hide{font-size: .24rem}
.homec{min-height: inherit;}

.homef .slide-vs{display: none}
.homef .slide-v .bgimg{height: 60vw}
.homef .slide-v .bgimg:after{opacity: 1}
.homeb .intit{width: 100%;position: relative;}
.homeb .aleft{width: 100%;padding-top: .5rem;margin-bottom: .2rem}
.homeb .aright{width: 100%}
.homeb .aleft ul li .pic{height: 50vw}
.homeb .aright ul li:nth-child(1){width: 55%;margin-bottom: .2rem}
.homeb .aright ul li:nth-child(2){width: 55%}
.homeb .aright ul li:nth-child(3){width: 42%}
.homeb .aright ul li:nth-child(3) .pic{width: 100%;height: calc(60vw + .2rem)}
.homeb .aright ul li:nth-child(1) .pic{height: 30vw}
.homeb .aright ul li:nth-child(2) .pic{height: 30vw}
}

@media (max-width:900px){
.vis1 {
    font-size: .2rem;
    position: relative;
    z-index: 2;
    color: white;
}
.homeaa{padding: 0 }
.homeab:before{width: 45%}
.homeab .aright ul li{width: 100%}
.homeab .aright ul li:nth-child(1){margin-bottom: .3rem}
.homeaa ul li .hide:after{left: .14rem;top: .18rem;right: .14rem;bottom: .14rem}

.homeaa ul{display: block;overflow-x:auto;overflow-y:hidden;white-space: nowrap; }
.homeaa ul li{display: inline-block;min-width: 51vw;height: 22vw}

.homed .intit{position: relative;width: 100%;margin-bottom: .5rem}

.cal-slidep .swiper-slide .pic{width: 100% ;height: 50vw;order: 1}
.cal-slidep .swiper-slide .txt{width: 100% ;padding-top: .3rem;order: 2}

.homed .aleft{width: 100%;order: 2}
.homed .calendar{width: 100%;right: 0;order: 1;border-top: 3px solid #2da2da;
    padding-top: .2rem;;padding-bottom: .3rem}

.homee .aleft{width: 100%;margin-bottom: .4rem}
.homee .aright{width: 100%}
.homee .aleft .list{height: auto}
.homee .aleft .list li {padding-top: .2rem ;padding-bottom: .2rem;border-bottom: 1px solid #ddd;padding-right: .3rem}
.homee .aleft .list li:last-child{border-bottom: 0}
.homee .aleft .list li .txt{padding: 0;border-bottom: 0;padding-left: .15rem}
.homee .aleft .list li .txt h4{position: relative;top: 50%;transform: translateY(-50%);}
.homee .aleft .list li .time{padding: 0}
.homee .aleft .list li .txt h4{font-size: .18rem}
.homee .aright .list li h4{font-size: .18rem}
.homee .aright .item{width: 100%;margin-bottom: .3rem}
.homee .aright .item .pic{height: 50vw}
.homee .aright .item .txt h4{font-size: .2rem}
.homee .aright .item .txt p{font-size: .15rem}
.homee .aright .item .txt{height: auto;padding: .25rem .3rem}

.homee .aright .list{width: 100%}
.homee{padding: .6rem 0 .8rem}

.homef .intit{top: .3rem}
.homef .slide-v .bgimg{height: 70vw}
.homef .slide-v .pic{height: 15vw;top: 40%}
.homef .slide-v .bgimg:before{background: rgba(0,0,0,.3);z-index: 2}
}
@media (max-width:640px){
	.intit .h4 span{font-size: 7vw}
.homeaa{margin-bottom: .5rem}
.intit .h4 em{font-size: 5vw}
.banner .slide-banner .pagBa{bottom: .15rem}
.homeaa ul li{height: 28vw}
.homeaa ul li .show p{font-size: .2rem}
.homeaa ul li .hide{font-size: .2rem}
.homeaa ul li .show i{width: .4rem}
.homeab:before{width:100%;bottom: auto;height: 40%}
.homeab .aleft{width: 100%}
.homeab{padding: .5rem 0 .65rem}
.homeab .aleft .intit .more{position: absolute;}
.homeab .aright{width: 100%}
.homeab .intit .h4{margin-bottom: .5rem}
.homeab .aright ul li .pic{height: 55vw}
.homec .intit{margin-bottom: .5rem}

.cal-slidep .swiper-slide .txt .ctime{display: none}
.cal-slidep .swiper-slide .txt .info{width: 100%}
.homed{padding: .6rem 0 .7rem}
.homed .aleft .list li a time{width: 100%;font-size: .16rem}
.homed .aleft .list li a h4{width: 100%;padding-left: 0;border-left: 0;margin-top: .1rem;font-size: .2rem}
.homee .aright .list li time,.homee .aright .item .txt time{font-size: .16rem}
.homee{padding: .6rem 0 .4rem}
.homee .aleft .list li{padding-left: .1rem;padding-right: .3rem}

.homee .aright .list li h4,.homee .aleft .list li .txt h4{font-size: .19rem}

.homeb ul li .txt h4{font-size: .24rem}
.homeb .aright ul li:nth-child(3) .txt h4{font-size: .2rem}
.homeb ul li .txt{left: .3rem;right: .3rem;}
}