body{
	background:#f5f5f5; 
}
.mainbox{
	width: 100%;
	background:url(../images/back-1.png) no-repeat center;
}
/* project */
.project{
	width: 296px;
	height: 100%;
	background: #f7f0f0;
	padding-bottom: 40px;
}
.project h3{
	text-align: center;
	width:270px ;
	height: 180px;
	background: #8f000b;
	font-size:30px ;
	color: #fff;
	line-height:44px ;
	padding-top: 86px;
	-moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: -40px;
	font-weight: normal;
}
.project ul{
	margin-top:2px ;
	width: 270px;
	padding: 20px 0;
	background:#f7f0f0 ;
}
.project .item{
	position: relative;
}
.project .item img{
	width: 26px;
	height: 100%;
	position: absolute;
	right:0;
	top:0;
	transform: translateX(100%);
	-ms-transform:translateX(100%); 	
	-moz-transform:translateX(100%); 	
	-webkit-transform:translateX(100%); 
	-o-transform:translateX(100%); 
	display: none;
}
.project .item a{
	display: block;
	font-size:18px ;
	color: #333;
	line-height: 24px;
	padding: 15px 0 15px 60px;
}
.project .item.current{
	background:#ac0000; 
}
.project .item.current img{
	display: block;
}
.project .item.current a{
	color: #fff;
	padding: 13px 0 15px 60px;
}

.aboutimg{
	width: 270px;
	background:#f7f0f0 ;
	text-align: center;
	height:2000px;
}
.aboutimg img:first-child{
	padding-top: 40px;
	border-top:1px solid #ac0000;
}
.aboutimg img{
	width: 200px;
	height: auto;
	margin-bottom: 30px;
}
.project .item:hover{
	background-color:#ac0000; 
}
.project .item:hover a{
	color:white;
}
.project .item:hover img{
	display:block;
}
.aboutimg ul{
	padding: 0;
	margin: 0 auto;
	width: 198px;
	padding-top: 28px;
	border-top: 1px solid #ac0000;
}


.aboutimg li{
	height: 85px;
	background: #ac0000;
	margin-bottom: 30px;
	padding: 20px;
	-moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box;
	box-sizing: border-box;
}
.aboutimg li:hover{
	background: #921e22;
}
.aboutimg li img{
	width: 35px;
	height: auto;
	margin-right: 10px;
}
.aboutimg li h4{
	font-size:26px ;
	color: #fff;
	line-height:24px;
	font-weight: normal;
	text-align: left;
}
.aboutimg li p{
	font-size:12px ;
	color: #fff;
	line-height:;
	text-align: left;
}
.aboutimg li img:first-child{
	padding: 0;
	border: none;
}

/* text */
.text {
	padding: 30px 30px 90px;
	width: 844px;
	background: #fff;
	min-height:1200px;
}
.text table{
	border-spacing: 0;
	max-width: 100%;
}
.text .tit{
	margin-bottom: 50px;
}
.text .tit a{
	font-size: 14px;
	color: #333;
}
.text .tit a:last-child{
	color: #8f000b;
}
.text .tit img{
	vertical-align: baseline;
	padding-left:3px;
}
/*.text>p img,*/
.text span p img{padding:10px !important;}
.text span>img{padding:10px !important;}
/* article */
.article,
.found{
	color: #000;
}
.article .words{
	width: 574px;
}
.article h4{
	font-size: 30px;
	line-height: 50px;
	margin-bottom: 13px;
    font-weight: normal;
}
.article p{
	font-size: 16px;
	line-height: 30px;
}
.article p .place1{
	display: block;
	height: 24px;
}
.article p .place2{
	display: block;
	font-weight: bold;
	font-size: 18px;
	color: #8f000b;
	line-height: 40px;
}
.article .bigimg{
	width: 242px;
	height: auto;
	margin-top: 7px ;
	margin-right: 10px;
}

/* found */
.found{
	padding-right: 10px;
}
.found h4{
	font-size: 30px;
	line-height:36px ;
    font-weight: normal;
    margin-bottom: 40px;
}
/*.found img{
	width: 393px;
	height: 243px;
    margin-top: 7px;
}*/
.found .p2{
	font-size: 16px;
	line-height:30px ;
	width: 428px;
}
.found .p1{
	font-size: 16px;
	line-height:28px ;
} 
.found .p3{
	font-size: 16px;
	line-height:28px ;
	color: #92290d;
}
.found .place1{
	display: block;
	height: 24px;
}
.found .place2{
	display: block;
	height: 18px;
}

/* dean */
.dean{
	margin-bottom: 50px;
}
.dean li,
.dean li a,
.dean li img{
	width:250px ;
	height:200px ;
}
.dean li{
	margin-right: 40px;
}
.dean li:last-child{
	margin-right:0;
}
.dean li a{
	position: relative;
	display: block;
}
.dean li p{
	height: 40px;
	background: url(../images/deanback-1.png) no-repeat 0 0;
	background-size: 250px 100%;
	color: #f9f9f9;
	font-size: 22px;
	width:238px ;
	line-height: 40px;
	padding-left: 12px;
	position: absolute;
	bottom:0;
	left:0;
}

/* dean-message */
.dean-message{
	padding-right: 10px;
	color: #000;
}
.dean-message .word{
	width:556px ;
}
.dean-message .word h4{
	font-size: 30px;
	font-weight: normal;
	line-height: 50px;
	margin-bottom: 13px;
}
.dean-message p{
	font-size: 16px;
	line-height: 30px;
}
.dean-message .place1{
	display: block;
	height: 16px;
}
.dean-message .place2{
	display: block;
	height: 30px;
}
.dean-message img{
	width:242px ;
	height: auto;
}
.dean-message div.fr{
	text-align: right;
	padding-top: 15px;
}
.dean-message div.fr img.sj{display: none;}
.dean-message i{
	font-size: 16px;
	line-height: 30px;
	color: #333;
	display: block;
}
.dean-message em{
	font-size: 18px;
	line-height: 30px;
	display: block;
}

/* rank */
.rank-cont{
	padding-right: 10px;
	color: #000;
}
.rank-cont h4{
	font-size: 30px;
	line-height: 50px;
	margin-bottom: 13px;
	font-weight: normal;
}
.rank-cont p{
	font-size: 16px;
	line-height: 30px;
}
.rank-cont img{
	width: 550px;
	height: auto;
	margin: 40px auto;
	display: block;
	display: none;
	max-width: 100%;
}
.rank-cont .img{
	display: block;
}
.rank-cont li{
	width:390px ;
	height: 140px;
	background:#1abc9c;
	border-radius:3px; 
	margin-right: 30px;
	margin-top: 30px;
	display: flex;
	align-items:center;
}
.rank-cont li p{
	color: #fff;
	padding:0 30px ;
	width: 360px;
}
.rank-cont li:nth-child(2n){
	margin-right: 0;
}
.rank-cont li:nth-child(2),
.rank-cont li:nth-child(3){
	background:#3498db;
}


/* contact us */
.office{
    color: #000;
    width:844px;
}
.office ul li {
    margin-bottom: 30px;
    width: 350px;
    padding: 20px;
    border: 1px solid #f0f0f0;
    float:left;
    margin-right:30px;
}
.office ul li.only{width: 400px;}
.office ul li.spel{width:800px !important;}
.office ul li.mr0{
	margin-right:0;
}
.office ul li.w370{
	padding-right:0;
	width:370px;
}
.office ul li.pb50{
	padding-bottom:50px;
}
.office ul li div {
    font-size: 21px;
    line-height: 50px;
    margin-bottom: 13px;
	width: 800px;
}
.office img {
    height: 50px;
    width: auto;
    margin-right: 15px;
}
.office img.mr10{
	margin-right:10px;
}
.office img,.office div p{
	float:left;
	line-height:50px;
}
.office ul li>p {
    font-size: 16px;
    line-height: 30px;
    padding-left: 10px;
}
@media only screen and (max-width: 768px) {
	.found .p2{
		width: 100%;
	}
	.office ul li.w370{
		width: 100%;
		box-sizing: border-box;
	}
	.office{
		width: 100%;
	}
}