#flashbox

{

	height:10rem;

	position:relative

}

#flashbox .box

{

	

	height:10rem;

	overflow:hidden;

	position:relative

}

#flashbox .box a

{

	float:left;

	width:100%;

	display:block;

	height:10rem;

	background-size:cover;

	background-repeat:no-repeat

}

#flashbox .dot

{

	left:50%;

	width:200px;

	bottom:.5rem;

	margin:0;

	position:absolute;

	margin-left:-100px

}



#iaa

{

	margin:0 auto;

	background:#fff

}

#iaa dl

{

	display:flex

	

}

#iaa dl dt,

#iaa dl dd

{

	width:50%;

	overflow:hidden

}

#iaa dl dd

{

	width:50%;

	padding:0.5rem

}

#iaa dl dd h3

{

	color:#333;

	display:block;

	margin-bottom:1rem;

	overflow:hidden;

	white-space:nowrap;

	font:400 100%/160% '';

	text-overflow:ellipsis;

}

#iaa dl dd .cnt

{

	font-size:80%;

	line-height:140%

}

#iaa dl dd i

{

	font-size:100%

}

#iaa dl dd.s i

{

	float:right

}



#about

{

	padding:0.5rem;

	background:#fff

}

#about h1

{

	color:#0077cd;

	font-size:150%;

	margin:1.5rem 0;

	text-align:center

}

#about .intro p

{

	color:#9f9f9f;

	text-indent:2rem;

	font:400 90%/180% ''

}

#about .link

{

	padding:1rem 0;

	text-align:center

}

#info

{

	background:#f1f1f1

}

#info ul

{

	display:flex;

	margin:0 5%;

	align-items:center;

	flex-wrap:wrap;

	justify-content:space-between

}

#info ul li 

{

	width:40%;

	padding:10% 5%;

	text-align:center;

	

}

#info ul li.line

{

	border-bottom:1px solid #d0d0d0

}

#info ul li em,

#info ul li span

{

	display:block

}

#info ul li em

{

	color:#057dc7;

	font:700 250%/150% ''

}

#info ul li sup

{

	left:6px;

	top:-8px;

	color:#000;

	position:relative;

	font-size:40%

}

#student,

#profer,

#teacher

{

	margin-bottom:5%;

	background:url(../images/bkm.jpg?dd) repeat-x

}

#student .stu,

#profer .pro,

#teacher .tech

{

	margin:0 auto;

	display:flex;

	flex-wrap:wrap

}

#student .stu .list,

#profer .pro .list,

#teacher .tech,

#teacher .tips

{

	width:92%;

	padding:3%;

	margin:0 2% 2% 2%;

	background:#fff;

}



#student .stu dl

{

	display:flex;

	justify-content:space-between

}

#student .stu dl dt .face

{

	width:6rem;

	height:6rem;

	overflow:hidden;

	border-radius:50%

}



#student .stu dl dt a

{

	color:#fff;

	display:inline-block;

	margin:1rem auto;

	width:100%;

	text-align:center;

	line-height:200%;

	background:#057dc7;

	border-radius:40px;

	font-size:80%

}

#student .stu dl dd

{

	width:66%;

	display:flex;

	flex-direction:column

}



#student .stu .name

{

	display:flex;

	justify-content:space-between

}

#student .stu .name span

{

	font-size:80%;

	color:#959595

}

#student .stu .name em

{

	color:#000;

	font:400 130%/120% ''

}

#student .stu .name i

{

	margin:0 6px

}





#student .stu .sex

{

	color:#f90;

	font-size:80%;

	line-height:36px

}

#student .stu .sex i

{

	margin-right:4px

}

#student .stu .info

{

	margin-top:12px

}

#student .stu .info em

{

	color:#5f5f5f;

	display:block;

	font:700 80%/160% ''

}

#student .stu .info span

{

	color:#969696

}

#student .stu .unit

{

	margin-top:0.5rem;

	padding-top:0.5rem;

	border-top:1px solid #ddd

}

#student .stu .exp

{

	display:flex;

	margin:40px 0;

	justify-content:space-between

}

#student .stu .exp a

{

	width:160px;

	height:90px;

	display:block;

	overflow:hidden

}

#student .stu .exp a img

{

	width:100%

}

#student .stu .exp a:last-child

{

	margin:0

}

#student .stu a.more

{

	line-height:200%;

	border-radius:8px;

	border:0;

	background:#eee

}

#student .stu a.more:hover

{

	

	background:#057dc7

}

#profer .pro .list em

{

	width:24px;

	height:24px;

	color:#057dc7;

	display:block;

	margin:1rem auto;

	border-radius:50%;

	text-align:center;

	border:2px solid #057dc7;

	font:400 120%/120% ''

}

#profer .pro .list span

{

	color:#787878;

	font-size:100%;

	display:block;

	text-align:center

}

#profer .pro .list label

{

	display:block;

	margin:0 auto;

	padding-top:1rem;

	border:1px solid #ececec;

	border-top:0;

}

#profer .pro .list label tt

{

	display:flex;

	line-height:250%;

	margin:0 5%;

	justify-content:space-between;

	border-top:1px solid #ececec;

}

#profer .pro .list label tt font

{

	color:#aaa;

	font-family:'arial' 

}

#profer .pro .list label tt a i

{

	color:#858585;

	font-size:28px

}

#teacher .tech

{

	width:96%;

	padding:1rem 0;

	overflow:hidden

}

#teacher .tech ul

{

}

#teacher .tech .mp

{

	height:80px;

	background:#f00

	

}

#teacher .tech ul li

{

	float:left;

	width:44%;

	margin:1rem 0;

	position:relative;

	padding:3% 3% 5% 3%;

	text-align:center;

	flex-direction:column;

}



#teacher  .tech ul li:hover

{

	cursor:pointer;

	background:#f9f9f9;

	box-shadow: 3px 3px 8px rgba(100,100,100,.3);

}

/*

#teacher  .tech ul li.offsety

{

	

	

}*/

#teacher .tech ul li em

{

	display:block;

	width:6.5rem;

	height:6.5rem;

	margin:0 auto;

	overflow:hidden;

	border-radius:50%;

	border:.8rem solid #ededed

}

#teacher .tech ul li h3

{

	color:#3f3f3f;

	font:700 100%/300% ''

}

#teacher .tech ul li span

{

	color:#767676;

	font-size:90%

}

#teacher .tech ul li p

{

	color:#8a8a8a;

	font-size:18px;

	line-height:32px;

	text-align:left;

	margin-top:30px;

}

#teacher .cnt ul li

{

	border-bottom:1px solid #ddd

}

#teacher .tips

{

	display:flex;

	background:#fff;

	

	border-top:1px solid #d1d1d1;

	justify-content:space-between

}

#teacher .tips .center

{

	margin:0 0 0 0.5rem

}

#teacher .tips i

{

	display:inline-block;

	width:30px;

	height:30px;

	vertical-align:middle;

	border-left:1px solid #f2f6f7;

	background-size:70%;

	background-position:right center;

	background-repeat:no-repeat

	

}

#teacher .tips i.flag

{

	background-image:url(../images/flag.png)

}

#teacher .tips i.pen

{

	background-image:url(../images/pen.png)

}

#teacher .tips i.heart

{

	background-image:url(../images/heart.png)

}

#teacher .tips span

{

	color:#3f3f3f;

	font:400 100%/100% ''

}

#teacher .tips p

{

	color:#8a8a8a;

	font-size:90%;

	line-height:140%;

	padding-left:10px;

	border-left:1px solid #f2f6f7

}



#teacher .tips .left i,

#teacher .tips .left p,

#teacher .tips .left span

{

	border:0

}





#wrap

{

	background:#fff;

	padding-bottom:1rem;

}

#wrap .info h3

{

	font-size:120%;

	margin:1rem

}

#wrap .info p

{

	color:#5b5b5b;

	font-size:100%;

	text-indent:2em;

	line-height:150%;

	margin:1rem 0;

	padding: 0 1rem

}

#wrap .tips

{

	display:flex;

	margin:1.5rem  auto 0 auto;

	padding-top:1rem;

	border-top:1px solid #d1d1d1

}

#wrap .tips .center

{

	margin:0 16px

}

#wrap .tips i

{

	display:block;

	width:66px;

	height:66px;

	border-left:1px solid #f2f6f7

	

}



#wrap .tips span

{

	color:#3f3f3f;

	padding:0 20px;

	display:block;

	line-height:120%;

	margin-top:16px;

	font-size:100%

}

#wrap .tips p

{

	color:#8a8a8a;

	margin:20px 0;

	font-size:90%;

	line-height:140%;

	padding-left:20px;

	border-left:1px solid #f2f6f7

}

#wrap .tips .left i,

#wrap .tips .left p,

#wrap .tips .left span

{

	border:0;

	padding-left:8px

}



#wrap .mt

{

	margin:0

}

#wrap .wrap .detial

{

	padding:.5rem

}

#wrap .wrap .detial h4

{

	color:#08509f;

	font-size:90%;

	line-height:120%

}

#wrap .wrap .detial p

{

	color:#666;

	font-size:80%;

	line-height:160%;

	text-indent:2em

}



#wrap .wrap .detial .ec

{

	display:flex;

	flex-wrap:wrap;

	margin:.5rem 0;

	padding:1rem 0;

	border-top:1px solid #b0b0b0;

	border-bottom:1px solid #b0b0b0;

	justify-content:space-between

}

#wrap .biz .detial  h4

{

	color:#d3830e

}

#wrap .wrap .detial .ec span

{

	width:50%;

	display:block;

	color:#231815;

	font-size:70%;

	white-space:nowrap;

	line-height:160%;

	overflow:hidden;

	text-overflow: ellipsis

}



#wrap .edu-1

{

	color:#084f9b;

	padding:0.5rem;

	font-size:150%

}

#wrap .edu-1 span

{

	line-height:240%

}

#wrap .edu-1 strong

{

	margin:0 30px;

	padding:0 10px;

	background:url(../images/sline.png) repeat-x 0 130%

}

#wrap .edu-1 p

{

	color:#181818;

	font-size:80%;

	line-height:160%

}



#wrap .edu-2

{

	margin:1rem auto

}

#wrap .edu-2 .navbg

{

	color:#f5e828;

	text-align:center;

	font-size:100%;

	line-height:300%;

	font-weight:700;

	letter-spacing:2px;

	background:url(../images/navbg.png) no-repeat	

}



#wrap .edu-3 img

{

	width:60%

}



#wrap table.kao

{

	margin:0.5rem;

	border:1px solid #064f9b;

	border-right:0;

	border-bottom:0

}

#wrap table.kao td

{

	color:#242424;

	font-size:70%;

	padding:0.3rem 0;

	text-align:center;

	border-right:1px solid #064f9b;

	border-bottom:1px solid #064f9b

}

#wrap table.kao .h td

{

	color:#fff;

	font-size:80%;

	font-weight:700;

	background:#0a54a5;

}

#wrap table.kao td span

{

	display:block

}



#wrap .contact 

{

	display:flex;

	padding:0.5rem;

	flex-direction:column

}

#wrap .contact h5

{

	color:#fff;

	width:40%;

	font-size:100%;

	margin:0.5rem 0;

	text-align:center;

	line-height:200%;

	background:#50aee4

}

#wrap .contact p

{

	color:#505050;

	font-size:80%;

	margin:.4rem 0;

	line-height:160%

}

#wrap .contact i

{

	color:#50aee4;

	font-size:80%;

	margin-right:10px;

	vertical-align:top

}

#wrap .contact .code

{

	width:170px;

	height:170px;

	margin:2rem auto

}

#wrap .contact a

{

	color:#fff;

	width:80%;

	margin:0 auto;

	display:block;

	font-size:100%;

	line-height:250%;

	text-align:center;

	background:#50aee4;

	border-radius:28px

}

#wrap .news

{

	padding:0.5rem

}

#wrap .news li

{

	width:100%;

	border-bottom:1px solid #ddd

}

#wrap .news li label

{

	display:flex;

	cursor:pointer;

	font-size:80%;

	line-height:300%;

	justify-content:space-between;

}



#wrap .news li a

{

	color:#333

}

#wrap .news li a:hover

{

	color:#0e6ece

}

#wrap .news li a i

{

	color:#fff;

	font-size:70%;

	text-align:center;

	background:#3c81ae;

	border-radius:50%;

	padding:0.3rem;

	vertical-align:top

}

#wrap .news li a i.q

{

	padding:3px 6px;

	font:400 100%/300% 'arial'

}

#wrap .news li label.zs a

{

	width:100%;

	white-space:nowrap;

	overflow:hidden;

	text-overflow: ellipsis

}

#wrap .news dl

{

	display:none;

	border-radius:5px;

	padding:0.5rem;

	background:#f9f9f9;

	margin:0 0 1rem 2rem

}

#wrap .news dt 

{

	margin:0;

	line-height:100%

}

#wrap .news dt i

{

	color:#666;

	text-align:center;

	background:#d6d6d6;

	border-radius:50%;

	margin-right:16px;

	padding:6px 10px;

	font:700 16px/250% 'arial'

}

#wrap .news dd

{

	color:#999;

	font-size:80%;

	line-height:160%

}

#wrap .news i.more

{

	color:#999;

	font-size:100%

}

#wrap .news li time

{

	color:#ccc;

	font-size:14px

}

#wrap .context

{

	padding:1rem;

	overflow:hidden

}

#wrap .context .tipbar

{

	font-size:70%;

	line-height:300%;

	text-align:center;

	background:#fff;

	border-bottom:1px dashed #ddd;

	border-top:1px dashed #ddd;

}

#wrap .context .tipbar span

{

	margin:0 6px

}

#wrap .context .ctitle

{

	color:#666;

	text-align:center;

	font-size:100%;

	line-height:300%

}

#wrap .context .content p

{

	margin:0.5rem 0;

	display:block;

	font-size:80%;

	line-height:130%;

	margin:1rem auto

}

#wrap .emp

{

	display:flex;

	justify-content:space-around

}

#wrap .emp .desc

{

	width:33.3%;

	cursor:pointer;

	display:flex;

	padding:1rem;

	text-align:center;

	flex-direction:column

}

#wrap .emp .fixed,

#wrap .emp .desc:hover

{

	background:#006fcb

}

#wrap .emp .desc i

{

	color:#fff;

	width:2rem;

	height:2rem;

	display:block;

	font-size:100%;

	line-height:2rem;

	text-align:center;

	border-radius:50%;

	background:#fcb201;

	margin:0 auto;

}

#wrap .emp .desc em

{

	color:#7f7f7f;

	font-size:100%;

	line-height:300%

}

#wrap .emp .desc span

{

	color:#026caa;

	font-size:120%

}

#wrap .emp .desc span sup

{

	top:-0.5rem;

	font-size:100%;

	position:relative

}

#wrap .emp .fixed em,

#wrap .emp .fixed span,

#wrap .emp .desc:hover em,

#wrap .emp .desc:hover span

{

	color:#fff

}

#wrap .emp .fixed i,

#wrap .emp .desc:hover i

{

	color:#006fcb;

	background:#fff

}

#example .pro

{

	display:flex;

	flex-wrap:wrap;

	background:#fff;

	margin:0 auto;

	padding-bottom:1rem

	

}

#example .pro .list

{

	width:47%;

	margin:0.5rem 0 0 0.5rem;

	display:flex;

	overflow:hidden;

	position:relative;

	flex-direction:column;

	animation:offsety 1s 1 alternate forwards

}

#example .pro .list:hover

{

	cursor:pointer;

	background:#f9f9f9;

	animation:offsetx 1s 1 alternate forwards;

	box-shadow: 3px 3px 8px rgba(100,100,100,.3)

}



#example .pro .list span

{

	top:10px;

	left:-30px;

	color:#fff;

	width:100px;

	line-height:240%;

	font-size:60%;

	display:block;

	text-align:center;

	position:absolute;

	background:rgba(0,11,203,.6);

	transform: rotate(-45deg);

}

#example .pro .list label

{

	bottom:0;

	width:100%;

	color:#fff;

	display:block;

	padding:0 0.5rem;

	position:absolute;

	text-align:center;

	font-size:90%;

	line-height:160%;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	background:rgba(0,0,0,.5)

}

#wrap .culture

{

	padding:1rem 0 0 0.5rem

}

#wrap .culture dl

{

	display:flex

}

#wrap .culture i

{

	color:#fff;

	width:30px;

	height:30px;

	display:block;

	text-align:center;

	background:#1189df;

	border-radius:50%;

	vertical-align:top;

	font:400 100%/200% 'arial'

}

#wrap .culture dt

{

	padding:100px 0 0 0;

}

#wrap .culture dd

{

	margin-left:0.5rem;

	display:flex;

	overflow:hidden;

	flex-direction:column;

	padding:1rem 0.5rem 0 0.5rem;

	border-left:1px solid #dedede

}

#wrap .culture dl.first dt

{

	padding:0

}



#wrap .culture dl.first dd

{

	padding:0 0.5rem;

}

#wrap .culture dd a

{

	color:#1189df;

	font-size:100%;

	line-height:150%

}

#wrap .culture dd time

{

	color:#6b6b6b6;

	font-size:90%;

	line-height:160%

}

#wrap .culture dd img

{

	margin:0.5rem 0

}



#stars

{

	margin: 1rem auto;

	padding:0 0.5rem;

	position:relative;

	background:#f8f8f8

}

#stars .stux

{

	display:flex;

	overflow:hidden

}

#stars .stux img

{

	width:160px

}

#stars .memo

{

	display:flex;

	padding:0.5rem 0 0 0.5rem;

	flex-direction:column

}

#stars .memo h3

{

	color:#000;

	font-size:100%;

	font-weight:700

}

#stars .memo i

{

	margin-right:0 0.3rem

}

#stars .memo h3 sub

{

	color:#f90;

	font-size:80%;

	font-weight:400;

	margin-left:0.3rem

}

#stars .memo .add

{

	color:#959595;

	font-size:80%;

	line-height:200%

}

#stars .memo em

{

	display:block;

	color:#4c4c4c;

	font-size:90%;

	font-weight:700

}

#stars .memo .info span

{

	color:#057dc7;

	font:700 120%/160% 'arial'

}

#stars .memo .info span sup

{	

	top:-2px;

	left:6px;

	font-size:80%;

	position:relative

}

#stars .memo .unit span

{

	color:#747474;

	font-size:90%;

	line-height:200%

}



#stars .sandbox

{

	width:96%;

	bottom:0.5rem;

	background:#fff;

	position:absolute;

	display:flex;

	align-items:center;

	justify-content:space-between

}

#stars .sandbox i

{

	margin:0 0.3rem;

	font-size:100%;

	cursor:pointer

}

#stars .sandbox i:hover

{

	color:#057dc7

}

#stars .sandbox ul,

#stars .sandbox box

{

	width:1080px;

}

#stars .sandbox ul

{

	

}

#stars .sandbox .box

{

	overflow:hidden

}

#stars .sandbox ul li

{

	float:left;

	width:60px;

	margin:0.3rem;

	height:60px;

	border-radius:50%;

	overflow:hidden;

	border:2px solid #fff

}

#stars .sandbox ul li.fixed,

#stars .sandbox ul li:hover

{

	border:4px solid #057dc7

}

#stars .loading

{

	width:100%;

	background:url(../images/load.gif) no-repeat center center

}

#wrap .sw dl

{

	display:flex;

	padding:0.6rem;

	margin:0.5rem;

	box-shadow:0 0 10px rgba(0,0,0,.1)

}

#wrap .sw dl i

{

	width:80px;

	height:80px;

	overflow:hidden;

	display:block;

	margin-right:0.5rem;

	border-radius:50%

}

#wrap .sw dd span

{

	display:flex

}

#wrap .sw dd em

{

	font-size:100%;

	font-weight:700

}

#wrap .sw dd address

{

	color:#a0a0a0;

	margin:0 0.5rem;

	line-height:120%

}

#wrap .sw dd label

{

	color:#666;

	font-size:80%;

	display:block;

	margin-top:10px;

	line-height:160%

}







#stubox iframe

{

	border:0;

	margin:0;

	padding:0;

	width:100%;

	height:400px;

	overflow:hidden

}

.flink

{

	margin:0 auto;

	padding:0.5rem;

	background:#fff;

	position:relative

}

.flink .box

{

	overflow:hidden;

	position:relative

}

.flink span

{

	display:block

}

.flink span a

{

	color:#b5b5b5;

	font-size:100%;

	margin-right:1rem

}

.flink span a.fixed

{

	color:#242424;

	font-weight:700;

	padding-bottom:2px;

	border-bottom:1px solid #242424

}

.flink .flist

{

	clear:both;

	margin:1rem 0

}

.flink .flist a

{

	float:left;

	width:22%;

	margin:4px 6px 4px 0;

	display:block;

	overflow:hidden;

	border:1px dotted #666

}

.flink .edu a

{

	width:auto;

	border:0;

	height:auto;

	margin:0 8px;

	font-size:18px;

	line-height:36px;

	display:inline-block

}

.flink .edu a:hover

{

	color:#057dc7;

	font-weight:700

}