@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);}*/

#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/w_jxb/screen0.png) no-repeat center bottom #eef6e7; 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{ width:100%; background:#fff;position:relative;font-family:"黑体";}
.screen1 .item-rect{ width:1000px; height:420px; position:relative;}
.screen1 .img{ position:absolute; top:0; left:0;}
.screen1 .tit{ position:absolute; top:48px; left:530px;}
.screen1 .txt{ width:455px; position:absolute; top:147px; left:530px; line-height:26px; color:#858585; font-size:18px; text-align:right;}
.screen1 .list{ position:absolute; top:276px; left:480px;}
.screen1 .list li{ float:left; width:130px; text-align:center; }
.screen1 .list li img{ display:block; width:96px; height:96px; margin:0 auto;}
.screen1 .list li span{ display:block; color:#1b778e; font-size:16px; padding-top:8px;}


.screen2{ width:100%; background:#eef6e7;position:relative;font-family:"黑体";}
.screen2 .item-rect{ width:1000px;height:390px; position:relative;}
.screen2 .img{ position:absolute; top:60px; left:580px;}
.screen2 .say{ position:absolute; top:24px; left:840px;}
.screen2 .tit{ position:absolute; top:0; left:0;}
.screen2 .txt{ width:365px; position:absolute; top:100px; left:0; line-height:26px; color:#858585; font-size:18px; }
.screen2 .list{ position:absolute; top:257px; left:-18px;}
.screen2 .list li{ float:left; width:130px; text-align:center;}
.screen2 .list li img{ display:block; width:96px; height:96px; margin:0 auto;}
.screen2 .list li span{ display:block; color:#1b778e; font-size:16px; padding-top:8px;}

.screen3{ width:100%; background:#fff;position:relative;font-family:"黑体";}
.screen3 .item-rect{ height:380px; position:relative;}
.screen3 .phone{ position:absolute; top:0; left:0; z-index:10;}
.screen3 .phone .phone_img1{ position:absolute; top:215px; left:78px; z-index:10;}
.screen3 .phone .phone_img2{ position:absolute;top:92px; left:-55px; z-index:11;}
.screen3 .phone .phone_img3{ position:absolute;top:5px; left:260px; z-index:12;}
.screen3 .tit{ position:absolute; top:0; left:665px; z-index:11;}
.screen3 .txt{ width:508px; position:absolute; top:112px; left:578px; line-height:26px; color:#858585; font-size:18px; text-align:right; z-index:12;}
.screen3 .list{ position:absolute; top:244px; left:710px;}
.screen3 .list li{ float:left; width:130px; text-align:center; }
.screen3 .list li img{ display:block; width:96px; height:96px; margin:0 auto;}
.screen3 .list li span{ display:block; color:#1b778e; font-size:16px; padding-top:8px;}

.screen3 .w_footer{ height:210px; background:#fafbfc;font-size:13px;  width:100%; font-family:"Microsoft Yahei";}



/*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
}


/*移动讲台*/
.screen5{ width:100%; background:#fff;position:relative;font-family:"黑体";}
.screen5 .item-rect{ width:1000px; height:420px; position:relative;}
.screen5 .img{ position:absolute; top:0; left:0;}
.screen5 .tit{ position:absolute; top:48px; left:558px;}
.screen5 .txt{ width:455px; position:absolute; top:147px; left:530px; line-height:26px; color:#858585; font-size:18px; text-align:right;}
.screen5 .list{ position:absolute; top:276px; left:610px;}
.screen5 .list li{ float:left; width:130px; text-align:center; }
.screen5 .list li img{ display:block; width:96px; height:96px; margin:0 auto;}
.screen5 .list li span{ display:block; color:#1b778e; font-size:16px; padding-top:8px;}

/*教材资源*/
.screen6{ width:100%; background:#eef6e7;position:relative;font-family:"黑体";}
.screen6 .item-rect{ width:1000px;height:390px; position:relative;}
.screen6 .img{ position:absolute; top:17px; left:580px;}
.screen6 .say{ position:absolute; top:24px; left:840px;}
.screen6 .tit{ position:absolute; top:0; left:0;}
.screen6 .txt{ width:365px; position:absolute; top:100px; left:0; line-height:26px; color:#858585; font-size:18px; }
.screen6 .list{ position:absolute; top:257px; left:-18px;}
.screen6 .list li{ float:left; width:130px; text-align:center;}
.screen6 .list li img{ display:block; width:96px; height:96px; margin:0 auto;}
.screen6 .list li span{ display:block; color:#1b778e; font-size:16px; padding-top:8px;}

/*校园管理*/
.screen7{ width:100%; background:#eef6e7;position:relative;font-family:"黑体";}
.screen7 .item-rect{ width:1000px;height:390px; position:relative;}
.screen7 .img{ position:absolute; top:-18px; left:580px;}
.screen7 .say{ position:absolute; top:24px; left:840px;}
.screen7 .tit{ position:absolute; top:0; left:0;}
.screen7 .txt{ width:365px; position:absolute; top:100px; left:0; line-height:26px; color:#858585; font-size:18px; }
.screen7 .list{ position:absolute; top:257px; left:-18px;}
.screen7 .list li{ float:left; width:130px; text-align:center;}
.screen7 .list li img{ display:block; width:96px; height:96px; margin:0 auto;}
.screen7 .list li span{ display:block; color:#1b778e; font-size:16px; padding-top:8px;}


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

/* .screen2 .img{ position:absolute; top:-55px; left:422px;}
.screen2 .say{left: 821px;top: 12px;} */
.screen1 .txt{top: 215px}
.screen1 .list{left: 554px;}

/* 0610 新版 */
.screen6.new0610,.screen2.new0610,.screen7.new0610{background-color: #eafffe;}
.screen0.new0610{background: url(../images/w_jxb/gp4/screen0.png) no-repeat center bottom  #eafffe;}
.screen5.new0610 .img2{position: absolute;top: 0;}
.screen5.new0610 .txt2{width: 431px;left: 546px;position: absolute; top: 147px;line-height: 26px; color: #858585; font-size: 18px; text-align: right;}
.screen5.new0610 .list{width: 700px;left: 475px;}
.screen5.new0610 .list li{width: 180px;}
.screen5.new0610 .list li.w240,.screen6.new0610 .list li.w240{width: 205px; border-right: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}
.screen5.new0610 .list li img{width: 66px;height: 63px;}
.screen5.new0610 .list li.hdsk img{width: 90px;height: 55px;margin-top: 8px;}
.screen5.new0610 .list li span{font-size: 20px;padding-top: 22px; color: #3797d4;}

.screen6.new0610 .txt{width: 490px; top: 120px}
.screen6.new0610 .list li img{width: 65px;height: 67px;}
.screen6.new0610 .list li.w240 img{width: 75px;height: 58px;margin-top: 8px;}
.screen6.new0610 .list li span{font-size: 20px; padding-top: 22px; color: #3797d4;}

.screen2.new0610 .txt{top: 115px}
.screen7.new0610 .txt{width: 474px;top: 115px}
.screen7.new0610 .list{left: -51px}
.screen7.new0610 .list li{width: 210px;}
.screen7.new0610 .list li.bor_dcdcdc{border-right: 1px solid #dcdcdc;}
.screen7.new0610 li.bor_dcdcdc img{width: 80px;height: 59px;}
.screen7.new0610 li img{width: 62px;height: 59px;}
.screen7.new0610 .list li span{font-size: 20px; padding-top: 22px; color: #3797d4;}