html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,input,textarea,
article,aside,audio,canvas,command,datalist,details,dialog,embed,figure,header,hgroup,keygen,mark,meter,nav,output,progress,rp,rt,ruby,section,source,time,video
{ border:none;
    margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit;
    font-family: inherit; vertical-align: baseline; list-style:none;
}
.clearfix:after  {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix        {display: inline-block;}
.clearfix        {display: block;}
a:link, a:visited {	text-decoration:none;}
a:hover, a:active {	text-decoration:none;}
a{outline:none;*hide-focus: n:none;}
body,html{height:100%;position: relative; background: #121212; font-size:0.30rem; }
.left {float:left;}
.right{float:right;}
input[type="text"],input[type="password"] {
    -webkit-appearance: none;
    border-radius:0;
}


#container {
    max-width:750px;
    height: 100%;
    margin:0 auto;
    position:relative;
}


.swiper-container{
    width:100%;
    height:100%;
}
.swiper-slide {
    width:100%;
    height: 100%;
    position:relative;
    overflow: hidden;
    box-sizing: border-box;
}
.up,.down{
    width:0.9rem;
    height:0.6rem;
    position:absolute;
    left:50%;
    margin-left:-0.45rem;
    bottom:0.25rem;
    z-index: 10;
    background: url(../images/more.png?15) no-repeat;
    background-size:100% 100% ;
}
.down{
    background: url(../images/more_2.png?15) no-repeat;
    background-size:100% 100% ;
}

@-webkit-keyframes down{
	0%,30% {opacity: 0;-webkit-transform: translate(0,0.30rem);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,0.1rem);}
}
@-ms-keyframes down{
	0%,30% {opacity: 0;-ms-transform: translate(0,0.30rem);}
	60% {opacity: 1;-ms-transform: translate(0,0);}
	100% {opacity: 0;-ms-transform: translate(0,0.1rem);}
}
@keyframes down{
	0%,30% {opacity: 0;-webkit-transform: translate(0,0.30rem);-ms-transform: translate(0,0.30rem);}
	60% {opacity: 1;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,0.1rem);-ms-transform: translate(0,0.1rem);}
}
.up,.down{
    -webkit-animation:down 1.5s infinite linear ;
    -ms-animation:down 1.5s infinite linear ;
    animation:down 1.5s infinite linear ;
}

#loading{
    position:fixed;
    top:0;left:0;
    z-index:99;
    margin:0 auto;
    width:100%;
    height:100%;
    background:url(../images/loading.gif?15) no-repeat;
    background-size:100% 100%;
}
#loading span{
    position:fixed;
    top:0;
    left:0;
    z-index:105;
    display: none;
}

.load{
    position:fixed;
    top:0;
    left:0;
    z-index:99;
    margin:0 auto;
    width:100%;
    height:100%;
    z-index:150;
}


.mask{
    display: none;
}
@media screen and (orientation:landscape) {
    .mask{
        width:100%;
        height:100%;
        background:rgba(18,18,18,0.7);
        position:fixed;
        left:0;top:0;
        z-index: 100;
        color:#fff;
        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;
    }
    body{
        width:100%;
        height:100%;
        overflow: hidden;
    }
}


.headerBox{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:1.35rem;
    background: url(../images/headerBg.png?15) no-repeat;
    background-size:100% 100%;
    z-index: 5;
    overflow: hidden;
}
.title{
    float:left;
    padding:0.25rem 0 0 0.21rem;
}
.title a,.title a img{
    width:2.60rem;
    height:0.74rem;
    display: block;
}
.btn{
    display: block;
    float:right;
    width:1.92rem;
    height:0.7rem;
    padding:0.23rem 0.21rem 0 0.07rem;
}
.btn img{
    display: block;
    width:100%;
    height:100%;
}
.swipeOne{

}
.pageOne{
    background:url(../images/pageOne.jpg?15) no-repeat;
    background-size:100% 100%;
}
.pageOne_1{
    position:absolute;
    width:8.97rem;
    right:0;
    top:0;
    z-index: 1;
}
.pageOne_2{
    position:absolute;
    width:7.5rem;
    left:0;
    bottom:0;
    z-index: 2;
}
.pageOne_3{
    position:absolute;
    left:0;
    bottom:0;
    z-index: 3;
    width:100%;
}
.pageOne_4{
    position:absolute;
    left:1.0rem;
    top:2.76rem;
    z-index: 4;
    width:0.45rem;
    display: block;
}
.pageOne_5{
    position:absolute;
    right:0.45rem;
    top:4.1rem;
    z-index: 4;
    width:0.47rem;
    display: block;
}
.pageOneBot{
    position:absolute;
    left:0;
    bottom:0;
    z-index: 5;
    width:100%;
}
.pageOne_6{


    width:100%;
}
.logo{
    position:absolute;
    left:0;
    top:1.18rem;
    z-index: 7;
    width:2.51rem;
}
.video{
    position:absolute;
    width:0.76rem;
    height:0.74rem;
    z-index: 6;
    bottom:2.81rem;
    right:1.29rem;
}
.video span{
    background: url(../images/pageOne_7.png?15) no-repeat;
    background-size: 100% 100%;
    width:0.76rem;
    height:0.74rem;
    display: block;
    animation: videoRotate 1.6s linear infinite both;
    -webkit-animation: videoRotate 1.6s linear infinite both;
    -moz-animation: videoRotate 1.6s linear infinite both;
    -ms-animation: videoRotate 1.6s linear infinite both;
}
.video a{
    background: url(../images/pageOne_8.png?15) no-repeat;
    background-size: 100% 100%;
    width:100%;
    height:100%;
    display: block;
    position: absolute;
    left:0;
    top:0;
}


@keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity: 1;}
}
@-webkit-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity: 1;}
}
@-moz-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity: 1;}
}
@-ms-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity: 1;}
}
.swiper-slide-active.cur .pageOne_1,.swiper-slide-active.cur .pageOne_2{
    animation:fadeIn 2s .5s ease both;
    -webkit-animation:fadeIn 2s .5s ease both;
    -moz-animation:fadeIn 2s .5s ease both;
    -ms-animation:fadeIn 2s .5s ease both;
}


@-webkit-keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes fadeInUp{
	0%{opacity:0;-moz-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
	100%{opacity:1;-moz-transform:none;transform:none}
}
@-ms-keyframes fadeInUp{
	0%{opacity:0;-ms-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
	100%{opacity:1;-ms-transform:none;transform:none}
}
@keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translate3d(0,20%,0);-ms-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
	100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.swiper-slide-active.cur .pageOneBot {
    animation:fadeInUp .5s 1.5s ease both;
    -webkit-animation:fadeInUp .5s 1.5s ease both;
    -moz-animation:fadeInUp .5s 1.5s ease both;
    -ms-animation:fadeInUp .5s 1.5s ease both;
}
@-webkit-keyframes fadeInUp2{
	0%{opacity:0;-webkit-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes fadeInUp2{
	0%{opacity:0;-moz-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0)}
	100%{opacity:1;-moz-transform:none;transform:none}
}
@-ms-keyframes fadeInUp2{
	0%{opacity:0;-ms-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0)}
	100%{opacity:1;-ms-transform:none;transform:none}
}
@keyframes fadeInUp2{
	0%{opacity:0;-webkit-transform:translate3d(0,80%,0);-ms-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0)}
	100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.swiper-slide-active.pageTwo .motif {
    animation:fadeInUp .6s .3s ease both;
    -webkit-animation:fadeInUp .6s .3s ease both;
    -moz-animation:fadeInUp .6s .3s ease both;
    -ms-animation:fadeInUp .6s .3s ease both;
}
.swiper-slide-active .welfare li:nth-child(1),.swiper-slide-active .welfare li:nth-child(2) {
    animation:fadeInUp .6s .8s ease both;
    -webkit-animation:fadeInUp .6s .8s ease both;
    -moz-animation:fadeInUp .6s .8s ease both;
    -ms-animation:fadeInUp .6s .8s ease both;
}
.swiper-slide-active .welfare li:nth-child(3),.swiper-slide-active .welfare li:nth-child(4) {
    animation:fadeInUp .6s 1.2s ease both;
    -webkit-animation:fadeInUp .6s 1.2s ease both;
    -moz-animation:fadeInUp .6s 1.2s ease both;
    -ms-animation:fadeInUp .6s 1.2s ease both;
}
.swiper-slide-active .welfare li:nth-child(5),.swiper-slide-active .welfare li:nth-child(6) {
    animation:fadeInUp .6s 1.5s ease both;
    -webkit-animation:fadeInUp .6s 1.5s ease both;
    -moz-animation:fadeInUp .6s 1.5s ease both;
    -ms-animation:fadeInUp .6s 1.5s ease both;
}
@keyframes bounceIn{
	0%{opacity:0;transform:scale(4)}
	50%{opacity:1;transform:scale(.9)}
	70%{transform:scale(1.2)}
	100%{transform:scale(1)}
}
@-webkit-keyframes bounceIn{
	0%{opacity:0;-webkit-transform:scale(4)}
	50%{opacity:1;-webkit-transform:scale(.9)}
	70%{-webkit-transform:scale(1.2)}
	100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
	0%{opacity:0;-moz-transform:scale(4)}
	50%{opacity:1;-moz-transform:scale(.9)}
	70%{-moz-transform:scale(1.2)}
	100%{-moz-transform:scale(1)}
}
@-ms-keyframes bounceIn{
	0%{opacity:0;-ms-transform:scale(4)}
	50%{opacity:1;-ms-transform:scale(.9)}
	70%{-ms-transform:scale(1.2)}
	100%{-ms-transform:scale(1)}
}
/*.swiper-slide-active.cur .video {
	animation:bounceIn .7s 2s ease both;
	-webkit-animation:bounceIn .7s 2s ease both;
	-moz-animation:bounceIn .7s 2s ease both;
	-ms-animation:bounceIn .7s 2s ease both;
} */

@keyframes videoRotate {
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
@-webkit-keyframes videoRotate {
	0%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes videoRotate {
	0%{-moz-transform:rotate(0deg)}
	100%{-moz-transform:rotate(360deg)}
}
@-ms-keyframes videoRotate {
	0%{-ms-transform:rotate(0deg)}
	100%{-ms-transform:rotate3d(360deg)}
}

/*pageTwo*/
.pageTwo,.pageThree,.pageFour,.page{
    background:url(../images/bg.jpg?15);
    background-size:100% 100%;
    padding-top:1.18rem;
    box-sizing: border-box;
}
.page{
    background:#fff url(../images/pageBg.jpg?15) no-repeat;
    background-size:100% auto;
    padding-top:1.18rem;
    box-sizing: border-box;
}
.welfare{
    overflow: hidden;
    padding-top:0.13rem;
    width:5.96rem;
    margin:0 auto;
}
.welfare li{
    float:left;
    position:relative;
    width:2.53rem;
    height:2.46rem;
    padding:0.32rem 0.22rem 0 0.22rem;
}
.welfare li img{
    display: block;
    width:2.53rem;
    position:absolute;
    left:0.22rem;
    bottom:0;
}

/*pageThree*/
.focus{
    height:7.87rem;
    position:relative;
}


.slide {
    width:4.44rem;
    height:7.87rem;
    float: left;
    position:relative;

}
.imgBox{
    position:relative;
}

.painting{
    width:100%;
    height:5.77rem;
    box-shadow:0 0 3px #F06060;

}
.painting img{
    width:100%;
    height:100%;
}


.news{
    background: #fff;
    width:4.44rem;
    height:2.06rem;
    padding:0.22rem 0.25rem 0;
    box-sizing: border-box;
}
.news h3{
    margin-bottom:0.16rem;
    font-weight:700;
    font-size:0.32rem;
    color:#2E2E2E;
    width:100%;
    overflow: hidden;
    height:0.38rem;
    line-height:0.38rem;
    text-align: center;
}
.news h3 a{
    font-size:0.2rem;
    width:1.07rem;
    height:0.34rem;
    line-height:0.34rem;
    border :1px solid #CF1818;
    border-radius: 8px;
    display: inline-block;
    float:right;
    color:#CF1818;

}
.news h3 span{
    float:left;
    overflow: hidden;
    width:2.7rem;
}
.news p{
    font-size:0.26rem;
    color:#6C6C6C;
    height:.82rem;
    overflow: hidden;
}
#indicator {
    position: absolute;
    width: 78px !important;
    height: 6px;
    background:url(../images/cur.png?15) repeat-x;
    z-index: 50;
    margin:0 auto;
    bottom:0.22rem;
    left:50%;
    margin-left:-39px;
}

/*pageFour*/
.pageFour{

}
.motif{
    position:relative;
}
.motif p{
    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;
    display: inherit;
    font-size: 0.24rem;
    text-align: center;
    width: auto;
    height:0.68rem;
    line-height:0.68rem;
    color:#C82A23;
    font-weight:700;
}
.motif p i{
    background: url(../images/map.png?15) no-repeat left center;
    background-size: 0.27rem 0.32rem;
    width: 0.37rem;;
    height:0.32rem;
    display: inline-block;
}
.motif img{
    display: block;
    width:100%;
    margin:0 auto;
}
.mark{
    position:absolute;
    width:1.59rem;
    height:0.3rem;
    line-height:0.3rem;
    background: #fff;
    border-radius: 0.5rem;
    font-size:0.24rem;
    color:#B01521;
    text-align: center;
    top:0.89rem;
    right:1.4rem;
}
.swiperFour{
    height:8.55rem;
    position:relative;
}
.box-position{
    position:relative;
    width:6.63rem;
    height:8.55rem;
    margin:0 auto;
}
.bannerImg{
    width:6.66rem;
    height:6.82rem;
}
.describe{
    overflow: hidden;
    z-index: 3;
    height:1.6rem;
    width:6.6rem;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-3.3rem;
    background:#FEFEFE;
    border-bottom:0.04rem solid #EAEAEA;
}
.describe.active,.date.active{
    display: block;
}
.describe dt{
    width:1.3rem;
    height:1.5rem;
    float:left;
}
.describe dt img,.describe dd img{
    display: block;
    width:100%;
    height:100%;
}
.describe dd{
    width:5.13rem;
    height:1.50rem;
    float:left;
}
.date{
    position:absolute;
    top:0.2rem;
    left:50%;
    width:3.84rem;
    height:0.48rem;
    margin-left:-1.92rem;
}
.date img{
    display: block;
    width:100%;
    position:relative;
}
.ns-next{
    background: url(../images/next.png?15) no-repeat !important;
    background-size:100% 100% !important;
}
.ns-prev{
    background: url(../images/prev.png?15) no-repeat !important;
    background-size:100% 100% !important;
}
.ns-next,.ns-prev{
    width:0.44rem !important;
    height:0.82rem !important;
    margin-top:-1.15rem !important;
}



.overlay{
    position:fixed;
    top:50%;
    left:50%;
    z-index:101;
    _position:absolute;
    _top:expression(documentElement.scrollTop + 330 + "px");
    display:none;
    transition:all 1s ease 0s;

}
.close{
    width:0.69rem;
    height:0.68rem;
    position:absolute;
    right:0;
    top:-0.74rem;
    background:url(../images/close.png?15) no-repeat;
    display: block;
    background-size: 100% 100%;
    text-indent: -9999em;
}
.overlayCon{

}
.calendar{
    background: url(../images/popBg.png?15) no-repeat;
    width:6.60rem;
    height:9.58rem;
    background-size: 100% 100%;
    margin:-4.79rem 0 0 -3.30rem;
    padding:0.16rem 0.2rem;
    box-sizing: border-box;
}
.calendar .overlayCon img{
    width:100%;
    height:100%;
}
.videoBox{
    left:0;
    width:100%;
    height:4.2rem;
    margin-top:-2.1rem;
}
.bg{
    width:100%;
    height:100%;
    z-index: 20;
    position:absolute;
    left:0;
    top:0;
    background:rgba(0,0,0,0.8);
    display: none;
}
#videoX{
    width:100%;
    height:100%;
}
.prompt{
    position:absolute;
    left:0;
    top:0;
    z-index: 101;
    width:100%;
    height:100%;
    display: none;
}
.prompt img{
    display: block;
    width:100%;
    height:100%;
}

.page{
    width:100%;
    min-height:100%;
    padding:1.53rem 0 1.0rem;
}
.returnBox{
    background: url(../images/page_1.jpg?15) no-repeat;
    width:100%;
    height:1.24rem;
    line-height:1.18rem;
    color:#fff;
    background-size:100% 100%;
    position:absolute;
    left:0;
    top:0;
}
.returnBox img{
    width:0.2rem;
    height:0.36rem;
    display: block;
    float:left;
    padding:0.38rem 0.38rem 0.38rem 0.45rem;
}
.returnBox a{
    color:#fff;
    font-size:0.3rem;
    font-weight:700;
    overflow: hidden;
}
.btnNav{
    overflow: hidden;
    width:7.27rem;
    margin:0 auto;
}
.btnNav li{
    float:left;
    padding:0 0.05rem 0.23rem;
}
.btnNav li a{
    width:2.32rem;
    height:0.85rem;
    background-image: url(../images/page_3.png?15);
    background-repeat: no-repeat;
    background-size:2.32rem auto;
    display: block;
    font-size:0.3rem;
    color:#DC1E42;
    font-weight:700;
    text-align: center;
    line-height:0.85rem;
    background-position:0 -1.08rem ;
}
.btnNav li.cur a{
    color:#fff;
    background-position:0 0 ;
}
.pageCont{
    width:6.3rem;
    margin:0 auto;
    color:#DC1E42;
    font-size:0.26rem;
    line-height:0.5rem;
}
.pageTitle{
    font-size:0.44rem;
    font-weight:700;
    height:1.0rem;
    line-height:1.0rem;
    border-bottom:1px dashed #DC1E42;
}
.pageDate{
    line-height:0.75rem;
}
.not-available{
    display: block;
    width:4.72rem;
    margin:0.45rem auto 0;
}
.pageCont p b{
    margin-left:-0.15rem;
}
.swiperThree{
    height:7.87rem !important;
}
.swiperThree .swiper-slide {
    background: #fff;
    width: 60%;
    height:7.87rem;
}
.swiper-container-horizontal>.swiper-pagination{
    bottom:0.17rem !important;
}
.swiperThree .swiper-pagination-bullet{
    background: #B01521 !important;
}
.footerBox{
    background: url(../images/footer.jpg?15) no-repeat;
    width:100%;
    height:1.29rem;
    background-size:100% 100%;
    text-align: center;
    font-size:0.18rem;
    color:#D27C73;
    padding-top:0.15rem;
    box-sizing: border-box;
}
.footerBox h4{
    font-size:0.26rem;
    line-height:0.42rem;
}
.footerBox p {
    line-height:0.3rem;
}
.footerBox p a{
    color:#D27C73;
    padding:0 0.10rem;
}