@charset "utf-8";

html {
-ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */
}
body,div,p {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
body {
	width: 100%;
	*cursor: default;
	overflow: hidden;
	font: 16px/1.5 "Microsoft YaHei",Helvetica,STHeiti STXihei,Microsoft JhengHei,Arial;
}
#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 {
	/*display: none;*/
	width: 100%;
	height: 100%;
/*	overflow: hidden;*/
	position: absolute;
    z-index:-1
}
.current {
	display: block;
	z-index: 1!important;
}

.page0,.page1,.page2,.page4{
	background: url(../images/01.jpg) no-repeat 50%;
}
.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}
.swiper-container3 .swiper-slide{height:10px;padding-bottom:0.3rem}
.swiper-container3 .swiper-slide-active { height:auto}


.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-container2 .swiper-slide{visibility:hidden}*/

.botom .swiper-container {
    width: 100%;
    height: 100%;
}

.botom .swiper-container{
    background:url(../images/2_9.png) no-repeat center 0.5rem;
    background-size:100% 0.27rem;
}
.botom .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: 300ms;
    transform: scale(0.8);
    
    height: 1.48rem !important;
    position: relative;
    color: #EBCBA5;
}
.rdswiper .swiper-slide{width: 14.28%;}
.zxswiper .swiper-slide{width: 20%;}

.botom .swiper-slide-active, .swiper-slide-duplicate-active span {
    transform: scale(1);
    color: #fff;
}

.botom .swiper-slide:after {
    content: "";
    display: block;
    width: .2rem;
    height: .2rem;
    background: #EBCBA5;
    position: absolute;
    left: 50%;
    margin-left: -0.1rem;
    /*top: 1.05rem;*/
    -webkit-transition: all .3s;
    border-radius:50%
}
.botom .swiper-slide-active:after {
    content: "";
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    background: #FF0000;
    position: absolute;
    left: 50%;
    margin-left: -0.12rem;
    /*top: 0.92rem;*/
    -webkit-transition: all .3s;
    border-radius: 50%;
    border: 2px solid #fff;
    transform: scale(0.8) !important;
}
.botom .swiper-slide span{top: 1rem;position: absolute;line-height: 160%}
.botom .swiper-slide-active span{top: 1rem;position: absolute;line-height: 100%}

.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;} 

.tcenter {
    text-align: center
}
.bgcolor1{background:#C3252A}
.fb{font-weight:bold;}
.t1{color:#C70000}
.t2{color:#000000}
.t2 a{color:#000;text-decoration:none}
.t3{color:#ACACAC}
.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;}
.f30{font-size:1.15em;}
.f34{font-size:1.35em;}
.f36{font-size:1.45em;}
.f40{font-size:1.6em;}
.lh120{line-height:120%}
.lh138{line-height:138%}
.lh140{line-height:140%}
.lh160{line-height: 160%}
.lh180{line-height:180%}
@media screen and (max-width: 640px) {
    .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;}
    .f30{font-size:1.15em;}
    .f34{font-size:1.35em;}
    .f36{font-size:1.45em;}
    .f40{font-size:1.6em;}
}

@media screen and (max-width: 414px) {
    .f12{font-size:0.4em;}
    .f14{font-size: 0.45em;}
    .f16{font-size:0.5em;}
    .f18{font-size:0.65em;}
    .f20{font-size:0.7em;}
    .f22{font-size:0.75em;}
    .f24{font-size:0.8em;}
    .f26{font-size:0.85em;}
    .f30{font-size:0.95em;}
    .f34{font-size:1.15em;}
    .f36{font-size:1.25em;}
    .f40{font-size:1.6em;}
}

@media screen and (max-width: 400px) {
    .f12{font-size:0.4em;}
    .f14{font-size: 0.45em;}
    .f16{font-size:0.5em;}
    .f18{font-size:0.65em;}
    .f20{font-size:0.7em;}
    .f22{font-size:0.75em;}
    .f24{font-size:0.8em;}
    .f26{font-size:0.85em;}
    .f30{font-size:0.95em;}
    .f34{font-size:1.15em;}
    .f36{font-size:1.25em;}
    .f40{font-size:1.6em;}
}

@media screen and (max-width: 392px) {
    .f12{font-size:0.35em;}
    .f14{font-size: 0.4em;}
    .f16{font-size:0.45em;}
    .f18{font-size:0.6em;}
    .f20{font-size:0.65em;}
    .f22{font-size:0.7em;}
    .f24{font-size:0.75em;}
    .f26{font-size:0.8em;}
    .f30{font-size:0.9em;}
    .f34{font-size:1.1em;}
    .f36{font-size:1.2em;}
    .f40{font-size:1.5em;}
}

@media screen and (max-width: 385px) {
    .f12{font-size:0.35em;}
    .f14{font-size: 0.4em;}
    .f16{font-size:0.45em;}
    .f18{font-size:0.6em;}
    .f20{font-size:0.65em;}
    .f22{font-size:0.7em;}
    .f24{font-size:0.75em;}
    .f26{font-size:0.8em;}
    .f30{font-size:0.9em;}
    .f34{font-size:1.1em;}
    .f36{font-size:1.2em;}
    .f40{font-size:1.5em;}
}
@media screen and (max-width: 375px) {
    .f12{font-size:0.35em;}
    .f14{font-size: 0.4em;}
    .f16{font-size:0.45em;}
    .f18{font-size:0.6em;}
    .f20{font-size:0.65em;}
    .f22{font-size:0.7em;}
    .f24{font-size:0.75em;}
    .f26{font-size:0.8em;}
    .f30{font-size:0.9em;}
    .f34{font-size:1.1em;}
    .f36{font-size:1.2em;}
    .f40{font-size:1.5em;}
}
@media screen and (max-width: 359px) {
    .f12{font-size:0.3em;}
    .f14{font-size: 0.35em;}
    .f16{font-size:0.4em;}
    .f18{font-size:0.5em;}
    .f20{font-size:0.55em;}
    .f22{font-size:0.6em;}
    .f24{font-size:0.65em;}
    .f26{font-size:0.7em;}
    .f30{font-size:0.8em;}
    .f34{font-size:1em;}
    .f36{font-size:1.1em;}
    .f40{font-size:1.3em;}
}