@charset "utf-8";
@font-face {
    font-family: 'ssf';
    src: url("FZQKBYSJW.TTF");
}
html {
-ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */
}
body,div,p {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
body {
	width: 100vw;
    height: 100vh;
	*cursor: default;
	overflow: hidden;
	font: 16px/1.5,"Microsoft YaHei";
    color:#000
}
#pageContain {
	overflow: hidden;
}
.contain {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	z-index: 0;
}
.current .contain,.slide .contain {
	display: block;
}
.current {
	display: block;
	z-index: 1;
}
.slide {
	display: block;
	z-index: 2;
}
.swipe {
	display: block;
	z-index: 3;
	transition-duration: 0ms !important;
	-webkit-transition-duration: 0ms !important;
}

/* 页面导航 */
#navBar {
	z-index: 3;
	position: absolute;
	top: 10%;
	right: 3%;
}
#navBar .active {
	background: #ccc;
}
#navBar li {
	cursor: pointer;
	margin-bottom: 10px;
	transition: all .7s ease;
	border-radius: 50%;
	line-height: 0.3rem;
	text-align: center;
	width: 0.3rem;
	height: 0.3rem;
}

/* 箭头 */
.arrow {
-webkit-animation:dong 1s linear 0s infinite;
animation:dong 1s linear 0s infinite;
}
@-webkit-keyframes dong {
from {
    transform:translateX(0.1rem)
}
to {
	transform:translateX(-0.1rem)
}
}
@keyframes dong {
from {
    transform:translateX(0.1rem)
}
to {
	transform:translateX(-0.1rem)
}
}

/* 页面背景 */
.page {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: absolute;
    top: 0;
}
.pagebg{background: rgba(0,0,0,0.4);}
.page2bg{background: rgba(0,0,0,0.8);}

.page0{background: url(../images/1.jpg) no-repeat 50%;
    background-size: 100% 100%;width: 100vw;height: 100vh;overflow: hidden;}
.page1,.page2,.page3{background: url(../images/2.jpg) no-repeat 50%;
    background-size: 100% 100%;width: 100vw;height: 100vh;overflow: hidden;}

/* .page3{
	background: url(../images/04.jpg) no-repeat 50%;
} */


/*.page2_2{background:#AE0000}*/




.page0,.page1,.page3,.page5,.page6,.page7,.page8,.page9,.page10,.page11,.page12,.page13,.page14{
-webkit-background-size:cover;
-moz-background-size:cover;
-ms-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
/*.page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9,.page10,.page11,.page12,.page13,.page14,.page15{
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
background:url(../images/001.jpg) repeat;
}*/

/* 页面元素 */
.contain{overflow:hidden;}
.contain ul {position:absolute; width:100%; height:100%; margin:0; padding:0;}
.contain li img{position:absolute; z-index:10;}



/* 自适应框架（设计图宽度） */
body {
	/* max-width: 8.5rem; */
	margin: 0 auto;
}
body * {
	/* max-width: 8.5rem; */
}
.none{display:none!important;}


.p1s {
	animation: p1ss 1s linear forwards;
	-webkit-animation: p1ss 1s linear forwards;
}

@-webkit-keyframes p1ss {
	0% {
		transform: translateY(-10rem)
	}

	100% {
		transform: translateY(0rem)
	}
}
@keyframes p1ss {
	0% {
		transform: translateY(-10rem)
	}

	100% {
		transform: translateY(0rem)
	}
}

.page1htops {
    animation: page1htop 0.5s linear forwards;
    -webkit-animation: page1htop 0.5s linear forwards;
}

@-webkit-keyframes page1htop {
    0% {
        height: 6.23rem;
        bottom: 0.6rem
    }

    100% {
        height: 8rem;
        bottom: 1.37rem
    }
}

@keyframes page1htop {
    0% {
        height: 6.23rem;
        bottom: 0.6rem
    }

    100% {
        height: 8rem;
        bottom: 1.37rem
    }
}
.page1hbots {
    animation: page1hbot 0.5s linear forwards;
    -webkit-animation: page1hbot 0.5s linear forwards;
}

input::-webkit-input-placeholder {
    color: #000000;
}

input::-moz-input-placeholder {
    color: #000000;
}

input::-ms-input-placeholder {
    color: #000000;
}

@-webkit-keyframes page1hbot {
    0% {
        height: 8rem;
        bottom: 1.37rem
    }
    100% {
        height: 6.23rem;
        bottom: 0.6rem
    }
}

@keyframes page1hbot {
    0% {
        height: 8rem;
        bottom: 1.37rem
    }

    100% {
        height: 6.23rem;
        bottom: 0.6rem
    }
}

.cf:before, .cf:after {
    content: "";
    display: table
}.cf:after{clear:both}.cf{*zoom:1}



.md>div{line-height:240%;min-width:30%;text-align:center;white-space:nowrap;padding:0 1%}
.animated {
    -webkit-animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-duration: 0.5s;
    animation-fill-mode: both;
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        visibility: visible
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

/* 焦点图通用 */
.swiper-container{
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
.swiper-slide{
	text-align:center;

	/* Center slide text vertically */
	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;
    transition-property:all;
}
.swiper-slide img{width:100%; height:100%; object-fit:cover;}
.swiper-slide a{
	display:block;
    width:100%;
    height:100%;
    text-align:center;
	color:#fff;
    line-height:1.5;
	position:relative;
	overflow:hidden;
}
.swiper-slide a h1{
	position:absolute;
	bottom:0;
	width:100%;
	padding:0.05rem;
	font-size:0.18rem;
    font-weight:normal;
	box-sizing:border-box;
	background:rgba(0,0,0,0.6);

    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.swiper-slide i{
	font-size:0.14rem;
    font-style:normal;
    line-height:1.8;
	text-align:justify;
}
.swiper-slide span h1{
    position:relative;
    padding:0.05rem 0;
    font-weight:bold;
    background:none;
}
.swiper-slide span h1 a{display:inline; color:#000; text-align:left;}
.swiper-button-prev,
.swiper-button-next{
	--swiper-navigation-size:0.33rem;
    --swiper-navigation-color:#333;
	outline:none;
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
    --swiper-navigation-color:#c00;
}
.swiper-pagination-bullet{
	width:0.08rem;
	height:0.08rem;
	background:rgba(255, 255, 255, 1);
	opacity:1;
}
.swiper-pagination-bullet-active{
	background:rgba(255, 0, 0, 1);
	opacity:1;
}

/* 焦点图 */
.swiper1{width:81.2vw;margin:2vw auto; position:relative;}
.swiper1 .swiper-button-prev,
.swiper1 .swiper-button-next{
	--swiper-navigation-color:#fff;
}
.swiper1 .swiper-slide{position: relative;width: 100%;}
.ewm{position: absolute;width: 16vw;top: 70.4vw;left: 55vw;}




.page3_con>div{padding:0.2rem 0.2rem;width:5.05rem;}
.page3_con_time{margin-top:0.1rem; text-align:right;}
.page3_con> div:nth-child(odd){background-color: #E4E4E4;} 

.swiper-button-next, .swiper-button-prev{top: 25%;}

.tcenter {
    text-align: center
}
.bgcolor1{background:#C3252A}
.fb{font-weight:bold;}
.t1{color:#6E6E6E}
.t2{color:#44A00D}
.t2 a{color:#44A00D;text-decoration:none}
.t3{color:#FFFFFF}
.t4{color:#FAE5AB}

.f12{font-size:0.6em;}
.f14 {
    font-size: 0.65em;
}
.f16{font-size:0.7em;}
.f18{font-size:0.85em;}
.f20{font-size:0.9em;}
.f22{font-size:0.95em;}
.f24{font-size:1em;}
.f26{font-size:1.05em;}
.f27{font-size:3.6vw;}
.f30{font-size:4vw;}
.f33{font-size:4.4vw;}
.f34{font-size:4.53vw;}
.f36{font-size:1.45em;}
.f40{font-size:5.33vw;}
.lh120{line-height:120%}
.lh138{line-height:138%}
.lh140{line-height:140%}
.lh147{line-height:147%}
.lh150{line-height:150%}
.lh152{line-height:152%}
.lh160{line-height: 160%}
.lh180{line-height:180%}
.lh200{line-height:200%}

.border1{width: 72vw;top: 50%;left: 14vw;transform: translateY(-50%);position: absolute;}
.border2{width: 79.46vw;top: 50%;left: 5.27vw;transform: translateY(-50%);position: absolute;padding: 5vw;background: url(../images/3_4.png) no-repeat;background-size: 100% 100%;height: 126.13vw;}
.border3{width: 89.46vw;top: 50%;left: 5.27vw;transform: translateY(-50%);position: absolute;}
.border4{width: 79.46vw;padding: 5vw;background: url(../images/4_2.png) no-repeat;background-size: 100% 100%;margin: 3vw auto;}
.border5{width: 79.46vw;padding: 5vw;background: url(../images/4_5.png) no-repeat;background-size: 100% 100%;}

.animatedxz {
    animation: xzs 20s forwards infinite;
}
@-webkit-keyframes xzs {
    0% {
        -webkit-transform:rotateZ(0deg);
    }

    to {
        -webkit-transform: rotateZ(360deg);
    }
}

@keyframes xzs {
    0% {
        transform:rotateZ(0deg);
    }

    to {
        transform:rotateZ(360deg);
    }
}
.animatedopsc {
    animation: opscs 5s forwards infinite alternate;
}
@-webkit-keyframes opscs {
    0% {
        -webkit-transform:scale(1);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(0.8);
        opacity: 0.5;
    }
}

@keyframes opscs {
    0% {
        transform:scale(1);
        opacity: 1;
    }

    to {
        transform:scale(0.8);
        opacity: 0.5;
    }
}
.animatedbd {
    animation: bds 4s forwards infinite alternate;
}
@-webkit-keyframes bds {
    0% {
        -webkit-transform:rotateZ(-4deg);
    }

    to {
        -webkit-transform: rotateZ(4deg)
    }
}

@keyframes bds {
    0% {
        transform:rotateZ(-4deg);
    }

    to {
        transform:rotateZ(4deg);
    }
}
.animatedop {
    animation: op 2s forwards infinite alternate;
}
@-webkit-keyframes op {
    0% {
       opacity: 1;
    }

    to {
      opacity: 0.1;
    }
}

@keyframes op {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0.1;
    }
}