@charset "utf-8";


/*-------------------------------------------????-------------------------------*/
	.aindss{
		overflow:hidden;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		/*margin-top: 4%;*/
		/*font-size: 12px;*/
		/*letter-spacing:0.1em;*/
		/*line-height:22px;*/
	}
	
	.scroll{
		display: inline-block;
		border: solid 1px #000000;
		overflow-y:scroll;
		height:500px;
		width:800px;
	}

.scroll_e table{
	text-align: center;
	width: 100%;
}
.scroll_e table th{
	vertical-align: middle;
	border:solid 3px #FFFFFF;
	height: 40px;
	text-align: center;
	background-color: rgb(127,127,127);
	color: rgb(255,255,255);
}

.scroll_e table td{
	height: 40px;
	 vertical-align: middle;
    text-align: center; 
	border:solid 3px #FFFFFF;
}
.scrolltd{
	background-color: rgb(217,217,217);
}

.scroll_t1{
	font-size: 25px;
	margin: 20px;
}	
	
	
/*---------------------------------------------------------------------------------*/
/*-----------------------------------??????---------------------------*/
.BorderStyleli{
	 align:center;
	 width: 100%;
	 height: 70px;
	 justify-content:center;
	 display:flex;
}
.BorderStyle div{
	width: 115px;
	height: 40px;
	/*margin: 30px;*/
	border: 1px solid rgb(217,217,217);
	float: left;
	text-align: center;
	line-height:40px;
	background: #E8E8E8;
	color: #787878;
}
.BorderStyle font a{
	color:rgb(127,127,127);
}
.divopenli{
	display: none;
}
.divsevice{
	width:510px;
	margin: auto;
}
.wneder{
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.divseviceimg,.divsevicespan{
	/*text-align: center;*/
	display: inline-block;
	/*float: left;*/
}


.divsevice span{
	display: inline-block;
	line-height:23px;
	font-size: 12px;
	margin-bottom: 30px;
}
.divseviceimg{
	/*margin-top: 10px;*/
	/*margin-left: 70px;*/
}
/*????*/
.divseviceimg img{ 
	width: 500px;
	height: 220px;
}
.divsevicespan{
	widows: 1000;
	/*margin-left: 30px;*/
}

/*----------------------------------------------------------------------------*/
.codedivs{
	float: left;
}

/*--------------------------------------?????-----------------------------*/
.divsevicecode{
	width:69%;
}
.divesn1{
	margin:0 auto;
	width: 100%;
}
.divesn2{
	margin:0 auto;
	width: 100%;
}
.codedivs img{
	width: 120px;
	height: 120px;
	margin-left: 100px;
	margin-top: 70px;
}
.codedivs font{
	text-align: center;
	margin-left: 100px;
}
/*----------------------------------------------------------------------------*/

/*----------------------------------?????????? -----------------------------------*/
.campuscarmax{
	padding-top: 20px;
	margin:0 auto;
	width: 65%;
}
.campuscarimg{
	float: left;
	display: inline-block;
}
.campuscarsp1{
	margin-left:30px;
	float:left;
	width: 70%;
}
.campuscarsp1_a{
}
.campuscarsp1_a img{
	width: 80%;
}
.campuscarsp1_a span{
	font-size: 12px;
	letter-spacing:0.1em;
	line-height:22px;
}
.campuscarsp2{
	
	margin-top: 50px;
	margin-left: 25%;
	float: left;
	width: 70%;
	height: 300px;
}

/*----------------------------------------------------------------------------*/
/*----------------------------------????-------------------------------------*/
.divServicephone table{
	text-align: center;
	width: 100%;
}
.divServicephone table td{
	height: 33px;
	border:solid 3px #FFFFFF;
}
.divServicephone table th{
	border:solid 3px #FFFFFF;
	height: 35px;
	text-align: center;
	background-color: rgb(127,127,127);
	color: rgb(255,255,255);
}
.thdiv{
	height: 30px;
	width: 25%;
}
.td1{
	background-color: rgb(217,217,217);
}



/*----------------------------------------------------------------------------*/



/*------------------------------------????----------------------------------*/
.sitesmax{
	margin: 0 auto;
	width: 80%;
}
.sites2{
	text-align: center;
}
.sites1_1{
	height: 250px;
}

.sites1_1a{
	display: inline-block;
}
.sites1_1b{
	
	width: calc(100% - 240px);
	display: inline-block;
	/*margin-left: 33px;*/
	margin-left: 30px;
}

.sites1_1a img{
	margin-top: 30px;
	margin-left: 30px;
	width: 150px;
	height: 150px;
}

.sites1_1b p{
	display: inline-block;
	/*font-size: 12px;*/
	letter-spacing:0.1em;
	line-height:22px;
	height: 100%;
}
.sites1_1b img{
	width: 80px;
	height: 80px;
}
.sites1_1b1{
	overflow: hidden;
	margin-bottom: 20px;
}

.sites1_1b1font{
	width: 150px;
	display: inline-block;
}
.sites1_1b1img{
	display: inline-block;
	margin-left:60%;
}
	.vert1{
		margin-left: auto;
		margin-right: auto;
		margin-top:30px;
		width:100%;
		height: 20%;
	}
	.vert1 hr{
			border-top-width: 2px;
			background-color: rgb(204,204,204);
		}
	.vert1 span{
			display: inherit;
			/** ?span????????? */
			margin-top: 30px;
			margin-left: 10px;
			color: firebrick;
}


.swemins{
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 50px;
	margin-right: 50px;
	/*border: solid 1px #000000;*/
	width: 30%;
}
/*----------------------------------------------------------------------------*/
		.vert hr{
			border-top-width: 2px;
			background-color: rgb(204,204,204);
		}
		.vert span{
			display: inherit;
			/** ?span????????? */
			margin-top: 30px;
			margin-left: 10px;
			color: firebrick;
			font-weight: bold;
}
	.vert_one span{         
		font-size: 12px;
		letter-spacing:0.1em;
		line-height:22px;
	}
	.span_wand{
		margin-top: 15px;
		
	}
	.wsq{
		font-size: 15px;
		font-weight:bolder;
	}
	
	.span_one span {
		margin-top: 1%;
		display: inline-block;
		font-size: 13px;
		line-height: 200%;
		text-indent: 5%;
	}
	.vert{
		margin-left: auto;
		margin-right: auto;
		margin-top:60px;
		/*width:80%;*/
		height: 20%;
	}
	.vert_one{
		margin-left: auto;
		margin-right: auto;
		margin-top:20px;
		width:65%;
		overflow:hidden;
	}
	
	.vert_two{
		margin-left: auto;
		margin-right: auto;
		margin-top:20px;
		width:70%;
	}
	
	.wanlins{
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
	/*Undergraduate*/
	.img-box{
		width:800px;
		height:150px;
	}
	/*Undergraduate*/
	.span_six{
		margin-top:auto;
		margin-left:18%;
		width: 60%;
	}
	
	/*Undergraduate*/
	.span_jdf p{
		display: inline-block;
		line-height: 200%;
		text-indent: 3%;
		margin-top: 0px;
	}
	/*Undergraduate*/
	.spanan{
		margin-left: 18%;
	}
.span_j1{
	/*overflow:hidden;*/
	height: 40%;
}
.ac1{
	overflow:hidden;
	width: 100%;
}
.ac2{
	width: 500px;
	height: 151px;
	margin-left: 150px;
	margin-top: 10px;
}
.span_oned{
		margin-top: 1%;
		display: inline-block;
		font-size: 13px;
		line-height: 200%;
		text-indent: 5%;
}
.divasd{
		margin-top: 60px;
	}

@media screen and (max-width: 810px){
/*-----------------------------------??????---------------------------*/
.BorderStyleli{
	 align:center;
	 width: 100%;
	 height: 100%;
	 justify-content:center;
	 display:flex;
}
.BorderStyle{
	margin-left: calc((100% - 220px)/2);
	width: 100%;
	height: 100%;
}
.BorderStyle div{
	width: 230px;
	height: 40px;
	/*margin: 30px;*/
	border: 1px solid #787878;
	float: left;
	text-align: center;
	line-height:40px;
	background: #E8E8E8;
	color: #787878;
	margin-top: 10px;
}
.wneder{
	margin-bottom: 20px;
	/*margin: auto;*/
}
.divopen{
	width: 100%;
	margin-top: 50px;
}
.divopenli{
	display: initial;
}

.divopenli span{
	/*color: rgb(200,200,200);*/
	font-weight: bold;
	/*font-size: 20px;*/
	margin-left: 10%;
	
}
.divsevice{
	width: 350px;
}
.divopenli hr{
 width: 85%;
}
/*.divsevice{
	width: auto;
	height: auto;
	margin: 0 auto;
}*/


.divsevice span{
	/*display: inline-block;*/
	line-height:23px;
	font-size: 12px;
	/*margin-bottom: 30px;*/
	/*width: 350px;*/
}

/*????*/
.divseviceimg img{ 
	width: 303px;
	height: 145px;
}
.divsevicespan{
	margin-top: 15px;
	margin-left: calc((100% - 350px) / 2);
}

/*----------------------------------------------------------------------------*/


/*----------------------------------?????-----------------------------------*/
.divsevicecode{
	width:160px;
}
.divesn1{
	width: 120px;
}
.divesn2{
	width: 120px;
}
.codedivs img{
	margin: inherit;
	width: 120px;
	height: 120px;
	margin-top: 70px;
}
.codedivs font{
	text-align: center;
	margin: initial;
}

/*----------------------------------------------------------------------------*/


/*----------------------------------????? -----------------------------------*/
.campuscarmax{
	margin:0 auto;
	width: 80%;
	height:600px;
}
.campuscarimg{
	display: none;
}
.campuscarsp1{
	margin-top: 50px;
	margin-left:0px;
	float:left;
	width: 100%;
}


/*----------------------------------------------------------------------------*/




/*------------------------------------????----------------------------------*/
.sitesmax{
	margin: 0 auto;
	width: 80%;
}
.sites1{
	text-align: center;
}
.sites1_1{
	height: 250px;
}

.sites1_1a{
	display: inline-block;
	display: none;
}
.sites1_1b{
	width: 100%;
	display: inline-block;
	margin-left: 0px;
}

.sites1_1b p{
	/*font-size: 12px;*/
	letter-spacing:0.1em;
	line-height:22px;
}
.sites1_1b img{
	width: 80px;
	height: 80px;
}
.sites1_1b1{
	margin-bottom: 20px;
}
.sites1_1b1img{
	display: none;
}
.sites1_1{
	margin-top: 60px;
	margin-bottom: 40px;
	height: auto
}


	.vert1{
		margin-left: auto;
		margin-right: auto;
		margin-top:30px;
		width:100%;
		height: 20%;
	}
	.vert1 hr{
			border-top-width: 2px;
			background-color: rgb(204,204,204);
		}
	.vert1 span{
			display: inherit;
			/** ?span????????? */
			margin-top: 30px;
			margin-left: 10px;
			color: firebrick;
}


.swemins{
	
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 20px;
	width: 60%;
}
/*----------------------------------------------------------------------------*/

	.span_six{
		margin-top:auto;
		margin-left: 10%;
		width: 80%;
	}
	.divasd{
		width: 100%;
		margin-top: 60px;
	}
	.vert_one{
		margin-left: auto;
		margin-right: auto;
		margin-top:20px;
		width:80%;
		
	}
	.vert{
		margin-left: auto;
		margin-right: auto;
		margin-top:60divopenpx;
		width:90%;
		height: 20%;
	}
		.spanan img,.spanan span{
		float: left;
	}
	.ac1 span{
		display: inline-block;
		line-height: 200%;
		text-indent: 10%;
		margin-top: 10%;
		margin-bottom: 10%;
	}
	.spanan img{
		width: 160px;
		height: 160px;
		margin-left: calc((100% - 210px)/2);
	}
	.spanan span{
		margin-top: 20px;
		margin-bottom: 20px;
		line-height:22px;
		width: 80%;
	}
	
	.vert_one img , .vert_one span{
		float: left;
	}
	.vert_one span{
		width: 100%;
	}
	.vert_one img{
		width: 160px;
		height: 160px;
		margin-left: calc((100% - 160px)/2);
	}
	.img-box{
		display: none;
	}

	.aindss{
		text-align: center;
		margin-top: 6%;
		font-size: 12px;
		/*letter-spacing:0.1em;*/
		line-height:22px;
	}
	.scroll{
		display: inline-block;
		/*border: solid 1px #000000;*/
		overflow-y:scroll;
		height:200px;
		width:95%;
	}
	.div_imgs2{
		margin-top: 30px;
		margin-bottom: 20px;
		text-align: center;
	}
	.div_imgs2 img{
		margin-left: 2px;
	}

}
@media screen and (min-width: 810px){
	.spanan img,.spanan span{
		float: left;
	}
	
	.spanan img{
		width: 160px;
		height: 160px;
	}
	.spanan span{
		width: calc(100% - 160px - 35px);
		margin-left: 35px;
		/*margin-top: 20px;*/
	}
	.vert_one img , .vert_one span{
		float: left;
	}
	.vert_one span {
		width: calc(100% - 160px - 35px);
		margin-left: 35px;
	}
	.vert_one img{
		width: 160px;
		height: 160px;
	}
	.ac1 span{
		margin-top: 5%;
		display: inline-block;
		text-indent: 5%;
	}
	.ac1{
		margin-top:3%;
	}
	
	
	/*-------------------------------------------????-------------------------------*/
	
	
	
	
	/*---------------------------------------------------------------------------------*/
	.div_imgs2{
		margin-top: 30px;
		margin-bottom: 20px;
		text-align: center;
	}
	.div_imgs2 img{
		margin-left: 3%;
	}
	
}