/*
*启德教育集团市场部技术开发
*前端开发组制作版权所有
*/


/***************************公共组件样式控制***************************/

html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
b,
i,
dl,
dt,
dd,
ul,
li {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	_font-smoothing: antialiased;
	font-smoothing: antialiased;
}

#nav,
#header,
#menu,
#section {
	display: block;
}

#nav,
#header,
#menu {
	width: 100%;
}

.img {
	vertical-align: bottom
}

.zt-wrap {
	font-size: 16px;
}

ul,
li {
	list-style: none;
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	outline: none
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

.elips {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-o-text-overflow: ellipsis
}


/*清除浮动方法*/

.clear {
	clear: both;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	*zoom: 1;
}

.fix {
	zoom: 1;
}

.fix:after {
	display: block;
	content: 'clear';
	clear: both;
	line-height: 0;
	visibility: hidden;
}


/****************************页面样式控制*****************************/


/*---------------------------全局页面控制----------------------------*/

body {
	line-height: 22px;
	font-size: 12px;
	color: #333333;
	font-family: "微软雅黑", "Microsoft YaHei", Helvetica, Arial;
}

a {
	color: #333333;
}

a:hover {
	color: #db2518;
}

.mw {
	width: 1000px;
	margin: 0 auto
}

.left{
	text-align: left !important;
}

/*---------------------------全局导航模块---------------------------*/

#nav {
	height: 105px;
	text-align: center;
	background-color: #FFF;
}

#looyuMid {
	z-index: 99;
}

/*-------------------------全局菜单导航模块--------------------------*/

.title{
	text-align: center;
	margin-bottom:30px;
	background: url('../images/title_01.png') no-repeat center 22px;
	color: #163142;
	font-size: 38px;
	line-height: 60px;
	font-weight: bold;
}

.btn-box {
	text-align: center;
	padding: 40px 0 50px;
}

.btn-box a {
	width: 218px;
	height: 40px;
	display: inline-block;
	*zoom: 1;
	font-size: 18px;
	line-height: 40px;
	margin: 0 55px;
	cursor: pointer;
	color: #fff;
	border-radius: 5px;
	background: #014773;
}
.btn-box a.btn2{
	background: #e14a63;
}

/*左侧导航background: url(../images/ly_l.png)* /
.left-nav{width: 120px;height: 270px; no-repeat; position:fixed;top:100px;left:10px;z-index:4}
/*.left-nav img{width: 100%; height: 100%;}*/

.closeBtnLeft {
	width: 11px;
	height: 11px;
	position: absolute;
	top: 7px;
	right: 6px;
	cursor: pointer;
}

#looyuMidBtn {
	position: absolute;
	display: block;
	left: 262px;
	top: 280px ;
	width: 125px;
	height: 33px;
}

/* 左侧导航 */
.left-nav{
	position: fixed;
    top: 100px;
    left: 11px;
	z-index: 1000;
} 
.left-nav .left-arrow{
	width:150px;
	height:33px;
	background: url('../images/left-arrow.png') no-repeat;
}
.left-nav ul li{
	width: 150px;
    height: 35px;
    line-height: 35px;
    background: #2d728a;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 3px;
}
.left-nav ul li:last-child{
	line-height: 16px;
}

.left-nav ul li a{
	color: #fff;
	font-size: 16px;
}
.left-nav ul li:last-child a{
	font-size: 14px;
}
.left-nav .top{
    width: 45px;
    height: 45px;
	border-radius: 50%;
	background: #2d728a;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
    line-height: 55px;
}
/*头部Banner*/

#header {
	width: 100%;
	height: 500px;
	background: url('../images/banner.png') center center no-repeat;
}

/* 导语 */
#dy .mw{
	width: 940px;
	padding: 25px 25px 30px 35px;
	background: #6791ab;
	color: #ffffff;
	font-size: 18px;
	line-height: 35px;
	margin-top: 35px;
	border-radius: 10px;
}

/* 图文公用样式 */
ul.commonList li{
	width: 226px;
	height: 384px;
	float: left;
	margin-right: 26px;
}
ul.commonList li:last-child{
	margin-right: 0;
}
ul.commonList li img{
	display: inline-block;
	width: 100%;
	height: 150px;
}
ul.commonList li div{
	width: 198px;
	height: 222px;
	border: 1px solid #8a96b6;
	margin-top: -5px;
	padding: 10px 13px 0;
	background: #fff;
}
ul.commonList li div h4{
	font-size: 24px;
	color: #163142;
	line-height: 25px;
	text-align: center;
	padding-bottom:10px ;
	border-bottom: 1px solid #d0d5e2;
	margin-bottom: 15px;

}
ul.commonList li div  p{
	font-size: 16px;
	color: #163142;
	line-height: 26px;
}
ul.commonList li div  p a{
	display: inline-block;
	font-size: 14px;
	color: #fc4c86;
	cursor: pointer;
}
/*以人为本 */
#part1{
	padding-top: 45px;
}
#part1 .title-con{
	font-size: 18px;
	color: #163142;
	line-height: 30px;
	width: 940px;
	margin: 0 auto;
	margin-bottom: 35px;
}


/* 稳定治安 */
#part2{
	background: #1c5d73;
	padding-top: 45px;
}
#part2 .title{
	background: url('../images/title_02.png') no-repeat center 22px;
	color: #fff;
}
#part2 .title-con{
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	width: 940px;
	margin: 0 auto;
	margin-bottom: 35px;
}

/* 移民简单 */
#part3{
	padding-top: 45px;
}
#part3 .title{
	background: url('../images/title_03.png') no-repeat center 22px;
	color: #163142;
}
/*  */
#part4{
	background: #1c5d73;
	padding-top: 45px;
}
#part4 .title{
	background: url('../images/title_04.png') no-repeat center 22px;
	color: #fff;
}
#part4 .title-con{
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	width: 940px;
	margin: 0 auto;
	margin-bottom: 35px;
}

/* 升学途径 */
#part5{
	padding-top: 45px;
}
#part5 .title{
	color: #163142;
	background: url('../images/title_05.png') no-repeat center 22px;
}
#part5 ul {
	width: 920px;
	padding: 0 40px;
	padding-bottom: 15px;
	border-bottom: 2px solid #1c5d73;
	margin-bottom: 32px;
}
#part5 ul li{
	float: left;
	width: 90px;
	height: 60px;
	background: url('../images/part5_li.png') no-repeat; 
	background-size: 100% 100%;
	text-align: center;
	line-height: 50px;
	font-size: 28px;
	color: #1c5d73;
	font-weight: bold;
	margin-right: 115px;
	position: relative;
	cursor: pointer;
}
#part5 ul li:last-child{
	margin-right: 0;
}
#part5 ul li:before{
	display: inline-block;
	content: "";
	width: 15px;
	height: 15px;
	border: 1px solid #1c5d73;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -7px;
    bottom: -24px;
}
#part5 ul li.part5-on{
	background: url('../images/part5_li_act.png') no-repeat;
	background-size: 100% 100%;
	color: #fff;
}
#part5 ul li.part5-on:before{
	background: #1c5d73;
}
#part5 .part5-hide{
	padding: 20px 0 25px 30px;
	background: #f9f9f9;
	display: none;
	font-size: 18px;
	color: #162d6d;
}
#part5 .part5-hide.cz > div{
	margin-bottom: 7px;
}
#part5 .part5-hide .star{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('../images/star.png') no-repeat;
}
#part5 .part5-hide.cz > div span,
#part5 .part5-hide.gz .pull-left > div span{
	display: inline-block;
	padding: 0 20px;
	background: #ccd1d4;
	border-radius: 5px;
}
#part5 .part5-hide.cz p{
	padding-left: 40px;
	margin-bottom: 7px;
}
#part5 .part5-hide.gz .pull-left{
	float: left;
}
#part5 .part5-hide.gz .pull-left:first-child{
	width: 410px;
}
#part5 .part5-hide.gz .pull-left > ol{
	margin: 0;
	padding-left: 40px;
	margin-top: 10px;
}
#part5 .part5-hide.gz .pull-left > ol li{
	line-height: 30px;
	position: relative;
}
#part5 .part5-hide.gz .pull-left > ol li:before{
	display: inline-block;
	content: '·';
	font-size: 40px;
	color: #274aaa;
	position: absolute;
	left: -20px;
    top: -2px;
}
#part5 .part5-hide.bk i{
	margin-right: 10px;
}
#part5 .part5-hide.bk p{
	line-height: 30px;
}
/* 院校推荐 */
#part6{
	padding: 45px 0 20px 0;
	background: url('../images/part6_bg.png') no-repeat center center;
}
#part6 .title{
	background: url('../images/title_06.png') no-repeat center 22px;
}
#part6 ul{
	margin-bottom: 15px;
}
#part6 ul li{
	float: left;
	width: 120px;
	margin-right: 25px;
}
#part6 ul li:last-child{
	margin-right: 0;
}
#part6 ul li img{
	display: inline-block;
	width: 100%;
	height: 120px;
	margin-bottom: 6px;
}
#part6 ul li div{
	width: 120px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	background: #1b6cb8;
}
#part6 .part6-hide{
	display: none;
	padding-bottom: 15px;
	border-bottom: 1px solid #7fa5ae;
	margin-bottom: 20px;
}
#part6 .part6-hide > div{
	float: left;
	vertical-align: middle;
}
#part6 .part6-hide > div.img{
	width: 120px;
	height: 120px;
	margin-right: 40px;
}
#part6 .part6-hide > div.img img{
	width: 100%;
	height: 100%;
}
#part6 .part6-hide > div.school-name{
	font-size: 14px;
	color: #282828;
	margin-right: 65px;
}
#part6 .part6-hide > div.school-name .line{
	width: 100px;
	height: 1px;
	background: #1c5d73;
}
#part6 .part6-hide > div.school-name div{
	margin-bottom: 10px;
}
#part6 .part6-hide > div.school-name div:first-child{
	color: #163142;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-top: 10px;
}
#part6 .part6-hide > div.school-name div:first-child span{
	font-size: 14px;
	color: #fc4c86;
}
#part6 .part6-hide > div.list{
	font-size: 14px;
	padding-top: 10px;
	margin-right: 70px;
}
#part6 .part6-hide > div ol{
	padding: 0;
	margin: 0;
}
#part6 .part6-hide > div.list h5{
	font-weight: bold;
	color: #163142;
}
#part6 .part6-hide > div.list ol li{
	line-height: 20px;
	position: relative;
	color: #000;
}
#part6 .part6-hide > div.list ol li:before{
	display: inline-block;
	content: "·";
	font-size: 20px;
	color: #fc4c86;
	position: absolute;
	left: -10px;
	top: 0px;
}

/* 留学精选 */
#part7{
	padding-top: 45px;
	padding-bottom: 50px;
}
#part7 .title{
	background: url('../images/title_07.png') no-repeat center 22px;
}
#part7  ul li{
	float: left;
	width: 320px;
	margin-right: 20px;
	
}
#part7  ul li:last-child{
	margin-right: 0;
}
#part7  ul li a {
	display: inline-block;
	width: 100%;
	height: 155px;
	margin-bottom: 15px;
}
#part7  ul li > div div{
	float: left;
}
#part7  ul li > div .num{
	padding: 5px;
	font-size: 40px;
	line-height: 40px;
	color: #014773;
	border: 1px solid #99b5c7;
	font-weight: bold;
	margin-right: 20px;
}
#part7  ul li > div .con p{
	font-size: 16px;
	color: #163142;
	line-height: 22px;
}
#part7  ul li:first-child > div .con p{
	text-align: center;
}
#part7  ul li:not(:first-child) > div{
	padding-left: 30px;
}

/* part8 */
#part8{
	padding:35px 0 60px;
	background: #1c5d73; 
}
#part8 .tit{
	font-size: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #fff;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
}
#part8 ul li{
	float: left;
	width: 188px;
	margin-right: 15px;
}
#part8 ul li:last-child{
	margin-right: 0;
}
#part8 ul li p{
	font-size: 26px;
	color: #fff;
	font-weight: bold;
}
#part8 ul li p span{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('../images/star1.png') no-repeat;
	margin: 0 20px 0 8px;
}
#part8 ul li div{
	width: 144px;
	height: 165px;
	padding: 40px 22px 0 22px;
	background: #fff;
	margin-top: 20px;
	font-size: 16px;
	color: #162d6d;
	line-height: 25px;
}
#part8 ul li div span{
	color: #fc4c86;
	font-size: 22px;
}
