@charset "utf-8";

@media screen and (max-width:1999px){
	html{font-size: 100px !important;}
}
@media screen and (max-width:1399px){
	html{font-size: 95px !important;}
}
@media screen and (max-width:1024px){
	html{font-size: 90px !important;}
}
@media screen and (max-width:900px){
	html{font-size: 85px !important;}
}
@media screen and (max-width:640px){
	html{font-size: 85px !important;}
}
@media screen and (max-width:480px){
	html{font-size: 80px !important;}
}
@media screen and (max-width:375px){
	html{font-size: 70px !important;}
}
@media screen and (max-width:360px){
	html{font-size: 80px !important;}
} 
@media screen and (max-width:350px){
	html{font-size: 70px !important;}
} 



.main-visual-wrapper{width: 100%;overflow: hidden;position: relative;}
.main-visual-slider {
	overflow:hidden;
	width: 100vw;
	height: 100vh;
	/* background-color:#000; */
	position: relative;
}
.main-visual-slider .swiper-slide {
	overflow: hidden;
	color: #fff;
}
.main-visual-slider .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    background: -moz-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#c9000000', GradientType=0);
    transition: all 2.5s ease;
}
.main-visual-slider .swiper-slide-duplicate-active .overlay,
.main-visual-slider .swiper-slide-active .overlay {
    opacity: .7;
}
.main-visual-slider .swiper-slide .visual-img{position:absolute;top:0px;left:0px;bottom:0px;right:0px;width:1649px;height: 100%;width:100%;/* background-size:cover !important; */}
.main-visual-slider .swiper-slide .visual-img a{display: block;width: 100%;height: 100%;}
.main-visual-slider .swiper-slide .visual-img img, .main-visual-slider .swiper-slide .visual-img video{width:100%;height:100%;object-fit: cover;}
.main-visual-slider .swiper-container {
	width: 100%;
	height: 100%;
	position: relative;
	left: 0;
	top: 0;
}
.main-visual-slider .slide-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
}
.banner .slide-banner .swiper-slide .bat{position: absolute;height: .7rem;top:50%;transform: translateY(-50%);z-index: 3;}
.banner .slide-banner .swiper-slide .bat1{ right: 110%}
.banner .slide-banner .swiper-slide .bat2{ left: 110%}
@media screen and (max-width: 1200px){
.banner .slide-banner .swiper-slide .bat{height: .3rem;/* left: 50%; *//* top:45%; *//* transform: translateX(-50%)  translateY(-50%); */}
}
.main-visual-slider .swiper-slide .visual-img .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display:flex;align-items: flex-end;padding: 0 0 .3rem 50px; z-index: 1}
.main-visual-slider .swiper-slide .visual-img .txt::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/hei_bg.png) center bottom no-repeat;background-size: 100% 1.4rem;z-index: -1;}
.main-visual-slider .swiper-slide .visual-img .txt h3{font-size: .26rem;color: #fff;width: auto;line-height: 1.375;text-shadow: 0 0 0.3rem rgba(0,0,0,.6);/* background: rgba(0,0,0,.6); *//* padding: .1rem .16rem; */}

.main-visual-slider .swiper-pagination-bullet{width: .42rem;height: .42rem;background: none;opacity: 1;margin: 0 !important;transition: .5s;position: relative;}
.main-visual-slider .swiper-pagination-bullet:before{content:"";position: absolute;width: .13rem;height: .13rem;background: rgba(255,255,255,.7);border-radius: 50%;transition: .5s;top: 50%;left: 50%;margin: -.065rem 0 0 -.065rem;}
.main-visual-slider .swiper-pagination-bullet:after{content:"";position: absolute;width: .31rem;height: .31rem;background: url(../images/banner_dots_on.png) center no-repeat;transition: .5s;left: 50%;top: 50%;margin: -.155rem;opacity: 0;background-size: 100% auto;transform: scale(0);}
.main-visual-slider .swiper-pagination{padding: 0 0;width: 100%;display: flex;justify-content: flex-end; position: relative}
.main-visual-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ opacity: 0}
.main-visual-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ opacity: 1; transform: scale(1)}

.main-visual-slider .swiper-pagination_box{position: absolute;bottom: .35rem;padding-right: .86rem;right: 0;display:flex; align-items: center;z-index: 1;}
.b_m{position: relative;z-index: 1;margin-left: .2rem;}
.b_m:before{ content:""; position: absolute; left: 0; width: 2px; height: .2rem; background: #ffff; opacity: .5; top: 50%; margin-top: -.1rem}
.b_m h6{ display: flex; align-items: center; padding: 0 0 0 .2rem; }
.b_m h6{ font-size: .16rem; color: #fff; white-space: nowrap}
.b_m h6 svg{width: .3rem;height: .3rem;fill: #fff;transform: rotate(-90deg);margin: 0 0 0 0rem;transition: .5s;}


.miso-arrow1_b .miso-arrow1{position: absolute;left: 0;right: 0;z-index: 10;}
.miso-arrow1_b *{ transition: all 0.5s ease 0s;}
.miso-arrow1_b .wp{ display: flex; align-items:  center; justify-content: flex-end;}
.miso-arrow1_b .miso-arrow1{width: .27rem;height: .57rem;border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;overflow: hidden;top: 50%;margin-top: -.28rem;}
.miso-arrow1_b .miso-arrow1 img{width: 100%;height: 100%;opacity: .5;}
.miso-arrow1_b .miso-arrow1.miso-prev1{left: 1.2rem;}
.miso-arrow1_b .miso-arrow1.miso-next1{right: 1.2rem;left: auto;}

.miso-arrow1_b .miso-arrow1:hover img{ opacity: 1}
.miso-arrow1_b .miso-prev1:hover .img2{transform: translate(-50%, -50%) scale(1);opacity: 1;}
.miso-arrow1_b .miso-prev1:hover .img1{transform: translate(calc(-50% - 100%), -50%) scale(0);opacity: 0;}
.miso-arrow1_b .miso-next1:hover .img2{transform: translate(-50%, -50%) scale(1);opacity: 1;}
.miso-arrow1_b .miso-next1:hover .img1{transform: translate(calc(-50% + 100%), -50%) scale(0);opacity: 0;}

.compensate-for-scrollbar{margin-right: 0!important}
.fancybox-iframe, .fancybox-video{object-fit: cover;}

.cursor,.cursor::after{user-select:none;pointer-events:none;mix-blend-mode:difference}
.cursor{width:.8rem;height:.8rem;position:absolute;left:0;top:0;pointer-events:none;z-index:120;visibility:hidden;
    pointer-events: none; cursor: none;text-align: center;border-radius: 50%;font-size: .14rem;}
.cursor .drag{opacity: 0;visibility: hidden;transition: .3s}
.cursor.drag .drag{opacity:1;visibility: visible;}
.cursor.drag:before{display: none}
.cursor.drag { mix-blend-mode: normal;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);width:.8rem;height:.8rem;line-height: .8rem;background: rgba(255, 255, 255, 0.4);}
.cursor:before{content:'';display:block;width:.5rem;height:.5rem;background:#fff;border-radius:50%;box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);transition:all .4s cubic-bezier(.3,1.83,.49,.88);display: none\0}
.banner_box1{height: 60vw;position: relative;overflow: hidden; margin-top:0;}
.banner_box1 .miso-arrow1_box .miso-arrow1 {
    width: 0.56rem;
    height: 0.56rem;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 0px rgba(99, 6, 95, 0.15);
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(calc(-0.28rem - 0.25rem));
    right: 0;
    /* display: none; */
}
banner_box1s{ overflow: hidden;}
.banner{overflow: hidden; /*position: fixed;*/ overflow: hidden;top: 0;left: 0;width: 100vw;height: 60vw;z-index: 0;}
.banner .pubSvg{position: absolute;height: 86vh;left: 50%;transform:translateX(-50%) translateY(-50%);top: 56%;z-index: 5;pointer-events: none;max-height: 86vh;}
.banner .pubSvg svg{height: 100%;max-width: 100%;display: flex;justify-content: center;}
.banner .pubSvg svg:last-child{ position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.banner .scSvg{position: absolute;right: 0;width: calc((100vw - 16rem) / 2 + 16rem);bottom: -2.3rem;z-index: 6}
.banner .scSvg img{width: 100%}
.banner .scDown{position: absolute;bottom: .2rem;z-index: 10;left: 50%;transform:translateX(-50%);color: #fff;font-size: .14rem}
.banner .scDown i{display: block;width:23px;height: 33px;animation: up 1.5s linear infinite }
.banner .cls-0{ opacity: .2}
.banner .cls-1{fill:none;stroke:#fff;}.banner .cls-1,.banner .cls-2{fill-rule:evenodd;}.banner .cls-2,.banner .cls-3{fill:#fff;}

.banner .cls-3,.banner .cls-5,.banner .cls-6,.banner .cls-7{stroke:#fff;}.banner .cls-6{stroke-miterlimit:10;}.banner .cls-7,.banner .cls-loop{stroke-width:4px;}.banner .cls-loop{stroke:#fff;fill: none;}
.banner .swiper-slide-active .cls-0{ opacity: .4; transition: all 1s linear 6s}

.banner_box1 .miso-arrow1_box.miso-next1{ right: -.3rem; display: flex; align-items: center; justify-content: center}
.banner_box1 .miso-arrow1_box.miso-next1 svg{width: .28rem;height: .28rem;fill:#9B0D14;transform: rotate(-90deg);}
.banner_box1 .miso-arrow1_box.miso-prev1{ left: -.3rem; display: flex; align-items: center; justify-content: center}
.banner_box1 .miso-arrow1_box.miso-prev1 svg{width: .28rem;height: .28rem;fill:#9B0D14;transform: rotate(-90deg);}

.banner_box1 .miso-arrow1_box .swiper-button-prev{left: 4%;margin: 0;}
.banner_box1 .miso-arrow1_box .swiper-button-prev:after{ display: none}
.banner_box1 .miso-arrow1_box .swiper-button-prev svg{width: .28rem;height: .28rem;fill:#9B0D14;transform: rotate(90deg);}

.banner_box1 .miso-arrow1_box .swiper-button-next{right: 4%;margin: 0;}
.banner_box1 .miso-arrow1_box .swiper-button-next:after{ display: none}
.banner_box1 .miso-arrow1_box .swiper-button-next svg{width: .28rem;height: .28rem;fill:#9B0D14;transform: rotate(-90deg);}



@media (max-width: 1024px){
.banner .pubSvg {
    height: 50vw;
}
}
@media (max-width: 1200px){
.banner .pubSvg {
    height: 36vw;
    top: 44%;
}
}



@media(max-width: 435px){
	
	.banner .slide-banner .swiper-slide .bat{height: .24rem;}
} 



/*通知公告*/



.img-ul-img{
width:150px;
height:100px;
float:left;
overflow:hidden;
}
.img-ul-img img{ width:100%; height:100%; object-fit: cover;transition: all 0.3s linear;}
.img-ul-right{
width:calc(100% - 165px);
float:right;
}
.img-ul-tt{ line-height: 35px; height: 70px; font-size:.18rem;margin-bottom:.1rem;
-webkit-line-clamp: 2;
    display: -webkit-box;
    word-break: break-all;
    -webkit-line-clamp: 2;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    -webkit-box-orient: vertical;
}
.img-ul-date{font-size: 14px;}
.text-right {
    text-align: right;
}