body{
	font-size: 12px;
	line-height: 24px;
	font-family: 'Microsoft YaHei', '\5FAE \8F6F \96C5\91';
	background: #f3f3f3;
}
.container{
	width: 1000px;
	margin:0 auto;
}
a:hover{
	color:#365ca5;
}
.banner{
	background: url(../images/banner_bg.png) no-repeat center;
	background-size: cover;
}

.bounceInLeft1 {
	animation:bounceInLeft 1s alternate ;
}
.bounceInLeft2 {
	animation:bounceInLeft 2s alternate ;
}
@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px)
	}
	60% {
		opacity: 1;
		transform: translateX(30px)
	}
	80% {
		transform: translateX(-10px)
	}
	100% {
		transform: translateX(0)
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px)
	}
	80% {
		-webkit-transform: translateX(-10px)
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px)
	}
	60% {
		opacity: 1;
		-moz-transform: translateX(30px)
	}
	80% {
		-moz-transform: translateX(-10px)
	}
	100% {
		-moz-transform: translateX(0)
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px)
	}
	60% {
		opacity: 1;
		-o-transform: translateX(30px)
	}
	80% {
		-o-transform: translateX(-10px)
	}
	100% {
		-o-transform: translateX(0)
	}
}

.bounceInRight2 {
	animation:bounceInRight 2s alternate ;
}
@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px)
	}
	60% {
		opacity: 1;
		transform: translateX(-30px)
	}
	80% {
		transform: translateX(10px)
	}
	100% {
		transform: translateX(0)
	}
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px)
	}
	80% {
		-webkit-transform: translateX(10px)
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px)
	}
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px)
	}
	80% {
		-moz-transform: translateX(10px)
	}
	100% {
		-moz-transform: translateX(0)
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px)
	}
	60% {
		opacity: 1;
		-o-transform: translateX(-30px)
	}
	80% {
		-o-transform: translateX(10px)
	}
	100% {
		-o-transform: translateX(0)
	}
}
.content1{
	background: #fff;
	padding-bottom: 2%;
	margin-bottom: 1%;
}
/**dress开始**/
.dress p{
	line-height: 50px;
}
/**dress结束**/
.p{
	font-size: 14px;

}
/**board开始**/
.board{
	background: url(../images/board_bg.png) repeat-x center;
	margin:2% auto 0;
}
.board li{
	background: url(../images/board.jpg) no-repeat center;
	float: left;
	width: 8.6%;
	margin:0 4%;
	cursor: pointer;
	text-align: center;
	line-height: 70px;
	font-size: 20px;
	font-weight: bold;
}
.board li a{
	display: block;
}
.board  .li12{
	margin-right: 0;
}
.board .li1{
	margin-left: 0;
	background: url(../images/board.jpg) no-repeat 0 0;
}
.board .li1:hover{
	background: url(../images/board_hover.jpg) no-repeat 0 0;
}
.board .li6{
	margin-right:0;
	background: url(../images/board.jpg) no-repeat 2px 0;
}
.board .li7{
	margin-left: 8%;
}
.board .li6:hover{
	background: url(../images/board_hover.jpg) no-repeat 10px 0;
}
.board li:hover{
	background: url(../images/board_hover.jpg) no-repeat center;
}
.board li:hover span{
	color:#365ca5;
}
#toTop{
	display: none;
	padding:10px 0 ;
	color: white;
	text-align: center;
	background: #365ca5;
	margin: 0px auto;
	width: 48px;
	height: 28px;
	position:fixed;
	z-index: 150;
	right: 20%;
	bottom: 10%;
}
/**board结束**/

h2{
	font-size: 24px;
	color:#fff;
	text-align: center;
	width: 200px;
}
h2 b{
	font-size: 12px;
	
}
h2 span{
	
	display: block;
	text-align: center;
}
h3{
	font-size: 24px;
	text-align: center;
}
.content2 h2,.content4 h2,.content6 h2,.content8 h2,.content10 h2,.content12 h2{
	padding:18px 0 10px 50px;
	float: left;
	background: url(../images/h2_bg2.png) no-repeat 0 center;
	background-size:contain;
}
.content2 .top p,.content4 .top p,.content6 .top p,.content8 .top p,.content10 .top p,.content12 .top p{
	float: left;
	font-size: 22px;
	line-height: 86px;
	color:#e5591e;
}
.content2 h2 div,.content4 h2 div,.content6 h2 div,.content8 h2 div,.content10 h2 div,.content12 h2 div{
	float: left;
}
.content3 h2,.content5 h2,.content9 h2,.content11 h2,.content13 h2{
	padding:18px 10px 10px 32px;
	float:right;
	margin-left: 12px;
	background: url(../images/h2_bg1.png) no-repeat 0 center;
	background-size:contain;
}
.content9 h2{
	padding-left:10px;
}
.container .top{
	margin-bottom: 3%;
}
.content3 .top p,.content5 .top p,.content7 .top p,.content9 .top p,.content11 .top p,.content13 .top p{
	float:right;
	line-height: 86px;
	font-size: 22px;
	color:#e5591e;
}
.content3 h2 div,.content5 h2 div,.content7 h2 div,.content9 h2 div,.content11 h2 div,.content13 h2 div{
	float: left;
}

.content5 h2 div{
	margin-left: -10px;
}

.content6 h2 div{
	margin-left: -10px;
}
.content5 .center>div.div03,.content5 .center>div.div04,.content4 .center>div.div03,.content6 .center>div,.content8 .center>div,.content9 .center>div,.content11 .center>div.div03{
	width: 100% !important;
	padding-right: 0 !important;
	height: auto !important;
}
.container .center>div{
	height: 180px;
}
.container .center .left{
	width: 45%;	
	padding-right: 5%;
}
.container .center .right{
	width: 45%;
	padding-left: 5%;
}
.container .center h3{
	padding-bottom: 3%;	
	border-bottom: 1px dashed #ccc;
}
.container .center p{
	padding:3% 3% 4%;
}
.container .last1{
	padding:2% 3%;
	border: 1px dashed #365ca5;
}
.container .last1 img{
	padding-right: 10px;
}
.container .last1 h4{
	font-size: 16px;
	color:#e5591e;
	padding-left: 20px;
	background: url(../images/fire.png) no-repeat left center;
}
.content2,.content3,.content4,.content5,.content6,.content7,.content8,.content9,.content10,.content11,.content12,.content13{
	background: #fff;
	padding: 2% 0;
	margin-bottom: 1%;
}



.guide,.ranking,.enrollment,.reference,.interact{
    width:1200px;
    margin:0 auto;
}


.process{
    background-color: #fff;
	padding:2%;
    margin-bottom:35px;

}

.process #wrapper02{
    margin:3%;
    height:230px;
    position: relative;
}
.scroll02{
    width: 1080px;

}

.process-l>div{
    float: left;
    width: 16.666666%;
}
.process-l .process01, .process-l .process03, .process-l .process05{
    padding-top:30px;
}
.process-l .ul-cnt{
    padding-right:10%;
    padding-left:5%;
    margin:0 0 3px 0px;
}
.process-l .process01{
    background: url(../images/y1.png) no-repeat left bottom;
}
.process-l .process01 .ul-cnt{
    border-bottom:6px #24b0a5 solid;
}
.process-l .process02{
    background: url(../images/y2.png) no-repeat left bottom;
}
.process-l .process02 .ul-cnt{
    border-bottom:6px #f8ab5b solid;
}
.process-l .process03{
    background: url(../images/y3.png) no-repeat left bottom;
}
.process-l .process03 .ul-cnt{
    border-bottom:6px #f2a0c9 solid;
}
.process-l .process04{
    background: url(../images/y4.png) no-repeat left bottom;
}
.process-l .process04 .ul-cnt{

    border-bottom:6px #e95b46 solid;
}
.process-l .process05{
    background: url(../images/y5.png) no-repeat left bottom;
}
.process-l .process05 .ul-cnt{

    border-bottom:6px #9d5eae solid;
}
.process-l .process06{
    background: url(../images/y6.png) no-repeat left bottom;
}
.process-l .process06 .ul-cnt{

    border-bottom:6px #2057aa solid;
}
.process .process-l span{
    font-size:22px;
    margin-bottom:20px;
    display: block;
    height: 30px;
    line-height: 30px;
}
.process .process-l span i{
    background: url(../images/icon.png) no-repeat;
    padding:0 18px;
}
.process-l .process01 span i{
    background-position: 0 0;
}
.process-l .process02 span i{
    background-position: 0 -31px;
}
.process-l .process03 span i{
    background-position: 0 -66px;
}
.process-l .process04 span i{
    background-position: 0 -100px;
}
.process-l .process05 span i{
     background-position: 0 -132px;
 }
.process-l .process06 span i{
      background-position: 0 -166px;
  }



.process .process-l ul{
    border-left:1px #dedede solid;
    padding-left:10%;
    padding-bottom:15px;
    margin-bottom:15px;
}
.process-l .process02 ul, .process-l .process04 ul, .process-l .process06 ul{
    padding-bottom:45px;
}
.process .process-l ul li{
    font-size:12px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.process .process-r{
    width:12%;
    padding:5% 0;
}
.process-r a{
    display: block;
    width: 90%;
    height: 30px;
    line-height: 30px;
    margin:10% 5% 0%;
    background-color: #e84c35;
    color:#fff;
    border-radius: 3px;
    text-align: center;

}

.content7 h2 span{
	display: inline-block;
}
.content7 h2{
	width: 244px;
	height: 80px;
	margin-left: 12px;
	float:right;
	background: url(../images/h2_bg1.png) no-repeat 0 0;
}
.content7 h2 div{
	width: 100px;
	margin:20px 0 20px  58px;
}
.content7 h2 b{
	display: inline-block;
	line-height: 36px;
}



/*footer*/
#footer{ width:1000px; margin:15px auto ; text-align:center; overflow:hidden; clear:both; padding-bottom:70px; display: block;}
#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.3em;}
.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: 1000px) {
	.container{
		width: 90%;
		padding:0 5%;
	}
	#toTop{
		padding:10px 0 ;
		color: white;
		text-align: center;
		background: #365ca5;
		margin: 0px auto;
		width: 48px;
		height: 28px;
		position:fixed;
		z-index: 150;
		right: 1%;
		bottom: 10%;
	}
	#footer{
		width: 100%;
	}
	.board li{
		width: 10%;
		margin: 0 3% 2%;
	}
	.board .li1,.board .li7{
		margin: 0 3% 2%;
	}

	.board .li1,.board .li6,.board,.board li{
		background: 0 none;

	}
	.board li,.board .li1,.board .li6{
		border: 1px solid #365ca5;
		background-color: #365ca5;
		line-height: 42px;	
		color:#fff;	
	}
	.board li:hover,.board .li1:hover,.board .li6:hover{
		color:#e5591e;
		background: 0 none;
	}
	.board li a{
		color:#fff;
	}
}
@media only screen and (max-width: 767px) {
	.container .top p{
		float:inherit;
		line-height: 30px;
		padding-top:2%;
	}
	.content2,.content3,.content4,.content5,.content6,.content7{
		padding: 5% 0;
		margin-bottom: 5%;
	}
	.board .li1,.board .li2,.board .li3,.board .li4,.board .li5,.board .li6,.board .li7,.board .li12{
		width: 20%;
		margin:0 2.2% 2%;
	}
	#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: 550px) {
	h2{
		font-size: 24px;
		width: 150px;
	}

	.board .li1,.board .li2,.board .li3,.board .li4,.board .li5,.board .li6,.board .li7,.board .li12{
		width: 26.6%;
		margin:0 3% 2%;
	}
	.content5 h2 div,.content3 h2 div, .content5 h2 div, .content7 h2 div{
		margin-left: 20px;
	}
	/*.container .top p,.container .top h2{
		float:initial;
		left:auto;
		top:auto;
	}*/
	.container .top p{
		padding-top:0;
		font-size: 18px;
	}
	/*.content3 h2,.content5 h2,.content7 h2{
		background: url(../images/h2_bg2.png) no-repeat 0 center;
		background-size:contain ;
	}*/
	.container .center .left,.container .center .right{
		width: 100%;	
		padding:0
	}
	.content7 h2 div{
		margin:0;
		padding:20px 80px;
	}
	.content3 h2,.content5 h2{
		margin-left: 0;
		padding:18px 10px 10px 0px;
	}
}