@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	list-style:none;
}

@font-face {
    font-family: 'GOTHIC'; /* 声明的字体名称 */
    src: url('FONTS/GOTHIC.woff') format('woff'),
         url('FONTS/GOTHIC.TTF') format('truetype'); /* 可选的其他格式 */
}
body {
    line-height:1;
	font-family:'GOTHIC';
}
.clear {
	clear: both;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
.viewControl {
	width: 100%;
	display: block;
	overflow: hidden;
	margin: 0px auto;
}
.header {
	height: 90px;
	overflow: hidden;
}
.header .logo {
	width: 387px;
	height: 84px;
	float: left;
	margin: 3px 0px 3px 0px;
	display: block;
	background-image: url("images/Logo.png");
	background-repeat: no-repeat;
}
.header .contact {
	height: 20px;
	float: right;
	margin: 20px 20px 20px 0px;
	display: block;
	background-image: url("images/contact.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
	font-size: 14px;
	text-decoration: none;
	line-height: 22px;
	padding-left: 24px;
	color: #764678;
}
.header .languageEn {
	height: 20px;
	float: right;
	margin: 20px 20px 20px 0px;
	display: block;
	background-image: url("images/languageCn.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
	font-size: 14px;
	text-decoration: none;
	line-height: 22px;
	padding-left: 24px;
	color: #764678;
}
.header .languageCn {
	height: 20px;
	float: right;
	margin: 20px 20px 20px 0px;
	display: block;
	background-image: url("images/languageEn.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
	font-size: 14px;
	text-decoration: none;
	line-height: 22px;
	padding-left: 24px;
	color: #764678;
}
.topBar {
	height: 45px;
	background-color: #764678;
	color: #FFFFFF;
	line-height: 45px;
	padding: 0px 120px;
	font-size: 16px;
}
.topBar .navi {
	width: 100%;
	margin: 0px auto;
}
.topBar li {
	float: left;
	width: 16.66%;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.topBar .about {
	background-color: #c9ac87;
}
.topBar .about .subMenu {
	background-color: #c9ac87;
}
.topBar .campus {
	background-color: #abcd06;
}
.topBar .campus .subMenu {
	background-color: #abcd06;
}
.topBar .team {
	background-color: #fdc803;
}
.topBar .team .subMenu {
	background-color: #fdc803;
}
.topBar .curriculum {
	background-color: #1cb7cd;
}
.topBar .curriculum .subMenu {
	background-color: #1cb7cd;
}
.topBar .admission {
	background-color: #abcd06;
}
.topBar .admission .subMenu {
	background-color: #abcd06;
}
.topBar .news {
	background-color: #1cb7cd;
}
.topBar .news .subMenu {
	background-color: #1cb7cd;
}
.topBar .menu {
	text-align: center;
}
.topBar .menu a {
	display: block;
	height: 45px;
	line-height: 45px;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
}
.topBar .subMenu {
	position: absolute;
	top: 45px;
	left: 0px;
	display: block;
	width: 100%;
	padding-bottom: 10px;
	z-index: 999;
	display: none;
}
.topBar .subMenu a {
	display: block;
	height: 45px;
	line-height: 45px;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
}
.content {
	width: 100%;
	height: 800px;
	max-height: 960px;
	background-color: #B0B0B0;
	position: relative;
}
.screen {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 100%;
	left: 0px;
}
.screen.current {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0%;
	left: 0px;
}
.banner {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.banner .bannerBg {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left:  0px;
	overflow: hidden;
}
.banner .bannerBg ul {
	height: 100%;
	width: 100%;
	position: relative;
	display: block;
}
.banner .bannerBg ul li {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left:  0px;
	display: block;
	opacity: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.banner .bannerBg ul li.selected {
	opacity: 1;
}
.banner .bannerBg ul li.about {
	background-image: url("images/about_banner.jpg");
	opacity: 1;
}
.banner .bannerBg ul li.globalA {
	background-image: url("images/about_global_a.jpg");
}
.banner .bannerBg ul li.globalB {
	background-image: url("images/about_global_b.jpg");
}
.banner .bannerBg ul li.globalC {
	background-image: url("images/about_global_c.jpg");
}
.banner .bannerBg ul li.globalD {
	background-image: url("images/about_global_d.jpg");
}
.banner .bannerBg ul li.IBPYPA {
	background-image: url("images/about_IBPYP_a.jpg");
}
.banner .bannerBg ul li.IBPYPB {
	background-image: url("images/about_IBPYP_b.jpg");
}
.banner .bannerBg ul li.IBPYPC {
	background-image: url("images/about_IBPYP_c.jpg");
}
.banner .bannerBg ul li.IBPYPD {
	background-image: url("images/about_IBPYP_d.jpg");
}
.banner .bannerBg ul li.uncoveringA {
	background-image: url("images/about_uncovering_a.jpg");
}
.banner .bannerBg ul li.uncoveringB {
	background-image: url("images/about_uncovering_b.jpg");
}
.banner .bannerBg ul li.uncoveringC {
	background-image: url("images/about_uncovering_c.jpg");
}
.banner .bannerBg ul li.uncoveringD {
	background-image: url("images/about_uncovering_d.jpg");
}
.banner .bannerBg ul li.perspectiveA {
	background-image: url("images/about_perspective_a.jpg");
}
.banner .bannerBg ul li.perspectiveB {
	background-image: url("images/about_perspective_b.jpg");
}
.banner .bannerBg ul li.perspectiveC {
	background-image: url("images/about_perspective_c.jpg");
}
.banner .bannerBg ul li.perspectiveD {
	background-image: url("images/about_perspective_d.jpg");
}
.banner .bannerBg ul li.perspectiveE {
	background-image: url("images/about_perspective_e.jpg");
}
.banner .bannerBg ul li.perspectiveF {
	background-image: url("images/about_perspective_f.jpg");
}
.banner .bannerBg ul li.perspectiveG {
	background-image: url("images/about_perspective_g.jpg");
}
.banner .bannerBg ul li.aboutUsA {
	background-image: url("images/about_us_a.jpg");
}
.banner .bannerBg ul li.aboutUsB {
	background-image: url("images/about_us_b.jpg");
}
.banner .bannerBg ul li.aboutUsC {
	background-image: url("images/about_us_c.jpg");
}
.banner .bannerBg ul li.aboutUsD {
	background-image: url("images/about_us_d.jpg");
}
.banner .bannerBg ul li.aboutUsE {
	background-image: url("images/about_us_e.jpg");
}
.banner .bannerBg ul li.campusA {
	background-image: url("images/campus_a.jpg");
}
.banner .bannerBg ul li.campusB {
	background-image: url("images/campus_b.jpg");
}
.banner .bannerBg ul li.classroomsA {
	background-image: url("images/classrooms_a.jpg");
}
.banner .bannerBg ul li.classroomsB {
	background-image: url("images/classrooms_b.jpg");
}
.banner .bannerBg ul li.outdoorA {
	background-image: url("images/outdoor_a.jpg");
}
.banner .bannerBg ul li.outdoorB {
	background-image: url("images/outdoor_b.jpg");
}
.banner .bannerBg ul li.outdoorC {
	background-image: url("images/outdoor_c.jpg");
}
.banner .bannerBg ul li.outdoorD {
	background-image: url("images/outdoor_d.jpg");
}
.banner .bannerBg ul li.outdoorE {
	background-image: url("images/outdoor_e.jpg");
}
.banner .bannerBg ul li.outdoorF {
	background-image: url("images/outdoor_f.jpg");
}
.banner .bannerBg ul li.outdoorG {
	background-image: url("images/outdoor_g.jpg");
}
.banner .bannerBg ul li.functionRoomsA {
	background-image: url("images/function_rooms_a.jpg");
}
.banner .bannerBg ul li.functionRoomsB {
	background-image: url("images/function_rooms_b.jpg");
}
.banner .bannerBg ul li.functionRoomsC {
	background-image: url("images/function_rooms_c.jpg");
}
.banner .bannerBg ul li.functionRoomsD {
	background-image: url("images/function_rooms_d.jpg");
}
.banner .bannerBg ul li.functionRoomsE {
	background-image: url("images/function_rooms_e.jpg");
}
.banner .bannerBg ul li.functionRoomsF {
	background-image: url("images/function_rooms_f.jpg");
}
.banner .bannerBg ul li.functionRoomsG {
	background-image: url("images/function_rooms_g.jpg");
}
.banner .bannerBg ul li.curriculumAA {
	background-image: url("images/curriculum_a_a.jpg");
}
.banner .bannerBg ul li.curriculumAB {
	background-image: url("images/curriculum_a_b.jpg");
}
.banner .bannerBg ul li.curriculumAC {
	background-image: url("images/curriculum_a_c.jpg");
}
.banner .bannerBg ul li.curriculumAD {
	background-image: url("images/curriculum_a_d.jpg");
}
.banner .bannerBg ul li.curriculumAE {
	background-image: url("images/curriculum_a_e.jpg");
}
.banner .bannerBg ul li.curriculumBA {
	background-image: url("images/curriculum_b_a.jpg");
}
.banner .bannerBg ul li.curriculumBB {
	background-image: url("images/curriculum_b_b.jpg");
}
.banner .bannerBg ul li.curriculumBC {
	background-image: url("images/curriculum_b_c.jpg");
}
.banner .bannerBg ul li.curriculumBD {
	background-image: url("images/curriculum_b_d.jpg");
}
.banner .bannerBg ul li.curriculumBE {
	background-image: url("images/curriculum_b_e.jpg");
}
.banner .bannerBg ul li.curriculumCA {
	background-image: url("images/curriculum_c_a.jpg");
}
.banner .bannerBg ul li.curriculumCB {
	background-image: url("images/curriculum_c_b.jpg");
}
.banner .bannerBg ul li.curriculumCC {
	background-image: url("images/curriculum_c_c.jpg");
}
.banner .bannerBg ul li.curriculumCD {
	background-image: url("images/curriculum_c_d.jpg");
}
.banner .bannerBg ul li.curriculumCE {
	background-image: url("images/curriculum_c_e.jpg");
}
.banner .bannerBg ul li.curriculumDA {
	background-image: url("images/curriculum_d_a.jpg");
}
.banner .bannerBg ul li.curriculumDB {
	background-image: url("images/curriculum_d_b.jpg");
}
.banner .bannerBg ul li.curriculumDC {
	background-image: url("images/curriculum_d_c.jpg");
}
.banner .bannerBg ul li.curriculumDC {
	background-image: url("images/curriculum_d_d.jpg");
}
.banner .bannerBg ul li.curriculumDC {
	background-image: url("images/curriculum_d_e.jpg");
}
.banner .bannerBg ul li.curriculumEA {
	background-image: url("images/curriculum_e_a.jpg");
}
.banner .bannerBg ul li.newsAA {
	background-image: url("images/news_8_1.jpg");
}
.banner .bannerBg ul li.newsAB {
	background-image: url("images/news_8_2.jpg");
}
.banner .bannerBg ul li.newsAC {
	background-image: url("images/news_8_3.jpg");
}
.banner .bannerBg ul li.newsAD {
	background-image: url("images/news_8_4.jpg");
}
.banner .bannerBg ul li.newsAE {
	background-image: url("images/news_8_5.jpg");
}
.banner .bannerBg ul li.newsAF {
	background-image: url("images/news_8_6.jpg");
}
.banner .bannerBg ul li.newsAG {
	background-image: url("images/news_8_7.jpg");
}
.banner .bannerBg ul li.newsAH {
	background-image: url("images/news_8_8.jpg");
}
.banner .bannerBg ul li.newsBA {
	background-image: url("images/news_9_1.jpg");
}
.banner .bannerBg ul li.newsBB {
	background-image: url("images/news_9_2.jpg");
}
.banner .bannerBg ul li.newsBC {
	background-image: url("images/news_9_3.jpg");
}
.banner .bannerBg ul li.newsBD {
	background-image: url("images/news_9_4.jpg");
}
.banner .bannerBg ul li.newsBE {
	background-image: url("images/news_9_5.jpg");
}
.banner .bannerBg ul li.newsBF {
	background-image: url("images/news_9_6.jpg");
}
.banner .bannerBg ul li.newsBG {
	background-image: url("images/news_9_7.jpg");
}
.banner .bannerBg ul li.newsCA {
	background-image: url("images/news_10_1.jpg");
}
.banner .bannerBg ul li.newsCB {
	background-image: url("images/news_10_2.jpg");
}
.banner .bannerBg ul li.newsCC {
	background-image: url("images/news_10_3.jpg");
}
.banner .bannerBg ul li.newsCD {
	background-image: url("images/news_10_4.jpg");
}
.banner .bannerBg ul li.newsCE {
	background-image: url("images/news_10_5.jpg");
}
.banner .bannerBg ul li.newsCF {
	background-image: url("images/news_10_6.jpg");
}
.banner .bannerBg ul li.newsCG {
	background-image: url("images/news_10_7.jpg");
}
.banner .bannerBg ul li.newsCH {
	background-image: url("images/news_10_8.jpg");
}
.banner .bannerBg ul li.newsDA {
	background-image: url("images/news_11_1.jpg");
}
.banner .bannerBg ul li.newsDB {
	background-image: url("images/news_11_2.jpg");
}
.banner .bannerBg ul li.newsDC {
	background-image: url("images/news_11_3.jpg");
}
.banner .bannerBg ul li.newsDD {
	background-image: url("images/news_11_4.jpg");
}
.banner .bannerBg ul li.newsDE {
	background-image: url("images/news_11_5.jpg");
}
.banner .bannerBg ul li.newsDF {
	background-image: url("images/news_11_6.jpg");
}
.banner .bannerBg ul li.newsEA {
	background-image: url("images/news_12_1.jpg");
}
.banner .bannerBg ul li.newsEB {
	background-image: url("images/news_12_2.jpg");
}
.banner .bannerBg ul li.newsEC {
	background-image: url("images/news_12_3.jpg");
}
.banner .bannerBg ul li.newsED {
	background-image: url("images/news_12_4.jpg");
}
.banner .bannerBg ul li.newsEE {
	background-image: url("images/news_12_5.jpg");
}
.banner .bannerBg ul li.newsEF {
	background-image: url("images/news_12_6.jpg");
}
.banner .bannerBg ul li.newsEG {
	background-image: url("images/news_12_7.jpg");
}
.banner .bannerBg ul li.newsEH {
	background-image: url("images/news_12_8.jpg");
}
.banner .bannerBg ul li.newsFA {
	background-image: url("images/news_13_1.jpg");
}
.banner .bannerBg ul li.newsFB {
	background-image: url("images/news_13_2.jpg");
}
.banner .bannerBg ul li.newsFC {
	background-image: url("images/news_13_3.jpg");
}
.banner .bannerBg ul li.newsFD {
	background-image: url("images/news_13_4.jpg");
}
.banner .bannerBg ul li.newsFE {
	background-image: url("images/news_13_5.jpg");
}
.banner .bannerBg ul li.newsGA {
	background-image: url("images/news_14_1.jpg");
}
.banner .bannerBg ul li.newsGB {
	background-image: url("images/news_14_2.jpg");
}
.banner .bannerBg ul li.newsGC {
	background-image: url("images/news_14_3.jpg");
}
.banner .bannerBg ul li.newsGD {
	background-image: url("images/news_14_4.jpg");
}
.banner .bannerBg ul li.newsGE {
	background-image: url("images/news_14_5.jpg");
}
.banner .bannerBg ul li.newsGF {
	background-image: url("images/news_14_6.jpg");
}
.banner .bannerBg ul li.newsHA {
	background-image: url("images/news_15_1.jpg");
}
.banner .bannerBg ul li.newsHB {
	background-image: url("images/news_15_2.jpg");
}
.banner .bannerBg ul li.newsHC {
	background-image: url("images/news_15_3.jpg");
}
.banner .bannerBg ul li.newsHD {
	background-image: url("images/news_15_4.jpg");
}
.banner .bannerBg ul li.newsHE {
	background-image: url("images/news_15_5.jpg");
}
.banner .bannerBg ul li.newsHF {
	background-image: url("images/news_15_6.jpg");
}
.banner .bannerBg ul li.newsHG {
	background-image: url("images/news_15_7.jpg");
}
.banner .bannerBg ul li.newsHH {
	background-image: url("images/news_15_8.jpg");
}
.banner .bannerBg ul li.newsIA {
	background-image: url("images/news_16_1.jpg");
}
.banner .bannerBg ul li.newsIB {
	background-image: url("images/news_16_2.jpg");
}
.banner .bannerBg ul li.newsIC {
	background-image: url("images/news_16_3.jpg");
}
.banner .bannerBg ul li.newsID {
	background-image: url("images/news_16_4.jpg");
}
.banner .bannerBg ul li.newsIE {
	background-image: url("images/news_16_5.jpg");
}
.banner .bannerBg ul li.newsIF {
	background-image: url("images/news_16_6.jpg");
}
.banner .bannerBg ul li.newsIG {
	background-image: url("images/news_16_7.jpg");
}
.banner .bannerBg ul li.newsIH {
	background-image: url("images/news_16_s.jpg");
}
.banner .bannerBg ul li.newsJA {
	background-image: url("images/news_17_1.jpg");
}
.banner .bannerBg ul li.newsJB {
	background-image: url("images/news_17_2.jpg");
}
.banner .bannerBg ul li.newsJC {
	background-image: url("images/news_17_3.jpg");
}
.banner .bannerBg ul li.newsJD {
	background-image: url("images/news_17_4.jpg");
}
.banner .bannerBg ul li.newsJE {
	background-image: url("images/news_17_5.jpg");
}
.banner .bannerBg ul li.newsJF {
	background-image: url("images/news_17_6.jpg");
}
.banner .bannerBg ul li.newsJG {
	background-image: url("images/news_17_7.jpg");
}
.banner .bannerBg ul li.newsJH {
	background-image: url("images/news_17_s.jpg");
}
.banner .bannerBg ul li.newsRA {
	background-image: url("images/news_18_1.jpg");
}
.banner .bannerBg ul li.newsRB {
	background-image: url("images/news_18_2.jpg");
}
.banner .bannerBg ul li.newsRC {
	background-image: url("images/news_18_3.jpg");
}
.banner .bannerBg ul li.newsRD {
	background-image: url("images/news_18_4.jpg");
}
.banner .bannerBg ul li.newsRE {
	background-image: url("images/news_18_5.jpg");
}
.banner .bannerBg ul li.newsRF {
	background-image: url("images/news_18_6.jpg");
}
.banner .bannerBg ul li.newsRG {
	background-image: url("images/news_18_7.jpg");
}
.banner .bannerBg ul li.newsRH {
	background-image: url("images/news_18_8.jpg");
}
.banner .bannerBg ul li.newsSA {
	background-image: url("images/news_19_1.jpg");
}
.banner .bannerBg ul li.newsSB {
	background-image: url("images/news_19_2.jpg");
}
.banner .bannerBg ul li.newsSC {
	background-image: url("images/news_19_3.jpg");
}
.banner .bannerBg ul li.newsSD {
	background-image: url("images/news_19_4.jpg");
}
.banner .bannerBg ul li.newsSE {
	background-image: url("images/news_19_5.jpg");
}
.banner .bannerBg ul li.newsSF {
	background-image: url("images/news_19_6.jpg");
}
.banner .bannerBg ul li.newsSG {
	background-image: url("images/news_19_7.jpg");
}
.banner .bannerBg ul li.newsSH {
	background-image: url("images/news_19_8.jpg");
}
.newsBanner {
	background-image: url("images/news_1_5.jpg");
	width: 100%;
	height: 600px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.arrow {
	height: 50%;
	width: 100%;
	position: relative;
}
.arrow .left {
	width: 24px;
	height: 40px;
	position: absolute;
	left: 15px;
	bottom: -20px;
	background-image: url("images/arrow_left.png");
	background-repeat: no-repeat;
	cursor: pointer;
}
.arrow .right {
	width: 24px;
	height: 40px;
	position: absolute;
	right: 15px;
	bottom: -20px;
	background-image: url("images/arrow_right.png");
	background-repeat: no-repeat;
	cursor: pointer;
}
.bannerRight {
	position: absolute;
	right: 0px;
	top: 100px;
	height: 60px;
	width: 340px;
	background-color: rgba(28, 183, 205, 0.8);
	color: #FFFFFF;
	font-size: 24px;
	line-height: 30px;
	padding: 20px 30px;
}
.circleCon {
	position: absolute;
	right: 0px;
	bottom: 60px;
	width: 100%;
}
.circleCon .centerControl {
	width: 800px;
	height: 200px;
	margin: 0px auto;
}
.circleCon .centerControl li {
	width: 200px;
	height: 200px;
	margin: 0px; 
	padding: 0px;
	float: left;
}
.circleCon .centerControl li p {
	width: 150px;
	height: 48px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
	border-radius: 50%;
	margin: 15px;
	padding: 61px 10px;
	overflow: hidden;
	cursor: pointer;
}
.circleCon .centerControl li p a {
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}
.circleCon .centerControl li p.green {
	background-color: rgba(170, 204, 93, 0.8);
}
.circleCon .centerControl li p.yellow {
	background-color: rgba(245, 194, 77, 0.8);
}
.circleCon .centerControl li p.purple {
	background-color: rgba(118, 70, 120, 0.8);
}
.circleCon .centerControl li p.blue {
	background-color: rgba(28, 183, 205, 0.8);
}
.whiteDot {
	height: 12px;
	width: 100%;
	position: absolute;
	bottom: 30px;
	left: 0px;
}
.whiteDot ul {
	margin: 0px auto;
	height: 22px;
	width: 100%;
	text-align: center;
}
.whiteDot li {
	height: 12px;
	width: 12px;
	margin: 0px 4px;
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 50%;
	cursor: default;
}
.whiteDot li.selected {
	background-color: rgba(255, 255, 255, 1);
}
.rightText {
	width: 320px;
	height: 420px;
	border-radius: 16px;
	position: absolute;
	right: 100px;
	top: 50%;
	margin-top: -210px;
}
.rightText.green {
	background-color: rgba(170, 204, 93, 0.8);
}
.rightText.yellow {
	background-color: rgba(245, 194, 77, 0.8);
}
.rightText.purple {
	background-color: rgba(118, 70, 120, 0.8);
}
.rightText.blue {
	background-color: rgba(28, 183, 205, 0.8);
}
.rightText .circle {
	margin-top: 30px;
	margin-left: 30px;
	display: block;
	height: 32px;
	width: 260px;
}
.rightText .circle li {
	background-color: #aacc60;
	width: 28px;
	height: 28px;
	border: solid 2px;
	border-color: rgba(255, 255, 255, 0);
	border-radius: 16px;
	float: left;
	margin-right: 8px;
}
.rightText .circle li a {
	width: 28px;
	height: 28px;
	display: block;
}
.rightText .circle li.selected {
	border-color: rgba(255, 255, 255, 1);
}
.rightText .circle li.green {
	background-color: #aacc60;
}
.rightText .circle li.yellow {
	background-color: #e6c453;
}
.rightText .circle li.purple {
	background-color: #806176;
}
.rightText .circle li.blue {
	background-color: #5cb7b3;
}
.rightText .text {
	margin-top: 10px;
	margin-left: 30px;
	height: 320px;
	width: 260px;
	overflow-x: hidden;
	overflow-y: auto;
	cursor: default;
}
.rightText .text::-webkit-scrollbar {
	width: 6px;
	height: 320px;
}
.rightText .text:hover::-webkit-scrollbar {
	width: 6px;
	height: 320px;
}
.rightText .text::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0);
	border-radius: 3px;
}
.rightText .text::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0);
	border-radius: 3px;
}
.rightText .text:hover::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.3);
	border-radius: 3px;
}
.rightText .text:hover::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 1);
	border-radius: 3px;
}
.rightText .text .title {
	color: #764678;
	font-size: 18px;
	line-height: 24px;
	margin-top: 10px;
}
.rightText .text .con {
	color: #764678;
	font-size: 14px;
	line-height: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
}
.rightText .white .title {
	color: #FFFFFF;
}
.rightText .title.big {
	font-size: 24px;
	padding-top: 20px;
}
.rightText .white .con {
	color: #FFFFFF;
}
.rightText.big {
	width: 320px;
	height: 390px;
	padding-top: 30px;
}
.rightText.big .text {
	margin-top: 0px;
	height: 350px;
}
.rightText.big .title {
	margin-top: 0px;
	font-size: 24px;
}
.rightText .title.bigAni {
	font-size: 24px;
	padding-top: 20px;
}
.rightText.bigAni {
	width: 500px;
	height: 80%;
	padding-top: 30px;
	right: -500px;
	top: 10%;
	margin-top: -15px;
}
.rightText.bigAni .text {
	margin-top: 0px;
	width: 88%;
	height: 94%;
}
.rightText.bigAni .title {
	margin-top: 0px;
	font-size: 24px;
}
.contentAutoH {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.contentAutoH.historyBg {
	background-image: url("images/history_bg.jpg");
	background-repeat: repeat-y;
	background-size: contain;
}
.historyCon {
	width: 867px;
	margin: 0px auto;
	padding: 20px 0px;
	padding-bottom: 80px;
}
.historyCon .title {
	color: #764678;
	font-size: 36px;
	line-height: 42px;
	margin-top: 50px;
	padding-bottom: 20px;
}
.historyCon li {
	width: 867px;
	height: 260px;
	background-color: #EBEBEB;
	margin-bottom: 30px;
	position: relative;
}
.historyCon li .img {
	width: 382px;
	height: 260px;
	overflow: hidden;
	float: left;
}
.historyCon li .circle {
	width: 26px;
	height: 26px;
	left: 369px;
	top: 117px;
	background-color: #916A92;
	border-radius: 50%;
	position: absolute;
}
.historyCon li h1 {
	float: left;
	width: 56px;
	height: 30px;
	display: block;
	color: #764678;
	line-height: 30px;
	font-size: 24px;
	margin-left: 30px;
	margin-top: 114px;
}
.historyCon li h2 {
	float: left;
	width: 350px;
	height: 60px;
	display: block;
	color: #764678;
	line-height: 20px;
	font-size: 16px;
	margin-left: 20px;
	margin-top: 97px;
	font-weight: normal;
}
.footer {
	border-top: solid 4px #764678;
	height: 110px;
}
.footer .footlogo {
	width: 269px;
	height: 84px;
	float: left;
	margin: 8px 0px 0px 30px;
	display: block;
	background-image: url("images/Logo.png");
	background-repeat: no-repeat;
}
.campusText {
	width: 1440px;
	margin: 0px auto;
	padding-top: 20px;
	height: 440px;
}
.campusText li {
	float: left;
	width: 420px;
	height: 400px;
	padding: 20px;
}
.campusText li .icon {
	width: 120px;
	height: 120px;
	display: block;
	margin: 0px auto;
}
.campusText li .text {
	text-align: left;
	font-size: 16px;
	color: #764678;
	line-height: 24px;
	padding-top: 20px;
}
.bannerRightText {
	position: absolute;
	right: 0px;
	top: 100px;
	width: 400px;
	background-color: rgba(170, 204, 93, 0.9);
	color: #FFFFFF;
	font-size: 24px;
	line-height: 30px;
	padding: 20px 30px;
}
.bannerRightText h1 {
	height: 24px;
	width: 400px;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 24px;
}
.bannerRightText p {
	width: 400px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 18px;
	padding-top: 10px;
}
.teamBg {
	width: 100%;
	height: 240px;
	background-color: #F6CD70;
}
.memberCard {
	width: 1180px;
	margin: -180px auto 0px auto;
	display: none;
}
.memberCard.selected {
	width: 1180px;
	margin: -180px auto 0px auto;
	display: block;
}
.memberCard .photo {
	width: 186px;
	height: 240px;
	float: left;
}
.memberCard .profile {
	width: 900px;
	margin-left: 50px;
	float: left;
	padding-bottom: 60px;
	color: #764678;
	min-height: 500px;
}
.memberCard .profile .name {
	font-size: 18px;
	line-height: 42px;
}
.memberCard .profile h1 {
	font-size: 36px;
	display: block;
	padding-top: 40px;
	line-height: 42px;
}
.memberCard .profile .text {
	font-size: 16px;
	line-height: 22px;
}
.teamTab {
	width: 1300px;
	margin: -220px auto 220px auto;
	color: #764678;
	font-size: 16px;
}
.teamTab ul {
	text-align: center;
}
.teamTab li {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	border-color: rgba(255, 255, 255, 0);
	padding: 0px 12px;
	cursor: pointer;
}
.teamTab li.selected {
	border-bottom: solid 4px #764678;
	cursor: default;
}
.teachingGroup {
	width: 100%;
	min-height: 1080px;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url("images/teaching_group.jpg");
}
.teachingGroup .text {
	width: 100%;
	background-color: rgba(245, 194, 77, 0.9);
	color: #764678;
	padding: 30px 0px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.teachingGroup .text h1 {
	padding: 0px 30px;
	font-size: 24px;
	line-height: 32px;
}
.teachingGroup .text p {
	padding: 0px 30px;
	padding-top: 10px;
	font-size: 14px;
	line-height: 20px;
}
.admissionCon {
	width: 100%;
	background-color: #FFF7E5;
	padding: 40px 0px;
}
.admissionCon .contantCenter {
	width: 1000px;
	margin: 0px auto;
	padding: 50px 0px;
}
.admissionCon .bkikImg {
	float: left;
	width: 268px;
	height: 186px;
	padding: 82px 41px; 
	background-color: #FFFFFF;
	border-radius: 50%;
	text-align: center;
	margin-left: 10px;
}
.admissionCon .text {
	float: left;
	width: 580px;
	padding-left: 60px;
	padding-top: 60px;
}
.admissionCon .text .contactText {
	font-size: 14px;
	line-height: 30px;
	color: #764678;
}
.admissionCon .text .code {
	padding-top: 20px;
	line-height: 20px;
	color: #764678;
}
.admissionCon .text .code li {
	float: left;
	height: 165px;
	text-align: center;
	margin-right: 40px;
}
.admissionCon .contantCenter h1 {
	font-size: 24px;
	line-height: 40px;
	font-weight: normal;
	color: #764678;
}
.admissionCon .contantCenter .questions {
	color: #764678;
	padding-top: 20px;
}
.admissionCon .contantCenter .questions h2 {
	padding: 5px 0px;
	line-height: 30px;
	font-size: 18px;
}
.admissionCon .contantCenter .questions p {
	font-size: 14px;
	line-height: 20px;
}
.admissionCon .contantCenter .questions li {
	padding-bottom: 10px;
}
.admissionCon .contantCenter .policy {
	padding-top: 20px;
	line-height: 24px;
	font-size: 14px;
	color: #764678;
}
.admissionCon .contantCenter .policy .photo {
	padding-top: 30px;
	height: 210px;
}
.admissionCon .contantCenter .policy .photo li {
	float: left;
	width: 110px;
	height: 210px;
	text-align: center;
	color: #764678;
	line-height: 20px;
	font-size: 14px;
	margin-right: 20px;
}
.newsList {
	margin: 0px auto;
	width: 1280px;
	padding: 50px 0px;
	height: 880px;
}
.newsList li {
	margin: 0px;
	float: left;
	padding: 0px 23px;
	height: 270px;
	margin-bottom: 20px;
}
.newsList li .picture {
	width: 380px;
	height: 210px;
	overflow: hidden;
	border: 0px;
	display: block;
}
.newsList li .picture img {
	width: 380px;
	border: 0px;
}
.newsList li .title {
	height: 40px;
	width: 340px;
	background-color: #d2f1f5;
	color: #764678;
	font-size: 18px;
	line-height: 40px;
	padding: 10px 20px;
	overflow: hidden;
	display: block;
	text-decoration: none;
}
.newsDetailBanner {
	width: 1280px;
	height: 640px;
	margin: 0px auto;
	padding: 30px 0px;
}
.newsDetailText {
	width: 1280px;
	margin: 0px auto;
	padding: 20px 0px 60px 0px;
}
.newsDetailText h1 {
	line-height: 24px;
	padding: 5px 0px;
	font-size: 20px;
}
.newsDetailText p {
	line-height: 20px;
	padding: 5px 0px;
	font-size: 16px;
}
.contactIcon {
	padding-left: 56px;
	background-image: url("images/contact.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
	height: 40px;
	line-height: 40px;
}
.contactList {
	margin-top: 30px;
	width: 100%;
	border-collapse: collapse;
}
.contactList td {
	border: 0px;
	padding: 15px 20px;
	line-height: 24px;
	text-align: left;
	font-size: 14px;
	color: #764678;
}
.contactList .title {
	background-color: #fffefd;
}
.contactList .gl {
	background-color: #fffcf5;
}
.footer .pyp {
	width: 150px;
	height: 45px;
	float: left;
	margin: 30px 0px 0px 30px;
	display: block;
	background-image: url("images/pyp-subbrand-en.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
}
.footer .info {
	width: 450px;
	font-size: 14px;
	height: 70px;
	float: right;
	color: rgba(118, 70, 120, 1);
	margin-top: 20px;
}
.footer .info p {
	padding-top: 10px;
}