@charset "utf-8";
/* CSS Document */
html{color:#000;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-size: 62.5%;background:#fff;}
body{font-family: 'Microsoft YaHei';}
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;}.fl,.fr {_display:inline;}.fl{float:left;}.fr {float:right;}
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:normal}
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;}
.mt80{ margin-top:0.6rem;}
.pr{ position:relative;}
html, body {position: relative; height: 100%; } 
body {background: #fff; font-size:0.24rem; color:#000; margin: 0; padding: 0; } 
.swiper-container { width: 100%; height: 100%; }

.swiper-slide { /* Center slide text vertically */ 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; background:#fff; }
.content{ margin-top:-20%;}
@-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);}
}
/*标题*/
.tt{ width:5.1rem; height:.76rem; margin:0 auto .1rem;}
/*首页*/
.bg1{ width:100%; height:100%; background:url(../img/bg1.jpg) no-repeat; background-size:cover;}
.bg2{ width:100%; height:100%; background:url(../img/bg2.jpg) no-repeat; background-size:cover;}
.bg3{ width:100%; height:100%; background:url(../img/bg3.jpg) no-repeat; background-size:cover;}

.w90{ width:7.1rem; margin:0 auto;}
.w83{ width:83%; margin:0 auto;}
.bg1{ background:url(../img/bg1.jpg) no-repeat; background-size:cover;}
.b-logo{ width:3.72rem; height:1.3rem; margin:0 auto;}
.theme{ width:6.18rem; height:4.3rem; margin:.4rem auto;}
.logo{ width:2.35rem; height:.78rem; margin:0 auto;}

.p1-txt{ width:100%; text-align:center; color:#fff; font-size:.24rem; line-height:1.8; padding-top:.7rem;}
.p1-txt b{ color:#ffcf8b;}

.p2 ul{ position:relative; margin-top:.6rem;}
.p2 ul li{ width:3.17rem; height:2.77rem; float:left;}
.p2 ul li:nth-child(even){ float:right;}
.p2 ul li:nth-child(3),.p2 ul li:nth-child(4){ margin-top:2.6rem;}
.p2 ul li:nth-child(5){ width:4.86rem; height:2.64rem; position:absolute; left:50%; margin-left:-2.43rem; top:50%; margin-top:-1.32rem;}

.p3 .tab-hd{ width:100%; text-align:center; padding:.5rem 0.34rem;}
.p3 .tab-hd li{ width:1.98rem; height:.65rem; background:none; border:1px solid #9e2063; border-radius:8px; box-sizing:border-box; display:inline-block; text-align:center; line-height:.65rem; font-weight:bold;}
.p3 .tab-hd li.on{ background:url(../img/p2-hd1.png); background-size:100%; border:none; color:#fff;}
.p3 .tab-slide{ visibility: hidden !important; position: absolute; left: 0; top:0; width: 100%;}
.p3 .tab-slide.block{ visibility: visible !important;}
.p3 .bd{ width:100%; height:4.38rem; overflow:hidden;}
.p3 .hd{ width:100%; text-align:center; padding-top:.3rem;}
.p3 .hd li{ width:.3rem; height:.3rem; background:#dcdcdc; border-radius:100%; display:inline-block; margin:0 .04rem;}
.p3 .hd li.on{ background:#9e2063;}
.p3 .slide-box{ width: 100%; height: 4.98rem; overflow: hidden; position: relative;}

.p4 .slide{ margin-top:1.2rem;}
.p4 .bd{ width:100%; float:left}
.p4 .bd ul li{ position:relative;}
.p4 .bd ul li i{ width:100%; height:.4rem; line-height:.4rem; text-align:center; color:#fff; font-size:.24rem; background:url(../img/alpha.png); position:absolute; left:0; bottom:0;}
.p4 .hd{width:100%;overflow:hidden;}
.p4 .hd span{ width:.3rem; height:.58rem; position:absolute; top:40%; margin-top:-.29rem; z-index:99;}
.p4 .hd span.ad_btn_left{ left:0;}
.p4 .hd span.ad_btn_right{ right:0;}
.p4 .hd .hd-tp{width:100%; height:1.1rem;float:left;overflow:hidden; margin-top:.1rem;}
.p4 .hd .hd-tp li{ width:2.3rem; height:1.1rem; float:left; position:relative; margin-right:.1rem;}
.p4 .hd .hd-tp li img{ width:2.3rem; height:1.1rem; }
.p4 .hd .hd-tp li i{ width:2.3rem; height:1.1rem; box-sizing:border-box; border:.05rem solid #a6216b; position:absolute; left:0; top:0;display:none;}
.p4 .hd .hd-tp li em{ width:2.3rem; height:1.1rem; background:url(../img/alpha.png); font-style:normal; font-size:.24rem; line-height:1.1rem; text-align:center; position:absolute; left:0; top:0; color:#fff; }
.p4 .hd .hd-tp li.on i{ display:block;}
.p4 .hd .hd-tp li.on em{ display:none;}

.p5-txt{ width:96%; margin:0 auto;}
.p5-txt ul li{ width:3.08rem; height:3.08rem; background:url(../img/p5-bg.png) no-repeat; background-size:100%; margin:.35rem 0;}
.p5-txt ul li:nth-child(odd){float:left;}
.p5-txt ul li:nth-child(even){float:right;}
.p5-txt ul li img{ width:.54rem; height:.5rem; margin:.35rem auto .1rem;}
.p5-txt ul li h3{ font-size:.28rem; width:100%; text-align:center;}
.p5-txt ul li h3 b{ color:#92175c;}
.p5-txt ul li p{ font-size:.24rem; width:100%; text-align:center;}

.p6-list{ padding-top:.5rem;}
.p6-list ul li{ margin-bottom:.2rem;}

.p7 .slide{ padding-top:.6rem;}
.p7 .slide .bd{ width:100%; height:4.46rem; overflow:hidden;}
.p7 .slide .bd ul li{ box-sizing:border-box; border:1px solid #e5e5e5; padding:.2rem .65rem; background:#fff;}
.p7 .hd{ width:100%; text-align:center; padding-top:.3rem;}
.p7 .hd li{ width:.3rem; height:.3rem; background:#dcdcdc; border-radius:100%; display:inline-block; margin:0 .04rem;}
.p7 .hd li.on{ background:#9e2063;}
.p7-txt{ padding-top:.2rem;}
.p7-txt p{ font-size:.24rem; line-height:1.8; text-indent:2em;}
.p7-txt p b{ color:#92175c;}


.p7.p8 .slide .bd ul li{ box-sizing:border-box; border:none; padding:0; background:#fff;}

.p9 .slide{ margin-top:.5rem;}

.p10 .slide{ padding:.2rem 10% 0; position:relative;}
.p10 .slide .bd{ width:100%; height:7.96rem; overflow:hidden;}
.p10 .slide .bd ul li{ float:left;}
.p10 .slide .bd ul li .img{ width:2.7rem; height:3.78rem; float:left; position:relative;border-radius:6px; margin-bottom:.2rem;}
.p10 .slide .bd ul li .img:nth-child(even){ float:right;}
.p10 .slide .bd ul li .img .describe{ width:100%; height:1rem; position:absolute; left:0; bottom:0;}
.p10 .slide .bd ul li .img .describe h3{ width:100%; text-align:center; font-size:.35rem; color:#fff; font-weight:bold; margin-bottom:.1rem;}
.p10 .slide .bd ul li .img .describe p{ width:1.3rem; height:.34rem; line-height:.34rem; background:#4f002c; border-radius:4px; margin:0 auto; text-align:center; font-size:.24rem; color:#fff;}
.p10 .slide span{ width:.3rem; height:.58rem; position:absolute; top:50%; margin-top:-.29rem; z-index:99;}
.p10 .slide span.ad_btn_left{ left:0;}
.p10 .slide span.ad_btn_right{ right:0;}
.p10 .slide .num_s{ display:none !important;}

.p12-txt{ width:100%; text-align:center; font-size:0.24rem; line-height:1.8;}
.p12-txt p b{ color:#862159}
.p12-txt h2{ font-size:.34rem; font-weight:bold;color:#862159}
.p12-txt a{ display:block; width:2.65rem; height:.7rem; margin:0 auto;}
.p12-txt .ewm{ width:1.72rem; height:1.72rem; margin:.3rem auto;}
.p12-team{ width:100%; box-sizing:border-box; padding:.3rem 0 .3rem .5rem; border:2px solid #000; position:relative;}
.p12-team h2{ width:2.6rem; height:.6rem; position:absolute; left:50%; top:-.3rem; margin-left:-1.3rem; background:#fbfcfc; font-size:.3rem; text-align:center; font-weight:bold; line-height:1;}
.p12-team h2 small{ font-size:.16rem; text-transform:uppercase;}
.p12-team ul li{ width:50%; float:left; font-size:.24rem}
.p12 .logo{ width:2.07rem; height:.66rem; margin:.15rem auto;}

.arrow{ position:fixed; width:.5rem; height:.5rem; bottom:.3rem; left:50%; margin-left:-.25rem; z-index:9999;-webkit-animation: start 1.5s infinite ease-in-out;}


/*兼容屏幕宽度750*/
@media only screen and (min-width:1601px) and (max-width:2047px){
	html{ font-size:100px!important}
	body{ max-width:750px; margin:0 auto; }
}
@media only screen and (min-width: 1025px){
	body {width: 100% !important;margin: 0 auto;}
}

@media only screen and (max-width: 320px){.slide .bd ul li .cl{ width:7rem;}}