/**
 * 首页样式文件
 * 注意：基础重置样式已在 reset.css 中定义，请确�?reset.css 在此文件之前加载
 */

/* ========== 首页特定样式 ========== */

body {
	overflow: scroll;
	overflow-x: hidden;
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

i:hover {
	cursor: pointer;
}

/* .none �?.show 已在 reset.css 中定�?*/

.img-scale {
	transition: all 0.2s;
}

.img-scale:hover {
	transform: scale(1.05);
	text-decoration: none;
	transition-duration: 400ms;
	-moz-transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand', enabled=bEnabled);
}

.more {
	float: right;
	margin-top: 10px;
}

.more .search {
	color: #999;
	font-size: 16px;
}

.more:hover a {
	color: #E30B20;
}

.more:hover i {
	color: #E30B20;
}

.more a {
	font-size: 14px;
	font-weight: 300;
	color: #666;
}

.sanjiao {
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	border-width: 10px;
	border-style: solid dashed dashed dashed;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	top: 220px;
	left: 89px;
}

.barrierBed {
	width: 100%;
	height: 1000%;
	background: rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
	z-index: 9;
	position: absolute;
}

.arrow-box {
	width: 30px;
	height: 30px;
	margin: 20px auto;
	position: relative;
}

.section {
	width: 100%;
}

.section .typeArea {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.section .typeArea .right-info{
	position: absolute;
	right: 0;
	top: 5px;
	color: #e30b20;
	background-color: rgba(247,8,30, 0.2);
	border-radius: 2px;
	width: 88px;
	height: 22px;
	font-size: 12px;
	text-align: center;
	line-height: 22px;
}

.section .typeArea .title {
	height: 148px;
}

.section .typeArea .title .headline .logo {
	float: left;
	width: 100px;
	height: 40px;
	background-color: #E30B20;
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
	margin: 40px 0 0 167px;
}

.section .typeArea .title .headline .logo span {
	display: block;
	width: 40px;
	height: 20px;
	font-size: 20px;
	color: #fff;
	line-height: 40px;
	margin: 0 auto;
}

.section .typeArea .title .headline .title-top {
	float: left;
	width: 830px;
	height: 40px;
	margin-top: 40px;
	margin-left: 5px;
}

.section .typeArea .title .headline .title-top a {
	font-size: 40px;
	color: #333;
	line-height: 40px;
}

.section .typeArea .title .headline .title-top a:hover {
	color: #E30B20;
}

.section .typeArea .title .title-bottom ul {
	text-align: center;
}

.section .typeArea .title .title-bottom ul li {
	display: inline-block;
	margin-top: 9px;
}

.section .typeArea .title .title-bottom ul li a {
	color: #666;
	line-height: 16px;
	height: 16px;
	font-size: 14px;
	font-weight: 400;
}

.section .typeArea .title .title-bottom ul li a:hover {
	color: #E30B20;
}

.section .typeArea .title .title-bottom ul li span {
	color: #666;
	line-height: 16px;
	height: 16px;
	font-size: 14px;
	margin: 0 10px;
}

.section .typeArea .lunbo {
	position: relative;
	width: 1200px;
	height: 600px;
	margin: 0 auto;
	overflow: hidden;
}

.section .typeArea .lunbo #b04 {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	behavior: url(../pie/PIE.htc);
}

.section .typeArea .lunbo #b04 .dots {
	position: absolute;
	right: 10px;
	bottom: 34px;
	z-index: 999;
}

.section .typeArea .lunbo #b04 .dots li {
	width: 12px;
	display: inline-block;
	height: 12px;
	background-color: #fff;
	opacity: 0.5;
	border-radius: 50%;
	behavior: url(../pie/PIE.htc);
	cursor: pointer;
	margin-right: 10px;
}

.section .typeArea .lunbo #b04 .dots li.active {
	width: 20px;
	opacity: 1;
	border-radius: 6px;
	behavior: url(../pie/PIE.htc);
}

.section .typeArea .lunbo #b04 .arrow {
	position: absolute;
	top: 200px;
}

.section .typeArea .lunbo #b04 #al {
	left: 20px;
	top: 272px;
	color: #fff;
	font-size: 56px;
	opacity: 0.5;
}

.section .typeArea .lunbo #b04 #al:hover {
	color: #E30B20;
	opacity: 1;
}

.section .typeArea .lunbo #b04 #ar {
	right: 20px;
	top: 272px;
	color: #fff;
	font-size: 56px;
	opacity: 0.5;
}

.section .typeArea .lunbo #b04 #ar:hover {
	color: #E30B20;
	opacity: 1;
}

.section .typeArea .lunbo #b04 ul{
	display: flex;
}

.section .typeArea .lunbo #b04 ul li {
	/* float: left; */
	flex: 1;
}

.section .typeArea .lunbo .slider-content {
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
}

.section .typeArea .lunbo #b04 ul li a {
	display: block;
	position: relative;
}

.section .typeArea .lunbo #b04 ul li .text {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 80px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9;
	line-height: 80px;
	color: #fff;
	font-weight: bolder;
	font-size: 28px;
	left: 0;
}

.section .typeArea .lunbo #b04 ul li .text:hover {
	color: #E30B20;
}

.section .typeArea .lunbo .text .special {
	width: 80px;
	height: 35px;
	background-color: #E30B20;
	color: #fff;
	font-size: 16px;
	font-weight: bolder;
	line-height: 35px;
	text-align: center;
	border-radius: 4px;
	display: inline-block
}



.section .typeArea .lunbo .jSlider .navigator .prev {
	margin-left: -50px
}

.section .typeArea .lunbo .jSlider .navigator .next {
	margin-right: -50px
}

.section .typeArea .lunbo .jSlider .controller .indicator {
	text-align: right;
	margin-right: 20px;
	z-index: 10
}

.section .typeArea .lunbo .jSlider .controller .indicator span {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)
}

.section .typeArea .lunbo .jSlider .controller .indicator .selected {
	background-color: #fff;
	width: 20px
}

.section .typeArea .hot {
	width: 1200px;
	height: 460px;
	margin: 56px auto 0;
}

.section .typeArea .hot .nav {
	width: 785px;
	height: 40px;
	border-bottom: 1px solid #E5E5E5;
}

.section .typeArea .hot .nav .title {
	float: left;
	width: 48px;
	height: 25px
}

.section .typeArea .hot .nav .title a {
	font-size: 24px;
	font-weight: 450;
	color: #333;
	padding-bottom: 4px;
	border-bottom: 4px solid #E30B20;
}

.section .typeArea .hot .new-list {
	float: left;
	height: 424px;
	width: 785px;
}

.section .typeArea .hot .new-list .new-left {
	float: left;
	width: 370px;
	margin-right: 20px;
}

.section .typeArea .hot .new-list .new-left dl dt {
	padding-top: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	height: 64px;
}

.section .typeArea .hot .new-list .new-left dl dt a {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	line-height: 50px;
}

.section .typeArea .hot .new-list .new-left dl dt a:hover {
	color: #E30B20
}

.section .typeArea .hot .new-list .new-left dl dd {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	height: 45px;
}

.section .typeArea .hot .new-list .new-left dl dd a {
	font-size: 16px;
	color: #333;
	line-height: 45px;
}

.section .typeArea .hot .new-list .new-left dl dd a:hover {
	color: #E30B20
}

.section .typeArea .hot .new-list .new-right {
	float: right;
	width: 370px;
}

.section .typeArea .hot .new-list .new-right dl dt {
	padding-top: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	height: 64px;
}

.section .typeArea .hot .new-list .new-right dl dt a {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	line-height: 50px
}

.section .typeArea .hot .new-list .new-right dl dt a:hover {
	color: #E30B20
}

.section .typeArea .hot .new-list .new-right dl dd {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	height: 45px;
}

.section .typeArea .hot .new-list .new-right dl dd a {
	font-size: 16px;
	color: #333;
	line-height: 45px;
}

.section .typeArea .hot .new-list .new-right dl dd a:hover {
	color: #E30B20
}

.section .typeArea .hot .ranking {
	float: right;
	text-align: center;
	position: relative;
	width: 370px;
	height: 448px;
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
	margin-top: -20px
}

.section .typeArea .hot .ranking .box {
	width: 168px;
	height: 35px;
	position: absolute;
	top: -18px;
	left: 50%;
	margin-left: -84px;
	background-color: #fff
}

.section .typeArea .hot .ranking .box .logo {
	width: 138px;
	height: 35px;
	position: absolute;
	left: 50%;
	margin-left: -69px;
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	background-color: #E30B20;
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
	line-height: 35px
}

.section .typeArea .hot .ranking ul {
	overflow: hidden;
	height: 330px;
	margin-top: 49px;
}

.section .typeArea .hot .ranking ul li {
	position: relative;
	width: 370px;
	height: 110px
}

.section .typeArea .hot .ranking ul li .rank-img {
	margin-left: 20px;
	width: 155px;
	height: 90px;
	overflow: hidden;
	margin-top: 5px;
	border-radius: 4px;
	behavior: url(../pie/PIE.htc);
}

.section .typeArea .hot .ranking ul li .rank-img img {
	width: 100%;
	height: 100%;
}

.section .typeArea .hot .ranking ul li .num {
	font-size: 24px;
	width: 32px;
	font-style: italic;
	color: #E30B20;
	float: left;
	text-align: right;
	height: 110px;
	font-family: Arial;
}

.section .typeArea .hot .ranking ul li .num1 {
	font-size: 24px;
	width: 32px;
	font-style: italic;
	color: #999;
	float: left;
	text-align: right;
	height: 110px;
	font-family: Arial;
}

.section .typeArea .hot .ranking ul li img {
	width: 140px;
	height: 90px;
	float: left;

}

.section .typeArea .hot .ranking ul li .text {
	margin-top: 5px;
	float: left;
	width: 163px;
	height: 45px;
	padding-left: 20px;
	text-align: left;
	font-size: 16px;
	color: #333;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.section .typeArea .hot .ranking ul li .text:hover {
	color: #E30B20;
}

.section .typeArea .hot .ranking ul li .read {
	color: #999;
	font-size: 14px;
	position: absolute;
	top: 78px;
	left: 224px;
}

.section .typeArea .hot .ranking .slide {
	width: 368px;
	height: 43px;
	background-color: #fff;
	border-radius: 0px 0px 0px 4px;
	behavior: url(../../src/pie/PIE.htc);
	margin-top: 24px;
}
.section .typeArea .hot .ranking .slide a{
	cursor: default;
}
.section .typeArea .hot .ranking .slide .left {
	width: 183px;
	height: 43px;
	float: left;
	line-height: 43px;
	background-color: #F5F5F5;
	display: block
}
.section .typeArea .hot .ranking .slide .hoverED{
	cursor: pointer;
}
.section .typeArea .hot .ranking .slide .hoverED:hover{
	background-color: #EDEDED !important;
}
/* .section .typeArea .hot .ranking .slide .left:hover {
	background-color: #EDEDED;
} */

.section .typeArea .hot .ranking .slide .hoverED:hover i {
	color: #CC0000 !important;
	cursor: pointer;
}

.section .typeArea .hot .ranking .slide .left i {
	color: #999;
	cursor: default;
}

.section .typeArea .hot .ranking .slide .right {
	width: 183px;
	height: 43px;
	float: right;
	line-height: 43px;
	background-color: #F5F5F5;
}

.section .typeArea .hot .ranking .slide .right i {
	color: #333;
	cursor: default;
}
.section .typeArea .chatu{
	width: 100%;
	height: 127px;
	margin-top: 50px;
}
.section .typeArea .chatu a{
	width: 100%;
	height: 100%;
	display: block;
}
.section .typeArea .chatu a img{
	width: 100%;
	height: 100%;
	display: block;
}
.section .typeArea .inland {
	width: 1200px;
	height: 230px;
	margin-top: 55px;
}

.section .typeArea .inland .nav {
	width: 1200px;
	height: 40px
}

.section .typeArea .inland .nav .title {
	float: left;
	width: 48px;
	height: 25px
}

.section .typeArea .inland .nav .title a {
	font-size: 24px;
	font-weight: 450;
	color: #333
}

.section .typeArea .inland .nav .navbar {
	float: right;
}
.section .typeArea .inland .nav .navbar ul{
	margin-right: -30px;
}

.section .typeArea .inland .nav .navbar ul li {
	float: left;
	margin-left: 30px
}

.section .typeArea .inland .nav .navbar ul li a {
	font-size: 14px;
	color: #333;
	line-height: 41px
}

.section .typeArea .inland .nav .navbar ul li a:hover {
	color: #E30B20
}

.section .typeArea .inland .imgbox {
	background: #F5F5F5;
	width: 1200px;
	height: 180px;
	position: relative;
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
	margin-top: 7px;
	padding-top: 30px;
}

.section .typeArea .inland .imgbox .text {
	width: 50px;
	height: 180px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #E30B20;
	border-radius: 4px 0px 0px 4px;
	behavior: url(../../src/pie/PIE.htc);
}

.section .typeArea .inland .imgbox .text .wenzi {
	font-size: 24px;
	color: #fff;
	width: 24px;
	height: 116px;
	margin: 0 auto;
	margin-top: 25px
}

.section .typeArea .inland .imgbox .text .sanjiao {
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	border-width: 10px;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #E30B20;
	position: absolute;
	top: 80px;
	left: 46px
}

.section .typeArea .inland .imgbox ul {
	margin-left: 50px;
}

.section .typeArea .inland .imgbox ul li {
	float: left;
	margin-left: 18px
}

.section .typeArea .inland .imgbox ul li a {
	width: 208px;
	height: 115px;
	display: block;
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
	overflow: hidden
}

.section .typeArea .inland .imgbox ul li a img {
	width: 208px;
	height: 115px
}

.section .typeArea .module-box {
	width: 1200px;
	margin-top: 55px;
	margin-bottom: 48px;
}

.section .typeArea .module-box .module-inland {
	width: 370px;
	height: 510px;
	float: left
}

.section .typeArea .module-box .module-inland .nav {
	width: 370px;
	height: 40px;
	border-bottom: 1px solid #E5E5E5
}

.section .typeArea .module-box .module-inland .nav .title {
	float: left;
	width: 48px;
	height: 25px
}

.section .typeArea .module-box .module-inland .nav .title a {
	font-size: 24px;
	font-weight: 400;
	color: #333;
	padding-bottom: 4px;
	border-bottom: 4px solid #E30B20;
}

.section .typeArea .module-box .module-inland .subject {
	width: 370px;
	height: 204px;
	margin-top: 30px;
	position: relative;
}

.section .typeArea .module-box .module-inland .subject .image {
	margin-bottom: 13px;
}

.section .typeArea .module-box .module-inland .subject .image .img {
	width: 370px;
	height: 204px;
	overflow: hidden;
	display: block;
	position: relative;
	border-radius: 4px;
}

.section .typeArea .module-box .module-inland .subject .image .img img {
	width: 370px;
	height: 204px;
	position: absolute;
	left: 50%;
	margin-left: -185px;
	top: 50%;
	margin-top: -102px;
}

.section .typeArea .module-box .module-inland .subject .image .text {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
	width: 370px;
	height: 40px
}

.section .typeArea .module-box .module-inland .subject .image .text a {
	color: #fff;
	font-size: 16px;
	line-height: 40px
}

.section .typeArea .module-box .module-inland .subject .image .text a:hover {
	color: #E30B20
}

.section .typeArea .module-box .module-inland .subject ul li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.section .typeArea .module-box .module-inland .subject ul li a {
	font-size: 16px;
	color: #333;
	line-height: 45px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.section .typeArea .module-box .module-inland .subject ul li a:hover {
	color: #E30B20
}

.section .typeArea .module-box .module-international {
	width: 370px;
	height: 510px;
	float: left;
	margin-left: 45px;
}

.section .typeArea .module-box .module-international .nav {
	width: 370px;
	height: 40px;
	border-bottom: 1px solid #E5E5E5
}

.section .typeArea .module-box .module-international .nav .title {
	float: left;
	width: 48px;
	height: 25px
}

.section .typeArea .module-box .module-international .nav .title a {
	font-size: 24px;
	font-weight: 400;
	color: #333;
	padding-bottom: 4px;
	border-bottom: 4px solid #E30B20
}

.section .typeArea .module-box .module-international .subject {
	width: 370px;
	height: 204px;
	margin-top: 30px;
	position: relative
}

.section .typeArea .module-box .module-international .subject .image {
	margin-bottom: 13px;
}

.section .typeArea .module-box .module-international .subject .image .img {
	width: 370px;
	height: 204px;
	overflow: hidden;
	display: block;
	position: relative;
	border-radius: 4px;
}

.section .typeArea .module-box .module-international .subject .image .img img {
	width: 370px;
	height: 204px;
	position: absolute;
	left: 50%;
	margin-left: -185px;
	top: 50%;
	margin-top: -102px;
}

.section .typeArea .module-box .module-international .subject .image .text {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
	width: 370px;
	height: 40px
}

.section .typeArea .module-box .module-international .subject .image .text a {
	color: #fff;
	font-size: 16px;
	line-height: 40px
}

.section .typeArea .module-box .module-international .subject .image .text a:hover {
	color: #E30B20
}

.section .typeArea .module-box .module-international .subject ul li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.section .typeArea .module-box .module-international .subject ul li a {
	font-size: 16px;
	color: #333;
	line-height: 45px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.section .typeArea .module-box .module-international .subject ul li a:hover {
	color: #E30B20
}

.section .typeArea .module-box .module-financeAndEconomics {
	width: 370px;
	height: 510px;
	float: left;
	margin-left: 45px
}

.section .typeArea .module-box .module-financeAndEconomics .nav {
	width: 370px;
	height: 40px;
	border-bottom: 1px solid #E5E5E5
}

.section .typeArea .module-box .module-financeAndEconomics .nav .title {
	float: left;
	width: 48px;
	height: 25px
}

.section .typeArea .module-box .module-financeAndEconomics .nav .title a {
	font-size: 24px;
	font-weight: 400;
	color: #333;
	padding-bottom: 4px;
	border-bottom: 4px solid #E30B20
}

.section .typeArea .module-box .module-financeAndEconomics .subject {
	width: 370px;
	height: 204px;
	margin-top: 30px;
	position: relative
}

.section .typeArea .module-box .module-financeAndEconomics .subject .image {
	margin-bottom: 13px;
}

.section .typeArea .module-box .module-financeAndEconomics .subject .image .img {
	width: 370px;
	height: 204px;
	overflow: hidden;
	display: block;
	position: relative;
	border-radius: 4px;
}

.section .typeArea .module-box .module-financeAndEconomics .subject .image .img img {
	width: 370px;
	height: 204px;
	position: absolute;
	left: 50%;
	margin-left: -185px;
	top: 50%;
	margin-top: -102px;
}

.section .typeArea .module-box .module-financeAndEconomics .subject .image .text {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
	width: 370px;
	height: 40px
}

.section .typeArea .module-box .module-financeAndEconomics .subject .image .text a {
	color: #fff;
	font-size: 16px;
	line-height: 40px
}

.section .typeArea .module-box .module-financeAndEconomics .subject .image .text a:hover {
	color: #E30B20
}

.section .typeArea .module-box .module-financeAndEconomics .subject ul li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.section .typeArea .module-box .module-financeAndEconomics .subject ul li a {
	font-size: 16px;
	color: #333;
	line-height: 45px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.section .typeArea .module-box .module-financeAndEconomics .subject ul li a:hover {
	color: #E30B20
}

.section .typeArea .module-box .module-sports {
	width: 370px;
	height: 500px;
	float: left
}

.section .typeArea .module-box .module-sports .nav {
	width: 370px;
	height: 40px;
	border-bottom: 1px solid #E5E5E5
}

.section .typeArea .module-box .module-sports .nav .title {
	float: left;
	width: 48px;
	height: 25px
}

.section .typeArea .module-box .module-sports .nav .title a {
	font-size: 24px;
	font-weight: 400;
	color: #333;
	padding-bottom: 4px;
	border-bottom: 4px solid #E30B20;
}

.section .typeArea .module-box .module-sports .subject {
	width: 370px;
	height: 204px;
	margin-top: 30px;
	position: relative
}

.section .typeArea .module-box .module-sports .subject .image {
	margin-bottom: 13px;
}

.section .typeArea .module-box .module-sports .subject .image .img {
	width: 370px;
	height: 204px;
	overflow: hidden;
	display: block;
	position: relative;
	border-radius: 4px;
}

.section .typeArea .module-box .module-sports .subject .image .img img {
	width: 370px;
	height: 204px;
	position: absolute;
	left: 50%;
	margin-left: -185px;
	top: 50%;
	margin-top: -102px;
}

.section .typeArea .module-box .module-sports .subject .image .text {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
	width: 370px;
	height: 40px
}

.section .typeArea .module-box .module-sports .subject .image .text a {
	color: #fff;
	font-size: 16px;
	line-height: 40px
}

.section .typeArea .module-box .module-sports .subject .image .text a:hover {
	color: #E30B20
}

.section .typeArea .module-box .module-sports .subject ul li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.section .typeArea .module-box .module-sports .subject ul li a {
	font-size: 16px;
	color: #333;
	line-height: 45px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.section .typeArea .module-box .module-sports .subject ul li a:hover {
	color: #E30B20
}

.section .typeArea .module-box .module-library {
	width: 370px;
	height: 500px;
	float: left;
	margin-left: 45px
}

.section .typeArea .module-box .module-library .nav {
	width: 370px;
	height: 40px;
	border-bottom: 1px solid #E5E5E5
}

.section .typeArea .module-box .module-library .nav .title {
	float: left;
	width: 48px;
	height: 25px
}

.section .typeArea .module-box .module-library .nav .title a {
	font-size: 24px;
	font-weight: 400;
	color: #333;
	padding-bottom: 4px;
	border-bottom: 4px solid #E30B20;
}

.section .typeArea .module-box .module-library .subject {
	width: 370px;
	height: 204px;
	margin-top: 30px;
	position: relative
}

.section .typeArea .module-box .module-library .subject .image {
	margin-bottom: 13px;
}

.section .typeArea .module-box .module-library .subject .image .img {
	width: 370px;
	height: 204px;
	overflow: hidden;
	display: block;
	position: relative;
	border-radius: 4px;
}

.section .typeArea .module-box .module-library .subject .image .img img {
	width: 370px;
	height: 204px;
	position: absolute;
	left: 50%;
	margin-left: -185px;
	top: 50%;
	margin-top: -102px;
}

.section .typeArea .module-box .module-library .subject .image .text {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
	width: 370px;
	height: 40px
}

.section .typeArea .module-box .module-library .subject .image .text a {
	color: #fff;
	font-size: 16px;
	line-height: 40px
}

.section .typeArea .module-box .module-library .subject .image .text a:hover {
	color: #E30B20
}

.section .typeArea .module-box .module-library .subject ul li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.section .typeArea .module-box .module-library .subject ul li a {
	margin-left: 10px;
	font-size: 16px;
	color: #333;
	line-height: 45px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.section .typeArea .module-box .module-library .subject ul li a:hover {
	color: #E30B20
}

.section .typeArea .module-box .module-download {
	width: 370px;
	height: 500px;
	float: left;
	margin-left: 45px
}

.section .typeArea .module-box .module-download .nav {
	width: 370px;
	height: 40px;
	border-bottom: 1px solid #E5E5E5
}

.section .typeArea .module-box .module-download .nav .title {
	float: left;
	width: 48px;
	height: 25px
}

.section .typeArea .module-box .module-download .nav .title a {
	font-size: 24px;
	font-weight: 400;
	color: #333;
	padding-bottom: 6px;
	border-bottom: 4px solid #E30B20;
}

.section .typeArea .module-box .module-download .subject {
	width: 370px;
	height: 204px;
	margin-top: 30px;
	position: relative
}

.section .typeArea .module-box .module-download .subject .image {
	margin-bottom: 13px;
	width: 370px;
	height: 204px;
}

.section .typeArea .module-box .module-download .subject .image .img {
	width: 370px;
	height: 204px;
	overflow: hidden;
	display: block;
	position: relative;
	border-radius: 4px;
}

.section .typeArea .module-box .module-download .subject .image .img img {
	width: 370px;
	height: 204px;
	position: absolute;
	left: 50%;
	margin-left: -185px;
	top: 50%;
	margin-top: -102px;
}

.section .typeArea .module-box .module-download .subject .image .text {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
	width: 370px;
	height: 40px
}

.section .typeArea .module-box .module-download .subject .image .text a {
	color: #fff;
	font-size: 16px;
	line-height: 40px
}

.section .typeArea .module-box .module-download .subject .image .text a:hover {
	color: #E30B20
}

.section .typeArea .module-box .module-download .subject ul li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.section .typeArea .module-box .module-download .subject ul li img {
	width: 18px;
	height: 18px
}

.section .typeArea .module-box .module-download .subject ul li a {
	margin-left: 10px;
	font-size: 16px;
	color: #333;
	line-height: 45px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.section .typeArea .module-box .module-download .subject ul li a:hover {
	color: #E30B20
}

.section .typeArea .video {
	width: 1220px;
	height: 270px;
	margin-bottom: 20px;
}

.section .typeArea .video .nav {
	width: 1200px;
	height: 45px;
	border-bottom: 1px solid #E5E5E5
}

.section .typeArea .video .nav .title {
	float: left;
	width: 48px;
	height: 25px;
	margin-top: 5px
}

.section .typeArea .video .nav .title a {
	font-size: 24px;
	font-weight: 400;
	color: #333;
	padding-bottom: 4px;
	border-bottom: 4px solid #E30B20;
}

.section .typeArea .video .nav .navbar ul li {
	float: right;
	margin-left: 20px;
	width: 78px;
	height: 34px;
	background: #F5F5F5;
	border-radius: 17px;
	behavior: url(../../src/pie/PIE.htc);
	text-align: center
}

.section .typeArea .video .nav .navbar ul li:hover {
	background-color: #E30B20
}

.section .typeArea .video .nav .navbar ul li:hover a {
	color: #fff
}

.section .typeArea .video .nav .navbar ul li a {
	font-size: 14px;
	color: #333;
	line-height: 34px
}

.section .typeArea .video .subject-box {
	margin-top: 30px
}

.section .typeArea .video .subject-box .subject {
	float: left;
	margin-right: 20px;
	position: relative
}

.section .typeArea .video .subject-box .subject .img {
	position: relative;
	overflow: hidden;
	display: block;
	width: 224px;
	height: 124px
}

.section .typeArea .video .subject-box .subject .img img {
	width: 224px;
	height: 128px;
	border-radius: 4px 4px 0px 0px;
	behavior: url(../../src/pie/PIE.htc);
}

.section .typeArea .video .subject-box .subject .img div {
	position: absolute;
	top: 50%;
	margin-top: -22px;
	left: 50%;
	margin-left: -22px;
	width: 44px;
	height: 44px;
	background: rgba(0, 0, 0, 0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000);
	border-radius: 50%;
	behavior: url(../../src/pie/PIE.htc);
	text-align: center
}

.section .typeArea .video .subject-box .subject .img div i {
	font-size: 18px;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: 50%;
	margin-left: -7px
}

.section .typeArea .video .subject-box .subject .text {
	width: 224px;
	height: 41px;
	background: #F5F5F5;
	text-align: center
}

.section .typeArea .video .subject-box .subject .text a {
	font-size: 16px;
	color: #333;
	line-height: 41px
}

.section .typeArea .video .subject-box .subject .text a:hover {
	color: #CB0014
}

.section .typeArea .images-box {
	width: 1200px;
	height: 734px;
}

.section .typeArea .images-box .nav {
	width: 1200px;
	height: 45px;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 30px
}

.section .typeArea .images-box .nav .title {
	float: left;
	width: 48px;
	height: 25px;
	margin-top: 5px
}

.section .typeArea .images-box .nav .title a {
	font-size: 24px;
	font-weight: 400;
	color: #333;
	padding-bottom: 4px;
	border-bottom: 4px solid #E30B20;
}

.section .typeArea .images-box .zuo {
	float: left
}

.section .typeArea .images-box .zuo .images {
	width: 386px;
	height: 290px;
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
	position: relative;
	margin-bottom: 20px;
	overflow: hidden
}

.section .typeArea .images-box .zuo .images .text {
	width: 386px;
	height: 120px;
	background: rgba(0, 0, 0, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000, endColorstr=#c8000000);
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
	position: absolute;
	bottom: 0;
	padding: 20px 30px;

}

.section .typeArea .images-box .zuo .images .text h4 a {
	color: #fff;
	display: block;
	height: 24px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}

.section .typeArea .images-box .zuo .images .text h4 {
	height: 24px;
	width: 100%;

}

.section .typeArea .images-box .zuo .images .text h4 a:hover {
	color: #E30B20
}

.section .typeArea .images-box .zuo .images .text p {
	margin-top: 12px
}

.section .typeArea .images-box .zuo .images .text p a {
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.section .typeArea .images-box .zuo .images a img {
	width: 386px;
	height: 290px;
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
}

.section .typeArea .images-box .zuo .images .text h4 a {
	font-size: 0
}

.section .typeArea .images-box .zuo .images .text p a {
	font-size: 0
}

.section .typeArea .images-box .zhong {
	float: left;
	margin: 0 20px
}

.section .typeArea .images-box .zhong .images {
	width: 386px;
	height: 600px;
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
	position: relative;
	overflow: hidden
}

.section .typeArea .images-box .zhong .images .text {
	width: 386px;
	height: 120px;
	background: rgba(0, 0, 0, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000, endColorstr=#c8000000);
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
	position: absolute;
	bottom: 0;
	padding: 20px 30px
}

.section .typeArea .images-box .zhong .images .text h4 {
	width: 100%;
	height: 24px;
}

.section .typeArea .images-box .zhong .images .text h4 a {
	color: #fff;
	display: block;
	height: 24px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section .typeArea .images-box .zhong .images .text h4 a:hover {
	color: #E30B20
}

.section .typeArea .images-box .zhong .images .text p {
	margin-top: 12px
}

.section .typeArea .images-box .zhong .images .text p a {
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.section .typeArea .images-box .zhong .images a img {
	width: 386px;
	height: 600px;
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
}

.section .typeArea .images-box .you {
	float: left
}

.section .typeArea .images-box .you .images {
	width: 386px;
	height: 290px;
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
	position: relative;
	margin-bottom: 20px;
	overflow: hidden
}

.section .typeArea .images-box .you .images .text {
	width: 386px;
	height: 120px;
	background: rgba(0, 0, 0, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000, endColorstr=#c8000000);
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
	position: absolute;
	bottom: 0;
	padding: 20px 30px
}

.section .typeArea .images-box .you .images .text h4 {
	width: 100%;
	height: 24px;
}

.section .typeArea .images-box .you .images .text h4 a {
	color: #fff;
	display: block;
	height: 24px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section .typeArea .images-box .you .images .text h4 a:hover {
	color: #E30B20
}

.section .typeArea .images-box .you .images .text p {
	margin-top: 12px
}

.section .typeArea .images-box .you .images .text p a {
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.section .typeArea .images-box .you .images a img {
	width: 386px;
	height: 290px;
	border-radius: 4px;
	behavior: url(../../src/pie/PIE.htc);
}

.section .typeArea .images-box .you .images .text h4 a {
	font-size: 0
}

.section .typeArea .images-box .you .images .text p a {
	font-size: 0
}

/* ========== 首页特定样式 - �?index.html 提取 ========== */

/* 首页基础布局样式 */
.p-index__item-1 {
    width: 1000px;
    margin: 0 auto;
}
.p-index__item-2 {
    background-color: rgba(28, 99, 237, 0.04);
    padding: 64px 0 95px 0;
}
.p-index__item-2 .c-common-title {
    margin-bottom: 63px;
}
.p-index__item-2>img {
    display: block;
    margin: 0 auto;
    width: 70%;
    min-height: 300px;
}

.p-index__item-3 {
    width: 100%;
    overflow: hidden;
    padding-bottom: 60px;
}
.p-index__item-3 .c-common-title {
    margin: 58px 0 61px 0;
}
.p-index__item-4 {
    padding: 76px 0 .57px;
    background-color: rgba(28, 99, 237, 0.04);
}

.c-common-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
}
.c-common-title img {
    height: 15px;
}
.c-common-title__text {
    margin: 0 18px;
    font-weight: bold;
    color: #333333;
}

.p-index__item-1 .c-common-title {
    margin: 80px 0 34px 0;
}

.p-index__item-1__content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.p-index__item-1__content__card {
    margin-bottom: 43px;
    position: relative;
}

.p-index__item-1__content__card__arrows {
    height: 12px;
    position: absolute;
    top: 50%;
    right: -38px;
    transform: translateY(-50%);
}

.p-index__item-1__content__card:nth-of-type(3) .p-index__item-1__content__card__arrows {
    position: absolute;
    top: calc(100% + 16px);
    left: 50%;
    transform: translateX(-50%) rotate(90deg);

}

.p-index__item-1__content__card:nth-of-type(n+4) .p-index__item-1__content__card__arrows {
    transform: rotate(180deg);
}

.p-index__item-1__content__card:nth-of-type(6) .p-index__item-1__content__card__arrows {
    display: none;
}

.c-process-card {
    width: 277px;
    height: 181px;
    padding: 37px 30px 0;
    background-size: cover;
}
.c-process-card__title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 24px;
}
.c-process-card__title img {
    height: 100%;
    margin-right: 6px;
}
.c-process-card__title span {
    font-size: 17px;
    font-weight: 500;
}
.c-process-card__content {
    margin-top: 12.32px;
    height: 55px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .76px;
}

.mgb100 {
    margin-bottom: 100px;
}

@keyframes logoMove {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(-100%);
    }
}

.icon-loop-animate {
    width: 7740px;
    height: 170px;
    overflow: hidden;
}
.icon-loop-animate .icon-loop-animate-content {
    display: flex;
    width: 3244px;
    animation-name: logoMove;
    animation-duration: 66s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.icon-loop-animate .icon-loop-animate-img {
    width: 100%;
}

/* 首页轮播图样�?*/
/* 轮播图主容器 */
#app-index-banner {
    width: 100%;
    position: relative;
}

/* 轮播图响应式容器 */
#app-index-banner > div {
    position: relative;
    width: 100%;
}

/* Swiper 容器 */
#app-index-banner .swiper-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* Swiper 包装�?*/
#app-index-banner .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}

/* Swiper 幻灯�?*/
#app-index-banner .swiper-slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
}

.c-index-banner__header-nav-container {
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 1);
    position: relative;
    background-image: url('../images/index/indexban.png');
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.c-index-banner__header-nav-container2 {
    position: relative;
    width: 100%;
}

.c-index-banner__header-nav-container2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.c-index-banner__bg-color {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(270deg, rgba(5, 79, 255, 1) 0%, rgba(7, 100, 255, 1) 100%);
}

.c-index-banner__header-nav-main {
    width: 1044px;
    margin: 166px auto 0px;
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

.c-index-banner__header-nav-title-big {
    font-size: 35px;
    line-height: 53px;
    letter-spacing: 1px;
    margin-top: 102px;
}

.c-index-banner__header-nav-title-small {
    font-size: 20px;
    line-height: 20px;
    margin-top: 6.8px;
}

.c-index-banner__header-nav-demo {
    font-size: 14px;
    line-height: 33px;
    display: flex;
    margin-top: 36px;
    text-align: center;
}

.c-index-banner__header-nav-demo-order {
    cursor: pointer;
    width: 136px;
    height: 33px;
    box-shadow: inset 0px 0.68px 4.76px 0px rgba(175, 197, 236, 1);
    border-radius: 17px;
}

.c-index-banner__header-nav-demo-order:hover {
    background: rgba(72, 80, 126, 0.1);
    box-shadow: inset 0px 0.68px 6.8px 3.4px rgba(175, 197, 236, 1);
}

.c-index-banner__header-nav-video-box {
    cursor: pointer;
    font-size: 15px;
    line-height: 20px;
    margin: 14.28px 0 0;
    display: flex;
}

.c-index-banner__header-nav-video-img {
    width: 20.4px;
    height: 20.4px;
    margin-left: 6.8px;
}

.c-index-banner__animate-banner {
    width: 50%;
    height: 80%;
    background-image: url("../images/index/banner02.png");
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    animation-duration: 2s;
    animation-fill-mode: both;
    position: absolute;
    top: 41px;
    right: 0;
}

.c-index-banner__container3-button {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
}

.c-index-banner__container2-button {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
}

.c-index-banner__intro-box {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    width: 100%;
    height: 123px;
    background: rgba(10, 62, 208, 0.4);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.c-index-banner__header-nav-intro {
    width: 984px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.c-index-banner__header-nav-intro-per {
    height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-index-banner__header-nav-intro-per__team {
    width: 65px;
    height: 48px;
}

.c-index-banner__header-nav-intro-per__intro-per-detail {
    width: 144px;
    height: 78%;
    margin-left: 16px;
}

.c-index-banner__header-nav-intro-per__detail-title {
    font-size: 19px;
    color: rgba(255, 255, 255, 1);
    line-height: 43px;
    letter-spacing: 1px;
}

.c-index-banner__header-nav-intro-per__detail-name {
    font-size: 14.76px;
    color: rgba(255, 255, 255, 1);
    line-height: 0px;
}

.c-index-banner__header-nav-intro-per__line {
    width: 1px;
    height: 82px;
    background: #fff;
    opacity: 0.5;
}

.c-index-banner__header-nav-intro-per__experts {
    width: 39px;
    height: 49px;
}

.c-index-banner__header-nav-intro-per__ent {
    width: 38px;
    height: 47px;
}

.c-index-banner__header-nav-intro-per__system {
    width: 53px;
    height: 41px;
}

.swiper-pagination {
    position: absolute;
    bottom: 126px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.p-index__course-content {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background-color: #333;
}

.p-index__course-content .p-index__video-close {
    width: 49.02px;
    height: 49.02px;
    background-image: url(../images/index/videoclose.png);
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    position: absolute;
    right: 27px;
    top: 69px;
    z-index: 999;
    cursor: pointer;
}

.custom-image-container {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.custom-image-container img {
    width: 100%;
    max-width: 2000px;
    height: auto;
    max-height: 600px;
}

/* 首页卡片样式（重复定义，但尺寸不同） */
.p-index__item-1__content__card {
    margin-bottom: 43px;
    position: relative;
}

.p-index__item-1__content__card__arrows {
    height: 12px;
    position: absolute;
    top: 50%;
    right: -38px;
    transform: translateY(-50%);
}

.p-index__item-1__content__card:nth-of-type(3) .p-index__item-1__content__card__arrows {
    position: absolute;
    top: calc(100% + 16px);
    left: 50%;
    transform: translateX(-50%) rotate(90deg);

}

.p-index__item-1__content__card:nth-of-type(n+4) .p-index__item-1__content__card__arrows {
    transform: rotate(180deg);
}

.p-index__item-1__content__card:nth-of-type(6) .p-index__item-1__content__card__arrows {
    display: none;
}

.c-process-card {
    width: 302px;
    height: 198px;
    padding: 37px 30px 0;
    background-size: cover;
}

.c-process-card__title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 24px;
}

.c-process-card__title img {
    height: 100%;
    margin-right: 6px;
}

.c-process-card__title span {
    font-size: 19px;
    font-weight: 500;
}

.c-process-card__content {
    margin-top: 12.32px;
    height: 55px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .76px;
}

/* 首页介绍轮播样式 */
.c-introduce-swiper {
    position: relative;
    width: 943px;
    height: 682px;
    margin: auto;
    overflow: hidden;
}
.c-introduce-swiper .c-introduce-swiper__inner {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.swiper-container-2 {
    padding: 40px 0 31px;

}
.swiper-container-2 .swiper-pagination {
    position: absolute;
    bottom: 0px !important;
}
.swiper-container-2 .swiper-slide {
    width: 470px;
    height: 574px;
    font-size: 32px;
    font-weight: 500;
    color: #333333;
    background-color: #fff;
    /* 文字垂直居中 */
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 2.5px 2.5px 3px 2.5px rgba(15, 47, 92, 0.45);
    border-radius: 21.56px;
}
.c-introduce-swiper-item {

    height: 100%;

    box-sizing: border-box;
    overflow: hidden;
}
.c-introduce-swiper-item__header {
    padding: 16.4px 16.4px 0;
    height: 366px;
    box-sizing: border-box;
}
.c-introduce-swiper-item__header .c-introduce-swiper-item__cover {
    width: 100%;
    height: 359px;
    object-fit: cover;
}
.c-introduce-swiper-item__content {
    margin: 36px 30px 0;
}
.c-introduce-swiper-item__content .c-introduce-swiper-item__title {
    font-size: 21px;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 19px;
    text-align: center;
}
.c-introduce-swiper-item__content .c-introduce-swiper-item__desc {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    font-weight: 400;
}

/* 首页新闻样式 */
.c-index-news {
    width: 100%;
}

.c-index-news .news-title {
    font-size: 0.36rem;
    color: #247dfd;
    line-height: 0.36rem;
    letter-spacing: 1px;
    text-align: center;
    padding-top: 0.34rem;
}

.c-index-news .c-index-news__main {
    width: 1000px;
    animation-duration: 1s;
    animation-fill-mode: backwards;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.c-index-news .c-index-news__main .c-index-news__main__news-per {
    position: relative;
    width: 309px;
    background-color: #fff;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.06);
}

.c-index-news .c-index-news__main .c-index-news__main__news-per .c-index-news__main__news-top {
    width: 309px;
    cursor: pointer;
    position: relative;
    padding: 12px 12px 0 12px;
}

.c-index-news .c-index-news__main .c-index-news__main__news-per .c-index-news__main__news-top>a {
    display: block;
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
}

.c-index-news .c-index-news__main .c-index-news__main__news-per .c-index-news__main__news-top a img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 250px;
    transition: all .5s;
}

.c-index-news .c-index-news__main .c-index-news__main__news-per .c-index-news__main__news-top .c-index-news__main__news-per-title {
    width: 285px;
    height: 55px;
    background: rgba(255, 255, 255, 0.7);
    font-size: 14.5px;
    color: #333333;
    text-align: center;
    position: absolute;
    left: 12px;
    bottom: 0px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    text-align: left;
}

.c-index-news .c-index-news__main .c-index-news__main__news-per .c-index-news__main__news-top .c-index-news__main__news-per-title a {
    text-align: left;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.c-index-news .c-index-news__main .c-index-news__main__news-per .c-index-news__main__news-ul {
    width: 309px;
    height: 122px;
    font-size: 13px;
    color: #37383a;
    line-height: 18px;
    padding: 25px 12px 0 12px;
}

.c-index-news .c-index-news__main .c-index-news__main__news-per .c-index-news__main__news-ul li {
    cursor: pointer;
    height: 18px;
    line-height: 18px;
    list-style: none;
    position: relative;
    color: #37383A;
}

.c-index-news .c-index-news__main .c-index-news__main__news-per .c-index-news__main__news-ul li a {
    margin-left: 13px;
    width: 92%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.c-index-news .c-index-news__main .c-index-news__main__news-per .c-index-news__main__news-ul .c-index-news__main__news-li-icon {
    content: '';
    display: inline-block;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    transform: scale(0.1);
    transform-origin: 0% center;
    background: rgba(96, 101, 113, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.c-index-news .c-index-news__main .c-index-news__main__news-per .c-index-news__main__news-ul li:nth-child(2) {
    margin: 8px 0;
}

.c-index-news .c-index-news__main .c-index-news__main__news-per .c-index-news__main__news-ul li:hover a{
    color: #257EFE;
}

.c-index-news .c-index-news__main .c-index-news__main__news-per .c-index-news__main__news-ul li:hover .c-index-news__main__news-li-icon {
    background: #257EFE;
}

.c-index-news .c-index-news__main .c-index-news__main__news-per:nth-child(2) {
    margin: 0 48px;
}

.c-index-news .c-index-news__main .c-index-news__main__news-top:hover img {
    transform: translateX(-50%) scale(1.2) !important;
}

.c-index-news .c-index-news__main .c-index-news__main__news-top:hover .c-index-news__main__news-per-title a {
    color: #257EFE;
}

.c-index-news .c-index-news__main .c-index-news__main__news-per:hover {
    box-shadow: 4px 6.4px 16px1.6px rgba(37, 126, 254, 0.11);
}

.c-index-news .c-index-news__main__news-btn {
    margin: 50px auto 65px;
    cursor: pointer;
    width: 137px;
    height: 39px;
    display: block;
    box-shadow: inset 0rem 1px 20px 2px rgba(37, 126, 254, 0.14);
    border-radius: 21px;
    border: 1px solid #257efe;
    font-size: 15px;
    color: #257efe;
    line-height: 39px;
    text-align: center;
}

.c-index-news .c-index-news__main__news-btn:hover {
    background: #257efe;
    color: #fff;
}

/* 首页 Footer 导航样式 */
.footer-nav {
    overflow: hidden;
    min-width: 1200px;
}

.footer-nav .blue-box {
    width: 100vw;
    min-width: 1200px;
    height: 223px;
    box-sizing: border-box;
    padding: 0 309px;
    background: url("https://offical-prod-linkkap.oss-cn-shenzhen.aliyuncs.com/images/footer/footer2%402x.png") no-repeat;
    background-size: cover;
}

.blue-box .blue-box-title {
    width: 100%;
    padding-top: 60px;
    font-size: 30px;
    color: white;
    line-height: 40.42px;
    text-align: center;
}

.blue-box .talent-box-title {
    width: 100%;
    padding: 11.18px 0 0;
    font-size: 30.96px;
    color: white;
    line-height: 40.42px;
    text-align: center;
}

.blue-box .talent-box-desc {
    width: 100%;
    padding-top: 54.18px;
    font-size: 20.64px;
    color: white;
    line-height: 30.96px;
    text-align: center;
}

.blue-box .btn {
    text-align: center;
    line-height: 17.2px;
    margin-top: 17px;
}

.blue-box .btn button {
    width: 162.54px;
    height: 41.28px;
    background: rgba(72, 80, 126, 0.1);
    border-radius: 21.5px;
    border: 0;
    font-size: 15.48px;
    color: white;
    line-height: 20.64px;
    letter-spacing: 1px;
    /* margin-left: 30px; */
}

.blue-box .btn .free-try-btn {
    cursor: pointer;
    box-shadow: inset 0px 1px 10px 5px #afc5ec;
}

.blue-box .btn .free-try-btn:hover {
    background: rgba(72, 80, 126, 0.1);
    box-shadow: inset 0px 1px 29px 10px #afc5ec;
}

.blue-box .btn .ask-btn {
    cursor: pointer;
    box-shadow: inset 0px 1px 7px 0px #afc5ec;
}

.blue-box .btn .ask-btn:hover {
    box-shadow: inset 0px 1px 10px 5px #afc5ec;
}

.dark-box {
    width: 100vw;
    min-width: 1200px;
    height: 573.62px;
    background: url("../images/footer/footer1.png") no-repeat;
    background-size: cover;
    position: relative;
}

.dark-box .logo-title {
    width: 1055.22px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 36.12px;
}

.dark-box .logo-title .logo {
    margin-top: 14.62px;
    width: 182.32px;
    height: 36.12px;
}

.dark-box .logo-title .title {
    padding-top: 14.62px;
    margin-left: 22.36px;
    font-size: 25.8px;
    color: white;
    line-height: 34.4px;
    letter-spacing: 1px;
}

.dark-box .dark-box-content {
    width: 1055.22px;
    margin: 0 auto;
}

.dark-box .dark-box-left {
    margin-top: 62.78px;
}

.dark-box .dark-box-left .company-name {
    font-size: 24.08px;
    color: white;
    line-height: 31.82px;
}

.dark-box .dark-box-left .company-detail {
    margin-top: 24.94px;
}

.dark-box .dark-box-left .company-detail p {
    margin-top: 12.9px;
    font-size: 15.48px;
    color: #9fa1b5;
    line-height: 20.64px;
}

.dark-box .dark-box-left .company-phone {
    margin-top: 31.82px;
    overflow: hidden;
}

.dark-box .dark-box-left .company-phone img {
    width: 29.24px;
    height: 29.24px;
    float: left;
}

.dark-box .dark-box-left .company-phone p {
    font-size: 24.08px;
    color: white;
    line-height: 31.82px;
    margin-left: 6.02px;
    float: left;
}

.dark-box .dark-box-left .other-logo {
    cursor: pointer;
    margin-top: 25.8px;
}

.dark-box .dark-box-left .other-logo .wechat,
.dark-box .dark-box-left .other-logo .zhihu,
.dark-box .dark-box-left .other-logo .weibo,
.dark-box .dark-box-left .other-logo .jianshu,
.dark-box .dark-box-left .other-logo .bai,
.dark-box .dark-box-left .other-logo .toutiao {
    width: 37.84px;
    height: 37.84px;
    margin-right: 12.9px;
    float: left;
}

.dark-box .dark-box-left .other-logo .wechat {
    background: url("../images/footer/edit58@2x.png") no-repeat;
    background-size: 100%;
    position: relative;
}

.dark-box .dark-box-left .other-logo .wechat img {
    display: none;
    width: 98.9px;
    position: absolute;
    top: -96.32px;
    left: -34.4px;
}

.dark-box .dark-box-left .other-logo .wechat:hover {
    background: url("../images/footer/edit@2x.png") no-repeat;
    background-size: 100%;
}

.dark-box .dark-box-left .other-logo .wechat:hover img {
    display: block;
}

.dark-box .dark-box-left .other-logo .zhihu {
    background: url("../images/footer/edit59@2x.png") no-repeat;
    background-size: 100%;
}

.dark-box .dark-box-left .other-logo .zhihu:hover {
    background: url("../images/footer/edit2@2x.png") no-repeat;
    background-size: 100%;
}

.dark-box .dark-box-left .other-logo .weibo {
    background: url("../images/footer/edit60@2x.png") no-repeat;
    background-size: 100%;
}

.dark-box .dark-box-left .other-logo .weibo:hover {
    background: url("../images/footer/edit3@2x.png") no-repeat;
    background-size: 100%;
}

.dark-box .dark-box-left .other-logo .jianshu {
    background: url("../images/footer/edit63@2x.png") no-repeat;
    background-size: 100%;
}

.dark-box .dark-box-left .other-logo .jianshu:hover {
    background: url("../images/footer/edit5@2x.png") no-repeat;
    background-size: 100%;
}

.dark-box .dark-box-left .other-logo .bai {
    background: url("../images/footer/edit61@2x.png") no-repeat;
    background-size: 100%;
    position: relative;
}

.dark-box .dark-box-left .other-logo .bai img {
    display: none;
    width: 98.9px;
    position: absolute;
    top: -96.32px;
    left: -34.4px;
}

.dark-box .dark-box-left .other-logo .bai:hover {
    background: url("../images/footer/edit6@2x.png") no-repeat;
    background-size: 100%;
}

.dark-box .dark-box-left .other-logo .bai:hover img {
    display: block;
}

.dark-box .dark-box-left .other-logo .toutiao {
    background: url("../images/footer/edit62@2x.png") no-repeat;
    background-size: 100%;
}

.dark-box .dark-box-left .other-logo .toutiao:hover {
    background: url("../images/footer/edit7@2x.png") no-repeat;
    background-size: 100%;
}

.dark-box .dark-box-right {
    margin-top: 66.22px;
    width: 430px;
}

.dark-box .dark-box-right .net-detail {
    float: right;
    padding-top: 3.44px;
}

.dark-box .dark-box-right .net-detail span,
.dark-box .dark-box-right .net-detail i {
    display: block;
    margin-left: 36.12px;
    font-size: 15.48px;
    color: #9fa1b5;
    float: left;
    line-height: 20.64px;
}

.dark-box .dark-box-right .net-detail span:hover {
    color: #ffffff;
}

.dark-box .dark-box-right .net-detail i {
    margin-top: 3.44px;
    width: 1px;
    height: 14.62px;
    background-color: #9fa1b5;
}

.dark-box .dark-box-right .qc-box {
    float: right;
    margin-top: 43px;
}

.dark-box .dark-box-right .qc-box img {
    width: 147.06px;
    height: 147.92px;
}

.dark-box .dark-box-right .qc-box p {
    font-size: 15.48px;
    color: #ffffff;
    line-height: 20.64px;
    text-align: center;
}

.dark-box .dark-box-right .qc-box span {
    font-size: 13.76px;
    color: #9fa1b5;
    line-height: 18.06px;
}

.dark-box .dark-box-right .qc-box .qc-gzh,
.dark-box .dark-box-right .qc-box .qc-xl {
    float: left;
    text-align: center;
    margin-left: 38.7px;
    position: relative;
}

.dark-box .dark-box-right .qc-box .qc-gzh p,
.dark-box .dark-box-right .qc-box .qc-xl p {
    width: 100%;
    position: absolute;
    top: 153.08px;
}

.dark-box .dark-box-right .qc-box .qc-gzh span,
.dark-box .dark-box-right .qc-box .qc-xl span {
    display: block;
    position: absolute;
    top: 180.6px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap !important;
}

.dark-box .dark-box-bottom {
    position: absolute;
    bottom: 20.64px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 15.48px;
    color: white;
    line-height: 20.64px;
}

.mgt30 {
    margin-top: 30px;
}

/* 首页成功弹窗样式 */
.demo_book_success .demo-account-container {
    position: fixed;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 9999;
    width: 600px;
    height: 230px;
    padding-bottom: 0.6rem;
    background: #fff;
    box-shadow: 3px 5px 20px 6px rgb(37 126 254 / 10%);
    border-radius: 15px;
    display: flex;
    justify-content: center;
}

.demo-account-container .demo-main-container .demo-success-close {
    position: absolute;
    height: 19px;
    width: 19px;
    right: 21px;
    top: 22px;
    cursor: pointer;
    background-image: url(../images/demo/close.png);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.demo-account-container .demo-main-container .demo-success-close:hover {
    background-image: url(../images/demo/closeo.png)
}

.demo-account-container .demo-main-container .demo-head-logo {
    text-align: center;
    margin-top: 42px;
    display: flex;
    justify-content: center;
}

.demo-account-container .demo-main-container .demo-head-logo img {
    display: block;
    width: 136px;
    height: 63px;
}

.demo-account-container .demo-main-container .demo-icon {
    width: 16px;
    height: 16px
}

.demo-account-container .demo-main-container .name-icon {
    width: 19px;
    height: 19px;
}

.demo-account-container .demo-main-container .company-icon {
    width: 19px;
    height: 19px;
}

.demo-account-container .demo-main-container .phone-icon {
    width: 15px;
    height: 20px;
}

.demo-account-container .demo-main-container .code-icon {
    width: 18px;
    height: 20px;
}

.demo-account-container .demo-main-container .demo-cuccsee-title {
    text-align: center;
    font-size: 20px;
    color: rgba(13, 17, 29, 1);
    line-height: 20px;
    margin-top: 50px;
}