@charset "utf-8";
/* CSS Document */
body,html{ overflow:hidden; zoom:1;}
a:hover{ text-decoration:none;}
.item-rect{ width:1200px; margin:0 auto;}
/*#screenScroll div,#screenScroll img,#screenScroll p,#screenScroll a{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);}*/

.mgt50{margin-top: 50px;}
#screenScroll{ position:relative; width:100%; z-index:1; -webkit-transform:none; -moz-transform:none; -ms-transform:none; transform:none;}
#screenScroll .pointTags{position: fixed;right: 30px;top:50%; margin-top:-105px; width: 10px;_position:absolute; z-index:999;}
#screenScroll .pointTags li{width: 10px;height: 10px;clear: both;margin:10px 0;*margin:5px 0;line-height: 0; overflow:hidden;}
#screenScroll .pointTags li a{display: block;margin:0 auto;width: 10px;height: 10px; border-radius:50% 50%;background-color: #b3b3b3; font-size:0px; }
#screenScroll .pointTags li.on a{width: 10px;height: 10px;background-color: #66b8f3; font-size:0px;overflow:hidden; }
#screenScroll .pos_rel{ position:static;}

.logo-rect{ width:100%;z-index:10;background:#fff;height:80px; }
.logo-rect .w1200{ position:relative;}
.site-logo{ margin:0 0px 0px 42px; position:absolute; top:0px; left:0px; z-index:10; display:block;}
.site-logo a{ display:block; text-indent:-999em; overflow:hidden;}
.site-logo a img{
	vertical-align: middle; max-width: 340px; 
	width: expression(this.width > 340? 340px : 'auto';); 
	max-height: 80px; 
	width: expression(this.height > 80? 80px : 'auto';);
}
/* .g-header{ height:80px;  width:100%;}
.g-header .head-menu{ overflow:hidden; zoom:1; margin-right:38px;}
.g-header .head-menu li{ float:left; margin:27px 0 0px 10px;}
.g-header .head-menu li a{ float:left; font-size:16px; border-radius:3px;}
.g-header .head-menu li a:hover{ text-decoration:none;}
.g-header .head-menu li a.a1{padding:0 17px; color:#26b5ff; border:1px solid #26b5ff;  height:30px; line-height:30px; margin:0 22px;}
.g-header .head-menu li a.a2{ padding:0 17px; color:#288add; border:1px solid #2196f3;  height:30px; line-height:30px;}
.g-header .head-menu li a.a3{ padding:0 17px; color:#11c080; border:1px solid #11c080; height:30px; line-height:30px;}
.g-header .head-menu li a.a1:hover{  background:#26b5ff; color:#fff; }
.g-header .head-menu li a.a2:hover{ background:#2196f3;border:1px solid #2196f3; color:#fff;}
.g-header .head-menu li a.a3:hover{ background:#11c080;border:1px solid #11c080; color:#fff;} */

/*家校帮不需要头部滚动出现搜索效果，并一直固定在顶部*/
.w_header{ position: relative; z-index:2; }

.screen0{ width:100%; background: url(../images/scroll/screen0.png) no-repeat center bottom #eafffe; overflow:hidden; zoom:1; position:relative;}
.screen0 .item-rect.screen-rect{ height:725px; position:relative;}
.screen0 .item-rect.screen-rect p{opacity:0;}
  

/* .screen0 img{ display: block; width:auto; height:100%;} */
.screen0 .name{ position:absolute; top:10%; left:42px; height:34%; max-height:264px;}
.screen0 .btn{  height:18%; max-height:132px;position:absolute; top:51%; left:42px;}
.screen0 .btn a{ display:block; height:45%;  margin-bottom:5%;}
.screen0 .code{ position:absolute;  top:0; left:130%; border-radius:4px; height:100%; max-height:132px;}
.screen0 .phone{ position:absolute; bottom:53px; right:0; z-index:10; height:82%; max-height:601px;}
.screen0 .yun{ position:absolute; top:0; right:0; z-index:100; height:6%; max-height:45px;}

.screen1{ background:#2fd8ae; overflow:hidden; zoom:1; position:relative;z-index:10;}
.screen1 .screen1-rect,.screen1 .screen-rect{ height:525px; /* overflow:hidden; */ zoom:1;}
.screen1 .screen-rect{ position:relative; z-index:9;}
.screen1 .screen1-img1{ position:absolute; top:280px; left:0;}
.screen1 .screen1-img2{ position:absolute; top:100%; right:0;width: 600px;opacity: 0}
.screen1 .screen1-img3{position: relative;}
.screen1 .screen1-imgWrap{position: absolute;left: 0;top: -100%;opacity: 0;}
.screen1 .screen1-btnWrap{position: absolute;left: 0;top: 100%;margin-top: 150px;opacity: 0;white-space: nowrap;}
.screen1 .screen1-btnWrap>a{display: inline-block; padding: 0 50px; height: 60px;border: 1px solid #358772;font-size: 18px;line-height: 58px;text-align: center;margin: 10px 12px;border-radius: 30px;color: #358772;background: #b4f2e3;}
.screen1 .screen1-btnWrap>a i{vertical-align: middle;margin-left: 18px;font-style: normal;}
.screen1 .screen1-btnWrap>a:hover{background-color: #93decc;}
.screen1 .screen1-btnWrap>a.subBtn{background: none;border-color: #fff;color: #fff;}
.screen1 .screen1-btnWrap>a.subBtn:hover{background: #47f4c9;}


.screen1 .screen1-btnWrap>.btnWrap{display: inline-block; padding: 0 50px; height: 60px;border: 1px solid #358772;font-size: 18px;line-height: 58px;text-align: center;margin: 10px 12px;border-radius: 30px;color: #358772;background: #b4f2e3;}
.screen1 .screen1-btnWrap>.btnWrap a{ color: #358772; display: inline-block;}
.screen1 .screen1-btnWrap>.btnWrap a:nth-child(1){ margin-right: 10px;}
.screen1 .screen1-btnWrap>.btnWrap a:nth-child(2){ margin-left: 10px;}
.screen1 .screen1-btnWrap>.btnWrap i{vertical-align: middle;margin-left: 18px;font-style: normal;}
.screen1 .screen1-btnWrap>.btnWrap:hover{background-color: #93decc;}
.screen1 .screen1-btnWrap2{ left: 80%;}

.screen1 .screen1-btnWrap02{position: absolute;right: 90px;top: 150%;margin-top: 50px;opacity: 0;}
.screen1 .screen1-btnWrap02 a{display: block;margin: 16px 0;}
.screen1 .screen1-btnWrap02 a:hover{opacity: .9;}

.screen2{ width:100%; height:2000px; background:#1e82ef; overflow:hidden; zoom:1; position:relative;}
.screen2 .screen-rect{/* overflow:hidden; */ zoom:1; position:relative; z-index:10;}
.screen2 .screen0-computer{margin:25px auto 0px auto;}
/* .screen0 img{ display:none;} */
.screen2 .screen0-txt1{ position: relative;left:1000px;}
/* .screen2 .screen0-txt1 .imgsrc{margin-left: 50px;} */
.screen2 .screen0-txt2{ margin-top:0px;}
.screen2 .screan0-btn{ margin-top:37px;position: absolute;right: 0;top: 50%;width: 270px;margin-top: -92px;}
.screen2 .screan0-btn a{ margin:8px 45px; position:relative; display:inline-block; z-index:5;}
.screen2 .screan0-btn a:hover{background: }
.screen2 .screen0-computer .com{ position:relative; z-index:3;left: -300px;/* display: none; */}
.screen2 .screen0-computer .com_bg{ top:0px; left:0px; z-index:0;}
.screen2 .screen0-computer .peo1{ left:-200px; bottom:27px; z-index:4;opacity: 0;}
.screen2 .screen0-computer .peo2{ right:55px; bottom:27px; z-index:2;}
.screen2 .screen0-computer .yun1{ left:-8px; bottom:10px; z-index:1;}
.screen2 .screen0-computer .yun2{ right:-16px; bottom:10px; z-index:1;}
.screen2 .phone_sm_img{ position:absolute; left:50%; top:-202px; z-index:20; margin-left:-156px; display:none; background:url(../images/scroll/screen0.png/sm_img_bg.png) left top no-repeat; width:312px; height:202px; overflow:hidden; zoom:1;}
.screen2 .phone_sm_img ul{ width:308px; overflow:hidden; zoom:1;}
.screen2 .phone_sm_img li{ float:left; width:120px;text-align:center; white-space:nowrap; margin:20px 17px 0px 17px;}
.screen2 .phone_sm_img .name{ font-size:14px; color:#1651ab; line-height:16px;}

.screen2 .screan0-btnWrap{position: absolute;right: -200px;top: 50%;margin-top: -86px;z-index: 5;opacity: 0;text-align: center;}
.screen2 .screan0-btnWrap a{display: block;width: 185px;height: 60px;border: 1px solid #fff;font-size: 18px;line-height: 58px;text-align: center;border-radius: 30px;color: #fff;background: #3296ff;}
.screen2 .screan0-btnWrap p{font-size: 16px;color: rgba(248,249,251,0.8);margin-top: 15px;}
.screen2 .screan0-btnWrap a.mgt80{margin-top: 50px;}
.screen2 .screan0-btnWrap a i{vertical-align: middle;margin-left: 18px;font-style: normal;}
.screen2 .screan0-btnWrap a:hover{background-color: #5baafe;}

.g_header .menu_r{height:32px; margin-top:25px; }
.g_header .menu_r em{ color:#888888; }
.g_header .menu_r a{ float:left; font-size:16px; border-radius:3px; margin-left:10px; }
.g_header .menu_r a:hover{ text-decoration:none; }
.g_header .menu_r a.login_btn{ width:75px; text-align:center; background:#26b5ff; color:#fff; line-height:32px; height:32px; line-height:32px; margin:0 22px; }
.g_header .menu_r a.login_btn:hover{ background:#07a7f7; }
.g_header .menu_r a.menu_r_a1{ padding:0 14px; color:#288add; border:1px solid #2196f3; height:30px; line-height:30px; }
.g_header .menu_r a.menu_r_a2{ padding:0 14px; color:#11c080; border:1px solid #11c080; height:30px; line-height:30px; }
.g_header .menu_r a.menu_r_a1:hover{ background:#2196f3; border:1px solid #2196f3; color:#fff; }
.g_header .menu_r a.menu_r_a2:hover{ background:#11c080; border:1px solid #11c080; color:#fff; }
/* .g_header_4.fixed{ box-shadow:-1px 0px 10px rgba(0, 0, 0, 0.3); height:80px; top:0px; position:fixed; left:0px; width:100%; min-width:1200px; z-index:200; background:#fff; } */
.g_header .menu_r_a1 .ewm_tianyu2 {text-align: center;position: absolute;width: 282px;padding-top: 30px;top: 42px;background: #fff;border-radius: 8px;box-shadow: 0 0 16px rgba(0,0,0,0.2);height: 290px;display: none;left: 50%; margin-left: -141px; margin-bottom: 14px; color: #222; z-index: 999; }
.g_header a.menu_r_a1:hover .ewm_tianyu2 {display: block;}
.g_header .menu_r_a1 .ewm_tianyu2 .ewm_tri2 {display: block;position: absolute;width: 24px;height: 14px;background: url(../../edu4.0/images/w_hjy/ewm_tri_down2.png) no-repeat;left: 50%;top: -14px;margin-left: -12px;}
.g_header .menu_r_a1 {position: relative;}
.g_header .menu_r_a1 .ewm_tianyu2 .f18 {display: inline-block;}

/*CSS3动画*/
.loading-1{ position:absolute; left:50%; top:50%; margin-left:-75px; margin-top:-75px; width:150px; height:150px; z-index:30;}
@-webkit-keyframes loading-1{
	0%{
		transform:scale(0);
		opacity:0
	}
	5%{ opacity:1}
	100%{ 
		transform:scale(1); opacity:0
	}
}

.loading-1 i{ display:block; width:150px; height:150px; border-radius:50%; background:rgba(255,255,255,.3); position:absolute ; left:0; top:0; opacity:0;}
.loading-1 i:nth-child(1){
	-webkit-animation:loading-1 1s linear 0s infinite
}
.loading-1 i:nth-child(2){
	-webkit-animation:loading-1 1s linear 0.2s infinite
}
.loading-1 i:nth-child(3){
	-webkit-animation:loading-1 1s linear 0.4s infinite
}



.g_marquee{position: absolute;top: 80px;z-index: 3;width: 100%;}

/* 修改头部logo 刘邓 20190823 S */
.m_header img{display: inline-block;}
#screenScroll .m_header .pos_rel{position: relative;}
/* 修改头部logo 刘邓 20190823 E */


/* 不兼容xp提示 S */
.screen2 .screan0-btnWrap.ld_scr_btn{margin-top: -111px;}
.screen2 .screan0-btnWrap.ld_scr_btn p{margin-top: 0;}
.screen2 .screan0-btnWrap.ld_scr_btn a{display: inline-block;}
.screen2 .screan0-btnWrap.ld_scr_btn p.mgt45{margin-top: 45px;}
.screen2 .screan0-btnWrap.ld_scr_btn p.mgt10{margin-top: 10px;}
.screen2 .screan0-btnWrap.ld_scr_btn p.ld_tdu{text-decoration: underline;}
/* 不兼容xp提示 E */

/* 刘邓 20210708 S */
.mgr10{ margin-right: 10px;}
.mgt5{ margin-top: 5px;}
.ld_g_screen1btnWrap{left: 50%;top: auto;bottom: 0; right: 0;}
.screen1.ld_screen1 .screen1-btnWrap a{ width: 310px;}
.screen1.ld_screen1 .screen1-btnWrap  .download a{ border: 0; background: none; line-height: 30px; margin-top: 5px;}
.screen1.ld_screen1 .screen1-btnWrap  .download a img{ margin-right: 10px;}
.screen1.ld_screen1 .screen1-btnWrap{margin-top: -100px;}
/* 刘邓 20210708 E */
.download .cfff:hover{color: #358772;}


/* 刘邓 20210811 S */
.screen0 .btn a.ld_g_down_btn{width: 270px; line-height: 58px;height: 58px; border: 1px solid #9EC5EA;border-radius: 58px;font-size: 18px;color: #2181DB;text-align: center;background: #EAFFFE;}
.ld_g_down_btn .ld_cont{box-sizing: border-box;text-align: left; width: 180px; padding-left: 47px;display: inline-block;height: 100%;background: url('../images/scroll/down1.png') no-repeat left center;background-size: auto auto;}
.ld_g_down_btn .ld_down1{background-image: url('../images/scroll/down1.png');}
.ld_g_down_btn .ld_down1 small{font-size: 14px;line-height: 20px;}
.ld_g_down_btn .ld_down2{background-image: url('../images/scroll/down2.png');}
.ld_g_down_btn .ld_down3{background-image: url('../images/scroll/down3.png');}
.screen0 .btn a.ld_g_down_btn:hover{background: #fff;}
.screen0 .btn.ld_down_box{height: auto;max-height: none;}
.screen0 .btn.ld_down_box .code{top: 50%;margin-top: -80px;height: 160px;}

/* 刘邓 20210811 E */

/* 2022/04/13 修改logo图显示 ByPatY :Start */
.screen0 .screen_rect img {display: block; width: auto; height: 100%;}
/* 2022/04/13 修改logo图显示 ByPatY :End */


/* 定制修改 :Start */
.mgt34 {margin-top:34px;}
.mgt51 {margin-top:51px;}
.mgt38 {margin-top:38px;}
.habo header {height:120px;background-color:#fff;}
.habo .koi_menu {display:flex;justify-content:space-between;padding-left:300px;font-weight:Bold;font-size:16px;text-align:center;}
.habo .koi_menu li {padding-right:58px;}
.habo .koi_menu li a {color:#666666;}
.habo .koi_menu .koi_menu_on {color:#FF7C1E;padding-bottom:13px;border-bottom:3px solid #FF7C1E;}
.habo .koi_menu li a:hover {color:#FF7C1E;padding-bottom:13px;border-bottom:3px solid #FF7C1E;text-decoration:none;}
.habo .koi_search {width:224px;height:40px;border-radius:20px;border:2px solid #999;background:#fff;position:relative;}
.habo .koi_search .koi_search_tc {line-height:40px;color:#999;width:110px;font-size:16px;text-align:center;background-size:16px 16px;background:url(../../edu7.0/images/Hp_School/koi_icon_xiala.png) no-repeat 93px 17px;cursor:pointer;}
.habo .koi_search_tanc {position:absolute;top:45px;left:12px;z-index:99999;}
.habo .koi_search_tanc li {margin-top:-7px;width:75px;height:40px;line-height:40px;background:#fff;text-align:center;border:1px solid #f0f0f0;}
.habo .koi_search_tanc li a {width:32px;height:16px;font-size:16px;text-align:center;color:#999999;}
.habo .koi_search_tanc li:hover {background:#dfdfdf;}
.habo .koi_search_tanc li:hover a {color:#000;}
.habo .koi_icon_sanjiao {display:inline-block;position:relative;margin-left:28px;height:0;border-width:0 11px 11px;border-style:solid;border-color:transparent transparent #f0f0f0;}
.habo .koi_icon_sanjiao:after {content:"";position:absolute;top:2px;left:-40px;border-width:0 10px 10px;margin-left:30px;border-style:solid;border-color:transparent transparent #fff;}
.habo .koi_icon_search {display:inline-block;margin-top:10px;margin-right:12px;width:20px;height:20px;background:url(../../edu7.0/images/Hp_School/koi_icon_search.png) no-repeat center;}
.habo .ld_g_down_btn .ld_cont.more {line-height:28px;}
.habo .screen0 {background:url(../images/scroll/HABO/screen0.png) no-repeat center bottom #FFF4EE;}
.habo .ld_g_down_btn .ld_down1 {background-image:url(../images/scroll/habo/down1.png);}
.habo .ld_g_down_btn .ld_down2 {background-image:url(../images/scroll/habo/down2.png);}
.habo .ld_g_down_btn .ld_down3 {background-image:url(../images/scroll/habo/down3.png);}
.habo .screen0 .btn a.ld_g_down_btn {background:#FFE3D4;color:#B77049;border:1px solid #F2A167;}
.habo .screen0 .btn a.ld_g_down_btn:hover {background:#fff;}

/* 定制修改 :End */