html,body,div,h1,h2,h3,h4,h5,p,span,ul,li,dl,dt,dd,em,i{
	padding:0;
	margin:0;
}

ul,li{
	list-style:none;
}

a{
	text-decoration:none;
}


body{
	max-width:750px;
	margin:0 auto;
	background:#FFEEDA;
}

.banner{
	width:100%;
}

.banner img{
	width:100%;
}


/*教学*/

.jiaoxue{
	width:96%;
	margin:0 auto;
	margin-top:.5rem;
}

.jx_box{
	width:100%;
	background:#FFF;
	border-radius:.1rem 0 0 .1rem;
}

.jx_box2{
	width:100%;
	background:#FFF;
	border-radius:.1rem 0 0 .1rem;
}

.jx_box dl, .jx_box2 dl{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:.5rem;
}

.jx_box dl dt, .jx_box2 dl dt{
	width:30%;
	background:#0056A9;
	border-radius:.1rem 0 0 .1rem;
	text-align:center;
	color:#FFF;
	font-size:.4rem;
	line-height:1.7rem;
	font-weight:bold;
}

.jx_box dl dt.rights, .jx_box2 dl dt.rights{
	width:30%;
	background:#0056A9;
	border-radius:0 .1rem .1rem 0;
	text-align:center;
	color:#FFF;
	font-size:.4rem;
}

.jx_box dl dd, .jx_box2 dl dd{
	width:66%;
	margin:0 2%;
	font-size:.2rem;
	line-height:.45rem;
}


/*标题*/

.btitle{
	width:100%;
	height:1.25rem;
	background:url(../images/title.png) no-repeat;
	background-size:100% auto;
	margin-top:1rem;
	line-height:.9rem;
}

.btitle h3{
	width:61%;
	margin:0 auto;
	color:#FFF;
	font-weight:bold;
	display:flex;
	justify-content:space-between;
}

.btitle h3 span{
	width:16.6%;
	display:inline-block;
	text-align:center;
	font-size:.4rem!important;
}

.ciapin{
	width:96%;
	margin:0 auto;
	margin-top:.4rem;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.ciapin dl{
	background:#ECEAEB;
	margin-bottom:.06rem;
}

.ciapin dl.swidth{
	width:42.6%;
}

.ciapin dl.bwidth{
	width:55.6%;
}

.ciapin dl dd{
	width:100%;
	height:.75rem;
	line-height:.75rem;
	text-align:center;
	font-size:.24rem!important;
	display:block;
	font-weight:bold;
	font-style:normal;
}

.ciapin dl img{
	width:100%;
	display:block;
}


.zixun{
	width:60%;
	height:auto;
	margin:0 auto;
	text-align:center;
	margin-top:.5rem;
}

.zixun a{
	width:100%;
	height:100%;
	display:block;
	border:2px solid #0065B1;
	border-radius:1em;
	font-size:.28rem;
	line-height:.75rem;
	font-weight:bold;
	color:#0065B1;
	background:#FFF;
}


/*学习内容*/

.xxcontent{
	width:94%;
	height:auto;
	margin:0 auto;
	background:#FFF;
	margin-top:.5rem;
	display:flex;
	justify-content:space-between;
	padding:1%;
}

.xxcontent div dl{
	margin-bottom:.1rem;
}

.xxcontent div.two{
	width:54%;
	display:flex;
	flex-wrap:wrap;
	align-items:space-between;
	justify-content:center;
}

.xxcontent div.three{
	width:44%;
	display:flex;
	flex-wrap:wrap;
	justify-items:center;
	align-content:space-between;
}

.xxcontent div img{
	width:100%;
	display:block;
}

.xxcontent div dl dt{
	color:#FA9800;
	font-size:.32rem;
	font-weight:bold;
	margin-bottom:.05rem;
}
.xxcontent div dl dd{
	font-size:.24rem;
	line-height:.4rem;
}


.huanjing{
	width:96%;
	margin:0 auto;
	margin-top:.25rem;
	display:flex;
	justify-content:space-between;
}

.hj_left{
	width:29.5%;
}

.hj_left img{
	width:100%;
	display:block;
}

.hj_right{
	width:68.8%;
}

.hj_right p{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.hj_right p img{
	width:48.5%;
	display:block;
	margin-bottom:.075rem;
}

.hj_right img{
	width:100%;
	display:block;
}


/*学生作品*/

.product{
	width:100%;
	height:auto;
	background:#FFF;
	margin-top:.25rem;
	overflow:hidden;
}

.product ul{
	width:96%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:2%;
}

.product ul li.big{
	width:58%;
}

.product ul li.sm{
	width:40%;
}

.product ul li img{
	width:100%;
	display:block;
	margin-bottom:.1rem;
}


.morezy{
	width:96%;
	margin:0 auto;
	margin-top:.5rem;
	display:flex;
	justify-content:space-between;
	margin-bottom:.6rem;
	flex-wrap:wrap;
}

.morezy dl{
	width:48.8%;
	margin-bottom:3%;
}

.morezy dl img{
	width:100%;
	display:block;
}

.morezy dl dd{
	width:100%;
	height:.75rem;
	background:#EEEEEE;
	line-height:.75rem;
	font-size:.24rem;
	text-align:center;
	font-weight:bold;
}

.morezy dl dd span{
	font-size:.2rem!important;
	font-weight:normal;
}

