*{ font-family:"Microsoft Yahei";}

body{ padding:0; margin:0; color:#333; box-sizing: border-box; min-width:1000px;}

a{ color:#333; text-decoration:none;}

ul{ padding:0; margin:0;}

ul li{ list-style:none;}

ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i,em{ list-style:none; margin:0; padding:0; text-decoration: none; font-weight:normal;}

.clearfloat {clear:both;height:0;line-height: 0px;}

.fl{float: left;}

.fr{float: right;}

img{border: none;}

a:focus{ -moz-outline-style: none; /* FF */ }

a { color: #333; text-decoration: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}

a:link,a:hover,a:active,a:visited {text-decoration: none; }



/*共用头部样式*/

.top-box{ width:100%; position:absolute; left: 0; top: 0px; z-index: 999;padding: 30px 0;background: rgba(0, 0, 0, .3);}

.top{ width:95%; margin:0 auto;}

.top-l{ width:395px; height:30px; float:left;}

.top-m{ float:right; margin-top:0px;}

.top-m li i{ margin-left:5px;}

.top-m ul li{ float:left; height:30px; line-height:30px; position:relative;}

.top-m ul li:nth-child(1){ margin-right:-18px;}

.top-m ul li a{ padding:0 25px; font-size:14px; color:#fff;}

.top-m li .xldiv{display: none; position: absolute; top: 45px;padding: 0;left: 50%; margin-left: -30px; z-index:999; width: 154px; height:135px!important; background:#fff; border-radius:5px; box-shadow:0px 10px 50px rgba(0, 0, 0, .3);}

.top-m li .xldiv a{display: block;font-size: 13px;color: #666;line-height: 45px; font-weight:normal;}

.top-m li .xldiv a:hover{color: #01da96;}

.top-r{ float:right;margin-top:-5px;}

.top-r a{ width:90px; height:40px; line-height:40px; text-align:center; margin-right:10px; color:#fff; font-size:14px; border-radius:50px; display:block; float:left;}

.top-r a:hover{ width:120px; background:rgba(255,255,255,0.3);}

.top-line{ float:right; padding:0 25px;}



/*共用标题样式*/

.commontitle{ padding:10px 0; text-align:center;}

.commontitle h2{ font-size:22px; color:#333;}

.commontitle p{ font-size:13px; color:#888;}

.commontitle i{ margin:6px auto 15px auto; display:block; }
/* abouttitle */
.abouttitle{ padding:10px 0; text-align:center;margin-bottom: 60px;}

.abouttitle h2{ font-size:22px; color:#333;}

.abouttitle p{ font-size:15px; color:#888;line-height: 30px;}

.abouttitle i{ margin:6px auto 15px auto; display:block; }

/*共用底部样式*/

.footer{ background:#282828; padding:60px 0; color:#999; font-size:14px; text-align:center;}

.footer-t{ width:1000px; margin:0 auto; border-bottom:1px solid #4d4d4d; padding-bottom: 20px;}

.footer-t ul li{ padding:30px 25px; display:inline-block;}

.footer-t ul li a{ color:#999; font-size:14px;}

.footer-t ul li a:hover{ color:#01da96; }

.footer-b { margin-top:30px; padding-top: 15px;}

.footer-b p{ margin:5px 0;}

.footer-t .ewmbtn1{ position:relative;}

.footer-t .ewm01{ width:150px; position:absolute; left:-20px; bottom:55px; opacity:0; transition: all .1s; z-index:999;}

.footer-t .ewmbtn1:hover .ewm01{width:150px; bottom:55px; opacity:1; transition: all .1s;}
.downapp{position:relative;}
.downapp .qrcode{width:150px; position:absolute; left:-20px; bottom:55px; opacity:0; transition: all .1s; z-index:999;}
.downapp:hover .qrcode{width:150px; top:55px; opacity:1; transition: all .1s;}

/*共用内容样式*/

.main-one,.main-two,.main-three,.main-four{ margin:5% auto;}

.main-content{ margin:2% auto;}

.main-five{ background:url(./page4_pic_07.png) no-repeat; background-size:100%;}

.main-five .commontitle{ paddding-top:10%;}

.main-five h2,.main-five p{ color:#fff;}

.main-two{ width:1000px;}

/*首页*/

.main-one{width:1000px; margin:5% auto;}

.main-one-l{ width:55%;}

.main-one-l img{ width:100%;}

.main-one-r{ width:40%; padding-top:15%;}

.main-one-r h1{ font-size:22px;}

.main-one-r p{ font-size:13px; color:#888; line-height:26px; margin:20px 0;}

.main-one-r a.common-button02{ width:130px; height:50px; line-height:50px; font-size:13px; background: linear-gradient(to right, #00d996, #01c6ac);}

.main-three{width:1000px; margin:5% auto; text-align:center;}

.main-four{ width:1000px; margin:5% auto; margin-bottom:8%;}

.down-item{ width:1000px; text-align:center; overflow:hidden;}

.down-item li{width:235px; display:inline-block;  margin-left:15px; }

.down-item li:first-child{ margin-left:0;}

.down-item li span{ display:inline-block; font-size:14px; color:#999; }

.down-item li span img{ width:100%; }

.down-item li span.img02{ display:none;}

.down-item li p{ margin-top:15px; font-size:14px; color:#999; font-weight:bold; }

.down-item li:hover span.img01{ display:none; }

.down-item li:hover span.img02{ display:inline-block; }

.banner{ width: 100%; height:auto; overflow:hidden;}

.banner1{ width: 100%; height:600px; overflow:hidden;background:url(https://cdn.hellostatic.molyfun.com/hello1203/assets/b00.png) center center;}

#owl-demo { width: 100%; margin-left: auto; margin-right: auto;}

#owl-demo .item{ display: block; position:relative;}

#owl-demo img.bannerimg { display: block; width: 100%;min-height: 150px;}

#owl-demo .banner-font{ position:absolute; opacity: 1;transition: all 1.5s;}

#owl-demo .btn3{left:21%; top:55%;}

#owl-demo .btn4{left:24%; top:60%;}

#owl-demo .btn2{right:21%; bottom:20%;}

.banner01{ width: 100%; height:auto; overflow:hidden;}

.banner01 img{width: 100%;}

.banner01 .btn{width: 100%; display:block;}

.topvideo{ width:38%; border:7px solid #222; position:absolute; right:14%; top:22%; background:#222; box-shadow:-5px 6px 1px rgba(0, 0, 0, .3);}

.topvideo video{ width:100%; background: #222;}

.mis-slider li h3{ font-size: 18px!important; }

.mis-slider li .font p,.mis-slider li p{ font-size: 14px!important; }

.index-photo{ width:1000px; margin:0 auto;}

.index-photo img{ width:100%;}



/*机构版*/

.jgb-item li{ width:290px; margin:2% 0; float:left; }

.jgb-item li:nth-child(2),.jgb-item li:nth-child(5),.jgb-item li:nth-child(8),.jgb-item li:nth-child(11){ margin-left:65px; margin-right:65px;}

.jgb-item li .jg-icon{ width:90%; margin-bottom:30px; float:right;}

.jgb-item li .jg-icon img{ width:100%;}

.jgb-item li h2{ border-bottom:1px solid #333;  color:#333; font-size:16px; font-weight:bold; height:35px;}

.jgb-item li p{ color:#666; font-size:13px; line-height:24px; margin-top:10px;}



/*关于我们*/

.about-item{ width:1000px; margin: 5% auto;}
.banner01{ position:relative;}
.main-title { width:100%; position:absolute; left:0%; bottom:0px;}
.main-title h2{width:920px;  padding:50px 40px 40px 40px; background:#0893f1; font-size:22px; margin:0 auto;  color:#fff; text-align:center;}
.main-top{width:920px; margin:0 auto; padding:0px 40px 50px 40px; background:#0893f1; color:#fff;}
.main-top .main-top-detail p{ line-height:24px; margin-bottom:2%;  font-size:13px;}
.qywh-detail{ width:80%; margin:0 auto; text-align:center; line-height:30px; color:#666; font-size:13px;}





/*体感游戏*/
.card-list{ width:1000px;}

.xlxt-item li{ width:195px; margin:0 2px; height:280px; float:left; text-align:center;  border-radius:10px;}

.xlxt-item li.clr1{background: linear-gradient(#8c74f7, #b089f8);}

.xlxt-item li.clr2{background: linear-gradient(#22e0bc, #3cdfde);}

.xlxt-item li.clr3{background: linear-gradient(#03b8f8, #00d0f8);}

.xlxt-item li.clr4{background: linear-gradient(#ca27ac, #e752e2);}

.xlxt-item li.clr5{background: linear-gradient(#f0b503, #f3c41e);}

.xlxt-item li img{ padding:25% 0 10% 0; }

.xlxt-item li p{ width:85%; margin:0 auto; font-size:14px; color:#fff; line-height:22px;}

.main-table{ width:1000px; margin:0 auto; text-align:center; padding-bottom:3%;}

.main-table .tableimg img{ width:100%;}

.main-table h4{ font-size:14px; color:#fff; }

.main-table a{ width:130px; height:50px; line-height:50px; font-size:14px; margin:0 auto; display:block;}

.main-table a.common-button02{background: linear-gradient(to right, #00d996, #01c6ac);}


.videomain-list{ width:1000px; margin:5% auto;}

#tabs { width: 1000px; margin:0 auto; text-align:center;}

#tabs li { display:inline-block; }

#tabs a {position: relative; padding: 0 30px; color: #333; font-size:14px;}

#tabs a:hover,#tabs a:focus {color: #01da96; opacity: 1; filter: alpha(opacity=100);}

#tabs a:focus { outline: 0;}

#tabs #current { z-index: 3;color: #01da96; opacity: 1; filter: alpha(opacity=100);}

#content { padding:2em 0; }


.main-content dl{ width:1000px; margin:0 auto;}

.main-content dl dd{ width:225px; height:auto; background:#fff; margin:14px 10px; overflow:hidden; display:inline-block; border-radius:10px; box-shadow:0px 10px 50px rgba(0, 0, 0, .3); position:relative;}

.main-content dl dd .video-img01{ position:relative;}

.main-content dl dd .video-img01 img{ width:100%; border-radius:10px 10px 0 0;}

.main-content dl dd .video-img01 i{ width:25px; height:25px; position:absolute; right:20px; bottom:10px;}

.main-content dl dd .video-img01 i img{width:100%;}

.main-content dl dd p{ padding:20px 0; text-align:center; font-size:14px;}

.main-content dl dd .fcdiv{width:100%;  height:100%; border-radius:10px; background:#fff; text-align:center; position:absolute; top:0; opacity:0; left:0;}

.main-content dl dd .fcdiv a{ display:block;}

.main-content dl dd .fcdiv i{ padding-top:30px; display:block; }

.main-content dl dd .fcdiv .common-button02{ width:90px; height:40px; line-height:40px; font-size:13px; margin:0 auto; background: linear-gradient(to right, #00d996, #01c6ac);}

.main-content dl dd:hover .fcdiv{opacity:1;}



.table-menu{ width:880px; float:none!important; text-align:center; margin:0 auto;}

.table-menu a{ color:#333!important; font-size:14px!important; padding: 0 30px!important; font-weight:normal!important;}

.table-menu a.active,.table-menu a:hover{ color:#01da96!important;}

.table-menu .xldiv{ text-align:left; z-index:999;}

.table-menu .xldiv a{font-size:14px!important;}

.table-menu .xldiv a:hover{ color: #01da96!important;}

.detail-video{ width:960px; margin:0 auto; margin-top:50px;}

.detail-video video{ width:960px; height:450px; margin:0 auto; object-fit: fill;}

.detail-video embed{width:100%!important;}

.detail-video img{width:100%;}





/*家长版*/
.xcx_dowhat_main{ width:1000px; margin:0 auto; position:relative;}
.xcx_phonebg{ position:absolute; left:0; top:0; z-index:99;}
.xcx_phone{width:300px;height:497px;position:relative;margin:auto;}
.xcx_phone_main{width:222px;height:482px;margin-left:39px;margin-top:25px;overflow:hidden;float:left;position:relative;}
.xcx_phone_main ul{position:absolute;top:0px;}
.xcx_phone_main img{display:block; width: 223px; height: 483px;}
.xcx_dowhat_list li{position:absolute;top:0px;left:0px;}
.xcx_dowhat_list li .tab-icon i{ background:#5e6a88; border-radius:10px; width:70px; height:65px; padding-top:5px; text-align:center; display:block; margin-left:10px;}
.xcx_dowhat_list li .tab-icon i:hover{ background:#374467; transition: all .5s;}
.xcx_dowhat_list li .tab-icon span{width:90px; color:#374467; font-size:14px; text-align:center; display:block; margin-top:10px;}
.xcx_dowhat_list li .tab-font{width:200px; padding:20px; background:#374467; color:#fff; font-size:14px; opacity:0; transition: all .5s;}

.xcx_dowhat_list li.li_left .tab-font{ position:absolute; top:0; left:-240px; border-radius:10px 0px 10px 10px;}
.xcx_dowhat_list li.li_right .tab-font{ position:absolute; top:0; right:-240px;  border-radius:0 10px 10px 10px;}
.xcx_dowhat_list li.li_left:hover .tab-font{ opacity:1; }
.xcx_dowhat_list li.li_right:hover .tab-font{ opacity:1; }
.xcx_dowhat_list li.li_1{left:220px;top:35px; }
.xcx_dowhat_list li.li_2{left:220px;top:160px;}
.xcx_dowhat_list li.li_3{left:220px;top:285px;}
.xcx_dowhat_list li.li_4{left:220px;top:410px;}
.xcx_dowhat_list li.li_5{left:692px;top:35px; }
.xcx_dowhat_list li.li_6{left:692px;top:160px;}
.xcx_dowhat_list li.li_7{left:692px;top:285px;}
.xcx_dowhat_list li.li_8{left:692px;top:410px;}



.ymzs-item { width:1000px; margin:5% auto;}

.ymzs-item .ymzs-mobile{ position:absolute; top:-42px; left:-51px;  z-index:999; opacity:0; }

.ymzs-item .swiper-container{ padding-top:20px; padding-bottom:50px;}

.ymzs-item .swiper-slide {background-position: center;background-size: cover; width:250px;height: 483px; text-align:center; color:#333; background:#fff; position:relative}

.ymzs-item .swiper-slide-active img{ border-radius:10px;}

.ymzs-item .swiper-slide-active .ymzs-mobile{ opacity:1}

.ymzs-item .swiper-button-prev{ width:40px; height:40px; background:url(./home_left_02.png) no-repeat center!important;}

.ymzs-item .swiper-button-next{ width:40px; height:40px; background:url(./home_right_02.png) no-repeat center!important;}






/*申请  申请成功*/

.main-login{width:1000px; margin:5.5% auto;}

.main-one-t{ width:55%; margin-top:150px; }

.main-one-t img{ width:100%; }

.main-one-m{ width:350px; padding:30px; background:#fff; border-radius:15px; margin-top:100px; }

.main-one-m h2{text-align:center; font-size:22px;}

.form-item .input-item{width:100%; height:30px; line-height:30px; background:none; border:0; border-bottom:1px solid #d9d9d9; color:#666; font-size:13px; margin-top:20px; outline:none;}

.combut-div{ width:100%; margin-top:30px;}

.common-button{ width:100%; height:50px; line-height:50px; border:0; background: linear-gradient(#00d996, #01c6ac); color:#fff; font-size:15px; border-radius:50px; outline:none; box-shadow:0px 10px 50px rgba(0, 204, 204, .3);   text-align:center; display:block; cursor:pointer;}

.text-bomcon{ border:0;color:#666; text-align:center;font-size:14px; margin-top:20px;}

.text-bomcon a{ color:#01c6ac; text-decoration:none;}

.sqcgdiv{ padding:30% 0 15% 0; text-align:center; font-size:16px;}

.sqcgdiv img{ width:18%; margin:0 auto;}

.sqcgdiv p{ font-size:14px; margin-top:15px;}

.form-item .pick-show{ width:100%!important; border:0!important; padding-left:0!important; margin-top: 20px;}

.form-item .pick-show span{ font-size:14px!important; color: #777!important;}

.form-item .pick-area{width:100%!important;}

.form-item .pick-list{width:100%!important;}



/***返回顶部****/

.scroll{width:45px;height:45px;background:url(./top.png) no-repeat center;color:#fff;line-height:45px;text-align:center;position:fixed;right:30px;bottom:50px;cursor:pointer;font-size:18px; border-radius:200px; z-index:999;}



/*分页*/

.n-page{ text-align:center; clear:both;padding-top: 40px;}

.n-page a{ padding:5px 10px; margin:0px 3px;  border:#e0e0e0 1px solid; background-color:#f5f5f5; color:#474747;}

.n-page span{ padding:5px 10px; margin:0px 3px;  color:#FFF; background-color:#4d4d4d; border:#4d4d4d 1px solid;}

.n-page a:hover{ color:#FFF; background-color:#4d4d4d; border:#4d4d4d 1px solid;}