em{ font-style: normal; }
strong{ font-weight: inherit; }
img{display:block;float: left;}
span{margin: 0;padding:0;}
.load-animate{visibility:hidden;}
@-moz-keyframes scaleAnimate1 {  
	0% {left: 6px;top: 90px;height: 74px;width: 68px;}
    50% {left: -3px;top: 80px;height: 94px;width: 88px;}
    100% {left: 6px;top: 90px;height: 74px;width: 68px;}
}
@-webkit-keyframes scaleAnimate1 {  
	0% {left: 6px;top: 90px;height: 74px;width: 68px;}
    50% {left: -3px;top: 80px;height: 94px;width: 88px;}
    100% {left: 6px;top: 90px;height: 74px;width: 68px;}
}
@-moz-keyframes scaleAnimate2 {  
	0% {left: 91px;top: 187px;height: 38px;width: 33px;}
    50% {left: 81px;top: 177px;height: 58px;width: 53px;}
    100% {left: 91px;top: 187px;height: 38px;width: 33px;}
}
@-webkit-keyframes scaleAnimate2 {  
	0% {left: 91px;top: 187px;height: 38px;width: 33px;}
    50% {left: 81px;top: 177px;height: 58px;width: 53px;}
    100% {left: 91px;top: 187px;height: 38px;width: 33px;}
}
@-moz-keyframes onlineAnimate {  
	0% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
    50% {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
}
@-webkit-keyframes onlineAnimate {  
	0% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
    50% {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
    100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
}

.hidden {display:none;}
.show {display:block;}
.index_center{padding-top:80px;}

.scroll_Top{ display: block; width:69px; height:69px; position: fixed; right: 30px; bottom: 120px; }
@media screen and (max-height: 414px){
    .scroll_Top { display: none; }
}

.banner_button{ width: 400px; overflow: hidden; margin:0 auto;padding-top:33px; text-align: center;}
.banner_button a{ display:inline-block; margin: 0 10px; border-radius: 3px;color:#FFF; text-align: center; font-size:16px; }
.button1{ width:140px; height:43px; line-height:43px; background: #ffd200; }
.button2{ width: 138px; height:41px; line-height:41px; border: 1px solid #FFF; }
.Extremely_banner{background: url(images/Extremely_banner.jpg) no-repeat center top;}
.Extremely_banner_main{height: 500px;}
.Extremely_banner_main strong,.Extremely_banner_main p,.Extremely_banner_main em{color: #fff;display: block;text-align: center;}
.Extremely_banner_main strong{font-size: 24px;padding-top: 165px;}
.Extremely_banner_main p{font-size: 50px;}
.Extremely_banner_main em{font-size: 14px;padding-top: 10px;}
.Extremely_img{width: 895px;height: 513px;margin:0 auto;}
.What_miniapp{ width: 100%;}
.What_miniapp_main{ width: 1200px; margin:0 auto;}
.What_miniapp_tit{text-align:center;font-size: 32px;color:#333;padding:40px 0;}
.What_miniapp_img{ width:672px; height: 381px;  margin: 0 auto;}
.What_miniapp_main p{max-width:1200px;margin: 0 auto;display: block;color: #777;font-size: 14px;text-align: center;line-height: 26px;margin-bottom: 50px;}
.max_abc{ width: 100%; overflow:hidden; }
.min_abc{ width: 100%; background-color: #363b3e;}
.abc_tit{ width: 100%; font-size: 32px; color: #333; text-align: center;padding: 40px 0;}
.abc_c{ width: 1200px; height: 520px; margin:0 auto; overflow: hidden; }
.abc_list{ width: 240px; height: 520px; float: left; position: relative; }
.abc_list_img{ display: block; width: 240px; height: 520px;}
.abc_list_con{ width: 240px; height: 520px; background-color:rgba(0, 0, 0, 0.8); position: absolute;left:0;right: 0;top: 0;}
.abc_list_con img{width:100%;}
.abc_list_con span{ display: block; width: 55px; height: 55px; margin: 0 auto;margin-top: 188px;}
.abc_list_con strong{ display: block; width: 40px; height: 2px; background-color: #FFF; margin: 0 auto; margin-top:35px; }
.abc_list_con p{ display: block; font-size:18px; color: #FFF; text-align: center;padding-top:23px;padding-bottom: 20px;}
.abc_list_con em{ display:none; width:175px; margin:0 auto; font-size: 12px;color: #deefff;font-style: normal; text-align: center; line-height: 24px;}
.abc_list_con1{background-color:rgba(0, 0, 0, 0.75);}

.scene{ width: 100%; background: #f8f8f8; }
.scene_main{ width: 96%;margin:0 auto; }
.scene_tit{ font-size: 32px; color: #333; text-align: center;width: 100%;padding: 60px;}
.scene_con{ width: 100%; height: 320px; overflow: hidden;}
.scene_con ul{ width: 100%; text-align: center;}
.scene_con ul li{ width:80px; margin:0 25px 40px; display: inline-block;}
.scene_con ul li span{ display: block; width: 80px; height: 80px; overflow: hidden;border-radius: 50%; overflow: hidden;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.scene_con ul li span:hover{  -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.scene_con ul li p{ display: block; width: 80px; font-size:14px; color: #555; text-align: center;padding-top:16px;}

.Demon{width: 100%;}
.Demon_main{ width: 96%; margin:0 auto; }
.Demon_h{width: 100%;padding:50px 0 0; font-size: 32px; color: #333; text-align: center;}
.Demon_d{width: 100%;padding:0 0 30px; font-size: 14px; color: #666; text-align: center;}
.Demon_maincon{ padding-bottom:30px; text-align: center; }
.Demon_left{width: 260px; height: 473px; margin:10px 14px; border-radius: 5px; overflow: hidden; background: #f5f5f5; display:inline-block; -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.Demon_left:hover{  -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-box-shadow:  0 0 30px rgba(0, 0, 0, .2);-moz-box-shadow:  0 0 30px rgba(0, 0, 0, .2);box-shadow:  0 0 30px rgba(0, 0, 0, .2);}
.Demon_tit{width: 100%;height: 148px;background: url(images/Demon_tit.png) no-repeat center top;}
.Demon_tit0{background: url(images/Demon_tit0.png) no-repeat center top;}
.Demon_tit2{background: url(images/Demon_tit2.png) no-repeat center top;}
.Demon_tit3{background: url(images/Demon_tit3.png) no-repeat center top;}
.Demon_tit p{display: block;text-align: center;color: #fff;font-size: 22px;padding-top: 40px;margin-bottom: 20px;}
.Demon_pic{overflow: hidden;text-align: center;}
.Demon_pic em{text-align: center;font-size: 24px;color: #ffffff;}
.Demon_pic .Demon_pic_em{font-size: 14px;}
.Demon_con{overflow: hidden;}
.Demon_con p{display: block;color: #888;font-size: 14px;text-align: center;line-height: 65px;}
.Demon_con_list,.Demon_list2{height: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #555;background: #fff;margin: 0 auto;margin-bottom: 5px;}
.Demon_con_list{width: 219px;}
.Demon_zong{width: 219px;margin:0 auto;overflow: hidden;}
.Demon_list2{width: 107px;float: left;margin-right: 5px;}
.Demon_list2:nth-child(even){margin-right: 0px;}
.Demon_ok{width: 140px;height: 43px;background: url(images/Demon_ok1.jpg) repeat-x;display: block;margin:0 auto;border-radius: 5px;overflow: hidden;margin-top: 28px;font-size: 14px;color: #fff;text-align: center;line-height: 40px;}
.Demon_ok0{background: url(images/Demon_ok0.png) repeat-x;}
.Demon_ok2{background: url(images/Demon_ok2.jpg) repeat-x;}
.Demon_ok3{background: url(images/Demon_ok3.jpg) repeat-x;}

.page-register-btn{text-align: center;padding: 55px 0;}
.page-register-btn a{display: inline-block; width: 190px; height: 55px; background-color: #00a2ff; border-radius: 8px; color:#fff; font: 400 16px/ 55px '微软雅黑'; box-shadow: 0px 5px 15px rgba(4, 195, 255, .5);}
.page-register-btn a:hover{background-color: #39b7ff;}

.mhide{ padding:30px 0;background-color:#F4F4F4;}
.mhide a{ width:24%; padding-right:0.5%; height: 20px; display: inline-block; overflow: hidden;}

@media screen and (max-width:1024px){
	.Extremely_banner  .Extremely_banner_main p{ font-size: 2.5rem; }
	.What_miniapp{ width: 100%; overflow: hidden; }
	.What_miniapp_main { width: 100%;height: auto; }
	.What_miniapp_main p{ width: 90%; }
	.max_scene { height: auto; }
	.min_scene { width: 100%; }
	.scene_tit{ width: 100%; padding:50px 0 30px;}
	.scene_con{ width: 100%;}
	.scene_con ul{ width: auto; margin: 0 auto; text-align:center;}
	.scene_con ul li { margin: 0 11px 30px; display: inline-block; float: none; }
	.min_abc .abc_c{ width: 100%; }
	.min_abc .abc_c .abc_list { width: 20%; }
	.min_abc .abc_c .abc_list .abc_list_img{ width: 100%; overflow: hidden; }
	.min_abc .abc_c .abc_list .abc_list_con{ width: 100%; }
    .Demon_h {padding:3rem 0;}
	.Demon_main{ width: 100%; height: auto; }
	.Demon_maincon { width: auto; margin:0 auto; }
	.Demon_maincon .Demon_left{ width: 30.33%; margin:0 1% 20px; float: none; display: inline-block; }
	.Demon_maincon .Demon_left .Demon_tit { width: 100%; background-size:100%;}
}
@media screen and (max-width:812px){
    .Extremely_banner_main { height: 400px; }
    .Extremely_banner_main strong { padding-top:125px; }
	.Extremely_banner .Extremely_banner_main p{ font-size: 1.5rem; }
	.Extremely_banner .banner_button { width: auto; text-align:center;}
	.Extremely_banner .banner_button a{ float: none; display: inline-block; }
    .Demon_h {padding:2rem 0;}
	.Demon .Demon_tit{ height: 8.5rem; }
	.Demon .Demon_tit p{ margin-bottom: 0; padding-top:30px; }
	.Demon .Demon_left{ height: 440px; }
}

@media screen and (max-width:640px){
	.What_miniapp .What_miniapp_tit{ font-size: 1.75rem; }
	.max_abc .abc_tit{ font-size: 1.75rem; }
	.min_abc .abc_c { height: 280px; }
	.min_abc .abc_list_con span{ margin-top:88px; }
	.min_abc .abc_list_con p{ font-size: 1rem; }
	.max_scene { display: none; }
	.scene_con ul li{margin: 0 10px 40px;}
	.scene_tit{ padding:30px;}
	.Demon .Demon_con_list{ width: 99%; }
	.Demon .Demon_con p { line-height: 2.5rem; }
	.Demon .Demon_tit p { padding-top: 20px; font-size: 1.125rem; }
	.Demon .Demon_pic em { font-size: 1.125rem; }
	.Demon .Demon_left { height: 400px; }
	.Demon .Demon_ok { margin-top:1rem; }
	.Demon .Demon_zong{ width: 99%; }
	.Demon .Demon_list2{ width: 49%;margin-right:2%; }
	.Demon .Demon_list2:nth-child(even){margin-right: 0;}
	.Demon_con_list, .Demon_list2 { font-size: 0.75rem; }
	.page-register-btn{ padding:10px 0;}
}
@media screen and (max-width:414px){
	.Extremely_banner .Extremely_banner_main em { padding-left: 10px; padding-right:10px; }
	.What_miniapp .What_miniapp_img{ width: 100%; height: auto; }
	.What_miniapp .What_miniapp_img img{ max-width: 100%; }
	.Demon .Demon_left { height: 360px; }
    .Demon_h { font-size: 1.75rem; }
	.Demon .Demon_maincon .Demon_left{ width: 47%; }
	.Demon .Demon_tit{ height: 7rem; }
	.min_abc .abc_list_con img{ max-width: 70%; float: none; margin:0 auto; }
	.min_abc .abc_list_con p { font-size: 0.75rem; }
	.min_abc .abc_c { height: 200px;}
	.min_abc .abc_list_con span { margin-top: 48px; }
}
@media screen and (max-width:375px){
	.Extremely_banner .Extremely_banner_main { height: 340px; }
	.Extremely_banner .Extremely_banner_main strong{ padding-top: 100px; }
	.Extremely_banner .Extremely_banner_main p{ font-size: 1rem; }
	.Extremely_banner .Extremely_banner_main em { font-size: 0.75rem; }
	.Extremely_banner .button1{width: 110px; height: 38px; line-height: 38px;}
	.Extremely_banner .button2{width: 110px; height: 38px; line-height: 38px;}
	.Extremely_banner .banner_button a{ font-size: 0.75rem; }
	.What_miniapp .What_miniapp_tit { padding-top: 30px; padding-bottom: 20px; }
	.What_miniapp .What_miniapp_img{ width: 100%; height: auto; }
	.What_miniapp .What_miniapp_img img{ max-width: 100%; }
	.max_abc .abc_list_con em{ width: 100%; }
}


.lsv-row {background-color: #fff;}
.lsv-row .row-head, .mb2 .row-head{text-align: center;padding:40px 0 40px;}
.lsv-row .row-head h2, .mb2 .row-head h2{font-size:34px;color:#323232;margin:0 0 10px;}
.lsv-row .row-head p, .mb2 .row-head p{font-size:14px;color:#666666;margin:0;}
.lsv-row .row-inner{width:100%; overflow: hidden;position:relative; padding-bottom: 30px;}
.lsv-row ul{display:inline-block; text-align: center;}
.lsv-row li{display:inline-block; width: 400px;vertical-align: top; height:473px; margin:0 20px 20px;}
.lsv-row li a{display:inline-block;height:100%; margin:0 2%; box-sizing: border-box; border:1px solid #ededed; border-radius: 10px; transition:all .3s linear;}
.lsv-row li a:hover{box-shadow: 0 0 26px rgba(0,0,0,.06);}
.lsv-row .pic{border-radius: 10px; overflow: hidden;}
.lsv-row .pic{border-radius: 10px; overflow: hidden; margin: 19px;}
.lsv-row .pic img{max-width: 100%;}
.lsv-row li h4{font-size: 18px; color:#222222; text-align:center;margin: 17px 0 20px;}
.lsv-row li .text-box{height: 111px;}
.lsv-row li p{margin: 0 18px; font-size: 14px; color:#777777; line-height: 2; white-space: normal; }
.lsv-row .btn-box{text-align:center; padding: 29px 0;}
.lsv-row button{font-size: 14px; color:#00a2ff;border:1px solid #00a2ff; background-color:#fff;width:163px;height:43px;border-radius:5px; transition:all .3s linear; cursor:pointer;}
.lsv-row a:hover button{ color:#fff;background-color:#00a2ff;}
.lsv-row .row-inner .lr-btn{position:absolute;bottom:0;left: 50%; margin-left: -40px;}
.lsv-row .row-inner .lr-btn span{display:inline-block; width: 20px; height: 20px; border:1px solid #ccc;border-radius: 50%; margin: 0 10px;position:relative;font-size:20px;line-height:18px;text-align:center;cursor:pointer;color:#ccc;}
.lsv-row .row-inner .lr-btn span:hover{background-color:#00a2ff;color:#fff;}
.mb2 .row-head{text-align: center;padding:40px 0 10px;}
.mb2 .row-head h2{font-size:34px;color:#323232;margin:0 0 10px;}
.mb2 .row-head p{font-size:14px;color:#666666;margin:0;}

  @media screen and (max-width:1366px) {
	.lsv-row li{ width: 23%; height:auto; overflow: hidden; margin:0 0.5% 20px; }
  }

  @media screen and (max-width:1024px) {
	.lsv-row li{ width: 23%; height:auto; overflow: hidden; margin:0 0.5% 20px; }
  }

  @media screen and (max-width:812px) {
	.lsv-row li p{ font-size: 0.875rem; }
  }

  @media screen and (max-width:768px) {
    .lsv-row .row-head h2 { font-size:25px; margin:0; }
    .lsv-row .row-head p{ font-size:12px; }
    .lsv-row li { width: 45%; margin:0 0 20px; }
    .lsv-row li a{ margin:0 10px;}
    .mb2 .row-head h2 { font-size:25px; margin:0; }
    .mb2 .row-head p{ font-size:12px; }
  }
  @media screen and (max-width:768px) {
  	.lsv-row li .text-box{ height: 80px; overflow: hidden; }
  	.lsv-row .btn-box{ padding:10px 0 20px; }
  }
  @media screen and (max-width:640px) {
    .lsv-row li { height:auto; overflow: hidden;}
    .lsv-row .pic{ margin:1px; }
    .lsv-row li h4{ font-size:16px; margin:0px 0 10px;}
    .lsv-row li .text-box{ height:50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    .lsv-row li p{ font-size:0.75px; }
    .lsv-row button{width:100px;height:32px;line-height:1;border-radius:30px; font-size:12px;}
    .lsv-row .btn-box{ padding:10px; }
  }