body
{
	overflow-x: hidden;
	max-width: 1920px;
	margin: 0 auto;
}

/* pc氓炉录猫藛陋茅茠篓氓藛鈥犆ヂ尖偓氓搂鈥� */
.header
{
	background: url(../image/pc/nav_bg.png) repeat-x;
	background-size: 100% 100%;
	width: 100vw;
	height: 132px;
	box-sizing: border-box;
	padding: 0 3vw;
	z-index: 999;
	position: fixed;
	max-width: 1920px;
	margin: 0 auto;
}

.logo
{
	width: 27%;
}

.logo img
{
	width: 100%;
	/* height: 80px; */
}

.headerRight
{
	width: 70%;
	position: relative;
}

.headerRight .spaceBetween
{
    /* height: 40px; */
}

.headerRight ul li
{
	position: relative;
    /* height: 40px; */
}

.headerRight > ul li a
{
	height: inherit;
}

.secondNav
{
	display: none;
	min-width: 140px;
	height: auto;
	background: #FFFFFF;
	box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	background: white;
	padding: 12px;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}

/* 盲赂鈥懊р�櫭ヂ铰⒚β犅访ヂ悸� */
.secondNav::before
{
	position: absolute;
	top: -9px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid white;
}

.menuItem
{
	width: 100%;
	height: 40px;
	background: white;
	border-radius: 5px;
	position: relative;
}

.menuItem ul
{
	width: 200px;
	height: auto;
	background: white;
	position: absolute;
	left: calc(100% + 10px);
	top: 0;
}

.menuItem ul a
{
	color: #333333;
}

.menuItem a
{
	display: block;
	width: 100%;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 40px;
	text-align: center;
}

.thirdNav
{
	display: none;
	border-radius: 5px;
	padding: 12px;
}

.menuItem:hover
{
	background: linear-gradient(90deg, #bb23af, #321da8, #54229e);
}

.menuItem:hover > a
{
	color: white;
}

.thirdNav li a:hover
{
	border-radius: 5px;
	color: white;
	background: linear-gradient(90deg, #bb23af, #321da8, #54229ec);
}

.headerRight > ul > li > a
{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 35px;
}

.fontBold
{
	font-weight: bold;
}

.headerRight .schoolDay
{
	width: 126px;
	height: 23px;
}

.searchIcon
{
	width: 43px;
	height: 42px;
	margin-left: 10%;
}

.firstNav .searchIcon
{
	margin-top: 0em;
}

.searchForm
{
	display: none;
	width: 296px;
	height: 50px;
	position: absolute;
	bottom: -60px;
	right: 0;
}

.searchForm form
{
	width: inherit;
	height: inherit;
	position: relative;
}

.searchForm input
{
	outline: none;
	border: none;
}

.searchForm .searchInput
{
	width: 296px;
	height: 50px;
	padding: 0 40px;
	background: #FFFFFF;
	box-shadow: 0px 3px 15px 0px rgba(165, 173, 190, 0.4);
	font-size: 16px;
	color: #A2A2A1;
}

.searchInput::placeholder
{
	font-size: 16px;
	color: #A2A2A1;
}

.searchForm .searchBtn
{
	width: 30px;
	height: 50px;
	background: white;
	background: url(../image/pc/search_blue.png) no-repeat center;
	background-size: 17px 17px;
	position: absolute;
	left: 5px;
	top: 0;
}

.closeIcon
{
	width: 17px;
	height: 17px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
/* pc氓炉录猫藛陋茅茠篓氓藛鈥犆烩�溍β澟� */

/* 忙鈥扳�姑ε撀好ヂ济ㄋ喡┢捖ニ嗏�犆ヂ尖偓氓搂鈥� */
.moHeader
{
	display: none;
	background: url(../image/pc/nav_bg.png) repeat-x;
	background-size: 100% 100%;
	width: 100vw;
	height: 132px;
	box-sizing: border-box;
	padding: 0px 2vw;
	z-index: 100;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
}

/* 忙鈥扳�姑ε撀好徟撁ヂ嶁�⒚ㄆ捙捗︹劉炉 */
.addBg
{
	background: linear-gradient(90deg, #6F47F2, #3D50E0, #51BAD3);
}

.headerBox
{
	height: 99%;
	position: relative;
	font-size: 18px;
}

.mologo
{
	width: 78%;
}

.mologo img
{
	width: 86%;
    /* height: 3.7em; */
}

.searchIcon
{
	width: 2.3em;
	height: 2.2em;
}

.menuIcon
{
	width: 2.7em;
	height: 2.7em;
	margin-left: 1em;
}

.moTools
{
}

.menuTools
{
	display: none;
}

.enWebsite
{
	display: inline-block;
	width: 2em;
	height: 2em;
	background: rgba(255, 255, 255, 0.22);
	border-radius: 50%;
	line-height: 2em;
	text-align: center;
	font-size: 1.4em;
	color: white;
}

.enWebsite a
{
	color: white;
}

.closeBtn
{
	width: 2.7em;
	height: 2.7em;
    /* margin-left: 1em; */
	vertical-align: top;
}

/* 忙鈥扳�姑ε撀好ヂ济ㄋ喡┢捖ニ嗏�犆烩�溍β澟� */

/* 忙鈥扳�姑ε撀好徟撁ヂ嶁�⒚ヂ尖偓氓搂鈥� */
.moMenu
{
	display: none;
	position: fixed;
	top: 132px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
	background: rgba(255, 255, 255, 0.97);
	z-index: 100;
	font-size: 18px;
}

.dropMenu
{
	width: 100%;
	height: auto;
	max-width: 750px;
	margin: 0 auto;
	z-index: 99;
	box-sizing: border-box;
	padding: 0 20px;
}

.dropdownItem
{
	width: inherit;
	height: auto;
	border-bottom: 1px solid #D9DEEA;
}

.secondNavMo
{
	display: none;
}

.dropdownItem a
{
	height: inherit;
}

.navL img
{
	width: 2.5em;
	height: 2.5em;
}

.navR img
{
	width: 2.7em;
	height: 2.7em;
}

.navR .activeImg
{
	display: none;
}

.navL span
{
	font-size: 1.7em;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 4.2em;
	margin-left: 0.5em;
}

.secondNavMo
{
	padding-left: 5em;
}

.secondNavMo > li > a
{
	font-size: 1.5em;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #7A7878;
	line-height: 21px;
	line-height: 3em;
}

.thirdNavMo
{
	display: none;
	padding-left: 3em;
	line-height: 2em;
}

.thirdNavMo > li > a
{
	font-size: 1.4em;
	color: #7A7878;
	line-height: 3em;
}

/* 忙鈥扳�姑ε撀好徟撁ヂ嶁�⒚烩�溍β澟� */

/* 猫鈥炁∶β陈┢捖ニ嗏�犆ヂ尖偓氓搂鈥� */
.footer
{
	width: 100%;
	height: auto;
	background: url(../image/pc/newfoot.jpg) no-repeat;
	background-size: 100% 100%;
	font-size: 18px;
}

.footerT
{
	padding: 20px 5%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.footerLogo
{
	width: 20%;
}

.footerLogo img
{
	width: 100%;
	/* height: 4.4em; */
}

.friLinks
{
    /* min-width: 800px; */
    box-sizing: border-box;
    padding: 0 2%;
    align-items: center;
    /* width: 60%; */
}

.brand
{
	width: 7.1em;
	height: 4.8em;
	border: 1px solid #ffffff;
	border-radius: 5px;
	box-sizing: border-box;
	text-align: center;
}

.brand h3
{
	font-size: 1.2em;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 2.2em;
}

.brand p
{
	font-size: 1em;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(228, 230, 253, 0.26);
}

.links
{
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.links li
{
	margin-left: 1.5em;
}

.links li > a
{
	height: 2.2em;
	display: block;
	font-size: 1em;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #DCDFFD;
	line-height: 2.2em;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	transition: all 1s;
}

.links li > a:hover
{
	border-bottom: 1px solid #FFEFD7;
	font-weight: bold;
}

.qrcode
{
	max-width: 300px;
	min-width: 240px;
}

.wechat, .weibo
{
	font-size: 0.7em;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #C1E2FE;
	line-height: 2em;
	text-align: center;
}

.wechat img, .weibo img
{
	width: 6.2em;
	height: 6.2em;
}

.footerB
{
	width: 100vw;
	min-height: 60px;
	padding: 15px;
}

.footerB p
{
	font-size: 1em;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #DCDFFD;
	line-height: 30px;
	text-align: center;
}

.footerB a
{
	display: block;
	color: #DCDFFD;
	margin-left: 15px;
}



/* 猫鈥炁∶β陈┢捖ニ嗏�犆烩�溍β澟� */

/* baner茅茠篓氓藛鈥犆ヂ尖偓氓搂鈥� */
.banner
{
	width: 100%;
	height: 545px;
	box-sizing: border-box;
	padding: 0 10%;
	position: relative;
	font-size: 18px;
}

.banner > img
{
	width: 100%;
	height: inherit;
	position: absolute;
	left: 0;
	right: 0;
}

.bannerWrap
{
	width: 80%;
	position: absolute;
	bottom: 0;
}

.bannerL
{
	width: 15.1em;
	height: 5.8em;
	background: url(../image/pc/left_title_bj1.jpg) no-repeat;
	background-size: 100% 100%;
	justify-content: center;
}

.bannerL h3
{
	font-size: 1.4em;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #F4F7FC;
}

.bannerR img
{
	margin-right: 5px;
}

.bannerR p, .bannerR a
{
	/* font-size: 0.8em; */
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	padding: 0 5px;
}

.bannerR td, .bannerR a span
{
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF !important;
}

.splitflagstyle281240, .fontstyle281240
{
	color: #ffffff !important;
}


/* baner茅茠篓氓藛鈥犆烩�溍β澟� */

/* 氓鈥犫�γヂ姑┢捖ニ嗏�犆ヂ尖偓氓搂鈥� */
.main
{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 0 10% 100px;
	font-size: 18px;
	align-items: flex-start;
}

.conL
{
	width: 15.1em;
	height: auto;
	min-height: 30.2em;
	background: url(../image/pc/left_bg.png) no-repeat;
	background-size: 100% 100%;
}

.conMo
{
	display: none;
}

.firstRow > li
{
	width: 100%;
	min-height: 3.6em;
	border-bottom: 1px solid rgba(208, 215, 227, 0.42);
	box-sizing: border-box;
	padding: 0 1.2em;
}

.firstRow > li > a
{
	height: inherit;
	align-items: center;
	line-height: 3.3em;
	font-size: 1em;
	color: #333333;
}

.firstRow > li > a > img:nth-child(3)
{
	display: none;
}

.firstRow > li > a:hover
{
	color: #5467BB;
	font-weight: bold;
}
.firstRow > li.activeon a
{
	color: #5467BB;
	font-weight: bold;
}

.firstRow > li > a:hover img:nth-child(2)
{
	display: none;
}

.firstRow > li > a:hover img:nth-child(3)
{
	display: block;
}

.firstRow .secondRow
{
	display: none;
	box-sizing: border-box;
	padding-left: 1.5em;
}

.firstRow .secondRow li a
{
	font-size: 1em;
	color: #6D6B6B;
	line-height: 3em;
}

.firstRow .secondRow li a:hover
{
	color: #5467BB;
	font-weight: bold;
}

.navActive
{
	color: #5467BB !important;
	font-weight: bold;
}

.navActive img:nth-child(2)
{
	display: none !important;
}

.navActive img:nth-child(3)
{
	display: block !important;
}

.conR
{
	width: calc(100% - 15.1em);
	height: auto;
	box-sizing: border-box;
	padding: 44px 0 20px 55px;
}

.conTitle
{
	margin-bottom: 50px;
}

.conTitle h3
{
	font-size: 1.3em;
	color: #333333;
}

.conTitle img
{
	width: calc(100% - 4.5em);
	height: 12px;
	max-width: 70%;
}

.navTitle
{
	height: 4.4em;
	box-sizing: border-box;
	padding: 0 1.5em;
	background: url(../image/mo/nav_bg2.png) no-repeat;
	background-size: 100% 100%;
}

.navTitle h3
{
	font-size: 1.8em;
	color: white;
}

.conMo
{
	min-height: 0;
}

.conMo .firstRow
{
	display: none;
}


/* 氓鈥犫�γヂ姑┢捖ニ嗏�犆烩�溍β澟� */

/* 氓藛鈥犆┞÷得┢捖ニ嗏�犆ヂ尖偓氓搂鈥� */
.pagingTools
{
	width: 100%;
	margin-top: 50px;
	font-size: 18px;
}

.pagePc
{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pagingTools a
{
	display: block;
    /* width: 100%; */
	height: 100%;
	color: #666666;
	font-size: 1em;
}

.pagingTools ul
{
	display: flex;
	align-items: center;
}

.pagingTools .prev, .pagingTools .next
{
	width: 2.5em;
	height: 2.5em;
	background: #EFF2F7;
	text-align: center;
	line-height: 2.5em;
}

.pagingTools .prev a, .pagingTools .next a
{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.9em;
}

.pagingTools .prev
{
	margin-right: 1.1em;
}

.pagingTools .p_prev
{
	margin-right: 1.1em;
}

.pagingTools .p_prev_d
{
	margin-right: 1.1em;
}

.pagingTools .next
{
	margin-left: 1.1em;
}

.pagingTools .p_next
{
	margin-left: 1.1em;
}

.pagingTools .p_next_d
{
	margin-left: 1.1em;
}

.pagingTools .p_prev:hover ,.pagingTools .p_next:hover
{
	background: #4445B4;
}

.pagingTools .p_prev:hover a,.pagingTools .p_next:hover a
{
	color: white;
}

.pagingTools .p_prev_d:hover ,.pagingTools .p_next_d:hover
{
	background: #4445B4;
}

.pagingTools .p_prev_d:hover a,.pagingTools .p_next_d:hover a
{
	color: white;
}

.pagingTools .prev img, .pagingTools .next img
{
	width: 1em;
	height: 1em;
}

.pagingTools .prev a img:nth-child(2), .pagingTools .next a img:nth-child(2)
{
	display: none;
}

.pagingTools .prev:hover, .pagingTools .next:hover
{
	background: #4445B4;
}

.pagingTools .prev:hover a, .pagingTools .next:hover a
{
	color: white;
}

.pagingTools .prev:hover img:nth-child(1), .pagingTools .next:hover img:nth-child(1)
{
	display: none;
}

.pagingTools .prev:hover img:nth-child(2), .pagingTools .next:hover img:nth-child(2)
{
	display: block;
}

.pagingTools ul li
{
	width: 2.5em;
	height: 2.5em;
	background: #EFF2F7;
	text-align: center;
	line-height: 2.5em;
	margin: 0 2px;
}

.pagingTools .p_no_d
{
	display: block;
	width: 2.5em;
	height: 2.5em;
	background: #4445B4;
	text-align: center;
	line-height: 2.5em;
	margin: 0 2px;
	color: white;
}

.pagingTools .p_no
{
	display: block;
	width: 2.5em;
	height: 2.5em;
	background: #EFF2F7;
	text-align: center;
	line-height: 2.5em;
	margin: 0 2px;
}

.pagingTools .p_no:hover
{
	background: #4445B4;
}

.pagingTools .p_no:hover a
{
	color: white;
}

.pagingTools ul li:hover
{
	background: #4445B4;
}

.pagingTools ul li:hover a
{
	color: white;
}

.pageActive
{
	background: #4445B4 !important;
}

.pageActive a
{
	color: white;
}

.pageStart, .pageEnd
{
	display: none;
	flex-shrink: 0;
	width: 4em;
	height: 2.2em;
	line-height: 2.2em;
	background: #EFF2F7;
	text-align: center;
}

@media screen and (max-width: 600px)
{
	.pagingTools
	{
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 16px;
	}

	.p_pages
	{
		/* display: flex; */
		/* align-items: center; */
		/* justify-content: space-between; */
		/* font-size: 16px; */
	}

	.pagingTools ul
	{
		display: none;
	}

	.pageStart, .pageEnd
	{
		display: block;
	}

	.p_first, .p_last, .p_last_d, .p_first_d
	{
		display: block;
	}

	.pagingTools .prev, .pagingTools .next
	{
		width: 4em;
		height: 2.2em;
		line-height: 2.2em;
	}

	.pagingTools .p_no, .pagingTools .p_no_d
	{
		display: none;
	}

	.pagingTools .p_first, .pagingTools .p_last
	{
		width: 4em;
		hieght: 2.5em;
	}

	.pagingTools .p_first_d, .pagingTools .p_last_d
	{
		width: 4em;
		hieght: 2.5em;
	}

	.pagingTools .prev
	{
		margin-right: 5px;
	}

	.pagingTools .next
	{
		margin-left: 5px;
	}
}

@media screen and (max-width: 400px)
{
	.pageStart a, .pageEnd a
	{
		font-size: 0.8em;
	}
}

/* 氓藛鈥犆┞÷得┢捖ニ嗏�犆烩�溍β澟� */

/* 氓赂藛猫碌鈥灻ヅ犫�好┾�÷徝ニ嗏�斆÷┢捖ニ嗏�犆ヂ尖偓氓搂鈥� */

.surveyB
{
	margin-top: 3em;
	background: url(../image/pc/ny_tu5.png) no-repeat;
	background-position: top right;
	background-size: 100% 100%;
}

.surTitle
{
	text-align: center;
}

.surTitle h3
{
	font-size: 1.3em;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333;
}

.surTitle p
{
	color: #333;
	font-size: 0.8em;
	margin-top: 1em;
}

.surList
{
	display: flex;
	flex-wrap: wrap;
	margin-top: 3em;
}

.surList li
{
	flex-shrink: 0;
	width: calc(100% / 3);
	height: 13.8em;
	box-sizing: border-box;
	padding-left: 2em;
	padding-top: 2em;
	padding-right: 2em;
}

.surItem
{
	height: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(205, 219, 231, 0.65);
	position: relative;
}

.surItem::after
{
	content: '';
	position: absolute;
	width: 1px;
	height: calc(100% - 2em);
	top: 0;
	right: -2em;
	background: #CDDBE7;
}

.surList li:nth-child(3n) .surItem::after
{
	width: 0;
}

.surList li p:first-child
{
	color: #333;
	font-size: 1em;
}

.surList li p:nth-child(2)
{
	font-size: 1em;
	color: #594EE3;
}

.surList li .textXl
{
	font-size: 3.8em;
}
/* 氓赂藛猫碌鈥灻ヅ犫�好┾�÷徝ニ嗏�斆÷┢捖ニ嗏�犆烩�溍β澟� */


/* 氓沤鈥犆ヂ徛裁库�好ㄢ�姑ヂ尖偓氓搂鈥� */
.tabProgress
{
	width: 100%;
	height: auto;
	margin-top: 50px;
}

.historyProgress
{
	width: calc(100% - 70px);
	height: 100px;
	display: flex;
	position: relative;
	top: -20px;
	overflow: hidden;
}

.historyProgress ul
{
	width: 100%;
	height: 100px;
	flex-wrap: nowrap;
	position: relative;
	left: 0;
}

.historyProgress li
{
	flex-shrink: 0;
	width: 25%;
	text-align: center;
	position: relative;
}

.historyProgress li a
{
	font-size: 1.1em;
	color: #333;
}

.historyProgress li::after
{
	content: '';
	width: 24px;
	height: 24px;
	background: url(../image/pc/ny_tu9.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -100%;
	z-index: 99;
}

.historyProgress li a
{
	display: block;
	font-size: 1.1em;
	color: #333;
}

.historyProgress::after
{
	content: '';
	width: 90%;
	height: 1px;
	background: #E9EEFB;
	position: absolute;
	right: 5%;
	bottom: 15%;
	z-index: 10;
}

.proActive a
{
	font-size: 1.4em;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #5467BB;
	background: linear-gradient(0deg, #6F47F2 0%, #3D50E0 36.7919921875%, #51BAD3 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.historyProgress .proActive::after
{
	background: url(../image/pc/ny_tu9_hover.png) no-repeat;
}

.page_box p
{
	color: #333;
	font-size: 1em;
	line-height: 2.2em;
	margin-bottom: 1em;
	text-indent: 2.2rem;
}

.lt22 li
{
	width: 48%;
	margin-bottom: 4em;
	margin: 1%;
}

.lt22 .a
{
	padding: 1em;
	align-items: flex-end;
	border: #e7e7e7 1px solid;
	position: relative;
	z-index: 1;
	transition: .5s;
	background: #fff;
}

.lt22 .imgBox
{
	width: 9em;
	margin: 0 1em 0 0;
}

.lt22 .imgBox .img
{
/* padding-bottom: 140%; */
}

.lt22 .txt
{
	flex: 1;
	overflow: hidden;
}

.lt22 h4
{
	font-size: 1em;
	color: #000000;
	font-weight: 600;
}

.lt22 h5
{
	font-size: 18em;
	color: #333333;
	font-weight: 600;
	padding: .01em 0;
	position: relative;
}

.lt22 h5:before
{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: .25em;
	height: .01em;
	background: #900b85
}

.lt22 p
{
	margin: 1em 0 2em;
	color: #999;
}

.flex
{
	display: flex;
	flex-wrap: wrap
}

.more5
{
	justify-content: flex-end;
	font-size: .9em;
	color: #900b85;
	align-items: center;
}

.more5 i
{
	font-size: 1em;
	color: #871c16;
	font-family: "lib";
	margin: 0 0 0 .08rem
}

.l1
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	line-height: 1.25
}

.l2
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.l3
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.l4
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.l5
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical
}

.l6
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical
}

.l7
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical
}

.ps3
{
	font-size: .9em;
	color: #4f4f4f;
	line-height: 1.5em;
	max-height: 2rem\0;
	width: 100%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s
}

.lt22 .imgBox .pic
{
	padding-top: 140%;
	position: relative;
	overflow: hidden;
}

.lt22 .imgBox .pic .as
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: 50% !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	transition: all 0.3s ease-in;
}

.lt22 li:hover .pic .as
{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.n_szdtl_item h2
{
	display: inline-block;
	font-size: 1.3em;
	color: #fff;
	line-height: 2em;
	background: linear-gradient(90deg, #bb23af, #321da8, #54229e);
	padding-left: 1em;
	padding-right: 1.5em;
	border-radius: 0 9em 0 0;
	margin-bottom: 1em;
}

.n_szdtl_item p
{
	font-size: 1em !important;
	line-height: 2em !important;
	color: #333333;
	text-indent: 2em !important;
}

.n_szdtl_item h5
{
	font-size: 0.16rem;
	color: #333333;
	line-height: 2em;
}

.n_szdtl_item
{
	margin-top: 2em;
}

.n_szdtl_txt1 .txt h2
{
	font-size: 1.5em;
	color: #333333;
	line-height: 2em;
	display: flex;
	align-items: center;
	margin-bottom: 1em;
}

.n_szdtl_txt1 .txt h2 i
{
	display: inline-block;
	font-size: 0.6em;
	color: #b1072b;
	line-height: 1em;
	padding-left: 1em;
	padding-right: 1rem;
	background: #fff1f4;
	border-radius: 50px;
	margin-left: 2em;
}

.n_szdtl_txt1 .txt p
{
	font-size: 1em;
	line-height: 2em;
	color: #333333;
}

.n_szdtl_txt1 .flex
{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.n_szdtl_txt1 .pic
{
	width: 10em;
	height: 14em;
	position: relative;
	overflow: hidden;
}

.n_szdtl_txt1 .txt
{
	width: calc(100% - 11em);
	margin-top: 0.1em;
}

.n_szdtl_txt1 .pic .as
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.3s ease-in;
}

.container05
{
	padding-top: 5em;
	overflow: hidden;
	background: url("../image/pc/container05.jpg") no-repeat bottom center;
}

.container05 .wp
{
	width: 80%;
	margin: 0 auto
}

.container05 .content
{
	display: flex;
	justify-content: center;
	padding: 0;
	position: relative;
	background: url("../image/pc/s5-ld01.png") no-repeat bottom center;
	background-size: auto 100%;
}

.container05 .content:before
{
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url("../image/pc/s5-ld03.png") no-repeat center top;
	background-size: 100% auto;
}

.container05 .content .box
{
	position: relative;
	z-index: 3;
	width: 55em;
	display: flex;
	justify-content: center;
	padding: 16em 0 0;
}

.container05 .content .box .img
{
	width: 24em;
	position: relative;
}

.img_zd img
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.container05 .content .box .img_hezi
{
	padding-top: 10em;
}

.container05 .content .box .img .top
{
	position: absolute;
	right: 0;
	bottom: 1.75em;
	left: 0;
	text-align: center;
}

.container05 .content .box .img .top h3
{
	font-size: 1.75em;
	color: #fff;
	line-height: 1em;
	margin-bottom: 0.18em;
}

.container05 .content .box .img .top p
{
	font-size: 1em;
	color: #fff;
	line-height: 2em;
}

.container05 .content .line
{
	position: absolute;
	width: 81.25vw;
	height: 81.25vw;
	left: 0;
	right: 0;
	top: -5.6em;
	overflow: hidden;
}

.container05 .content .line span
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
   /* background: red;*/
	border: 1px dashed #fff;
	border-radius: 50%;
	clip-path: polygon(0% 0%, 108% 0%,50% 50%, 0% 8%);
	animation: circleScale 10s linear 1s infinite;
	z-index: 3;
}

.container05 .content .line span:nth-of-type(2)
{
	animation-delay: 1s;
}

.container05 .content .line span:nth-of-type(3)
{
	animation-delay: 2s;
}

.container05 .content .line span:nth-of-type(4)
{
	animation-delay: 3s;
}

.container05 .content .line span:nth-of-type(5)
{
	animation-delay: 4s;
}

.container05 .content .line span:nth-of-type(6)
{
	animation-delay: 5s;
}

.container05 .content .line span:nth-of-type(8)
{
	animation-delay: 6s;
}

.container05 .content .line span:nth-of-type(9)
{
	animation-delay: 6s;
}

.container05 .content .line span:nth-of-type(10)
{
	animation-delay: 6s;
}

.container05 .content .line span:nth-of-type(11)
{
	animation-delay: 6s;
}

@keyframes circleScale
{
	0%
	{
		opacity: 1;
		transform: scale(0.5);
	}

	50%
	{
		transform: scale(1);
	}

	100%
	{
		transform: scale(1.5);
	}
}

.list1 li
{
	position: absolute;
	width: 10em;
}

.list1 li:after
{
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	width: 1em;
	height: 1em;
	transform: translate(-50%,-50%);
	background: url("../image/pc/list1-img.png") no-repeat 50%;
	background-size: 100% 100%;
}

.list1 li a
{
	display: block;
	text-align: center;
	position: relative;
	z-index: 3;
}

.list1 li a h2
{
	font-size: 3em;
	color: #0958c1;
	line-height: 1em;
	font-family: 'Athelas';
	margin-bottom: 0.5em;
}

.list1 li a h4
{
	font-size: 1em;
	line-height: 1.5em;
	color: #000;
}

.list1 li:nth-child(1)
{
	right: 83%;
	bottom: 36%;
}

.list1 li:nth-child(2)
{
	right: 67%;
	bottom: 72%;
}

.list1 li:nth-child(3)
{
	right: 50%;
	bottom: 85%;
	margin-right: -5rem;
}

.list1 li:nth-child(4)
{
	bottom: 72%;
	left: 67%;
}

.list1 li:nth-child(5)
{
	bottom: 36%;
	left: 83%;
}

.container05 .content .linBox
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.container05 .content .box.ar_wap
{
	display: none;
}

@media screen and (max-width: 800px)
{
	.lt22 li
	{
		width: 100%;
	}

	.lt22 .imgBox
	{
		width: 7em;
		margin: 0 1em 0 0;
	}
}

@media screen and (max-width: 600px)
{
	.historyProgress li
	{
		width: 230px;
	}
}

@media screen and (max-width: 500px)
{
	.historyProgress li
	{
		width: 200px;
	}

	.surList li .textXl
	{
		font-size: 2.5em;
	}
}

@media screen and (max-width: 400px)
{
	.historyProgress li
	{
		width: 150px;
	}
}

/* 氓沤鈥犆ヂ徛裁库�好ㄢ�姑烩�溍β澟� */

/* 茅录聽忙聽鈥∶︹�毬ヂ伵撁︹�斅睹♀�灻ㄢ�溌澝ㄢ�奥裁ぢ糕�姑韭姑β♀�犆ヂ尖偓氓搂鈥� */
.blueLine
{
	content: "";
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #6F47F2, #3D50E0, #51BAD3);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 5px;
	transition: all 1s ease-out 0s;
	transform: scaleY(0);
}

/* 茅录聽忙聽鈥∶︹�毬ヂ伵撁︹�斅睹♀�灻ㄢ�溌澝ㄢ�奥裁ぢ糕�姑韭姑β♀�犆烩�溍β澟� */




/* 氓鈥溌嵜ヂ衡�澝ヂも�灻愨�犆ヂ尖偓氓搂鈥� */
@media screen and (max-width: 1770px)
{
	.footer
	{
		font-size: 16px;
	}

	.footerT
	{
		padding: 20px 2%;
	}

	.qrcode
	{
		min-width: 220px;
	}
}

@media screen and (max-width: 1400px)
{
	.header
	{
		padding: 0 2vw;
	}

	.footer
	{
		font-size: 18px;
	}

	.footerLogo
	{
		display: none;
	}

	.qrcode
	{
		min-width: 260px;
	}

	.banner
	{
		height: 450px;
	}
}

@media screen and (max-width: 1279px)
{
	.header
	{
		display: none;
	}

	.moHeader
	{
		display: block;
	}

	.searchForm
	{
		bottom: -20px;
	}

	.footer
	{
		font-size: 16px;
	}

	.banner
	{
		height: 370px;
	}
}

@media screen and (max-width: 1179px)
{
	.main
	{
		display: block;
		padding: 3%;
	}

	.conR
	{
		width: 100%;
		padding-left: 0;
	}

	.conPc
	{
		display: none;
	}

	.conMo
	{
		display: block;
	}

	.conMo
	{
		width: 100%;
	}

	.banner
	{
		padding: 0 5%;
	}

	.bannerWrap
	{
		width: 90%;
	}

	.bannerL
	{
		display: none;
	}

	.bannerR img
	{
		width: 1.8em;
		height: 1.8em;
	}

	.bannerR p, .bannerR a
	{
		font-size: 0.9em;
		line-height: 3em;
	}

	.bannerR td, .bannerR a span
	{
		line-height: 1.5em;
		display: flex;
		flex-wrap: wrap;
	}

	.swiper-pagination-banner, .swiperTotalPage
	{
		display: none;
	}
}

@media screen and (max-width: 1060px)
{
	.friLinks
	{
		display: none;
	}

	.qrcode
	{
		margin: 0 auto;
	}

	.footer
	{
		font-size: 20px;
	}

	.banner
	{
		height: 320px;
		font-size: 16px;
	}
}

@media screen and (max-width: 800px)
{
	.moHeader
	{
		height: 100px;
	}

	.searchForm
	{
		bottom: -30px;
	}

	.moMenu
	{
		top: 100px;
		font-size: 16px;
	}

	.conR
	{
		padding: 0;
		margin-top: 2em;
	}

	.headerBox
	{
		font-size: 16px;
	}

	.banner
	{
		height: 280px;
	}

	.navTitle
	{
		height: 3.5em;
	}

	.navTitle h3
	{
		font-size: 1.5em;
	}

	.navTitle img
	{
		width: 2.2em;
		height: 2.2em;
	}

	.conTitle h3
	{
		width: 4.5em;
		font-size: 1.3em;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
	}

	.conTitle
	{
		margin-bottom: 1.5em;
	}

	.surList li
	{
		width: 50%;
	}

	.surList li:nth-child(3n) .surItem::after
	{
		width: 1px;
	}

	.surList li:nth-child(2n) .surItem::after
	{
		width: 0;
	}

	.surList li:nth-child(7) .surItem, .surList li:nth-child(8) .surItem
	{
		border-bottom: 1px solid rgba(205, 219, 231, 0.65);
	}
}

@media screen and (max-width: 600px)
{
	.conTitle
	{
		margin-bottom: 20px;
	}

	.moHeader
	{
		height: 80px;
	}

	.moMenu
	{
		top: 80px;
		font-size: 14px;
	}

	.headerBox
	{
		font-size: 14px;
	}

	.banner
	{
		height: 220px;
		font-size: 14px;
	}

	.main
	{
		font-size: 16px;
	}
}

@media screen and (max-width: 500px)
{
	.moHeader
	{
		height: 60px;
	}

	.searchForm
	{
		bottom: -40px;
	}

	.moMenu
	{
		top: 60px;
		font-size: 12px;
	}

	.headerBox
	{
		font-size: 12px;
	}

	.banner
	{
		height: 180px;
	}

	.navTitle img
	{
		width: 1.8em;
		height: 1.8em;
	}
}

@media screen and (max-width: 400px)
{
	.moHeader
	{
		height: 50px;
	}

	.moMenu
	{
		top: 50px;
		font-size: 10px;
	}

	.headerBox
	{
		font-size: 11px;
	}

	.mologo img
	{
		width: 100%;
        /* height: 3.2em; */
	}

	.main
	{
		font-size: 14px;
	}

	.footerB p
	{
		font-size: 0.7em;
	}
}

/* 氓鈥溌嵜ヂ衡�澝ヂも�灻愨�犆烩�溍β澟� */