*{
    margin:0px;
    padding:0px;
}
ul,li{
    list-style:none;
}
a{
    text-decoration: none;
}
img{
    outline: none;
}


/*头部*/
.header{
    width:100%;
    height:80px;
    background-color:#fff;
    font-family: "Microsoft YaHei";
}
.header-content{
    width:1100px;
    height:80px;
    margin:0px auto;
}
/*导航*/

.logo {
	width: 160px;
	height: 73px;
	margin-right: 66px;
	float: left;
	padding-top: 7px;
}

.logo img {border:none;
	width: 193px;
	height: 66px;
}

.nav {
	max-width: 900px;
	float: left;
}

.nav ul li {
	float: left;
}
.nav ul li a {
	
	line-height: 77px;
	text-align: center;
	display: block;
	padding: 0px 20px;
	color: #111;
	float: left;
	margin-right: 15px;
	
	position: relative;
}

.nav ul li a:before{
	
	content: '';
	display: block;
	width:0;
	height:3px;
	background-color:#cc0000;
	position: absolute;
	left: 50%;
	bottom: 20px;
	transition: .5s;
}

.nav ul li a:hover:before{
	color: #111;
	
width: 100%;
	left: 0%;
	right: 0%
	
}

.nav ul li.selected a:before{
	
	content: '';
	display: block;
	width:100%;
	height:3px;
	background-color:#cc0000;
	position: absolute;
	left: 0;
	bottom: 20px;
	transition: .5s;
}

/**/

.big-pic{
    width:100%;
    min-width:1100px;
}
.big-pic img{
    width:100%;
}
/*2015.1112合并国际教育栏目*/

.profess-nav{
    width:100%;
    height:70px;
    border-bottom:1px solid #ccc;
}
.profess-nav ul{
    width:1040px;
    margin:0px auto;
    padding-left: 60px;
}
.profess-nav li{
    float:left;
    display: block;
    margin:0px 30px;
}
.profess-nav li a{
    display: block;
    line-height:67px;
    color:#333;
    font-family: "Microsoft YaHei";
    border-bottom: 2px solid transparent;
}
.profess-nav li a:hover{
    border-bottom:3px solid #c00;
}
.profess-nav .selected a{
    border-bottom:3px solid #c00;
}


/*主体*/
.content{
    width:1040px;
    margin: 0px auto;
    font-family: "Microsoft YaHei";
    padding:30px;
}
.title{
    max-width:300px;
    height:145px;
    margin:0px auto;
    text-align: center;
}
.title-text{
    max-width:200px;
    height:145px;
    line-height:145px;
    display: inline-block;
    text-align: center;
    font-size:32px;
    color:#333;
    vertical-align: middle;
}
.title-line{
    width:45px;
    height:3px;
    line-height:3px;
    display:inline-block;
    vertical-align: middle;
    background:#cc0000;
    margin-bottom:-4px;
}

.main{
    
}
.main:after{
    content:"";
    display: block;
    clear:both;
}
.main .before{
    width:300px;
    height:300px;
    float:left;
    padding-left:90px;
}
.main .before img{
    width:300px;
    height:300px;
}
.main .after{
    width:555px;
    height:300px;
    display: table;
    float:left;
    padding-left:80px;
}
.main .after p{
    line-height:40px;
    display: table-cell;
    vertical-align: middle;
}
.adv-three{
    padding:35px 40px;
    margin-bottom:120px;
}
.adv-three:after{
    content:"";
    display:block;
    clear: both;
}
.three-cell{
    min-height:80px;
    position:relative;
    left:60px;
}
.three-cell:after{
    content:"";
    display:block;
    clear: both;
}
.cell-before{
    width:60px;
    height:100%;
    position:absolute;
    left:-60px;
    top:-13px;
}
.three-cell:first-child .cell-before{
    top:27px;
    height:58%;
}
.three-cell:last-child  .vertical-line{
    height:90%;
}
.circle{
    width:16px;
    height:16px;
    line-height:0px;
    font-size:110px;
    color: #cc0000;
    margin-bottom:10px;
    position:relative;
    left:-5px;
    top:-29px;
}
.vertical-line{
    width:1px;
    height:75%;
    margin-left:7px;
    background-color:#999;
}
.cell-after{
    width:920px;
    padding-top:30px;
    padding-bottom:30px;
    border-bottom: 1px solid #999;
    display: inline-block;
}
.cell-after:after{
    content:"";
    display: block;
    clear: both;
}
.cell-after-title{
    width:120px;
    float:left;
    margin-right:50px;
    font-size: 28px;
}
.cell-after-content{
    width:750px;
    line-height:30px;
    float:left
}


/*底部*/

.footer {
	width: 100%;
	height:212px;
	background-color: #000;
	font-family: "Microsoft YaHei ";
}

.footer-content {
	width: 1100px;
	height: 212px;
	margin: 0px auto;
	background-color: #000;
}

.company-inf {
	width: 500px;
	height: 212px;
	line-height: 212px;
	color: #737373;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 600;
	float: left;
}

.friend-link {
	width: 215px;
	float: right;
}

.friend-link ul li {
	height: 212px;
	line-height: 212px;
	float: left;color:#737373;
}

.friend-link ul li a {
	padding: 0px 8px;
	font-size: 12px;
	color: #737373;
	font-weight: bold;
	
}

.friend-link ul li:first-child a {
	
}

.friend-link ul li a:hover {
	color: #fff;
}