@charset "utf-8";
/*FULL 尺吋*/

/*PC尺吋*/

@media (max-width: 1450px) {
	
.featured-un .swiper-wrapper article button {left: 7%;}
.featured-un .swiper-wrapper article{height:280px;}
	
.learning-txt aside{width:500px;}
	
}

@media (max-width: 1199px) {

header.active #Nav ul,header.active #subNav ul{margin-left:0px;}
header.active h1{left:10px;margin: 0;padding: 0}
header.active #Nav li a{font-size:13px}	
#pc-btnhambur {top: 118px;}	
	
#Nav li {margin-right: 0; width: 20%;}
#Nav li a{font-size:15px;}
.searchArea ul li a {line-height: 1;padding-top: 10px;height: 45px;}

.article2 h1{ color:#312d2d;padding:20px 0}
.article2 h6{font-size:16px;color:#96b7b3; font-weight:bold;padding:0}
.article2 p{padding:0 45px}
.article2 hr{width:100%}
.video3>p{padding:0 45px}

.programpage3>div ul li{margin:1%; width:48%}
	
.learning-reason ol{line-height:1.2;max-width:220px;}
.learning-reason ol li{margin-bottom:1em;}

.learning-txt{right:20px;}
.learning-txt aside{width:400px;}

.learning-people aside img{max-height:500px}	

.flowbox>li{line-height: 3em;padding: 15px 14px 15px 0;}
.flowbox>li>span a {top: 25px;}	

}

/*平板尺吋*/
@media (max-width:991px) {

header.active #Nav li a{font-size:12px}	
header.active {padding-top: 55px;}

header #pc-btnhambur{top: 130px;}
	
#Nav li a{font-size:12px;}
	
header.active #Nav ul{padding: 0 0 13px;}
header.headerstyle #Nav ul{padding: 0 0 13px;}	
#Nav li a,#subNav li a{font-size:12px;line-height:1.2;}
header #subNav{bottom: -38px;}
header.headerstyle #subNav{bottom: -41px;}

header.active #subNav{bottom: -25px;}	
header.headerstyle.active #subNav{bottom: -41px;}		
	
#subNav li{margin-right:20px}
.pc-btn{top:-100px;}	

.featured-un .swiper-wrapper article{height:220px;}
.video2 li:nth-child(1){width:46%;}
.video2 li{width:46%;}

.social2 li{width:31%;margin:1%} 

.program2 .row>div a{ font-size:18px !important}
.program2 .row>div a samp{ font-size:13px}

.programContent .rightInfo .btns button{width:100%;}
.programContent .p-left{ padding-left:10px}
	
.programNav ul li a,.newprogramNav .navmain li a{line-height: 1.5;}	
	
/*1.3.1*/	

.infobox{margin: 225px 0 0 !important;}
.infobox h1.th1 {left: 17px;top: -190px;}	
	
	
/*1.3.1.1*/
.schooltext li {margin: 0px;width: 100%;padding: 45px 20px 0px;}	
.schooltext li h1 {font-size: 30px;}
/*1.3.2*/	
.morebtn2 {transform: translateY(0px);}	
.width-l, .width-r2 {width: 50%;padding: 0 15px;}	
.infobox{position: relative;top: 127px;left: calc(0% - 0px );padding: 60px 20px;}
.morebtn2 b {left: -30px;}	
	
.un-program>.container {padding: 0 15px;}	
	
/*3-0*/		
.kvdata h1 {font-size: 30px;}	
	
	
/*4-1*/	
	.mapmain h1 {font-size: 22px;}	
/*4-2*/

.flowboxstyle>li h1 {font-size: 24px;}	
	
/*4-4*/	

.videobox {position: initial;margin:28px 0;padding: 20px;width: 100%;}	
.videomain .width-l,.videomain .width-r {width: 100%;display: block;text-align: center;}
	
.vedio ul {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}

	
/*瀑布流*/
.newsocial ul {/*-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;*/padding: 0 15px;}	

.headerstyle.active #subNav{bottom: -49px;}
.headerstyle2 #subNav {bottom: -87px;}
.headerstyle2.active #subNav {bottom: -87px;}
	
.headerstyle3 #subNav {bottom: -44px;}	
.headerstyle3.active #subNav {bottom: -87px;}	
	

	
/*5.3.1*/
	
.videostyle{margin-bottom: 150px;}	
.caseSelect {top:0px;}	
	
/*5.4*/	

.throng li {width: 46%;}	
/*5.4.1*/
.unstyle{padding: 30px 0 70px;}		
.caseSelect2 .btnSelect {top: -340px;}	
.caseSelect2 {top: 400px;}	
	
/*6.0*/
.newslink .newsbox {padding: 15px;}	
.width-l, .width-r2 {width: 100%;display: block;}	
	
/*8.1*/	
.cabox .contactForm {width: 98%;}	
	
#Nav li a:hover:after{bottom: -9px}
#Nav li.active a:after{bottom: -12px;}	
	

.flowbox>li{line-height: 3em;padding: 15px 14px 15px 0;}
.flowbox>li>span a {top: 25px;}	

}

/*手機尺吋*/
@media (max-width: 767px) {
	
.table-bordered {word-break: break-all;}
	
/*news*/	
body {padding-top: 60px !important;}	
header {background-color: #444752;}	
header h1 {padding-top:0px;}	

header.active #Nav ul, header.active #subNav ul{margin-left: 0}
#Nav li a{font-size:13px !important;text-align: left;padding-left: 5px;}	
	
/*layout*/

.wrapper{padding-bottom:30px;}
.wr-hidden{overflow:hidden}
.article{margin:15px auto;}
.breadcrumbZone{margin-bottom:0;}

.lightbox{}
.lightbox .container article{padding: 50px 20px;}
.lightbox-table dt{width:100px;}
.lightbox .container article p{line-height:1.5em;margin-bottom:2em;}
	
	
footer .datas,footer .ft-img{ text-align: center;}	
footer .ft-link figure a {position:inherit;margin: 20px 0;display: block;}
.footerNav li {width: 98%;margin:2% 1%;text-align: left;}	
.footerNav li h3 {margin-bottom: 1em;}
footer p.p-bottom {line-height: 2em;margin:0 0 20px;}
	
footer .ft-link{text-align:center;margin:30px auto}

header.active #Nav ul, header.active #subNav ul {margin-left: 0;}	
	
	
/**/	
	.glyphicon{color: #fff}
	headline h1 b {padding:0;}
	.mainbtn li {width: 98%;margin: 10% 1%;}	
	.vipmain-l{ width: 100%;display: block;padding-bottom: 62%;}
	.vipmain-r { width: 100%;display: block}
	.vipmain-r iframe{height: 292px;}
	.maintext {padding: 1px 15px;}
	
	.maintext>ul>li>span {font-size: 16px;}
	.maintext h2 {font-size: 19px;}
	
	
	.videomain {padding: 0px}
	.width-l, .width-r2 ,.width-r, .width-l2{width: 100%;display: block;margin: 35px 0 0;padding: 0;}

	.videobox {position: relative;padding: 70px 40px 40px;margin: 0 20px;top: -80px;width: auto;left: 0;}
	.videobox p span {background-size: contain;width: 30px;}
	.videobox h1 {font-size: 22px;}
	
	.infobox h1.th1 {font-size: 24px;position: initial;line-height: 1.3em;text-align: center;margin-bottom: 10px;}
	.infobox h1.th1 span {font-size: 30px;}
	
	.infobg {height:0;padding-bottom: 59%}
	.morebtn2 {transform: translateY(0px);}
	.infodata>li {width: 98%;}
	.carousel-control .leftimg {left: 10px;transform: translateY(-35px);}
	.carousel-control .rightimg {right: 10px;transform: translateY(-35px);}
	
	.vipmain2 {height: auto;}
	.maintext h1 {font-size: 20px;}
/**/	
	
/*SEARCH*/	
.searchArea{margin-top:20px;padding-bottom: 60px;}
.searchArea article{padding:20px}
.searchArea article h5>b{display:block;margin-bottom:.5em}
.searchArea article div{width:100%;}
.searchArea article div>select{width:98% !important;margin-right:1%;}
.searchArea article div>input{width:98% !important;}
.searchArea article button{width:100%;margin: auto;display: block;text-align: center;}
.searchArea3 .inlineLink li a{font-size:13px;padding:0 5px;}

.searchBar li{margin:5px 0;	}
.searchArea ul{margin-bottom: 20px;border: 1px solid #d7d8db;}
.searchArea ul li a{margin: 0 1px;font-weight:bold;font-size: 15px;height: 100%; padding: 10px;line-height:1.5;text-align: left;background: none;}
.searchArea ul li.active a{background: none;color:#107f75 !important}
.searchArea ul li + li a{border-top: 1px #c0d8d5 solid}
.searchArea ul li {max-width:none; display:block;width: 100%;position: relative;border: none;}
/*.searchArea ul li.active {width: 100%;height: 2.5em}*/
.searchArea ul li.active :after{content: "";background:url(../images/icon_arrow6.png) no-repeat;background-size: contain;
	                            width:15px;height:15px;position: absolute;right:5px;top:20px;}

.searchArea ul li a:before{content: "";width:0px;height:26px;display: inline-block;vertical-align: middle;margin-right:10px;}	

.featured-un h2 {margin-top: -4em;margin-bottom: 2em;}	
.tw {padding:0;}
.headline h1 {font-size: 30px;}	
.headline hr{border: none}	

.overflowlink li {width: 98%;margin: 0 auto;}
.overflowlink li article {/*top: 25px;right: 8px;*/top:50%;left:50%;transform:translate(-50%,-50%);text-align: center;}
.overflowlink li article h1{font-size: 17px;}	
.overflowlink li article h1 span {font-size: 16px;}	
	

/*KV*/
.kv.kv1 {
    padding-bottom: 57%;
    height: 0;
}

.topkv{height:120px !important}
.topkv h1{font-size:30px;bottom:10px;}
.nokv{height:80px;}
.nokv h1{position:static;}

/*content*/
.video li{width:100% !important;}
.video li a{height:200px;}
.video li p {height:auto;}

.social li{width:50%;}
.social li a{padding-bottom:100%;height:0}
.social li a p{top:15px;bottom:auto;}

.program .tableStyle>div,.program2 .tableStyle>div{display:block;width:100% !important;height:auto;padding:50px 0}

.schoolTxt dd{display:block;}
.schoolTxt dd.apply{text-align:center;margin-top:1em}
.schoolTxt dd h3{margin:20px auto;width: 90%;}

.programContent h1{font-size:30px;}
.programContent .tableStyle dl{width:100% !important}
.programContent .tableStyle dt{width:150px;}
.programsList>div a{height:200px;}

.program-info{margin-top:20px;padding:30px 0}
.program-info .list-inline li{width:100%}

.photosSwiper .swiper-btns{width:100%;left:0;}

.singlephotoSwiper .swiper-slide a aside{height:250px;}

.universitiesList li {width: 100%; margin-bottom: 1em;margin: .2em 1em;}
.un-program h1{font-size:30px;}
.un-program h2, .article h2{margin:auto}
	
.tableStyle dd b {font-size: 12px;}	


/*slider*/
.brands .swiper-btns,.links .swiper-btns{display:none;}
.featured-un .swiper-wrapper article{height:250px;}
.featured-un .swiper-wrapper article button{left: 5%;width: 90%;min-width: 0;}

/*Step*/
.steps li{width:100% !important}
.steps li a{height:200px;}

.steps2 li a {height:360px !important;}

/*QA*/
.qaList2>li>figure{line-height:1.2}
.qaList>li>article{padding:0 10px}
.qaList li figure:before{vertical-align:top;}

/*news*/
.news{padding:30px 0}
.newsBlank ul li{width:100%;margin-right:0;}
.newsBlank ul li aside, .newsContent aside{height:200px;}

.article-function ul li{margin: 50px 0px;float: none;width: auto;}

/*contact*/
.contactForm dl{width:100%;}

/*.learning-reason*/
.learning-reason{height:auto;}
.learning-reason h1{font-size: 25px;margin: 20px;}

.learning-people{position:relative;z-index:0;height:300px;margin-top: -20px;text-align: center;}
.learning-people aside{padding:0;text-align: center;}
.learning-people aside img{max-height:100%;}
.learning-txt{right:auto;bottom:auto;position:relative;top:-80px;width:85%;margin: auto;}
.learning-txt aside{width:100%}	
	
/*NEWs1.1*/
	
.toph3{margin: 40px auto;line-height: 1.2em;text-align: center;font-size: 18px;}	
.flowbox {padding-left:0px;}	
.flowbox>li{line-height: 1.5em;padding: 15px 14px 15px 0;}
.flowbox>li>b{display: none}	
.flowbox>li>span {font-size: 15px;}
.flowbox>li>span a {top: 22px;}
	
.subflowtext h3 {font-size: 16px;}	
.subflowtext h3>span {font-size: 12px;}
.subflowtext h4 {font-size: 16px;}
.subflowtext p {line-height: 1.5em;}
.Boxlinks li {width: 98%;}
.Boxlinks li a {font-size: 15px;border-radius: 10px;line-height: 2em;width: 100%;}

.applybtn {width: 80px;height: 80px;font-size: 12px;right: 10px;top: calc(50% - 0px);line-height: 1.5em;padding-top: 10px;}
.applybtn span {font-size: 12px;}	

	
/*NEWs1.3.1*/
.menubtn {width: 96%;}	
.menubtn li a {font-size: 20px;}	
	
/*NEWs1.3.1.1*/	
.schooltext li h1 {font-size: 20px;}	
	
.photosSwiper .swiper-slide a aside{padding-bottom:250px}
	
/*NEWs1.3.2*/	
.miantext p b {font-size: 60px;margin-right: 10px;}
/*NEWs1.4*/	
.programpage2>div ul li{padding: 30px 20px;}
.programpage2>div ul li a {right: 5%;bottom: 4%;}	

	
/*1-2*/
.flowbox2 li {line-height: 2em;}	
.flowbox2 li>h3 span {font-size: 40px;}	
	
	
.iconstyle li{line-height: 3em;padding-top: 20px;}
.iconstyle li>h3{font-size: 18px;}
.iconstyle li b{top: -45px;left: 0;width: 90px;background-size: contain;display: block;}
	
	
/*1.3.1*/
		
.programNav ul,.newprogramNav .navmain{margin-bottom: 20px;adding: 0;}
.programNav ul li {max-width: none;display: block;width: 100%;position: relative;}

/*NEWs2.1*/		
.subflowtext .mainboxlink {padding: 15px;}
	
/*3.0*/		

.dataimg aside {transform: translate(0%,-60px);}	
.manmain .toph1 {font-size: 20px;margin: 0px auto 60px;padding-left: 140px;}
.manmain .toph1 b {font-size: 145px;top: -30px;left: 50px;}

.kvdata {padding: 40px 15px;/*height: 500px;*/}	
.kvdata h1 {font-size: 25px;}
.kvdata .toph3{text-align: justify;;font-size: 17px}
.kvimg .carousel-indicators {bottom: -50px;}
	
.tween {padding-bottom: 100px;}	
	
.searchArea4 .tip>select{width: 97% !important;margin-right: 1%;}		
	
/*4-1*/	
.mapmain h1 {width: 90%;margin: -20px auto 0;}	
.maptext .mainboxlink {padding: 20px 20px 10px;}	

/*4-2*/	
.flowboxstyle>li h1 {font-size: 18px;}	
.flowboxstyle>li h1 b {position: initial;text-align: center;margin: 20px auto;}	
	
.flowboxstyle>li>b {display: block;position: initial;margin: auto;height: 90px;}	
	
/*4-4*/	
.vedio ul {-moz-column-count: 2;-webkit-column-count: 1;column-count: 1;}	

/*4.4.1*/
.article2 p{padding:0 15px; }
.video3>a{height:0; padding-bottom:60%; background-size:cover}
.video3>p{font-size:12px;padding:0;}
.video3>p b {width: 35%; }

/*4.5*/
	
/*瀑布流*/
.newsocial ul {/*-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;*/padding: 0 15px;width: 100%;}	
.newsocial li {width: 100%;}
.newsocial li a:before {width: 100%;}	
	
/*5.0*/	

.textlink li{width: 48%;margin:8% 1%;}
.designline {transform: translatey(-175px);}
.linexs	 {transform: translatey(-528px);}
.textlink li aside {margin-bottom: 90px;}	
	
.textmain {left: 0;padding: 0 40px;top: 50px;position: absolute;margin: 0 1%;width: 98%;height: 450px;}	
#myOpinion2 .vipmain2 {height: 500px;}
	
/*5.1*/	
	
.flowboxstyle3 li>b {left: auto;display: block;position: relative;margin: auto;}	

/*5.4*/
.textmain h2 b {top:2px; width: 25px;height: 14px;}	
.textmain2 {position: inherit;width: 100%;height: auto; padding: 0 20px;}
.throng li {width: 96%;margin: 7% 2%;}	
	
/*5.4.1*/
.tip button, .tip select {width: 96%;margin: 2%;}	

.programContent2 article {}
.programContent2 article h2{margin: 10px auto;}	

	
/*NEWs6.0*/
.newsbox {padding: 30px 20px;}	
	
.newslink ul{margin: auto}	
.newslink li{margin: 10px 0;max-height: initial;overflow: inherit;width: 100%;}	

.newslink li:nth-child(even){transform:translate(0%,0%);width:100%}	
		
	
/*NEWs6.1*/	
.searchArea5{padding-bottom:0;}	

/*7.0*/		
.qa .flowbox>li>span {min-height: 90px;}
.qa .flowbox>li>span a {top: 125px;}	
.qa .flowbox>li>span h1 {font-size: 18px;}
.qa .flowbox>li>i {font-size: 60px;left: -55px;display: contents;}
	
	
/*8.1*/
	
.ca_main{width: 100%}	
.ca_main label {width: 100% !important;}	
.cabox .contactForm dl dt {width: 118px;}	
.cabox {padding: 30px 0px;}
.cabox .contactForm .dlstyle,.cabox .contactForm .dlstyle2{width: 100%}	
.cabox .contactForm p {text-align: left}	
.cabox .contactForm p b{display: block;width: 100%;margin-bottom: 10px;}	
.cabox .contactForm p input[type=text] {margin:0 10px 0 0;width:61% !important}
	
/*8.2*/	
	
.flowbox2>li {min-height: 100px;}
.flowbox2>li>span {margin-bottom: 30px;display: block;text-transform: initial;font-size: 30px;}	
.flowbox2>li>span>.flagimg {padding-bottom: 7.5%;}	
.subflowtext2 p a {font-weight: 500;}	
	
/*9.0*/	
.nokv {margin-top: 0px;}	
.mainstyle2 {padding-left: 0px;}
.mainstyle2 aside {position: initial;}	
	
.breadcrumbZone { margin-top: 0;}	
.breadcrumb a {color: #000;font-size: 12px;}	
.breadcrumb > li + li:before {color: #000;}	

.programpage2>div ul li h1 {font-size: 20px;}	
	
.headline>h1>b{display: block;}

	.videobox p{
		text-align: left;
	}
}
	
	
/*iphone5*/
@media (max-width: 374px) {
.social2 li{width:98%;margin:1%} 

.programpage>div ul li article{ padding:30px 15px 30px 150px;}
.programpage>div ul li article aside{ position:absolute; top:calc(50% - 50px); left:calc(15% - 20px);}

.searchArea{padding-bottom:0px;}
.featured-un h2{ margin-top: -4em;margin-bottom: 1em;font-size:38px;}
	
.topkv h1 {font-size: 18px;}

.caseSelect .btnSelect span {width: 140px;}

.caseSelect2 .btnSelect {top: -370px;}
.unstyle {padding-top: 100px;}	
	
.kvimg .carousel-indicators {bottom: 5px;}
	
.morebtn2 {transform: translateX(18px);}
	
.cabox .contactForm p input[type=text] {width:54% !important}	
	
}

@media(max-width: 767px){
	.flowbox>li{
		padding-left: 0;
		padding-right: 0;
	}
	.iconstyle li{
		padding-left: 15px;
		padding-right: 15px;
	}
	.connect li{
		padding-left: 15px;
		padding-right: 15px;
	}
}