html,body
{
	background:#f7f7f7
}
.c
{
	background:url(../images/contact.jpg) no-repeat 0 110px
}
#flashbox
{
	height:700px;
	position:relative
}
#flashbox .box
{
	
	height:700px;
	overflow:hidden;
	position:relative
}
#flashbox .box a
{
	float:left;
	width:100%;
	display:block;
	height:700px;
	background-size:cover;
	background-repeat:no-repeat
}
#pos
{
	width:1400px;
	height:210px;
	margin: 0 auto;
	font-size:36px;
	text-align:center;
	line-height:210px
}
#timg
{
	width:1400px;
	margin:0 auto;
}
#wrap,
#teacher
{
	width:1400px;
	background:#fff;
	padding-bottom:60px;
	margin:0 auto 60px auto
}
#wrap img
{
	width:100%
}

#wrap .info h3
{
	font-size:30px;
	padding: 0 90px;
	margin:50px 0 30px 0
}
#wrap .info p
{
	color:#5b5b5b;
	font-size:18px;
	text-indent:2em;
	line-height:36px;
	margin:10px 0;
	padding: 0 90px
}

#wrap .tips
{
	width:1248px;
	display:flex;
	margin:40px  auto;
	padding-top:20px;
	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:40px;
	margin-top:16px;
	font-size:22px
}
#wrap .tips p
{
	color:#8a8a8a;
	margin:20px 0;
	font-size:14px;
	line-height:24px;
	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 span a
{
	color:#000;
	font-size:22px;
	margin-left:10px
}
#wrap .wrap
{
	background:#fff;
	margin-bottom:80px
}
#wrap .mt
{
	margin:0
}
#wrap .wrap .detial
{
	padding:40px 80px
}
#wrap .wrap .detial h4
{
	color:#08509f;
	font-size:28px;
	line-height:80px
}
#wrap .wrap .detial p
{
	color:#231815;
	font-size:28px;
	line-height:50px;
	text-indent:2em
}

#wrap .wrap .detial .ec
{
	display:flex;
	flex-wrap:wrap;
	margin:10px 0;
	padding:20px 0;
	border-top:2px solid #b0b0b0;
	border-bottom:2px 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:28px;
	line-height:50px;
}
#wrap .news
{
	padding:20px 60px
}
#wrap .news li
{
	width:100%;
	border-bottom:1px solid #ddd
}
#wrap .news li label
{
	display:flex;
	height:90px;
	cursor:pointer;
	font-size:18px;
	line-height:90px;
	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:12px;
	text-align:center;
	background:#3c81ae;
	border-radius:50%;
	margin-right:16px;
	padding:6px 9px;
	vertical-align:top
}
#wrap .news li a i.q
{
	padding:6px 8px;
	font:400 16px/90px 'arial'
}
#wrap .news dl
{
	display:none;
	border-radius:5px;
	padding:20px 30px;
	background:#f9f9f9;
	margin:0 0 30px 50px
}
#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;
	line-height:32px
}
#wrap .news i.more
{
	color:#999;
	font-size:24px
}
#wrap .news li time
{
	color:#ccc;
	font-size:14px
}
#wrap .context
{
	padding:40px;
	overflow:hidden
}
#wrap .context .tipbar
{
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:white;
	margin: 10px 15px 20px 15px;
	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:24px;
	line-height:50px
}
#wrap .context .content p
{
	margin:10px 0;
	display:block;
	text-indent:2em;
	font-size:18px;
	line-height:28px;
	margin:20px auto
}
#wrap .context .content img
{
	width:auto
}

#teacher .tech,
#teacher .tips
{
	width:1320px;
	margin:0 auto;
	padding:80px 40px 0 40px
}
#teacher .tech
{
	padding:60px 40px
}
#teacher .tech ul
{
	display:flex;
	flex-wrap:wrap;
	padding:50px 0;
	border-bottom:1px solid #ddd;
}
#teacher .tech ul li
{
	width:204px;
	display:flex;
	position:relative;
	text-align:center;
	flex-direction:column;
	padding:0 30px;
	
	animation:offsety 0.5s 1 alternate forwards
}

#teacher  .tech ul li:hover
{
	cursor:pointer;
	background:#f9f9f9;
	animation:offsetx 1s 1 alternate forwards;
	box-shadow: 3px 3px 8px rgba(100,100,100,.3);
}

#teacher .cnt
{
	
	padding:20px 40px
}
#teacher .cnt ul li
{
	
	padding:30px
}
/*
#teacher  .tech ul li.offsety
{
	
	
}*/
#teacher .tech ul li em
{
	display:block;
	width:150px;
	height:150px;
	margin:0 auto;
	overflow:hidden;
	border-radius:50%;
	border:15px solid #ededed
}
#teacher .tech ul li h3
{
	color:#3f3f3f;
	font-size:30px;
	line-height:70px
}
#teacher .tech ul li span
{
	color:#767676;
	font-size:20px
}
#teacher .tech ul li p
{
	color:#8a8a8a;
	font-size:18px;
	line-height:32px;
	text-align:left;
	margin-top:30px;
}

#iaa
{
	width:1400px;
	margin:0 auto;
	background:#fff;
	display:flex;
	flex-wrap:wrap
}
#iaa dl
{
	width:700px;
	display:flex
	
}
#iaa dl dt,
#iaa dl dd
{
	width:350px;
	height:350px;
	overflow:hidden
}
#iaa dl dd
{
	width:300px;
	height:300px;
	padding:25px
}
#iaa dl dd h3
{
	color:#333;
	display:block;
	width:300px;
	font-size:28px;
	font-weight:400;
	margin-bottom:20px;
	overflow:hidden;
	white-space:nowrap;
	line-height:48px;
	text-overflow:ellipsis;
}
#iaa dl dd .cnt
{
	height:180px;
	font-size:18px;
	line-height:32px
}
#iaa dl dd i
{
	font-size:36px
}
#iaa dl dd.s i
{
	float:right
}

#wrap .culture
{
	padding:60px 0 0 50px
}
#wrap .culture dl
{
	display:flex
}
#wrap .culture i
{
	color:#fff;
	width:54px;
	height:54px;
	display:block;
	font-size:30px;
	text-align:center;
	background:#1189df;
	border-radius:50%;
	vertical-align:top;
	font:400 30px/54px 'arial'
}
#wrap .culture dt
{
	padding:100px 0 0 0;
}
#wrap .culture dd
{
	margin-left:30px;
	display:flex;
	overflow:hidden;
	flex-direction:column;
	padding:100px 30px 0 30px;
	border-left:1px solid #dedede
}
#wrap .culture dl.first dt
{
	padding:0
}

#wrap .culture dl.first dd
{
	padding:0 30px;
}
#wrap .culture dd a
{
	color:#1189df;
	font-size:20px;
	line-height:40px
}
#wrap .culture dd time
{
	color:#6b6b6b6;
	font-size:18px;
	line-height:40px
}
#wrap .culture dd img
{
	margin:20px 0;
	max-width:1200
}


#wrap .stu
{
	width:1452px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap
}
#wrap .stu .list
{
	width:560px;
	margin:26px;
	position:relative;
	padding:46px 46px 0 46px;
	background:#fff;
	border-radius:8px;
	animation:offsety 1s 1 alternate forwards;
}
#wrap .stu .list:hover
{
	cursor:pointer;
	background:#f9f9f9;
	animation:offsetx 1s 1 alternate forwards;
	box-shadow: 3px 3px 8px rgba(100,100,100,.3);
}
#wrap .stu dl
{
	display:flex;
	justify-content:space-between
}
#wrap .stu dl dt
{
	width:170px;
	height:170px;
	overflow:hidden;
	border-radius:50%
}
#wrap .stu dl dd
{
	width:360px;
	display:flex;
	flex-direction:column
}

#wrap .stu .name
{
	display:flex;
	justify-content:space-between
}
#wrap .stu .name span
{
	color:#959595
}
#wrap .stu .name em
{
	color:#000;
	font-size:24px;
	font-weight:700
}
#wrap .stu .name i
{
	margin:0 6px
}
#wrap .stu .name a
{
	color:#fff;
	padding:6px 12px;
	background:#057dc7;
	border-radius:40px
}
#wrap .stu .sex
{
	color:#f90;
	line-height:36px
}
#wrap .stu .sex i
{
	margin-right:4px
}
#wrap .stu .info
{
	margin-top:12px
}
#wrap .stu .info em
{
	color:#5f5f5f;
	line-height:36px;
	font-weight:700;
	display:block
}
#wrap .stu .info span
{
	color:#969696
}
#wrap .stu .unit
{
	margin-top:20px;
	padding-top:12px;
	border-top:1px solid #ddd
}
#wrap .stu .exp
{
	display:flex;
	margin:40px 0;
	justify-content:space-between
}
#wrap .stu .exp a
{
	width:160px;
	height:90px;
	display:block;
	overflow:hidden
}
#wrap .stu .exp a img
{
	width:100%
}
#wrap .stu .exp a:last-child
{
	margin:0
}
#wrap .stu a.more
{
	width:300px;
	height:50px;
	margin:50px auto;
	line-height:50px;
	border-radius:8px;
	border:0;
	background:#eee
}
#wrap .stu a.more:hover
{
	
	background:#057dc7
}

#stars
{
	width:1180px;
	margin: 0 auto;
	padding:0 110px;
	position:relative;
	background:#f8f8f8
}
#stars .stux
{
	display:flex;
	overflow:hidden
}
#stars .stux img
{
	width:600px;
	height:740px
}
#stars .memo
{
	display:flex;
	padding:60px 0 0 50px;
	flex-direction:column
}
#stars .memo h3
{
	color:#000;
	font-size:36px;
	font-weight:700
}
#stars .memo i
{
	margin:0 6px
}
#stars .memo h3 sub
{
	color:#f90;
	font-size:18px;
	font-weight:400;
	margin-left:10px
}
#stars .memo .add
{
	color:#959595;
	line-height:48px
}
#stars .memo em
{
	display:block;
	color:#4c4c4c;
	font-size:24px;
	margin-top:30px;
	font-weight:700
}
#stars .memo .info span
{
	color:#057dc7;
	font:700 90px/120% 'arial'
}
#stars .memo .info span sup
{	
	top:-20px;
	left:10px;
	font-size:24px;
	position:relative
}
#stars .memo .unit span
{
	color:#747474;
	font-size:18px;
	line-height:56px
}

#stars .sandbox
{
	width:1180px;
	bottom:40px;
	height:160px;
	background:#fff;
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:space-between
}
#stars .sandbox i
{
	margin:0 16px;
	font-size:24px;
	cursor:pointer
}
#stars .sandbox i:hover
{
	color:#057dc7
}
#stars .sandbox ul,
#stars .sandbox box
{
	width:1080px;
	height:120px
}
#stars .sandbox ul
{
	
}
#stars .sandbox .box
{
	overflow:hidden
}
#stars .sandbox ul li
{
	float:left;
	width:112px;
	margin:0 17px;
	height:112px;
	border-radius:50%;
	overflow:hidden;
	border:4px solid #fff
}
#stars .sandbox ul li.fixed,
#stars .sandbox ul li:hover
{
	border:4px solid #057dc7
}
#stars .loading
{
	width:100%;
	height:730px;
	background:url(../images/load.gif) no-repeat center center
}

#wrap .sw
{
	width:1400px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
#wrap .sw dl
{
	width:600px;
	display:flex;
	padding:30px;
	margin:20px;
	box-shadow:0 0 10px rgba(0,0,0,.1)
}
#wrap .sw dl i
{
	width:120px;
	height:120px;
	overflow:hidden;
	display:block;
	margin-right:30px;
	border-radius:50%
}
#wrap .sw dd span
{
	display:flex
}
#wrap .sw dd em
{
	font-size:20px;
	font-weight:700
}
#wrap .sw dd address
{
	color:#a0a0a0;
	margin:0 20px;
	line-height:26px
}
#wrap .sw dd label
{
	display:block;
	margin-top:10px;
	line-height:26px
}

#stubox
{
	background:#fbfbfb;
	padding-bottom:60px
}

#stubox iframe
{
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:762px;
	overflow:hidden
}

#wrap .emp
{
	display:flex;
	justify-content:space-around
}
#wrap .emp .desc
{
	width:33.3%;
	height:260px;
	cursor:pointer;
	display:flex;
	padding:160px 0 0 100px;
	position:relative;
	flex-direction:column
}
#wrap .emp .fixed,
#wrap .emp .desc:hover
{
	background:#006fcb
}
#wrap .emp .desc i
{
	top:40px;
	right:40px;
	color:#fff;
	width:70px;
	height:70px;
	display:block;
	font-size:32px;
	line-height:70px;
	text-align:center;
	border-radius:50%;
	background:#fcb201;
	position:absolute
}
#wrap .emp .desc em
{
	color:#7f7f7f;
	font-size:20px;
	line-height:40px
}
#wrap .emp .desc span
{
	color:#026caa;
	font-size:48px
}
#wrap .emp .desc span sup
{
	top:-10px;
	left:10px;
	font-size:24px;
	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
{
	width:1400px;
	display:flex;
	flex-wrap:wrap;
	background:#fff;
	margin:0 auto;
	padding-bottom:60px
	
}
#example .pro .list
{
	width:625px;
	height:360px;
	margin:50px 0 0 50px;
	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:20px;
	left:-100px;
	color:#fff;
	width:300px;
	height:50px;
	line-height:50px;
	font-size:24px;
	display:block;
	text-align:center;
	position:absolute;
	background:rgba(0,11,203,.6);
	transform: rotate(-45deg);
}
#example .pro .list label
{
	bottom:0;
	color:#fff;
	width:100%;
	height:50px;
	display:block;
	padding:0 16px;
	position:absolute;
	text-align:center;
	line-height:50px;
	font-size:18px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	background:rgba(0,0,0,.5)
}

#wrap .edu-1
{
	color:#084f9b;
	padding:60px 120px;
	font-size:86px
}
#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 90px
}
#wrap .edu-1 p
{
	color:#181818;
	font-size:42px;
	line-height:60px;
	letter-spacing:9px
}

#wrap .edu-2
{
	width:1188px;
	margin:40px auto
}
#wrap .edu-2 .navbg
{
	color:#f5e828;
	height:96px;
	text-align:center;
	font-size:42px;
	line-height:84px;
	font-weight:700;
	letter-spacing:2px;
	background:url(../images/navbg.png) no-repeat	
}

#wrap .edu-2 .collage ul
{
	display:flex;
	flex-wrap:wrap;
	margin:40px 0;
	justify-content:space-between
}
#wrap .edu-2 .collage li
{
	width:220px;
	text-align:center;
	margin:20px 20px 20px 0
}
#wrap .edu-2 .collage li.end
{
	margin-right:0
}
#wrap .edu-2 .collage li a
{
	color:#595a5a;
	width:100%;
	display:block;
	font-size:24px;
	overflow:hidden;
	white-space:nowrap;
	line-height:48px;
	text-overflow:ellipsis;
}
#wrap .edu-2 .collage li a.img
{
	width:120px;
	height:120px;
	margin:0 auto
}
#wrap .edu-3
{
	padding:0 120px;
}
#wrap .edu-3 img
{
	width:800px
}
#wrap table.kao
{
	width:1200px;
	margin:80px auto 40px auto;
	border:1px solid #064f9b
}
#wrap table.kao td
{
	height:100px;
	color:#242424;
	font-size:30px;
	padding:6px 0;
	text-align:center;
	border:1px solid #064f9b
}
#wrap table.kao .h td
{
	color:#fff;
	height:110px;
	font-size:40px;
	font-weight:700;
	background:#0a54a5;
}
#wrap table.kao td span
{
	display:block
}
#wrap .contact 
{
	display:flex;
	padding:60px 120px;
	flex-direction:column
}
#wrap .contact h5
{
	color:#fff;
	width:266px;
	height:62px;
	font-size:36px;
	margin:50px 0;
	text-align:center;
	line-height:62px;
	background:#50aee4
}
#wrap .contact p
{
	color:#505050;
	font-size:28px;
	line-height:60px
}
#wrap .contact i
{
	color:#50aee4;
	font-size:28px;
	margin-right:10px;
	vertical-align:top
}
#wrap .contact .code
{
	width:170px;
	height:170px;
	margin:100px auto 30px auto
}
#wrap .contact a
{
	color:#fff;
	width:400px;
	margin:0 auto;
	height:66px;
	display:block;
	font-size:28px;
	line-height:56px;
	text-align:center;
	background:#50aee4;
	border-radius:28px
}
#flink
{
	width:1248px
}