@charset "utf-8";
/* CSS Document */
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:94%; overflow:hidden; margin:-40px auto 0; } 

.tt{ width:6.02rem; height:.5rem; margin:0 auto .3rem;}

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

.logo{ width:3.82rem; height:.72rem; margin:0 auto;}
.theme{ width:6.98rem; height:2.63rem; margin:.3rem auto;}
.img{ width:6.98rem; height:5.15rem; margin:0 auto;}

.dy-tt{ width:1.94rem; height:2.14rem; margin:0 auto .3rem;}
.dy-txt{ width:6.87rem; height:5.2rem; padding:.3rem; margin:0 auto; background:url(img/p1-bg.png) no-repeat; background-size:100%;box-sizing:border-box;}
.dy-txt p{ font-size:.24rem; text-indent:2em; line-height:.4rem;}

.p1 .slide{ width:5.8rem; margin:0 auto; position:relative;}
.p1 .slide .bd{ width:3.78rem; height:3.78rem; margin:0 auto; overflow:hidden;}
.p1 .slide span{ position:absolute; width:.46rem; height:.9rem; top:50%; margin-top:-.45rem;}
.p1 .slide span.left{ left:0;}
.p1 .slide span.right{ right:0;}
.p1 .tt{ margin:0 auto .2rem;}
.p1 .pro{ width:6.16rem; margin:.1rem auto;}
.p1 .pro ul li{ width:33.3%; float:left; box-sizing:border-box;}
.p1 .pro ul li:not(:last-child){ border-right:1px solid #434343;}
.p1 .pro ul li h2{ width:1.7rem; height:.26rem; line-height:.26rem; text-align:center; font-size:.24rem; color:#fff; margin:0 auto .1rem; background:url(img/txt-bg.png) no-repeat; background-size:100%; font-weight:normal;}
.p1 .pro ul li p{ width:100%; text-align:center; font-size:.3rem; font-weight:bold;}
.p1 .pro .bottom{ padding:0.1rem .3rem;}
.p1 .pro .bottom img{ width:.47rem; height:1.52rem; float:left; margin-top:.2rem;}
.p1 .pro .bottom ol{ width:4.74rem; float:right; box-sizing:border-box;}
.p1 .pro .bottom ol li{ width:100%; height:.44rem; line-height:.44rem; font-size:.24rem; border-bottom:1px dashed #707070;}
.p1 .txt{ width:7rem; height:3.6rem;background:url(img/p2-bg.png) no-repeat;background-size:100%;  box-sizing:border-box; padding:.54rem 0.2rem 0; margin:0 auto;}
.p1 .txt p{ text-indent:2em; font-size:.24rem; line-height:1.8;}

.p2 .p2-img{ width:6.88rem; height:4.74rem; margin:0 auto; background:url(img/p2-img.png) no-repeat;background-size:100%; padding:.22rem 0 0 .28rem; box-sizing:border-box;}
.p2 .p2-img .video{ width:6.3rem; height:4.22rem; }
.p2 .p2-img .video iframe{ width:6.3rem; height:4.22rem;}
.p2 ul{ width:100%; text-align:center; padding:0.4rem 0 .2rem; }
.p2 ul li{ width:1.3rem; height:1.3rem; display:inline-block;}
.p2 ol{ width:100%; text-align:center;}
.p2 ol li{ font-size:.24rem; line-height:.44rem;}

.p3 .slide{ width:7.06rem; height:6.8rem; background:url(img/p3-bg.png) no-repeat;background-size:100%; padding-top:.2rem;}
.p3 .slide .bd{ width:6.49rem; height:3.6rem; margin:0 auto; overflow:hidden;}
.p3 .slide .hd ul{ width:100%; text-align:center; padding-bottom:0.1rem;}
.p3 .slide .hd ul li{ width:.12rem; height:.12rem; border:1px solid #780101; display:inline-block;}
.p3 .slide .hd ul li.on{ background:#780101;}
.p3 .slide p{ font-size:.24rem; text-indent:2em; text-align:justify; padding:0 0.1rem; line-height:1.6}
.p3 .txt{ width:7.08rem; padding-right:.2rem; box-sizing:border-box; padding-top:0.4rem;}
.p3 .txt img{ width:.52rem; height:1.78rem; float:left;}
.p3 .txt p{ width:6.2rem; float:right; font-size:.24rem; text-indent:2em; text-align:justify;}

.p7 .txt{ width:100%; text-align:justify; text-indent:2em; font-size:.24rem; line-height:.44rem; padding:.5rem 0;}
.p7 .ewm{ width:1.9rem; height:1.9rem; margin:0 auto .9rem;}
.p7 .team{ width:6.46rem; height:1.72rem; background:url(img/team.png) no-repeat;background-size:100%; margin:0 auto;}
.p7 .team ul{ padding:.6rem 0 0 .4rem;}
.p7 .team ul li{ float:left; width:40%; font-size:.2rem; line-height:.44rem;}
.p7 .team ul li:nth-child(4){ width:60%;}

#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);}
}
@media screen and (max-height: 570px) {
   .p1 .txt p{ line-height:1.3;}
   .p3 .slide p{ font-size:.22rem;line-height:1.2}
}