@import url("base.css");

a {color: #333;}
a:hover {color: #004098;}
.container{width: 100%; margin: 0 auto; max-width: 1260px;}
body{
	font-family: "微软雅黑", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", PingHei, STHeiti;
	font-size: 16px; font-size: 1.6rem;
	color: #333;
	background: #f9f6f4;
}
time{font-family: Arial, serif;}

.header{background: url("bg_body_edu.jpg") no-repeat top center #41d3ec;}
.navtop{padding: 0 10px; line-height: 2; font-size: 14px; font-size: 1.4rem; float: right; margin-top: 4px; line-height: 32px;}
.navtop li{display: inline-block;	padding-left: 6px; color: #fff;}
.navtop li a{color: #fff;}
.navtop li a:hover{text-decoration: underline;}

.search-model{position:absolute; background-color:rgba(34,54,175,0.9); width:100%; display:none; top:-8px; left:0; z-index: 100}
.search-model form{overflow:hidden}
.search-box{height:68px; border-bottom:1px solid #fff; margin:80px 160px 90px;}
.search-ipt{height:30px; border:0; background:none; font-size:22px; color:#fff; width:60%; float:left; margin-top:18px; caret-color:#fff; -webkit-appearance:none;outline:none; padding:0;}
.search-sub{ background:url("ico_search_mobile.png") no-repeat right center; width:30px; height:30px; float:right; display:block; border:0; margin-top:20px}
.search-close{float:right;margin:20px; cursor:pointer;}
.search-ipt::-webkit-input-placeholder{color: #8dbefb;} 
.search-ipt:-moz-placeholder{color: #8dbefb;} 
.search-ipt::-moz-placeholder{color: #8dbefb;} 
.search-ipt:-ms-input-placeholder{color: #8dbefb;}

a.icon{
	display: none;
}

.search{float:right; margin-top: 4px; border-radius: 16px; height: 32px; line-height: 32px; width: calc(100% * 0.18); width: 230px\0;
	background: rgba(75, 125, 226, 0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B24b7de2, endcolorstr=#B24b7de2);
}
.search input{color: #fff; border: 0 none; height: 32px; line-height: 32px; float: left; padding: 0 0 0 16px; font-size: 15px; font-size: 1.5rem; width: calc(100% - 40px); width: 187px\0;}
.search .btn-search{float: right; background: url(ico_search_pc.png) no-repeat 50% 50%; width: 40px;}

.logo{float:left; width: calc(100%); padding: 15px 0 35px;}

footer{padding: 30px 0 40px; background: #527faf;}
footer .left{float: left; width: calc(100% * 0.345); width: 435px\0;}
footer .mid{float: left; width: calc(100% * 0.445); width: 560px\0;}
footer .right{float: right; width: calc(100% * 0.21); width: 265px\0;}

footer .left{padding:5px 0 5px 15px; border-right: 2px solid #a6aeb7;}
footer .left li{float: left; width: 32%; font-size: 24px; line-height: 2;}
footer .left li a{color: #fff;}
footer .left li a:hover{color: #e3eeff;}
footer .mid{padding:5px 0 5px 30px; border-right: 2px solid #a6aeb7;}
footer p{line-height: 1.6; font-size: 14px; color: #fff; margin: 8px 0;}
footer .right{text-align:center;}
footer .right img{width: auto; padding:14px 10px 0;}
footer img{width: auto;}





@media screen and (max-width:768px){
}
/*手机总体*/
@media screen and (max-width: 1023px) {
	.search{display: none;}
	.search img{width: auto; height: auto; }
	footer .left{float: left; width: calc(100% * 0.65);}
	footer .right{float: none; display: inline-block; width: calc(100% * 0.35);}
	footer .mid{float: none; width: 100%; border-right: 0 none; margin-top: 15px; padding-left: 18px;}
}
/*pc总体*/
@media screen and (min-width: 1024px) {
}

/*5、6、plus*/
@media screen and (min-width:300px) and (max-width: 768px) {
	.navtop{
		display: none;
		margin-top: 25px;
		background: rgba(34, 54, 175, 0.8)
	}
	.navtop li{
		border-bottom: 1px solid #fff;
	}
	.navtop li:last-child{
		border-bottom: none;
	}
	a.icon{	float: right;	display: block;	padding: 5px 10px; }
	a.search-m{padding: 6px 2px 0 0;display: inline-block;}
	.navtop.responsive{
		position: absolute;
		display: block;
		right: 0; top:20;
		z-index: 99;
	}
	.navtop.responsive li{
		display: block;
	}
	.navtop.responsive li a{float: none; display: block; text-align: left; color: #fff; padding: 3px 0;}
	.navtop.responsive .line{
		display: none;
	}
	.menuico{
		float: left;
		background:url(menu_edu.png) 0 0 no-repeat;
		width:34px;
		height:34px;
	}
	.navtop.responsive li .search{display: none;}
	
	.search-box{margin:50px 20px 50px;}
	
	footer .left{float: none; display: inline-block; width: 100%;}
	footer .right{display: none;}
	footer .mid{float: none; display: inline-block;  width: 100%; border-right: 0 none; margin-top: 15px; padding-left: 18px;}
}
/*ipad*/
@media screen and (min-width:769px) and (max-width: 1025px) {
	.logo{padding: 10px 10px 25px;}
	.search-box{margin:80px 60px 90px;}
}

/*1280 1366*/
@media screen and (min-width: 1026px) and (max-width: 1367px) {

}