.main{
	width: 100%;
	height: 100%;
	background: #FAF6EE;
}
.meddle{
	display: flex;
    flex-direction: row;
    padding-bottom: 20px;
    padding-left: 18%;
    padding-right: 18%;
}
.mainTopBox{
	margin-left: 18%;
	margin-right: 18%;
}
.mainMeddleBox{
	margin-left: 18%;
	margin-right: 18%;
	margin-top: 10px;
}
.mainBottomBox{
	margin-left: 18%;
	margin-right: 18%;
	padding-bottom: 20px;
}
.paddings{
    		margin-top: 10%;
    		margin-right:20%;
    		margin-left: 40%;
    		width: 40%;
            
    		
    	}
    	.directionColum{
    		display: flex;
            flex-direction: column;
    	}
    	.directionRow{
    		display: flex;
    		float: right;
            flex-direction: row;
            vertical-align: middle;
            align-items: center;
            justify-content: flex-end;
            
    	}
    	.testSize{
    		font-size: 12px;
    		color: #444444;
    		padding-left: 5px;
    		padding-right: 5px;
    		
    	}
    	.testColorSize{
    		font-size: 13px;
    		color: #BA350F;
    		padding-left: 5px;
    		padding-right: 5px;
    		
    	}
    	.navigationText{
    		font: "微软雅黑";
    		font-weight: bold;
    		font-size: 14px;
    		color: #ffffff;
    		padding-left: 15px;
    		padding-right: 15px;
    		padding-top: 8px;
    		padding-bottom: 8px;
    	}
    	.topColum{
    		display: flex;
            flex-direction: column;
            float: right;
            width: 100%;
            height: 100%;
    	}
    	.topRow{
    		display: flex;
            flex-direction: row;
            vertical-align: middle;
            align-items: center;
            width: 100%;
            height: 100%;
    	}
    	.portrait{
    		height: 80%;
    		display: flex;
    		vertical-align: middle;
    		align-items: center;
    		
    	}
.margins{
    		display: flex;
            flex-direction: column;
    		margin-right:20%;
    		margin-left: 40%;
    		width: 40%; 
    		
    	}
.img {
            width: 100%;
     }
.researchImg{
        width: 92%;
        padding: 10px;
        	
}
        .research{
        	width: 100%;
        	 display: flex;
        	 flex-direction: row;
        	 justify-content: center;        	 
        	
        }
.right{
        	width: 70%;
        	display: flex;
            flex-direction: column;
        	background-color: #EFF4FC;
        	padding-bottom: 15px;
        }
.Title{
        	font-weight: bold;
            font-size: 16px;
            color: #6096E6;
            padding-left: 35px;
            padding-top: 20px;

            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
.rightTitle{
        	font-weight: bold;
            font-size: 16px;
            color: #6096E6;
            padding-left: 20px;
            padding-top: 20px;

            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
.left{
           width: 30%;
        	background-color: #DFEAFA;
        	padding-bottom: 20px;
}
.left-top-img {
            align-items: center;
            width: 50%;
        }
.nameText{
            font-size: 18px; 
            text-align: center;
            color: black;
        }
.spanText{
        	padding-left: 10px;
        	font-size: 16px;
        	
        }
.rightSpan{
        	padding-top: 20px;
        	display: flex;
            flex-direction: column;
        }
.rightBox{
        	margin-left: 20px;
        	display: flex;
            flex-direction: row;
        }
.bottomBox{
        	display: flex;
        	flex-direction: column;
        	width: 49.9%;
        	background-color: #EFF4FC;
        	padding: 20px;
        
        }
        .thesisBox{
        	display: flex;
        	flex-direction: column;
        	width: 100%;
        	background-color: #EFF4FC;
        	padding: 20px;
        }
.rightImg{
        	width: 80%;
        }
.lineImg{
        	height: auto;
        	width: 1.2px;
        	padding-top: 60px;
        	padding-left: 20px;
        	padding-bottom: 50px;
        }
.project{
        	padding-left: 35px;
            padding-top: 20px;
            display: flex;
            flex-direction: row;
        }
.thesis{
        	padding-left: 10px;
            padding-top: 15px;
            display: flex;
            flex-direction: row;
        }
.rightTop{
        	padding-left: 10px;
            padding-top: 20px;
            display: flex;
            flex-direction: row;
        }
.spanBox{
        	padding-right: 10px;
        	font-size: 16px;
        }
.spanBox{
        	padding-right: 10px;
        	font-size: 16px;
        }
.rightText{
        	padding-right: 10px;
        	font-size: 12px;
        }
.leftText{
        	font-size: 18px;
        }
.topBackgroud{
	display: flex;
    flex-direction: row;
	background-image: url(../image/back1.png);
	height: 80px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
 
td,th {
    padding: 0;
}
 
.pure-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
}
 
.pure-table caption {
    color: #000;
    font: italic 85%/1 arial,sans-serif;
    padding: 1em 0;
    text-align: center;
}
 
.pure-table td,.pure-table th {
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: .3em 1em;
}
 
.pure-table thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}
 
.pure-table td {
    background-color: transparent;
}
.pipe{
	color: #cccccc;
	font-size: 12px;
	margin-right: 5px;
	margin-left: 5px;
}
.A{
	text-decoration: none;
	display: flex;
	vertical-align: middle;
	align-items: center;
}