body{
	font-size: 12px;
	font-family: 'Microsoft YaHei', '\5FAE \8F6F \96C5\91';
}
.container{
	width: 1200px;
	margin:0 auto;
}
/**top**/
.top{
	padding-top:1%;
	margin-bottom: 1%;
	position: relative;
}
.top img{
	float: left;
}
.top span{
	font-size: 24px;
	line-height: 58px;
	font-weight: bold;
	color:#1d6498;
	float:right;
	padding-left: 40px;
	background: url(../images/phone_logo.png) no-repeat center left;
}
/**top**/
h1{
	position: absolute;
	left:-10000px;
}
/**grade**/
.grade{
	background: #2b84e1;
	margin-bottom: 1%;
}
.grade dd a{
	float: left;
	width: 33.333333%;
	color:#fff;
	line-height: 22px;
}
.grade .dongtai a{
	width: 50%;
}
.grade dl{
	float: left;
	width: 25%;
	color:#fff;
	text-align: center;
}
.grade dt,.grade dd{
	float: left;
}
.grade dt{
	width: 32.6%;
	line-height: 80px;
	font-size: 18px;
	
	background:#116ac3;
}
.grade dd{
	width: 67.4%;
	padding:7px 0;
	background:#2b84e1;
}
/**grade**/
/**dress**/
.dress p{
	line-height: 54px;
}
/**dress**/


/**search**/
.search{
	margin-bottom: 1%;
}
.search .left{
	width: 56.2%;
	background: #2b84e1;
}
.search .right{
	width: 41%;
	font-size: 16px;
	line-height: 40px;
	border: 1px solid #ccc;
}
.search .right p{
	padding-left: 35px;
	margin-left: 10px;
	background: url(../images/daojishi.png) no-repeat center left;
}
#day{
	font-weight: bold;
	font-size: 18px;
	color:#000;
	padding:0 5px;
}
#day b{
	width: 22px;
	margin:0 2px;
	text-align: center;
	border-radius: 2px;
	display: inline-block;
	line-height: 26px;
	background: #2b84e1;
}
#sousuo{
	width: 83%;
	line-height: 30px;
	padding:0 0.5%;
	text-indent: 5px;
	height: 42px;
	color:#999;
	border: 1px solid #2b84e1;
}
#search{
	width: 13.3%;
	color:#fff;
	height: 42px;
	background: #2b84e1;
	border:0 none;
	cursor: pointer;
	outline: 0 none;
}
/**search**/


/**content**/
.content{
	margin-bottom: 2%;
}
.content .banner{
	width: 56.2%;
	height: 264px;
	overflow: hidden;
}
.content .list{
	width: 4050px;
}
.content .list li{
	float: left;
}
.content .right{
	width: 38%;
	padding:1.5%;
	border: 1px solid #ccc;
	margin-left: 2.5%;
}
.content .right div{
	padding-bottom: 3.3%;
	margin-bottom: 3.3%;
	border-bottom: 1px dashed #ccc;
}
.content .right .content_right_div{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0 none;
}
.content_right1 li a{
	font-size: 20px;
	font-weight: bold;
	color:#2b84e1;
}
.content_right1 li:hover a{
	color:#ff7d00;
}
.content .right li{
	float: left;
	width: 49%;
	padding:0 0.5%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.content_right1{
	height: 34px;
	line-height: 34px;
	overflow: hidden;
}
.content_right2{
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}
.banner{
	position: relative;
}
.content .banner .left_btn{
	position: absolute;
	left:2%;
	top:50%;
	margin-top: -50px;
	display: none;
}
.content .banner .right_btn{
	position: absolute;
	right:2%;
	top:50%;
	margin-top:-50px;
	display: none;
}
.banner .btn {
	position: absolute;
	right: 50%;
	margin-right: -124px;
	bottom: 26px;
}
.content .banner:hover .right_btn,.content .banner:hover .left_btn{
	display: block;
}
.banner .btn li{
	float: left;
	width: 50px;
	height: 5px;
	text-align: center;
	margin:0 6px;
	background: #ccc;
	color:#fff;
	cursor: pointer;
}
.banner .btn .cur{
	background: #2b84e1;
}
.banner .btn li:hover{
	background: #2b84e1;
}
/**content**/


/**study_left**/
.study{
	margin-bottom: 2%;
}
.study .left{
	width: 29.33%;
	padding:1.5% 2%;
	background:#f9f9f9;
}
.study .left h2{
	font-size: 20px;
	line-height: 44px;
	background:#2b84e1 url(../images/study_png.png) no-repeat 10px center;
	color:#fff;
	padding-left: 66px;
}
.study .left h3{
	font-size: 16px;
	line-height: 48px;
	margin-top:1.2%;
	padding-left: 1px;
	color:#2b84e1;
}
.study_img{
	margin:0 0 5% 7.5%;
}
.study .left_1{
	background: url(../images/study_ul_bg.png) repeat-y 5px center;
}
.study .left div h3 span{
	padding-left: 10px;
}    
.study .left_2 h3 img{
	padding-top:6%;
	margin-bottom: 7%;
	background:#f9f9f9 ;
}
.study .left div li{
	height: 24px;
	line-height: 24px;
	padding:0 5% 0 8%;
	width: 88%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url(../images/li_img.png) no-repeat 18px center;
}
.study .left div li a{
	float: left;
}
.study .left div li span{
	float:right;
}
/**study_left**/
/**study_center**/
.study .center{
	width: 34.9%;
	float: left;
	padding:1.5% 2%;
	margin:0 2%;
	border: 1px solid #ccc;
}
.study .center h2{
	font-size: 20px;
	color:#2b84e1;
	line-height: 24px;
	border-left: 2px solid #2b84e1;
	padding-left: 10px;
	margin-bottom: 1%;
}
.study .center1,.study .center2,.study .center3{
	padding-bottom: 3%;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 3%;
	text-align: center;
}
.study .center1 a,.study .center2 a,.study .center3 a,.study .right3 a{
	text-align: center;
	float: left;
	overflow: hidden;
}
.study .center1 a{
	width: 24.6%;
	padding:2%;
	line-height: 40px;
	font-size:14px;
	border: 1px solid #ccc;		
	margin:2%;	
}
.study .center2 a{
	width: 18.4%;
	padding:2%;
	height: 40px;
	line-height: 20px;
	margin:1%;
	border: 1px solid #ccc;
}
.study .center3{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0 none;
}
.study .center3 a{
	width: 26.6%;
	padding:2%;
	margin:1%;
	line-height: 30px;
	border: 1px solid #ccc;
}
/**study_center**/

/**study_right**/
.study .right{
	width: 23.5%;
}
.study .right h2{
	font-size: 20px;
	color:#2b84e1;
	line-height: 24px;
	margin-bottom: 6%;
	border-left: 2px solid #2b84e1;
	padding-left: 10px;
}
.study .right1,.study .right2,.study .right3{
	border: 1px solid #ccc;
	padding:8% 9%;
	width: 82%;
	margin-bottom: 8%;
}
.study .right3{
	margin-bottom: 0;
}
.study .right1 a{
	float: left;
	width: 43.5%;
	margin:3%;
}
.study .right1 a img{
	display: block;
	margin:0 auto;
}
.study .right2 li{
	line-height: 26px;
	width: 94%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 5%;
	background: url(../images/li_img.png) no-repeat left center;
}
.study .right3 a{
	width: 28%;
	border: 1px solid #ccc;
	line-height: 30px;

	margin:3% 2%;
}
/**study_right**/


/**last**/
.last1{
	margin-bottom: 2%;
}
.last1>div{
	padding:2%;
	background: #f9f9f9;
}
.last1 h2{
	font-size: 20px;
	border-left: 2px solid #2b84e1;
	padding-left: 10px;
	margin-bottom: 5%;
	line-height: 24px;
	color:#2b84e1;
}
.last1 .left{
	width: 29%;
}
.last1 .left img{
	margin-bottom: 5%;
}
.last1 .left li{
	line-height: 26px;
	background: url(../images/li_img.png) no-repeat 0px center;
	padding-left: 3%;
	width: 97%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.last1 .left li a{
	float: left;
}
.last1 .left li span{
	float:right;
}
.last1 .center{
	width: 34.4%;
	padding:0 3%;
	margin:0 3%;
	float: left;
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
}
.last1 .right{
	width: 23.6%;
	/*padding:2%;*/
}
.last1 .center1{
	margin-bottom: 4%;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 4%;
}
.last1 .center1 a{
	width: 21%;
	line-height: 24px;
	text-align: center;
	float: left;
	padding:1% 2%;
}
.last1 .center2 li{
	width: 46%;
	margin-right: 2%;
	float: left;
	line-height:26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.last1 .right a{
	width: 20%;
	text-align: center;
	padding:2% 0;
	line-height: 18px;
	float: left;
}
/**last**/
.only_img{
	margin-bottom: 2%;
}
.friend{
	margin-bottom: 2%;
}
.friend>div{
	border: 1px solid #ccc;
	padding:2%;
	margin-bottom: 2%;
}
.friend h2{
	font-size: 20px;
	padding-left: 10px;
	margin-bottom: 2%;
	line-height: 24px;
	border-left: 2px solid #2b84e1;
}
.friend .friend_1{
	width: 95%;
	margin:0 2.5%;
}
.friend .friend_1 a{
	float: left;
	height: 14px;
	padding-right: 10px;
	margin-right: 10px;
	line-height: 14px;
	margin-bottom: 14px;
	border-right:1px solid #ccc;
}


/*footer*/
#footer{ width:1000px; margin:15px auto ; text-align:center; overflow:hidden; clear:both; padding-bottom:70px;}
#footer table{ width:100% !important;}

.copyright{ display:none; padding:1em 0em 1em; text-align:center;border-top:2px solid #4e8099; margin:1.5em 0 2em;}
.copyright p{ margin-bottom:0.3em; margin:0 0.3em 0.7em;font-size£º14px;}
.copyright p a{ margin-right:5px;}

.last{ display:none;width:100%; height:40px; line-height:40px; background:#2978BB; position:fixed; z-index:99999; bottom:0px;}
.last ul li{ float:left; width:33%; height:40px; border-right:1px #61B3FA solid; background:#2978BB; text-align:center; display:block; overflow:hidden;}
.last ul li a { display:inline-block; height:40px; width:99.8%; color:#FFF; border-right:1px #0469BB solid; text-align:center; }
.last ul li a span { font-size:14px; font-weight:600;} 
/*footer*/
@media only screen and (max-width: 1200px) {
	.container{
		width: 96%;
		padding:0 2%;
	}
	#footer{
		width: 100%;
	}
	.content .right{
		width: 97%;
		margin:0;
	}
	.content .right li{
		width: 21%;
		padding:0 2%;
	}
	.top{
		padding-top:2%;
	}
	.grade{
		padding:0;
		margin:0 2% 2.5%;
	}
}
@media only screen and (max-width: 1024px) {
	.study .center{
		width: 60%;
		margin:0;
	}
	.study .center2 a{
		height: 40px;
	}
	.study .center3 a{
		width: 30.6%;
		line-height: 36px;
		padding:0;
	}
	.study .right{
		width: 32.5%;
	}
	.study .center h5{
		margin-bottom: 2%;
	}
	.study .right1, .study .right2, .study .right3{
		padding:6%;
	}
	
	.study .right2 li{
		line-height: 26px;
	}
	.study .right3 a{
		margin:2%;
	}
	.study .right h5{
		margin-bottom: 7.4%;
	}
	.last1 h5,.last1 .center1{
		margin-bottom: 3%;
	}
	.last1 .center{
		width: 58.4%;
		margin-left: 0;
		border-left: 0 none;
	}
	.last1 .right{
		width: 31.6%;
	}
}
@media only screen and (max-width: 900px) {
	.grade{
		background:0 none;
	}
	.grade dl{
		width: 49%;
		margin:0 1% 1% 0;
	}
	.content .right li{
		width: 29.33%;
	}
}
@media only screen and (max-width: 767px) {
	.top span,.only_img{
		display: none;
	}
	.content .right li{
		width:46%
	}
	.content .right{
		width: 97%;
		margin:0 0 2%;
	}
	.study .center{
		width: 100%;
		padding:0;
		border:0 none;
	}
	.study .center h5{
		margin-bottom: 1%;
	}
	.study .center1 a{
		height:auto;
	}
	.study .center1,.study .center2{
		margin-bottom: 3%;
		padding-bottom: 3%;
	}
	.search .left,.search .right{
		margin-bottom: 1.5%;
		width: 100%;
	}
	.last1>div{
		background: 0 none;
		padding:0;
	}
	.last1 h5{
		margin-bottom: 1%;
	}
	.last1 .center{
		width: 100%;
		border:0 none;
		margin:0;
		padding:0;
	}
	.last1 .center1 a{
		width: 16%;
	}
	.last1 .right{
		width: 100%;
	}
	.last1 .right a{
		width: 12.5%;
	}
#footer,#qiao-wrap,#QIAO_INVITE_CONTAINER,#QIAO_ICON_CONTAINER .qiao-icon-sector-inner{ display:none !important;}
	#QIAO_INVITE_CONTAINER{ width:0 !important; height:0 !important;}
	.copyright,.last{ display:block;}
}
@media only screen and (max-width: 600px) {
	.grade dl{
		width: 100%;
		margin:0 0 1%;
	}
	
	.last1 .center1 a{
		width: 21%;
	}
	.grade dt{
		width: 21.6%;
	}
	.grade dd{
		width: 78.4%;
	}
}
@media only screen and (max-width: 550px) {
	.top img{
		width: 33%;
	}
	.content .content_right1 li{
		width: 96%;
	}
	.study .center1,.study .center2{
		margin-bottom: 5%;
		padding-bottom: 5%;
	}
	.study .center3{
		margin-bottom: 3%;
	}
	.last1 .center1{
		margin-bottom: 1%;
	}
	.only_img,.friend>div,.last1 .center{
		margin-bottom: 5%;
	}
	.last1 .center2 a{
		width: 96%;
		padding:0 2%;
	}
	.last1 .right a{
		width: 16.66%;
	}
	.study .center1 a{
		height: 40px;
	}
}
@media only screen and (max-width: 450px) {
	.last1 .center1 a{
		width: 29.33%;
	}
	.last1 .right a{
		width: 20%;
	}
	.content .content_right2 li{
		width: 96%;
	}
}
@media only screen and (max-width: 400px) {
	.study .center2 a{
		width: 26.33%;
	}
	.study .center3 a{
		width: 47.3%;
	}
}