ul, li {
    list-style: none;
    /* line-height: 0px; */
}

body, div, ul, li, img, p, a, h1, h2, h3 {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

html, body {
    width: 100%;
    height: 100%;
    background: #ffffff;
    color: #ffffff;
    font-family: "微软雅黑", "黑体", Helvetica, Verdana, sans-serif;
    font-size: 14px;
    overflow: hidden;
    /*-webkit-user-select: none;
  user-select: none;*/
}
.fl{float:left}
.fr{float:right}
.cl{clear:both}
.clear{clear:both}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix {*zoom:1;}
div {background-repeat: no-repeat;}

.border-box{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
img{display: block;width: 100%;}
.mainbox{width: 100%;height: 100%;max-width: 750px;margin: 0 auto;overflow: hidden;position: absolute;display: none;left: 0;top: 50%;}
@keyframes animation-rotate {
  from {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
  to {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes animation-rotate {
  from {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
  to {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
}

@keyframes animation-rotate-un {
  from {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
  to {transform: rotate(-360deg);-webkit-transform: rotate(-360deg);}
}
@-webkit-keyframes animation-rotate-un {
  from {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
  to {transform: rotate(-360deg);-webkit-transform: rotate(-360deg);}
}

.loading_bg{
	position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;background-color:#fff;
  background-color: #ebebeb;
  text-align: center;
  /* Center 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;
	}
.loading_bg .loading-anm {width:100%;height: 100%;}
.loading_bg .loading_logo{position:absolute;width: 100px; top:40%;left:50%;margin-left: -50px; margin-top:0%;}
.loading_bg .loading_logo img{width:100%;height: 100%; }
.loading_bg .content .logo {
  width: 40px;
  line-height: 0;
  font-size: 0;
  text-align: center;
  display: inline-block;
  animation: animation-rotate-un 1600ms linear infinite normal forwards;
  -webkit-animation: animation-rotate-un 1600ms linear infinite normal forwards;
  transform-origin: center center;
  -webkit-transform-origin: center center;
}
.loading_bg .loading_text{position:absolute;top:57%;left:0;width:100%;height:0.2rem;color:#252525;text-align:center;font-size:16px}

@keyframes eatz {
  0%,100% {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
  50% {transform: rotate(-3deg);-webkit-transform: rotate(-3deg);}
}
@-webkit-keyframes eatz {
  0%,100% {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
  50% {transform: rotate(-3deg);-webkit-transform: rotate(-3deg);}
}

.disabled { pointer-events: none; } 

#swiper,.page{width:100%;height: 100%;overflow: hidden;bottom: 0;}
.page img{width: 100%;}
.page .pcont{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.page1{background: url(../images/p1_bg.jpg) no-repeat 0 0;background-size: 100% auto;}
.page1 .p1_yun{position: absolute;left: 0%;top: 0%;width: 100%;max-width: 828px;z-index: 0;}
.page1 .P1_logo1{position: absolute;left: 20%;top: 10%;width: 60%;max-width: 543px;z-index: 8;}
.page1 .p1_zhulou{position: absolute;right: -8%;bottom: 5%;width: 100%;max-width: 828px;z-index: 2;}
.page1 .p1_z2{position: absolute;left: 15%;top: 12%;width: 70%;max-width: 578px;z-index: 6;}
.page1 .p1_z2 .p1_fj{position: absolute;left: 23%;bottom: 15%;width: 28%;max-width: 158px;z-index: 6;}
.page1 .p1_z1{position: absolute;left: 14%;top: 35%;width: 72%;max-width: 560px;z-index: 3;}
.page1 .p1_nvs{position: absolute;left: 14%;bottom: -7%;width: 20%;max-width: 222px;z-index: 7;}
.page1 .p1_cao1{position: absolute;left: -23%;bottom: 2%;width: 39%;max-width: 332px;z-index: 2;}

.page1 .p1_cao2{position: absolute;right: -16%;bottom: -6%;width: 54%;max-width: 550px;z-index: 2;}
.page1 .p1_huad{position: absolute;right: 1%;top: 34%;width: 15%;max-width: 550px;z-index: 2;}

.page1 .p1_huad img{
	animation: yun1 1.5s 0s linear infinite normal forwards;
  -webkit-animation: yun1 1.5s 0s linear infinite normal forwards;
}
@keyframes yun1 {
  0% {transform: translateX(0px);-webkit-transform: translateX(0px);}
  100% {transform: translateX(-15px);-webkit-transform: translateX(-15px);}
}
@-webkit-keyframes yun1 {
  0% {transform: translateX(0px);-webkit-transform: translateX(0px);}
  100% {transform: translateX(-15px);-webkit-transform: translateX(-15px);}
}



.page1 .P1_logo1{position: absolute;left: 5%;top: 5%;width: 60%;max-width: 467px;z-index: 8;}
.page1 .P1_logo2{position: absolute;left: 2%;bottom: 10%;width: 96%;max-width: 705px;z-index: 8;}

.page2{background: url(../images/p2_bg.jpg) no-repeat 0 0;background-size: 100% auto;}
.page2 .p2_t{position: absolute;left: 15%;top: 17%;width: 70%;max-width: 560px;z-index: 1;}
.page2 .p2_f1{position: absolute;left: -16%;top: 22%;width: 72%;max-width: 413px;z-index: 1;}
.page2 .p2_f2{position: absolute;left: 28%;top: 68%;width: 70%;max-width: 408px;z-index: 1;}
.page2 .p2_f3{position: absolute;left: 40%;top: -20%;width: 73%;max-width: 399px;z-index: 1;}
.page2 .p2_z1{position: absolute;left: 10%;top: 57%;width: 80%;max-width: 555px;z-index: 1;}
.page2 .p2_go{position: absolute;left: 37%;bottom: 12%;width: 26%;max-width: 240px;z-index: 2;}

.page3{background: url(../images/p3_bg.jpg) no-repeat 0 0;background-size: 100% auto;}
.page3 .p3_dw{position: absolute;left: 4%;top: 19%;width: 88%;max-width: 750px;z-index: 1;}
.page3 .navbox{position: absolute;left: 29%;top: 39%;width: 40%;max-width: 750px;z-index: 5;}
.page3 .navbox li{margin: 15px auto;}
.page3 .P2_du1{left: 33%;top: 72%;width: 52%;max-width: 750px;z-index: 5;}

.page3 .p3_jsbox{position: absolute;left: 0%;top: 0%;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 10;display: none;}
.page3 .p3_jscont{position: absolute;left: 6%;top: 25%;width: 86%;border: 5px solid #0f51c1;background-color: #1d84e3;border-radius: 6px;}
.page3 .p3_jscont p{padding: 34% 5% 10%;color: #fff;font-size: 14px;}
.page3 .p3_jscont .p3_jsnr{position: absolute;left: 11%;top: -19%;width: 84%;}
.page3 .p3_jscont .P3_fj{position: absolute;left: 10%;top: -38%;width: 90%;}
.page3 .p3_jscont .P3_tt{position: absolute;left: 24%;bottom: -21%;width: 52%;}
.page3 .p3_jscont .p3_anniu{position: absolute;left: 25%;bottom: -33%;width: 50%;}
.page3 .p3_jscont2 .P3_fj{position: absolute;left: 13%;top: 10%;width: 84%;}
.page3 .p3_jscont3 .P3_fj{position: absolute;left: 25%;top: -38%;width: 64%;}


.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  /*visibility: hidden;*/
}
.page4,.page5,.page6{background: url(../images/wurenji1/wrj1_bg1.jpg) no-repeat center center;background-size: 100% auto;}
.page4 .pcont{width: 100%;height: 100%;}
.page4 .pintubox{width: 80%;}
.page4 .pt_top{position: relative;}
.page4 .pt_top li{position: absolute;}
.page4 .pt_top li.wrj1_lj1{top: 44.5%;left: 31.2%;width: 14.8%;z-index: 1;}
.page4 .pt_top li.wrj1_lj2{top: 44%;left: 8.9%;width: 55%;z-index: 2;}
.page4 .pt_top li.wrj1_lj3{top: 62.9%;left: 43.4%;width: 9.5%;z-index: 6;}
.page4 .pt_top li.wrj1_lj4{top: 31.6%;left: 19.8%;width: 56%;z-index: 4;}
.page4 .pt_top li.wrj1_lj5{top: 15%;left: 28%;width: 63.5%;z-index: 3;}
.page4 .pt_top li.wrj1_lj6{top: 44%;left: 50.5%;width: 13%;z-index: 5;}
.page4 .pt_mid{margin: 10px auto;}
.page4 .pt_mid img{display: inline-block;width: 10%;padding: 0 10%;}
.page4 .pt_bottom{position: relative;}
.page4 .pt_bottom li{transition: width 0.2s; width: 10%;position: absolute;left: 0;top: 0;}
.page4 .pt_bottom li.wrj1_lj1{left: 14%;top: 10%;width: 15%;}
.page4 .pt_bottom li.wrj1_lj2{left: 42%;top: 11%;width: 50%;}
.page4 .pt_bottom li.wrj1_lj3{left: 46%;top: 22%;width: 10%;}
.page4 .pt_bottom li.wrj1_lj4{left: 22%;top: 31%;width: 57%;}
.page4 .pt_bottom li.wrj1_lj5{left: 10%;top: 53%;width: 59%;}
.page4 .pt_bottom li.wrj1_lj6{left: 77%;top: 43%;width: 13%;}
.page4 .pt_bottom .wrj1_tip{position: absolute;left: 10%;bottom: 6%;width: 80%;z-index: 3;}
.page4 .movobox{position: absolute;left: 0%;top: 0;width: 400%;z-index: 10;display: none;}
.page4 .movobox .wrj1_mb{position: absolute;left: 2%;top: 10%;width: 20%;}
.page4 .movobox .feiji{position: absolute;left: 4%;top: 14%;width: 16%;z-index: 1;}
.page4 .movobox .wrj1_kuang{position: absolute;left: 2%;top: 47%;width: 20%;}
.page4 .movobox .wrj1_cj1{position: absolute;left: 50%;bottom: 5%;width: 25%;}
.page4 .movobox .wrj1_cj1 .wrj1_pop1{position: absolute;left: 20%;top: 11%;width: 58%;}
.page4 .movobox .wrj1_text1{position: absolute;left: 52%;top: 12%;width: 21%;z-index: 2;display: none;}
.page4 .movobox .wrj1_btn1{position: absolute;left: 59%;bottom: 11%;width: 7%;display: none;}
.page4 .movobox .wrj1_cj2{position: absolute;left: 75%;bottom: 5%;width: 25%;}
.page4 .movobox .wrj1_cj2 .wrj1_pop2{position: absolute;left: 45%;bottom: 0%;width: 41%;}
.page4 .movobox .wrj1_text2{position: absolute;left: 78%;top: 31%;width: 20%;z-index: 2;display: none;}
.page4 .movobox .wrj1_btn2{position: absolute;right: 9%;bottom: 11%;width: 7%;display: none;}

.p3_btn2{width: 40%;margin: 10px auto;}
.movobox.movo_1 {
  animation: movo1 4s linear 1 normal forwards;
  -webkit-animation: movo1 4s linear 1 normal forwards;
}
@keyframes movo1 {0% {left: 0%;}100% {left: -200%;}}
@-webkit-keyframes movo1 {0% {left: 0%;}100% {left: -200%;}}
.movobox.movo_2 {
  animation: movo2 2s linear 1 normal forwards;
  -webkit-animation: movo2 2s linear 1 normal forwards;
}
@keyframes movo2 {0% {left: -200%;}100% {left: -300%;}}
@-webkit-keyframes movo2 {0% {left: -200%;}100% {left: -300%;}}

.page4 .movobox .feiji.step_1 {
  animation: p4step1 4s linear 1 normal forwards;
  -webkit-animation: p4step1 4s linear 1 normal forwards;
}
@keyframes p4step1 {
	0% {left: 4%;top: 14%;}
	35% {left: 25%;top: 5%;width: 12%;}
	65% {left: 32%;top: 25%;width: 12%;}
	100% {left: 60%;top: 20%;width: 12%;}
}
@-webkit-keyframes p4step1 {
	0% {left: 4%;top: 14%;}
	35% {left: 25%;top: 5%;width: 12%;}
	65% {left: 32%;top: 25%;width: 12%;}
	100% {left: 60%;top: 20%;width: 12%;}
}
.page4 .movobox .feiji.step_2 {
  animation: p4step2 2s linear 1 normal forwards;
  -webkit-animation: p4step2 2s linear 1 normal forwards;
}
@keyframes p4step2 {
	0% {left: 60%;top: 20%;width: 12%;}
	100% {left: 76%;top: 5%;width: 12%;}
}
@-webkit-keyframes p4step2 {
	0% {left: 60%;top: 20%;width: 12%;}
	100% {left: 76%;top: 5%;width: 12%;}
}

.page5 .pcont{width: 100%;height: 100%;}
.page5 .pintubox{width: 80%;}
.page5 .pt_top{position: relative;}
.page5 .pt_top li{position: absolute;}
.page5 .pt_top li.wrj2_lj1{top: 29.5%;left: 12.2%;width: 75.8%;z-index: 6;}
.page5 .pt_top li.wrj2_lj2{top: 28%;left: 50.9%;width: 44%;z-index: 2;}
.page5 .pt_top li.wrj2_lj3{top: 27.9%;left: 5.8%;width: 41.5%;z-index: 6;}
.page5 .pt_top li.wrj2_lj4{top: 39.6%;left: 42.8%;width: 19%;z-index: 4;}
.page5 .pt_top li.wrj2_lj5{top: 33%;left: 52%;width: 12.5%;z-index: 3;}
.page5 .pt_top li.wrj2_lj6{top: 33%;left: 35.5%;width: 13%;z-index: 5;}
.page5 .pt_mid{margin: 10px auto;}
.page5 .pt_mid img{display: inline-block;width: 10%;padding: 0 10%;}
.page5 .pt_bottom{position: relative;}
.page5 .pt_bottom li{transition: width 0.2s; width: 10%;position: absolute;left: 0;top: 0;}
.page5 .pt_bottom li.wrj2_lj1{left: 14%;top: 10%;width: 75%;}
.page5 .pt_bottom li.wrj2_lj2{left: 44%;top: 29%;width: 50%;}
.page5 .pt_bottom li.wrj2_lj3{left: 14%;top: 67%;width: 47%;}
.page5 .pt_bottom li.wrj2_lj4{left: 39%;top: 35%;width: 21%;}
.page5 .pt_bottom li.wrj2_lj5{left: 16%;top: 30%;width: 13%;}
.page5 .pt_bottom li.wrj2_lj6{left: 72%;top: 43%;width: 13%;}
.page5 .pt_bottom .wrj1_tip{position: absolute;left: 10%;bottom: 6%;width: 80%;z-index: 3;}
.page5 .movobox{position: absolute;left: 0%;top: 0;width: 400%;z-index: 10;display: none;}
.page5 .movobox .wrj2_mb{position: absolute;left: 3%;top: 10%;width: 19%;}
.page5 .movobox .feiji{position: absolute;left: 4%;top: 18%;width: 17%;z-index: 1;}
.page5 .movobox .feiji .wrj2_yao{position: absolute;left: 29%;bottom: -64%;width: 43%;z-index: 1;display: none;}
.page5 .movobox .wrj1_kuang{position: absolute;left: 3%;top: 47%;width: 19.1%;}
.page5 .movobox .wrj1_cj1{position: absolute;left: 50%;bottom: 5%;width: 25%;}
.page5 .movobox .wrj1_cj1 .wrj1_pop1{position: absolute;left: 20%;top: 11%;width: 58%;}
.page5 .movobox .wrj1_text1{position: absolute;left: 52%;top: 12%;width: 21%;z-index: 2;display: none;}

.page5 .movobox .wrj1_btn1{position: absolute;left: 59%;bottom: 11%;width: 7%;display: none;}
.page5 .movobox .wrj1_cj2{position: absolute;left: 75%;bottom: 5%;width: 25%;}
.page5 .movobox .wrj1_cj2 .wrj1_pop2{position: absolute;left: 45%;bottom: 0%;width: 41%;}
.page5 .movobox .wrj1_text2{position: absolute;left: 78%;top: 31%;width: 20%;z-index: 2;display: none;}
.page5 .movobox .wrj1_btn2{position: absolute;right: 9%;bottom: 11%;width: 7%;display: none;}

.page5 .movobox .feiji.step_1 {
  animation: p5step1 4s linear 1 normal forwards;
  -webkit-animation: p5step1 4s linear 1 normal forwards;
}
@keyframes p5step1 {
	0% {left: 4%;top: 18%;width: 17%;}
	35% {left: 25%;top: 5%;width: 14%;}
	65% {left: 32%;top: 25%;width: 14%;}
	100% {left: 56%;top: 32%;width: 14%;}
}
@-webkit-keyframes p5step1 {
	0% {left: 4%;top: 18%;width: 17%;}
	35% {left: 25%;top: 5%;width: 14%;}
	65% {left: 32%;top: 25%;width: 14%;}
	100% {left: 56%;top: 32%;width: 14%;}
}
.page5 .movobox .feiji.step_2 {
  animation: p5step2 2s linear 1 normal forwards;
  -webkit-animation: p5step2 2s linear 1 normal forwards;
}
@keyframes p5step2 {
	0% {left: 56%;top: 32%;width: 14%;}
	100% {left: 76%;top: 8%;width: 14%;}
}
@-webkit-keyframes p5step2 {
	0% {left: 56%;top: 32%;width: 14%;}
	100% {left: 76%;top: 8%;width: 14%;}
}

.page6 .pcont{width: 100%;height: 100%;}
.page6 .pintubox{width: 80%;}
.page6 .pt_top{position: relative;}
.page6 .pt_top li{position: absolute;}
.page6 .pt_top li.wrj3_lj1{top: 17.5%;left: 24.2%;width: 53.8%;z-index: 6;}
.page6 .pt_top li.wrj3_lj2{top: 60%;left: 41.9%;width: 11%;z-index: 2;}
.page6 .pt_top li.wrj3_lj3{top: 42.9%;left: 64.8%;width: 17.5%;z-index: 5;}
.page6 .pt_top li.wrj3_lj4{top: 43.6%;left: 33.8%;width: 23%;z-index: 6;}
.page6 .pt_top li.wrj3_lj5{top: 16%;left: 45%;width: 30.5%;z-index: 3;}
.page6 .pt_top li.wrj3_lj6{top: 31%;left: 17.5%;width: 23%;z-index: 5;}
.page6 .pt_mid{margin: 10px auto;}
.page6 .pt_mid img{display: inline-block;width: 10%;padding: 0 10%;}
.page6 .pt_bottom{position: relative;}
.page6 .pt_bottom li{transition: width 0.2s; width: 10%;position: absolute;left: 0;top: 0;}
.page6 .pt_bottom li.wrj3_lj1{left: 44%;top: 29%;width: 50%;}
.page6 .pt_bottom li.wrj3_lj2{left: 44%;top: 65%;width: 17%;}
.page6 .pt_bottom li.wrj3_lj3{left: 43%;top: 21%;width: 16%;}
.page6 .pt_bottom li.wrj3_lj4{left: 11%;top: 33%;width: 24%;}
.page6 .pt_bottom li.wrj3_lj5{left: 60%;top: 13%;width: 31%;}
.page6 .pt_bottom li.wrj3_lj6{left: 14%;top: 13%;width: 23%;}
.page6 .pt_bottom .wrj1_tip{position: absolute;left: 10%;bottom: 6%;width: 80%;z-index: 3;}
.page6 .movobox{position: absolute;left: 0%;top: 0;width: 400%;z-index: 10;display: none;}
.page6 .movobox .wrj3_mb{position: absolute;left: 3%;top: 10%;width: 19%;}
.page6 .movobox .feiji{position: absolute;left: 6.5%;top: 12.4%;width: 12.2%;z-index: 1;}
.page6 .movobox .wrj1_kuang{position: absolute;left: 3%;top: 47%;width: 19.1%;}
.page6 .movobox .wrj1_cj1{position: absolute;left: 50%;bottom: 5%;width: 25%;}
.page6 .movobox .wrj1_cj1 .wrj1_pop1{position: absolute;left: 20%;top: 11%;width: 58%;}
.page6 .movobox .wrj1_text1{position: absolute;left: 52%;top: 12%;width: 21%;z-index: 2;display: none;}

.page6 .movobox .wrj1_btn1{position: absolute;left: 59%;bottom: 11%;width: 7%;display: none;}
.page6 .movobox .wrj1_cj2{position: absolute;left: 75%;bottom: 5%;width: 25%;}
.page6 .movobox .wrj1_cj2 .wrj1_pop2{position: absolute;left: 45%;bottom: 0%;width: 41%;}
.page6 .movobox .wrj1_text2{position: absolute;left: 78%;top: 31%;width: 20%;z-index: 2;display: none;}
.page6 .movobox .wrj1_btn2{position: absolute;right: 9%;bottom: 11%;width: 7%;display: none;}

.page6 .movobox .feiji.step_1 {
  animation: p6step1 4s linear 1 normal forwards;
  -webkit-animation: p6step1 4s linear 1 normal forwards;
}
@keyframes p6step1 {
	0% {left: 6.5%;top: 12.4%;width: 12.2%;}
	35% {left: 25%;top: 5%;width: 14%;}
	65% {left: 32%;top: 25%;width: 14%;}
	100% {left: 54%;top: 22%;width: 12%;}
}
@-webkit-keyframes p6step1 {
	0% {left: 6.5%;top: 12.4%;width: 12.2%;}
	35% {left: 25%;top: 5%;width: 14%;}
	65% {left: 32%;top: 25%;width: 14%;}
	100% {left: 54%;top: 22%;width: 12%;}
}
.page6 .movobox .feiji.step_2 {
  animation: p6step2 2s linear 1 normal forwards;
  -webkit-animation: p6step2 2s linear 1 normal forwards;
}
@keyframes p6step2 {
	0% {left: 54%;top: 22%;width: 12%;}
	100% {left: 78%;top: 4%;width: 9%;}
}
@-webkit-keyframes p6step2 {
	0% {left: 54%;top: 22%;width: 12%;}
	100% {left: 78%;top: 4%;width: 9%;}
}









.page7{background: url(../images/p2_bg.jpg) no-repeat 0 0;background-size: 100% auto;}
.page7 .p7_pcont{position: absolute;left: 6%;top: 9%;width: 88%;}
.page7 .p7_5z1{position: absolute;left: 5%;top: 4%;width: 90%;}
.page7 .p7_list{position: absolute;width: 26%;}
.page7 .p7_list1{left: 16%;top: 56%;}
.page7 .p7_list2{left: 57%;top: 56%;}
.page7 .p7_list3{left: 16%;top: 77%;}
.page7 .p7_list4{left: 57%;top: 77%;}
.page7 .p7_btn1{position: absolute;left: 15%;bottom: -10%;width: 30%;}
.page7 .p7_btn2{position: absolute;left: 55%;bottom: -10%;width: 30%;}

.page7 .p7_fcbox{position: absolute;left: 0%;top: 0%;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 10;display: none;}
.page7 .p7_fccont{position: relative;width: 81%;margin: 30% auto 2%;border: 15px solid #1d84e3;background-color: #c5e9ff;border-radius: 6px;}
.page7 .p7_fccont p{padding: 10% 5% 10%;color: #252525;font-size: 14px;line-height: 1.6;}
.page7 .p7_fccont .p7_tt{position: absolute;left: 15%;top: -33px;width: 70%;}
.page7 .p7_fcbox .p7_anniu{width: 10%;margin: 0 auto;}


.page8{background: url(../images/p2_bg.jpg) no-repeat 0 0;background-size: 100% auto;}
.page8 .pcont{width: 100%;color: #252525;}
.page8 .p8_text{width: 80%;margin: 20% auto 0px;}
.page8 .p8_content{width: 90%;margin: 0 auto;}
.page8 .p8_content li {padding: 10px 5px;  color: #252525;}
.page8 .p8_content .head{padding:10px 0;position: relative;}
.page8 .p8_content span{position: absolute;right: 0px;top: 13px;}
.page8 .p8_content .head span{ width:9px; height:15px; background:url(../images/p6_6t4.png) no-repeat 0 0;background-size: 100% 100%;}
.page8 .p8_content .on span{width:15px; height:9px;background:url(../images/p6_6t6.png) no-repeat 0 0;background-size: 100% 100%;}
.page8 .p8_content .describe{width: 90%;margin: 0 auto;display:none;}
.page8 .p8_content .describe p{font-size: 14px;}
.page8 .p8_content .open{display:block;}
.page8 .p8_erweima{position: absolute;left: 35%;bottom: 22%;width: 30%;}
.p8_logo{position: absolute;left: 15%;bottom: -20%;width: 70%;}
.page8 .p7_anniu{position: absolute;left: 45%;bottom: 11%;width: 10%;}

.p6_imgbox{position: absolute;left: 0%;top: 0%;width: 100%;height: 100%;/* opacity: 0; *//* display: none; */z-index: 10;}
.p6_imgbox .imgbox{width: 100%;height: auto;}
.p6_imgbox .imgbox img{width:100%;}
.P6_changan{position: absolute;left: 30%;bottom: 10%;width: 40%;height: auto;z-index: 10;}



.music{position: fixed;right: 0.3rem;top: 0.3rem;width:30px;height:30px;background:url(//x0.ifengimg.com/cmpp/2019/51/b408ee37528642c/music.png) no-repeat center left;background-size:cover;z-index: 1000;display:none;}
.music.pause{background:url(//x0.ifengimg.com/cmpp/2019/51/b408ee37528642c/music_pause.png) no-repeat;background-size:cover;}
/* ==========================================================================
Animations
========================================================================== */

a,.music{outline: none;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}



.share {
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    text-align: right;
    z-index: 1100;
}
.share img {
	display: inline-block;
    width: 70%;
}

@media only screen and (max-width: 320px){
	
}

@media (min-width:320px) and (max-width:350px) {
	
}