html{color:#333;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-size: 62.5%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
ol,ul,li {list-style:none;}
h1,h2{ font-weight:bold}
em,i{ font-style:normal}
a{text-decoration: none;display:inline}
img{border:none; width:100%; display:block}
.fl, .fr{_display: inline;}
.fl{float: left;}
.fr{float: right;}
.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{ position:relative}
.mt20{ margin-top:0.2rem}
.mt30{ margin-top:0.3rem}
.mt40{ margin-top:0.4rem;}
.mt50{ margin-top:0.5rem}
.mt60{ margin-top:0.6rem}
html, body {position: relative; height: 100%; } 
body {background: #fff; font-size:0.24rem; color:#000; margin:0 auto; padding: 0;font-family: 'Microsoft YaHei'; max-width:750px;} 
.swiper-container { width: 100%; height: 100%;}
.swiper-slide {position: relative;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; }
.content{ width:96%; overflow:hidden; margin:-40px auto 0; }
.content1{ width:100%; overflow:hidden; margin:-40px auto 0; }
.tt{ width: 5.7rem; height: .7rem; margin: 0 auto .2rem;}

.bg1{ background:url(images/bg1.jpg) no-repeat center; background-size:cover;}
.bg2{ background:url(images/bg2.jpg) no-repeat center;  background-size:cover;}

/*banner*/
.logo{ width: 3.44rem; height: .78rem; margin: 0 auto;}
.theme{ width:6.54rem; height: 4.06rem; margin: .5rem auto;}
.txt{ width: 7.14rem; height: 2.54rem; margin: 0 auto;}

/*p1*/
.p1 dl dt{ width: 7rem; height: 4.7rem; margin: 0 auto;}
.p1 dl dd p{ font-size: .24rem; line-height: .34rem; text-indent: 2em;}
.p1 dl dd p b{ color: #51232e;}

/*p2*/
.p2 .slide{ padding: .05rem; border:1px solid #fff; position: relative;}
.p2 .slide span{ width:.37rem; height: .6rem; position: absolute; top:50%; margin-top: -.3rem; }
.p2 .slide span.left{ left: 0;}
.p2 .slide span.right{ right: 0;}
.p2 .list1{ width: 6.39rem; height: .7rem; margin: 0 auto; background: url(images/p2-bg1.png) no-repeat; background-size: 100%; margin-top: .3rem;}
.p2 .list1 ul{ font-size: 0;}
.p2 .list1 ul li{ width: 1.9rem; height: .7rem; display: inline-block; text-align: center;}
.p2 .list1 ul li:not(:last-child){ margin-right: .32rem;}
.p2 .list1 ul li em,.p2 .list1 ul li i{ display: block; width: 100%; height: .35rem; line-height: .35rem; color: #fff;}
.p2 .list1 ul li em{ font-size: .24rem;}
.p2 .list1 ul li i{ font-size: .2rem;}

.p2 .list2{width: 6.72rem; height: 1.39rem; margin: 0 auto; background: url(images/p2-bg2.png) no-repeat; background-size: 100%; margin: .2rem auto;}
.p2 .list2 ul{font-size: 0;}
.p2 .list2 ul li{ width: .8rem; height: .5rem; text-align: center; font-size: .2rem; color: #d72650; margin: .62rem 0 0 .82rem; display: inline-block; vertical-align: middle;}
.p2 dl dt{ width: 5.3rem; height: .4rem; margin: 0 auto .3rem;}
.p2 dl dd{ width: 100%; text-align: center; font-size: .2rem; color: #fff;}
/*p2*/
.p3 .part{ width: 7rem; margin:  0 auto .3rem;}
.p3 .part p{ padding: .3rem .05rem; border-radius: 4px; border:1px dashed #51232e; font-size: .2rem; text-indent: 2em; margin-top: .3rem;}
.p3 .part2{ width: 100%;}
.tabhd{display:-webkit-flex;display:flex;padding:.2rem 0;-webkit-justify-content:space-between;justify-content:space-between;}
.tabhd a{width:24%;border-radius:.1rem;font-size:.2rem;line-height:.5rem;text-align:center;box-sizing: border-box;border: 1px solid #51232e;color: #51232e; margin:0  .1rem;}
.tabhd.tabhd1 a{ height:.78rem; line-height: .39rem; }
.tabhd.tabhd1 a.l78{line-height: .78rem;}
.tabhd .on{background: #51232e; color: #fff; font-weight: bold;}
.tabbd h3{padding:.2rem 0;font-weight:bold;font-size:.3rem;text-align:center;}
.tabbd a{overflow:hidden;height:0; font-size: 0; display: block}
.tabbd a:first-child{height:auto;}
.tab{padding:.1rem;text-align:center;font-size:0;}
.tab span{width:10px;height:10px;margin:0 5px;}
.tab .swiper-pagination-bullet-active{background-color:#a32644;}


/*part4*/
.p4 .video{ width: 7.24rem; height: 4.83rem; margin: 1.3rem auto 0; background: url(images/p4-bg.png) no-repeat; background-size: 100%; padding-top: .61rem;}
.p4 .video p{ width: 7rem; height: 4.22rem; background: #ccc; margin: 0 auto;}




/******************************/
.p5 h3{ font-size: .24rem; font-weight: bold; width: 100%; text-align: center; padding-top: .4rem;}
.p5 p{font-size: .2rem; width:100%; text-align:justify; line-height: .34rem; margin-bottom: .2rem; text-indent:2em;}
.p5 p.p1{ text-indent: 2em; text-align: justify;}
.p5 .slide .bd ul li{ width: 100%;height: 4.1rem; }
.p5 .slide .bd ul li .bedroom div{ width: 31.3%; display: inline-block; box-sizing: border-box; padding: .1rem; height: 3.9rem; background: #fff; margin: 0 1%; vertical-align: middle; box-shadow: 1px 0 5px #ccc; }
.p5 .slide .bd ul li  .bedroom h3{ font-size: .24rem; text-align: center;}
.p5 .room{ width:5.32rem; margin: 0 auto; }


.slide .hd ul{ width:100%; text-align:center; padding-top:0.3rem;}
.slide .hd ul li{ width:.25rem; height:.25rem; border:1px solid #a32644; display:inline-block; border-radius: 100%; margin: 0 .05rem;}
.slide .hd ul li.on{ background:#a32644;}
.slide span{ width: .37rem; height: .6rem; top:50%; margin-top: -.3rem; position: absolute;}
.slide span.left{ left: 0;}
.slide span.right{ right: 0;}
/******************************/





.p5 .room dt h3{ font-size: .24rem; font-weight: bold; width: 100%; text-align: center;}
.p5 .room dt p{ font-size: .2rem; width:100%; text-align: center; line-height: .34rem;}
.p5 .room dd{ width: 100%; font-size: 0; margin-top: .45rem;}
.p5 .room dd div{ width: 31.3%; display: inline-block; box-sizing: border-box; padding: .1rem; height: 3.9rem; background: #fff; margin: 0 1%; vertical-align: middle; box-shadow: 1px 0 5px #ccc;}
.p5 .room dd div h3{ font-size: .24rem; text-align: center;}
.p5 .room dd div p{ font-size: .2rem; width: 100%; text-align: center; line-height: .34rem;}


.p5 .mon p{ font-size: .2rem; width: 100%; text-align: justify; line-height: .3rem; text-indent: 2em;margin-bottom:.2rem;}
.p5 .mon .cl{ width: 5.32rem; margin: 0 auto; background: #fff;}
.p5 .mon img{ width:2.66rem; height: 2.04rem; }
.p5 .mon dl{width:2.66rem; height: 2.04rem; text-align: center; padding-top: .6rem; box-sizing: border-box;}
.p5 .mon dl dt{ font-size: .24rem; margin-bottom: .2rem;}
.p5 .mon dl dd{ font-size: .2rem; }

.p5 .science{ width: 6.78rem; margin: 0  auto;}
.p5 .science p{ font-size: .2rem; width: 100%; text-align: justify; line-height: .3rem; text-indent: 2em;}
.p5 .science .cl dl{ width: 2.89rem; height: 4.78rem; float: left; margin: 0 .25rem; position: relative;}
.p5 .science .cl dl img{ width: 2.89rem; height: 4.78rem;}
.p5 .science .cl dl dd{ width: 2.64rem; position: absolute; left:.12rem; top: 2.25rem; text-align: center; color: #fff;}
.p5 .science .cl dl dd h3{ font-size: .24rem; margin-bottom: .1rem;}
.p5 .science .cl dl dd p{ font-size: .24rem; text-indent: 0; padding: 0;}

.p5 .science .slide{ width:100%; height: 4.09rem; margin: 0 auto; overflow: hidden; position: relative; margin-bottom: 80px;}
.p5 .science .slide .bd{ width: 100%; height: 4.09rem; overflow: hidden;}
.p5 .science .slide .bd ul li{ width: 100%; height: 4.09rem;}

.p5 .science p.hover{ width: 6.05rem; height: 1.49rem; position: absolute; left: 50%; margin-left: -3.02rem;
	top:5.05rem; background: url(images/p5-bg.png) no-repeat; background-size: 100%; color: #fff; text-indent: 0; padding: .15rem 0 0; text-align: center; line-height: 1.8; box-sizing: border-box;}
/*p6*/
.p6 p{ font-size: .2rem; text-indent: 2em; line-height: .3rem; color: #fff; margin-bottom: .3rem;}
.p6 p b{ font-size: .28rem; color: #c83256;}
.p6 .slide .bd{ width:100%; height: 5.1rem; overflow: hidden; margin: 0 auto;}
.p6 .slide .bd ul li{width:100%; height: 5.1rem; }

.p7 .people{ width: 2.6rem; margin:0 auto;}
.p7 .people h2{ width:100%; height: .42rem; border-radius: 6px; background: #51232e; text-align: center; font-size: .3rem; color: #fff; line-height: .42rem; }
.p7 .people p{ font-size: .24rem; width: 100%; text-align: center; padding: .1rem 0 .3rem;}
.p7 ul li{display:-webkit-box; display: -moz-box;display: -ms-flexbox;
	-webkit-box-pack:center;box-pack:center;-moz-box-pack:center;-ms-box-pack:center;-o-box-pack:center;
	-webkit-box-align:center;-moz-box-align:center;box-align:center;}
.p7 ul li:first-child{ margin-bottom: .6rem;}
.p7 ul li h2{ width: .42rem; text-align:center; -webkit-align-items:center;align-items:center; background: #51232e; font-weight: normal; color: #fff; margin-right: .2rem; padding: .2rem 0; font-size: .24rem;}
.p7 ul li p{ text-align:justify; -webkit-align-items:center;align-items:center;-moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size:.2rem; line-height:1.8;}

.p8 p{ font-size: .24rem; text-align: justify; padding: .1rem; line-height: 1.8; border: 1px dashed #ccc; border-radius: 4px; color: #fff; margin-bottom: .55rem; text-indent:2em;}
.p8 .team{ width: 6.5rem; height: 3.9rem; margin: 0 auto;}


#array{	position:absolute;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;	width:0.47rem;height: 0.49rem;	bottom: 30px;left:45%;}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}