/*********************通用样式*********************/

* {
	box-sizing: border-box !important;
}

body {
	margin: 0px;
	padding: 0px;
	position: relative;
	min-width: 1180px;
}

p {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}


/*字体定位*/

.centerTextPosition {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	padding: 0px;
	margin: 0px;
}


/********************首页样式*********************/

.homepage {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.homeBg {
	width: 100%;
}

.Top {
	height: 20%;
	position: relative;
}

.Mid {
	height: 54%;
	position: relative;
}

.Bottom {
	height: 26%;
	position: relative;
}


/*********左边部分********/

.leftDiv {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 60%;
	height: 100%;
	display: inline-block;
	overflow: hidden;
}

.QRsection {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 90%;
	height: 60%;
}

.weChartQR {
	height: 100%;
}

.homeLogo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 70%;
}

.leftBottomDiv {
	width: 100%;
	padding: 0px 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.BottomCol {
	height: 100%;
	display: inline-block;
	float: left;
	padding: 0px 10px;
}

.BottomCol1 {
	width: 26%;
}

.BottomCol2 {
	width: 36%;
}

.BottomCol3 {
	width: 38%;
}

.leftBottom {
	padding: 0px 5%;
}

.BottomTitle {
	margin: 0px;
	color: #662d91;
	font-weight: bold;
	font-size: 16ox;
}

.BottomContent {
	margin: 0px;
	color: #662d91;
	font-size: 14px;
	line-height: 24px;
}


/*********右边部分********/

.rightDiv {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40%;
	height: 100%;
	display: inline-block;
	z-index: 0;
	overflow: hidden;
}

.rightTopTitle {
	color: white;
	font-size: 32px;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

.homeTitleBg1 {
	width: 100%;
	height: 100%;
}

.rightMidContent {
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.chineseDiv {
	padding: 0px 0px 20px 0px;
}

.englishDiv {
	display: inline-block;
	padding: 10px 0px 0px 0px;
}

.mainTitle {
	font-weight: bold;
	margin: 10px 0px;
	display: inline-block;
	font-size: 36px;
	background-image: -webkit-linear-gradient(79deg, #a93a84, #8c61a1, #4b73bc);
	/*#a93a84,#985596,#8c61a1,#766bae,#4b73bc*/
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.mainTitle2 {
	font-weight: bold;
	margin: 0px;
	font-size: 36px;
	color: #662d91;
}

.mainTitle3 {
	margin: 0px;
	font-size: 32px;
	color: #662d91;
}

.rightBottomTitle {
	color: white;
	font-size: 32px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}

.homeTitleBg2 {
	width: 100%;
	height: 100%;
}


/********************子页面样式*********************/

.subpage {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.nav {
	width: 100%;
	height: 60px;
	position: relative;
	box-shadow: -1px -8px 20px 3px #a19abd;
}

.subLogo {
	position: relative;
	z-index: 1;
	height: 26px;
	margin-top: 17px;
	margin-left: 17px;
}

.navSection {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.navSection a {
	display: inline-block;
	color: white;
	font-size: 24px;
	font-weight: bold;
	margin: 0px 25px;
	text-decoration: none;
}

.navSection a p:hover {
	text-decoration: underline;
}

.subpageNavBG {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.subpageContent {
	width: 100%;
	position: relative;
}

.centerDiv {
	width: 474px !important;
	display: inline-block;
	margin: 0px auto;
}


/*SubPage Content*/

.textSection {
	width: 60%;
	display: block;
	margin: 0px auto;
}

.imgDecoration {
	position: absolute;
}

.decoration1 {
	width: 8%;
	left: 0px;
	top: 5%;
}

.decoration2 {
	width: 8%;
	right: 0px;
	top: 2%;
}

.decoration3 {
	width: 3%;
	right: 6%;
	top: 9%;
}

.decoration4 {
	width: 3%;
	left: 6%;
	top: 22%;
}

.query {
	font-size: 1.2em;
}

.noIndent {
	text-indent: 0em !important;
}

.textCenter {
	text-align: center;
}


/*Detail Page*/

.subpageBg {
	position: absolute;
	height: 100%;
	width: 100%;
}

.detailDiv {
	position: relative;
	width: 100%;
	padding-top: 140px;
	padding-bottom: 60px;
}

.detailDiv p {
	display: block;
	color: #172f7a;
	font-size: 20px;
	text-indent: 2em;
}

.detailDiv span {
	font-weight: bold;
}

.theme {
	display: block;
	width: 90%;
	margin: 160px auto 100px auto;
}

.themeExplain {
	display: block;
	width: 80%;
	margin: 20px auto 120px auto;
}

.time {
	display: block;
	width: 80%;
	margin: 120px auto 120px auto;
}

.timeTable {
	display: block;
	width: 60%;
	margin: 0px auto 120px auto;
	position: relative;
	left: 3%;
}

.awardsSetting {
	display: block;
	width: 80%;
	margin: 0px auto 120px auto;
}

.process {
	display: block;
	width: 80%;
	margin: 120px auto 120px auto;
}

.downloadBtnDiv {
	width: 100%;
	position: relative;
	margin: 40px 0px 120px;
}

.downloadBtn {
	width: 20%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.notice {
	display: block;
	width: 80%;
	margin: 220px auto 120px auto;
}

.contact {
	display: block;
	width: 80%;
	margin: 120px auto 120px auto;
}


/*Plan Page*/

.planBg {
	position: absolute;
	height: 100%;
	width: 100%;
}

.planDiv {
	position: relative;
	width: 100%;
	padding-top: 260px;
	padding-bottom: 60px;
}

.planDiv p {
	display: block;
	color: #172f7a;
	font-size: 20px;
	text-indent: 2em;
}

.planTitle {
	display: block;
	width: 80%;
	margin: 0px auto 100px auto;
}

.plan2 {
	display: block;
	width: 80%;
	margin: 100px auto 100px auto;
}

.awardSetting2 {
	display: block;
	width: 80%;
	margin: 100px auto 100px auto;
}

.stepOne {
	width: 30%;
	display: block;
	margin: 100px auto 60px;
}

.stepTwo {
	width: 37%;
	display: block;
	margin: 100px auto 60px;
	position: relative;
	left: 1%;
}

.stepThree {
	width: 37%;
	display: block;
	margin: 100px auto 60px;
	position: relative;
	left: 1%;
}

.stepFour {
	width: 30%;
	display: block;
	margin: 100px auto 60px;
}

.decoration5 {
	width: 10%;
	right: 0px;
	top: 3%;
}

.decoration6 {
	width: 10%;
	left: 0px;
	top: 10%;
}

.decoration7 {
	width: 10%;
	right: 0px;
	top: 19%;
}

.decoration8 {
	width: 3%;
	left: 10%;
	top: 24%;
}

.decoration9 {
	width: 3%;
	right: 8%;
	top: 38%;
}

.decoration10 {
	width: 10%;
	left: 0px;
	top: 62%;
}

.decoration11 {
	width: 10%;
	right: 0px;
	top: 78%;
}

.decoration12 {
	width: 10%;
	left: 0px;
	top: 86%;
}

.footer {
	width: 50%;
	display: block;
	margin: 100px auto 0px;
}

@media only screen and (min-width: 1500px) {
	.detailDiv p {
		font-size: 24px;
	}
	.centerDiv {
		width: 570px !important;
	}
	.planDiv p {
		font-size: 24px;
	}
}

@media only screen and (min-width: 1700px) {
	.detailDiv p {
		font-size: 28px;
		line-height: 40px;
	}
	.centerDiv {
		width: 666px !important;
	}
	.planDiv p {
		font-size: 28px;
		line-height: 40px;
	}
}

.languageBtn {
	position: absolute;
	top: 50%;
	right: 100px;
	transform: translateY(-50%);
}


/*********************英文版样式*********************/

.enLine {
	border-top: solid 5px #662d91;
	width: 64px;
	margin-left: 0px;
}

.BottomContent_en {
	font-size: 12px;
	margin: 0px;
	color: #662d91;
	line-height: 24px;
}

.Mid_en {
	height: 52%;
}

@media only screen and (max-width: 1276px) {
	.Mid_en {
		height: 47%;
		position: relative;
	}
}

.theme_en {
	display: block;
	width: 80%;
	margin: 160px auto 100px auto;
}


/*********************新闻样式*********************/

.newsImg1 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.newsImg2 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.workImg1{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	margin-top: 50px;
	margin-bottom: 0px;
}
.workImg2{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	margin-top: 50px;
	margin-bottom: 0px;
}
.workImgFollow{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.workImgFollow2{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.workName{
	text-indent: none;
	text-align: center;
	font-size: 16px !important;
}
