.noindent {
	text-indent: 0em;
}

.table1 {
	width: 950px;
	margin: auto;
	border: 1px solid #ebeef5;
	border-collapse: collapse;
	color: #606266;
}

@media(min-width: 981px) {
	.table1 {
		width: 1140px;
	}
}

.table1 tr {
	line-height: 40px;
}

.table1 th {
	border: 1px solid #ebeef5;
	color: #909399;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
}

.table1 td {
	border: 1px solid #ebeef5;
	text-align: center;
	font-size: 14px;
}

.table2 {
	width: 970px;
	margin: auto;
	border: 1px solid #ebeef5;
	border-collapse: collapse;
	color: #606266;
	font-size: 16px;
}

@media(min-width: 981px) {
	.table2  {
		width: 1200px;
	}
}

.table2 tr {
	line-height: 50px;
}

.table2 th {
	border: 1px solid #ebeef5;
	color: #909399;
	text-align: center;
	font-weight: 400;
}

.table2 td:first-of-type {
	border: 1px solid #ebeef5;
	text-align: right;
	padding: 0px 6px;
	font-weight: bold;
}

.table2 td:nth-child(2) {
	border: 1px solid #ebeef5;
	text-align: left;
	padding: 0px 6px;
}

.table2 .star {
	color: red;
}

.table2 a {
	text-decoration: none
}

.table2 input[type="radio"] {
	outline: none;
	margin-right: 4px;	
}

#mian-box {
	padding-bottom: 30px;
}

#mian-box input[type="button"] {
	outline: none;	
}

.table2 input[type="text"], .table2 input[type="password"] {
	width:100%;
	height:40px;
	padding:2px;
	margin:2px;
	border:1px solid orange;	
	outline: none;
}

#distpicker1 select {
	height: 36px;
	border:1px solid orange;	
	margin-right:4px;
	outline: none;
}

.nav {
	width: 100%;
	height: 98px;
	background: #FFFFFF;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.14);
	position: relative;
	z-index: 999;

	display: flex;
	align-items: center;
	justify-content: center;
}

.nav-box {
	width: 980px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media(min-width: 981px) {
	.nav-box {
		width: 1200px;
	}
}

.nav-logo {
	width: 238px;
	height: 65px;
}

.nav-tabs {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 400;
	color: #070002;
}

.nav-tabs div {
	padding: 15px 0;
	/* margin-left: 50px; */
	/* margin-left: 44px; */
	margin-left: 30px;
	cursor: pointer;
}

.nav-tabs div:hover {
	color: #163B75;
}

.nav-tabs div a {
	text-decoration: none;
	color: #000;
}

.nav-tabs div a:hover {
	color: #163B75;
}

.nav-tabs div:hover a {
	color: rgba(22, 59, 117, 1);
}


.onHead {
	position: relative;
}

.onHead a {
	color: rgba(22, 59, 117, 1) !important;
}

.onHead::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 25px;
	height: 2px;
	background: #163B75;
}

.nav-seek {
	width: 40px;
	height: 40px;
	background: #163B75;
	border-radius: 50%;
	
	position: relative;
	transition: all 0.3s linear;
	cursor: pointer;
}
.nav-seek img {
	width: 100%;
	height: 100%;
}
.nav-seek:hover {
	transform: scale(1.1);
	transition: all 0.3s linear;
}
.down-hunt {
	position: fixed;
	top: 98px;
	width: 100%;
	height: 100px;
	background: #EEEEEE;
	display: flex;
	align-items: center;
	justify-content: center;
}

.down-grabble {
	width: 1200px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.dow-box {
	width: 380px;
	height: 60px;
	background: #FFFFFF;
	border-radius: 10px;
	overflow: hidden;
	
	display: flex;
	align-items: center;
	padding-left: 20px;
	box-sizing: border-box;
}
.dow-box input {
	flex: 1;
	height: 100%;
	border: none;
	outline:none;
	
	font-size: 16px;
	font-weight: 400;
	color: #808080;
}
.dow-box div {
	width: 70px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	background: #163A74;
	
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	cursor: pointer;
}

.down-menu {
	position: fixed;
	top: 98px;
	left: 0;
	width: 100%;
	height: calc(100vh - 98px);
	background: rgba(0, 0, 0, 0.7);
	display: none;
}
.muepop {
	/* height: 254px; */
	height: 264px;
	background: #fff;
	border-top: 1px solid rgba(224, 224, 224, 0.4);
	
	display: flex;
	justify-content: center;
}
.mue-mian {
	width: 980px;
	height: 100%;
	padding-left: 20px;
	box-sizing: border-box;
	display: flex;
	/* align-items: center; */
	justify-content: right;
}

@media(min-width: 981px) {
	.mue-mian  {
		width: 1200px;
		padding-left: 225px;
	}
}

.mue-m-left {
	flex: 1;
	position: relative;
}
.mue-m-left::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -10px;
	width: 1px;
	height: 214px;
	background: #E0E0E0;
}
.nue-m-right {
	text-align: center;
	margin-left: 120px;
	/* margin-top: 20px;*/
	margin-top: 30px;
}
.nue-m-right img{
	width: 360px;
	height: 170px;
}
.nue-m-right div{
	margin-top: 15px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #1A1A1A;
	position: relative;
}
.nue-m-right div::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 60px;
	transform: translateY(-50%);
	width: 10px;
	height: 1px;
	background: #1A1A1A;
	opacity: 0.5;
}
.nue-m-right div::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 60px;
	transform: translateY(-50%);
	width: 10px;
	height: 1px;
	background: #1A1A1A;
	opacity: 0.5;
}

.mue-p-chil {
	display: flex;
	align-items: flex-start;
	margin-top: 15px;
}
.mue-p-chil-left {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}


.reclassify{
	width: 160px;
	
	display: flex;
	
	font-size: 12px;
	font-weight: 400;
	color: #666666;
	margin-bottom: 20px;
} 
.mue-p-title {
	font-size: 18px;
	font-weight: bold;
	color: #163C75;
	padding-top: 15px;
}

.rec-img {
	width: 5px;
	height: 7px;
	margin-top: 7px;
	background: url('../../images/index/right2.png');
	background-size: 100% 100%;
}
.rec-item {
	padding-left: 10px;
}
.rec-item div {
	padding: 4px 0;
}
.rec-item div a{
	text-decoration: none;
	color: #666666;
}

.rec-item div a:hover {
	color: #163B75;
}

.boxOne {
	padding: 30px 0 40px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
}

.bo-top {
	display: flex;
	/*padding-left: 8px;*/
	width: 980px;
	justify-content: space-between;
}

@media(min-width: 981px) {
	.bo-top  {
		width: 1200px;
	}
}

.bo-top-left {
	width: 555px;
	flex-grow: 1;
	margin-right: 35px;	
	/* overflow: hidden; */
}

@media(min-width: 981px) {
	.bo-top-left  {
		width: 775px;
	}
}

.bo-tabs {
	border-bottom: 4px solid #203E90;
	display: flex;
	align-items: center;
	position: relative;
}

.bo-t-div {
	width: 142px;
	height: 50px;
	text-align: center;
	line-height: 50px;

	font-size: 22px;
	font-weight: bold;
	color: #676767;
	position: relative;
	z-index: 9;
	cursor: pointer;
}

.onTabs {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 142px;
	height: 50px;
	z-index: 0;
	background: #E4EAFA;
}

@keyframes animTabs-left {
	0% {
		left: 142px;
	}

	100% {
		left: 0px;
	}
}

@keyframes animTabs-right {
	0% {
		left: 0px;
	}

	100% {
		left: 142px;
	}
}

.onTabs::after {
	content: '';
	position: absolute;
	z-index: 99;
	/*top: -5px;
	left: -5px;*/
	width: 100%;
	height: 100%;
	border: 1px solid #203E90;
	border-bottom: none;
}

.bo-null {
	flex: 1;
}

.bo-more {
	font-size: 16px;
	font-weight: 400;
	color: #626262;
	cursor: pointer;
}

.bo-more:hover {
	color: black;
}

.bo-main {
	padding-top: 10px;
	cursor: pointer;
}

.bo-m-item {
	display: flex;
	align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid #D2D2D2;
	transition: all 0.3s linear;
}

.bo-m-item:hover {
	padding-left: 15px;
	transition: all 0.3s linear;
}

.bo-m-item:hover .b-m-i-title {
	color: #153B74;
	font-weight: bolder;
}

.b-m-i-left {
	width: 109px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	background: #5573AA;

	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
}

.b-m-i-title {
	flex: 1;
	padding-left: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	font-size: 16px;
	font-weight: 400;
	color: #4B4B4B;
	line-height: 30px;
}

.bo-top-right {
	width: 390px;
	flex-shrink: 0;
}

.bo-t-r-box {
	width: 100%;
	height: 314px;
	border-radius: 0px 0px 10px 10px;
	overflow: hidden;

	display: flex;
	align-content: center;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;

	background: url('../../images/index/serve.png');
	background-size: 100% 100%;

	padding: 6px;
	box-sizing: border-box;
}

.b-t-r-item {
	width: 68px;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	color: #454545;
	margin: 20px;
}

.b-t-r-item img {
	width: 66px;
	height: 66px;
	margin-bottom: 16px;
	cursor: pointer;
	transition: all 0.3s linear;
}

.b-t-r-item img:hover {
	transform: translateY(-5px);
	transform: scale(1.1);
	transition: all 0.3s linear;
}

/* .b-t-r-item:nth-child(2),
.b-t-r-item:nth-child(5) {
	width: 230px;
} */

.bo-bom {
	padding-top: 30px;

	display: flex;
	justify-content: space-between;
}

.bo-bom-left {
	width: 300px;
	overflow: hidden;
}

@media(min-width: 981px) {
	.bo-bom-left  {
		width: 379px;
	}
}

.bo-bom-left:nth-child(2) {
	margin: 0 30px;
}

.bo-bom-title {
	padding: 25px 0;
	padding-left: 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.bo-bom-title span:first-of-type {
	font-size: 24px;
	font-weight: bold;
	color: #163B75;
	cursor: pointer;
}

.bo-bom-title span:last-of-type {
	font-size: 16px;
	font-weight: 400;
	color: #626262;
	cursor: pointer;
}

.bo-bom-title span:last-of-type:hover {
	color: black;
}

.bo-bom-img {
	width: 100%;
	height: 220px;
	overflow: hidden;
	cursor: pointer;
}

.bo-bom-img img {
	width: 100%;
	height: 100%;
	transition: all 0.3s linear;
}

.bo-bom-img img:hover {
	transform: scale(1.2);
	transition: all 0.3s linear;
}

.bo-bom-text {
	padding: 23px 0;
	border-bottom: 1px solid #D2D2D2;

	font-size: 16px;
	font-weight: 400;
	color: #383838;
	cursor: pointer;
	transition: all 0.3s linear;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bo-bom-text:hover {
	color: #153B74;
	font-weight: bolder;
	padding-left: 15px;
	transition: all 0.3s linear;
}

.intro {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 50px;

	display: flex;
	flex-direction: column;
	align-items: center;
}

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

.in-mun {
	/*width: 1200px;*/
	width: 900px;
	padding: 80px 0 65px 80px;
	display: flex;
	align-items: center;
}

.in-alke {
	text-align: center;
	padding-right: 140px;
}

.in-alke div {
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	padding-top: 5px;
}

.in-span1 {
	font-size: 40px;
	font-weight: bold;
	color: #FFFFFF;
}

.in-span2 {
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
}

.in-span3 {
	font-size: 36px;
	color: #FFFFFF;
}

.in-span4 {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}

.in-main {
	width: 980px;
	height: 350px;
	background: #FFFFFF;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
	border-radius: 10px;

	padding: 45px 40px 50px 40px;
	box-sizing: border-box;
}

@media(min-width: 981px) {
	.in-main  {
		width: 1200px;
	}
}

.in-m-text {
	font-size: 16px;
	font-weight: 400;
	color: #606060;
	line-height: 36px;	
	text-indent: 2em;
}

.in-tabs {
	padding-top: 35px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.in-tabs div {
	width: 140px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	background: url('../../images/index/introTabs.png');
	background-size: 100% 100%;
	border-radius: 10px;

	font-size: 18px;
	font-weight: bold;
	color: #013066;
	cursor: pointer;
	transition: all 0.3s linear;
}

@media(min-width: 981px) {
	.in-tabs div  {
		width: 160px;
	}
}

.in-tabs div:hover {
	transform: translateY(-10px);
	transition: all 0.3s linear;
}

.stern {
	width: 100%;
	/* height: 465px; */
	background: url('../../images/index/sternBg.png');
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
}

.st-box {
	width: 974px;
}

@media(min-width: 981px) {
	.st-box {
		width: 1200px;
	}
}

.st-b-top {
	/* padding: 37px 0 43px 50px; */
	padding: 37px 0 43px 0px;
	box-sizing: border-box;
	border-bottom: 1px solid #D2D2D2;
	display: flex;
	justify-content: space-between;
}

.st-b-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.st-b-item div {
	font-size: 16px;
	font-weight: 400;
	color: #1B1B1B;
}

.st-b-item a {
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	color: #707070;
	margin-top: 25px;
}

.st-b-item a:hover {
	color: black;
}

.st-b-code {
	padding-right: 55px;
	font-size: 16px;
	font-weight: 400;
	color: #1B1B1B;
	text-align: center;
}

.st-b-code div {
	width: 126px;
	height: 130px;
	margin-top: 17px;
	background: url('../../images/index/qrcode_rqqh.png');
	background-size: 100% 100%;
}

.st-b-right {
	display: flex;
}

.st-b-touch {
	width: 208px;
}

.st-text1 {
	font-size: 16px;
	font-weight: 400;
	color: #1B1B1B;
}

.st-text2 {
	font-size: 30px;
	font-weight: 800;
	font-style: italic;
	color: #234573;
	padding: 5px 0;
}

.st-text3 {
	font-size: 14px;
	font-weight: 400;
	color: #7C7C7C;
}

.st-b-site {
	padding-top: 25px;
	display: flex;
	align-items: flex-start;

	font-size: 16px;
	font-weight: 400;
	color: #1B1B1B;
}

.st-b-site div {
	flex: 1;
}

.st-b-bom {
	padding: 23px 0 15px 0;
}

.blogroll {
	display: flex;
	align-items: center;
	/* padding: 0 28px 0 22px; */
	font-size: 14px;
	font-weight: 400;
	color: #535353;
	line-height : 30px;
}

.blogroll span {
	padding: 0px 6px;
}

.blogroll div {
	padding-left: 10px;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.blogroll div span {
	/*min-width: 240px;*/
	min-width: 220px;
	text-align: center;
}

.blogroll div span a {
	text-decoration: none;
	color: #535353;
}

.blogroll div span a:hover {
	color: black;
}

.blogroll div label {
	visibility: hidden;
}

.st-b-filing {
	padding: 25px 0 15px 0;
	font-size: 14px;
	font-weight: 400;
	color: #626262;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px solid #D2D2D2;
	margin-top: 20px;
}

.st-b-filing img {
	width: 20px;
	height: 20px;
	margin-right: 6px;
}

.st-b-filing a {
	text-decoration: none;
	color: #535353;
}

.st-b-filing a:hover {
	color: black;
}

.st-b-filing span {
	margin-top: 3px;
}

.st-b-complaint {
	margin-top: 8px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #626262;
}

.ipv6 {
	text-align: center;
	font-size: 14px;
	padding-top: 15px;
}

.ipv6 span {
	border: 1px solid rgb(255, 127, 36);
	border-radius: 2px;
	color: rgb(255, 127, 36);
	padding: 0px 10px;
	display: inline-block;
}

/* 关于我们 */

.about-bannar {
	height: 400px;
	background-size: 100% 100%;
	position: relative;
	z-index: 0;
}

.ab-header {
	position: absolute;
	z-index: 1;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	width: 980px;
}

@media(min-width: 981px) {
	.ab-header  {
		width: 1200px;
	}
}

.ab-icon {
	width: 156px;
	height: 192px;
	background: #163B75;
	box-shadow: 0px 4px 13px 0px rgba(62, 11, 13, 0.77);
	opacity: 0.85;
	position: relative;
	z-index: 1;
}

.ab-text-font {
	position: absolute;
	bottom: 0px;

	font-size: 129px;
	font-weight: 400;
	color: #8693A7;
	opacity: 0.18;
}

.ab-icon-text {
	position: absolute;
	z-index: 2;
	top: 35px;
	left: 60px;
	white-space: nowrap;
}

.ab-icon-text span {
	font-size: 48px;
	font-weight: bold;
	color: #FFFFFF;
}

.ab-icon-text div {
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
}

.ab-tabs {
	position: absolute;
	z-index: 2;
	bottom: -18px;
	/* left: 100px; */
	/* width: 1088px; */
	width: 100%;
	height: 66px;
	background: #FFFFFF;
	box-shadow: 0px 0px 5px 0px rgba(14, 5, 10, 0.1);
	
	/* padding: 0 30px 0 24px; */
	box-sizing: border-box;

	display: flex;
	align-items: center;
	justify-content: flex-start;
	/* justify-content: right; */
}

.ab-tabs::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 24px;
	width: 19px;
	height: 36px;
	background: url('../../images/about/arrows.png');
	background-size: 100% 100%;
}

.ab-tabs-text {
	display: flex;
	align-items: center;

	font-size: 16px;
	font-weight: 400;
	color: #464646;
}

.ab-tabs-text span {
	cursor: pointer;
	margin-left: 60px;
}

.ab-tabs-text-add {
	font-weight: bold !important;
	color: #163B75 !important;
}



.ab-mian1 {
	width: 100%;
}

.ab-mian1-top {
	width: 100%;
	background: #F7F7F7;
	padding: 47px 0 30px 0;
	display: flex;
	justify-content: center;
}

.ab-m1-t-intro {
	width: 1200px;
}

.m1-t-i-title {
	font-size: 28px;
	font-weight: 400;
	color: #163B75;
	position: relative;
	margin-left: 12px;
}

.m1-t-i-title::before {
	content: '';
	position: absolute;
	bottom: -12px;
	left: 0px;
	width: 166px;
	height: 4px;
	background: #324D7F;
}

.m1-t-i-conten {
	/* width: 1160px; */
	padding: 3px;
	font-size: 16px;
	font-weight: 400;
	color: #454545;
	line-height: 40px;
	text-indent: 2em;
	max-width: 1200px;
}

.m1-t-i-conten #divGameReg {
	text-align:center;
	text-indent:0em;
	margin-top:35px;
}

.m1-t-i-conten #divGameReg img {
	max-width:974px;
	margin: 0 auto;
}

@media(min-width: 981px) {
	.m1-t-i-conten #divGameReg img  {
		max-width: 1200px;
		width: 1200px;
	}
}

.m1-t-i-time {
	display: flex;
	align-items: center;
	justify-content: center;
}

.m1-t-item {
	width: 33.3%;
	text-align: center;
	position: relative;
}

.m1-t-item span:first-of-type {
	font-size: 48px;
	font-weight: bold;
	color: #163B75;
}

.m1-t-item span:last-of-type {
	font-size: 24px;
	color: #163B75;
}

.m1-t-item div {
	font-size: 16px;
	font-weight: 400;
	color: #454545;
}

.m1-t-item:nth-child(2):before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 66px;
	background: #D2D2D2;
}

.m1-t-item:nth-child(2)::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 66px;
	background: #D2D2D2;
}

.ab-m1-bom {
	padding: 30px 0 0 0;
	background: #FFFFFF;
	display: flex;
	justify-content: center;
}

.m1-b-case {
	width: 1200px;
	overflow: hidden;
}

.m1-b-title {
	margin-left: 12px;
}

.m1-b-mid {
	margin-top: 40px;
}

.m1-b-mid {
	display: flex;
	justify-content: space-between;
}

.m1-b-m-left {
	width: 705px;
	background: #F7F7F7;
}

.m1-b-m-div {
	padding: 20px 25px;
	font-size: 16px;
	font-weight: 400;
	color: #454545;
	border-bottom: 1px solid #FFFFFF;
}

.m1-b-m-div:last-of-type {
	border-bottom: none;
}

.m1-b-m-right {
	width: 450px;
	background: #F7F7F7;
}

.m1-b-detailed {
	padding: 36px 0 0 22px;
	font-size: 16px;
	font-weight: 400;
	color: #454545;
}

.ab-mian2 {
	display: flex;
	justify-content: center;
	background: #fff;
	padding: 50px 0 0 0;
}

.ab-m2-list {
	width: 1200px;
	overflow: hidden;
}

.ab-m2-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 86px;
}

.ab-m2-i-text {
	flex: 1;
}

.ab-m2-i-text span {
	font-size: 24px;
	font-weight: 400;
	color: #CACACA;
}

.ab-m2-i-text div:first-of-type {
	font-size: 36px;
	font-weight: bold;
	color: #163B75;
}

.ab-m2-i-text div:nth-child(3) {
	padding: 40px 0 25px 0;
	font-size: 20px;
	font-weight: bold;
	color: #434343;
}

.ab-m2-i-text div:last-of-type {
	font-size: 16px;
	font-weight: 400;
	color: #4D4D4D;
	line-height: 36px;
}

.ab-m2-i-img {
	width: 512px;
	height: 390px;
	overflow: hidden;
	/* background: #000; */
	box-shadow: -15px 18px 0px #CACACA;
}

.ab-m2-i-img img {
	width: 100%;
	height: 100%;
}

.ab-m2-item:nth-child(2n-1) .ab-m2-i-text {
	padding: 0 54px 0 29px;
}

.ab-m2-item:nth-child(2n) .ab-m2-i-img {
	margin-left: 15px;
}

.ab-m2-item:nth-child(2n) .ab-m2-i-text {
	padding: 0 49px 0 46px;
}

.ab-m2-ending {
	font-size: 16px;
	font-weight: 400;
	color: #4D4D4D;
	line-height: 30px;
	padding-left: 29px;
}

.ab-main4 {
	height: 850px;
	width: 100%;
	min-width: 960px;
	padding-top: 164px;
	box-sizing: border-box;
	position: relative;
}

@media(min-width: 981px) {
	.ab-main4 {
		min-width: 1200px;
	}
}

.ab-m4-bg {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 407px;
	background: url('../../images/about/course-bg.png');
	background-size: 100% 100%;
	/* object-fit: none;
	object-position: center 0; */
}

.ab-m4-data {
	position: absolute;
	top: 130px;
	left: 51%;
	transform: translateX(-50%);
	width: 800px;
	height: 113px;
	background: url('../../images/about/line.png');
	background-size: 100% 100%;
}

@media(min-width: 981px) {
	.ab-m4-data {
		left: 49%;
		width: 1005px;
	}
}

.ab-m4-data div {
	position: absolute;
	z-index: 99;
	width: 12px;
	height: 12px;
	background: #787878;
	border-radius: 50%;
	color: #787878;
	cursor: pointer;
}

.ab-m4-data div span {
	position: absolute;
	top: -30px;
	left: -15px;
	font-size: 18px;
	font-weight: 400;
}

@media(min-width: 981px) {
	.ab-m4-data div span {
		top: -25px;
		left: -9px;
	}
}

.ab-m4-data div:nth-child(2) {
	top: 105px;
	left: 20px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(2) {
		top: 105px;
		left: 30px;
	}
}

.ab-m4-data div:nth-child(3) {
	top: 103px;
	left: 50px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(3) {
		top: 103px;
		left: 70px;
	}
}

.ab-m4-data div:nth-child(4) {
	top: 100px;
	left: 80px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(4) {
		top: 100px;
		left: 110px;
	}
}

.ab-m4-data div:nth-child(5) {
	top: 95px;
	left: 110px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(5) {
		top: 95px;
		left: 150px;
	}
}

.ab-m4-data div:nth-child(6) {
	top: 89px;
	left: 140px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(6) {
		top: 87px;
		left: 190px;
	}
}

.ab-m4-data div:nth-child(7) {
	top: 80px;
	left: 170px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(7) {
		top: 77px;
		left: 230px;
	}
}

.ab-m4-data div:nth-child(8) {
	top: 67px;
	left: 200px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(8) {
		top: 59px;
		left: 270px;
	}
}

.ab-m4-data div:nth-child(9) {
	top: 48px;
	left: 230px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(9) {
		top: 42px;
		left: 300px;
	}
}

.ab-m4-data div:nth-child(10) {
	top: 30px;
	left: 260px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(10) {
		top: 27px;
		left: 340px;
	}
}

.ab-m4-data div:nth-child(11) {
	top: 22px;
	left: 290px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(11) {
		top: 20px;
		left: 380px;
	}
}

.ab-m4-data div:nth-child(12) {
	top: 19px;
	left: 320px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(12) {
		top: 19px;
		left: 420px;
	}
}

.ab-m4-data div:nth-child(13) {
	top: 22px;
	left: 350px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(13) {
		top: 25px;
		left: 460px;
	}
}

.ab-m4-data div:nth-child(14) {
	top: 32px;
	left: 380px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(14) {
		top: 39px;
		left: 500px;
	}
}

.ab-m4-data div:nth-child(15) {
	top: 48px;
	left: 410px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(15) {
		top: 55px;
		left: 540px;
	}
}

.ab-m4-data div:nth-child(16) {
	top: 62px;
	left: 440px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(16) {
		top: 67px;
		left: 580px;
	}
}

.ab-m4-data div:nth-child(17) {
	top: 69px;
	left: 470px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(17) {
		top: 72px;
		left: 620px;
	}
}

.ab-m4-data div:nth-child(18) {
	top: 73px;
	left: 500px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(18) {
		top: 71px;
		left: 660px;
	}
}

.ab-m4-data div:nth-child(19) {
	top: 70px;
	left: 530px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(19) {
		top: 64px;
		left: 700px;
	}
}

.ab-m4-data div:nth-child(20) {
	top: 61px;
	left: 560px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(20) {
		top: 48px;
		left: 740px;
	}
}

.ab-m4-data div:nth-child(21) {
	top: 47px;
	left: 590px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(21) {
		top: 56px;
		left: 780px;
	}
}

.ab-m4-data div:nth-child(22) {
	top: 56px;
	left: 620px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(22) {
		top: 51px;
		left: 820px;
	}
}

.ab-m4-data div:nth-child(23) {
	top: 52px;
	left: 650px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(23) {
		top: 30px;
		left: 860px;
	}
}

.ab-m4-data div:nth-child(24) {
	top: 31px;
	left: 680px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(24) {
		top: 15px;
		left: 900px;
	}
}

.ab-m4-data div:nth-child(25) {
	top: 17px;
	left: 710px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(25) {
		top: 5px;
		left: 940px;
	}
}

.ab-m4-data div:nth-child(26) {
	top: 6px;
	left: 740px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(26) {
		top: -3px;
		left: 980px;
	}
}

.ab-m4-data div:nth-child(27) {
	top: -1px;
	left: 770px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(27) {
		top: 150px;
		left: -10px;
	}
}

.ab-m4-data div:nth-child(28) {
	top: 20px;
	left: -10px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(28) {
		top: 20px;
		left: -10px;
	}
}

.ab-m4-data div:nth-child(29) {
	top: 20px;
	left: -10px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(29) {
		top: 20px;
		left: -10px;
	}
}

.ab-m4-data div:nth-child(30) {
	top: 20px;
	left: -10px;
}

@media(min-width: 981px) {
	.ab-m4-data div:nth-child(30) {
		top: 20px;
		left: -10px;
	}
}

.ab-m4-data div:nth-child(even) span {
	top: 25px;
}

.ab-m4-data div:first-of-type {
	top: 106px;
	left: -10px;
}

.ab-m4-data div:hover {
	background: #183C76;
	color: #183C76;
	font-weight: bold;
}

.ab-m4-swiper {
	width: 830px;
	height: 260px;
	margin: 0 auto;

	display: flex;
	align-items: center;
	justify-content: space-between;
}

.swiper-left {
	width: 15px;
	height: 26px;
	background: url('../../images/about/left1.png');
	background-size: 100% 100%;
	transition: all 0.3s linear;
	cursor: pointer;
}

.swiper-left:hover {
	background: url('../../images/about/left2.png');
	transition: all 0.3s linear;
}

.swiper-right {
	width: 15px;
	height: 26px;
	background: url('../../images/about/right1.png');
	background-size: 100% 100%;
	transition: all 0.3s linear;
	cursor: pointer;
}

.swiper-right:hover {
	background: url('../../images/about/right2.png');
	transition: all 0.3s linear;
}

.swiper-mid {
	width: 738px;
	height: 410px;
	background: #F3F3F3;
	border-radius: 10px;
	overflow: hidden;
}

.swiper-m-list {
	display: inline-block;
	height: 410px;
	white-space: nowrap;
}

.sw-item {
	display: inline-block;
	width: 738px;
	height: 410px;
}

.sw-i-box {
	width: 100%;
	height: 100%;
	/* padding: 0 48px 0 30px; */
	padding: 14px 48px 0 30px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sw-i-box div:first-of-type {
	width: 112px;
	height: 112px;
	background: #183C76;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.sw-i-box div:first-of-type span:first-of-type {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}

.sw-i-box div:first-of-type span:last-of-type {
	font-size: 28px;
	font-weight: bold;
	color: #FFFFFF;
}

.sw-i-box div:last-of-type {
	width: 517px;
	white-space: normal;
	font-size: 16px;
	font-weight: 400;
	color: #6A6A6A;
	line-height: 24px;
	text-indent: 2em;
}

.sw-i-box div p {
	text-indent: 2em;
}

.mes-mian1 {
	width: 100%;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 30px 0 0 0;
}

.mes-mian1-item {
	width: 978px;
	padding: 30px 2px 30px 0;
	/*box-sizing: border-box;*/
	border-bottom: 1px solid #DCDCDC;
	display: flex;
	justify-content: space-between;
	position: relative;
	cursor: pointer;
}

@media(min-width: 981px) {
	.mes-mian1-item  {
		width: 1198px;
	}
}

.mes-mian1-item:hover .mes-m1-i-data {
	background: #1A2E6D;
	transition: all 0.3s linear;
}


.mes-mian1-item::after {
	content: '';
	position: absolute;
	z-index: 0;
	top: 60px;
	left: 0;
	width: 1px;
	height: 100%;
	background: #DCDCDC;

}

.mes-m1-i-right {
	width: 345px;
	height: 242px;
	flex-grow: 0;
	flex-shrink: 0;
	/* background-color: #000; */
}

.mes-m1-i-right img {
	width: 100%;
	height: 100%;
}

.mes-m1-i-data {
	width: 95px;
	height: 95px;
	text-align: center;
	line-height: 95px;
	background: #9F9F9F;
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	transition: all 0.3s linear;
	flex-grow: 0;
	flex-shrink: 0;
}

.mes-m1-i-left {
	flex-grow: 1;
	flex-shrink: 1;
	padding: 0 32px 0 20px;
}

.m-i-l-title {
	width: 460px;
	font-size: 24px;
	font-weight: bold;
	color: #575757;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media(min-width: 981px) {
	.m-i-l-title {
		width: 706px;
	}
}

.m-i-l-user {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	padding-top: 30px;
}

.m-i-l-con {
	padding-top: 18px;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	word-break: break-all;
}

.mess-page {
	padding-top: 30px;
}

.news-mian1 {
	/* background: #fff; */
	display: flex;
	align-items: center;
	flex-direction: column;
	/* padding: 88px 0 84px 0; */
	padding: 40px 0 0 0;
}

.news-m1-box {
	width: 980px;
	/* min-height: 830px; */
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	padding: 4px;
}

@media(min-width: 981px) {
	.news-m1-box {
		width: 1200px;
	}
}

.news-m1-essay {
	width: 100%;
	/* padding-right: 20px; */
}

.essay-title {
	font-size: 26px;
	font-weight: bold;
	color: #161616;
	padding-left: 27px;
	text-align: center;
}

.essay-name {
	/* display: flex; */
	align-items: center;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	padding: 15px 0 20px 0;
	text-align: center;
}

.essay-name span {
	margin-right: 100px;
}

.essay-name span:last-of-type {
	margin-right: 0px;
}

.essay-conent {
	font-size: 16px;
	font-weight: 400;
	color: #575757;
	line-height: 40px;
	min-height: 400px;
	/* padding-left: 27px; */
	text-indent: 2em;
}

.essay-conent img {
	display: block;
	margin: auto;
	max-width: 900px;
	text-indent: 0em;
}

@media(min-width: 981px) {
	.essay-conent img {
		max-width: 1200px;
	}
}

.essay-conent::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 10px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}

.essay-conent::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
	background: #1a2e6d;
}

.essay-conent::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow: inset 0 0 5px rgba(26, 46, 109, 0.2);
	border-radius: 10px;
	background: #ededed;
}

.ess-footer {
	height: 100px;
	width: 100%;
	background-color: #013066;
	margin: 30px 0;
	padding: 0 50px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	
	color: #fff;
}

.foo-left {
	display: flex;
	align-items: center;
}

.ess-footer img {
	margin-right: 10px;
}

.foo-left img {
	width: 30px;
	height: 30px;
}

.foo-mid {
	display: flex;
	align-items: center;
}

.foo-right {
	display: flex;
	align-items: center;
}

.foo-right img {
	width: 30px;
	height: 30px;
}

.page-head {
	border-bottom: 4px solid #1a2e6d;
	margin-bottom: 50px;
	position: relative;
	padding: 0 30px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between
}

.page-head div{
	padding: 10px 20px;
	background-color: #bdd7ee;
}

.page-head::after {
	content: '';
	position: absolute;
	z-index: 9;
	left: 50%;
	transform: translateX(-50%);
	bottom: -5px;
	width: 33%;
	height: 6px;
	background: #9dc3e6;
}





.essay-recommend {
	margin-top: 80px;
	width: 300px;
	max-height: 600px;
	background: #F7F7F7;
	padding: 30px 20px;
	box-sizing: border-box;
}

.essay-recommend span {
	font-size: 24px;
	font-weight: bold;
	color: #161616;
}

.essay-recommend div {
	font-size: 16px;
	font-weight: 400;
	color: #161616;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	
	padding: 20px 0;
	border-bottom: 1px solid #DCDCDC;
}

.essay-recommend div:first-of-type {
	padding-top: 30px;
}

.backtrack {
	padding-top: 30px;
	width: 100%;
	border-top: 12px solid #EEEEEE;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.essay-back {
	font-size: 16px;
	font-weight: 400;
	color: #373737;
	padding-left: 10px;
}

.essay-back div {
	cursor: pointer;
	max-width: 760px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.essay-back div:last-of-type {
	padding-top: 10px;
}

.backList {
	display: flex;
	background-color: #1A2E6D;
	cursor: pointer;
	margin-right: 10px;
}

.backList div:first-of-type {
	width: 47px;
	height: 47px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #EEEEEE;
}

.backList div:last-of-type {
	width: 120px;
	height: 47px;
	text-align: center;
	line-height: 46px;
	background: #1A2E6D;

	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
}

.party-main3 {
	padding: 54px 0 0 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media(min-width: 981px) {
	.party-main3 {
		padding: 54px 0 0 0;
	}
}

.party-list {
	width: 980px;
	display: flex;
	flex-wrap: wrap;
}

@media(min-width: 981px) {
	.party-list {
		width: 1200px;
	}
}

.party-item {
	width: 290px;
	height: 456px;
	border: 1px solid rgba(210, 210, 210, 0.4);
	margin-right: 48px;
	/* margin-bottom: 48px; */
	margin-top: 30px;
	padding: 0 20px;
	box-sizing: border-box;
	cursor: pointer;
	transition: all 0.3s linear;
}

@media(min-width: 981px) {
	.party-item {
		width: 368px;
	}
}

.party-item:hover {
	transform: translateY(-10px);
	transition: all 0.3s linear;
}

.party-item:hover div:nth-child(3) img {
	transform: scale(1.1);
	transition: all 0.3s linear;
}

.party-item:nth-child(3n) {
	margin-right: 0px;
}

.party-item:nth-child(1),.party-item:nth-child(2),.party-item:nth-child(3) {
	margin-top: 0px;
}

.party-item div:nth-child(1) {
	font-size: 20px;
	font-weight: bold;
	color: #13110C;
	padding-left: 12px;
	margin-top: 25px;
	line-height: 35px;
	min-height: 70px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;

}

.party-item div:nth-child(2) {
	padding: 10px 0 20px 12px;
	font-size: 16px;
	font-weight: 400;
	color: #575757;

}

.party-item div:nth-child(3) {
	width: 100%;
	height: 215px;
	overflow: hidden;
	/* background: #000; */
}

.party-item div:nth-child(3) img {
	transition: all 0.3s linear;
	width: 100%;
	height: 100%;
}

.party-item div:nth-child(4) {
	padding-top: 20px;
	font-size: 16px;
	font-weight: 400;
	color: #575757;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.party-page {
	display: flex;
	align-items: center;
}

.party-page div {
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	background: #EDEDED;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	margin-right: 15px;
	cursor: pointer;
	transition: all 0.3s linear;
}

.party-page div:hover {
	background: rgba(35, 69, 115, 1);
	color: #fff;
	transition: all 0.3s linear;
}

.onPage {
	background: rgba(35, 69, 115, 1) !important;
	color: #fff !important;
	transition: all 0.3s linear;
}

.party-page div:first-of-type {
	/* width: 74px !important; */
}

.party-page div:last-of-type {
	margin-right: 0;
	/* width: 74px !important; */
}

.join-main1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 50px 0 0 0;
	background: #fff;
}

.join-introduce {
	width: 980px;
	padding: 0 4px;
	box-sizing: border-box;
}

@media(min-width: 981px) {
	.join-introduce {
		width: 1200px;
	}
}

.join-t-text {
	font-size: 16px;
	font-weight: 400;
	color: #4E4E4E;
	line-height: 40px;
}

.join-download {
	margin-top: 30px;
	width: 180px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	background: #234573;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	cursor: pointer;
}

.join-employment {
	margin-top: 30px;
	width: 980px;
}

@media(min-width: 981px) {
	.join-employment {
		width: 1200px;
	}
}

#joinTable {
	width: 100%;
}

.join-e-item {
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	cursor: pointer;
}

.join-head {
	background: #234573;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	border: 1px solid #234573;
}

.join-table {
	background: #FFFFFF;
	font-size: 14px;
	font-weight: 400;
	color: #4C4C4C;
	border: 1px solid #EEEEEE;
	border-top: none;

	position: relative;
	z-index: 1;
}

.join-table:nth-child(4n-1) {
	background: #F3F3F3 !important;
}

.join-table div:first-of-type {
	color: #234573 !important;
}

.join-e-item div {
	width: 16%;
	text-align: center;
}

.jobDesc {
	width: 100%;
	height: 0px;
	background-color: #F3F3F3;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	transition: all 0.3s linear;
	position: relative;
	z-index: 0;
	opacity: 0;
	font-size: 14px;
	font-weight: 400;
	color: #989898;
	display: none;
}

.onjobDesc {
	opacity: 1;
	transition: all 0.3s linear;
	border-bottom: 1px solid #EEEEEE;
	display: block;
}

.onjobShow {
	display: block;
}

.joinContent {
	padding: 34px 78px 42px 78px;
	box-sizing: border-box;
	line-height: 30px;
}

.join-img {
	width: 17px !important;
	height: 10px;
	margin: auto;
	background: url('../../images/join/up.png');
	background-size: 100% 100%;
	transition: all 0.3s linear;
}

.onjobImg .join-img {
	transform: rotate(180deg);
	transition: all 0.3s linear;
	background: url('../../images/join/below.png');
}

.join-accept {
	margin-top: 37px;
	width: 180px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background: #234573;
	border-radius: 22px;

	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	cursor: pointer;
}

.soa-main3 {
	position: relative;
	z-index: -1;
	width: 100%;
	height: 1095px;
}

.service-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	/*padding: 70px 0 60px 0;*/
	padding: 0 0 0 0;
}

.service-box #tab-img {
	width: 980px;
}

@media(min-width: 981px) {
	.service-box #tab-img {
		width: 1200px;
	}
}

#service-tabs {
	display: flex;
	align-items: center;
	padding-top: 50px;
	padding-bottom: 30px;
}

#service-tabs div {
	min-width: 90px;
	padding: 0 12px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #F1F1F1;
	font-size: 16px;
	font-weight: 400;
	color: #474747;
	margin-right: 20px;
	transition: all 0.3s linear;
	cursor: pointer;
}

#service-tabs div.doubleRow {
	height: 100px;
}

@media(min-width: 981px) {
	#service-tabs div.doubleRow {
		height: 50px;
	}
}

#service-tabs div:last-of-type {
	margin-right: 0;
}

#service-tabs div:hover {
	background: rgba(39, 70, 120, 1);
	color: #fff;
	transition: all 0.3s linear;
}

.onService-tabs {
	background: rgba(39, 70, 120, 1) !important;
	color: #fff !important;
}

#service-list {
	/* padding-top: 30px; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}

#service-list img {
	display: block;
	max-width: 900px;
	text-indent: 0em;
}

@media(min-width: 981px) {
	#service-list img {
		max-width: 1200px;
	}
}

#service-list.game::before {
	content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
	background-image:url(/images/game/game_logo_bg.png);
	background-repeat:repeat-y;
	background-position:top;
	opacity:0.3;
	z-index:-1;
}

#divCalendar {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: center;
	align-content: flex-start;
}

#service-value-list {
	display: none;
}

.serice-item {
	width: 960px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	font-weight: 400;
	color: #4B4B4B;
	padding: 32px 0;
	border-bottom: 1px solid rgba(238, 238, 238, 1);
	cursor: pointer;
}

@media(min-width: 981px) {
	.serice-item {
		width: 1200px;
	}
}

.serice-item:hover div {
	color: rgba(39, 70, 120, 1);
}

.serice-item div {
	flex: 1;
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#dailyTradeEventList {
	margin-left: 4px;
	padding-right: 4px;
	border: 1px solid #DCDCDC;
	width: 340px;
	overflow-x: hidden;
	overflow-y: auto;
}

#dailyTradeEventList .divDate {
	padding: 4px;
}

#dailyTradeEventList #tradeDate {
	color: red;
	font-weight: bold;
}

#dailyTradeEventList .exchange {
	padding: 4px;
	font-weight: bold;
	color: #234573;
}

#dailyTradeEventList ul {
	padding-inline-start: 30px;
	margin: 0px;
}

#dailyTradeEventList li {
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

.downItem {
	width: 960px;
	height: 130px;
	border: 1px solid #DCDCDC;
	border-radius: 10px;
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: 22px 36px 18px 23px;
	box-sizing: border-box;
}

@media(min-width: 981px) {
	.downItem {
		width: 1160px;
	}
}

.downItem:first-of-type {
	margin-top: 0px;
}

.downItem::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 150px;
	width: 1px;
	height: 100px;
	border-left: 1px dashed rgba(174, 174, 174, 1);
}

.downLeft {
	height: 100px;
	display: flex;
	flex-direction: column;
}

.downLeft div:first-of-type {
	font-size: 18px;
	font-weight: bold;
	color: #484848;
}

.downLeft div:nth-child(2) {
	padding-top: 16px;
	flex: 1;

	font-size: 14px;
	font-weight: 400;
	color: #5E5E5E;
}

.downLeft div:last-of-type {
	font-size: 14px;
	font-weight: 400;
	color: #5E5E5E;
}

.downRight {
	width: 80px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: #666666;

	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	transition: all 0.3s linear;
	cursor: pointer;
}

.downRight:hover {
	transition: all 0.3s linear;
	background: #183C76;
}

.down-item {
	width: 934px;
	border: 1px solid #D2D2D2;
	margin-top: 30px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

@media(min-width: 981px) {
	.down-item {
		width: 1089px;
		padding: 20px;
	}
}

.down-item:first-of-type {
	margin-top: 0px;
}

.d-i-title {
	font-size: 30px;
	font-weight: bold;
	color: #070002;
	padding-bottom: 20px;
	line-height: 60px;
}

.d-i-title img {
	float: left;
	height: 60px;
	margin-right: 8px;
}

.d-i-con {
	display: flex;
	flex-wrap: wrap;
}

.d-i-con .visible {
	display: flex;
}

.d-i-c-text {
	width: 400px;
	/*width: 520px;*/
	/* display: flex; */
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	color: #070002;
	line-height: 30px;
	display: none;
}

@media(min-width: 981px) {
	.d-i-c-text {
		width: 470px;
	}
}

.d-i-c-text div:first-of-type {
	width: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.d-i-c-text .d-i-c-text-value {
	width: 360px;
}

.d-i-right div {
	width: 131px;
	height: 41px;
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	border: 1px solid #D2D2D2;
	padding: 0 0px 0 16px;
	box-sizing: border-box;

	font-size: 16px;
	font-weight: 400;
	color: #070002;

	cursor: pointer;
	transition: all 0.3s linear;
}

.d-i-right div.qrcode {
	height: 110px;
	padding-left: 15px;
}

.d-i-right div:first-of-type:hover {
	transition: all 0.3s linear;
	transform: scale(1.1);
	border: 1px solid rgba(39, 70, 120, 1);
}

.d-i-right div:last-of-type:hover {
	transition: all 0.3s linear;
	transform: scale(1.1);
	border: 1px solid rgba(39, 70, 120, 1);
}

.d-i-right div:first-of-type img {
	width: 19px;
	height: 22px;
	margin-right: 15px;
}

.d-i-right div:last-of-type {
	margin-top: 20px;
}

.d-i-right div:last-of-type img {
	width: 20px;
	height: 24px;
	margin-right: 20px;
}

.calendar {
	position: relative;
	width: 600px;
}

@media(min-width: 981px) {
	.calendar {
		width: 781px;
	}
}

#dailyTradeEventList .tradeEvent {
	word-break: break-all;
}

.data-head {
	height: 80px;
	background: linear-gradient(90deg, #274678, #355EA0);
	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;
}

.data-head::after {
	content: '';
	position: absolute;
	right: 13px;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	height: 59px;
	background: url('../../images/service/calendar.png');
	background-size: 100% 100%;
}

.data-head:before {
	content: '交易活动日历';
	position: absolute;
	top: 50%;
	left: 18px;
	transform: translateY(-50%);
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

.data-head img {
	width: 11px;
	height: 18px;
	cursor: pointer;
}

.data-right {
	transform: rotate(180deg);
}

.nowTime {
	width: 210px;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
}


.container {
	width: 100%;
}

.taber-header {
	width: 100%;
	height: 48px;
	background: #EEF1F8;
	display: flex;
	align-items: center;
	justify-content: space-around;
	font-size: 18px;
	font-weight: 400;
	color: #28487C;
}

.container ul {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	list-style-type: none;
}

.content li {
	width: 84px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	cursor: pointer;
	background: rgba(244, 244, 244, 0.6);
	border: 1px solid #fff;
}

@media(min-width: 981px) {
	.content li {
		width: 110px;
	}
}

.content li:nth-child(7n) {
	border-right: none;
	width: 83px !important;
}

@media(min-width: 981px) {
	.content li:nth-child(7n) {
		width: 108px !important;
	}
}

.content li:nth-child(7n + 1) {
	border-left: none;
}

.content li:not(.disabled):hover {
	background: rgba(39, 70, 121, 1);
	color: #fff;
}

li.disabled {
	/* background: rgb(252, 238, 238); */
	cursor: not-allowed;
	color: rgb(206, 206, 206);
}

li.active {
	background: rgba(39, 70, 121, 1);
	color: #fff;
}

.data-main {
	margin: 15px 0 0px 0;
	/* margin: 15px 0 40px 0; */
	width: 100%;
	background: #F4F4F4;
	padding: 30px 40px 40px 34px;
	box-sizing: border-box;
	cursor: pointer;
}

.data-mian-title {
	font-size: 22px;
	font-weight: bold;
	color: rgba(72, 72, 72, 1);
}

.data-mian-time {
	padding: 30px 0;
	font-size: 16px;
	color: #484848;
}

.data-mian-time span {
	margin-right: 20px;
}

.data-main-text {
	font-size: 16px;
	color: #484848;
	line-height: 24px;
	word-wrap: break-word;
	word-break: normal;
}

.content li.noData {
	cursor: default;
}

.yesData {
	position: relative;
}

.yesData:before {
	content: '';
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 2px;
	background: green;
	/* background: #274679; */
}

.division {
	width: 100%;
	background: #fff;
	padding: 0 0 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.division-item {
	width: 980px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(229, 229, 229, 1);
	display: flex;
}

@media(min-width: 981px) {
	.division-item {
		width: 1200px;
	}
}

.division-item:first-of-type {
	padding-top: 50px;
}

.div-i-left {
	width: 160px;
	height: 186px;
	background: #9B9B9B;
	margin-left: 30px;
	margin-right: 30px;
}

.div-i-right {
	flex: 1;
}

.div-name {
	padding-top: 20px;
	font-size: 24px;
	font-weight: bold;
	color: #545454;
}

.div-mid {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	font-weight: 400;
	color: #545454;
	padding-top: 5px;
}

.timeBase {
	margin-top: 20px;
	padding-left: 20px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 400;
	color: #545454;
}

.timeLine {
	position: relative;
	min-height: 80px;
}

.over-time {
	height: 120px !important;
	overflow: hidden;
}

.timeBase::after {
	content: '';
	position: absolute;
	z-index: 0;
	top: 15px;
	left: 4px;
	width: 1px;
	height: 100%;
	background: #D2D2D2;
}

.timeBase div {
	height: 29px;
	line-height: 29px;
	position: relative;
}

.timeBase div::after {
	content: '';
	position: absolute;
	z-index: 1;
	width: 10px;
	height: 10px;
	background: #818181;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	left: -20px;
}

.drop-down {
	width: 20px;
	height: 16px;
	background: url('../../images/about/drop-don.png');
	background-size: 100% 100%;
	position: relative;
	z-index: 3;
	top: 6px;
	left: -5px;
	background-color: aliceblue;
	cursor: pointer;
}

.unfold {
	transform: rotate(-180deg);
}


#summons {
	width: 980px;
}

@media(min-width: 981px) {
	#summons {
		width: 1200px;
	}
}

#summons img {
	display: block;
	margin: auto;
	max-width: 980px;
}

@media(min-width: 981px) {
	#summons img   {
		width: 1200px;
	}
}

.permitImg {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.permitImg img {
	margin-top: 80px;
}

.permitImg img:first-of-type {
	margin-top: 0;
}

.fee-item {
	display: flex;
	/* align-items: center; */
}

.fee-item:nth-child(2n) {
	background: #F2F2F2;
}

.fee-item-head {
	width: 100%;
	background: linear-gradient(90deg, #183C76, #396CBE) !important;
	display: flex;
	align-items: center;
	height: 50px;
}

.fee-item-head div {
	color: #fff !important;
	border: none !important;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
}

.fee-item-head div:nth-child(1) {
	width: 177px;
}

@media(min-width: 981px) {
	.fee-item-head div:nth-child(1) {
		width: 217px;
	}
}

.fee-item-head div:nth-child(2) {
	width: 222px;
}

@media(min-width: 981px) {
	.fee-item-head div:nth-child(2) {
		width: 262px;
	}
}

.fee-item-head div:nth-child(3) {
	width: 222px;
}

@media(min-width: 981px) {
	.fee-item-head div:nth-child(3) {
		width: 262px;
	}
}

.fee-item-head div:nth-child(4) {
	width: 182px;
}

@media(min-width: 981px) {
	.fee-item-head div:nth-child(4) {
		width: 232px;
	}
}

.fee-item-head div:nth-child(5) {
	width: 167px;
}

@media(min-width: 981px) {
	.fee-item-head div:nth-child(5) {
		width: 227px;
	}
}

.fee-item div {
	font-size: 14px;
	padding: 15px 0;
	text-align: center;
	font-weight: 400;
	color: #515151;
	border: 1px solid #fff;
	height: auto;
}

.fee-item div:nth-child(1) {
	width: 177px;
	border-left: none;
}

@media(min-width: 981px) {
	.fee-item div:nth-child(1) {
		width: 217px;
	}
}

.fee-item div:nth-child(2) {
	width: 220px;
}

@media(min-width: 981px) {
	.fee-item div:nth-child(2) {
		width: 260px;
	}
}

.fee-item div:nth-child(3) {
	width: 220px;
}

@media(min-width: 981px) {
	.fee-item div:nth-child(3) {
		width: 260px;
	}
}

.fee-item div:nth-child(4) {
	width: 180px;
}

@media(min-width: 981px) {
	.fee-item div:nth-child(4) {
		width: 230px;
	}
}

.fee-item div:nth-child(5) {
	width: 165px;
	border-right: none;
}

@media(min-width: 981px) {
	.fee-item div:nth-child(5) {
		width: 225px;
	}
}

.margin-item {
	display: flex;
	/* align-items: center; */
}

.margin-item:nth-child(2n) {
	background: #F2F2F2;
}

.margin-item-head {
	width: 100%;
	background: linear-gradient(90deg, #183C76, #396CBE) !important;
	display: flex;
	align-items: center;
	height: 50px;
}

.margin-item-head div {
	color: #fff !important;
	border: none !important;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
}

.margin-item-head div:nth-child(1) {
	width: 157px;
}

@media(min-width: 981px) {
	.margin-item-head div:nth-child(1) {
		width: 187px;
	}
}

.margin-item-head div:nth-child(2) {
	width: 132px;
}

@media(min-width: 981px) {
	.margin-item-head div:nth-child(2) {
		width: 182px;
	}
}

.margin-item-head div:nth-child(3) {
	width: 112px;
}

@media(min-width: 981px) {
	.margin-item-head div:nth-child(3) {
		width: 162px;
	}
}

.margin-item-head div:nth-child(4) {
	width: 162px;
}

@media(min-width: 981px) {
	.margin-item-head div:nth-child(4) {
		width: 182px;
	}
}

.margin-item-head div:nth-child(5) {
	width: 157px;
}

@media(min-width: 981px) {
	.margin-item-head div:nth-child(5) {
		width: 197px;
	}
}

.margin-item-head div:nth-child(6) {
	width: 247px;
}

@media(min-width: 981px) {
	.margin-item-head div:nth-child(6) {
		width: 267px;
	}
}

.margin-item div {
	font-size: 14px;
	padding: 15px 0;
	text-align: center;
	font-weight: 400;
	color: #515151;
	border: 1px solid #fff;
	height: auto;
}

.margin-item div:nth-child(1) {
	width: 157px;
	border-left: none;
}

@media(min-width: 981px) {
	.margin-item div:nth-child(1) {
		width: 187px;
	}
}

.margin-item div:nth-child(2) {
	width: 130px;
}

@media(min-width: 981px) {
	.margin-item div:nth-child(2) {
		width: 180px;
	}
}

.margin-item div:nth-child(3) {
	width: 110px;
}

@media(min-width: 981px) {
	.margin-item div:nth-child(3) {
		width: 160px;
	}
}

.margin-item div:nth-child(4) {
	width: 160px;
}

@media(min-width: 981px) {
	.margin-item div:nth-child(4) {
		width: 180px;
	}
}

.margin-item div:nth-child(5) {
	width: 155px;
}

@media(min-width: 981px) {
	.margin-item div:nth-child(5) {
		width: 195px;
	}
}

.margin-item div:nth-child(6) {
	width: 245px;
	border-right: none;
}

@media(min-width: 981px) {
	.margin-item div:nth-child(6) {
		width: 265px;
	}
}

#molecule-main {
	padding: 30px 0 0 0;
	background: #fff;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.mol-top {
	width: 980px;
	display: flex;
	align-items: center;
	position: relative;
}

@media(min-width: 981px) {
	.mol-top {
		width: 1200px;
	}
}

.mol-t-left {
	position: relative;
	z-index: 1;
	/* top: 50%; */
	left: 60px;
	/* transform: translateY(-50%); */
}

.mol-t-right {
	width: 718px;
	height: 538px;
	background: url('../../images/about/map.png');
	background-size: 100% 100%;

	position: relative;
}

.popple {
	position: absolute;
	width: 10px;
	height: 10px;
	background: rgba(255, 255, 255, 1);
	border-radius: 50%;
	/* animation: ripplesone 1s 2s infinite; */
}

.popple::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 50%;
	animation: ripplesone 1s 2.5s infinite;
}

.jiangxi {
	bottom: 125px;
	right: 174px;
}

@media(min-width: 981px) {
	.jiangxi {
		bottom: 125px;
		right: 217px;
	}
}

.hunan {
	bottom: 125px;
	right: 210px;
}

@media(min-width: 981px) {
	.hunan {
		bottom: 125px;
		right: 256px;
	}
}

.wuhan {
	bottom: 180px;
	right: 200px;
}

@media(min-width: 981px) {
	.wuhan {
		bottom: 180px;
		right: 248px;
	}
}

.hangzhou {
	bottom: 150px;
	right: 138px;
}

@media(min-width: 981px) {
	.hangzhou {
		bottom: 150px;
		right: 172px;
	}
}

.dalian {
	bottom: 327px;
	right: 126px;
}

@media(min-width: 981px) {
	.dalian {
		bottom: 327px;
		right: 158px;
	}
}

@keyframes ripplesone {
	0% {
		transform-origin: center;
		transform: scale(1);
		opacity: 0;
	}

	5% {
		transform-origin: center;
		transform: scale(1.5);
		opacity: 1;
	}

	100% {
		transform-origin: center;
		transform: scale(2);
		opacity: 0.2;
	}
}

.mol-t-left {
	width: 560px;
}

.mol-t-l-text1 {
	padding: 0 75px 0 40px;
	display: flex;
	justify-content: space-between;

	color: #6F6F6F;
}

.mol-t-l-text1 div {
	display: flex;
	align-items: flex-end;
}

.mol-t-l-text1 div span:first-of-type {
	font-size: 60px;
	font-weight: bold;
	color: #6F6F6F;
}

.mol-t-l-text1 div span:last-of-type {
	font-size: 24px;
	font-weight: bold;
	color: #6F6F6F;
}

.mol-t-l-text2 {
	font-size: 16px;
	font-weight: 400;
	color: #535353;
	margin-top: 50px;
	line-height: 30px;
}

.mol-bot {
	width: 980px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 45px;
	justify-content: center;
}

@media(min-width: 981px) {
	.mol-bot {
		width: 1200px;
	}
}

.mol-bot div {
	width: 285px;
	height: 70px;
	line-height: 70px;
	padding-left: 27px;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.17);
	margin: 0 20px 20px 20px;
	font-size: 20px;
	font-weight: 400;
	color: #383838;
	cursor: pointer;
	position: relative;
	z-index: 1;
}

@media(min-width: 981px) {
	.mol-bot div {
		width: 360px;
	}
}

.mol-bot div:nth-child(3n) {
	/*margin-right: 0;*/
}

.mol-bot div::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	width: 11px;
	height: 18px;
	margin-top: -6px;
	transform: rotate(180deg);
	background: url('../../images/about/data-icon1.png');
	background-size: 100% 100%;
}

.mol-bot div:before {
	content: '';
	position: absolute;
	z-index: -1;
	display: block;
	background: linear-gradient(to left, rgba(255, 255, 255, 0) 50%, rgba(24, 60, 118, 1) 50%);
	background-size: 210% 100%;
	background-position: right bottom;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	transition: all 1s;
	-webkit-transition: all .6s;
}
.mol-bot div:hover{
	color: #fff;
}
.mol-bot div:hover:before {
	background-position: left bottom;
}


.mol-m-know {
	margin-top: 40px;
	width: 980px;
	height: 230px;
	background: url('../../images/about/abouts.jpg');
	background-size: 100% 100%;
	padding: 0 63px 0 63px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media(min-width: 981px) {
	.mol-m-know  {
		width: 1200px;
	}
}

.mol-m-k-top {
	flex: 1;
	padding-right: 120px;
}
.mol-m-k-top span {
	font-size: 30px;
	font-weight: 400;
	color: #FFFFFF;
}
.mol-m-k-top div {
	padding-top: 25px;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 24px;
}

.mol-m-btn {
	width: 116px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	background: #FFFFFF;
	border-radius: 10px;
	
	font-size: 16px;
	font-weight: 400;
	color: #424242;
}