@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; border:0;}
a { text-decoration:none; border:0px; color:#383838; display:inline-block;}
a:hover { text-decoration:none; border:0px; color:#0099ff; } 
h1,h2,h3,h4,h5,h6 { font-size:12px; font-weight:normal;}
body { font-family:"微软雅黑",Arial,Helvetica,sans-serif; font-size:14px; font-weight:normal; color:#333; background:#f5f5f5;}
ul li,ol li { list-style-type:none; text-decoration:none; }
.clearfix:after{content: "";
				display:table; 
				clear:both;}
.section{overflow:hidden;}			



/*第一屏区域*/
.banner{width:100%;
	min-width:1280px;
	background:url(../../image/download/bg1.jpg) center center no-repeat;
	float:left;
	height:742px;}
.banner-main{width:1200px;
			margin:0 auto;
			height:742px;
			position:relative;
			}	
.banner-main img{width:44%;}
.banner-main a img{width:107%;}
.banner-main .phone1{float:left;
					position:absolute;
					top:0px;
					left:-5px;
					}
.banner-main .btn div a{width:234px;
						height:61px;}					
.banner-main .btn .ios-btn a:hover{background:url(../../image/download/screen-iphone2.png) center center no-repeat;
										}
.banner-main .btn .ios-btn a{background:url(../../image/download/screen-iphone1.png) center center no-repeat;
										margin-top:20px;}										
.banner-main .btn .android-btn a:hover{background:url(../../image/download/screen-andr2.png) center center no-repeat;
										}
.banner-main .btn .android-btn a{background:url(../../image/download/screen-andr1.png) center center no-repeat;
									}											
.banner-main dl{float:right;
				position:absolute;
				top:120px;
				left:785px;}
.banner-main dl dd{text-align:center;
					}
.banner-main dl dt{text-align:center;
					font-size:30px;
					color:#fff;
					font-family:"微软雅黑";
					margin-top:15px;}
.banner-main .box{float:right;
					}					
.banner-main .box img{position:absolute;
						top:327px;
						left:615px;}
.banner-main .box p{text-align:center;
					font-family:"simhei";
					color:#fff;
					font-size:24px;
					height:36px;
					line-height:36px;
					position:absolute;
						top:432px;
						left:862px;
						}
.banner-main .box p.p-nx{position:absolute;
						top:470px;
						left:875px;
						}
.banner-main .btn{position:absolute;
					top:470px;
					left:653px;
					}						
.banner-main .btn img{width:85%;}						

.banner-main .code{width:12.8%;
					position:absolute;
					top:471px;
					left:929px;}
.banner-main>a{position:absolute;
				top:-29px;
				left:82px;}					

/*教学资源区域*/																												
.no2{width:100%;
	min-width:1280px;
	height:742px;
	float:left;
	background-color:#ede9e9;}
.no2-main{width:1200px;
			margin:0 auto;
			height:742px;
			position:relative;}
.no2-main .tran img{position:absolute;
								top:-70px;
								left:-75px;
								width:100%;
								}																																								
.no2-main .carousel{position:absolute;
					top:259px;
					left:484px;}										
.no2 .no2-text{position:absolute;
				top:478px;
				left:699px;
				}
.no2 .no2-text .no2-txt-img{float:left;
							width:547px;
							margin-bottom:10px;
							position:absolute;
							top:-60px;
							left:0px;
							}				
.no2 .no2-text .no2-txt-img img{width:118%;
					float:left;}
.no2 .no2-text .no2-txt-img img:last-child{width:105%;
											position:absolute;
											top:118px;
											left:10px;}


/*随时备课区域*/				
.no3{width:100%;
	min-width:1280px;
	height:742px;
	float:left;
	background:url(../../image/download/bg2.png) 0px 0px no-repeat;
	background-size:120%;
	}
.no3-main{width:1200px;
			height:742px;
			margin:0 auto;
			position:relative;}
.no3-main .no3-img{
					position:absolute;
					top:152px;
					left:-174px;}
.no3-main .no3-img img{width:108%;}
.no3-main .no3-img img:last-child{position:absolute;
									top:116px;
									left:62px;
									width:99%;}									

					
/*扫扫课本区域*/
.no4{width:100%;
	min-width:1280px;
	height:742px;
	float:left;
	background-color:#e9eaea;}
.no4-main{width:1200px;
			height:742px;
			margin:0 auto;
			position:relative;}
.no4-main>img{width:92%;
				position:absolute;
				top:-70px;
				left:-340px;}					
.no4-main .no4-img{width:550px;
					position:absolute;
					top:390px;
					left:652px;}
.no4-main .no4-img img{width:122%;}									
.no4-main .no4-img img:last-child{width:114%;
									position:absolute;
									top:118px;
									left:29px;}
					
/*直播教研区域*/
.no5{
	width:100%;
	min-width:1280px;
	height:742px;
	float:left;
	background-color:#f2eeee;
}
.no5-main{width:1200px;
			height:742px;
			margin:0 auto;
			position:relative;}
.no5-main .big{position:absolute;
				top:-222px;
				left:451px;
				width:80%;
				}					
.no5-main .no5-img{position:absolute;
					top:325px;
					left:-125px;}
.no5-main .no5-img img{width:102%;}
.no5-main .no5-img img:last-child{width:96%;
									position:absolute;
									top:113px;
									left:54px;}									
									

/*底部区域*/
.footer {
	width:100%;
	min-width:1280px;
	height:auto;
	float:left;
}

.footer .f-1 {
	width:100%;
	min-width:1280px;
	height: auto;
	background: #f3f3f3;
	float: left;1
}

.footer .f-1 .f-1-main {
	width: 1200px;00
	height: auto;
	margin: 0 auto;
}

.footer .f-1 .f-1-main .wz {
	width: 1000px;
	float: left;
	padding-bottom: 10px;
}

.footer .f-1 .f-1-main p {
	width: 1000px;
	float: left;
	font-size: 12px;
	color: #767a7e;
	padding-top: 12px;
}

.footer .f-1 .f-1-main p span {
	float: left;
}

.footer .f-1 .f-1-main p a {
	font-size: 12px;
	color: #767a7e;
	float: left;
	padding-right: 5px;
}

.footer .f-1 .f-1-main p a:hover {
	color: #006CFF;
}

.footer .f-1 .f-1-main .ewm {
	width: 100px;
	float: right;
	margin-top: 15px;
}

.footer .f-1 .f-1-main .ewm img {
	float: left;
	width: 85px;
	height: 85px;
	margin-left: 8px;
}

.footer .f-1 .f-1-main .ewm p {
	width: 100px;
	text-align: center;
	font-size: 12px;
	color: #575e65;
	padding-top: 5px;
}

.footer .f-2 {
	width: 100%;
	min-width: 1280px;
	height: auto;
	background: #3a3a3a;
	float: left;
}

.footer .f-2 .f-2-main {
	width: 1200px;
	height: 55px;
	margin: 0 auto;
}

.footer .f-2 .f-2-main p {
	width: 1200px;
	line-height: 55px;
	float: left;
	color: #bbb;
	font-size: 12px;
}

.footer .f-2 .f-2-main p a {
	color: #bbb;
	font-size: 12px;
}