@charset "utf-8";
body {margin:0 auto; padding:0; background-color:#ffffff; font: normal 100%; font-size:100%; font-family:'微软雅黑','华康圆体W3';}/*100% 即默认16px*/
body,html{ padding-top:0px; overflow-x:hidden;}
td,div,ul {font: normal 100%; font-size:100%; color:#919191; font-family:'微软雅黑','华康圆体W3';}
*:focus {outline:none;}
img { border:0px;}
ul {margin:0px;margin-left:-40px; *margin-left:0px;}
li {list-style-type:none;}
p { margin:0px; padding:0px;}
form { margin:0px; padding:0px;}
a { text-decoration:none;outline-style:none;}

DIV.thepage {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px;FONT-SIZE: 4vw; MARGIN: 3px; COLOR: #fff; PADDING-TOP: 3px; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
DIV.thepage A {
	MARGIN: 3px; COLOR: #666; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none; border:1px solid #cccccc; padding:5px; padding-left:12px; padding-right:12px; FONT-SIZE: 4vw;
}
DIV.thepage A:hover {
	COLOR: #fff; BACKGROUND-COLOR:#014A73;border:1px solid #014A73;FONT-SIZE: 4vw;
}
DIV.thepage A:active {
	COLOR: #014A73; BACKGROUND-COLOR: #fff;FONT-SIZE: 4vw;
}
DIV.thepage SPAN.current {
	MARGIN: 3px; COLOR: #ffffff; BACKGROUND-COLOR: #014A73; border:1px solid #014A73; padding:5px; padding-left:12px; padding-right:12px; FONT-SIZE: 4vw;
}
DIV.thepage SPAN.disabled {
	MARGIN: 3px; COLOR: #cccccc; BACKGROUND-COLOR: #fff;FONT-WEIGHT: bold; border:1px solid #cccccc; padding:5px; padding-left:12px; padding-right:12px; FONT-SIZE: 4vw;
}

.title01{ font-family:微软雅黑, 黑体, 宋体; font-size:26px; color:#39BEFD; font-weight:bold; margin-top:30px;}
.title02{ font-size:16px; color:#999999; font-family:宋体; margin-top:-25px; margin-bottom:30px;}
.title03{ font-size:24px; color:#999999; font-family:微软雅黑, 黑体, 宋体; margin-top:-30px; font-weight:bold;}

.title04{ font-family:微软雅黑, 黑体, 宋体; color:#ffffff; font-weight:bold; margin-top:30px;}
.title05{ color:#ffffff; font-family:微软雅黑; margin-top:-25px; margin-bottom:30px;}
.title06{color:#fff; font-size:4vw; padding:8px;}
.title06 span{color:#fff; font-size:3vw; padding:8px;}

.rmkc01{color:#919191;  font-weight:100;}
.rmkc01 span{color:#000;  font-weight:bold;}

.title07 a{ color:#014A73; background:#fff; font-size:3vw; padding:5px 10px 5px 10px;}
.title07 a:hover{ background:#fff; padding:10px 10px;}

.title08{ padding-top:5px;}
.title08 a{ color:#ffffff; background:#C57FB0; font-size:3vw; padding:5px 10px 5px 10px;}
.title08 a:hover{ background:#014A73; padding:5px 5px;}

.title09{ padding-top:5px;}
.title09 a{ color:##727272; padding:5px 10px 5px 15px; float:center;}
.title09 .t {float:center;}
.title09 a:hover{padding:5px 5px;}


.item01 span{color:#fff; background:#525252; font-size:4vw; padding:5px 10px 5px 10px;}
.item01 .hover{color:#fff; background:#014A73; font-size:4vw; padding:5px 10px 5px 10px;}
.item02 { padding:10px;}

.item11 span{color:#fff; background:#D187BB; font-size:4vw;padding:5px 5px 5px 5px; width:100%;}
.item11 .hover{color:#fff; background:#014A73; font-size:4vw; padding:5px 5px 5px 5px;}
.item12 { padding:10px;}

.item31 .image .pic{width:90%;}
.item31 .t a{ font-size:3vw;}



.clear { clear:both; }
.rmkc{  width:370px; margin:auto; padding:0px; margin-top:20px;}
.rmkcleft{ border-bottom:1px solid #CCCCCC; width:110px; float:left; height:40px;}
.rmkccenter{ width:100%; font-size:4vw; color:#ffffff; font-family:微软雅黑, 黑体, 宋体; font-weight:bold; padding:10px 10px 10px 10px;} 
.rmkccenter span{ font-size:3.5vw; color:#ffffff; }


.rmkc01{  width:370px; margin:auto; padding:0px; margin-top:20px;}
.rmkccenter01{ width:100%; font-size:6vw; color:#ffffff; font-family:微软雅黑, 黑体, 宋体; font-weight:bold; padding:5px 10px 10px 10px; float:center;} 
.rmkccenter01 span{ font-size:3.5vw; color:#ffffff; }



.zxal_01{ width:100%; font-size:3.5vw; color:#3A3A3A; font-family:微软雅黑, 黑体, 宋体; font-weight:bold; padding:0px 15px 20px 15px;} 
.zxal_01 span{ font-size:3vw; color:#727272; }


.tongyong{ width:100%; margin:auto; padding:0px;}
.kcfl{ width:80%; float:left; margin-top:30px;}
.kcfl1{ text-align:center; margin:auto; padding:0px; line-height:40px; font-size:3vw}
.kcfl1 a{ color:#FFFFFF; background:#D187BB; padding:10px 10px;}
.kcfl1 a:hover{ background:#014A73; padding:10px 10px;}
<!--优秀学员-->
.yxxy{ margin-top:70px; background:url(../image/yxyy.jpg) no-repeat center; height:488px; padding-top:40px;}
.yxxy1{  width:370px; margin:auto; padding:0px;}
.yxxyleft{ border-bottom:1px solid #fff; width:110px; float:left; height:30px;}
.yxxycenter{ width:150px; text-align:center; float:left; font-size:32px; color:#fff;} 
.yxxycenter span{ font-size:16px; color:#fff; line-height:50px;}
.yxxyright{  border-bottom:1px solid #fff;width:110px; float:right; height:30px;}
.bodyCon08{ background:#FFFFFF;margin:auto ; width:1290px; margin-top:120px;}
.bodyCon08 .students{margin:0 auto;width:1290px;height:270px;position:relative;}

#four_flash{position:relative;width:1290px;height:270px; margin:0 auto;position:absolute;}
#four_flash .flashBg{width:1188px;height:270px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:270px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{float:left;width:280px;height:270px;margin-left:8px; line-height:40px; margin-right:9px; text-align:center;padding-top:20px;color:#6C6E85;}
#four_flash .flashBg ul.mobile li:hover{ color:#fff;}
#four_flash .but_left{width:19px;height:38px;position:absolute; top:117px; left:10px;}
#four_flash .but_right{width:19px;height:38px; position:absolute; top:117px; right:10px;}

.col-md-4 { width:100%}
.box .post {
	font-size:15px;
	text-transform:capitalize;
	opacity:0;
	transition:all 0.5s ease 0s;
}
.box:hover .title,.box:hover .post {
	opacity:1;
	transition-delay:0.7s;
}
.box .icon {
	padding:0;
	margin:0;
	list-style:none;
	margin-top:15px;
}
.box .icon li {
	display:inline-block;
}
.box .icon li a {
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:50%;
	background:#f74e55;
	font-size:20px;
	font-weight:700;
	color:#fff;
	margin-right:5px;
	opacity:0;transform:translateY(50px);transition:all 0.5s ease 0s;}
.box:hover .icon li a {
	opacity:1;transform:translateY(0px);transition-delay:0.5s;}
.box:hover .icon li:last-child a {
	transition-delay:0.8s;}
/*@media only screen and (max-width:990px) {
	.box {margin-bottom:30px;}*/




#top { margin:0 auto; width:100%; position:relative; background-color:#ffffff; overflow:hidden; }
#top #logo { float:left;width:100%;  text-align:left; top:0px; overflow:hidden;}
#top #logo a img { width:100%; }
#top #rmenu { float:left; width:100%; }
#top #rmenu #rword { width:100%; text-align:right; font-size:3vw; color:#919191; margin-top:50px; padding-right:20px;}
#top #rmenu #rtel { width:100%; text-align:right; font-size:5vw; color:#E13D75; font-weight:bold;}
#top #rmenu #rtel a { text-decoration:none; font-size:5vw; color:#E13D75; font-weight:bold;}

#pagemenu { margin:0 auto; width:100%; position:relative; overflow:hidden;}
#pagemenu ul { width:100%;}
#pagemenu ul li { float:left; width:25%; overflow:hidden; border-bottom:1px solid #0085B1; background-color:#016F9D}
#pagemenu ul li a { display:block; text-align:center; width:99.5%; border-right:1px solid #0085B1; padding-top:8%; padding-bottom:7%; font-size:3.7vw; color:#fff; text-decoration:none;}
#pagemenu ul li.on,#pagemenu ul li.currclass { background-color:#014A73;}

#indexad { margin:0 auto; width:100%; display:block; margin:0px; padding:0px; margin-top:0px; padding:0px; overflow:hidden; text-align:center; position:relative; z-index:999;}
#indexad #adarea { margin:0 auto; width:100%; height:auto; display:block; overflow:hidden; text-align:center;}
#indexad #adarea #ads { margin:0 auto; width:100%; height:auto; display:block; overflow:hidden; position:relative; z-index:998;}
#indexad #adarea #ads ul { width:100%;}
#indexad #adarea #ads ul li {width:100%; height:auto; display:block; overflow:hidden;}
#indexad #adarea #ads ul li img { width:100%; height:auto; display:block;}
#indexad #adarea #bts { margin:0 auto; width:200px; height:6px; overflow:hidden; position:relative; z-index:999; margin-top:-7%; margin-bottom:10%;}
#indexad #adarea #bts ul { width:190px; margin-top:0%; margin-left:0%;}
#indexad #adarea #bts ul li { float:left; width:41px; height:6px; margin-right:10px; cursor:pointer; background:url(../images/bt.png) no-repeat left top; border-radius:5px;}
#indexad #adarea #bts ul li.on { background:url(../images/bt.png) no-repeat left -6px;}

.sliders{display:none}/*display:none;用于获取更加体验*/
.focus { width:100%;height:2.5vw; overflow:hidden; padding-bottom:5%;}
.focus div { width:100%;height:2.5vw; overflow:hidden; text-align:center; position:relative; margin-left:-6.5%; left:50%;}
.focus span{ width:2.5vw;height:2.5vw;margin-right:1.2vw;border-radius:50%;background:#666;font-size:0;}
.focus span.current{background:#ccc}

#float { display:block; margin:0 auto; width:100%; overflow:hidden; position:absolute; z-index:9999; position:fixed; bottom:0px;} 
#float #bshow { width:103%;}
#float #bshow a { display:block; float:left; width:32.5%; padding-top:4%; padding-bottom:4%; text-align:center; color:#fff; font-size:4.5vw; border-top:0px;border-right:0px;}
#float #bshow a img { width:14%; vertical-align:middle; margin-top:-1%;}
#float #bshow #b1 { background-color:#5AB7C9;}
#float #bshow #b2 { background-color:#014A73;}
#float #bshow #b3 { background-color:#5AB7C9;}

#indexarea1 { width:100%; overflow:hidden; text-align:center; margin-top:0%; background-color:#F7EFE4;}
#indexarea1 #topword { width:100%; text-align:center; margin-top:5%; padding-bottom:5%; font-size:4.5vw; color:#3ABFFD; font-weight:bold; border-bottom:1px dashed #D5CFC8;}
#indexarea1 #topword span { display:block; width:100%; text-align:center; color:#A6A6A6; font-size:3.3vw; font-weight:normal;}
#indexarea1 #items { margin:0 auto; width:95%; margin-top:5%; overflow:hidden;}
#indexarea1 #items ul { width:100%;}
#indexarea1 #items ul li { float:left; width:48%; margin-right:2%; margin-bottom:5%;}
#indexarea1 #items ul li #leftimg { float:left; width:40%; text-align:left;}
#indexarea1 #items ul li #leftimg img { width:90%; text-align:left;}
#indexarea1 #items ul li #rinfo { float:right; width:60%; text-align:left;}
#indexarea1 #items ul li #rinfo #title { width:100%; text-align:left; font-weight:bold; color:#3BBFFD; font-size:3.2vw;}
#indexarea1 #items ul li #rinfo #notes { width:100%; text-align:left; overflow:hidden; font-size:2.2vw; margin-top:8%;} 

#youjiajia { width:100%; overflow:hidden; margin-top:0%;}
#youjiajia #title { width:100%; text-align:center; overflow:hidden; margin-top:3%; margin-bottom:1%;}
#youjiajia #title #big { width:100%; text-align:center; font-size:5vw; color:#014A73; font-weight:bold;}
#youjiajia #title #lines { width:60%; overflow:hidden; margin:0 auto; margin-top:1%;}
#youjiajia #title #lines #linel { float:left; width:30%; border-top:1px solid #F2F0F0; height:1px; margin-top:3%;}
#youjiajia #title #lines #liner { float:right; width:30%; border-top:1px solid #F2F0F0; height:1px; margin-top:3%;}
#youjiajia #title #lines #enname { float:left; width:40%; text-align:center; color:#A6A6A6; font-size:3vw; text-transform:uppercase;}
#youjiajia #title #img { width:100%; text-align:center; height:1%; margin-top:2%; background:url(../images/titleimg.gif) no-repeat center top; background-size:30%;}
#youjiajia #aboutlist { width:100%; overflow:hidden;}
#youjiajia #aboutlist #abouts { width:100%; overflow:hidden; margin-bottom:0.3%;}
#youjiajia #aboutlist #abouts #leftimg { float:left; width:20%; height:20vw; text-align:center;}
#youjiajia #aboutlist #abouts #leftimg img { width:40%; margin-top:5.5vw;}
#youjiajia #aboutlist #abouts #words { float:left; width:69.85%; padding-left:10%; height:14vw; padding-top:6vw; text-align:left; margin-left:0.15%; color:#fff; font-size:4vw; font-weight:bold;}
#youjiajia #aboutlist #abouts #words span { display:block; text-align:left; color:#fff; font-size:3vw; font-weight:normal;}

#indexcourse { width:100%; overflow:hidden; margin-top:0%;}
#indexcourse #title { width:100%; text-align:center; overflow:hidden; margin-top:3%; margin-bottom:1%;}
#indexcourse #title #big { width:100%; text-align:center; font-size:5vw; color:#014A73; font-weight:bold;}
#indexcourse #title #lines { width:60%; overflow:hidden; margin:0 auto; margin-top:1%;}
#indexcourse #title #lines #linel { float:left; width:20%; border-top:1px solid #F2F0F0; height:1px; margin-top:3%;}
#indexcourse #title #lines #liner { float:right; width:20%; border-top:1px solid #F2F0F0; height:1px; margin-top:3%;}
#indexcourse #title #lines #enname { float:left; width:60%; text-align:center; color:#A6A6A6; font-size:3vw; text-transform:uppercase;}
#indexcourse #title #img { width:100%; text-align:center; height:1%; margin-top:2%; background:url(../images/titleimg.gif) no-repeat center top; background-size:30%;}
#indexcourse #courselist { width:100%; overflow:hidden;}
#indexcourse #courselist #course { margin:0 auto; width:100%; margin-bottom:0.2%; overflow:hidden; padding-top:3%; padding-bottom:3%; border-bottom:1px dashed #eee;}
#indexcourse #courselist #course #leftimg { float:left; width:50%; text-align:center;}
#indexcourse #courselist #course #leftimg img { width:90%; border-radius:15px;}
#indexcourse #courselist #course #rwords { float:left; width:50%; padding-top:0%;}
#indexcourse #courselist #course #rwords a { font-size:3vw; color:#000; font-weight:bold;}
#indexcourse #courselist #course #rwords span { display:block; width:90%; text-align:left; font-size:3vw; color:#666; margin-top:2%; font-weight:normal;}

#indexstudent { width:100%; overflow:hidden; margin-top:0%; background:url(../images/bg1.jpg) no-repeat center top; background-size:100% 100%; padding-bottom:5%;}
#indexstudent #title { width:100%; text-align:center; overflow:hidden; margin-top:3%; margin-bottom:1%;}
#indexstudent #title #big { width:100%; text-align:center; font-size:5vw; color:#fff; font-weight:bold;}
#indexstudent #title #lines { width:60%; overflow:hidden; margin:0 auto; margin-top:1%;}
#indexstudent #title #lines #linel { float:left; width:20%; border-top:1px solid #fff; height:1px; margin-top:3%;}
#indexstudent #title #lines #liner { float:right; width:20%; border-top:1px solid #fff; height:1px; margin-top:3%;}
#indexstudent #title #lines #enname { float:left; width:60%; text-align:center; color:#fff; font-size:3vw; text-transform:uppercase;}
#indexstudent #title #img { width:100%; text-align:center; height:1%; margin-top:2%; background:url(../images/titleimg.gif) no-repeat center top; background-size:30%;}
#indexstudent #simg { margin:0 auto; width:95%; background-color:#fff; padding-top:3%; padding-bottom:3%; overflow:hidden;}
#indexstudent #simg #toleft { float:left; width:10%; text-align:center;}
#indexstudent #simg #toleft img { width:30%; height:auto; margin-top:240%; cursor:pointer;}
#indexstudent #simg #toright { float:right; width:9%; text-align:center;}
#indexstudent #simg #toright img { width:30%; height:auto; margin-top:265%; cursor:pointer;}
#indexstudent #simg #theimg { float:left; width:80%; height:100%; text-align:center; overflow:hidden;}
#indexstudent #simg #theimg ul { width:100%;}
#indexstudent #simg #theimg ul li { width:100%; overflow:hidden; text-align:center;}
#indexstudent #simg #theimg ul li img { width:100%;}
#indexstudent #more { margin:0 auto; width:95%; margin-top:0%; text-align:center; overflow:hidden;}
#indexstudent #more a { display:block; margin:0 auto; text-decoration:none; width:20%; padding-top:1%; padding-bottom:2%; text-align:center; background-color:#fff; font-size:4vw; color:#014A73;}
#indexstudent #more a:hover { background-color:#014A73; color:#fff;}

#indexschool { width:100%; overflow:hidden; margin-top:0%;}
#indexschool #title { width:100%; text-align:center; overflow:hidden; margin-top:3%; margin-bottom:1%;}
#indexschool #title #big { width:100%; text-align:center; font-size:5vw; color:#014A73; font-weight:bold;}
#indexschool #title #lines { width:60%; overflow:hidden; margin:0 auto; margin-top:1%;}
#indexschool #title #lines #linel { float:left; width:20%; border-top:1px solid #F2F0F0; height:1px; margin-top:3%;}
#indexschool #title #lines #liner { float:right; width:20%; border-top:1px solid #F2F0F0; height:1px; margin-top:3%;}
#indexschool #title #lines #enname { float:left; width:60%; text-align:center; color:#A6A6A6; font-size:3vw; text-transform:uppercase;}
#indexschool #title #img { width:100%; text-align:center; height:1%; margin-top:2%; background:url(../images/titleimg.gif) no-repeat center top; background-size:30%;}
#indexschool #schools { width:100%; overflow:hidden;}
#indexschool #schools #snames { width:100%; overflow:hidden;}
#indexschool #schools #snames div { float:left; cursor:pointer; width:50%; color:#fff; background-color:#F1A7C0; font-size:4vw; text-align:center; padding-top:2%; padding-bottom:2%;}
#indexschool #schools #snames div.on { background-color:#014A73}
#indexschool #schools #schoolimg { margin:0 auto; width:100%; overflow:hidden; margin-top:0%;}
#indexschool #schools #schoolimg #loading { margin-top:10%; margin-bottom:10%;}
#indexschool #schools #schoolimg #imgs { width:100%; overflow:hidden; margin-top:0%; position:relative;}
#indexschool #schools #schoolimg #imgs ul { width:100%;}
#indexschool #schools #schoolimg #imgs ul li { width:100%;}
#indexschool #schools #schoolimg #imgs ul li img { width:100%; display:block;}
#indexschool #schools #schoolimg #imgs #toleft { position:absolute; cursor:pointer; left:0%; top:40%; width:15%; height:15%; z-index:999;}
#indexschool #schools #schoolimg #imgs #toleft img { width:50%;}
#indexschool #schools #schoolimg #imgs #toright { position:absolute; cursor:pointer; right:0%; top:40%; width:15%; height:15%; text-align:right; z-index:999;}
#indexschool #schools #schoolimg #imgs #toright img { width:50%;}
#indexschool #schools #schoolimg #address { width:100%; overflow:hidden; margin-top:0%; text-align:left; background-color:#FFE1C5; padding-top:3%; padding-bottom:3%;}
#indexschool #schools #schoolimg #address span { display:block; margin:0 auto; width:95%; font-size:3.5vw; color:#6665;}

#indexnews { width:100%; overflow:hidden; margin-top:0%; background:url(../images/bg2.jpg) no-repeat center top; background-size:100% 100%; padding-top:5%; padding-bottom:5%;}
#indexnews #titles { margin:0 auto; width:95%; border-bottom:1px solid #DCDCDC; overflow:hidden;}
#indexnews #titles div { float:left; width:25%; cursor:pointer; margin-right:0.5%; text-align:center; color:#fff; font-size:4vw; background-color:#FFB61D; padding-top:2%; padding-bottom:2%;}
#indexnews #titles div.on { background-color:#014A73;}
#indexnews #newsarea { margin:0 auto; width:95%; overflow:hidden; margin-top:5%;}
#indexnews #newsarea #import { width:100%; overflow:hidden; padding-bottom:2%; border-bottom:1px dashed #DCDCDC;}
#indexnews #newsarea #import #leftimg { float:left; width:40%; text-align:left;}
#indexnews #newsarea #import #leftimg img { width:90%;}
#indexnews #newsarea #import #rinfo { float:right; width:60%; text-align:left;}
#indexnews #newsarea #import #rinfo a { display:block; text-align:left; font-size:4vw; color:#474747;}
#indexnews #newsarea #import #rinfo span { display:block; width:100%; margin-top:2.5%; margin-bottom:2%; text-align:left; color:#9B9A9A; font-size:3vw;}
#indexnews #newsarea #import #rinfo font { color:#C1C1C1; font-size:3vw;}
#indexnews #newsarea #tjnews { width:100%; overflow:hidden; margin-top:2%;}
#indexnews #newsarea #tjnews a { display:block; width:100%; padding-bottom:2%; text-align:left; border-bottom:1px dashed #DCDCDC; color:#919191; padding-top:1vw; padding-bottom:1vw; font-size:3.5vw; position:relative;}
#indexnews #newsarea #tjnews a span { display:block; float:right;font-size:3.5vw; color:#CBCBCB;}

#ad1 { width:100%; overflow:hidden; margin-top:0%; text-align:center;}
#ad1 img { width:100%;}
#copyright { width:100%; overflow:hidden; margin-top:5%; margin-bottom:20%; font-size:3vw; color:#868686; text-align:center; border-top:1px solid #E1E1E1; padding-top:3%; margin-top:5%;}

#pagename { margin:0 auto; width:95%; overflow:hidden; border-bottom:1px solid #E5E5E5; text-align:left; font-size:4.5vw; color:#014A73; margin-top:1%; }
#classarea { margin:0 auto; width:95%; margin-top:2%; overflow:hidden;}
#classarea a { display:block; width:49.8%; padding-top:3.2%; padding-bottom:3%; text-align:center; float:left; margin-right:0.1%; margin-bottom:0.3%; background-color:#ACACAC; color:#fff; font-size:3.3vw;}
#classarea a.on { background-color:#014A73;}
#class_area { margin:0 auto; width:95%; margin-top:2%; overflow:hidden;}
#class_area a { display:block; width:33.1%; padding-top:3.2%; padding-bottom:3%; text-align:center; float:left; margin-right:0.2%; margin-bottom:0.3%; background-color:#ACACAC; color:#fff; font-size:3.3vw;}
#class_area a.on,#class_area a.currclass { background-color:#014A73;}
#aboutsarea { margin:0 auto; width:95%; margin-top:2%; overflow:hidden;}
#aboutsarea a { display:block; width:24.7%; padding-top:3.2%; padding-bottom:3%; text-align:center; float:left; margin-right:0.3%; margin-bottom:0.3%; background-color:#ACACAC; color:#fff; font-size:3.3vw;}
#aboutsarea a.on { background-color:#014A73;}
#testtitle { margin:0 auto; width:95%; text-align:center; font-size:5vw; margin-top:5%;}
#testline { margin:0 auto; width:95%; text-align:center; margin-top:3%; margin-bottom:5%;}
#testline img { width:80%;}
#testword { margin:0 auto; width:84.6%; overflow:hidden; border:1px solid #014A73; padding:5%; font-size:3.5vw; line-height:6vw;}
#testlist { margin:0 auto; width:95%; margin-top:5%; overflow:hidden;}
#testlist #test { width:96%; text-align:left; overflow:hidden; background-color:#fff; padding:3%;}
#testlist #test #title { margin:0 auto; width:100%; text-align:left; font-size:4vw; color:#000;}
#testlist #test #daans { margin:0 auto; width:100%; text-align:left; font-size:3.5vw; margin-top:3%;}
#testlist #test #daans input  {width:3.5vw; height:3.5vw;}
#testlist #test.on { background-color:#FDF0F5;}
#testwrite { margin:0 auto; width:95%; margin-top:15%;}
#testwrite #writearea { width:99.8%; position:relative; border:1px solid #014A73; background-color:#FFF7EF; padding-bottom:5%;} 
#testwrite #writearea #writetitle { width:100.2%; margin-left:-0.1%; position:absolute; overflow:hidden; position:relative; margin-top:-10%;}
#testwrite #writearea #writetitle img { width:100%; display:block;}
#testwrite #writearea #inputs { margin:0 auto; width:95%; margin-top:5%; overflow:hidden;}
#testwrite #writearea #inputs input.input1 { width:96%; padding:1.5%; margin-bottom:3%; background-color:#FFF7EF; border:1px solid #D7D7D7; font-size:3.5vw;}
#testwrite #writearea #inputs textarea.text1 { width:96%; padding:1.5%; margin-bottom:3%; background-color:#FFF7EF; border:1px solid #D7D7D7; font-size:3.5vw;}
#testwrite #writearea #inputs #words { margin:0 auto; width:100%; text-align:left; font-size:3.3vw; line-height:5vw;}
#testwrite #writearea #inputs #subarea { margin:0 auto; width:100%; text-align:center;}
#testwrite #writearea #inputs input.sub1 { width:30%; margin-top:3%; cursor:pointer; background-color:#014A73; text-align:center; font-size:4vw; color:#fff; border:0px; padding:2%;}

#artlist { margin:0 auto; width:95%;  overflow:hidden;}
#artlist #artical { width:100%; overflow:hidden; padding-bottom:4%; margin-bottom:4%; border-bottom:1px dashed #E3DFDF; }
#artlist #artical #leftimg { float:left; width:30%; text-align:left;}
#artlist #artical #leftimg img { width:90%;}
#artlist #artical #rightinfo { float:left; width:70%; text-align:left; font-size:3vw; color:#BAB5B5;}
#artlist #artical #rightinfo a { display:block; width:100%; overflow:hidden; margin-bottom:3%; text-align:left; font-size:3.5vw; color:#000;}
#artlist #artical #rightinfo b{color:#000;}

#page_page { margin:0 auto; width:95%; overflow:hidden; padding-top:2%; padding-bottom:5%; text-align:center; font-size:3.5vw;}

#bkcontent { margin:0 auto; width:95%; overflow:hidden; margin-top:2%;}
#bkcontent #bktitle { width:100%; text-align:left; font-size:5vw; color:#4F4F4F; overflow:hidden;}
#bkcontent #bktime { width:100%; text-align:left; font-size:3vw; color:#BAB5B5; overflow:hidden; margin-top:2%;}
#bkcontent #thecontent { width:100%; text-align:left; margin-top:5%;  color:#858585; overflow:hidden; line-height:180%;}
#bkcontent #thecontent img { width:100% !important; height:auto !important; margin-bottom:2%;}

#bkcontent #otherlink { width:100%; text-align:left; font-size:3.5vw; padding-top:2%; color:#BAB5B5; overflow:hidden; margin-top:5%; border-top:1px dashed #E3DFDF; line-height:6vw;}
#bkcontent #otherlink a { font-size:3.5vw; line-height:6vw;}
#bkcontent #thecontent #bktitle { width:100%; text-align:left; font-weight:bold; font-size:5vw !important; color:#4F4F4F; overflow:hidden;}

#bkcontent #jiyu { margin:0 auto; width:89%; margin-top:5%; color:#A3A3A3; overflow:hidden; border:1px solid #E1E1E1; border-radius:8px; padding:5%; font-size:3.5vw !important; line-height:7vw;}
#bkcontent #jiyu img { width:100%;}

#bkcontent #pingjia { margin:0 auto; width:100%; overflow:hidden; margin-top:3%;}
#bkcontent #pingjia #row { width:100%; text-align:left; overflow:hidden;}
#bkcontent #pingjia #row img { width:7%; display:block; margin-left:15%;}
#bkcontent #pingjia #pj { width:100%; overflow:hidden; background-color:#A7197D; border-radius:8px; margin-top:0%;}
#bkcontent #pingjia #pj #pjtitle { margin:0 auto; width:90%; overflow:hidden; margin-top:5%;}
#bkcontent #pingjia #pj #pjtitle #pjname { float:left; width:25%; font-size:4vw; color:#fff;}
#bkcontent #pingjia #pj #pjtitle #pjline { float:left; width:75%; height:1%; border-top:1px dashed #fff; margin-top:3%;}
#bkcontent #pingjia #pj #pjcontent * { margin:0 auto; width:90%; color:#aaaaaa;overflow:hidden; margin-top:5%; margin-bottom:5%; font-size:3.5vw !important; color:#fff; line-height:6vw;}
#bkcontent #contents { width:100%; overflow:hidden; margin-top:5%;}
#bkcontent #contents #title { width:100%; border-bottom:1px solid #014A73; color:#014A73; padding-bottom:1%; font-size:4.5vw;}
#bkcontent #contents #infoshow { width:100%; margin-top:3%; font-size:3.5vw !important; margin-bottom:5%; color:#999999; line-height:6vw;}
#bkcontent #contents #infoshow img { width:100%;}

#teacherlist { margin:0 auto; width:95%; margin-top:5%; overflow:hidden;}
#teacherlist #teacher { width:100%; overflow:hidden; padding-bottom:4%; margin-bottom:4%; border-bottom:1px dashed #E3DFDF; }
#teacherlist #teacher #leftimg { float:left; width:42%; text-align:left;}
#teacherlist #teacher #leftimg img { width:90%;}
#teacherlist #teacher #rightinfo { float:left; width:58%; text-align:left; font-size:3vw !important; color:#BAB5B5;}
#teacherlist #teacher #rightinfo a { display:block; width:100%; overflow:hidden; margin-bottom:2%; text-align:left; font-size:3.5vw !important; font-weight:bold; color:#000;}
#teacherlist #teacher #rightinfo * { color:#BAB5B5;}
#teacherlist #teacher #rightinfo strong { color:#666;}

#studentlist { margin:0 auto; width:95%; margin-top:5%; overflow:hidden;}
#studentlist #student { width:100%; overflow:hidden; padding-bottom:4%; margin-bottom:4%; border-bottom:1px dashed #E3DFDF; }
#studentlist #student #leftimg { float:left; width:42%; text-align:left;}
#studentlist #student #leftimg img { width:90%;}
#studentlist #student #rightinfo { float:left; width:58%; text-align:left; font-size:3vw; color:#BAB5B5;}
#studentlist #student #rightinfo a { display:block; width:100%; overflow:hidden; margin-bottom:2%; text-align:left; font-size:3.5vw; color:#000;}

#bkcontent #course { width:100%; text-align:left; font-size:4vw; color:#fff; background-color:#A7197D; padding-top:1%; padding-bottom:1%; text-indent:2%; overflow:hidden;}
#bkcontent #info02{font-size:3.5vw; color:#999999;}

#showcontent { margin:0 auto; width:95%; overflow:hidden; margin-top:5%;}
#showcontent #contenttitle { width:100%; text-align:left; overflow:hidden;}
#showcontent #contenttitle img { width:60%;}
#showcontent #thecontent { width:100%; text-align:left; margin-top:5%; font-size:3.5vw; color:#858585; overflow:hidden; line-height:6vw;}
#showcontent #thecontent img { width:100% !important; height:auto !important;}
#showcontent #thecontent * { font-size:3.5vw !important;}

#showcontent #maplist { width:100%; overflow:hidden; margin-top:5%;}
#showcontent #maplist #schoolname { width:100%; text-align:left; padding-top:2%; padding-bottom:2%; text-indent:2%; font-size:4vw; color:#fff; background-color:#014A73}
#showcontent #maplist #address { width:100%; text-align:left; overflow:hidden; margin-top:3%; font-size:3.5vw; color:#8D8D8D;} 
#showcontent #maplist #map { width:100%; text-align:left; overflow:hidden; margin-top:3%; margin-bottom:5%;} 
#showcontent #maplist #map img { width:100%;}

#showcontent #photolist { margin:0 auto; width:100%; overflow:hidden; margin-top:5%;}
#showcontent #photolist ul { width:105%;}
#showcontent #photolist ul li { float:left; width:48%; margin-right:2%; margin-bottom:2%; text-align:center;}
#showcontent #photolist ul li img { width:100%; display:block;}

#showcontent #page_page { margin:0 auto; width:95%; overflow:hidden; padding-top:5%; padding-bottom:5%; text-align:center; font-size:3.5vw;}

#newslist { margin:0 auto; width:100%; margin-top:5%; overflow:hidden;}
#newslist #news { width:100%; overflow:hidden; padding-bottom:4%; margin-bottom:4%; border-bottom:1px dashed #E3DFDF; }
#newslist #news #leftimg { float:left; width:30%; text-align:left;}
#newslist #news #leftimg img { width:90%;}
#newslist #news #rightinfo { float:left; width:70%; text-align:left; font-size:3vw; color:#BAB5B5;}
#newslist #news #rightinfo a { display:block; width:100%; overflow:hidden; margin-bottom:3%; text-align:left; font-size:3.5vw; color:#000;}

#jointopimg { width:100%; text-align:center; overflow:hidden; margin-top:5%;}
#jointopimg img { width:100%;}
#area1 { width:100%; overflow:hidden; margin-top:0%;}
#area1 #title { width:100%; text-align:center; overflow:hidden; margin-top:5%; margin-bottom:5%;}
#area1 #title #big { width:100%; text-align:center; font-size:5vw; color:#424242; font-weight:bold;}
#area1 #title #lines { width:60%; overflow:hidden; margin:0 auto; margin-top:1%;}
#area1 #title #lines #linel { float:left; width:15%; border-top:1px solid #F2F0F0; height:1px; margin-top:3%;}
#area1 #title #lines #liner { float:right; width:15%; border-top:1px solid #F2F0F0; height:1px; margin-top:3%;}
#area1 #title #lines #enname { float:left; width:70%; text-align:center; color:#A6A6A6; font-size:3vw; text-transform:uppercase;}
#area1 #title #img { width:100%; text-align:center; height:1%; margin-top:2%; background:url(../images/titleimg.gif) no-repeat center top; background-size:30%;}
#area1 #showword { margin:0 auto; width:95%; overflow:hidden; margin-top:5%; background:url(../images/join/bg1.jpg) no-repeat center top; background-size:100% 100%; padding-bottom:5%;}
#area1 #showword #w1 { float:left; width:55%; padding-right:45%; margin-left:5%; font-size:3vw; margin-top:21%; overflow:hidden; color:#3F3F3F;}
#area1 #showword #blank { width:100%; overflow:hidden;}
#area1 #showword #w2 { margin:0 auto; width:90%; font-size:3vw; margin-top:3%; overflow:hidden; color:#3F3F3F;}

#area2 { width:100%; overflow:hidden; margin-top:7%; background-color:#FFEA00; padding-bottom:3%;}
#area2 #title { width:100%; text-align:center; overflow:hidden; margin-top:5%; margin-bottom:5%;}
#area2 #title #big { width:100%; text-align:center; font-size:5vw; color:#424242; font-weight:bold;}
#area2 #title #lines { width:60%; overflow:hidden; margin:0 auto; margin-top:1%;}
#area2 #title #lines #linel { float:left; width:15%; border-top:1px solid #C0C0C0; height:1px; margin-top:3%;}
#area2 #title #lines #liner { float:right; width:15%; border-top:1px solid #C0C0C0; height:1px; margin-top:3%;}
#area2 #title #lines #enname { float:left; width:70%; text-align:center; color:#665656; font-size:3vw; text-transform:uppercase;}
#area2 #title #img { width:100%; text-align:center; height:1%; margin-top:2%; background:url(../images/titleimg.gif) no-repeat center top; background-size:30%;}
#area2 #rlist { margin:0 auto; width:90%; overflow:hidden;}
#area2 #rlist ul { width:120%;}
#area2 #rlist ul li { float:left; width:40%; margin-right:5%; margin-bottom:5%; text-align:center; font-size:3.5vw; color:#4B4B4B;}
#area2 #rlist ul li font { font-size:3.5vw; color:#FF6000;}
#area2 #rlist ul li img { width:50%; margin-bottom:5%;}

#area3 { width:100%; overflow:hidden; margin-top:0%;}
#area3 #title { width:100%; text-align:center; overflow:hidden; margin-top:5%; margin-bottom:5%;}
#area3 #title #big { width:100%; text-align:center; font-size:5vw; color:#424242; font-weight:bold;}
#area3 #title #lines { width:60%; overflow:hidden; margin:0 auto; margin-top:1%;}
#area3 #title #lines #linel { float:left; width:15%; border-top:1px solid #F2F0F0; height:1px; margin-top:3%;}
#area3 #title #lines #liner { float:right; width:15%; border-top:1px solid #F2F0F0; height:1px; margin-top:3%;}
#area3 #title #lines #enname { float:left; width:70%; text-align:center; color:#A6A6A6; font-size:3vw; text-transform:uppercase;}
#area3 #title #img { width:100%; text-align:center; height:1%; margin-top:2%; background:url(../images/titleimg.gif) no-repeat center top; background-size:30%;}
#area3 #words { margin:0 auto; width:100%; overflow:hidden;}
#area3 #words td { vertical-align:top; font-size:3.5vw; padding-bottom:3%;}
#area3 #words td img { margin-top:15%; width:40%; margin-left:0%;}
#area3 #biaoge { margin:0 auto; width:95%; overflow:hidden; margin-top:5%; margin-bottom:0%;}
#area3 #biaoge img { width:100%;}

#area4 { width:100%; overflow:hidden; margin-top:0%;}
#area4 #title { width:100%; text-align:center; overflow:hidden; margin-top:5%; margin-bottom:5%;}
#area4 #title #big { width:100%; text-align:center; font-size:5vw; color:#424242; font-weight:bold;}
#area4 #title #lines { width:60%; overflow:hidden; margin:0 auto; margin-top:1%;}
#area4 #title #lines #linel { float:left; width:15%; border-top:1px solid #F2F0F0; height:1px; margin-top:3%;}
#area4 #title #lines #liner { float:right; width:15%; border-top:1px solid #F2F0F0; height:1px; margin-top:3%;}
#area4 #title #lines #enname { float:left; width:70%; text-align:center; color:#A6A6A6; font-size:3vw; text-transform:uppercase;}
#area4 #title #img { width:100%; text-align:center; height:1%; margin-top:2%; background:url(../images/titleimg.gif) no-repeat center top; background-size:30%;}
#area4 #infos { width:100%; overflow:hidden; background:url(../images/join/bg2.jpg) no-repeat left top; background-size:100% 100%;}
#area4 #infos #words { margin:0 auto; width:90%; text-align:left; font-size:4vw; color:#fff; line-height:7vw; margin-top:5%; margin-bottom:5%;}
#area4 #infos #words span { font-size:5vw; color:#fff; line-height:8vw;}
#area4 #maps { width:100%; text-align:center; margin-top:3%; overflow:hidden;}
#area4 #maps img { width:95%;}

#area5 { width:100%; overflow:hidden; margin-top:5%; padding-bottom:5%; background:url(../images/join/bg3.jpg) no-repeat center top; background-size:100% 100%;}
#area5 #title { width:100%; text-align:center; overflow:hidden; margin-top:5%; margin-bottom:5%;}
#area5 #title #big { width:100%; text-align:center; font-size:5vw; color:#fff; font-weight:bold;}
#area5 #title #lines { width:60%; overflow:hidden; margin:0 auto; margin-top:1%;}
#area5 #title #lines #linel { float:left; width:15%; border-top:1px solid #fff; height:1px; margin-top:3%;}
#area5 #title #lines #liner { float:right; width:15%; border-top:1px solid #fff; height:1px; margin-top:3%;}
#area5 #title #lines #enname { float:left; width:70%; text-align:center; color:#fff; font-size:3vw; text-transform:uppercase;}
#area5 #title #img { width:100%; text-align:center; height:1%; margin-top:2%; background:url(../images/titleimg.gif) no-repeat center top; background-size:30%;}
#area5 #barea { margin:0 auto; width:95%; overflow:hidden; background:url(../images/join/b1.png) no-repeat center top; background-size:100% 100%; padding-top:5%; padding-bottom:4%;}
#area5 #barea #w1 { margin:0 auto; width:60%; text-align:left; color:#fff; font-size:3.5vw; line-height:6vw; margin-top:-3%; overflow:hidden;}
#area5 #barea #w2 { margin:0 auto; width:60%; text-align:left; color:#fff; font-size:3.5vw; line-height:6vw; margin-top:11%; overflow:hidden;}
#area5 #barea #w3 { margin:0 auto; width:60%; text-align:left; color:#fff; font-size:3.5vw; line-height:6vw; margin-top:5%; padding-top:10%; overflow:hidden;}

#area6 { width:100%; overflow:hidden; margin-top:0%; background-color:#FAE8D5;}
#area6 #title { width:100%; text-align:center; overflow:hidden; margin-top:5%; margin-bottom:5%;}
#area6 #title #big { width:100%; text-align:center; font-size:5vw; color:#424242; font-weight:bold;}
#area6 #title #lines { width:60%; overflow:hidden; margin:0 auto; margin-top:1%;}
#area6 #title #lines #linel { float:left; width:15%; border-top:1px solid #C0C0C0; height:1px; margin-top:3%;}
#area6 #title #lines #liner { float:right; width:15%; border-top:1px solid #C0C0C0; height:1px; margin-top:3%;}
#area6 #title #lines #enname { float:left; width:70%; text-align:center; color:#665656; font-size:3vw; text-transform:uppercase;}
#area6 #title #img { width:100%; text-align:center; height:1%; margin-top:2%; background:url(../images/titleimg.gif) no-repeat center top; background-size:30%;}
#area6 #theitems { margin:0 auto; width:100%; overflow:hidden;}
#area6 #theitems #showarea { width:100%; overflow:hidden; margin-bottom:0.3%; padding-top:5%; padding-bottom:5%;}
#area6 #theitems #showarea #leftnum { float:left; width:15%; text-align:center;}
#area6 #theitems #showarea #leftnum img { width:70%;}
#area6 #theitems #showarea #rword { float:left; width:83.5%; text-align:left; color:#fff; font-size:3.5vw; line-height:6vw;}
#area6 #theitems #showarea #rword span { display:block; width:20%; margin-bottom:3%; padding:1.5%; padding-left:5%; padding-right:5%; font-size:4vw; text-align:center; background-color:#FAE8D5;}

#area7 { width:100%; overflow:hidden; margin-top:0%; background:url(../images/join/kf.png) no-repeat left bottom; background-size:25%; background-color:#014A73;}
#area7 #w { margin:0 auto; width:95%; overflow:hidden; margin-top:5%;}
#area7 #w img { width:100%;}
#area7 #info { width:70%; float:left; margin-left:28%;}
#area7 #info #title { width:100%; overflow:hidden; margin-top:3%; font-size:5vw; color:#fff; border-bottom:1px solid #fff; padding-bottom:3%;}
#area7 #info #title span { font-size:3.5vw; color:#fff;}
#area7 #info #words { width:100%; overflow:hidden; margin-top:3%; font-size:3vw; color:#fff; line-height:5vw;}

#area8 { width:100%; overflow:hidden; margin-top:5%;}
#area8 #title { margin:0 auto; width:95%; overflow:hidden; margin-top:0%; font-size:5vw; color:#014A73;}
#area8 #title span { font-size:3.5vw; color:#014A73;}
#area8 #writeinfo { margin:0 auto; width:95%; overflow:hidden; margin-top:5%; padding-bottom:5%;}
#area8 #writeinfo input.input1 { border-radius:8px; width:93%; padding:3%; margin-bottom:3%; background-color:#fff; border:1px solid #D7D7D7; font-size:3.5vw;}
#area8 #writeinfo textarea.text1 { border-radius:8px; width:93%; padding:3%; margin-bottom:3%; background-color:#fff; border:1px solid #D7D7D7; font-size:3.5vw;}
#area8 #writeinfo input.sub1 { border-radius:8px; width:30%; margin-top:3%; cursor:pointer; background-color:#014A73; text-align:center; font-size:4vw; color:#fff; border:0px; padding:2%;}
#area8 #writeinfo select.sel { border-radius:8px; width:99%; padding:3%; margin-bottom:3%; background-color:#fff; border:1px solid #D7D7D7; font-size:3.5vw;}


@charset "utf-8";
#card { margin:0 auto; width:95%; overflow:hidden; margin-top:5%;}
#card a { display:block; float:left; width:50%; text-align:center; font-size:3.5vw; color:#fff; text-decoration:none; background-color:#8B8B8B; padding-top:2%; padding-bottom:2%;}
#card a.on { background-color:#6AC334;}
#bigtitle { margin:0 auto; width:90%; overflow:hidden; margin-top:8%; margin-bottom:3%;}
#bigtitle img { width:100%;}

#show1 { margin:0 auto; width:100%; overflow:hidden; margin-top:5%; background:url(../images/bg1.jpg) no-repeat center top; background-size:100% 100%;}
#show1 #title { width:100%; text-align:center; overflow:hidden; margin-top:5%; margin-bottom:5%;}
#show1 #title #lines { width:80%; overflow:hidden; margin:0 auto; margin-top:1%;}
#show1 #title #lines #linel { float:left; width:25%; border-top:1px solid #fff; height:1px; margin-top:3.5%;}
#show1 #title #lines #liner { float:left; width:25%; border-top:1px solid #fff; height:1px; margin-top:3.5%;}
#show1 #title #lines #cnname { float:left; width:50%; text-align:center; color:#fff; font-size:4vw; font-weight:bold;}
#show1 #title #enname { width:100%; text-align:center; font-size:3vw; text-align:center; color:#fff; margin-top:1%;}
#show1 #wordarea { margin:0 auto; width:90%; overflow:hidden; margin-top:15%; margin-bottom:10%;}
#show1 #wordarea td { vertical-align:top; font-size:3.5vw; color:#fff;}
#show1 #wordarea td img { width:80%; margin-top:10%;}

#show1 #leftword { float:left; width:58%; font-size:2.5vw;}

#show2 { margin:0 auto; width:100%; overflow:hidden; margin-top:0%; background-color:#E3E3E3;}
#show2 #title { width:100%; text-align:center; overflow:hidden; margin-top:5%; margin-bottom:5%;}
#show2 #title #lines { width:80%; overflow:hidden; margin:0 auto; margin-top:1%;}
#show2 #title #lines #linel { float:left; width:30%; border-top:1px solid #ccc; height:1px; margin-top:3.5%;}
#show2 #title #lines #liner { float:right; width:30%; border-top:1px solid #ccc; height:1px; margin-top:3.5%;}
#show2 #title #lines #cnname { float:left; width:40%; text-align:center; color:#090909; font-size:4vw; font-weight:bold;}
#show2 #title #enname { width:100%; text-align:center; font-size:3vw; text-align:center; color:#090909; margin-top:1%;}
#show2 #contents { width:100%; overflow:hidden; margin-top:5%;}
#show2 #contents #titles { width:100%; overflow:hidden;}
#show2 #contents #titles img { width:100%;}
#show2 #contents #infos { width:100%; overflow:hidden;}
#show2 #contents #infos table { margin:0 auto; margin-top:5%; margin-bottom:5%;}
#show2 #contents #infos td { font-size:3.5vw; line-height:6vw; color:#6C6C6C; padding-bottom:3%;}
#show2 #contents #infos td b { font-size:3.5vw; line-height:6vw; color:#6C6C6C;}
#show2 #contents #infos #thebig { font-size:5vw; line-height:6vw; color:#6AC334; background-color:#E3E3E3; padding-bottom:3%;}
#show2 #contents #infos td #line { width:100%; height:1px; border-top:1px solid #6AC334;}

#show2 #contents #zixun { width:100%; text-align:center; overflow:hidden; margin-top:-1%; margin-bottom:5%;}
#show2 #contents #zixun a { display:block; margin:0 auto; text-decoration:none; width:25%; text-align:center; color:#fff; font-size:4vw; background-color:#6AC334; border-radius:10px; padding-top:1.5%; padding-bottom:1.5%;}
#show2 #contents #zixun a:hover { background-color:#090;}

#show3 { margin:0 auto; width:100%; overflow:hidden; margin-top:0%;}
#show3 #title { width:100%; text-align:center; overflow:hidden; margin-top:5%; margin-bottom:5%;}
#show3 #title #lines { width:80%; overflow:hidden; margin:0 auto; margin-top:1%;}
#show3 #title #lines #linel { float:left; width:35%; border-top:1px solid #ccc; height:1px; margin-top:3.5%;}
#show3 #title #lines #liner { float:right; width:35%; border-top:1px solid #ccc; height:1px; margin-top:3.5%;}
#show3 #title #lines #cnname { float:left; width:30%; text-align:center; color:#646464; font-size:4vw; font-weight:bold;}
#show3 #title #enname { width:100%; text-align:center; font-size:3vw; text-align:center; color:#646464; margin-top:1%;}
#show3 #infoitem { margin:0 auto; width:95%; overflow:hidden; background-color:#6AC334; padding-top:8%; padding-bottom:5%;}
#show3 #infoitem td { font-size:3.5vw; text-align:left; vertical-align:top; color:#fff; padding-bottom:3%;}
#show3 #infoitem td img { width:50%; margin-top:15%;}
#show3 #img { margin:0 auto; width:95%; text-align:center; overflow:hidden; margin-top:1%;}
#show3 #img img { width:100%;}

#show4 { margin:0 auto; width:100%; overflow:hidden; margin-top:3%; margin-bottom:-8%; padding-bottom:10%; background:url(../images/bg3.jpg) no-repeat center top; background-size:100% 100%;}
#show4 #title { width:100%; text-align:center; overflow:hidden; margin-top:5%; margin-bottom:5%;}
#show4 #title #lines { width:80%; overflow:hidden; margin:0 auto; margin-top:1%;}
#show4 #title #lines #linel { float:left; width:25%; border-top:1px solid #fff; height:1px; margin-top:3.5%;}
#show4 #title #lines #liner { float:right; width:25%; border-top:1px solid #fff; height:1px; margin-top:3.5%;}
#show4 #title #lines #cnname { float:left; width:50%; text-align:center; color:#fff; font-size:4vw; font-weight:bold;}
#show4 #title #enname { width:100%; text-align:center; font-size:3vw; text-align:center; color:#fff; margin-top:1%;}
#show4 #fwlist { margin:0 auto; width:95%; overflow:hidden; margin-top:12%; margin-bottom:5%;}
#show4 #fwlist ul { width:120%;}
#show4 #fwlist ul li { float:left; width:19.5%; margin-right:2%; text-align:center; background-color:#fff; color:#5CA927; font-size:3.5vw; padding-top:4%; padding-bottom:4%; margin-bottom:2%;}

#viparea { margin:0 auto; width:100%; overflow:hidden; margin-top:8%; background:url(../images/bg2.jpg) no-repeat center top; background-size:100% 100%;}
#viparea #title { width:100%; text-align:center; overflow:hidden; margin-top:5%; margin-bottom:5%;}
#viparea #title img { width:90%;}
#viparea #vlist { margin:0 auto; width:95%; overflow:hidden; margin-top:5%;}
#viparea #vlist ul { width:110%;}
#viparea #vlist ul li { float:left; width:45%; overflow:hidden; margin-right:2%; margin-bottom:2%; padding-top:3%; padding-bottom:4%;}
#viparea #vlist ul li #big { width:90%; margin:0 auto; text-align:left; font-size:3.5vw; font-weight:bold; color:#000; overflow:hidden;}
#viparea #vlist ul li #small { width:90%; margin:0 auto; margin-top:3%; text-align:left; font-size:2.5vw; color:#333; overflow:hidden; line-height:4vw;}

#tjstudent { margin:0 auto; width:100%; overflow:hidden; margin-top:0%;}
#tjstudent #title { width:100%; text-align:center; overflow:hidden; margin-top:5%; margin-bottom:5%;}
#tjstudent #title #lines { width:80%; overflow:hidden; margin:0 auto; margin-top:1%;}
#tjstudent #title #lines #linel { float:left; width:25%; border-top:1px solid #ccc; height:1px; margin-top:3.5%;}
#tjstudent #title #lines #liner { float:right; width:25%; border-top:1px solid #ccc; height:1px; margin-top:3.5%;}
#tjstudent #title #lines #cnname { float:left; width:50%; text-align:center; color:#646464; font-size:4vw; font-weight:bold;}
#tjstudent #title #enname { width:100%; text-align:center; font-size:3vw; text-align:center; color:#646464; margin-top:1%;}
#tjstudent #stds { margin:0 auto; width:85%; overflow:hidden; margin-top:5%;}
#tjstudent #stds ul { width:120%;}
#tjstudent #stds ul li { float:left; width:40%; margin-right:3%; margin-bottom:3%;}
#tjstudent #stds ul li img { width:100%;}
#tjstudent #more { width:100%; text-align:center; overflow:hidden; margin-top:5%;}
#tjstudent #more a { display:block; margin:0 auto; text-decoration:none; width:25%; text-align:center; color:#014A73; font-size:4vw; border:1px solid #014A73; border-radius:10px; padding-top:1.5%; padding-bottom:1.5%;}
#tjstudent #more a:hover { background-color:#014A73; color:#fff;}
















body,button, input, select, textarea{ font-family: "Helvetica Neue", Helvetica, STHeiTi,\5FAE\8F6F\96C5\9ED1; font-size:0.6rem;color:#555;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
small { font-size: 0.6rem; }
ul, ol { list-style: none; }
li,div,dt,a,span,input,textarea,select,label{-webkit-tap-highlight-color:rgba(255,0,0,0);}
a {text-decoration: none; color:#555;}
a:hover { text-decoration: none;}

fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; outline:none;}
input::-moz-placeholder,textarea::-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa;}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block;*zoom:1}
table { border-collapse: collapse; border-spacing: 0; }
.clear{ clear:both;height:0; overflow:hidden;}
.blank10{height:0.5rem;}
.blank15{height:0.75rem;}
.grey{ background:#F2F2F3;}
.show{ display:block !important;}
.hide{ display:none !important;}
i{ font-style:normal;}
.fl{ float:left;}
.fr{ float:right;}
.whitebg{ background:#fff;}

/*input,textarea,select{ -webkit-appearance: none;}*/
input[type="button"], input[type="submit"]{ padding:0.25rem 0.8rem !important; border:0; background:#3087C4; border-radius:0.15rem; color:#fff;}
.textbox{ width:64%;height:1.3rem;line-height:1.3rem;font-size:0.7rem; margin-top:0.5rem; border-radius:0.15rem;}

@font-face {
  font-family: 'iconfont';
  src: url('font/iconfont.eot');
  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('font/iconfont.woff') format('woff'),
  url('font/iconfont.ttf') format('truetype'),
  url('font/iconfont.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:12px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/*iphone 6*/
@media screen and (min-width:375px){ 
html{ font-size: 20px;}  
}

@media screen and (min-width:384px){ 
html{ font-size: 20.48px;}  
}
@media screen and (min-width:412px){ 
html{ font-size: 21.973px;}  
}
/*iphone 6 plus*/
@media screen and (min-width:414px){ 
html{ font-size: 22.08px;}  
}
@media screen and (min-width:424px){ 
html{ font-size: 22.613px;}  
}
@media screen and (min-width:480px){ 
html{ font-size:25.6px;}  
}
@media screen and (min-width:540px){ 
html{ font-size:28.8px;}  
}
@media screen and (min-width:600px){ 
html{ font-size: 32px;}  
}
@media screen and (min-width:800px){ 
html{ font-size:42.667px;}  
}



/* Swiper Styles */
.m-focus{}
.swiper-free, .swiper-free .swiper-slide{width:100%;height:273px;}
.swiper-slide {float: left; position:relative;}
.swiper-slide img{ width:100%; }
.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
/* Specify Swiper's Size: */
.arrow-left{ position:absolute; left:5px; top:50%; margin-top:-13px; background:url(../images/bg_direction_nav.png) 0 0 no-repeat; width:26px; height:26px;text-align:center;text-indent:-999em;z-index:999;}
.arrow-right{ position:absolute; right:5px; top:50%; margin-top:-13px; background:url(../images/bg_direction_nav.png) 0 -26px no-repeat; width:26px; height:26px;text-align:center;text-indent:-999em;z-index:999;}
/* Pagination */
.pagination-free{position:absolute;bottom:10px;left:0px;z-index:999;text-align:center;width:100%;line-height:1;}
.pagination-bg{display:block;position:absolute;bottom:0;left:0;width:100%;height:30px;filter:alpha(opacity=43);opacity:0.43;-moz-opacity:0.43;-khtml-opacity:0.43;background:#000;z-index:9;}
.pagination-text{ position:absolute; bottom:0; left:0; padding-left:5px; height:24px; line-height:24px; color:#fff; font-size:1.2em;z-index:99;}
.pagination-free .swiper-pagination-switch{display:inline-block;width:14px;height:14px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; background-color:#fff;margin:0 5px;cursor: pointer;}
.pagination-free .swiper-active-switch{background-color:#215e3c;}


<!--内容页面样式-->
.tongyong{ width:1200px; margin:auto; padding:0px;}
.czalleft{ width:580px; float:left;}
.czalleft img{ width:580px;}

.czalright{ width:530px; float:right;}
.czalright p{ line-height:40px; font-size:16px; color:#605E5E;}
.czalright2{ font-size:24px; line-height:50px;}
.czalright1{ width:450px;background:#A7197D; line-height:40px; color:#FFFFFF; font-size:20px; padding-left:15px;}
.czalright2{ font-size:24px; line-height:50px;}
.czalright1{ width:450px;background:#A7197D; line-height:40px; color:#FFFFFF; font-size:20px; padding-left:15px;}
.xlq{ line-height:50px; border-bottom:1px solid #A7197D; color:#A7197D; font-size:24px; margin-top:40px; padding-left:10px;}
.xlq1{ font-size:16px; color:#666666; line-height:40px; margin-top:10px; padding-bottom:30px; }

.xlq2{ width:1146px; margin:auto;}
.xlq3{ width:1006px; padding:30px 70px; color:#FFFFFF; margin:auto; background:url(../image/xlq1.png) repeat-y;}
.xlq4{ font-size:24px;}
.xlq4 span{ font-size:18px;}
.xlq5{ font-size:16px; line-height:35px;}

.zhxl{ height:105px; padding-top:70px; background:url(../image/gt.png) no-repeat bottom; text-align:center;}
.zhxl1{ line-height:47px; font-size:30px;}
.zhxl2{ font-size:21px; font-weight:bold; color:#FFFFFF; line-height:47px; margin-top:10px;}


#zixun { width:100%; text-align:center; overflow:hidden; margin-top:3%;}
#zixun a { display:block; margin:0 auto; text-decoration:none; width:25%; text-align:center; color:#fff; font-size:4vw; background-color:#FFB344; border-radius:10px; padding-top:1.5%; padding-bottom:1.5%;}
#zixun a:hover { background-color:#F00;}

.hjhdright{ width:100%; float:right; height:700px; margin:0 auto;}
.hjhdright li{ height:100px; border-bottom:1px solid #CCCCCC; padding-bottom:10px; margin-bottom:10px;}
.zxtj{ width:98%; padding:20px 10px; height:425px; background:url(/3g/hjjy/images/zxtj.jpg) no-repeat; margin-bottom:10px; background-color:#B33986;}
.zxtj1{ font-size:22px; line-height:40px; color:#FFFFFF;}
.zxtj2{ font-size:16px; color:#FFFFFF; line-height:30px;}
.zxtj3{ width:43%; margin-bottom:15px; border:0px; height:30px; margin-right:10px;}
.zxtj4{ width:90%; border:0px; margin-bottom:15px; height:30px;}
.zxtj5{ width:90%; text-align:center; font-size:24px; line-height:50px; color:#FFFFFF; background:none; border:0px; margin-top:10px; font-weight:bold;}

.item_66{background-image:url(/3g/hjjy/images/line_bg.png); background-position:center; background-repeat:repeat-x;}
.item_66_span{font-size:4vw; font-weight:bold;color:#000; padding:0px 20px 0px 20px; background-color:#FFF;}
.item_66 span{font-size:4vw; font-weight:bold;color:#000; padding:0px 20px 0px 20px; background-color:#FFF;}

.item_55_span{font-size:4vw; font-weight:bold;color:#000; padding:0px 20px 0px 20px; background-color:#FFF;}
.item_55 span{font-size:4vw; font-weight:bold;color:#000; padding:0px 20px 0px 20px; background-color:#FFF;}