.itemTit{
	text-align: center;
	margin-top: 60px;
}
.itemTitNoMart{
	margin-top: 0;
}
.itemTitMart45{
	margin-top: 45px;
}
.itemTitLeft{
	text-align: left;
}
.itemTit a{
	font-size: 44px;
	line-height: 90px;
	height: 90px;
	display: block;
	color: #122e66;
	text-transform: uppercase;
	background: url(../images/titBg.png) no-repeat 0 50%;
	padding-left: 60px;
	margin-left: -60px;
	font-weight: bold;
}
.itemTitLittle a{
	font-size: 30px;
}
.mobileLogo{
	display: none;
}

#fonts span.curr{
	color: #ff0000;
	font-weight: bold;
}

.bdyLft{
	width: 560px;
	margin-right: 80px;
}
.newsList li:hover a div h3{
	text-decoration: underline;
}
.newsList{
	margin-top: 20px;
}
.newsList li{
	margin-right: 20px;
}
.newsList li a{
	position: relative;
	display: block;
}
.newsList li a div{
	padding: 55px 20px 20px;
}
.newsList li a div em{
	font-size: 16px;
}
.newsList li a div h3{
	font-size: 20px;
	line-height: 24px;
}

.resList dd{
	overflow: hidden;
	background: #fff;
	border: 1px solid transparent;
	margin-top: 19px;
	position: relative;
}
.resList dd:hover{
	border-color: #dedede;
}
.resList dd h3{
	overflow: hidden;
	
}
.resList dd h3 a{
	display: block;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	padding: 20px 20px 20px 30px;
}
.admissionList li:hover a h3{
	text-decoration: underline;
}
.resList dd div{
	float: left;
	width: 130px;
	height: 121px;
	background: #972121;
	color: #fff;
}
.resList dd div::after{
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 14px;
	height: 28px;
	background: url(../img/arr.png) no-repeat;
	position: absolute;
	left: 130px;
	top: 30px;
}
.resList dd div b{
	display: block;
	text-align: center;
	font-size: 48px;
	line-height: 1;
	font-weight: normal;
	margin-top: 20px;
}
.resList dd div span{
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 1;
	text-transform: uppercase;
	margin-top: 10px;
}
.breadCum{
	padding: 20px 0;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 10px;
}
.breadCum,.breadCum a{
	color: #333;
}
.breadCum a,.breadCum span{
	display: inline-block;
	vertical-align: top;
}
.breadCum span{
	padding: 0 3px;
}
.mediaList li{
	overflow: hidden;
	padding: 20px;
	background: #e1f5ff;
	margin-bottom: 20px;
	border: 1px solid #e1f5ff;
}
.mediaList li a.floatrgt{
	margin-left: 65px;
}
.mediaList li a.floatlft{
	margin-right: 25px;
}
.mediaList li div em{
	font-style: normal;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 26px;
	color: #006da5;
}
.mediaList li div h3 a{
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	margin-top: 10px;
	display: block;
}
.mediaList li:hover{
	border-color: #60bae8;
}
.mediaList li:hover div h3 a{
	color: #122e66;
	text-decoration: underline;
}
.mediaList li div p,.eventList li div p{
	font-size: 16px;
	line-height: 24px;
	color: #666;
	margin: 10px 0 0;
}
.dlMenu{
	width: 286px;
	margin-right: 50px;
	min-height: 448px;
	overflow: hidden;
}
.dlMenu dl{
	width: 260px;
	min-height: 448px;
	padding-top: 10px;
	background: linear-gradient(to bottom,#e1f5ff 70%,transparent);
}
.dlMenuFixed dl{
	position: fixed;
	top: 140px;
	width: 260px;
}
.dlMenu dd{
	margin-bottom: 10px;
	margin-left: 10px;
	width: 276px;
	position: relative;
}

.dlMenu dd a{
	display: block;
	padding: 10px 15px;
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	background: linear-gradient(to right,#249bd8,#39b0ed);
	position: relative;
}
.dlMenu dd a::after{
	content: '';
	display: block;
	width: 20px;
	height: 110%;
	background: #fff;
	position: absolute;
	transform: rotate(15deg);
	right: -12px;
	top: 0;
	z-index: 10;
}
.dlMenu dd a span{
	display: block;
	overflow: hidden;
}
.dlMenu dd a:hover,.dlMenu dd.curr a{
	background: linear-gradient(to right,#ec7a3d,#ff8e52);
	color: #fff;
	text-decoration: none;
}
.dlMenu dd a:hover i,.dlMenu dd.curr a i{
	background-image: url(../images/arrWhite.png);
}
.page{
	letter-spacing: -3em;
	font-size: 0;
	text-align: center;
	margin-top: 25px;
}
.page span,.page a{
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom:0;
	font-size: initial;
	letter-spacing: normal;
	padding: 10px 15px;
	font-size: 14px;
	color: #000;
	border: 1px solid #ccc;
	margin: 0 2.5px;
}
.page span{
	background: #249bd8;
	color: #fff;
}
.place{
	height: 80px;
}
.moreMediaList li{
	width: 332px;
	margin: 0 40px 73px 0;
	background: #f5f5f5;
}
.moreMediaList li h3 a{
	overflow: hidden;
	display: block;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	padding: 15px;
}
.secBanner{
	height: 290px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	position: relative;
	background-size: cover;
	
}

.searchBanner{
	height: 272px;
}
.secBannerIns{
	height: 100%;
}
.forMobile{
	display: none;
}
.secBanner span{
	transform: skewX(-15deg);
	color: #fff;
	display: inline-block;
	vertical-align: top;
	padding: 0 30px;
	height: 84px;
	line-height: 84px;
	font-size: 40px;
	position: relative;
	z-index: 31;
	margin-top: 100px;
	margin-left: 110px;
	background: rgba(22,113,169,.5);
	font-weight: bold;
}
.secBannerGreen span{
	background: rgba(159,217,74,.5);
}
.secBanner span i{
	transform: skewX(15deg);
	display: block;
}
.bdy_item{
	margin-top: 0;
}
.bdy_item a,.bdy_item span{
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding:5px 24px 6px 40px;
	text-transform: uppercase;
}
.bdy_item a::before,.bdy_item a::after{
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
}
.bdy_item a::before{
	width: 25px;
	height: 25px;
	background: #abeecf;
	bottom: 0;
	left: 0;
}
.bdy_item a::after{
	width: 15px;
	height: 15px;
	background: #81d4ff;
	top: 0;
	right: 0;
}
.globalWrap{
	background: url(../images/globalBg.jpg) no-repeat 50% 50%;
}
.globalWrap02{
	background-image: url(../images/globalBg02.jpg);
}
.globalItem01{
	padding-left: 40px;
}
.secBannerIns div{
	position: absolute;
	bottom: 115px;
	left: 0;
	right: 0;
	z-index: 130;
	padding-left: 100px;
}
.searchBanner .secBannerIns div{
	bottom: 90px;
}
.secBannerIns h3{
	font-size: 72px;
	color: #fff;
}
.campusWid{
	width: 1180px;
}
.campusList li{
	width: 263px;
	margin-left: 30px ;
}
.campusList li a{
	display: block;
	position: relative;
}
.campusList li a span{
	position: absolute;
	font-size: 20px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 30;
	font-size: 20px;
	color: #fff;
	line-height: 121px;
	text-align: center;
}
.campusList li:hover a h3{
	text-decoration: underline;
}
.newsLittleLst{
	margin-top: 25px;
}
.newsLittleLst li{
	width: 273px;
	margin: 0 36px 40px 0;
}
.newsLittleLst li div h3 a{
	font-size: 16px;
	line-height: 20px;
	display: block;
	margin-top: 13px;
	font-weight: normal;
}
.newsLittleLst li div em,.eventList li div em{
	font-style: normal;
	font-size: 14px;
	display: block;
	margin-top: 10px;
	color: #cc0000;
}
.eventBg{
	background: #f5f5f5;
	padding-bottom: 70px;
}
.eventList{
	margin-top: 20px;
}
.eventList li{
	width: 350px;
	padding: 0 35px 0 25px;
	border-left: 1px solid #e0e0e0;
}
.eventList li div h3 a{
	display: block;
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
}
.adMart{
	margin-top: 20px;
}
.itemTitBlue{
	line-height: 1;
}
.itemTitBlue a,.itemTitBlue em{
	display: inline-block;
	vertical-align: bottom;
}
.itemTitBlue em{
	height: 28px;
	width: 0;
	border-left: 1px dashed #ccc;
	margin-bottom: 6px;
	margin-left: 20px;
}
.itemTitBlue a.itemMore{
	font-size: 14px;
	color: #666;
	font-weight: normal;
	vertical-align: top;
	margin-top: 8px;margin-left: 15px;
}
.readMore a{
	display: inline-block;
	vertical-align: top;
	height: 44px;
	line-height: 44px;
	color: #fff;
	background: #fff;
	border: 1px solid #d73f28;
	padding: 0 30px 0 40px;
	-o-border-radius: 23px;
	-webkit-border-radius: 23px;
	border-radius: 23px;
}
.readMore a span{
	font-size: 18px;
	line-height: 44px;
	display: inline-block;
	vertical-align: top;
	color: #d73f28;
}
.globalBg{
	height: 623px;
	background: url(../images/globalBg.png) no-repeat 0 50%;
	overflow: hidden;
}
.readMore a:hover span{
	text-decoration: underline;
}
.readMore a i{
	display: inline-block;
	vertical-align: top;
	width: 14px;
	height: 15px;
	margin: 14px 0 0 10px;
	background: url(../images/rgtArr.png) no-repeat 50% 50%;
}
.aboutList li{
	width: 546px;
	margin: 0 88px 60px 0;
}
.aboutListWrap{
	position: relative;
	margin-top: -50px;
	z-index: 30;
}
.aboutList li div{
	padding: 20px 35px 20px 0;
	background: #fff;
	width: 471px;
	position: relative;
	margin-top: -20px;
	margin-left: 0;
}
.aboutList li div h3 a{
	display: block;
	font-size: 30px;
	line-height: 1;
	color: #081776;
	font-weight: normal;
}
.bannerP{
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	max-width: 530px;
}
.aboutList li div p{
	font-size: 16px;
	line-height: 22px;
	color: #000;
	margin:10px 0 0;
}
.title{
	font-size: 40px;
	line-height: 46px;
	color: #000;
	margin-bottom: 10px;
	font-weight: bold;
}
.authorBx span,.authorBx em{
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 35px;
	color: #333;
}
.authorBx em{
	padding: 0 8px;
}

.fonts span,.authorBx,.share a{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}
.fonts div{
	height: 36px;
	padding: 0 20px 0 10px;
	background: #f5f5f5;
	-o-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	overflow: hidden;
}
.share{
	margin-top: 60px;
}
.share a{
	width: 44px;
	height: 44px;
	margin-left: 10px;
}
.share span{
	display: inline-block;
	vertical-align: top;
	width: 136px;
	height: 44px;
	background: url(../imgs/share.png) no-repeat 50% 50%;
}
.fonts i{
	float: left;
	width: 36px;
	height: 36px;
	background: url(../imgs/fonts.png) no-repeat 50% 50%;
}
.fonts span{
	font-size: 14px;
	line-height: 36px;
	margin-left: 9px;
	cursor: pointer;
	color: #666;
}
.articleImg{
	width: 828px;
}
.articleIns{
	font-size: 16px;
	line-height: 22px;
	color: #333;
}
.articleWid{
	width: 1120px;
}
.content{
	font-size: 20px;
	line-height: 1.6;
	color: #000;
	margin-top: 50px;
	text-align: justify;
}
.admissionTop{
	background: url(../img/adpic.jpg) no-repeat;
	height: 246px;
	position: relative;
}
.admissionTopIns{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 30;
	padding: 56px 120px 0;
	background: rgba(8,23,118,.5);
}
.admissionTopIns h3{
	font-size: 30px;
	line-height: 1;
	font-weight: normal;
	color: #fff;
}
.admissionTopCont{
	margin-top: 15px;
}
.admissionTopCont div{
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	padding-right: 50px;
}
.moreBtn{
	display: inline-block;
	vertical-align: top;
	line-height: 52px;
	border: 1px solid #fff;
	padding: 0 20px;
}
.moreBtn span{
	font-size: 16px;
	line-height: 22px;
	color: #fff;
}
.moreBtn::after{
	content:'';
	display: inline-block;
	vertical-align: top;
	width: 17px;
	height: 15px;
	background: url(../img/arrow.png) no-repeat;
	margin: 18px 0 0 10px;
}
.moreBx{
	text-align: center;
}
.moreBx a{
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 46px;
	border: 1px solid #081776;
	color: #081776;
	padding: 0 20px;
}
.moreBx a::after{
	content:'';
	display: inline-block;
	vertical-align: top;
	width: 17px;
	height: 15px;
	background: url(../img/blueArr.png) no-repeat;
	margin: 14px 0 0 10px;
}
.admissionContent{
	padding: 45px;
}
.admissionContent h3{
	font-size: 30px;
	line-height: 1;
	color: #081776;
	font-weight: normal;
}
.admissionContent h3::before{
	content:'';
	width: 57px;
	height: 5px;
	background: #ff9900;
	display: block;
	margin-bottom: 10px;
}
.admissionBg02 .admissionContent h3::before,.admissionBg03 .admissionContent h3::before{
	background: #081776;
}
.admissionContent p{
	font-size: 16px;
	line-height: 22px;
	color: #000;
	margin-top: 20px;
}
.moreBx{
	margin-top: 20px;
}
.admissionBg01{
	background: #e5edf9;
}
.admissionBg02{
	background: #f9ebe5;
}
.admissionBg03{
	background: #e5f9eb;
}
.admissionBgMart{
	margin-top: 50px;
}
.searchWrap{
	width: 1100px;
}
.searchCont{
	padding: 30px 0 20px;
	background: #e1f5ff;
	overflow: hidden;
	margin-bottom: 20px;
}
.bdy_search{
	background: #e1f5ff;
}
.searchContIns{
	overflow: hidden;
}
.searchContIns input,.searchContIns a{
	float: left;
	height: 52px;
	line-height: 52px;
}
.searchContIns a{
	width: 160px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background: #006699;
}
.searchContIns input{
	font-size: 16px;
	width: 840px;
	background: #fff;
	padding:0 15px;
}
.serchTxt{
	font-size: 16px;
	line-height: 22px;
	color: #333;
	margin-top: 10px;
}
.footerWrap{
	padding: 55px 0 15px;
	background-color: #e1f5fe;
}
.footNavs{
	width: 1100px;
}
.footNavs ul li{
	margin-right: 50px;
	margin-left: 45px;
	min-width: 200px;
}
.footNavs ul li div a{
	font-size: 18px;
	line-height: 20px;
	color: #000;
	display: block;
	padding: 0 0 10px;
	text-transform: capitalize;
}
.footNavs ul li dd{
	display: block;
}
.footNavs ul li dd a{
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #555a5d;
}
.sectionForMobile{
	display: none;
}
.breadCumPcHide{
	display: none;
}
.footerOutter{
	position: relative;
	z-index: 31;
}
.bgFoot{
	background: #006da5;
	padding: 40px 0;
}
.bgFoot .bdy_wid{
	font-size: 16px;
	color: #fff;
	line-height: 26px;
}
.shares li{
	margin-left: 20px;
}
.indexBtns{
	width: 130px;
	position: absolute;
	bottom: 88px;
	left: 50%;
	margin-left: 450px;
	z-index: 31;
}
.indexBtns span{
	display: inline-block;
	vertical-align: top;
	width: 56px;
	height: 56px;
	background: url(../img/prev.png) no-repeat;
	cursor: pointer;
}
.indexBtns span.index-nxt{
	margin-left: 15px;
	transform: rotate(180deg);
}
.swiper-container-index li{
	height: 770px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	position: relative;
}
.swiper-container-index li video{
	width: 100%;
	height: auto;
}
.swiper-container-index li::after{
	content:'';
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
	position: absolute;
	background: linear-gradient(to bottom,transparent 65%,rgba(0,0,0,.65));
}
.swiper-container-index li div{
	position: absolute;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	bottom: 75px;
	z-index: 30;
	font-size: 36px;
	line-height: 40px;
	color: #fff;
	text-align: center;
}
.pagination-index02 span{
	display: inline-block;
	vertical-align: top;
	width: 122px;
	height: 4px;
	background: #87d9ff;
	margin: 0 4px;
}
.pagination-index02 span.swiper-active-switch{
	background: #ea5404;
}
.bdy_admissionsBx{
	height: 419px;
	margin-top: 30px;
}
.bdy_acaBx{
	height: 590px;
	margin-top: 30px;
}
.bdy_acaBx::after{
	content:'';
	height: 590px;
	width: calc(100% - 1000px);
	background: #204285;
	position: absolute;
	left: 0;
	top: 0;
}
.bdy_acaBx .bdy_aca .overhid{
	position: relative;
	z-index: 100;
	height: 590px;
	background: #fff;
}
.swiper-container-aca{
	padding-right: 0;
	margin-left: -53px;
}
.swiper-container-aca li{
	width: 370px;
	margin-top: 30px;
}
.swiper-container-aca li.swiper-slide-active{
	opacity: .5;
}
.swiper-container-aca li div{
	width: 370px;
	margin-left: 0;
}
.swiper-container-aca li div span{
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	margin-top: 5px;
}
.swiper-container-aca li div a{
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	margin-top: 5px;
}
.acaCont{
	text-align: right;
	margin: 35px 45px 0 0;
	position: relative;
	z-index: 100;
}
.acaCont span{
	display: inline-block;
	vertical-align: top;
	width: 46px;
	height: 46px;
	border: 1px solid #fff;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	margin-left: 20px;
	background: url(../images/prev.png) no-repeat 50% 50%;
}
.acaCont span:hover{
	background-color: #35bbff;
	border-color: #35bbff;
}
.acaCont span.aca-nxt{
	transform: rotate(180deg);
}
.btns{
	margin-top: 58px;
	overflow: hidden;
}
.btns dd{
	width: 318px;
	margin: 57px 0 0 55px;
}
.btns dd a{
	display: block;
	height: 100px;
	padding: 0 40px 0 45px;
	background: #f5f5f5;
	border: 1px solid #eee;
	-o-border-radius: 51px;
	-webkit-border-radius: 51px;
	border-radius: 51px;
	font-size: 20px;
	color: #122e66;
	line-height: 100px;
	background: url(../images/ico_01.png) no-repeat 45px 50% #f5f5f5;
	position: relative;
}
.btns dd:nth-child(2) a{
	background-image: url(../images/ico_02.png);
}
.btns dd a span{
	padding-left: 54px;
}
.btns dd a i{
	width: 19px;
	height: 20px;
	background: url(../images/arrBlue.png) no-repeat;
	position: absolute;
	top: 40px;
	right: 40px;
	transition: .2s all ease-in-out;
}
.btns dd:hover a i{
	top: 45px;
}
.bdy_aca{
	width: 1920px;
	height: 590px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
}
.aca_tit a{
	display: block;
	font-size: 30px;
	line-height: 1;
	color: #fff;
	margin: 48px 0 0 360px;
}
.acaBx{
	width: 1185px;
	height: 100%;
	background: #204285;
}
.bdy_admissions{
	width: 1920px;
	height: 419px;
	background: #d74229;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
}
.bdy_admissions .floatlft{
	width: 730px;
}
.bdy_admissions div.overhid{
	width: 380px;
	padding: 0 30px 0 50px;
}
.bdy_admissions div.overhid p{
	font-size: 24px;
	line-height: 30px;
	color: #fff;
	padding: 65px 0 0;
	margin: 0;
}
.bdy_admissions .readMore{
	margin-top: 60px;
}
.bdy_admissions .readMore a{
	background: none;
	color: #fff;
	border: 1px solid #fff;
}
.bdy_admissions .readMore a i{
	background-image: url(../images/rgtArrWhite.png);
}
.bdy_admissions .readMore a span{
	color: #fff;
}
.bgNumbers{
	height: 623px;
	background: url(../images/numbg.png) no-repeat 100% 0;
}
.eventLft{
	width: 370px;
}
.eventLft dd{
	overflow: hidden;
	padding: 20px 0;
	height: 100px;
	margin-bottom: 20px;
	background: #f4f4f4;
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.eventLft dd:hover,.eventLft dd.current{
	background: #35bbff;
}
.eventLft dd:last-child{
	margin-bottom: 0;
}
.eventLft dd::before,.eventLft dd::after{
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background: #fff;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 68px;
	z-index: 10;
}
.eventLft dd::before{
	top: -8px;
}
.eventLft dd div.overhid{
	padding-right: 25px;
	flex:1;
}
.eventLft dd::after{
	bottom: -8px;
}
.eventLft dd div.floatlft{width: 75px;margin-right: 22px;}
.eventLft dd div.floatlft h4{
	font-size: 14px;
	line-height: 1;
	font-weight: normal;
	color: #122e66;
	text-align: center;
}
.eventLft dd div.floatlft span{
	display: block;
	text-align: center;
	font-size: 20px;
	color: #122e66;
}
.eventLft dd:hover div.floatlft h4,.eventLft dd.current div.floatlft h4{
	color: #fff;
}
.eventLft dd:hover div.floatlft span,.eventLft dd.current div.floatlft span{
	color: #fff;
}
.eventLft dd h3 a{
	font-size: 18px;
	line-height: 24px;
}
.eventLft dd:hover h3 a,.eventLft dd.current h3 a{
	color: #fff;
	text-decoration: none;
}
.eventBx{
	margin-top: -320px;
}
.numList{
	margin-top: 50px;
}
.numList li{
	text-align: center;
	margin-right: 50px;
}
.numList li span{
	display: block;
	text-align: center;
	border: 5px solid #35bbff;
	color: #35bbff;
	padding: 0 42px;
	font-size: 60px;
	line-height: 101px;
	position: relative;
}
.numList li:nth-child(2) span{
	border-color: #122e66;
	color: #122e66;
}
.numList li:nth-child(3) span{
	border-color: #d74229;
	color: #d74229;
}
.numList li:nth-child(4) span{
	border-color: #35bbff;
	color: #35bbff;
}
.numList li span::after{
	content: '';
	width: 5px;
	height: 50px;
	background: #fff;
	position: absolute;
	top: 25px;
	right: -5px;
	z-index: 10;
}
.numList li h3{
	font-size: 18px;
	margin-top: 15px;
}
.swiperShadow{
	height: 42px;
	background: url(../images/shadow.jpg) no-repeat 50% 50%;
}
.swiper-container-index li div h3 a{
	font-size: 36px;
	line-height: 40px;
	color: #fff;
	display: block;
	font-weight: bold;
}
.headerBx{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 40;
	height: 130px;
}
.headerBxWithBg,.headerBxSecBg{
	background: #fff;
	z-index: 140;
}
.headerBx .logo{
	margin-top:46px;
	display: inline-block;
	vertical-align: top;
}
.headerBxSecBgPlace{
	height: 130px;
}
.langBx{
	position: absolute;
	top: 4px;
	right:0;
	z-index: 30;
}
.langBx a{
	display: inline-block;
	vertical-align: top;
	padding: 0 15px;
	font-size: 14px;
	line-height: 24px;
	color: #006699;
	margin-left: 4px;
	background: linear-gradient(to bottom,#def5ff,#b9e9ff);
}
.navWrap{
	position: absolute;
	top: 65px;
	right: 0;
	z-index: 30;
}
.navList li{
	position: relative;
}
.navList li i{
	display: inline-block;
	vertical-align: top;
	width: 11px;
	height: 8px;
	background: url(../imgs/arr.png) no-repeat;
	position: absolute;
	right:26px;
	top:4px;
	z-index: 10;
}
/*.navList li:nth-child(3) i{
	background-image: url(../imgs/arrRed.png);
}*/
.navList li a.top{
	font-size: 16px;
	line-height: 1.2;
	padding: 0 45px;
	position: relative;
	padding-top: 15px;
	padding-bottom: 50px;
	font-weight: bold;
}
.navList li a.top::before{
	content: '';
	display: block;
	height: 3px;
	width: 50px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -25px;
	background: transparent;
	visibility: hidden;
	opacity: 0;
}
.navList li dl{
	position: absolute;
	top: 30px;
	left: 0;
	background: rgba(255,255,255,.9);
	padding: 15px;
	z-index: 50;
	min-width: 240px;
	opacity: 0;
	transition: .2s all ease-in-out;
	visibility: hidden;
}
.navList li:hover a.top::before{
	visibility: visible;
	opacity: 1;
}
.navList li:hover dl{
	visibility: visible;
	opacity: 1;
}
.navList li dl dd{
	width: 100%;
}
.navList li dl dd a{
	white-space: nowrap;
	display: block;
	font-size: 14px;
	line-height: 26px;
	width: 100%;
}
.searchBtn{
	display: inline-block;
	vertical-align: top;
	width: 17px;
	height: 17px;
	background: url(../imgs/search.png) no-repeat;
	margin-top: 2px;
	margin-left: 10px;
}
.langBx{
	margin-left: 35px;
}
.langBx a{
	font-size: 14px;
	color: #006699;
	display: inline-block;
	vertical-align: top;
}
.langBx i{
	display: inline-block;
	vertical-align: top;
	width: 8px;
	height: 7px;
	background: url(../img/drop.png) no-repeat;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 5px;
}
.pagination-home,.pagination-index,.pagination-index02{
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	z-index: 30;
	text-align: center;
}
.pagination-home span,.pagination-index span,.pagination-media span{
	display: inline-block;
	vertical-align: top;
	width: 176px;
	height: 6px;
	background: #999;
	margin: 0 5px;
	cursor: pointer;
}
.pagination-home span.swiper-active-switch,.pagination-index span.swiper-active-switch,.pagination-media span.swiper-active-switch{
	background: #cc0000;
}
.pagination-media{margin-top: 30px;text-align: center;}
.pagination-media span{
	width: 66px;
	height: 4px;
}
.searchC{
	width: 1140px;
	position: absolute;
	left: 50%;
	top: 130px;
	margin-left: -600px;
	background: #006699;
	padding: 30px;
	visibility: hidden;
	transition: .2s all ease-in-out;
	opacity: 0;
}
.searchC_show{
	visibility: visible;
	opacity: 1;
}
.searchC a{
	display: inline-block;
	vertical-align: top;
	height: 40px;
	width: 40px;
	margin-left: 30px;
	background: url(../imgs/mobileSearch.png) no-repeat center;
	background-size: contain;
}
.searchC input{
	width: 1060px;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}
.langList{
	background: #081776;
	padding: 10px 20px;
	position: absolute;
	top: 40px;
	right: 0;
	visibility: hidden;
	opacity: 0;
}
.langListShow{
	visibility: visible;
	opacity: 1;
}
.langList li a{
	font-size: 14px;
	display: block;
	line-height: 35px;
	white-space: nowrap;
}
.threeList{
	margin-top: 20px;
}
.threeList02{
	margin-top: 0;
}
.threeList li{
	width: 370px;
	margin: 0 45px 30px 0;
	position: relative;
}
.threeList02 li{
	margin: 0 0 0 45px;
}
.threeList li i{
	display: inline-block;
	vertical-align: top;
	background: #972121;
	font-size: 20px;
	line-height: 39px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	font-style: normal;
	color: #fff;
	padding: 0 15px;
}
.threeList li div h3{
	margin-top: 10px;
}
.threeList li div h3 a{
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
}
.threeList li div p{
	font-size: 14px;
	line-height: 22px;
	color: #666;
	margin: 12px 0 0;
}
.threeList li h2{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 30;
	padding: 16px 20px 80px;
	font-weight: normal;
	background: linear-gradient(to bottom,rgba(32,66,133,.8),transparent);
}
.threeList li:nth-child(2) h2{
	background: linear-gradient(to bottom,rgba(53,187,255,.8),transparent);
}
.threeList li:nth-child(3) h2{
	background: linear-gradient(to bottom,rgba(215,66,41,.8),transparent);
}
.threeList li h2 a{
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}
.threeList li div em{
	font-size: 16px;
	color: #2551a7;
	margin-top: 16px;
	display: inline-block;
	vertical-align: top;
}
.threeList li div p{
	font-size: 14px;
	line-height: 18px;
	color: #666;
	margin: 10px 0 0;
}
.threeList li .transPic,.swiper-container-aca li .transPic{
	width: 370px;
	height: 260px;
	overflow: hidden;
	display: block;
}
.bgGray{
	margin-top: 95px;
	background: #f5f5f5;
	overflow: hidden;
	padding: 0 0 88px 0;
}
.speIns{
	margin-top: 20px;
}
.speIns div{
	overflow: hidden;
	display: block;
	padding: 20px;
	background: #264244;
	margin: 0 48px;
	line-height: 24px;
	margin-top: -60px;
	z-index: 3;
	position: relative;
}
.speIns div.bgRed{
	background: #972121;
}
.speIns div.bgRed h3 a{
	font-size: 20px;
}
.speIns div a{
	color: #fff;
	font-size: 18px;
}
.speIns div em{
	display: block;
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
}
.speIns div p{
	font-size: 16px;
	line-height: 20px;
	color: #f6cbcb;
	margin: 10px 0 0;
}
.highList dd{
	margin-top: 20px;
}
.highList dd div h3{
	font-size: 18px;
	line-height: 26px;
	padding-left: 26px;
	border-left: 4px solid #972121;
}
.highList dd div em{
	display: block;
	font-size: 14px;
	color: #cc0000;
	margin-top: 10px;
	padding-left: 30px;
}
.highList dd div p{
	font-size: 14px;
	line-height: 18px;
	color: #666;
	margin: 10px 0 0;
	padding-left: 30px;
}
.bgDarkGreen{
	background: #264244;
	padding: 20px 0;
	margin-top: 25px;
}
.admLft{
	width: 590px;
	margin-right: 20px;
}
.admLft a,.admUl a{
	display: block;
	position: relative;
	width: 590px;
	overflow: hidden;
}
.admLft a{
	height: 339px;
}
.transPic img{
	transition: .2s all ease-in-out;
}
.transPic:hover img{
	transform: scale(1.1);
}
.admLft a span,.admUl a span{
	display: inline-block;
	position: absolute;
	background: rgba(151,33,33,.6);
	left: 50%;
	top: 50%;
	color: #fff;
	transform: translate(-50%, -50%);
}
.admLft a span{
	height: 59px;
	line-height: 59px;
	padding: 0 20px;
	font-size: 30px;
	font-weight: bold;
}
.admUl a span{
	height: 49px;
	line-height: 49px;
	font-size: 24px;
	font-weight: bold;
	padding: 0 20px;
}
.admUl li:last-child{
	margin-top: 20px;
}
.bgDarkRed{
	padding: 40px 0;
	background: #972121;
}
.campusTit a{
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	line-height: 121px;
	display: block;
	padding-left: 30px;
	padding-right: 30px;
}
.topBx{
	margin-top: 30px;
}
.topBx li a{
	font-size: 18px;
	color: #006fa5;
	text-transform: uppercase;
}
.topBx li i{
	display: inline-block;
	vertical-align: top;
	width: 11px;
	height: 8px;
	margin: 6px 0 0 10px;
	background: url(../imgs/top.png) no-repeat;
}
.admissionBg{
	background: #f5f5f5;
	padding: 35px 0;
}
.bannerBx{
	width: 965px;
}
.bannerBx h3{
	font-size: 30px;
	font-weight: bold;
}
.bannerBx p{
	font-size: 16px;
	line-height: 22px;
	color: #666;
}
.mre span{
	font-size: 16px;
	color: #972121;
	display: inline-block;
	vertical-align: top;
}
.mre::after{
	display: inline-block;
	content: '';
	vertical-align: top;
	width: 19px;
	height: 16px;
	margin: 3px 0 0 8px;
	background: url(../img/icons/arr.png) no-repeat;
}
.page-ex-wrap{
	text-align: center;
}
.page-ex-wrap span,.page-ex-wrap div{
	display: inline-block;
	vertical-align: top;
}
.exPrev,.exNxt{
	width: 56px;
	height: 56px;
	background: url(../img/icons/lftArr.png) no-repeat;
	cursor: pointer;
}
.exNxt{
	transform: rotate(180deg);
}
.pagination-exchange{
	margin: 21px 10px 0;
}
.pagination-exchange span{
	width: 8px;
	height: 8px;
	background: #ccc;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0 4px;
}
.pagination-exchange span.swiper-active-switch{
	background: #cc0000;
}
.bgDouble{
	height: 297px;
	background: url(../img/bgDouble.png) no-repeat 50% 50%;
}
.exBtns{
	width: 306px;
	overflow: hidden;
	padding-top: 40px;
	padding-left: 47px;
}
.exBtns dd{
	margin-top: 23px;
}
.exBtns dd a{
	display: block;
	height: 64px;
	text-align: center;
	border: 1px solid #fff;
	-o-border-radius: 33px;
	-webkit-border-radius: 33px;
	border-radius: 33px;
}
.exBtns dd a i,.exBtns dd a span{
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	line-height: 64px;
}
.exBtns dd a i{
	width: 64px;
	height: 64px;
	background: url(../img/icons/icon_01.png) no-repeat 50% 50%;
}
.bgDouble{
	margin-top: 96px;
}
.bgDouble .floatlft{
	margin-top: -41px;
	padding-left: 70px;
}
.exBtns dd:hover a{
	background: #fff;
}
.exBtns dd:hover a span{
	color: #972121;
}
.exBtns dd:hover a i{
	background-image: url(../img/icons/icon_01_actived.png);
}
.exBtns dd:last-child a i{
	background-image: url(../img/icons/icon_02.png);
}
.exBtns dd:last-child:hover a i{
	background-image: url(../img/icons/icon_02_actived.png);
}
.swiper-container-media{
	height: 310px;
	margin-top: 30px;
}
.swiper-container-media li img{
	width: 100%;
}
.swiper-container-media li{
	position: relative;
}
.swiper-container-media li div{
	margin-top: 20px;
}
.swiper-container-media li h3{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	padding: 50px 20px 20px;
	background: linear-gradient(to bottom,transparent,rgba(0,0,0,.5));
}
.swiper-container-media li h3 a{
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	font-weight: normal;
}
.swiper-container-media li.swiper-slide-active div{
	position: relative;
	width: 463px;
	z-index: 30;
	margin-top: 0;
	margin-left: -20px;
}
.swiper-container-media li.swiper-slide-active h3{
	bottom: 0;
}
.swiper-container-media li.swiper-slide-active h3 a{
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
}
.multiBx{
	margin-top: 30px;
	height: 440px;
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.swiper-container-media li div h3 a{
	display: block;
	padding-right: 30px;
}
.swiper-container-media li div h3 em{
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 22px;
	background: url(../img/icons/vid.png) no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 15px;right: 15px;
}
.isPc{
	display: block;
}
.isMobile{
	display: none;
}
.dlNewsList dl{
	margin-bottom: 45px;
}
.dlNewsList dl dt{
	padding-bottom: 30px;
}
.dlNewsList dl dt a{
	display: block;
	font-weight: bold;
	font-size: 36px;
}
.dlNewsList dl dd{
	margin-bottom: 10px;
}
.dlNewsList dl dd a{
	display: block;
	padding: 13px 20px;
	min-height: 30px;
	line-height: 30px;
	background: #f5f5f5;
	font-size: 16px;
	position: relative;
}
.dlNewsList dl dd a:hover{
	background: #dbf3ff;
	text-decoration: none;
}
.dlNewsList dl dd a span{
	display: block;
	padding-right: 30px;
}
.dlNewsList dl dd a i{
	display: inline-block;
	vertical-align: top;
	position: absolute;
	right: 20px;
	top: 17px;
	width: 22px;
	height: 23px;
	z-index: 1;
	background: url(../images/icon.png) no-repeat 50% 50%;
}
.dlNewsList dl dd a:hover i{
	background-image: url(../images/icon_colored.png);
}
.swiper-container-campus dd{
	display: none;
}
.swiper-container-campus dd h3{
	display: none;
}
.swiper-container-campus dd.showBlock{
	display: block;
}
.campusControl{
	display: none;
}
.menuListWrap{
	width: 780px;
}
.menuList{
	margin-top: 10px;
	transition: all .3s ease-in-out;
	white-space: nowrap;
}
.menuList li{
	margin-right: 5px;
}
.menuList li img{
	width: 245px;
	height: 108px;
}
.menuList li{
	border: 5px solid transparent;
}
.menuList li.curr{
	border-color: #d74229;
}
.menuList li:last-child{
	margin-right: 0;
}
.campusMenu{
	position: relative;
	z-index: 30;
	height: 199px;
}
.menuCard{
	width: 322px;
	height: 149px;
	background: #fff;
	padding: 25px 30px;
	position: relative;
	margin-top: -60px;
	margin-left: 20px;
}
.menuCard::after{
	content: '';
	display: block;
	width: 12px;
	height: 186px;
	background: url(../images/shadow.png) no-repeat;
	position: absolute;
	right: -12px;
	bottom: 0;
	z-index: 30;
}
.menuCard h3 a{
	font-size: 22px;
	line-height: 30px;
}
.menuCard .readMore{
	position: absolute;
	bottom: 25px;
	left: 30px;
	z-index: 30;
}
.bgShape{
	background: url(../images/bgShape.png) no-repeat 50% 236px;
}
.bgTop{
	width: 370px;
	height: 386px;
	position: absolute;
	right: 0;top: 75px;
	z-index: 30;
}
.bgWrapper{
	background: url(../images/bgT.jpg) no-repeat 50% 50%;
}
.bgWrapper .btns dd{
	margin: 10px 0 50px 45px;
}
.lftBg{
	width: 83px;
	height: 386px;
	background: rgba(215, 66, 41, .9);
	position: absolute;
	right: 0;
	top: 76px;
}
.achievementsCtrls{
	text-align: center;
	margin-top: 30px;
}
.achievementsCtrls span{
	display: inline-block;
	vertical-align: top;
	width: 49px;
	height: 49px;
	margin: 0 10px;
	cursor: pointer;
	background: url(../images/control.png) no-repeat;
}
.achievementsCtrls span.achievementsLft,.achievementsCtrls span.mediaPrev{
	transform: rotate(180deg);
}
.admissionWrap .corner{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 128px;
	z-index: 20;
}
.admissionWrap .corner div{
	height: 128px;
	background: #d73f28;
	padding: 0 100px 0 50px;
	overflow: hidden;
	text-align: right;
	
}
.bgBlockGrayMart .admissionWrap .corner div{
	background: #204285;
}
.admissionWrap .corner div a{
	font-size: 18px;
	color: #fff;
}
.admissionWrap .corner div a::after{
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 14px;
	height: 15px;
	margin: 4px 0 0 5px;
	background: url(../images/moreArr.png) no-repeat;
}
.admissionWrap .corner::before{
	content:'';
	width: 83px;
	height: 128px;
	float: left;
	display: block;
	margin-left: -83px;
	background: url(../images/cornerRed.png) no-repeat;
}
.bgBlockGrayMart .admissionWrap .corner::before{
	background-image: url(../images/cornerBlue.png);
}
.bgBlockGray{
	background: url(../images/grayBg.png) repeat-x 50% 50%;
}
.bdy_wid_03{
	width: 1052px;
}
.bgBlockGrayMart{
	margin-top: 110px;
}
.admissionWrap div h3{
	text-align: center;
	padding-top: 24px;
	font-weight: bold;
	font-size: 36px;
	text-transform: uppercase;
	color: #fff;
}
.campuswid{
	width: 1920px;
	margin-left: -310px;
}
.campusBg{
	background: #d74229;
}
.campusBg02{
	background: #204285;
	margin-top: 90px;
}
.campTit a{
	font-size: 36px;
	line-height: 1;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 150px;
	color: #fff;
	display: block;
}
.globalTit a{
	font-size: 30px;
}
.globalTit a{
	padding-top: 210px;
}
.narrmore{
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	color: #fff;
	height: 36px;
	line-height: 36px;
	padding: 0 30px;
	border: 1px solid #fff;
	-o-border-radius: 19px;
	-webkit-border-radius: 19px;
	border-radius: 19px;
	margin-top: 30px;
}
a.narrmore:hover{
	color: #fff;
}
.campusItem{
	width: 300px;
	margin: 0;
}
.globalItem{
	width: auto;
}
.globalItem02{
	text-align: right;
	padding: 0 35px 0 0;
}
.campusItem02{
	padding-left: 462px;
}
.campusItem01{
	padding-right: 120px;
	text-align: right;
}
.narrmore::after{
	content: '';
	width: 14px;
	height: 36px;
	background: url(../images/moreArr.png) no-repeat center;
	margin: 0 0 0 12px;
	display: inline-block;
	vertical-align: top;
}
.globalWrapMart{
	margin-top: 80px;
}
.swiper-container-achievements .swiper-wrapper li{
	margin: 0;
}
.swiper-container-achievements .swiper-wrapper li div{
	padding-right: 30px;
}
.btnsMenu a.show{
	width: 908px;
	height: 538px;
	display: block;
}
.btnsMenu a{
	display: none;
}
.mediasWrrpper{
	width: 1860px;
	padding: 30px;
	background: #f5f5f5;
	margin-left: -310px;
}
.swiper-container-medias li a{
	display: block;
	position: relative;
}
.swiper-container-medias li a h3{
	position: absolute;
	left: 0;
	right: 20px;
	bottom: 0;
	padding: 100px 24px 24px;
	background: linear-gradient(to bottom,transparent,rgba(0,0,0,.5));
	font-size: 20px;
	line-height: 34px;
	color: #fff;
}
.swiper-container-medias li a h3 i{
	display: inline-block;
	vertical-align: top;
	width: 48px;
	height: 34px;
	background: url(../images/vid.png) no-repeat;
	margin-right: 14px;
}
.contactWrap{
	height: 433px;
}
.contactLft{
	padding: 50px 0 60px;
	background: linear-gradient(to right,transparent,#e1f5ff 340px);
	margin-left: -340px;
	width: 1200px;
	position: relative;
	z-index: 2;
}
.contactIns{
	width: 600px;
	margin-left: 340px;
}
.contactIns h3{
	font-size: 34px;
	line-height: 1;
	font-weight: bold;
}
.contactRgtBg{
	width: 999px;
	height: 333px;
	position: absolute;
	left: 532px;top: 100px;
	z-index: 1;
	background: linear-gradient(to right,#d5f6e7,transparent);
}
.contactPic{
	position: absolute;
	left: 645px;top: 42px;
	z-index: 3;
}
.contactIns p{
	font-size: 20px;
	line-height: 1;
}
.addressWrap dd div{
	font-size: 17px;
	line-height: 26px;
	margin-top: 10px;
	overflow: hidden;
}
.addressWrap dd b{
	color: #006699;
}
.addressWrap dd i{
	float: left;
	width: 36px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.addressWrap dd i.address{
	background-image: url(../imgs/contact_01_ico.png);
}
.addressWrap dd i.postcode{
	background-image: url(../imgs/contact_02_ico.png);
}
.addressWrap dd i.email{
	background-image: url(../imgs/contact_03_ico.png);
}
.aboutWrap{
	background: #e1f5ff;
	padding:50px 0;
	margin:0 0 95px;
}
.rgtImgMar{
	margin-left: 50px;
}
.lftImgMar{
	margin-right: 50px;
}
.aboutIns{
	font-size: 18px;
	line-height: 30px;
	text-align: justify;
}
.about_tit{
	font-size: 34px;
	font-weight: bold;
	line-height: 1;
}
.aboutMart{
	margin-top: 35px;
}
.culBg{
	background-repeat: no-repeat;
	background-position: 50% 100%;
	overflow: hidden;
	margin-top: 40px;
}
.culBg01{
	height: 368px;
	background-image: url(../imgs/cul_01.jpg);
}
.culBg02{
	height: 368px;
	background-image: url(../imgs/cul_02.jpg);
}
.culBg03{
	height: 368px;
	background-image: url(../imgs/cul_03.jpg);
}
.culBg04{
	height: 368px;
	background-image: url(../imgs/cul_04.jpg);
}
.culBg05{
	height: 368px;
	background-image: url(../imgs/cul_05.jpg);
}
.circle{
	display: inline-block;
	vertical-align: top;
	width: 178px;
	height: 178px;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #89dbb5;
	text-align: center;
	line-height: 178px;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}
.codeBx .circle{
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ctrls{
	display: none;
}
.dot{
	position: absolute;
	font-size: 18px;
	line-height: 1.8;
	text-align: center;
	z-index: 10;
}

.dot i{
	display: block;
	margin: 0 auto;
	width: 18px;
	height: 18px;
	background: #89dbb5;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.dot01{
	top: -60px;
	left: 60px;
}
.dot02{
	top: 0;
	left: -70px;
}
.dot02 i{
	margin: 0 0 0 50px;
}
.dot03{
	top: 0;
	right: -80px;
}
.dot03 i{
	margin: 0 0 0 18px;
}
.dot04{
	bottom: -10px;
	left: -70px;
}
.dot04 i{
	margin: 0 0 0 55px;
}
.dot05{
	bottom: -10px;
	right: -70px;
}
.dot05 i{
	margin: 0 0 0 10px;
}
.dot06{
	bottom: -60px;
	left: 30px;
}
.codeBx{
	width: 178px;
	height: 178px;
	margin-top: 90px;
	margin-left: 210px;
}
.culP{
	font-size: 18px;
	line-height: 1.6;
	margin: 0;
}
.culMarRgt{
	margin-right: 20px;
}
.culMarLft{
	margin-left: 20px;
}
.list-row{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.culBg01 .bdy_wid{
	margin-top:65px;
}
.culBg02 .bdy_wid{
	margin-top:42px;
}
.culBg03 .bdy_wid{
	margin-top:100px;
}
.culBg04 .bdy_wid .spiritBx{
	width: 510px;
	margin-top:85px;
	margin-left: 600px;
}
.valWid{
	width: 558px;
}
.culBg04 .culP{
	margin-top: 12px;
}
.coreBx{
	padding: 30px;
	margin-top: 30px;
	background: linear-gradient(to bottom,#e1f5ff,#fff);
}
.coreList li{
	cursor: pointer;
	width: 270px;
	margin-right: 20px;
	position: relative;
	padding-bottom: 20px;
}
.coreList li a,.coreList li span{
	display: block;
	height: 100%;
	font-size: 16px;
	line-height: 20px;
	padding: 20px;
	height: 60px;
	background: #338ab7;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.coreList li a::after,
.coreList li span::after{
	content: '';
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}
.coreList li:hover a,.coreList li:hover span,.coreList li.curr a,.coreList li.curr span{
	background: #ee7636;
}
.coreList li:hover a::after,.coreList li:hover span::after,.coreList li.curr a::after,.coreList li.curr span::after{
	border-top-color:#ee7636;
}
.picsList{
	margin-top: 20px;
	display: none;
	transition: .2s all ease-in-out;
}
.picsListShow{
	display: block;
}
.coreTopShow i{
	transform: rotate(180deg);
}
.picsList li{
	width: 250px;
	margin: 0 20px 30px 0;
	padding: 10px;
	background: #fff;
}
.picsList li div{
	margin-top: 10px;
}
.picsList li div a{
	text-align: center;
	display: block;
	font-size: 18px;
	line-height: 22px;
}
.gloalList{
	padding-bottom: 70px;
}
.gloalList li{
	width: 380px;
	margin: 0 30px 0 0;
	position: relative;
}
.gloalList li a{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: rgba(0,0,0,.3);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.gloalList li a span{
	display: inline-block;
	vertical-align: top;
	width: 284px;
	height: 54px;
	padding: 15px 20px;
	border: 1px solid rgba(255,255,255,.8);
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.gloalList{
	margin-top: 40px;
}
.gloalList .transPic{
	width: 380px;
	height: 268px;
	overflow: hidden;
}
.preBx{
	min-height: 605px;
	background: url(../imgs/alBg.jpg) no-repeat 50% 0;
	overflow: hidden;
	margin-top: 40px;
	padding-top: 35px;
	padding-bottom: 70px;
}
.preBx dl{
	padding: 0 30px 0;
	background: rgba(255,255,255,.6);
	margin-top: 10px;
}
.preBx dl dt{
	overflow: hidden;
	padding:25px 0;
	cursor: pointer;
}
.preBx dl dd{
	display: none;
}
.preBx dl ul{
	padding-bottom: 20px;
}
.preBx dl dt span{
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
}
.preBx dl dt i{
	float: right;
	font-size: 40px;
	line-height: 1;
	color: #00a1e9;
	font-style: normal;
}
.preBx dl ul li span{
	display: inline-block;
	vertical-align: top;
	line-height: 36px;
	font-size: 18px;
	padding: 0 15px;
	background-color: #fff;
	margin: 10px 10px 0 0;
}
.preBx dl.show dt i{
	font-size: 30px;
}
.preBx dl.show dd{
	display: block;
}
.widHalf{
	width: 575px;
}
.newsList dd{
	overflow: hidden;
	margin-top: 40px;
}
.newsList dd a.floatlft{
	margin-right: 20px;
}
.newsList dd div em{
	display: block;
	font-size: 16px;
	color: #006da5;
}
.newsList dd div h3 a{
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	display: block;
	margin-top: 10px;
}
.newsList dd div p{
	font-size: 14px;
	line-height: 18px;
	color: #666;
	margin: 10px 0 0;
}
.widHalf .bdy_item{
	height: 80px;
}
.widHalf .bdy_item a,.widHalf .bdy_item span{
	font-size: 34px;
}
.bgVideo{
	margin-top: 105px;
	background: url(../imgs/videoBg.jpg) no-repeat 50% 45px;
}
.storyIns{
	width: 1000px;
	margin-top: 48px;
	position: relative;
	z-index: 2;
}
.videoShadow{
	height: 83px;
	background: url(../imgs/shadow.png) no-repeat 50% 50%;
	position: relative;
	margin-top: -44px;
	z-index: 1;
}
.storyIns video{
	width: 100%;
	height: 624px;
	object-fit: cover;
}
.bgCore .gloalList li{
	margin: 0 10px 10px 0;
}
.bgCore .gloalList .transPic{
	height: 352px;
}
.bgCore .gloalList li a span{
	width: 386px;
	height: auto;
	padding: 20px;
}
.gloalList li a:hover{
	color: #fff;
}
.bgCore .gloalList li.core{
	width: 500px;
}
.bgCore .gloalList li.coreLong{
	width: 690px;
}
.bgCore .gloalList li:nth-child(3) a span,.bgCore .gloalList li:nth-child(4) a span{
	width: auto;
}
.bgCore{
	margin-top: 100px;
	background: url(../imgs/coreBg.jpg) no-repeat 50% 30px;
	overflow: hidden;padding-bottom: 100px;
}
.prolst{
	height: 281px;
}
.swiper-container-pro{
	width: 2000px;
	position: absolute;
	left: 50%;
	height: 281px;
	margin-left: -1000px;
}
.bgProject{
	position: relative;
}
.proBg{
	height: 281px;
	position: absolute;
	z-index: 12;
	width: 80px;
	bottom: 0;
	background: linear-gradient(to right,#fff,transparent);
}
.bgLft{
	left: 0;
}
.bgRgt{
	right: 0;
	background: linear-gradient(to right,transparent,#fff);
}
.proLft,.proRgt,.indexLft,.indexRgt{
	position: absolute;
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 50%;
	top: 50%;
	z-index: 20;
	background: url(../imgs/lftArr.png) no-repeat 50% 50%;
	cursor: pointer;
}
.proLft,.indexLft{
	left: -20px;
}
.indexLft{
	left: 20px;
}

.proRgt,.indexRgt{
	right: -20px;
	transform: rotate(180deg);
}
.indexRgt{
	right: 20px;
}
.proLft:hover,.proRgt:hover,.indexLft:hover,.indexRgt:hover{
	background-color: #81d4ff;
	border-color: #81d4ff;
}
.proShadow{
	height: 131px;
	background: url(../imgs/shadow02.jpg) no-repeat 50% 0;
	margin-top: -60px;
}
.prolst{
	margin-top: 40px;
}
.projectList li{
	width: 400px;
	position: relative;
}
.projectList li div{
	background: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: .2s all ease-in-out;
	visibility: hidden;
	opacity: 1;
	z-index: 10;
	padding: 30px;
}
.projectList li div h3 a{
	font-size: 24px;
	line-height: 26px;
	color: #fff;
}
.projectList li div p{
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	margin: 10px 0 0;
}
.projectList li:hover div{
	visibility: visible;
	opacity: 1;
}
  #displaypagenum {
        display: block;
        margin: 50px auto;
        padding: 0;
        width: 100%;
        height: 50px;
  }
  #displaypagenum p{display:none;}
  #displaypagenum center {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: auto;
    height: 50px;
  }

  #displaypagenum a,
  #displaypagenum span {
    display: inline-block;
    vertical-align: top;
    font-size: initial;
    letter-spacing: normal;
    padding: 10px 15px;
    font-size: 14px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #000;
    border: 1px solid #ccc;
    margin: 0 2.5px;
    font-family: 'Montserrat-Light';
  }

  #displaypagenum span.NumOn {
    background: #249bd8;
    color: #fff;
  }
  
/*20260105*/
  .storyIns{
	width: 1109px!important;
  }
  .m-style {
    position: relative;
    text-align: center;
    zoom: 1;
    margin:40px 270px 50px;
}

.m-style:before,
.m-style:after {
    content: "";
    display: table;
}

.m-style:after {
    clear: both;
    overflow: hidden;
}

.m-style span {
    float: left;
    margin: 0 5px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #bdbdbd;
    font-size: 14px;
}

.m-style .active {
float: left;
    margin: 0 5px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background: #ebebeb;
    color: #a0a3a5;
    font-size: 14px;
    border: 1px solid #CCCCCC;
}

.m-style a {
    float: left;
    margin: 0 5px;
    width: 34px;
    height: 28px;
    line-height: 28px;
    background: #fff;
    border: 1px solid #ebebeb;
    color: #bdbdbd;
    font-size: 14px;
}

.m-style a:hover {
    color: #fff;
    background: #636566;
}

.m-style .next,
.m-style .prev {
    font-family: "Simsun";
    font-size: 16px;
    font-weight: bold;
}

.now,
.count {
    padding: 0 5px;
    color: #f00;
}

.eg img {
    max-width: 800px;
    min-height: 500px;
}

.jump-ipt {
    float: left;
    margin: 0 5px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #fff;
    border: 1px solid #ebebeb;
    outline: none;
    color: #bdbdbd;
    font-size: 14px;
}
.mediaList li div h3 a b{
 color: rgb(255, 0, 0);  
}

/*ΣοΡΤΗΠ»»°΄Ε₯*/
.langBx a{
	padding: 0 40px!important;
}
.langBx{
	right:-120px!important;
}