html, body {position: relative;height: 100%;}
.swiper-container { width: 100%;height: 100%;}
.swiper-slide {text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;
 display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;
 -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative;}

.slideBox{ position:relative; width:100%;  height:100%; overflow:hidden;}
.slideBox .hd{ position:absolute; width:100%; bottom:55%; right:0%; z-index:1; height: 0; text-align:center;}
.slideBox .hd li{ display:inline-block; width:7px; height:7px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; border: solid 1px #f3c692; text-indent:9999px; overflow:hidden; margin:0 3px;display: none /* opacity:0.4 ;*/}
.slideBox .hd li.on{  border: solid 1px #0143a6;width:8px; height:8px;border-radius:8px;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; height: 100vh;}
.slideBox .bd li img{ width:100%;  height: 100%; object-fit: cover;position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px
      }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }
.slideBox .prev{ width: 50px; height: 70px;float: left; display: none; border: solid 1px red}
.slideBox .next{ width: 50px; height: 70px; float: right;display: none; border: solid 1px red}

.swiper-pagination{ width: 50px;text-align: center;}
.swiper-pagination-bullet{width: 50px; height: 38px; font-size: 0; background: url(../images/dd.png) no-repeat 80% center; border-radius: initial; text-indent: 50% }
.swiper-pagination-bullet-active{ color: #fff; font-size: 24px; background: none; background: url(../images/bt.png)  no-repeat bottom left; background-size: 100% auto;}
.swiper-container-vertical>.swiper-pagination-bullets{ left: 9%;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0}
.slideBox .bd li .ba2{display: none}

.wz-box{ position: absolute; left: 25.4%; top: 50%; margin-top: -111px; text-align: left}
.wz-box h3{ font-size: 30px; color: #fff; font-weight: bold; position: relative; margin-bottom: 6px;   }
.wz-box h4{font-size: 18px; color: #fff; position: relative;}
.wz-box h5{font-size: 92px; color: #fff; font-family: "Impact Regular" ; position: relative; }

.dh1{animation: dh1 1s  }
.dh2{ animation: dh2 1.5s }
.dh3{animation: dh3 2s }

@keyframes dh1{
    0%{ left: -100%; opacity: 0;}
    100%{ left: 0; opacity: 1;}
}
@keyframes dh2{
    0%{ left: -100%;opacity: 0;}
    100%{ left: 0; opacity: 1;}
}
@keyframes dh3{
    0%{ left: -100%;opacity: 0;}
    100%{ left: 0; opacity: 1;}
}






.shu-box{ position: absolute; left: 50%; bottom: 26px; z-index: 99; margin-left: -42px; }
.shu-c{ position: relative;animation: hdong 2s infinite; }
.shu-box img{ width: 27px ; height: auto;}
.shu-box h4{ font-size: 14px; color: #fff}

@keyframes hdong{
    0%{ top:-6px}
    20%{ top: -4px}
    40%{ top: -2px}
    60%{ top: 0px}
    80%{ top: -4px}
    100%{ top: -6px}
}




/* 第2屏 */
.yw-box{ width: 100%; height: 100%;}
.yw-l{ width: 28.5% ; height: 100%; float: left; position: relative; display: flex;align-items: center;object-fit:cover; overflow: hidden;}
.yw-r{ width: 71.5% ; height: 100%;float: left;object-fit:cover}

.yw-l .bus1{ position: absolute; right: 9% ;}
.yw-l .bus2{ display: none}

.yw-txt{ width: 820px;  text-align: left; margin-left: 6%;  margin-top: 10vh}
.yw-txt h3{ width: 100% ; height: 32px ;line-height: 32px; font-size: 30px; color: #fff; white-space:nowrap;  text-overflow:ellipsis; overflow: hidden; margin-bottom: 18px;}
.yw-txt p{ width: 100% ; height: 60px ;line-height: 20px; font-size: 14px; color: #aea9ab;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}


.slideBox2{ position:relative; width:700px; margin-left: 6%; margin-top: 7vh;   height:auto; overflow:hidden;}
.slideBox2 .hd{ width:98%; height:14px; line-height:14px; text-align:right; }
.slideBox2 .hd li{ display:inline-block; width:19px; height:13px;  -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; background-color: #8a0217; text-indent:9999px; overflow:hidden; margin:0 5px;/* opacity:0.4 ;*/}
.slideBox2 .hd li.on{background:#301672; width: 46px; }
.slideBox2 .bd{ position:relative; z-index:0; }
.slideBox2 .bd li{ position:relative;  }
.slideBox2 .bd li .ys-box{ width: 100% ; overflow: hidden;}
.slideBox2 .bd li .ys-box .ys{ width: calc(50% - 3%); height: auto; position: relative;float: left; text-align: center;  margin-bottom: 73px; overflow: hidden;}
.slideBox2 .bd li .ys-box .ys img{ width: 100%; height: auto}
.slideBox2 .bd li .ys-box .ys h3{ width:100%; height: 43px; line-height: 43px ; background: rgba(8, 3, 22, 0.88); position: absolute; left: 0; bottom: 0; font-size: 16px; text-align: center; color: #fffdfe}
.slideBox2 .bd li .ys-box .ys:nth-child(even){float: right}

.slideBox2 .bd li .ys-box .ys .zhe{ width: 100% ; height: 100%; position: absolute; left: 0; bottom: 0;background: rgba(8, 3, 22, 0.5); text-align: center; display: none;  overflow: hidden;}
.slideBox2 .bd li .ys-box .ys .zhe h4{ width: 90%; margin: 0 auto; height: 18px; line-height: 18px; font-size: 16px; color: #fffdfe; font-weight: bold; margin: 25% 0 6px 0; overflow: hidden;}
.slideBox2 .bd li .ys-box .ys .zhe h5{ width: 90%; margin: 0 auto; height: 16px; line-height: 16px; font-size: 14px; color: #fffdfe;  overflow: hidden;}

.slideBox2 .bd li .ys-box .ys:hover .zhe{animation: bot 0.7s; display: block}
.slideBox2 .bd li .ys-box .ys:hover h3{ display: none}


/* 自定义 */
.left{ animation: left 1s}

@keyframes bot{
    0%{ bottom:-100% ;}
    100%{bottom:0}
}
@keyframes left{
    0%{ top:-100% ; opacity: 0;}
    100%{top:0 ; opacity: 1;}

}


/* 第3屏 */
.cp-box{ width: 100% ; height: 100%;}
.cp-l{ width: 100%; height: 23%;background: -webkit-linear-gradient(bottom,#5e364e,#4f1d43); overflow: hidden; display: none}
.cp-l .ttb{ width: 890px; height: 100%; margin: 0 auto;}
.cp-l .ttb h3{ width: 100% ; text-align: right ; font-size: 30px; color: #fff; margin-top: 80px}
.cp-l .ttb p{ width: 100% ; text-align: right ; font-size: 36px; color: #998390 ;text-transform: uppercase}

.cp-r{ width: 100% ; height: 100%; overflow: hidden;}
.cp-c{ width: 1200px; margin: 0 auto; height: 100%;}
.cp-c .ttb{ width: 100%;  padding: 12vh 0 5vh 0}
.cp-c .ttb h3{ width: 100% ; text-align: right ; font-size: 30px; color: #fff; }
.cp-c .ttb p{ width: 100% ; text-align: right ; font-size: 36px; color: #998390 ;text-transform: uppercase;letter-spacing:5px;}

.slideBox3{ position:relative; width:100%;   height:auto; overflow:hidden;}
.slideBox3 .hd{ width:100%; height:14px; line-height:14px; text-align:center; }
.slideBox3 .hd li{ display:inline-block; width:19px; height:13px;  -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; background-color: #8a0217; text-indent:9999px; overflow:hidden; margin:0 5px;/* opacity:0.4 ;*/}
.slideBox3 .hd li.on{background:#301672; width: 46px; }
.slideBox3 .bd{ position:relative; z-index:0; }
.slideBox3 .bd li{ position:relative; ; overflow: hidden; }
.slideBox3 .bd li .ys-box{ width: 100% }
.slideBox3 .bd li .ys-box .ys{ width: calc(33.33% - 2.6%); height: auto; position: relative;float: left; text-align: center;  margin-bottom: 30px; margin-right: 2.6%; overflow: hidden;}
.slideBox3 .bd li .ys-box .ys a{ width: 100% ; height: 100%;display: block; overflow: hidden;}
.slideBox3 .bd li .ys-box .ys img{ width: 100%; height: auto ;transition: all 1.1s}
.slideBox3 .bd li .ys-box .ys h3{ width:100%; height: 38px; line-height: 38px ; background: rgba(238, 198, 63, 0.8); position: absolute; left: 0; bottom: 0; font-size: 16px; text-align: center; color: #fffdfe ;animation: bottom 0.7s;display: none}
.slideBox3 .bd li .ys-box .ys:nth-child(3){margin: 0;float: right}
.slideBox3 .bd li .ys-box .ys:nth-child(6){margin: 0;float: right}
.slideBox3 .bd li .ys-box .ys:nth-child(2){ margin-left: 1.3%}
.slideBox3 .bd li .ys-box .ys:nth-child(4){ margin-left: 1.3%}
.slideBox3 .bd li .ys-box .ys:hover img{transform: scale(1.1);}
.slideBox3 .bd li .ys-box .ys:hover h3{animation: bottom 0.4s; display: block }


@keyframes bottom{
    0%{ bottom:-100% ; opacity: 0;}
    100%{bottom:0 ;opacity: 1;}
}

.cp-l .ttb h3{ margin-top: 72px}


/* 第4屏 */
.news-box{ width: 100% ; height: 100%;}
.news-c{ width: 1266px; margin: 0 auto;}
.titel{ width: 460px;  border-bottom: 2px solid #311672 ; padding: 15vh 0 0 0 ;text-align: left ; margin-left: 19px;}
.titel h3{ font-size: 30px; color: #fff; display: inline-block; border-bottom: 2px solid #f7d45a; padding-bottom: 12px; position: relative;top: 1px}
.titel span{ font-size: 36px; color: #5d595f ; font-family: "微软雅黑 Regular" ; position: relative; left: 30px; top: 6px}

.nws{ width: 100% ; overflow: hidden; padding-top: 8vh}
.nws ul{ width: 100%}
.nws ul li{ width: calc(25% - 25px) ;float: left; margin-right: 19px;}
.nws ul li a{ width: 100%; display: block; padding: 5px ;text-align: left ; padding-bottom: 16px;}
.nws ul li a img{ width: 100% ; height: auto;}
.nws ul li a h3{ width: calc(100% - 12px) ; height: 24px; line-height: 24px; font-size: 20px; color: #baa04d; border-left: 3px solid #32176f; white-space:nowrap;  text-overflow:ellipsis; padding-left: 9px; margin: 10px 0 3px 0; overflow: hidden;}
.nws ul li a h4{ width: calc(100% - 9px) ; height: 40px; line-height: 20px; font-size: 16px; font-weight: bold; color: #fff ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; padding-left: 9px; margin-bottom: 16px; overflow: hidden;}
.nws ul li a p{ width: calc(100% - 9px) ; height: 36px; line-height: 18px; font-size: 12px; color: #888aa4 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;  padding-left: 9px;overflow: hidden;}

.nws ul li a:hover{ background: -webkit-linear-gradient(bottom,#efc943,#fae28f);}
.nws ul li a:hover h3{color: #fff}
.nws ul li a:hover h4{ color: #cf0b13}
.nws ul li a:hover p{color: #371f1f ;}


/* 第5屏 */
.foot-bj{ width: 100% ; height: 100%; animation:fd 12s infinite 2s; position: absolute; left: 0; top: 0; overflow: hidden;}
.foot-box{width: 100% ; height: 100%;position: absolute; left: 0; top: 0; z-index: 1;}
.foot-c{ width: 1200px; height: 100%; margin: 0 auto; text-align: left;}
.copy-box{ width: 100%; height: 68px; background: rgba(0, 0, 0, 0.44); border-top: 1px solid #2a2134 ; position: absolute; left: 0; bottom: 0; z-index: 2;}
.foot-c .fg{ margin: 20vh 0 0 0;}
.foot-c .fhx{ width: 100% ;border-bottom: 1px solid #483b52 ; padding: 8.7vh 0 3vh 0}
.pho-box{ width: 50%;float: left;}
.pho-box h3{ font-size: 54px; color: #f5c46e; font-family: "Impact Regular"}
.pho-box h4{ font-size: 14px; color: #a6a4a9}
.ewm-box{ width: 94px ;float: right ;text-align: center; margin: 0 10px 0 26px}
.ewm-box .em{ width: 92px; height: 98px; background: url(../images/ewm-bj.png) no-repeat; margin: 0 auto;text-align: center}
.ewm-box .em img{ width: 88px; height: 88px; margin-top: 2px}
.ewm-box h5{ font-size: 12px; color: #a6a4a9}
.lx-box{ width: 100%; ; padding: 8vh 0 0 0}
.lx-l{  width: 31% ;float: left;}
.lx-l h4{ width: 90%; height: 16px; line-height: 16px; font-size: 14px; color: #a6a4a9; margin-bottom: 6px; overflow: hidden;}
.dw-box{ height: 40px; background: url(../images/dw.png) no-repeat left center; padding-left: 35px;float: left; margin-right: 46px; margin-top: 20px}
.dw-box h3{ font-size: 16px; color: #fff ; margin: 0 0 4px 0}
.dw-box h4{font-size: 12px; color: #a6a4a9}
.vr-box{float: right; padding-right: 10px; text-align: center; padding-top: 20px}
.vr-box h5{ font-size: 12px; color: #fff}
.vr-box h5 span{ font-size: 16px; font-weight: bold; color: #ffd791}


.copy-c{width: 1200px; margin: 0 auto;  }
.copy-c h3{ width: 80%; line-height: 68px ; font-size: 14px; color: #dbd5d6 ;float: left; text-align: left}
.copy-c h3 a{ font-size: 14px; color: #dbd5d6 ;}




 .select { width:168px; height:31px; margin-top: 17px;  padding:0 8px;border:1px solid #686868; color: #717171; background: none ;float: right;}
 .select option{ color: #333; padding: 5px 0 ; font-size: 14px;}


 @keyframes fd {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}



.lx-box2{ width: 100%; text-align: center ; padding-top: 8vh}
.dw-box2{ height: 40px; background: url(../images/dw.png) no-repeat left center; padding-left: 35px;margin-top: 16px; display: inline-block; margin-bottom: 9px;}
.dw-box2 h3{ line-height: 40px; font-size: 16px; color: #fff ; margin: 0 0 4px 0}
.lx-box2 h4{ width: 100%; font-size: 22px; color: #a09ca4; margin-top: 4px;}

.bottom-box{display: none}
.lx-box2{display: none}



@media all and (-ms-high-contrast:none){


    .wz-box{position: absolute; left: 25.4% ;top: 25vw}
}
.ba1{height: 100vh}
/* 5.18 */
.slideBox3 .bd li .ys-box .ys:nth-child(4){ margin-left: 0; }
.slideBox3 .bd li .ys-box .ys:nth-child(5){ margin-left: 1.3%; }