.layout {
	 padding-top: 86px;
	 /*padding-top: 66px;*/
}

.wrap {
	width: 1660px;
	margin: 0 auto;
}

.header {
	/* background: #f6f6f6; */
	height: 86px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999999;
	transition: all 0.3s;
	font-family: 'OPPOSans';

}



/* 常态模式下的导航栏外观 */
.header.active {
    background: #fff;
	/*background: #555555;*/
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.header .wrap {
	position: relative;
	/*margin: 0 20px;*/
}

.header .logo {
	float: left;
	margin-top: 23px;
	margin-left: 10px;
}

/*.header.active .logo {*/
/*	width: 100px;*/
/*	margin-top: 15px;*/
/*	margin-right: 40px;*/
/*}*/

.header .naver {
	float: left;
	margin-left: 230px;
	/* margin-left: 73px; */
}

.header .naver li {
	position: relative;
	float: left;
	padding-right: 40px;
	margin-top: 30px;
	padding-bottom: 36px;
	transition: all 0.3s;
	/* width: 10rem;
    text-align: right; */
}

/* 常态模式下的选项外观 */
/*.header.active .naver li {*/
/*	margin-top: 16px;*/
/*	padding-bottom: 20px;*/
/*}*/

/* 选项选中时的小蓝杆和小三角 */
.header .naver li:hover::after {
	position: absolute;
	left: 0;
	bottom: 6px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 11px solid transparent;
	border-bottom: 11px solid #fff;
}

.header .naver li:hover::before {
	position: absolute;
	left: 0;
	top: -10px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 1px solid #234ab0;
	border-left: 12.5px solid #234ab0;
	border-right: 12.5px solid #234ab0;
}

/* smartplus不显示三角 */
.header .naver .smartplus-li:hover::after {
	position: absolute;
	left: 0;
	bottom: 6px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 11px solid transparent;

}

.header .naver li.icon h3 a {
	background: none !important;
}

/*一级*/
.header .naver li h3 {
	font-size: 18px;
	color: #FFFFFF;
	line-height: 24px;
	font-weight: bold;
}

.header .naver li h3 a {
	/* background: url(../images/hico1.webp) no-repeat right 10px; */
	padding-right: 20px;
	background-size: 11px auto !important;
	transition: all 0s;
    color: #444;
	font-weight: 200 !important;
}

.header .naver li.on h3 a,
.header .naver li h3 a:hover {
	color: #959595;
	/* background: url(../images/hico1-1.webp) no-repeat right 10px; */
}

.header.white .naver li h3 a:hover,
.header .naver li h3 a:hover {
	color: #959595;
	/* background: url(../images/hico1-2.webp) no-repeat right center; */
}

.header .rts {
	float: right;
}

.header .mobileRts {
	display: none;
}

.header .rts .seah {
	overflow: hidden;
	padding: 2px;
	border-radius: 23px;
	position: absolute;
	right: 0;
	top: 20px;
	width: 46px;
	transition: all 0.3s;
	z-index: 11;
	border: 1px solid #fff;
}

.header .rts .seah .btn {
	background: url(../images/lico4.webp) no-repeat center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: none;
	float: right;
}

.header .rts .seah .txt {
	height: 42px;
	width: 0;
	font-size: 18px;
	border: none;
	box-sizing: border-box;
	color: #333;
	float: left;
	transition: all 0.3s;
}

.header .rts .seah:hover {
	border: 1px solid rgba(78, 116, 225, 0.2);
	width: 246px;
	background: #fff;
}

.header .rts .seah:hover .txt {
	width: 200px;
	padding: 0 15px;
}

.header .rts .engh {
	position: absolute;
	right: 2px;
	top: 20px;
	height: 42px;
	border-radius: 21px;
	background: #ffffff;
	width: 115px;
	overflow: hidden;
	transition: all 0.3s;
}

/* 常态模式下的语言选择外观 */
/*.header.active .rts .engh {*/
/*	top: 8px;*/
/*}*/

.header .rts .engh:before {
	/* background: url(../images/Language-01.webp) no-repeat center; */
	width: 25px;
	height: 25px;
	position: absolute;
	left: 10px;
	top: 10px;
	transition: all 0.3s;
	content: "";
}
.header .rts .engh li a {
	font-size: 16px;
	color: #444;
	line-height: 42px;
	display: block;
	text-align: center;
	width: 100%;
}

.header .rts .search {
	position: absolute;
	top: 30px;
	right: 200px;
	width: 26px;
	height: 26px;
	background-color: transparent;
}
.header .rts .search .search_white {
	display: block;
}
.header.active .rts .search .search_white {
	display: none;
}
.header .rts .search .search_black {
	display: none;
}
.header.active .rts .search .search_black {
	display: block;
}
/* .header .rts .engh:hover:before{
	transform: rotate(180deg);
} */
.header .rts .engh li a:hover {
	color: #959595;
}

.header .rts .engh:hover {
	height: auto;
}

.header .sub {
	position: fixed;
	left: 0;
	right: 0;
	margin: 0 30px 0 30px;
	top: 86px;
	background: #f0f0f0;
	box-shadow: 0 3px 4px 0.3px #c2c2c2;
	border-radius: 0 0 15px 15px;
	padding: 30px 0 100px 0;
	/* border-top: 1px solid #e4e4e4; */
	display: none;
	z-index: 111;
}

.header .subTitle {
	display: none;
}

.header .specialSub {
	padding: 15px 0 30px 0;
}

.header .sub>dl {
	/* overflow: hidden; */
	font-size: 0;
	max-width: 1600px;
	margin: 0 135px;
}

/* 图标文字展示设计 */
.header .sub>.specialWrap {
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	flex-wrap: wrap;
	margin-left: 400px;
	height: 180px;
}

/* 图片文字展示设计 */
.header .sub>.aboutUs {
	display: flex;
	height: 300px;
	margin-left: 350px;
}
.header .sub>.smartPlus {
	margin: 0 auto;
	width: 530px;
}

.header .sub>dl>dd {
	display: block;
	width: 298px;
	height: 50px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	padding: 0 !important;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid transparent;
	border-left: 1px solid transparent;
}

/* 图标文字展示设计的选项框 */
.header .specialSub>.specialWrap>dd {
	width: 240px;
	height: 45px;
	border: 0px;
}

.header .specialSub>.specialWrap>dd.pc {
    flex: 0 0 33.333%;
    width: 240px;
    height: 45px;
    border: 0px;
}

/* 长度不一样的选项框 */
.header .sub>dl>.ddS {
	width: 350px;
}

/* 最后一个dd选项，特殊处理 */
.header .sub>dl>.lastdd {
	border-bottom: 1px solid #D9D9D9;
}

/* 处理选项选中时，其css的变化，以及其临近兄弟的变化 */
.header .sub>dl>dd.hovered {
	border-left: 1px solid #D9D9D9;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	border-radius: 15px 0 0 15px;
}

.header .sub>dl>dd.prev-hovered {
	border-bottom: 1px solid transparent;
}

.header .sub>dl>dd.next-hovered {
	border-top: 1px solid transparent;
}

.header .specialSub>.specialWrap>dd.hovered {
	border: 0px;
}

.header .specialSub>.specialWrap>dd.prev-hovered {
	border: 0px;
}

.header .specialSub>.specialWrap>dd.next-hovered {
	border: 0px;
}

.header .sub>dl>dd a {
	position: relative;
	display: block;
}

/* 添加选项的右白边框 */
.header .sub>dl>dd.hovered>a::after {
	position: absolute;
	left: 296px;
	top: 0;
	content: "";
	display: block;
	width: 0;
	height: 64px;
	z-index: 112;
	/* 设置为2是因为这样可以解决px不为整数时出现的偏差导致白边框不起作用 */
	border-right: 2px solid #f0f0f0;
}

.header .sub>dl>.ddS.hovered>a::after {
	left: 346px;
}

.header .sub>dl>dd .icon {
	overflow: hidden;
}

.header .sub>dl>dd i {
	height: 70px;
	float: left;
	overflow: hidden;
	width: 60px;
}

/* 图标文字展示设计的选项框图标 */
.header .specialSub>.specialWrap>dd i {
	height: 65px;
	width: 65px;
}

/* 图片文字展示的选项框 */
.header .sub>.aboutUs>.picture {
	width: 230px;
	margin: 30px 70px 0 0;
}

.header .sub>.aboutUs>.divider {
	height: 270px;
	margin: 30px 70px 0 0;
	border-left: 1px solid #dddddd;
}

.header .sub>.aboutUs>.icon {
	margin-top: 110px;
}

/*二级*/
.header .sub>dl>dd h4 {
	float: left;
	font-size: 14px;
	color: #000000;
	line-height: 45px;
	text-align: left;
	padding-left: 20px;
	height: 60px;
}




.header .sub>dl>dd .wrapBack {
	display: none;
}


/* 图标文字展示设计的选项框图标图像 */
.header .specialSub>.specialWrap>dd h4 {
	line-height: 65px;
	height: 65px;
	font-size: 14px;
	padding-left: 0px;
}

.header .specialSub>dl>dd:hover h4 {
    font-family: 'OPPOSansb';
	color: #1F51D1;
}

/* 图片文字展示的选项文字 */
.subActive {
	/* color: #1f51d1 !important; */
	font-weight: bold;
}

.header .sub>.aboutUs>.picture h4 {
	margin-top: 10px;
	font-size: 14px;
	color: #000;
}

.header .sub>.aboutUs>.picture a:hover h4 {
    color: #1F51D1;
    font-family: 'OPPOSansb';
}

.ennah4 {
    color: #1F51D1 !important;
    font-family: 'OPPOSansb';
}

.header .sub>.aboutUs>.icon h4 {
	font-weight: 500;
	font-size: 16px;
	color: #000;
}

.header .sub>.aboutUs>.icon a:hover h4 {
    color: #1F51D1;
    font-family: 'OPPOSansb';
}

.header .sub>dl>dd:hover i img {
	top: -100%;
}

.header .sub>dl>dd:hover h4 {
	/*font-weight: bold;*/
	/* color: #1F51D1; */
}



.header .sub>dl>dd i img {
	position: relative;
	top: 0;
	height: 140px;
	display: block;
	transition: all 0.3s;
	width: auto;
	margin: 0 auto;
}

/* 图标文字展示设计的选项框图标图像 */
.header .specialSub>.specialWrap>dd i img {
	height: 130px;
}

/* 图片网文字展示的图像大小 */
.header .sub>.aboutUs>.picture img {
	width: 230px;
	height: 160px;
}

.header .sub>dl>dd:hover {
	background: #f0f0f0;
}

/* 修改后的展示框布局 */
.header .sub>dl .ndl {
	position: absolute;
	display: none;
	max-width: 1400px;
	width: 1200px;
	max-height: 540px;
	left: 297px;
	top: 0;
	z-index: 110;
	background: #f0f0f0;
	text-align: center;
	border: 1px solid #D9D9D9;
	border-radius: 15px;
}

/* 长度不一样的展示框 */
.header .sub>dl>.ddS .ndl {
	left: 347px;
}

/* 图片文字展示设计的News & Events选项设计 */
.header .sub>.aboutUs>.picture>.emmAll .enn {
	display: block;
}

.header .sub>.aboutUs>.picture>.emmAll dd {
    display: flex;
	margin: 10px 0;
}

.header .sub>.aboutUs>.picture>.emmAll dd img {
    margin-right: 10px;
}

.header .sub>.aboutUs>.picture>.emmAll h5 {
	font-size: 12px;
	color: #000;
}

.header .sub>.aboutUs>.picture>.emmAll a:hover h5 {
    color: #1F51D1;
    font-family: 'OPPOSansb';
}

/* 特殊话展示的wrap */
.header .sub>dl .ndl>.wrap {
	display: flex;
	flex-wrap: wrap;
	width: inherit;
	height: 500px;
	overflow-y: auto;
	margin: 30px 10px 30px 0;
}

.header .sub>.solutionwap {
	height: 500px;
}

.header .sub>dl>.specialBit .ndl>.wrap {
	height: 500px
}

.header .sub>dl>.specialCs .ndl>.wrap {
	height: 500px
}

.header .sub>dl>.specialOrp .ndl>.wrap {
	height: 500px;
	margin: 30px 10px 0px 0;
}

.header .sub>.specialswrap {
    height: 500px !important;
}

.header .sub>dl>.specialS .ndl>.wrap {
	/*height: 240px;*/
}

/* 滚动条定义 */
/* 滚动条宽度 */
.header .sub>dl .ndl>.wrap::-webkit-scrollbar {
	width: 4px;
}

/* 滚动条滑块颜色 */
.header .sub>dl .ndl>.wrap::-webkit-scrollbar-thumb {
	background-color: #B5B5B5;
}

/* 滚动条滑槽颜色 */
.header .sub>dl .ndl>.wrap::-webkit-scrollbar-track {
	background-color: #E5E5E5;
}

/* 第一个ndl展示框的特殊处理 */
.header .sub>dl .firstndl {
	border-radius: 0 15px 15px 15px;
}
.header .sub>dl dl dd {
	position: relative;
}
.header .sub>dl dl a {
	/* padding: 30px 0 8px; */
	display: block;
}
.header .sub>dl dl .newtag {
	position: absolute;
	top: 0;
	right: -45px;
}
/* 修改数码产品展示框 */
.header .sub>dl dl dd {
	/* display: inline-block; */
	/* width: calc((100% - 282px)/7); */
	width: 130px;
	padding: 0 0 110px 150px;
	margin: 0px !important;
}

/* 修改图片展示框1 */
.header .sub>dl dl .bPicture {
	width: 230px;
	padding: 45px 36px 1px 128px;
}

/* 修改图片展示框2 */
.header .sub>dl dl .sPicture {
	width: 230px;
	padding: 45px 18px 3px 80px;
}

/* 修改more */
.header .sub>dl dl .more {
	padding: 20px 0 0 200px;
}

.header .sub.sub4>dl dl dd {
	width: 230px;
	margin: 0 15px;
}

.header .sub>dl dl dd:nth-child(1) {
	margin-left: 0;
}

.header .sub>dl dl dd:nth-child(7n) {
	margin-right: 0;
}

/* 修改数码产品展示框的图像高度 */
.header .sub>dl dl a .img {
	height: 130px;
	overflow: hidden;
	position: relative;
}

/* 修改图片展示框1的图像高度 */
.header .sub>dl dl .bPicture a img {
	 height: 160px;
}

.header .sub.sub4>dl dl .bPicture a .img {
	height: 160px;
	margin-bottom: 15px;
}

/* 修改图片展示框2的图像高度 */
.header .sub>dl dl .sPicture a img {
	height: 160px;
}

/* 修改图片展示框2的图像高度 */
.header .sub.sub4>dl dl .sPicture a .img {
	height: 160px;
	margin-bottom: 10px;
}

.header .sub.sub4>dl dl .more a .img {
	height: 50px;
}

.header .sub.sub4>dl dl a .img {
	height: 100px;
}

.header .sub>dl dl a img {
	display: block;
	margin: 0 auto;
	max-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 130px;
}

.header .sub>dl .layouts-3 a .img {
	height: 230px;
}

.header .sub>dl .layouts-3 a img {
	width: 230px;
}

.header .sub>dl .more a img {
	width: 51px;
}

.header .sub>dl .more a h5 {
	margin-top: 10px;
}

/*三级*/
.header .sub>dl dl a h5 {
	font-size: 14px;
	color: #000000;
	line-height: 42px;
	word-wrap: break-word;
	line-height: 1;
	padding-bottom: 15px;
}
.header .sub>dl dl h6 {
	font-size: 12px;
}
.header .sub>dl dl h6 a {
	font-size: 12px;
	height: 20px;
	text-decoration: underline !important; 
	display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}
.header .sub>dl dl h6 a:hover { 
	color: #1F51D1;
	font-weight: bold;
}
/* 添加悬浮时改变字体颜色 */
.header .sub>dl dl a:hover h5 {
	color: #1F51D1;
	font-family: 'OPPOSansb';
}

.h_banner {
	margin-top: -109px;
	position: relative;
}

.h_banner .banner {
	width: 100%;
}

.h_banner li {
	display: block;
}

.h_banner li img {
	width: 100%;
	display: block;
}

.h_banner .wrp {
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 11;
}

.h_banner .arrow {
	cursor: pointer;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 18px;
	background: url(../images/hico11.webp) no-repeat center;
	width: 24px;
	height: 48px;
	margin: 0 auto;
	-webkit-animation: bounce-up 1.5s linear infinite;
	animation: bounce-up 1.5s linear infinite;
}

@-webkit-keyframes bounce-up {
	25% {
		-webkit-transform: translateY(10px);
	}

	50%,
	100% {
		-webkit-transform: translateY(0);
	}

	75% {
		-webkit-transform: translateY(-10px);
	}
}


@keyframes bounce-up {
	25% {
		transform: translateY(10px);
	}

	50%,
	100% {
		transform: translateY(0);
	}

	75% {
		transform: translateY(-10px);
	}
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 56px;
	left: 0;
	width: 100%;
}

.h_pg1 {
	/* background: url(../images/bg1.jpg) no-repeat center; */
	overflow: hidden;
}

.uit_txt {
	text-align: center;
	margin-top: 62px;
}

.uit_txt h2 {
	font-size: 48px;
	color: #000000;
	/*line-height: 42px;*/
    line-height: 1;
	margin-bottom: 18px;
	font-family: Ranyb;
}

.uit_txt p {
	font-size: 18px;
	color: #888888;
	/*line-height: 30px;*/
    line-height: 1;
}

.h_pg1 .imgs {
	width: 1153px;
	height: 418px;
	margin: 50px auto 0;
}

.h_pg1 .imgs img {
	width: 100%;
	display: block;
}

.h_pg1 .wrap {
	width: 100%;
	margin: 0 auto;
}

.h_pg1 .list {
	/* width: 1400px;height: 134px;background: #FFFFFF;box-shadow: 0 0 10px 15px #e8f7fe;margin: 0 auto;border-radius:3px ;overflow: hidden; */
	/* width:1920px;
	margin-top: 50px; */
	width: 100%;
	margin-top: 50px;
	/* margin-left: 5%; */
}

.h_pg1 .list ul {
	overflow: hidden;
}

.h_pg1 .list li {
	float: left;
	box-sizing: border-box;
	position: relative;
	margin-left: 13px;
	margin-top: -13px;
	width: calc((100% - 40px) / 3);
}

.h_pg1 .list li:before {
	content: "";
	right: 0;
	top: 25px;
	bottom: 25px;
	width: 1px;
	/* background: #efefef; */
	display: block;
	position: absolute;
	z-index: 11;
}

.h_pg1 .list li:hover:before,
.h_pg1 .list li:last-child:before {
	display: none;
}

.h_pg1 .list li a {
	padding: 15px 5px;
	display: block;
	overflow: hidden;
	position: relative;
}

/* .h_pg1 .list li:nth-child(1) .img{
	background: url(../images/hico7.webp) no-repeat center;
}
.h_pg1 .list li:nth-child(2) .img{
	background: url(../images/hico8.webp) no-repeat center;
}
.h_pg1 .list li:nth-child(3) .img{
	background: url(../images/hico26.webp) no-repeat center;
}
.h_pg1 .list li:nth-child(4) .img{
	background: url(../images/hico9.webp) no-repeat center;
}
.h_pg1 .list li:nth-child(5) .img{
	background: url(../images/hico10.webp) no-repeat center;
} */
.h_pg1 .list .img-p {
	width: 100%;
	height: auto;
	cursor: pointer;
}

.h_pg1 .list .img-p img {
	width: 100%;
}

.h_pg1 .list .img-p .product-t {
	font-size: 36px;
	position: absolute;
	left: 27%;
	top: 12%;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-items: center;
}

.h_pg1 .list .img-p .sel-top {
	top: 82px;
}

.h_pg1 .list .img-p .product-txt {
	font-family: Ranyb;
	width: 290px;
	color: #000000;
	text-align: center;
}

.h_pg1 .list .img-p .p-more {
	width: 170px;
	height: 45px;
	background-color: #e5e5e5;
	text-align: center;
	line-height: 45px;
	border-radius: 30px;
	font-size: 24px;
	margin-top: 18px;
	font-family: OPPOSans;
	color: #000000;


}

.h_pg1 .list .img-p .p-more img {
	width: 34px;
	margin-right: 10px;
}


/* .h_pg1 .list li:hover:nth-child(1) .img{
	background: url(../images/hico7-1.webp) no-repeat center;
}
.h_pg1 .list li:hover:nth-child(2) .img{
	background: url(../images/hico8-1.webp) no-repeat center;
}
.h_pg1 .list li:hover:nth-child(3) .img{
	background: url(../images/hico26-1.webp) no-repeat center;
}
.h_pg1 .list li:hover:nth-child(4) .img{
	background: url(../images/hico9-1.webp) no-repeat center;
}
.h_pg1 .list li:hover:nth-child(5) .img{
	background: url(../images/hico10-1.webp) no-repeat center;
}
.h_pg1 .list li a .img{
	float: left;width: 105px;
	height: 104px;
} */

.h_pg1 .list li h3 {
	font-size: 18px;
	color: #333333;
	position: absolute;
	left: 115px;
	top: 50%;
	transform: translateY(-50%);
	right: 25px;
	z-index: 1;
	line-height: 24px;
}

/* .h_pg1 .list li:hover{
	background: url(../images/lico7.webp) no-repeat left bottom #4e74ff;
}
.h_pg1 .list li:hover h3{
	color: #fff;
} */
.h_pg2 {
	background: #313131;
	padding: 1px;

}

.h_pg2 .h2_head {
	color: #FFFFFF;
	font-size: 48px;
	font-family: Ranyb;
	width: 300px;
	line-height: 100px;
	margin-top: 67px;
	margin-left: 244px;
	position: absolute;

}

.h_pg2 .h2_head .line {
	width: 50px;
	height: 2px;
	background-color: #FFFFFF;

}

.h_pg2 .wrap {
	width: 100%;
	height: 1080px;
}

.h_pg2 .lts {
	float: left;
	width: 1156px;
	position: relative;
	margin-top: -107px;
	height: 140px;

}

.h_pg2 .imgs {
	float: right;
	width: 1200px;
	height: 1000px;
	margin-right: 40px;
	overflow: hidden;
}

.h_pg2 .imgs .content {

	font-family: OPPOSans;
	font-size: 15px;
	color: #B5B5B5;
	line-height: 30px;
	width: 400px;
	height: 114px;
	margin-top: 51px;
	margin-left: 25%;

}

.h_pg2 .imgs img {
	width: 100%;
	display: block;
	margin-top: 60px;
}

.h_pg2 .imgs .icon_a {
	width: 40px;

	margin-top: 13px;

}

.h_pg2 .lts .txt {
	margin-top: 37px;
	width: 300px;
}

.h_pg2 .lts .txt h2 {
	font-size: 36px;
	color: #000000;
	line-height: 42px;
	letter-spacing: 1px;
}

.h_pg2 .lts .txt h4 {
	font-size: 24px;
	color: #333333;
	margin: 28px 0 14px;
	line-height: 46px;
}

.h_pg2 .lts .txt p {
	font-size: 24px;
	color: #000000;
	line-height: 26px;
	width: 350px;
	font-family: OPPOSansb;
}

.h_pg2 .lts .txt .more {
	font-size: 18px;
	margin-top: -24px;
	margin-left: 48px;
}

.h_pg2 .lts .txt span {
	width: 30px;
	height: 4px;
	background: #4e74ff;
	display: block;
	border-radius: 5px;
	box-shadow: 0 0 5px 5px #d1eaf6;
	margin-top: 34px;
	margin-left: 5px;
}

.h_pg2 .lts .btns {
	width: 350px;
	height: 56px;
	border: 1px solid #8b8b8b;
	border-radius: 7px;
	line-height: 56px;
	text-align: center;
	display: block;
	font-size: 18px;
	color: #333333;
	margin-top: 60px;
	margin-bottom: 90px;
	transition: all 0.4s;
}

.h_pg2 .lts .btns:hover {
	background: #4e74ff;
	border-color: #4e74ff;
	color: #FFFFFF;
}

.h_pg2 .lts .lts_hd,
.h_banner .lts .lts_hd {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: left;
}

.h_pg2 .lts .lts_hd .swiper-pagination-bullet,
.h_banner .lts .lts_hd .swiper-pagination-bullet {
	background: #4e74ff;
	margin: 0 5px;
	cursor: pointer;
}

.h_pg2 .imgs {
	/*margin-right: 0;*/
}

.h_pg2 .lts {
	padding-left: 100px;
	background: #f7f7f7;
}

.h_pg2 .lts_hd .swiper-pagination,
.h_banner .lts_hd .swiper-pagination {
	text-align: center;
	position: absolute;
	bottom: -36px;
	background: none;
	margin-left: 274px;

}

.h_pg2 .lts1 {
	bottom: 62px;
}

.h_pg2 .lts_hd .swiper-pagination-bullet,
.h_banner .lts_hd .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	display: inline-block;
	border-radius: 100%;
	opacity: .2;
	border: 1px solid #FFFFFF;
	background: none;
	opacity: 1;

}

.h_pg2 .lts_hd .swiper-pagination-bullet-active,
.h_banner .lts_hd .swiper-pagination-bullet-active {
	opacity: 1;
	transform: scale(1.5);
}

/* .h_pg2 li{
	z-index: -1;opacity: 0;
} */
.h_pg2 .swiper-container {
	height: 100%;
}

.h_pg2 .prev {
	background: none;
	width: 100px;
	left: 150px;
}

.h_pg2 .prev img,
.h_pg2 .next img {
	width: 50px;
}

.h_pg2 .next {
	background: none;
	width: 100px;
	right: 150px;
}

.h_pg2 .swiper-slide {

	transform: scale(0.5);
}

.h_pg2 .swiper-slide-prev {
	z-index: 110;
	opacity: 1;
	margin-right: 331px;
	margin-top: -19px;

}

.h_pg2 .swiper-slide-prev img {
	transform: scale(2);
	margin-top: 336px;
	margin-left: 715px;
	opacity: 0.5;
}

.h_pg2 .swiper-slide-prev .lts,
.h_pg2 .swiper-slide-next .lts,
.h_pg2 .swiper-slide-prev .content,
.h_pg2 .swiper-slide-next .content {
	opacity: 0;
}

.h_pg2 .swiper-slide-next {
	z-index: 110;
	opacity: 1;
	margin-top: -19px;

	/* width: 390px !important;
    height: 420px; */
}

.h_pg2 .swiper-slide-next img {
	transform: scale(2);
	margin-top: 336px;
	margin-left: -653px;
	opacity: 0.5;
}

.h_pg2 .swiper-slide-active {
	z-index: 111;
	opacity: 1;
	transform: scale(1);
	/* width:1200px !important */
}


.h_pg3 {
	position: relative;
	overflow: hidden;
	/* padding: 30px 0 60px; */
}

.h_pg3 .img1 {
	position: absolute;
	width: 311px;
	height: 76px;
	right: 0;
	top: 0;
}

.h_pg3 .img1 img,
.h_pg3 .img2 img,
.h_pg3 .img3 img {
	width: 100%;
	display: block;
}

.h_pg3 .wrap {
	width: 100%;

}

.h_pg3 .img2 {
	position: absolute;
	width: 444px;
	height: 203px;
	right: 0;
	bottom: 0;
}

.h_pg3 .img3 {
	position: absolute;
	width: 501px;
	height: 237px;
	left: 0;
	bottom: 0;
}

.h_pg3 .lts {
	width: 1280px;
	/* height: 550px;  */
	margin: 0 auto;
	text-align: center;
}

.h_pg3 .index {
	width: 100%;
}

.h_pg3 .lts img {
	width: 100%;
}

.h_pg3 .uit_txt {
	width: 560px;
	text-align: left;
	margin-top: 0;
	position: absolute;
	top: 175px;
	right: 313px;
}

.h_pg3 .uit_txt p {
	font-size: 18px;
	color: #000000;
	line-height: 30px;
	font-family: OPPOSans;
	width: 63%;
}

.h_pg3 .uit_txt h2 {
	margin: 40px 0 15px;
}

.uit_txt span {
	width: 30px;
	height: 4px;
	background: #4e74ff;
	display: block;
	border-radius: 5px;
	box-shadow: 0 3px 3px 4px #d8f1fe;
	margin-top: 32px;
}

.uit_txt .btns {
	width: 150px;
	height: 40px;
	/* border: 1px solid #8b8b8b; */
	border-radius: 31px;
	line-height: 40px;
	text-align: center;
	display: block;
	font-size: 18px;
	color: #000000;
	margin-top: 62px;
	transition: all 0.4s;
	background-color: #FFFFFF;
}

.uit_txt .btns:hover {
	background: #4e74ff;
	border-color: #4e74ff;
	color: #FFFFFF;
}

.h_pg4 {
	background: #f6f6f6;
	padding: 50px 0 75px;
	overflow: hidden;
	background-image: url("../images/home/BG.webp");
}

.h_pg4 h2 {
	line-height: 66px;
	font-size: 40px;
	color: #333333;
	text-align: left;
	font-family: Ranyb;
	margin-top: 30px;
}

.fea-line {
	width: 50px;
	height: 2px;
	background-color: #1F4FCC;
	margin-bottom: 20px;
}

.h_pg4 .list {
	/* margin: 40px auto 0;
	padding: 0 80px;
	position: relative; */
	margin-left: -7%;
	padding: 1px;
	height: 1088px;
	position: relative;
}

.d-title-com {
	font-size: 18px;
	font-family: Robotol;
	left: 40px;
	top: 20px;
}

.d-subtitle-com {
	font-size: 28px;
	font-family: Rany;
	left: 40px;
	margin-top: 30px;
	width: 90%;
}

.d-panel-1 {
	/* width: 462px; */
	width: 26%;
	/* height: 345px; */
	/* height: 450px; */
	position: relative;
	left: 14%;
	/* top: 3%; */
	overflow: hidden;
	border-radius: 25px;
}

.d-panel-1 img {
	/* height: 450px; */
}

.d-panel-1 img,
.d-panel-2 img,
.d-panel-3 img,
.d-panel-4 img,
.d-panel-5 img {
	border-radius: 25px;
	width: 100%;
}

.d-panel-2 img {
	width: 100%;
	/* height:330px; */
}

.d-title-1 {
	position: relative;
	/* top: -12px; */
	color: #FFFFFF;
}

.d-subtitle-1 {
	width: 85%;
	position: relative;
	color: #FFFFFF;
}

.d-panel-2 {
	/* width: 462px; */
	width: 26%;
	position: relative;
	/* left: 250px;
    top: 70px; */
	left: 14%;
	top: 35px;
	/* overflow: hidden; */
	border-radius: 25px;
}

.h_pg4 .list a {
	display: inline-block;
	height: 85%;
	cursor: pointer;
}

.d-div {
	background-color: #FFFFFF;
	color: #000000;
	position: absolute;
	bottom: -34px;
	width: 100%;
	height: 170px;
	border-radius: 0 0 25px 25px;
}

.d-div1 {
	background: none;
	bottom: 0px;
	color: #FFFFFF;
}

.d-title-2 {
	position: relative;

	width: 100%;
}

.d-subtitle-2 {
	position: relative;
}

.d-panel-3 {
	width: 26%;
	/* height: 710px; */
	position: absolute;
	/* left: 740px;
    top: -750px; */
	left: 42%;
	top: 0%;
	overflow: hidden;
	border-radius: 25px;
}

.d-panel-3 img {
	/* height:710px; */
}

.d-title-3 {
	position: relative;
	/* top: -22px; */
	color: #FFFFFF;
}

.d-subtitle-3 {
	width: 90%;
	position: relative;
	color: #FFFFFF;
}

.d-div3 {
	background: none;
	bottom: 0px;
	height: 210px;
	color: #FFFFFF;
}

.d-panel-4 {
	width: 26%;
	position: absolute;
	/* top: -1325px;
    left: 1230px; */
	top: 0%;
	left: 70%;
	/* overflow: hidden; */
	border-radius: 25px;
}

.d-panel-4 img {
	/* height:520px; */
}

.d-div4 {
	bottom: -18px;
	height: 231px;
	width: 100%;

}

.d-div-4 {
	background-color: #FFFFFF;
	position: relative;
	top: -110px;
	height: 191px;
	border-radius: 0 0 25px 25px;
}

.d-title-4 {
	position: relative;
}

.d-subtitle-4 {
	position: relative;

	width: 400px;
}

.d-panel-5 {
	width: 26%;
	/* height: 345px; */
	position: absolute;
	top: 575px;
	left: 70%;
	overflow: hidden;
	border-radius: 25px;
}

.d-div5 {
	background: none;
	bottom: 30px;
	color: #FFFFFF;

	color: #FFFFFF;
}

.d-title-5 {
	position: relative;

	color: #FFFFFF;

}

.d-subtitle-5 {
	position: relative;
	color: #FFFFFF;
}

.d-L-1 {
	font-size: 24px;
	margin-top: 7px;
	margin-left: 40px;
	display: flex;
}

.d-L-2 {
	margin-top: 70px;

}

.d-p-3 {
	top: 490px;
}

.d-L-4 {
	margin-top: 30px;

}

.d-p-5 {
	top: 160px;
}

.d-icon {
	width: 30px !important;
	height: 30px !important;
	margin-left: 8px;
}

.h_pg4 .list .ovs {
	overflow: hidden;
}

.h_pg4 .list li {
	float: left;
	margin-right: 50px;
	width: calc((100% - 100px)/3);
	transition: all 0.4s;
}

.h_pg4 .list li:nth-child(3n) {
	margin-right: 0;
}

.h_pg4 .list li .imgs {
	width: 100%;
	height: 260px;
	overflow: hidden;
}

.h_pg4 .list li .imgs img {
	width: 100%;
	display: block;
	transition: all 0.4s;
}

.h_pg4 .list li:hover .imgs img {
	transform: scale(1.05);
}

.h_pg4 .list li .txt {
	margin-top: 24px;
	margin-left: 20px;
	position: relative;
}

.h_pg4 .list li .txt h3 {
	font-family: arial;
	font-weight: bold;
	font-size: 108px;
	position: absolute;
	top: -24px;
	left: -20px;
	line-height: 126px;
}

.h_pg4 .list li .txt h3.news {
	color: rgba(255, 1, 1, 0.1);
}

.h_pg4 .list li .txt h3.events {
	color: rgba(1, 79, 255, 0.1);
}

.h_pg4 .list li .txt h3.webinar {
	color: rgba(222, 1, 255, 0.1);
}

.h_pg4 .list li .txt h6.news {
	color: #ff0000;
}

.h_pg4 .list li .txt h6.events {
	color: #012bff;
}

.h_pg4 .list li .txt h6.webinar {
	color: #de01ff;
}

.h_pg4 .list li .txt h6 {
	font-size: 16px;
	color: #ff0000;
	line-height: 24px;
	padding-top: 8px;
}

.h_pg4 .list li .txt h4 {
	margin-top: 10px;
	font-size: 22px;
	color: #333333;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
}

.h_pg4 .list .next,
.h_pg4 .list .prev {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
	background: url(../images/hprev.webp) no-repeat center;
	width: 22px;
	height: 40px;
	z-index: 111;
	cursor: pointer;
}

.h_pg4 .list .prev {
	left: auto;
	right: 0;
	transform: rotate(180deg);
}

.h_pg4 .list li .txt p {
	font-size: 16px;
	color: #999999;
	line-height: 26px;
	margin-top: 20px;
	height: 52px;
	overflow: hidden;
}

.h_pg4 .list li .txt .btn {
	margin-top: 28px;
	width: 158px;
	height: 54px;
	border: 1px solid #8b8b8b;
	border-radius: 3px;
	line-height: 54px;
	text-align: center;
	display: block;
	font-size: 16px;
	color: #333333;
	transition: all 0.4s;
}

.h_pg4 .list li .txt .btn:hover {
	background: #4e74ff;
	border-color: #4e74ff;
	color: #FFFFFF;
}

.h_pg5 {
	padding: 75px 0;
	overflow: hidden;
}

.h_pg5-1 {
	padding: 0 0;
	background: url(../images//home/Why.webp) no-repeat;
	background-size: 100%;
	margin-top: -86px;
	height: 562px;
}

.h_pg5 .box {
	overflow: hidden;
	margin-top: 84px;
}

.h_pg5 .box .uit_txt {
	width: 50%;
	text-align: initial;
	margin-top: 4%;
	padding-left: 90px;
	box-sizing: border-box;
	margin-left: 12%;
}

.h_pg5 .box .uit_txt h2 {
	margin-bottom: 20px;
}

.h_pg5 .box .uit_txt span {
	margin-top: 40px;
}

.h_pg5 .box .uit_txt .btns {
	width: 150px;
	height: 40px;
	border-radius: 31px;
	line-height: 40px;
	text-align: center;
	display: block;
	font-size: 18px;
	/* color: #000000; */
	margin-top: 62px;
	transition: all 0.4s;
	background-color: #FFFFFF;
}

.h_pg5 .box .uit_txt p {
	line-height: 30px;
	width: 620px;
	color: #000000;
	font-family: OPPOSans;
	font-size: 18px;
}

.h_pg5 .box .video {
	float: right;
	width: 50%;
}

.h_pg5 .list {
	margin-top: 80px;
}

.h_pg5 .list li {
	float: left;
	margin-right: 134px;
	width: calc((100% - 200px) / 3);
	overflow: hidden;
}

.h_pg5 .list li:nth-child(3n) {
	margin-right: 0;
}

.h_pg5 .list li .ico {
	float: left;
	width: 100px;
	height: 61px;
}

.h_pg5 .list li .txt {
	width: 412px;
	float: left;
}

.h_pg5 .list li .txt h3 {
	font-size: 29px;
	color: #000000;
	line-height: 28px;
	height: 54px;
	margin-bottom: 20px;
	font-family: 'Rany';
}

.h_pg5 .list .line {
	width: 1px;
	height: 300px;
	background-color: rgb(233, 230, 230);
	margin-left: 99%;
}

.h_pg5 .list li .txt p {
	font-size: 18px;
	color: #000000;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	font-family: OPPOSansL;
}

.h_pg5 .list li .txt .btns {
	width: 190px;
	height: 56px;
	border: 1px solid #8b8b8b;
	border-radius: 42px;
	line-height: 56px;
	text-align: center;
	display: block;
	font-size: 24px;
	color: #333333;
	margin-top: 48px;
	transition: all 0.4s;
	font-family: 'Rany';
}

.h_pg5 .list li .txt .btns:hover {
	background: #4e74ff;
	border-color: #4e74ff;
	color: #FFFFFF;
}

.s_pg {
	padding: 30px 0 60px;
}

.footer {
	background: #1c1c1c;
	padding-top: 60px;
	overflow: hidden;
}

.footer .lts {
	float: left;
	width: 65%;
}

.footer .rts {
	float: right;
	width: 35%;
}

.footer .lts .top {
	margin-top: 18px;
}

.footer .lts .top li {
	float: left;
	margin-right: 22px;
}

.footer .lts .top li a {
	line-height: 24px;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.4);
	padding-left: 40px;
	box-sizing: border-box;
	display: inline-block;
}

.footer .lts .top li a:hover {
	color: #fff;
}

.footer .lts .top li:nth-child(1) a {
	/*background: url(../images/hico18c.webp) no-repeat left center;*/
}

.footer .lts .top li:nth-child(2) a {
	/*background: url(../images/hico20c.webp) no-repeat left center;*/
}

.footer .lts .top li:nth-child(3) a {
	/*background: url(../images/hico21c.webp) no-repeat left center;*/
}

.footer .lts .top li:nth-child(4) a {
	/*background: url(../images/hico19c.webp) no-repeat left center;*/
}

.footer .rts .seh {
	float: left;
	overflow: hidden;
	height: 50px;
	width: 320px;
	border-radius: 25px;
	background: #fff;
	padding: 2px;
	box-sizing: border-box;
}

.footer .rts .seh .txt {
	height: 46px;
	border: none;
	background: none;
	font-size: 18px;
	color: #333;
	float: left;
	width: 200px;
	display: block;
	box-sizing: border-box;
	padding: 0 10px;
}

.footer .rts .seh .sub {
	width: 98px;
	height: 46px;
	border-radius: 23px;
	background: #4e74ff;
	color: #fff;
	font-size: 18px;
	float: right;
	display: block;
	border: none;
	text-align: center;
	line-height: 46px;
	cursor: pointer;
}

.footer .nav ul {
	margin-top: 45px;
}

.footer .nav {
	height: 200px;
}

.footer .nav li {
	float: left;
	margin-right: 35px;
	position: relative;
}

.footer .nav li:hover {
	z-index: 11;
}

.footer .nav li h2 a {
	font-size: 18px;
	color: #ffffff;
	line-height: 36px;
	padding-right: 25px;
	display: inline-block;
	position: relative;
}

.footer .nav li dl {
	padding-top: 10px;
	display: none;
	position: absolute;
	z-index: 11;
	width: 260px;
	left: 0;
	top: 36px;
}

.footer .nav li dd a {
	font-size: 16px;
	color: #5f5f5f;
	line-height: 24px;
}

.footer .nav li.on i {
	transform: rotate(180deg);
}

.footer .nav li h2 i {
	background: url(../images/lico8.webp) no-repeat center;
	transition: all 0.3s;
	width: 10px;
	height: 6px;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -3px;
}

.footer .rts {
	float: right;
    padding-top: 211px;
}

.footer .rts .tel {
	float: right;
	/*width: 350px;*/
}

.footer .rts .tel .hd {
	overflow: hidden;
}

.footer .rts .tel .hd .ovs {
	float: right;
}

.footer .rts .tel h4 {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
	line-height: 22px;
}

.footer .rts .tel h2 {
	font-family: "微软雅黑";
	font-size: 32px;
	color: #FFFFFF;
	line-height: 52px;
}

.footer .rts .tel ul {
	margin-top: 45px;
	font-size: 0;
	text-align: right;
}

.footer .rts .tel li {
	display: inline-block;
	margin-right: 25px;
	height: 20px;
}

.footer .rts .tel li a {
	display: block;
    width: 25px;
    height: 25px;
}

/*.footer .rts .tel li:last-child {*/
/*	margin-right: 0;*/
/*}*/

.footer .copy {
	height: 60px;
	border-top: 1px solid rgba(48, 48, 48, 0.6);
	margin-top: 30px;
}

.footer .copy .txt {
	float: left;
	width: 55%;
}

.footer .copy .txt ul {
	font-size: 0;
}

.footer .copy li {
	display: inline-block;
	margin-right: 30px;
}

.footer .copy li a {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
	line-height: 60px;
	display: inline-block;
}

.footer .copy li a:hover {
	color: #fff;
}

.footer .copy h6 {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
	line-height: 60px;
	text-align: center;
}

.l_banner {
	height: 519px;
}

.l_banner .wrap {
	height: 100%;
	position: relative;
}

.crumbs {
	position: absolute;
	left: 0;
	top: 100px;
	z-index: 111;
}

.crumbs ul {
	overflow: hidden;
}

.crumbs li {
	float: left;
	font-size: 14px;
	color: #ffffff;
	line-height: 24px;
}

.crumbs li a {
	font-size: 14px;
	color: #ffffff;
	line-height: 24px;
	opacity: 0.6;
}

.crumbs li span {
	margin: 0 10px;
}

.crumbs li.on,
.crumbs li.on a {
	opacity: 1;
}

.l_banner .imgs {
	height: 430px;
	position: relative;
}

.l_banner .imgs .cent {
	top: 50%;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	display: block;
	transform: translateY(-50%);
	text-align: center;
}

.l_banner .imgs .cent img {
	display: block;
	margin: 0 auto;
}

.l_banner .imgs .cent h5 {
	font-size: 32px;
	color: #ffffff;
	line-height: 40px;
	margin-top: 30px;
}

.l_banner .imgs .cent h3 {
	font-size: 52px;
	color: #ffffff;
	line-height: 66px;
}

.l_banner .text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transform: translateY(50%);
	background: #fff;
	height: 170px;
	box-shadow: 0 0 8px 0 #e4eaff;
	overflow: hidden;
	background: url(../images/lico1.webp) no-repeat right bottom #fff;
	z-index: 11;
}

.l_banner .text p {
	font-size: 18px;
	color: #888888;
	line-height: 28px;
	position: absolute;
	left: 145px;
	right: 145px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 11;
	text-align: center;
}

.l_jfa .list {
	margin-top: 95px;
}

.l_jfa .list li {
	padding: 70px 0 115px;
}

.l_jfa .list .imgs {
	width: 50%;
	position: relative;
	float: left;
}

.l_jfa .list .imgs a {
	display: block;
}

.l_jfa .list .imgs img {
	width: 100%;
	display: block;
}

.l_jfa .list .imgs:after {
	content: "";
	display: block;
	background: url(../images/lico3.webp) no-repeat center;
	width: 76px;
	height: 47px;
	position: absolute;
	right: 40px;
	bottom: -30px;
	z-index: 11;
}

.l_jfa .list .text {
	width: 640px;
	float: right;
	margin-right: 45px;
}

.l_jfa .list .text h2 a {
	font-size: 38px;
	color: #000000;
	line-height: 50px;
}

.l_jfa .list .text p {
	font-size: 20px;
	color: #888888;
	line-height: 27px;
	margin-top: 50px;
}

.l_jfa .list .text i {
	width: 30px;
	height: 4px;
	border-radius: 4px;
	background: #4e74ff;
	display: block;
	margin: 40px 0 65px;
	box-shadow: 0 0 8px 4px #d1e7f2;
}

.l_jfa .list .text .btn a {
	background: #fff;
	border: 1px solid #dbdbdb;
	line-height: 56px;
	display: block;
	width: 216px;
	border-radius: 6px;
	font-size: 18px;
	color: #333333;
	text-align: center;
	transition: all 0.4s;
}

.l_jfa .list .text .btn a:hover {
	background: #4e74ff;
	border-color: #4e74ff;
	color: #FFFFFF;
}

.l_jfa .list li:nth-child(2n) .text {
	float: left;
	margin: 0;
}

.l_jfa .list li:nth-child(2n) .imgs {
	float: right;
}

.l_jfa .list li:nth-child(2n) {
	background: #f3f3f3;
}

.ban_cent {
	height: 385px;
	position: relative;
}

.ban_cent .txt {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}

.ban_cent .txt h4 {
	font-size: 40px;
	color: #ffffff;
	line-height: 42px;
}

.ban_cent .txt p {
	font-size: 22px;
	color: #fff;
	line-height: 34px;
	opacity: 0.5;
	margin-top: 40px;
}

.ban_cent .txt a {
	margin: 40px auto 0;
	width: 210px;
	height: 58px;
	border-radius: 4px;
	background: #4e74ff;
	font-size: 18px;
	display: block;
	color: #ffffff;
	line-height: 58px;
}


.x_product .list {
	margin-top: 65px;
}

.x_product .list li:nth-child(2n-1) {
	background: url(../images/x_bg1.jpg) no-repeat center #fff;
}

.x_product .list li:nth-child(2n) {
	background: url(../images/x_bg2.jpg) no-repeat center #f3f3f3;
}

.x_product .list {
	margin-top: 140px;
}

.x_product .list .imgs {
	float: right;
	width: 50%;
	position: relative;
	height: 630px;
}

.x_product .list .imgs a {
	display: block;
}

.x_product .list .imgs img {
	display: block;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.x_product .list .text {
	float: left;
	width: 620px;
}

.x_product .list .text h2 {
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 20px;
	display: inline-block;
	margin-top: 112px;
	color: #000000;
}

.x_product .list .text h2 a {
	color: #000000;
}

.x_product .list .text p {
	font-size: 18px;
	color: #888888;
	line-height: 28px;
}

.x_product .list .text i {
	width: 30px;
	height: 4px;
	border-radius: 4px;
	background: #4e74ff;
	display: block;
	margin: 46px 0 70px;
	box-shadow: 0 0 8px 4px #d1e7f2;
}

.x_product .list .text .btn {
	border: 1px solid #dbdbdb;
	line-height: 56px;
	display: inline-block;
	border-radius: 6px;
	font-size: 18px;
	background: #fff;
	color: #333333;
	text-align: center;
	padding: 0 50px;
	transition: all 0.4s;
}

.x_product .list .text .btn:hover {
	border-color: #4e74ff;
	background: #4e74ff;
	color: #FFFFFF;
}

.x_product .list li:nth-child(2n) .text {
	float: right;
	margin-right: 35px;
}

.x_product .list li:nth-child(2n) .imgs {
	float: left;
}

.l_banner .imgs.text_lt .cent h3 {
	text-align: left;
	font-size: 42px;
	line-height: 42px;
}

.l_banner .imgs.text_lt .cent h3 span {
	font-size: 26px;
}

.q_ban {
	height: 324px;
}

.q_ban .imgs {
	height: 335px;
}

.q_ban .imgs {
	height: 335px !important;
}

.q_ban .imgs .cent h3 {
	font-size: 42px;
}

.f_banner {
	height: 434px;
}

.f_banner .imgs .cent h5 {
	font-size: 46px;
	line-height: 56px;
}

.f_banner .imgs {
	height: 434px;
}

.fs_case .lts {
	width: 48%;
	float: left;
}

.fs_case p {
	font-size: 18px;
	color: #666666;
	line-height: 28px;
}

.fs_case h2 {
	font-size: 40px;
	color: #000000;
	line-height: 50px;
	text-align: center;
}

.fs_case .rts {
	float: right;
	width: 42%;
	margin-right: 35px;
}

.fs_case .cts {
	margin-left: 65px;
	margin-right: 35px;
}

.fs_case .f_pg1 .lts img {
	width: 100%;
	display: block;
	margin-top: 10px;
}

.fs_case p {
	font-size: 18px;
	color: #666666;
	line-height: 28px;
}

.fs_case h2 {
	font-size: 40px;
	color: #000000;
	line-height: 50px;
	text-align: center;
}

.fs_case .f_pg1 h2 {
	text-align: left;
	margin-bottom: 30px;
}

.fs_case .f_pg1 {
	padding: 75px 0 85px;
}

.fs_case .f_pg2 {
	background: #f5f5f5;
	padding: 50px 0 60px;
}

.fs_case .results {
	background: #f5f5f5;
	padding: 0px 0 60px;
}

.fs_case .f_pg2 .wrap {
	background: #fff;
	margin-top: 45px;
	padding: 55px 0 65px;
}

.fs_case .f_pg2 .lts {
	padding-left: 65px;
	box-sizing: border-box;
}

.fs_case .f_pg2 .lts .imgs {
	overflow: hidden;
	margin-bottom: 35px;
}

.fs_case .f_pg2 .lts img {
	width: calc((100% - 15px)/2);
	float: left;
	margin-right: 15px;
	display: block;
}

.fs_case .f_pg2 .lts img:nth-child(2) {
	margin-right: 0;
}

.fs_case .f_pg3 {
	padding: 50px 0 80px;
}

.fs_case .f_pg3 .clearfix {
	margin-top: 90px;
}

.fs_case .f_pg3 .rt,
.fs_case .f_pg3 .lt {
	height: 370px;
	position: relative;
	background: #fff;
	width: 685px;
	box-shadow: 0 0 12px 4px #eff2ff;
	border-radius: 6px;
	box-sizing: border-box;
}

.fs_case .f_pg3 .lt {
	float: left;
	margin-left: 80px;
	overflow: hidden;
}

.fs_case .f_pg3 .lt p {
	position: absolute;
	left: 65px;
	right: 65px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	color: #666666;
	line-height: 26px;
}

.fs_case .f_pg3 .rt {
	float: right;
	margin-right: 80px;
	border: 1px solid #d5deff;
	padding: 0 60px;
}

.fs_case .f_pg3 .rt i {
	position: absolute;
	left: 40px;
	top: -68px;
	z-index: 11;
	display: block;
}

.fs_case .f_pg3 .rt h3 {
	font-size: 20px;
	color: #333333;
	line-height: 32px;
	margin-top: 74px;
}

.fs_case .f_pg3 .rt h4 {
	font-size: 18px;
	color: #888888;
	line-height: 32px;
}

.fs_case .f_pg3 .rt span {
	display: block;
	margin: 30px 0 35px;
}

.fs_case .f_pg3 .rt p {
	font-size: 18px;
	color: #888888;
	line-height: 28px;
}

.fs_case .f_pg4 {
	background: #f5f5f5;
	padding: 60px 0;
}

.fs_case .f_pg4 .wrap {
	margin-top: 60px;
}

.fs_case .f_pg4 .wrap img {
	display: block;
	margin: 0 auto;
}


/*产品列表*/
.q_plb .list {
	padding: 30px 0 64px;
	overflow: hidden;
}

.q_plb .list .error {
	text-align: center;
	font-size: 28px;
	padding: 80px 0px;
}

.q_plb .list ul {
	margin: 0 110px;
}

.q_plb .list li {
	width: calc((100% - 502px)/3);
	margin-right: 250px;
	float: left;
	margin-bottom: 20px;
}

.q_plb .list li:nth-child(3n) {
	margin-right: 0;
}

.q_nxq .list .bds li:nth-child(3n) {
	margin-right: 250px;
}

.q_plb .list li .img {
	height: auto !important;
	overflow: hidden;
}

.q_plb .list li .img img,
.q_plb .list li .img a {
	width: 100%;
	display: block;
	transition: all 0.4s;
}

.q_plb .list li:hover .img img {
	transform: scale(1.05);
}

.q_plb .list li .txt {
	margin-top: 10px;
	text-align: center;
}

.q_plb .list li .txt h2 {
	font-size: 22px;
	color: #000000;
	height: 64px;
	line-height: 32px;
	overflow: hidden;
}

.q_plb .list li .txt p {
	font-size: 18px;
	color: #888888;
	line-height: 24px;
	height: 68px;
	overflow: hidden;
}

.q_plb .list li .txt .btn {
	width: 210px;
	height: 56px;
	line-height: 56px;
	display: block;
	border-radius: 4px;
	text-align: center;
	border: 1px solid #dbdbdb;
	font-size: 18px;
	color: #333333;
	margin: 0 auto;
	transition: all 0.4s;
}

.q_plb .list li .txt .btn:hover {
	background: #4e74ff;
	border-color: #4e74ff;
	color: #FFFFFF;
}

.q_plb .lity {
	height: 542px;
	overflow: hidden;
	padding-top: 60px;
	box-sizing: border-box;
}

.q_plb .uit_hds {
	width: 1110px;
	margin: 0 auto;
	text-align: center;
}

.q_plb .uit_hds h2 {
	line-height: 78px;
	font-size: 40px;
	color: #000000;
}

.q_plb .uit_hds p {
	font-size: 22px;
	color: #888888;
	line-height: 36px;
}

.q_plb .lity .ovs {
	margin-top: 88px;
	position: relative;
}

.q_plb .lity .bds {
	margin: 0 88px;
	overflow: hidden;
}

.q_plb .lity .bds li {
	float: left;
	margin-right: 40px;
	width: 211px;
	height: 121px;
	border-radius: 6px;
}

.q_plb .lity .bds li:nth-child(6n) {
	margin-right: 0;
}

.q_plb .lity .bds li a,
.q_plb .lity .bds li img {
	width: 100%;
	display: block;
	border-radius: 6px;
}

.q_plb .lity .nexts,
.q_plb .lity .prevs {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/qico1.webp) no-repeat center;
	width: 22px;
	height: 40px;
	z-index: 111;
	cursor: pointer;
}

.q_plb .lity .prevs {
	left: auto;
	right: 0;
	transform: translateY(-50%) rotate(180deg);
}

.q_plb .lity .nexts:hover,
.q_plb .lity .prevs:hover {
	background: url(../images/f_4.webp) no-repeat center;
}

.q_plb .nial {
	padding: 65px 0 78px;
	overflow: hidden;
}

.q_plb .nial .ovs {
	padding: 0 70px;
	position: relative;
}

.q_plb .nial .bds {
	margin-top: 30px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px 0;
}

.q_plb .nial .bds li {
	width: 690px;
	margin: 0 35px;
}

.q_plb .nial .bds li .top {
	margin-bottom: 40px;
}

.q_plb .nial .bds li .bord {
	width: 118px;
	height: 118px;
	border-radius: 50%;
	box-shadow: 0 3px 8px 5px #f0f4ff;
	position: relative;
	float: left;
	border: 1px solid #fff;
	transition: all 0.3s;
}

.q_plb .nial .bds li:hover .bord {
	border-color: #d6dfff;
}

.q_plb .nial .bds li .bord .imgs {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	text-align: center;
}

.q_plb .nial .bds li .rts {
	float: left;
	margin-left: 40px;
	margin-top: 30px;
	width: 470px;
}

.q_plb .nial .bds li .rts .tx {
	font-size: 20px;
	line-height: 1.2;
	color: #333;
}

.q_plb .nial .bds li .rts p {
	font-size: 18px;
	color: #888888;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
}

.q_plb .nial .bds li .txt {
	margin-top: 40px;
	box-shadow: 0 3px 8px 5px #f0f4ff;
	height: 246px;
	box-sizing: border-box;
	padding: 96px 62px 65px;
	position: relative;
	opacity: 0.6;
	transition: all 0.3s;
	border: 1px solid #fff;
	border-radius: 6px;
}

.q_plb .nial .bds li:hover .txt {
	opacity: 1;
	border-color: #d5deff;
}

.q_plb .nial .bds li .txt p {
	line-height: 28px;
	font-size: 18px;
	color: #888;
	height: 84px;
	overflow: hidden;
}

.q_plb .nial .bds li .txt .ico {
	position: absolute;
	top: 42px;
	left: 60px;
	width: 33px;
	height: 26px;
	overflow: hidden;
}

.q_plb .nial .bds li .txt .ico img {
	width: 100%;
	display: block;
}

.q_plb .nial .bds .nexta,
.q_plb .nial .bds .preva {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/qico1.webp) no-repeat center;
	width: 22px;
	height: 40px;
	z-index: 111;
	cursor: pointer;
}

.q_plb .nial .bds .preva {
	left: auto;
	right: 0;
	transform: rotate(180deg);
}

.q_plb .nial .bds .nexta:hover,
.q_plb .nial .bds .preva:hover {
	background: url(../images/f_4.webp) no-repeat center;
}

.l_flist {
	padding: 48px 0 78px;
	overflow: hidden;
}

.l_flist li {
	width: calc((100% - 202px)/3);
	margin-right: 100px;
	text-align: center;
	float: left;
}

.l_flist li:nth-child(3n) {
	margin-right: 0;
}

.l_flist li .ico,
.l_flist li .ico img {
	display: block;
	margin: 0 auto;
}

.l_flist li .txt h3 {
	margin-top: 15px;
	font-size: 26px;
	color: #000000;
	line-height: 36px;
	margin-bottom: 20px;
	height: 36px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.l_flist li .txt p {
	font-size: 16px;
	color: #666;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
}

.l_flist li .txt .btn {
	display: block;
	margin: 40px auto 0;
	width: 230px;
	height: 56px;
	line-height: 56px;
	border-radius: 6px;
	border: 1px solid #8b8b8b;
	font-size: 18px;
	color: #333;
	text-align: center;
}

.l_flist li .txt .btn:hover {
	background: #4e74ff;
	border-color: #4e74ff;
	color: #FFFFFF;
}


/*方案详情*/
.q_nxq .ture {
	padding: 50px 0 64px;
	overflow: hidden;
}

.q_nxq .ty {
	line-height: 48px;
	font-size: 40px;
	color: #000000;
	text-align: center;
}

.yf_cts .yf_h2,
.yf_pg4 .yf_h2 {
	line-height: 48px;
	font-size: 40px;
	color: #000000;
	text-align: center;
}

.q_nxq .ture .bds {
	margin-top: 36px;
}

.q_nxq .ture .bds ul {
	display: block;
}

.q_nxq .ture .bds li {
	float: left;
	margin-right: 90px;
	margin-bottom: 45px;
	width: calc((100% - 182px)/3);
	transition: all 0.4s;
}

.q_nxq .ture .bds li:nth-child(3n) {
	margin-right: 0;
}

.q_nxq .ture .bds li .imgs {
	height: 274px;
	overflow: hidden;
}

.q_nxq .ture .bds li .imgs img {
	width: 100%;
	display: block;
	transition: all 0.4s;
}

.q_nxq .ture .bds li:hover .imgs img {
	transform: scale(1.05);
}

.q_nxq .ture .bds li .txt {
	margin-top: 20px;
}

.q_nxq .ture .bds li .txt h3 {
	line-height: 30px;
	font-size: 24px;
	color: #000000;
	height: 60px;
	overflow: hidden;
}

.q_nxq .ture .bds li .txt p {
	line-height: 24px;
	font-size: 17px;
	color: #888;
	margin-top: 15px;
	height: 190px;
	overflow: hidden;
}

.q_nxq .sys {
	background: #f3f3f3;
	padding: 50px 0 40px;
	overflow: hidden;
}

.q_nxq .sys .imgs {
	width: 1600px;
	margin: 20px auto 0;
	/*height: 530px;*/
}

.q_nxq .sys .imgs img {
	width: 100%;
	display: block;
}

.q_nxq .ries {
	padding: 50px 0 64px;
	overflow: hidden;
}

.q_nxq .ries .ovs {
	margin-top: 30px;
	position: relative;
}

.q_nxq .ries .bds {
	margin: 0 50px;
	overflow: hidden;
	padding: 10px;
}

.q_nxq .ries .bds li {
	width: calc((100% - 92px)/3);
	box-shadow: 0 0 8px 5px #eff2ff;
	box-sizing: border-box;
	padding: 28px;
	overflow: hidden;
	float: left;
	margin-right: 45px;
	transition: all 0.4s;
	border: 1px solid #FFFFFF;
}

.q_nxq3 .ries .bds li:nth-child(3) {
	margin-right: 0;
}

.q_nxq .ries .bds li .img {
	height: 244px;
	overflow: hidden;
}

.q_nxq .ries .bds li .img a {
	height: 100%;
	display: block;
}

.q_nxq .ries .bds li .img img {
	width: 100%;
	display: block;
	transition: all 0.4s;
}

.q_nxq .ries .bds li:hover .img img {
	transform: scale(1.05);
}

.q_nxq .ries .bds li:hover {
	border-color: #d5deff;
}

.q_nxq .ries .bds li .txt {
	margin-top: 10px;
}

.q_nxq .ries .bds li .txt h6 {
	font-size: 16px;
	color: #012bff;
	line-height: 32px;
	margin-bottom: 8px;
}

.q_nxq .ries .bds li .txt h3 {
	font-size: 16px;
	color: #333333;
	line-height: 22px;
	height: 70px;
	overflow: hidden;
	font-weight: bold;
}

.q_nxq .ries .bds li .txt .btn {
	display: block;
	margin-top: 25px;
	width: 265px;
	height: 52px;
	line-height: 52px;
	font-size: 15px;
	color: #333333;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #8b8b8b;
}

.q_nxq .ries .bds li .txt .btn:hover {
	color: #FFFFFF;
	border-color: #4e74ff;
	background: #4e74ff;
}

.q_nxq .ries .nexts,
.q_nxq .ries .prevs {
	position: absolute;
	left: 0;
	top: 50%;
	transform: rotateY(-50%);
	background: url(../images/qico1.webp) no-repeat center;
	width: 22px;
	height: 40px;
	z-index: 111;
	cursor: pointer;
}

.q_nxq .ries .nexts {
	left: auto;
	right: 0;
	transform: translateY(-50%) rotate(180deg);
}

.q_nxq .ries .nexts:hover,
.q_nxq .ries .prevs:hover {
	background: url(../images/f_4.webp) no-repeat center;
}

.q_nxq .list .nexta:hover,
.q_nxq .list .preva:hover {
	background: url(../images/f_4.webp) no-repeat center;
}

.q_nxq .list {
	background: #efefef;
	position: relative;
}

.q_nxq .list li .img {
	background: #efefef;
}

.q_nxq .list ul {
	margin: 0;
}

.q_nxq .list .nexta,
.q_nxq .list .preva {
	position: absolute;
	left: 0;
	top: 50%;
	transform: rotateY(-50%);
	background: url(../images/qico1.webp) no-repeat center;
	width: 22px;
	height: 40px;
	z-index: 111;
	cursor: pointer;
}

.q_nxq .list .preva {
	left: auto;
	right: 0;
	transform: translateY(-50%) rotate(180deg);
}

.q_nxq .list .ovs {
	position: relative;
}

.q_nxq .list .bds {
	margin: 0 50px;
	overflow: hidden;
	padding: 10px;
}

.q_nxq .h_pg3 {
	background: #f7f7f7;
}

.qm_ban {
	height: 590px;
}

.qm_ban .imgs {
	height: 490px;
}

.qm_ban .imgs .cent h3 {
	font-size: 56px;
	color: #FFFFFF;
	line-height: 86px;
}

.qm_ban .imgs .cent h5 {
	margin-top: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 23px;
	margin-bottom: 34px;
}

.qm_ban .imgs .cent p {
	line-height: 28px;
	font-size: 22px;
	color: #FFFFFF;
}

/*成功案例*/
.l_banner .imgs.text_lt .cent h2 {
	font-size: 74px;
	color: #FFFFFF;
	line-height: 102px;
}

.q_gal .ries {
	padding: 150px 0 62px;
	overflow: hidden;
	background: #f5f5f5;
}

.q_gal .ries .bds li {
	box-shadow: none;
	border: none;
	background: #FFFFFF;
	margin-bottom: 54px;
	box-sizing: border-box;
}

.q_gal .ries .bds li:nth-child(3n) {
	margin-right: 0;
}

.q_gal .ries .bds {
	margin: 0;
	padding: 0;
}

.uit_page dl {
	text-align: center;
}

.uit_page dd {
	margin: 0 5px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	background: #FFFFFF;
	border-radius: 50%;
	font-size: 16px;
	color: #0f367a;
	text-align: center;
	transition: all 0.4s;
	display: inline-block;
}

.uit_page dd a {
	font-size: 16px;
	color: #0f367a;
	display: block;
	transition: all 0.4s;
	border-radius: 50%;
}

.uit_page dd:hover,
.uit_page dd.on {
	background: #4e74ff;
	color: #FFFFFF;
}

.uit_page dd a:hover,
.uit_page dd.on a {
	color: #FFFFFF;
	background: #4e74ff;
}

.l_banner .text ul {
	margin-top: 44px;
	margin-left: 50px;
}

.l_banner .text li {
	float: left;
	margin-right: 24px;
}

.l_banner .text li .sel {
	width: 260px;
	height: 68px;
	border: 1px solid #f2f2f2;
	padding-left: 22px;
	border-radius: 35px;
	font-size: 16px;
	color: #333333;
	background: url(../images/qico7.webp) no-repeat right 30px center;
	padding-right: 8px;
}

.l_banner .text li .selc {
	width: 295px;
}

.l_banner .text li .sub {
	font-size: 18px;
	color: #FFFFFF;
	border: none;
	width: 198px;
	height: 70px;
	line-height: 70px;
	background: #4e74ff;
	border-radius: 35px;
	cursor: pointer;
	transition: all 0.3s;
}

.l_banner .text li:first-child .sel {
	background: #fff !important;
}


/* 产品参数 */
.sp_cs {
	background: #eaebeb;
	padding: 30px 0 70px;
	overflow: hidden;
	box-sizing: border-box;
	background-size: cover !important;
}

.sp_cs .bds {
	margin: 0 105px;
}

.sp_cs .bds h2 {
	font-size: 40px;
	line-height: 66px;
	color: #000;
	text-align: center;
}

.sp_cs .bds ul {
	font-size: 0;
}

.sp_cs .bds .s1 li {
	padding: 20px 80px 65px;
	box-sizing: border-box;
	/*width:1250px;*/
	margin: 0px auto;
}

.sp_cs .bds ul li {
	background: #fff;
	border-radius: 5px;
}

.sp_cs .bds .s1 {
	margin-top: 40px;
}

.sp_cs .bds li h4 {
	font-size: 28px;
	line-height: 68px;
	color: #000;
	margin-bottom: 15px;
	margin-top: 30px;
}

.sp_cs .bds .s1 li:nth-child(2n) {
	margin-right: 0;
}

.sp_cs .bds .s1 li dl {
	box-sizing: border-box;
}

.sp_cs .bds .s1 li dl.w100 {
	width: 100%;
}

.sp_cs .bds li dd {
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	background: url(../images/f_5.webp) no-repeat left top 14px;
	padding-left: 18px;
}

.sp_cs .bds .s2 li {
	width: calc((100% - 56px)/4);
	margin-right: 18px;
	margin-top: 18px;
	height: 360px;
	overflow: hidden;
	padding: 25px 30px 54px;
	float: left;
	box-sizing: border-box;
}

.sp_cs .bds .s2 li:nth-child(4n) {
	margin-right: 0;
}


/*Press Release*/

.l_banner .imgs .cent h6 {
	font-size: 26px;
	line-height: 30px;
	color: #FFFFFF;
	padding-top: 15px;
}

.l_banner .list {
	height: 140px;
	background: #FFFFFF;
}

.l_banner .list ul {
	overflow: hidden;
	margin-top: 0;
	margin-left: 0;
}

.l_banner .list li {
	float: left;
	box-sizing: border-box;
	position: relative;
	margin-right: 0;
	/*
	width: calc(100% / 4);
    */
	width: calc(100% / 3);
	height: 140px;
}

.l_banner .list li a {
	padding: 30px 60px;
	display: block;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	height: 140px;
}

.l_banner .list3 li a {
	padding: 30px 60px 30px 20px;
	display: block;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	height: 140px;
}

.l_banner .list li:before {
	content: "";
	right: 0;
	top: 25px;
	bottom: 25px;
	width: 1px;
	background: #efefef;
	display: block;
	position: absolute;
	z-index: 11;
}

.l_banner .list li.on:before,
.l_banner .list li:hover:before,
.l_banner .list li:last-child:before {
	display: none;
}

.l_banner .list li:nth-child(1) .img {
	background: url(../images/q_ico1.webp) no-repeat center;
}

.l_banner .list li:nth-child(2) .img {
	background: url(../images/q_ico2-1.webp) no-repeat center;
}

.l_banner .list li:nth-child(3) .img {
	background: url(../images/q_ico3.webp) no-repeat center;
}

.l_banner .list li:nth-child(4) .img {
	background: url(../images/q_ico4.webp) no-repeat center;
}

.l_banner .list li.on:nth-child(1) .img {
	background: url(../images/q_ico1-1.webp) no-repeat center;
}

.l_banner .list li.on:nth-child(2) .img {
	background: url(../images/q_ico2.webp) no-repeat center;
}

.l_banner .list li.on:nth-child(3) .img {
	background: url(../images/q_ico3-1.webp) no-repeat center;
}

.l_banner .list li.on:nth-child(4) .img {
	background: url(../images/q_ico4-1.webp) no-repeat center;
}

.l_banner .list li h3 {
	font-size: 20px;
	color: #333333;
	position: absolute;
	left: 200px;
	top: 50%;
	transform: translateY(-50%);
	right: 25px;
	z-index: 1;
	line-height: 28px;
}

.l_banner .list3 li h3 {
	left: 150px;
}

.l_banner .list li.on {
	background: url(../images/lico7.webp) no-repeat right bottom #4e74ff;
}

.l_banner .list li.on h3 {
	color: #fff;
}

.l_banner .list li:hover h3 {
	color: #4e74ff;
}

.l_banner .list li.on:hover h3 {
	color: #fff;
}

.l_banner .list li a .img {
	float: left;
	width: 140px;
	height: 80px;
}

.q_nxq .ries .bds li .txt p {
	margin-top: 15px;
	line-height: 22px;
	font-size: 16px;
	color: #999999;
	height: 44px;
	overflow: hidden;
}

.ps_new {
	/* height: 385px; */
	height: 636px;
	/* overflow: hidden; */
	position: relative;
}

.ps_new .wrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}

.ps_new .cop {}

.ps_new h2 {
	font-size: 40px;
	color: #FFFFFF;
	line-height: 78px;
	text-align: center;
}

.ps_new .form {
	width: 562px;
	height: 58px;
	background: #FFFFFF;
	border: none;
	border-radius: 4px;
	margin: 24px auto 0;
}

.ps_new .form-check {
	width: 562px;
	height: 232px;
	background: #FFFFFF;
	border: none;
	border-radius: 4px;
	margin: 24px auto 0;
}

.company {
	background: none !important;
	color: #FFFFFF;
}

.ps_new .form .t1 {
	float: left;
	width: 348px;
	height: 58px;
	font-size: 14px;
	color: #333;
	background: url(../images/q_ico5.webp) no-repeat left 20px center;
	padding-left: 72px;
	padding-right: 10px;
	border: none;
	box-sizing: border-box;
}

.ps_new .form .t2 {
	float: left;
	width: 418px;
	height: 58px;
	font-size: 18px;
	color: #333;
	background: url(../images/q_ico5c.webp) no-repeat left 20px center;
	padding-left: 72px;
	padding-right: 10px;
	border: none;
	box-sizing: border-box;
}

.ps_new .form .sub {
	width: 210px;
	height: 52px;
	line-height: 52px;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	background: #4e74ff;
	margin-top: 3px;
	cursor: pointer;
}

/* Press Release2 */
.pr_deta .hd {
	background: #FFFFFF;
	padding-bottom: 40px;
}

.pr_deta .hd h2 a {
	font-size: 40px;
	color: #333333;
	line-height: 54px;
}

.pr_deta .hd h2 {
	font-size: 40px;
	color: #333333;
	line-height: 54px;
}

.pr_deta .hd h6 {
	color: #012bff;
	font-size: 18px;
	text-align: center;
	line-height: 46px;
	margin: 26px 0;
}

.pr_deta .hd ul {
	font-size: 0;
	margin-top: 15px;
}

.pr_deta .hd li {
	display: inline-block;
	padding-right: 50px;
	height: 20px;
}

.pr_deta .hd li a {
	display: block;
}

.pr_deta .bds {
	background: #ecf0ff;
	padding-top: 45px;
}

.pr_deta .bds .wrap {
	background: #FFFFFF;
}

.pr_deta .bds .wrap .text {
	padding: 45px 75px;
	font-size: 16px;
	color: #666666;
	line-height: 24px;
}

.pr_deta .bds .wrap .text p {
	margin-bottom: 20px;
}

.pr_deta .bds .wrap .text img {
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

.pr_deta .bds .wrap .text h3 {
	color: #333333;
	font-size: 24px;
	line-height: 1.6;
	margin-bottom: 20px;
}

.pr_deta .bds .wrap .text h2 {
	color: #333333;
	font-size: 25px;
	line-height: 1.6;
	text-align: center;
}

.pr_deta .bds .wrap .text li {
	list-style: disc;
}

/*
.pr_deta .bds .wrap .text span {
	border: 1px solid #cccccc ;
	display: block;
}
*/

/*press2*/
.ps_tct {
	height: 400px;
}

.ps_tct h3 {
	line-height: 34px;
	font-size: 24px;
	color: #FFFFFF;
	margin-top: 24px;
}

.ps_tct .btn {
	margin-top: 30px;
	width: 250px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	display: block;
	background: #4e74ff;
	font-size: 20px;
	color: #FFFFFF;
	display: block;
	border-radius: 4px;
	margin: 30px auto 0;
}


/*软件详情*/
.x_product .s_ware {
	margin-top: 0;
}

.x_product .s_ware .text {
	float: right;
	padding-right: 105px;
	box-sizing: border-box;
	width: 640px;
}

.x_product .s_ware .text h2 {
	margin-top: 100px;
	margin-bottom: 20px;
}

.x_product .s_ware .imgs {
	float: left;
}

.x_product .s_ware li:nth-child(2n) .imgs {
	float: right;
}

.x_product .s_ware li:nth-child(2n) .text {
	float: left;
	padding-left: 105px;
	box-sizing: border-box;
	padding-right: 0;
	margin-right: 0;
}

.x_product .s_ware .text dl {
	margin-top: 20px;
}

.x_product .s_ware .text dt {
	line-height: 40px;
	margin-bottom: 20px;
	font-size: 22px;
	color: #333333;
}

.x_product .s_ware .text dd {
	line-height: 28px;
	font-size: 19px;
	color: #888888;
	background: url(../images/s_ico1.webp) no-repeat left 10px;
	padding-left: 23px;

}

.x_product .s_ware .text .ddlist:last-child {
	background: url(../images/s_ico1.webp) no-repeat left 10px;
}

.x_product .s_ware li {
	padding: 20px 0;
}

.x_product .s_ware li:nth-child(1) {
	background: url(../images/s_bg9.jpg) no-repeat center #FFFFFF;
}

.x_product .s_ware li:nth-child(2n) {
	background: url(../images/s_img2.jpg) no-repeat center #f6f6f6;
	background-size: cover !important;
}

.x_product .s_ware li:nth-child(3),
.x_product .s_ware li:nth-child(5) {
	background: url(../images/s_img3.jpg) no-repeat center #FFFFFF;
}


/*关于我们*/

.ab_out {
	padding: 65px 0;
	overflow: hidden;
}

.ab_out .imgs {
	float: left;
	width: 705px;
}

.ab_out .imgs img {
	width: 100%;
	display: block;
}

.ab_out .txt {
	float: right;
	position: relative;
	width: 890px;
}

.ab_out .txt:after {
	content: "";
	position: absolute;
	top: 56px;
	left: 0;
	background: url(../images/q_img10.webp) no-repeat center;
	width: 702px;
	height: 128px;
	overflow: hidden;
	display: block;
	z-index: -1;
}

.ab_ban {
	height: 430px;
}

.ab_out .txt .t1 {
	margin-top: 114px;
	margin-left: 62px;
}

.ab_out .txt h2 {
	font-size: 34px;
	color: #333333;
	line-height: 64px;
}

.ab_out .txt p {
	line-height: 28px;
	font-size: 18px;
	color: #888888;
	margin-top: 40px;
}

.ab_com {
	background: #eeeeee;
	padding: 66px 0 72px;
	overflow: hidden;
}

.ab_com .hds {
	text-align: center;
	padding: 0 120px;
}

.ab_com .hds h2 {
	font-size: 34px;
	color: #333333;
	line-height: 46px;
	text-align: center;
}

.ab_com .hds p {
	line-height: 30px;
	margin-top: 22px;
	font-size: 18px;
	color: #888888;
	height: 120px;
	overflow: hidden;
}

.ab_com ul {
	margin: 40px auto 0;
	width: 1100px;
}

.ab_com li {
	width: calc((100% - 602px)/5);
	margin-right: 150px;
	float: left;
}

.ab_com li:last-child {
	margin-right: 0;
}

.ab_com li .ico {
	width: 95px;
	height: 95px;
	overflow: hidden;
	margin: 0 auto;
}

.ab_com li .ico img {
	width: 100%;
	display: block;
}

.ab_com li h3 {
	font-size: 22px;
	color: #333333;
	line-height: 30px;
	margin-top: 10px;
	text-align: center;
}

.ab_list {
	padding: 72px 0 50px;
	overflow: hidden;
}

.ab_list .lts {
	float: left;
	margin-top: 40px;
	width: 50%;
}

.ab_list .lts h2 {
	font-size: 34px;
	color: #333333;
	line-height: 62px;
}

.ab_list .lts ul {
	margin-top: 50px;
}

.ab_list .lts li {
	width: 300px;
	float: left;
	margin-right: 112px;
	margin-bottom: 58px;
}

.ab_list .lts li:nth-child(3),
.ab_list .lts li:nth-child(4) {
	margin-bottom: 0;
}

.ab_list .lts li h3 {
	font-size: 60px;
	color: #4f74ff;
	line-height: 78px;
}

.ab_list .lts li p {
	font-size: 18px;
	line-height: 28px;
	color: #888888;
	margin-top: 12px;
	height: 140px;
	overflow: hidden;
}

.ab_list .img {
	width: 50%;
	float: right;
	padding-left: 124px;
	box-sizing: border-box;
}


/*career*/
.ca_re {
	background: #eeeeee;
	padding: 70px 0 100px;
	overflow: hidden;
}

.ca_re .bds {
	border-top: 1px solid #ecf0ff;
	padding-bottom: 30px;
	display: none;
}

.ca_re .hds li {
	float: left;
	border-right: 1px solid #ecf0ff;
	width: calc((100% - 200px)/4);
	padding: 28px 0 28px 57px;
	box-sizing: border-box;
	margin-bottom: 0;
}

.ca_re .hds li h6 {
	font-size: 18px;
	color: #cbcbcb;
	line-height: 24px;
	margin-bottom: 10px;
}

.ca_re .hds li h3 {
	font-size: 22px;
	line-height: 28px;
	color: #333333;
}

.ca_re .hds li:last-child {
	width: 200px;
	border-right: none;
	padding-left: 0;
	text-align: center;
	cursor: pointer;
}

.ca_re .hds li h4 {
	font-size: 18px;
	color: #333333;
	line-height: 28px;
	background: url(../images/q_ico16.webp) no-repeat center bottom;
	padding-bottom: 30px;
}

.ca_re .hds li:nth-child(1) h3 {
	color: #4e74ff;
}

.ca_re .bds .txt {
	padding: 34px 0 20px 54px;
	border-bottom: 1px solid #ecf0ff;
}

.ca_re .bds dl {
	margin-bottom: 45px;
}

.ca_re .bds dt {
	font-size: 26px;
	color: #333333;
	line-height: 44px;
	margin-bottom: 12px;
}

.ca_re .bds dd {
	font-size: 18px;
	color: #888888;
	line-height: 30px;
}

.ca_re .bds .btn {
	display: block;
	width: 256px;
	height: 58px;
	line-height: 58px;
	font-size: 20px;
	color: #FFFFFF;
	border-radius: 4px;
	background: #4e74ff;
	text-align: center;
	margin-left: 56px;
	margin-top: 22px;
}

.ca_re .hds li.active {
	background: #4e74ff;
	height: 118px;
}

.ca_re .hds li.active h4 {
	color: #FFFFFF;
	background: url(../images/q_ico15.webp) no-repeat center bottom;
}

.ca_re ol li {
	margin-bottom: 24px;
	background: #FFFFFF;
}

/*contact*/

.lx_us .hds {
	padding: 65px 0;
	overflow: hidden;
}

.lx_us .hds h2 {
	line-height: 48px;
	font-size: 36px;
	color: #000000;
	text-align: center;
}

.lx_us .hds ul {
	margin-top: 80px;
	text-align: center;
}

.lx_us .hds li {
	width: calc(100% / 4.5);
	border-right: 1px solid #ecf0ff;
	text-align: center;
	box-sizing: border-box;
	padding: 0 35px;
	display: inline-block;
}

.lx_us .hds li:last-child {
	border-right: none;
}

.lx_us .hds li h6 {
	font-size: 20px;
	color: #cccccc;
	line-height: 40px;
	padding-top: 46px;
}

.lx_us .hds li:nth-child(1) h6 {
	background: url(../images/q_ico17.webp) no-repeat center top;
}

.lx_us .hds li:nth-child(2) h6 {
	background: url(../images/q_ico18.webp) no-repeat center top;
}

.lx_us .hds li:nth-child(3) h6 {
	background: url(../images/q_ico19.webp) no-repeat center top;
}

.lx_us .hds li:nth-child(4) h6 {
	background: url(../images/q_ico20.webp) no-repeat center top;
}

.lx_us .hds li p {
	margin-top: 22px;
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
}

.lx_us .bds {
	background: #f8f8f8;
	padding: 90px 0;
	overflow: hidden;
}

.lx_us .bds li {
	width: calc(100% / 5);
	border-right: 1px solid #ecf0ff;
	float: left;
	text-align: center;
	box-sizing: border-box;
	padding: 0 30px;
}

.lx_us .bds li h6 {
	font-size: 18px;
	color: #cbcbcb;
	line-height: 34px;
}

.lx_us .bds li .ico {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 10px;
}

.lx_us .bds li .ico img {
	width: 100%;
	display: block;
}

.lx_us .bds li h3 {
	font-size: 20px;
	line-height: 30px;
	color: #4e74ff;
}

.lx_us .bds li .btn {
	display: block;
	width: 250px;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #e0e0e0;
	margin: 38px auto 0;
	font-size: 16px;
	color: #333333;
	transition: all 0.4s;
}

.lx_us .bds li:last-child {
	border-right: none;
}

.lx_us .bds li .btn:hover {
	background: #4e74ff;
	border-color: #4e74ff;
	color: #FFFFFF;
}

.lx_us .fts {
	position: relative;
	height: 850px;
	overflow: hidden;
	box-sizing: border-box;
	padding-top: 30px;
}

.lx_us .fts h2 {
	line-height: 64px;
	font-size: 40px;
	color: #FFFFFF;
	text-align: center;
}

.lx_us .fts .form {
	margin-top: 20px;
}

.lx_us .fts li {
	width: 678px;
	margin: 0 auto 12px;
	text-align: center;
}

.lx_us .fts li .sel {
	width: 678px;
	height: 50px;
	font-size: 18px;
	color: #FFFFFF;
	border-radius: 5px;
	border: none;
	padding-left: 20px;
	background: url(../images/q_ico21.webp) no-repeat right 30px center rgba(255, 255, 255, 0.16);
	box-sizing: border-box;
}

.lx_us .fts li .se1 option,
.lx_us .fts li .sel option {
	color: #333;
}

.lx_us .fts li .t1 {
	width: 332px;
	height: 50px;
	font-size: 18px;
	color: #FFFFFF;
	border-radius: 5px;
	border: none;
	padding-left: 20px;
	background: rgba(255, 255, 255, 0.16);
	float: left;
	box-sizing: border-box;
}

.lx_us .fts li .t2 {
	float: right;
}

.lx_us .fts li .se1 {
	width: 332px;
	height: 50px;
	font-size: 18px;
	color: #FFFFFF;
	border-radius: 5px;
	border: none;
	padding-left: 20px;
	background: url(../images/q_ico21.webp) no-repeat right 30px center rgba(255, 255, 255, 0.16);
	box-sizing: border-box;
	float: right;
}

.lx_us .fts li .t3 {
	background: rgba(255, 255, 255, 0.16);
}

.lx_us .fts li .t4 {
	width: 678px;
	height: 85px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 26px;
	resize: none;
	border: none;
	background: rgba(255, 255, 255, 0.16);
	border-radius: 5px;
	padding-left: 20px;
	box-sizing: border-box;
	padding-top: 10px;
	font-family: "Microsoft YaHei", sans-serif;
}

.lx_us .fts .ra {
	width: 678px;
	margin: 5px auto 0;
}

.lx_us .fts .ra input {
	display: none;
}

.lx_us .fts .ra label {
	background: url(../images/q_ico22.webp) no-repeat left top 2px;
	padding-left: 44px;
	display: block;
	cursor: pointer;
}

.lx_us .fts .ra label {
	font-size: 16px;
	color: #666666;
	line-height: 24px;
}

.lx_us .fts .ra input:checked+label {
	background: url(../images/q_ico22-1.webp) no-repeat left top 2px;
}

.lx_us .fts .form .sub {
	margin: 15px auto 0;
	width: 678px;
	height: 52px;
	border-radius: 5px;
	text-align: center;
	font-size: 20px;
	color: #FFFFFF;
	background: rgba(78, 116, 255, 0.3);
	border: none;
	display: block;
	cursor: pointer;
	transition: all 0.4s;
}

.lx_us .fts .form .sub:hover {
	background: #4E74FF;
}

.lx_us .fts .form .che label,
.lx_us .fts .form .che1 label,
.lx_us .fts .form p {
	width: 685px;
	text-align: left;
	margin: 0 auto 12px;
	color: #FFF;
	font-size: 16px;

}

.lx_us .fts .form .che a {
	color: #4E74FF;
}

/*partner*/
.ab_ban h2 {
	font-size: 74px;
	line-height: 96px;
	color: #FFFFFF;
}

.pa_tner {
	background: #f5f5f5;
}

.pa_tner .wrap {
	background: #FFFFFF;
	position: relative;
	top: -85px;
	padding: 56px 58px 56px 104px;
	box-sizing: border-box;
}

.pa_tner h2 {
	font-size: 34px;
	color: #333333;
	line-height: 58px;
	text-align: center;
}

.pa_tner .bds {
	padding-top: 20px;
}

.pa_tner .bds .lts {
	float: left;
	width: 45%;
}

.pa_tner .bds .rts {
	float: right;
	width: 50%;
	position: relative;
}

.uit_form li {
	margin-bottom: 10px;
}

.uit_form li label {
	font-size: 16px;
	color: #333333;
	line-height: 36px;
}

.uit_formc li label {
	font-size: 16px;
	color: #333333;
	line-height: 28px;
}

.uit_form li .t4,
.uit_form li .sel,
.uit_form li .se1,
.uit_form li .t3,
.uit_form li .t2,
.uit_form li .t1 {
	width: 100%;
	height: 46px;
	font-size: 16px;
	color: #333333;
	border: 1px solid #cccccc;
	background: none;
	border-radius: 5px;
	padding: 0 20px;
	box-sizing: border-box;
}

.uit_formc li .t4,
.uit_formc li .sel,
.uit_formc li .se1,
.uit_formc li .t3,
.uit_formc li .t2,
.uit_formc li .t1 {
	width: 100%;
	height: 40px;
	font-size: 16px;
	color: #333333;
	border: 1px solid #cccccc;
	background: none;
	border-radius: 5px;
	padding: 0 20px;
	box-sizing: border-box;
}



.uit_form li .lt {
	float: left;
	width: 48%;
}

.uit_form li .rt {
	float: right;
	width: 48%;
}

.uit_form li .sel,
.uit_form li .t3,
.uit_form li .t2 {
	width: 100%;
}

.uit_form li .se1,
.uit_form li .sel {
	background: url(../images/q_ico23.webp) no-repeat right 20px center;
}

.uit_form li .t4 {
	height: 84px;
	padding: 15px 20px;
	resize: none;
	line-height: 26px;
	margin-top: 15px;
	font-family: "Microsoft YaHei", sans-serif;
}

.uit_formc li .t4 {
	margin-top: 5px;
}

.uit_form .ra {
	width: 100%;
	margin: 10px auto 0;
}

.uit_form .ra input {
	display: none;
}

.uit_form .ra label {
	background: url(../images/q_ico22.webp) no-repeat left top 2px;
	padding-left: 44px;
	display: block;
	cursor: pointer;
}

.uit_form .ra label {
	font-size: 16px;
	color: #666666;
	line-height: 24px;
}

.uit_form .ra input:checked+label {
	background: url(../images/q_ico22-1.webp) no-repeat left top 2px;
}

.uit_form .error {
	font-size: 16px;
	color: #ff0000;
	line-height: 24px;
	padding-top: 15px;
	display: none;
}

.uit_form .sub {
	margin: 20px auto 0;
	width: 100%;
	height: 50px;
	border-radius: 5px;
	text-align: center;
	font-size: 20px;
	color: #FFFFFF;
	background: rgba(91, 136, 253, 0.6);
	border: none;
	display: block;
	cursor: pointer;
	transition: all 0.4s;
}

.uit_form .sub:hover {
	background: #4E74FF;
}

.pa_tner .bds .rts:after {
	content: "";
	position: absolute;
	top: -54px;
	right: -58px;
	background: url(../images/q_img18.webp) no-repeat center;
	width: 530px;
	height: 97px;
	display: block;
}

.pa_tner .rts .img {
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
}

.pa_tner .rts .img img {
	width: 100%;
	display: block;
}

.pa_tner .rts .txt {
	background: #f5f5f5;
	text-align: center;
	padding: 20px 0;
}

.pa_tner .rts .txt p {
	line-height: 30px;
	font-size: 20px;
	color: #333333;
}

.pa_tner .rts .txt .btn {
	margin: 15px auto 0;
	width: 178px;
	height: 45px;
	line-height: 45px;
	border-radius: 5px;
	display: block;
	background: rgba(255, 255, 255, 0.6);
	font-size: 18px;
	color: #333333;
	transition: all 0.4s;
}

.pa_tner .rts .txt .btn:hover {
	background: #4E74FF;
	color: #FFFFFF;
}

/*press*/
.ps_kit {
	background: #ecf0ff;
	padding: 110px 0 40px;
	overflow: hidden;
}

.ps_kitv2 {
	padding-top: 0px;
}

.ps_kit .hds .sel {
	width: 380px;
	height: 56px;
	border: none;
	border-radius: 25px;
	background: url(../images/q_ico23.webp) no-repeat right 30px center #FFFFFF;
	padding-left: 35px;
	font-size: 22px;
	color: #4e74ff;
}

.ps_kit .lefttxt {
	font-size: 16px;
	padding: 0px 0px 15px 0px;
	color: #333333;
}

.ps_kit .bds {
	padding-top: 20px;
}

.ps_kit .bds dl {
	padding-bottom: 24px;
}

.ps_kit .bds dt {
	overflow: hidden;
}

.ps_kit .bds dt h2 {
	font-size: 18px;
	color: #5c6aa0;
	line-height: 20px;
}

.ps_kit .bds dd {
	overflow: hidden;
	background: #fff;
	margin-bottom: 20px;
}

.ps_kit .bds .tx1 {
	float: left;
	width: 17.5%;
	box-sizing: border-box;
	padding: 20px 30px;
	border-right: 1px solid #ecf0ff;
	height: 178px;
	position: relative;
}

.ps_kit .bds .tx1 img {
	width: calc(100% - 40px);
	position: absolute;
	left: 20px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	display: block;
}

.ps_kit .bds .tx2 {
	float: left;
	width: 36%;
	box-sizing: border-box;
	padding: 20px 40px;
	border-right: 1px solid #ecf0ff;
	height: 178px;
}

.ps_kit .bds .tx3 {
	float: left;
	width: 20%;
	box-sizing: border-box;
	padding: 20px 25px;
	border-right: 1px solid #ecf0ff;
	height: 178px;
	position: relative;
}

.ps_kit .bds .tx4 {
	float: left;
	width: 13%;
	box-sizing: border-box;
	padding: 20px 25px;
	border-right: 1px solid #ecf0ff;
	height: 178px;
	position: relative;
}

.ps_kit .bds .tx5 {
	float: left;
	width: 13.5%;
	box-sizing: border-box;
	height: 178px;
}

.ps_kit .bds .tx2 h3 {
	font-size: 22px;
	color: #000000;
	line-height: 46px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ps_kit .bds .tx2 h3 i {
	font-size: 18px;
	color: #777777;
	margin-left: 15px;
}

.ps_kit .bds .tx2 h4 {
	font-size: 16px;
	color: #a6a6a6;
	line-height: 38px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ps_kit .bds .tx2 span {
	font-size: 18px;
	color: #b9b9b9;
	line-height: 32px;
	margin-top: 20px;
	display: block;
	width: 180px;
	text-align: center;
	border: 1px solid #dad8d8;
	border-radius: 5px;
}

.ps_kit .bds .tx3 h5 {
	font-size: 16px;
	color: #333333;
	line-height: 1.6;
	position: absolute;
	left: 25px;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
}

.ps_kit .bds .tx4 h6 {
	font-size: 18px;
	color: #4e74ff;
	line-height: 1.6;
	position: absolute;
	left: 25px;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
}

.ps_kit .bds .tx5 .btn,
.ps_kit .bds .tx5 .btn a {
	display: block;
	width: 100%;
	height: 100%;
}

.ps_kit .bds .tx5 .btn span {
	padding-top: 40px;
	display: block;
	padding-bottom: 60px;
	font-size: 18px;
	color: #333333;
	line-height: 1.5;
	text-align: center;
	background: url(../images/q_ico24.webp) no-repeat center bottom;
}

.ps_kit .bds .tx5 .btn:hover span {
	background: url(../images/q_ico24-1.webp) no-repeat center bottom;
	color: #fff;
}

.ps_kit .bds .tx5 .btn:hover a {
	background: #4e74ff;
}

.ps_kit .bds dt .tx1,
.ps_kit .bds dt .tx2,
.ps_kit .bds dt .tx3,
.ps_kit .bds dt .tx4,
.ps_kit .bds dt .tx5 {
	height: auto;
}


/*产品参数*/
.csc_ban h3 {
	font-size: 74px;
	line-height: 96px;
}

.csc_list {
	background: #F5F5F5;
}

.csc_list .wrap {
	position: relative;
	top: -85px;
	background: #FFFFFF;
	box-sizing: border-box;
	position: relative;
}

.csc_list .lts {
	float: left;
	width: calc(100%/7);
	border-right: 1px solid #f0f0f0;
	box-sizing: border-box;
}

.csc_list .wrap {
	background: #fff;
}

.csc_list .bds {
	overflow: hidden;
	float: right;
	width: calc((100%/7)*6);
}

.csc_list .bds li {
	float: left;
	width: calc(100%/7);
	border-right: 1px solid #f0f0f0;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	padding-top: 20px;
}

.csc_list .bds li .lc_hd {
	padding-top: 20px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

.csc_list .lts h6 {
	height: 266px;
	padding-left: 45px;
	line-height: 266px;
	font-size: 18px;
	color: #4e74ff;
}

.csc_list .lts h4 {
	color: #4e74ff;
}

.csc_list .lts dd {
	padding-left: 45px;
}

.csc_list dd:nth-child(2n) {
	background: #f2f2f2;
}

.csc_list li h3 {
	font-size: 24px;
	color: #333333;
	line-height: 44px;
}

.csc_list li .img {
	width: 100%;
}

.csc_list li .img img {
	width: 100%;
	display: block;
}

.csc_list li dl {
	border-top: 4px solid #d2dcff;
	padding-top: 20px;
}

.csc_list li dd {
	/*margin-bottom: 35px;*/
}

.csc_list li dd h6 {
	line-height: 30px;
	font-size: 16px;
	color: #bdbdbd;
	margin-bottom: 8px;
}

.csc_list li dd h4 {
	line-height: 56px;
	font-size: 18px;
	color: #333333;
}

.csc_list li:nth-child(7n) {}

.csc_list .wrap.on {
	position: fixed;
	left: 0;
	right: 0;
	top: 86px;
	z-index: 11;
}

.csc_list .next,
.csc_list .prev {
	position: absolute;
	left: calc(100% / 7);
	top: 125px;
	margin-left: -41px;
	background: url(../images/q_ico26.webp) no-repeat center;
	width: 82px;
	height: 82px;
	z-index: 111;
	cursor: pointer;
	opacity: 0.5;
}

.csc_list .prev {
	left: auto;
	right: -42px;
	transform: rotate(180deg);
	margin: 0;
}

.rj_ban h3 {
	margin-top: 40px;
}

.pr_ban {
	height: 0px;
}

.pr_ban .crumbs li,
.pr_ban .crumbs li a {
	color: #999999;
	opacity: 1;
}

.pr_ban .crumbs li.on,
.pr_ban .crumbs li.on a {
	color: #333333;
}

.pr_slide .ries .bds li {
	background: #FFFFFF;
}

.pr_slide .ries {
	padding: 40px 0 74px;
	background: none;
}

.pr_slide .ries .ovs {
	margin: 20px 50px 0;
	padding: 10px;
}

.pr_slide .ries .bds li {
	box-shadow: none;
	border: none;
	background: #FFFFFF;
	box-sizing: border-box;
}

.l_banner h2 {
	font-size: 46px;
	line-height: 65px;
	color: #FFFFFF;
}

/*5-1 news开始*/
.x_even {
	background: #ecf0ff;
	padding-bottom: 60px;
	overflow: hidden;
}

.x_even .imgs,
.x_even .imgs img {
	width: 100%;
	display: block;
}

.x_even li {
	background: #FFFFFF;
	overflow: hidden;
	margin-bottom: 28px;
	height: 222px;
}

.x_even li .lts {
	width: 250px;
	border-right: 1px solid #ecf0ff;
	text-align: center;
	float: left;
	padding-top: 44px;
	height: 100%;
	box-sizing: border-box;
}

.x_even li .lts .ico {
	height: 90px;
}

.x_even li .lts .ico a {
	height: 100%;
	display: block;
}

.x_even li .lts .ico img {
	max-height: 100%;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.x_even li .lts h4 {
	line-height: 40px;
	font-size: 22px;
	color: #000000;
	text-align: center;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.x_even li .lts h6 {
	font-size: 18px;
	line-height: 34px;
	color: #4f77ff;
	text-align: center;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.x_even li .tx1 {
	float: left;
	width: 20%;
	box-sizing: border-box;
	padding: 46px 0 0 48px;
}

.x_even li .tx1 h5 {
	font-size: 16px;
	color: #cbcbcb;
	line-height: 26px;
	margin-bottom: 24px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.x_even li .tx1 h5 span {
	color: #333333;
	display: block;
}

.x_even li .tx2 {
	width: 600px;
	padding-left: 0;
}

.x_even li .tx2 a {
	color: #4e74ff;
}

.x_even li .rts {
	float: right;
	width: 10%;
	border-left: 1px solid #ecf0ff;
	height: 100%;
	cursor: pointer;
	transition: all 0.3s;
	box-sizing: border-box;
}

.x_even li .rts a {
	display: block;
}

.x_even li .rts h3 {
	font-size: 16px;
	color: #b9b9b9;
	margin: 44px auto 0;
	padding-bottom: 85px;
	background: url(../images/x_ico7.webp) no-repeat bottom center;
	text-align: center;
}

.tuo_xz .x_even li .rts h3 {
	background: url(../images/q_ico24.webp) no-repeat bottom center;
}

.tuo_register .x_even li .rts h3 {
	background: url(../images/register.webp) no-repeat bottom center;
}

.x_even li .rts.rts_btn2 h3 {
	background: url(../images/addicon.webp) no-repeat bottom center;
}

.x_even li .rts:hover {
	background: #4e74ff;
}

.x_even li .rts:hover h3 {
	color: #FFFFFF;
	background: url(../images/x_ico6.webp) no-repeat center bottom;
}

.x_even li .rts.rts_btn2:hover h3 {
	color: #FFFFFF;
	background: url(../images/addicon_1.webp) no-repeat center bottom;
}

.tuo_xz .x_even li .rts:hover h3 {
	background: url(../images/q_ico24-1.webp) no-repeat bottom center;
}

.tuo_register .x_even li .rts:hover h3 {
	background: url(../images/register-1.webp) no-repeat bottom center;
}

/*弹窗*/
.uit_mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	z-index: 1111;
	display: none;
}

.tc_mask {
	background: url(../images/q_img25.jpg) no-repeat center top #FFFFFF;
	width: 1056px;
	border-radius: 5px;
	position: fixed;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%) scale(0.9);
	z-index: 1112;
	margin: 0 auto;
	padding-bottom: 30px;
	display: none;
	padding-top: 15px;
	background-size: 100%
}

.sign_mask {
	transform: translateY(-54%) scale(0.9);
	height: 687px !important;
}

.cm_ma_img {
	max-width: 80%;
	display: none;
	margin: 0 auto;
	position: fixed;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1112;
}

.tc_mask .ty {
	font-size: 22px;
	color: #FFFFFF;
	line-height: 48px;
	text-align: center;
}

.tc_mask .uit_form {
	padding-top: 70px;
	width: 942px;
	margin: 0 auto;
}

.tc_mask .uit_form li {
	margin-bottom: 5px;
	overflow: hidden;
}

.tc_mask .uit_form .sub {
	background: #4E74FF;
}

.tc_mask .btn {
	position: absolute;
	/* bottom: 25px; */
	/* left: 0; */
	top: 15px;
	right: 13px;
	width: 42px;
	height: 40px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	background: rgba(0, 0, 0, 0.2);
	border-radius: 141px;
	margin: 0 auto;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 40px;
	text-align: center;
}

/*产品详情*/

.cp_ban {
	height: 665px;
}

.l_banner .himgs {
	height: 665px;
}

.cp_ban .lts {
	position: absolute;
	left: 130px;
	top: 50%;
	transform: translateY(-50%);
	width: 745px;
}

.cp_ban .lts h2 {
	font-size: 64px;
	color: #FFFFFF;
	line-height: 62px;
}

.cp_ban .lts h3 {
	line-height: 40px;
	font-size: 26px;
	color: #FFFFFF;
}

.cp_ban .lts p {
	margin-top: 15px;
	line-height: 25px;
	font-size: 20px;
	color: #FFFFFF;
}

.cp_ban .lts .ico img {
	height: 39px;
	padding: 12px 5px;
}

.cp_ban .rts {
	position: absolute;
	right: 205px;
	top: 0;
	width: 420px;
}

.cp_ban .btn {
	position: absolute;
	right: 0;
	bottom: 80px;
	width: 204px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	border-radius: 5px;
	display: block;
	text-align: center;
	/*background: rgba(255,255,255,0.2);*/
	background: #3ae181;
	color: #ffffff;
}

.cp_ban .btn:hover {
	background: #333;
}

.cp_ban .btn span {
	font-size: 22px;
	color: #FFFFFF;
	background: url(../images/q_ico27.webp) no-repeat right center;
	padding-right: 20px;
	display: inline-block;
}

.ty_xq {
	background: #FFFFFF;
	padding: 25px 0;
	overflow: hidden;
	position: relative;
	z-index: 1000;
}

.ty_xq ul {
	text-align: center;
	font-size: 0;
}

.ty_xq li {
	margin-right: 18px;
	display: inline-block;
}

.ty_xq li a {
	display: block;
	width: 180px;
	height: 46px;
	line-height: 46px;
	border: 1px solid #e1e1e1;
	text-align: center;
	font-size: 18px;
	color: #999999;
	transition: all 0.3s;
}

.ty_xq li:last-child {
	margin-right: 0;
}

.ty_xq li a:hover {
	color: #4e74ff;
	border-color: #cfe8ff;
}

.ty_xq li.on a {
	color: #fff;
	border-color: #4e74ff;
	background: #4e74ff;
}

.cp_list {
	padding-bottom: 72px;
}

.cp_list li .imgs {
	float: left;
	width: 50%;
	text-align: right;
	box-sizing: border-box;
	padding-right: 98px;
	padding-top: 66px;
}

.cp_list li .imgs a {
	display: block;
}

.cp_list li .txt {
	float: right;
	width: 50%;
	box-sizing: border-box;
	padding: 180px 0 0 160px;
}

.cp_list li .txt h3 {
	font-size: 40px;
	color: #000000;
	line-height: 62px;
	margin-bottom: 30px;
}

.cp_list li .txt h6 {
	font-size: 22px;
	color: #888888;
	line-height: 40px;
	background: url(../images/q_ico13.webp) no-repeat left center;
	padding-left: 16px;
}

.cp_list li .txt h5 {
	font-size: 22px;
	color: #888888;
	line-height: 40px;
}

.cp_list li:nth-child(2) .txt {
	float: left;
	padding-left: 370px;
	padding-top: 162px;
	width: 70%;
	box-sizing: border-box;
}

.cp_list li:nth-child(1) {
	height: 614px;
}

.cp_list li:nth-child(2) {
	height: 632px;
}

.cp_list li:nth-child(2) .txt h3 {
	color: #FFFFFF;
	margin-bottom: 54px;
}

.cp_list li:nth-child(2) p {
	font-size: 22px;
	color: #FFFFFF;
	line-height: 52px;
	background: url(../images/q_ico12.webp) no-repeat left center;
	padding-left: 40px;
}

.cp_list li .txt dl {
	margin-top: 80px;
}

.cp_list li .txt dd {
	float: left;
	margin-right: 67px;
}

.cp_list li .txt dd .ico {
	height: 55px;
	margin: 0 auto 14px;
	text-align: center;
}

.cp_list li .txt dd h4 {
	line-height: 40px;
	font-size: 18px;
	color: #333333;
}

.cp_tem {
	background: url(../images/q_bg5.jpg) no-repeat center top;
	height: 684px;
	overflow: hidden;
	box-sizing: border-box;
}

.cp_tem .hd {
	margin-top: 52px;
	text-align: center;
}

.cp_tem .hd h2 {
	font-size: 40px;
	color: #000000;
	line-height: 74px;
	margin-bottom: 12px;
}

.cp_tem .hd p {
	line-height: 34px;
	font-size: 22px;
	color: #888888;
}

.cp_tem .bds {
	margin-top: 64px;
}

.cp_tem .bds .lts {
	float: left;
	width: 50%;
}

.cp_tem .bds .lts ul {
	font-size: 0;
}

.cp_tem .bds .rts {
	float: right;
	width: 50%;
	background: #FFFFFF;
	box-sizing: border-box;
}

.cp_tem .bds .lts li {
	display: inline-block;
	overflow: hidden;
	text-align: center;
	height: 286px;
}

.cp_tem .bds .lts li span {
	background: url(../images/q_ico9.webp) no-repeat center;
	width: 60px;
	height: 38px;
	display: block;
	margin: 88px 40px 0;
}

.cp_tem .bds .lts li h3 {
	font-size: 22px;
	color: #333333;
	line-height: 46px;
	margin-top: 34px;
}

.cp_tem .bds .lts li .imgs {
	width: 269px;
}

.cp_tem .bds .lts li .imgs img {
	width: 100%;
	display: block;
}

.cp_tem .bds .rts ul {
	padding: 45px 42px 36px;
}

.cp_tem .bds .rts li {
	width: calc((100% - 86px)/3);
	margin-right: 42px;
	float: left;
	text-align: center;
}

.cp_tem .bds .rts li .imgs {
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
}

.cp_tem .bds .rts li .imgs img {
	width: 100%;
	display: block;
}

.cp_tem .bds .rts li h3 {
	font-size: 18px;
	color: #333333;
	line-height: 28px;
}

.cp_tem .bds .rts li:last-child {
	margin-right: 0;
}

.cp_tem .bds .rts .more {
	display: block;
	background: #f3f5ff;
	text-align: center;
	height: 66px;
}

.cp_tem .bds .rts .more span {
	font-size: 18px;
	color: #333333;
	display: inline-block;
	line-height: 66px;
	background: url(../images/q_ico10.webp) no-repeat left center;
	padding-left: 66px;
}

.cp_bgs {
	height: 316px;
	overflow: hidden;
}

.cp_bgs li {
	width: 50%;
	float: left;
	height: 316px;
	position: relative;
	transition: all 0.4s;
}

.cp_bgs li .txt {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	transition: all 0.3s;
}

.cp_bgs li .txt h2 {
	line-height: 64px;
	font-size: 36px;
	color: #FFFFFF;
	text-align: center;
}

.cp_bgs li .txt .btn {
	width: 210px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	display: block;
	background: #4e74ff;
	font-size: 18px;
	color: #FFFFFF;
	border-radius: 5px;
	margin: 30px auto 0;
	height: 0;
	overflow: hidden;
	transition: all 0.3s;
}

.cp_bgs li:hover .txt .btn {
	height: 58px;
}

.cp_slide {
	padding: 74px 0 90px;
	overflow: hidden;
}

.cp_slide .wrap {
	box-sizing: border-box;
	padding: 0 150px;
}
.cp_slide .cp_h ul {
	display: flex;
    justify-content: space-evenly;
}
.cp_slide .cp_h li {
	margin-right: 5px;
	width: 33%;
	height: 70px;
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	line-height: 70px;
	font-size: 18px;
	color: #999999;
	background: #EEEEEE;
	text-align: center;
	/* float: left; */
	position: relative;
	cursor: pointer;
}	
/* .cp_slide .cp_h li:after {
	content: "";
	background: url(../images/q_ico14.webp) no-repeat center bottom;
	width: 22px;
	height: 10px;
	display: block;
	margin: 0 auto;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	display: none;
} */

.cp_slide .cp_h li:hover,
.cp_slide .cp_h li.on {
	background: #0072FF;
	color: #FFFFFF;
	border-color: #0072FF;
}

.cp_slide .cp_h li:hover:after,
.cp_slide .cp_h li.on:after {
	display: block;
}

.cp_slide .cp_b,
.cp_slide .cp_c,
.cp_slide .cp_a {
	margin-top: 50px;
}

.cp_slide .cp_ty table {
	width: 1350px;
}
.cp_slide .cp_ty table tr {
	/* display: block; */
	border-top: 0.5px solid #B5B5B5;
	border-bottom: 1px solid #B5B5B5;
}
.cp_slide .cp_ty table td {
	background: #fff;
	font-size: 18px;
	color: #000000;
	padding-left: 33px;
	padding: 10px 33px;
	border-top: 0.5px solid #B5B5B5;
	border-bottom: 1px solid #B5B5B5;
	height: 200px;
}

.cp_slide .cp_ty table th {
	font-weight: bold;
	background: #fff;
	font-size: 24px;
	color: #000000;
	padding-left: 33px;
	padding: 25px 33px;
	border-top: 0.5px solid #B5B5B5;
	border-bottom: 1px solid #B5B5B5;
}

.cp_slide .cp_ty table td {
	background: #fff;
	color: #333333;
}

.cp_slide .cp_b table {
	width: 1350px;
}

.cp_slide .cp_b table td,
.cp_slide .cp_b table th {
	background: #e7ecff;
	font-size: 24px;
	color: #4e74ff;
	padding-left: 33px;
	padding: 25px 33px;
}

.cp_slide .cp_b table td {
	background: #f3f5ff;
	color: #333333;
}

.cp_slide .cp_ty li {
	margin-bottom: 0px;
	padding: 10px 113px 10px 64px;
	overflow: hidden;
	background: #fff;
	width: 1350px;
	box-sizing: border-box;
	transition: all 0.3s;
	border-top: 0.5px solid #B5B5B5;
	border-bottom: 1px solid #B5B5B5;
}

.cp_slide .cp_ty li:hover {
	/* background: #e7ecff; */
}

.cp_slide .cp_ty li .img {
	height: 160px;
	float: left;
}

.cp_slide .cp_ty li h3 {
	font-size: 18px;
	color: #333333;
	float: left;
	margin-left: 80px;
	line-height: 32px;
	width: 700px;
	overflow: hidden;
	margin-top: 75px;
}

.cp_slide .cp_ty li h3 span {
	font-size: 20px;
	color: #777777;
	margin-left: 25px;
}

.cp_slide .cp_ty li .btn {
	float: right;
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 8px;
	background: #000;
	display: block;
	text-align: center;
	margin-top: 70px;
}

.cp_slide .cp_ty li .btn span {
	font-size: 16px;
	color: #FFF;
	background: url(../images/q_ico24-1.png) no-repeat left center;
	padding-left: 32px;
	display: inline-block;
}

.cp_slide .cp_ty li:hover .btn {
	/* background: #4e74ff; */
}

.cp_slide .cp_ty li:hover .btn span {
	background: url(../images/q_ico24-1.png) no-repeat left center;
	color: #FFFFFF;
}

.cp_slide .cp_c li {
	padding: 0 112px 0 44px;
}

.cp_slide .cp_c li .img {
	height: 180px;
	float: left;
	width: 160px;
}

.cp_slide .cp_c li .img img {
	width: 100%;
	display: block;
}

.cp_slide .cp_c li h3 {
	margin-top: 65px;
}

.cp_slide .cp_c li .btn {
	margin-top: 65px;
}

.footer .rts .seh .sub {
	transition: all 0.3s;
}

.ps_kit .bds .tx2 a:hover {
	background: #476bf0;
	color: #fff;
}

.footer .rts .seh .sub:hover,
.yf_bgs .txt .btn:hover,
.ca_re .bds .btn:hover,
.l_banner .text li .sub:hover,
.cp_bgs li .txt .btn:hover,
.ban_cent .txt a:hover,
.h_pg5 .box .uit_txt .btns:hover {
	background: #476bf0;
}

.footer .nav li dd a:hover {
	color: #fff;
}

.crumbs li a:hover {
	opacity: 1;
	color: #fff;
}





/*云服务*/
.yf_ban {
	height: 590px;
}

.yf_ban .imgs {
	height: 590px;
}

.yf_ban .imgs .cent h3 {
	font-size: 50px;
	line-height: 80px;
}

.yf_ban .imgs .cent h6 {
	line-height: 36px;
	width: 1380px;
	margin: 30px auto 0;
}

.yfw_pg1 {
	padding: 70px 0 0;
	overflow: hidden;
}

.yf_h2 {
	line-height: 50px;
	font-size: 40px;
	color: #000;
	text-align: center;
	padding-top: 60px;
}

.yfw_pg1 p {
	text-align: center;
	font-size: 18px;
	color: #888888;
	line-height: 30px;
	margin-top: 10px;
}

.yfw_pg1 .bds {
	margin-top: 50px;
}

.yfw_pg1 .bds li {
	width: calc((100% - 186px)/3);
	float: left;
	margin-right: 92px;
	transition: all 0.3s;
}

.yfw_pg1 .bds li:nth-child(3n) {
	margin-right: 0;
}

.yfw_pg1 .bds li .img {
	height: 320px;
	width: 100%;
	overflow: hidden;
}

.yfw_pg1 .bds li .img img {
	width: 100%;
	display: block;
	transition: all 8s;
}

.yfw_pg1 .bds li .txt {
	background: #FFFFFF;
	box-shadow: 0 6px 8px 0 #eff2ff;
	margin: 0 42px;
	padding: 42px 0;
	text-align: center;
	position: relative;
	top: -36px;
}

.yfw_pg1 .bds li .txt h3 {
	font-size: 24px;
	color: #000000;
	line-height: 36px;
}

.yfw_pg1 .bds li .txt .btn {
	border: 1px solid #dbdbdb;
	line-height: 48px;
	display: inline-block;
	border-radius: 6px;
	font-size: 16px;
	background: #fff;
	color: #333333;
	text-align: center;
	padding: 0 12px;
	margin-top: 20px;
	background: none;
}

.yfw_pg1 .bds li:hover .txt .btn {
	color: #FFFFFF;
}

.yfw_pg1 .bds li .txt:before {
	display: block;
	content: "";
	position: absolute;
	bottom: -10px;
	right: 0;
	background: url(../images/a_ico2.webp);
	width: 358px;
	height: 65px;
	display: none;
}

.yfw_pg1 .bds li:hover .txt {
	background: #408aff;
	box-shadow: none;
}

.yfw_pg1 .bds li:hover .txt:before {
	display: block;
}

.yfw_pg1 .bds li:hover .img img {
	transform: scale(1.2);
}

.yfw_pg1 .bds li:hover .txt h3 {
	color: #FFFFFF;
}

.yfw_pg2 {
	background-size: cover !important;
	padding: 70px 0;
	overflow: hidden;
}

.yf_cts .yf_h2,
.yfw_pg3 .yf_h2,
.yfw_pg2 .yf_h2 {
	padding-top: 0;
}

.yf_cts .yf_h2 {
	padding-top: 20px;
}

.yfw_pg1 .yf_h2 {
	padding-top: 0;
}

.yfw_pg2 .bds {
	margin: 50px 40px 0;
}

.yfw_pg2 .bds li:nth-child(3n) {
	margin-right: 0;
}

.yfw_pg2 .bds ul {
	padding-bottom: 20px;
}

.yfw_pg2 .bds li {
	width: calc((100% - 354px)/3);
	float: left;
	margin-right: 176px;
	background: url(../images/a_bg3.jpg) no-repeat center;
	height: 365px;
	border-top: 1px solid #4e74ff;
	box-sizing: border-box;
	padding: 56px 0 70px;
	text-align: center;
	position: relative;
	transition: all 0.3s;
	background-size: cover !important;
}

.yfw_pg2 .bds li:before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 26px;
	background: url(../images/a_ico2.webp);
	width: 358px;
	height: 65px;
	display: none;
}

.yfw_pg2 .bds li .ico {
	width: 98px;
	height: 98px;
	border: 1px solid #94abff;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
}

.yfw_pg2 .bds li .ico:before,
.yfw_pg2 .bds li .ico:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 50%;
	background: #fff;
	opacity: 0.4;
	transition: all 0.3s;
}

.yfw_pg2 .bds li:hover .ico:before {
	-webkit-animation: mcda 1s .5s linear infinite;
	-moz-animation: mcda 1s .5s linear infinite;
}

.yfw_pg2 .bds li:hover .ico:after {
	-webkit-animation: mcda 1s 0s linear infinite;
	-moz-animation: mcda 1s 0s linear infinite;
}


@-webkit-keyframes mcda {
	0% {
		-webkit-transform: scale(1);
		opacity: 0.4;
	}

	100% {
		-webkit-transform: scale(1.4);
		opacity: 0;
	}
}

@-moz-keyframes mcda {
	0% {
		-moz-transform: scale(1);
		opacity: 0.4;
	}

	100% {
		-moz-transform: scale(1.4);
		opacity: 0;
	}
}

.yfw_pg2 .bds li .img {
	width: 100%;
	position: relative;
	z-index: 11;
	height: 100%;
	overflow: hidden;
	border-radius: 50%;
	background: #fff;
}

.yfw_pg2 .bds li img {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	display: block;
	margin: 0 auto;
}

.yfw_pg2 .bds li h3 {
	line-height: 38px;
	font-size: 22px;
	color: #000000;
	margin-top: 25px;
}

.yfw_pg2 .bds li .btn {
	width: 160px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	margin: 34px auto 0;
	border: 1px solid #8b8b8b;
	border-radius: 3px;
	font-size: 16px;
	color: #333333;
}

.yfw_pg2 .bds li:hover {
	background: url(../images/a_bg5.jpg) no-repeat center;
}

.yfw_pg2 .bds li:hover h3 {
	color: #FFFFFF;
}

.yfw_pg2 .bds li:hover .btn {
	background: #FFFFFF;
	border-color: #FFFFFF;
	color: #4e74ff;
}

.yfw_pg2 .bds li:hover:before {
	display: block;
}

.yfw_pg2 .bds li:hover .ico {
	background: #FFFFFF;
	border-color: #FFFFFF;
}

.yfw_pg3 {
	background: #f3f3f3;
	overflow: hidden;
	padding: 70px 0;
}

.yfw_pg3 .bds {
	margin: 50px 100px 0;
	overflow: hidden;
}

.yfw_pg3 .wrap .next,
.yfw_pg3 .wrap .prev {
	background: url(../images/f_4.webp) no-repeat center;
	width: 22px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: 20px;
	cursor: pointer;
	opacity: 0.4;
}

.yfw_pg3 .wrap .next:hover,
.yfw_pg3 .wrap .prev:hover {
	opacity: 1;
}

.yfw_pg3 .wrap {
	position: relative;
}

.yfw_pg3 .wrap .next {
	left: auto;
	right: 0;
	transform: rotate(180deg);
}

.yfw_pg3 .bds li {
	float: left;
	width: 688px;
	border-radius: 5px;
	margin-right: 84px;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	background: #FFFFFF;
	transition: all 0.3s;
	height: 365px;
	position: relative;
	padding-bottom: 50px;
	overflow: hidden;
}

.yfw_pg3 .bds li .box {
	padding: 25px 65px 10px;
}

.yfw_pg3 .bds li h3 {
	line-height: 36px;
	font-size: 20px;
	color: #333;
}

.yfw_pg3 .bds li h6 {
	line-height: 26px;
	font-size: 18px;
	color: #888;
}

.yfw_pg3 .bds li .hd {
	margin-bottom: 25px;
}

.yfw_pg3 .bds li .txt {
	position: relative;
}

.yfw_pg3 .bds li .txt:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/a_ico1.webp) no-repeat center top;
	width: 33px;
	height: 26px;
	display: block;
}

.yfw_pg3 .bds li .txt p {
	line-height: 21px;
	font-size: 15px;
	color: #888;
	padding-top: 45px;
	height: 165px;
	overflow: hidden;
}

.yfw_pg3 .bds li .btn {
	height: 50px;
	background: #f1f4ff;
	text-align: center;
	overflow: hidden;
	display: block;
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 11;
}

.yfw_pg3 .bds li .btn span {
	font-size: 18px;
	color: #4e74ff;
	background: url(../images/a_ico3.webp) no-repeat right top 10px;
	padding-right: 22px;
	line-height: 50px;
}

.yfw_pg3 .bds li:hover {
	border-color: #d5deff;
}

.yfw_pg3 .bds li:hover .btn {
	opacity: 1;
}

.yf_cts {
	padding: 30px 0;
	overflow: hidden;
}

.yf_cts .bds {
	margin: 50px 92px 0;
	overflow: hidden;
	padding: 10px 70px;
	position: relative;
}

.yf_cts .bds .mnext,
.yf_cts .bds .mprev {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/qico1.webp) no-repeat center;
	width: 22px;
	height: 40px;
	z-index: 111;
	cursor: pointer;
}

.yf_cts .bds .mnext {
	left: auto;
	right: 0;
	transform: translateY(-50%) rotate(180deg);
}

.yf_cts .bds .mnext:hover,
.yf_cts .bds .mprev:hover {
	background: url(../images/f_4.webp) no-repeat center;
}


.yf_cts .bds li {
	width: calc((100% - 78px)/2);
	float: left;
	margin-right: 78px;
	box-shadow: 0 2px 8px 1px #eff2ff;
	border-radius: 5px;
	transition: all 0.3s;
	border: 1px solid #FFFFFF;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
}

.yf_cts .bds li:nth-child(2n) {
	margin-right: 0;
}

.yf_cts .bds li a:before {
	position: absolute;
	content: "";
	background: url(../images/a_ico4.webp) no-repeat center;
	width: 447px;
	height: 81px;
	bottom: 50px;
	left: 0;
	opacity: 0;
	transition: all 0.3s;
	right: 0;
	margin: 0 auto;
}

.yf_cts .bds li img {
	position: relative;
	z-index: 11;
}

.yf_cts .bds li a {
	display: block;
	position: relative;
}

.yf_cts .bds li:hover a:before {
	opacity: 1;
}

.yf_cts .bds li:hover {
	border-color: #d5deff;
}

.yf_bgs {
	position: relative;
	height: 385px;
	overflow: hidden;
}

.yf_bgs .txt {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	text-align: center;
}

.yf_bgs .txt h2 {
	line-height: 72px;
	font-size: 40px;
	color: #FFFFFF;
}

.yf_bgs .txt .btn {
	display: block;
	line-height: 58px;
	width: 170px;
	height: 58px;
	border-radius: 5px;
	background: #4e74ff;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	margin: 25px auto 0;
}


/*云服务*/
.ab_ban .imgs .cent h3 {
	font-size: 46px;
}

.yf_pg4 {
	padding: 50px 0;
	overflow: hidden;
	position: relative;
}

.yf_pg4_1 {
	padding: 0 0 50px 0;
}

.yf_pg4 .img {
	margin-top: 30px;
}

.yf_pg4 .img img {
	display: block;
	margin: 0 auto;
}

.yf_pg4 .img1 {
	position: absolute;
	width: 311px;
	height: 76px;
	right: 0;
	top: 0;
}

.yf_pg4 .img1 img,
.yf_pg4 .img2 img,
.yf_pg4 .img3 img {
	width: 100%;
	display: block;
}

.yf_pg4 .img2 {
	position: absolute;
	width: 350px;
	height: 160px;
	right: 0;
	bottom: 0;
}

.yf_pg4 .img3 {
	position: absolute;
	width: 501px;
	height: 237px;
	left: 0;
	bottom: 0;
}

.yf_pg5 {
	padding: 60px 0 80px;
	overflow: hidden;
}

.yf_pg5 .bds {
	margin-top: 50px;
}

.yf_pg5 .bds li {
	width: 25%;
	border-right: 1px solid #f3f3f3;
	box-sizing: border-box;
	padding: 30px 50px 50px;
	background: #FFFFFF;
	float: left;
	position: relative;
}

.yf_pg5 .bds li:last-child {
	border-right: none;
}

.yf_pg5 .bds li h3 {
	line-height: 64px;
	font-size: 60px;
	color: #4f74ff;
	margin-bottom: 20px;
}

.yf_pg5 .bds li p {
	line-height: 24px;
	font-size: 18px;
	color: #333333;
	height: 48px;
	overflow: hidden;
}

.yf_pg5 .bds li:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: -10px;
	background: url(../images/a_ico2.webp) no-repeat center;
	width: 358px;
	height: 65px;
	display: none;
}

.yf_pg5 .bds li:hover {
	background: url(../images/a_bg7.jpg) no-repeat center;
}

.yf_pg5 .bds li:hover h3,
.yf_pg5 .bds li:hover p {
	color: #FFFFFF;
}

.yf_pg5 .bds li:hover:before {
	display: block;
}

.yf_pg6 {
	padding: 0 0 20px 0;
	overflow: hidden;
}

.yf_pg6 .bds {
	box-shadow: 0 6px 6px 4px #eff2ff;
	padding: 35px;
	margin: 50px 100px 0;
}

.yf_pg6 .bds .imgs {
	float: left;
	width: 696px;
}

.yf_pg6 .bds .imgs img {
	width: 100%;
	display: block;
}

.yf_pg6 .bds .txt {
	float: right;
	width: 600px;
	margin-top: 48px;
}

.yf_pg6 .bds .txt h3 {
	font-size: 24px;
	color: #333333;
	line-height: 28px;
	margin-bottom: 30px;
}

.yf_pg6 .bds .txt p {
	font-size: 18px;
	color: #888888;
	line-height: 28px;
	height: 140px;
	overflow: hidden;
}

.yf_pg6 .bds .txt .btn {
	margin-top: 20px;
	border: 1px solid #8b8b8b;
	font-size: 16px;
	color: #333333;
	text-align: center;
	border-radius: 4px;
	width: 160px;
	height: 52px;
	line-height: 52px;
	display: block;
	transition: all 0.3s;
}

.yf_pg6 .bds .txt .btn:hover {
	color: #FFFFFF;
	border-color: #4a7cff;
	background: #4a7cff;
}

/*云服务*/
.yf_pg7 {
	background: #f3f3f3;
	padding: 60px 0;
	overflow: hidden;
}

.yf_pg7 .bds {
	margin-top: 40px;
}

.yf_pg7 .bds li {
	float: left;
	width: calc((100%/3));
	background: #FFFFFF;
	border-right: 1px solid #f3f3f3;
	padding: 25px 75px 52px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}

.yf_pg7 .bds li:before {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 120px;
	background: url(../images/a_ico2.webp) no-repeat center;
	width: 358px;
	height: 65px;
	display: none;
}

.yf_pg7 .bds li:nth-child(3n) {
	border-right: none;
}

.yf_pg7 .bds li h3 {
	font-size: 80px;
	color: rgba(79, 116, 255, 0.08);
	line-height: 90px;
	margin-bottom: 24px;
}

.yf_pg7 .bds li .ico {
	height: 87px;
}

.yf_pg7 .bds li:nth-child(1) .ico {
	background: url(../images/a_ico8.webp) no-repeat center;
}

.yf_pg7 .bds li:nth-child(2) .ico {
	background: url(../images/a_ico9.webp) no-repeat center;
}

.yf_pg7 .bds li:nth-child(3) .ico {
	background: url(../images/a_ico10.webp) no-repeat center;
}

.yf_pg7 .bds li .ico img {
	margin: 0 auto;
	display: block;
}

.yf_pg7 .bds li h4 {
	margin-top: 15px;
	font-size: 26px;
	color: #000000;
	line-height: 30px;
	margin-bottom: 32px;
	height: 50px;
	word-break: keep-all;
	text-overflow: ellipsis;
}

.yf_pg7 .bds li p {
	font-size: 18px;
	color: #888888;
	line-height: 24px;
	height: 96px;
	overflow: hidden;
}

.yf_pg7 .bds li:hover {
	background: url(../images/a_bg9.jpg) no-repeat center;
	background-size: cover !important;
}

.yf_pg7 .bds li:nth-child(1):hover .ico {
	background: url(../images/a_ico8-1.webp) no-repeat center;
}

.yf_pg7 .bds li:nth-child(2):hover .ico {
	background: url(../images/a_ico9-1.webp) no-repeat center;
}

.yf_pg7 .bds li:nth-child(3):hover .ico {
	background: url(../images/a_ico10-1.webp) no-repeat center;
}

.yf_pg7 .bds li:hover p,
.yf_pg7 .bds li:hover h4 {
	color: #FFFFFF;
}

.yf_pg7 .bds li:hover:before {
	display: block;
}

.yf_pg7 .bds li:hover h3 {
	color: rgba(255, 255, 255, 0.08);
}

/*支持*/

.zs_list li {
	padding: 75px 0;
	overflow: hidden;
	background-size: cover !important;
}

.zs_list li:nth-child(2n) {
	background: url(../images/a_bg11.jpg) no-repeat center top;
}

.zs_list li .imgs {
	float: left;
	width: 50%;
	box-sizing: border-box;
}

.zs_list li .imgs img {
	display: block;
	width: 100%;
}

.zs_list li .text {
	float: right;
	width: 50%;
	box-sizing: border-box;
	padding: 20px 125px 0 100px;
}

.zs_list li:nth-child(2n) .imgs {
	float: right;
	padding-left: 100px;
}

.zs_list li:nth-child(2n) .text {
	float: left;
	padding: 20px 185px 0 65px;
}

.zs_list li .text h2 {
	font-size: 40px;
	line-height: 56px;
	color: #000000;
}

.zs_list li .text p {
	margin-top: 28px;
	font-size: 22px;
	color: #888888;
	line-height: 28px;
	height: 196px;
	overflow: hidden;
}

.zs_list li .text span {
	width: 30px;
	height: 4px;
	background: #4e74ff;
	display: block;
	border-radius: 5px;
	box-shadow: 0 8px 6px 0 #d8f2fe;
	margin-top: 30px;
}

.zs_list li .text .btn {
	width: 310px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	background: #FFFFFF;
	font-size: 17px;
	color: #333;
	margin-top: 50px;
	display: block;
	transition: all 0.3s;
}

.zs_list li .text .btn:hover {
	background: #4e74ff;
	border-color: #4e74ff;
	color: #FFFFFF;
}

.yf_bgs p {
	font-size: 22px;
	color: #9b9b9b;
	line-height: 30px;
	margin-top: 20px;
}

.zs_bgs ul {
	margin-top: 72px;
}

.zs_bgs {
	height: 532px;
	background-size: cover !important;
}

.zs_bgs .txt {
	padding: 0 274px;
}

.zs_bgs ul {
	margin-top: 72px;
}

.zs_bgs li {
	float: left;
	width: 50%;
	border-right: 1px solid rgba(255, 255, 255, 0.17);
	box-sizing: border-box;
}

.zs_bgs h3 {
	margin-top: 20px;
	line-height: 58px;
	font-size: 28px;
	color: #FFFFFF;
}

.zs_bgs li:last-child {
	border-right: none;
}

/*下载*/
.l_banner .imgs.text_lt .cent h4 {
	font-size: 56px;
	line-height: 66px;
	color: #FFFFFF;
}

.l_banner .imgs.text_lt .cent p {
	font-size: 26px;
	line-height: 30px;
	color: #FFFFFF;
	padding-top: 30px;
	width: 1000px;
	margin: 0 auto;
}

.xz_kit .hds {
	margin: 50px 0;
}

.xz_kit .bds .tx2 {
	padding: 24px 42px;
	width: 53.5%;
	height: 130px;
}

.xz_kit .bds .tx5,
.xz_kit .bds .tx4,
.xz_kit .bds .tx3 {
	height: 130px;
}

.xz_kit .bds .tx2 h3 {
	line-height: 36px;
}

.xz_kit .bds .tx2 a {
	margin-top: 10px;
}

.xz_kit .bds dd {
	margin-bottom: 12px;
}

.xz_kit .bds .tx5 .btn span {
	padding-top: 28px;
	padding-bottom: 40px;
}

.xz_kit .bds dl {
	padding-bottom: 45px;
}

.xz_left .bds dl {
	padding-bottom: 10px;
}

.ps_kit {
	padding-bottom: 74px;
}

/*webin*/
.w_even li {
	margin-bottom: 15px;
	height: 158px;
}

.w_even li .lts {
	padding-top: 20px;
	text-align: left;
	padding-left: 50px;
	overflow: hidden;
	width: auto;
	padding-right: 30px;
	width: 30%;
	box-sizing: border-box;
}

.w_even li .lts h3 {
	font-size: 22px;
	color: #000000;
	line-height: 32px;
}

.w_even li .lts h3 span {
	color: #cbcbcb;
	font-size: 18px;
	display: block;
	margin-bottom: 8px;
}

.w_even li .tx1 {
	padding: 14px 0 0 40px;
	border-right: 1px solid #ecf0ff;
}

.w_even li .tx1 h5 {
	color: #333;
	margin-bottom: 15px;
}

.w_even li .tx1 h5 span {
	color: #b9b9b9;
}

.w_even li .tx2 {
	width: 20%;
	border-right: none;
}

.w_even li .rts h3 {
	padding-bottom: 55px;
	margin: 38px auto 0;
}

.w_even {
	padding-bottom: 0;
}

.w_even ul {
	padding-bottom: 40px;
}

.wb_bgs {
	height: 365px;
}

.wb_bgs p {
	padding: 0 215px;
}

/*webin2*/
.b_even li {
	height: 175px;
}

.b_even li .lts h5 {
	font-size: 16px;
	color: #333333;
	line-height: 26px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.b_even li .lts h5 span {
	color: #b9b9b9;
	display: block;
}

.b_even li .lts h3 span {
	margin-bottom: 0;
}

.b_even li .lts h3 {
	margin-bottom: 5px;
}

.b_even li .tx1 {
	width: 30%;
	border-right: none;
}

.b_even li .tx1 h4 {
	font-size: 18px;
	color: #b9b9b9;
	line-height: 32px;
	margin-bottom: 5px;
}

.b_even li .tx1 p {
	font-size: 18px;
	color: #333;
	line-height: 26px;
}


/*Training*/

.tn_bds {
	padding: 70px 0 94px;
	overflow: hidden;
	background: #ecf0ff;
}

.tn_bds h6 {
	font-size: 20px;
	color: #888888;
	padding: 0 225px;
	line-height: 32px;
	margin-top: 25px;
	text-align: center;
}

.tn_bds .list {
	margin-top: 65px;
}

.tn_bds .list li {
	width: calc((100% - 158px)/3);
	float: left;
	margin-right: 76px;
	background: #FFFFFF;
	box-sizing: border-box;
	border-top: 1px solid #4e74ff;
	padding: 40px 56px 60px;
	position: relative;
	text-align: center;
}

.tn_bds .list li:before {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 88px;
	background: url(../images/a_ico2.webp) no-repeat center;
	width: 358px;
	height: 65px;
	display: none;
}

.tn_bds .list li:nth-child(3n) {
	margin-right: 0;
}

.tn_bds .list li h3 {
	font-size: 56px;
	color: #4e74ff;
	line-height: 62px;
	position: relative;
	text-align: center;
	display: inline-block;
}

.tn_bds .list li h3 img {
	width: 220px;
}

/*
.tn_bds .list li h3:after{
	content: "";position: absolute;background: url(../images/a_ico11.webp) no-repeat center;width: 38px;height: 59px;display: block;top: 0;left: -40px;
}
.tn_bds .list li h3:before{
	content: "";position: absolute;background: url(../images/a_ico11-1.webp) no-repeat center;width: 38px;height: 59px;display: block;top: 0;right: -40px;
}
*/
.tn_bds .list li p {
	margin-top: 40px;
	font-size: 18px;
	color: #888888;
	line-height: 26px;
	height: 208px;
	overflow: hidden;
	text-align: left;
}

.tn_bds .list li:hover {
	/*
	background: url(../images/a_bg18.jpg) no-repeat center;border-top: none;
	background-size: cover;
    */
	border-top: 1px solid #b18147;
}

.tn_bds .list li:hover h3,
.tn_bds .list li:hover p {
	/*color: #FFFFFF;*/
	color: #4e74ff;
}

.tn_bds .list li:hover:before {
	display: block;
}

.tn_bds .list li:hover h3:after {
	background: url(../images/a_ico12.webp) no-repeat center;
}

.tn_bds .list li:hover h3:before {
	background: url(../images/a_ico12-1.webp) no-repeat center;
}

.tn_bgs .txt {
	padding: 0 185px;
}

.tn_bgs p {
	color: #FFFFFF;
}

.tn_bgs {
	height: 410px;
}

.tn_bgs ul {
	margin-top: 0;
}

/*14-2*/

.l_banner .imgs.hp_ban .cent h3 {
	font-size: 46px;
	padding-top: 65px;
}

.l_banner .imgs.hp_ban .cent h6 {
	max-width: 1000px;
	margin: 0 auto;
}

.l_banner .hp_list {
	height: 140px;
	background: #FFFFFF;
}

.l_banner .hp_list ul {
	margin-top: 0;
	margin-left: 0;
	overflow: hidden;
}

.l_banner .hp_list li {
	margin-right: 0;
	width: calc(100% / 3);
	border-right: 1px solid #f1f1f1;
	text-align: center;
	box-sizing: border-box;
}

.l_banner .hp_list li:last-child {
	border-right: none;
}

.l_banner .hp_list li a {
	padding: 17px 0;
	height: 140px;
	box-sizing: border-box;
}

.l_banner .hp_list li h4 {
	font-size: 62px;
	color: #e3e3e3;
	line-height: 60px;
	margin-bottom: 8px;
}

.l_banner .hp_list li h3 {
	font-size: 22px;
	color: #333333;
	line-height: 38px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.l_banner .hp_list li.on

/*,*/
/*.l_banner .hp_list li:hover*/
	{
	background: #4e74ff;
	border-color: #4e74ff;
}

.l_banner .hp_list li.on h4

/*,*/
/*.l_banner .hp_list li:hover h4*/
	{
	color: rgba(255, 255, 255, 0.2);
}

.l_banner .hp_list li:hover h3,
.l_banner .hp_list li:hover h4 {
	color: #4e74ff;
}

.l_banner .hp_list li.on h3,
.l_banner .hp_list li.on h4 {
	color: #FFFFFF;
}

.hp_pg1 {
	/*padding-top: 150px;*/
	padding-top: 80px;
	padding-bottom: 80px;
}

.hp_pg1c {
	padding-top: 0px;
}

.hp_pg1 .imgs {
	float: left;
	width: 42%;
}

.hp_pg1 .imgs img {
	display: block;
	width: 100%;
}

.hp_pg1 .txt {
	float: right;
	width: 53.5%;
	padding: 50px 35px 50px 50px;
	box-sizing: border-box;
	background: url(../images/a_ico4.webp) no-repeat left top;
	background-size: 700px auto !important;
	margin: 0;
}

.hp_pg1 .txt .btn:hover {
	border-color: #4e74ff;
	background: #4e74ff;
	color: #FFFFFF;
}

.hp_pg1 .txt .btn {
	border: 1px solid #dbdbdb;
	line-height: 56px;
	display: inline-block;
	border-radius: 6px;
	font-size: 18px;
	background: #fff;
	color: #333333;
	text-align: center;
	padding: 0 50px;
	transition: all 0.4s;
	margin-top: 40px;
	background: none;
}


.hp_pg1 .txt h2 {
	line-height: 50px;
	font-size: 32px;
	color: #000;
	margin-bottom: 20px;
	word-wrap: break-word;
}

.hp_pg1 .txt p {
	font-size: 18px;
	color: #888888;
	line-height: 24px;
	word-wrap: break-word;
}

.hp_pg1 .txt span {
	width: 30px;
	height: 4px;
	background: #4e74ff;
	display: block;
	border-radius: 5px;
	box-shadow: 0 0 5px 5px #d1eaf6;
	margin-top: 34px;
	margin-left: 5px;
}

.hp_pg2 {
	background: url(../images/a_bg19.jpg) no-repeat center top;
	overflow: hidden;
	padding: 60px 0 70px;
	background-size: cover !important;
}

.hp_pg2 ul {
	overflow: hidden;
	margin-top: 50px;
}

.hp_pg2 li {
	float: left;
	width: calc((100% - 162px)/3);
	margin-right: 80px;
	background: #fff;
	border-top: 1px solid #4e74ff;
	padding: 40px 50px;
	box-sizing: border-box;
}

.hp_pg2 li:nth-child(3n) {
	margin-right: 0;
}

.hp_pg2 li:hover {
	background: url(../images/a_bg18.jpg) no-repeat center;
	background-size: cover !important;
}

.hp_pg2 li:hover h3 {
	color: #fff;
}

.hp_pg2 li:hover p {
	color: #fff;
	opacity: 0.65;
}

.hp_pg2 li h3 {
	font-size: 34px;
	color: #4e74ff;
	line-height: 42px;
	margin-bottom: 20px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hp_pg2 li p {
	font-size: 18px;
	color: #888888;
	line-height: 30px;
	height: 330px;
	overflow: hidden;
}

.hp_pg3 {
	background: url(../images/a_bg20.jpg) no-repeat center;
	height: 384px;
	position: relative;
	background-size: cover !important;
}

.hp_pg3 h2 {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	margin-top: -50px;
	font-size: 40px;
	color: #ffffff;
}

.hp_pg4 .wrap {
	box-shadow: 0 6px 8px 1px #eaedf5;
}


.mc_list .hd {
	/*padding: 115px 0 35px;*/
	padding: 50px 0 35px;
}

.mc_list {
	background: url(../images/a_bg1.jpg) no-repeat center;
	overflow: hidden;
	padding-bottom: 50px;
	background-size: cover !important;
}

.mc_list .hd .lsele {
	border: none;
	box-sizing: border-box;
	background: url(../images/hico2.webp) no-repeat right 25px center #ffffff;
	width: 380px;
	height: 58px;
	font-size: 22px;
	color: #4e74ff;
	border-radius: 29px;
	padding: 0 30px;
}

.mc_list .bd li {
	background: #fff;
	border-top: 1px solid #c3c3c3;
	margin-bottom: 15px;
	overflow: hidden;
	position: relative;
	padding-left: 365px;
}

.mc_list .bd .imgs {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 308px;
	border-right: 1px solid #ecf0ff;
}

.mc_list .bd .imgs img {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	margin: 0 auto;
	transform: translateY(-50%);
	max-width: 70%;
	max-height: 70%;
}

.mc_list .bd .text {
	padding: 30px 120px 30px 0;
}

.mc_list .bd p {
	font-size: 16px;
	color: #333333;
	line-height: 28px;
}

.mc_list .bd p a {
	color: #4e74ff;
}

.mc_list .bd p span {
	color: #999999;
}


.mc_text {
	background: url(../images/a_bg24.jpg) no-repeat center;
	background-size: cover !important;
	padding: 140px 0 65px;
}

.mc_text li {
	border-top: 1px solid #4e74ff;
	background: url(../images/a_img21.webp) no-repeat left top #fff;
	padding: 40px 35px 40px 55px;
	margin-bottom: 24px;
	box-sizing: border-box;
}

.mc_text li h3 {
	font-size: 34px;
	line-height: 42px;
	color: #333333;
	margin-bottom: 25px;
}

.mc_text li p {
	font-size: 18px;
	color: #888888;
	line-height: 30px;
}

.mc_text .ovs {
	overflow: hidden;
}

.mc_text .ovs li {
	float: left;
	height: 400px;
	width: calc((100% - 30px)/2);
}

.mc_text .ovs li p {
	height: 270px;
	overflow: hidden;
}

.mc_text .ovs li:nth-child(2n) {
	float: right;
}

.mc_text .ovs p i {
	color: #4e74ff;
}

.l_banner .hp_list .ul4 li {
	width: 25%;
}

.l_banner .hp_list .ul4 li a {
	padding: 12px 0;
	height: 160px;
}

.l_banner .hp_list .ul4 li h3 {
	line-height: 28px;
	font-size: 22px;
}

.l_banner .hp_list li a {
	display: block;
}

.l_banner .hp_list4 {
	height: 160px;
}

.mc_form p {
	font-size: 18px;
	color: #666666;
	line-height: 30px;
}

.mc_form .hd {
	padding: 140px 0 65px;
}

.mc_form .hd .title {
	text-align: center;
	font-size: 34px;
	color: #000;
}

.mc_form .bd {
	background: url(../images/a_bg26.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden;
	padding: 65px 0 75px;
}

.mc_form .bd p {
	color: #333333;
}

.mc_form .bd .text {
	position: relative;
	background: url(../images/a_img21.webp) no-repeat left top #fff;
	padding: 40px 55px 20px;
	overflow: hidden;
	border-top: 1px solid #4e74ff;
}

.mc_form .bd .fom {
	overflow: hidden;
	position: relative;
	left: -55px;
	right: -55px;
	padding: 40px 55px;
	border-bottom: 1px solid #f3f3f3;
}

.mc_form .bd .fom .lsele {
	border: none;
	box-sizing: border-box;
	background: url(../images/hico2.webp) no-repeat right 35px center;
	width: 405px;
	height: 70px;
	border: 1px solid #dadada;
	font-size: 22px;
	color: #333333;
	border-radius: 34px;
	padding: 0 35px;
}

.mc_form .bd .fom .lse2 {
	width: 705px;
	background: none;
	margin-left: 22px;
}

.mc_form.tuo_form .bd .fom .lse2 {
	width: 50%;
}

.mc_form .bd .fom .btn {
	width: 210px;
	height: 70px;
	border-radius: 35px;
	text-align: center;
	line-height: 70px;
	color: #fff;
	background: #4e74ff;
	font-size: 24px;
	margin-left: 35px;
	border: none;
	cursor: pointer;
}

.mc_form .bd .text p {
	color: #333;
}

.mc_form .bd h4 {
	color: #4e74ff;
	font-size: 20px;
	line-height: 1.5;
	padding-top: 20px;
	margin-bottom: 10px;
}

.mc_form .bd .text .p {
	color: #a6a6a6;
	font-size: 16px;
	line-height: 1.5;
}

.mc_form .bd .text .note {
	color: #a6a6a6;
	font-size: 16px;
	line-height: 1.5;
	margin: 20px 0px 35px;
}

.mc_form .bd .text table {
	width: 900px;
}

.mc_form .bd .text td {
	color: #404040;
	font-size: 16px;
	line-height: 1.5;
	margin: 20px;
	height: 35px;
	padding-left: 15px;
}

.mc_form .bd .textlist {
	background: url(../images/a_img21.webp) no-repeat left top #fff;
	padding: 40px 55px 20px;
	overflow: hidden;
	border-top: 1px solid #4e74ff;
}

.mc_form .bd .textlist .p {
	color: #a6a6a6;
	font-size: 16px;
	line-height: 1.5;
}

.mc_form .bd .textlist .note {
	color: #a6a6a6;
	font-size: 16px;
	line-height: 1.5;
	margin: 20px 0px 35px;
}

.mc_form .bd .textlist table {
	width: 100%;
}

.mc_form .bd .textlist td {
	color: #404040;
	font-size: 16px;
	line-height: 1.5;
	margin: 20px;
	height: 35px;
	padding-left: 15px;
}

.mc_form .bd h2 {
	font-size: 20px;
	color: #999999;
	line-height: 1.5;
	padding: 25px 0 15px;
}

.mc_form .bd .uls {
	background: #fff;
	padding: 40px 0 0;
}

.mc_form .bd ul {
	overflow: hidden;
	padding: 0 55px;
	padding-bottom: 35px;
	border-bottom: 1px solid #f3f3f3;
}

.mc_form .bd li {
	float: left;
	width: 25%;
	padding-right: 20px;
	box-sizing: border-box;
}

.mc_form .bd li h5 {
	font-size: 18px;
	color: #cbcbcb;
	line-height: 32px;
}

.sw_none {
	display: none;
}

.cp_a {
	display: block;
}

.cp_ban .rts {
	overflow: hidden;
}

.mac_hds {
	text-align: center;
}

.mc_form .bd li h6 {
	font-size: 20px;
	color: #333333;
	line-height: 32px;
}

.mc_form .bd h3 {
	font-size: 16px;
	color: #4e74ff;
	line-height: 1.5;
	padding: 20px 55px;
}

.mc_form .bd li h6 a {
	color: #4e74ff;
	text-decoration: underline !important;
}

.mc_form .bd .text p span {
	color: #999999;
}

.mc_form .bd .text p a {
	color: #4e74ff;
}

.mc_form .bd .text label {
	font-size: 20px;
	color: #333333;
	padding-left: 45px;
	margin-right: 35px;
	background: url(../images/a_ico16.webp) no-repeat left center;
	display: inline-block;
	line-height: 40px;
	cursor: pointer;
}

.mc_form .bd .text .rad {
	padding: 20px 55px;
	position: relative;
	left: -55px;
	right: -55px;
	/*border-bottom: 1px solid #f3f3f3;*/
}

.mc_form .bd .text input {
	/*display: none;*/
}

.mc_form .bd .text input:checked+label {
	background: url(../images/a_ico16-1.webp) no-repeat left center;
}

.mc_form .bd .forms {
	width: 1135px;
	margin: 30px auto 50px;
}

.mc_form .bd .forms h2 {
	text-align: center;
	font-size: 24px;
	line-height: 1.5;
	color: #333333;
	margin-bottom: 30px;
}

.mc_form .bd .forms table {
	width: 100%;
	background: #d9def8;
}

.mc_form .bd .forms table td {
	padding: 18px 30px;
	background: #f3f5ff;
	font-size: 20px;
	color: #333333;
	line-height: 24px;
}

.mc_form .bd .forms table td:nth-child(1) {
	background: #e7ecff;
	width: 300px;
}

.mc_form .bd .forms table tr:nth-child(2n) td {
	background: #fff;
}

.mc_form .bd .forms .rad {
	position: static;
	padding: 0;
}

.mc_form .bd .forms .te1 {
	font-size: 18px;
	color: #a9a9a9;
	resize: none;
	width: 100%;
	border: none;
	height: 110px;
	display: block;
	background: none;
	font-family: "Microsoft YaHei", sans-serif;
}

.mc_form .bd .forms .tx1 {
	border: none;
	width: 100%;
	height: 24px;
	font-size: 18px;
	color: #333;
	display: block;
	border: none;
	background: none;
}

.mc_form .bd .forms .btns {
	width: 255px;
	height: 54px;
	border-radius: 5px;
	background: #5b88fd;
	color: #fff;
	line-height: 54px;
	text-align: center;
	border: none;
	display: block;
	margin: 30px auto 0;
	font-size: 20px;
}




.tc_mask2 {
	width: 1250px;
	background: url(../images/m_bg2.jpg) no-repeat center top #fff;
	border-radius: 8px;
	box-sizing: border-box;
	padding: 18px 60px 40px;
	transform: translateY(-50%) scale(0.7);
}

.tc_mask2 .uit_form .lts {
	float: left;
	width: 40%;
	margin-left: 25px;
}

.tc_mask2 .uit_form .rts {
	float: right;
	width: 43%;
}

.tc_mask2 .uit_form {
	width: auto;
}

.tc_mask2 .lts h4 {
	font-size: 28px;
	color: #333333;
	line-height: 34px;
	margin-bottom: 60px;
	margin-top: 60px;
}

.tc_mask2 .lts dd {
	font-size: 18px;
	color: #666666;
	line-height: 30px;
}

.tc_mask2 .lts dl {
	margin-bottom: 30px;
}

.tc_mask2 .lts span {
	color: #cccccc;
	display: inline-block;
	margin-right: 5px;
}

.tc_mask2 .lts p {
	font-size: 18px;
	color: #666666;
	line-height: 1.6;
	margin-bottom: 10px;
}

.in_mask {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: #fff;
	box-shadow: 0 -3px 6px 1px #e8e8e8;
}

.in_mask .wrap {
	padding: 32px 0;
	background: url(../images/m_bg3.webp) no-repeat left bottom;
	overflow: hidden;
	padding-left: 180px;
	box-sizing: border-box;
}

.in_mask .wrap p {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	width: 60%;
	float: left;
}

.in_mask .wrap p a {
	color: #4f74ff;
	text-decoration: underline !important;
}

.in_mask .wrap .btn {
	width: 152px;
	height: 66px;
	box-sizing: border-box;
	border: 1px solid #cbd7ff;
	border-radius: 33px;
	text-align: center;
	display: block;
	float: right;
	background: #fff;
	box-shadow: 0 4px 6px 1px #ebf0ff;
	cursor: pointer;
	margin-left: 24px;
}

.in_mask .wrap .btn i {
	display: inline-block;
	/* background: url(../images/m_ico1.webp) no-repeat left center; */
	/* padding-left: 65px; */
	font-size: 20px;
	color: #4d74fd;
	line-height: 66px;
}

.tc_mask {
	height: 255px;
}

.tc_mask .ps_new {
	height: auto;
	padding: 20px;
	margin-top: 50px;
}

.tc_mask .ps_new .form {
	box-shadow: 0 0 8px 5px #ecf0ff;
}

.pr_slide.mc_pg .ries .bds li {
	box-shadow: 0 0 8px 4px #eff2ff;
}

.mc_fx {
	position: fixed;
	right: 25px;
	top: 54%;
	z-index: 999;
	/*background: #fff;
	border-radius: 30px;box-shadow: 0 0 6px 1px #ccc;*/
}

.mc_fx li {
	width: 60px;
	height: 60px;
	position: relative;
}

.mc_fx li img {
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	margin: 0 auto;
	transform: translateY(-50%);
	top: 50%;
}

.cm_images img {
	display: block;
	width: 100%;
}

.cm_images .pc {
	display: block;
}

.cm_images .h5 {
	display: none;
}


.ps_new .errorc {
	font-size: 16px;
	color: #ff0000;
	margin: 24px auto 0;
	width: 562px;
	display: none;
}

.che a {
	color: #4E74FF;
	text-decoration: underline !important;
}

/*10-29*/
.hp_pg5 {
	padding: 0px 0 100px;
	overflow: hidden;
	background: #e9edf8;
}

.hp_pg5 .bd {
	background: #FFFFFF;
	margin: 100px 0 0px;
}

.hp_pg5 .lt {
	float: left;
	width: 25%;
	padding: 42px 36px 0;
	box-sizing: border-box;
}

.hp_pg5 .lt li {
	font-size: 18px;
	color: #4c4c4c;
	line-height: 26px;
	padding: 8px 0;
	border-bottom: 2px solid #cfcfcf;
	height: 90px;
	box-sizing: border-box;
	overflow: hidden;
}

.hp_pg5 .lt li:first-child {
	/*font-weight: bold;*/
}

.hp_pg5 .bd:nth-child(3n) .lt li:first-child {
	font-weight: normal;
}

.hp_pg5 .lt li:last-child {
	border-bottom: none;
}

.hp_pg5 .rt {
	float: right;
	width: 75%;
	margin-top: -50px;
}

.hp_pg5 .rt dl {
	float: left;
	width: calc((100% - 92px)/4);
	margin-right: 30px;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	/*border-bottom: none;*/
}

.hp_pg5 .rt dl:nth-child(4n) {
	margin-right: 0;
	float: right;
}

.hp_pg5 .rt dt {
	height: 90px;
	font-size: 18px;
	line-height: 90px;
	text-align: center;
	color: #FFFFFF;
	background-size: 100% auto !important;
}

.hp_pg5 .rt dl:nth-child(1) dt {
	background: url(../images/a_ico20.jpg) center;
}

.hp_pg5 .rt dl:nth-child(2) dt {
	background: url(../images/dtimg1.jpg) center;
}

.hp_pg5 .rt dl:nth-child(3) dt {
	background: url(../images/dtimg2.jpg) center;
}

.hp_pg5 .rt dl:nth-child(4) dt {
	background: url(../images/a_ico21.jpg) center;
}

.hp_pg5 .rt dd:nth-child(2n) {
	background: #eeeeee;
}

.hp_pg5 .rt dd {
	background: #FFFFFF;
	height: 90px;
	margin: 0 auto;
	position: relative;
	font-size: 17px;
	color: #4c4c4c;
	line-height: 90px;
	text-align: center;
}

.hp_pg5 .rt dd img {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	margin: 0 auto;
}

.hp_pg5 p {
	font-size: 18px;
	color: #4c4c4c;
	line-height: 32px;
	padding-top: 20px;
}

.hp_pg5 li {
	position: relative;
}

.hp_pg5 li p {
	font-size: 16px;
	color: #4c4c4c;
	line-height: 24px;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 0;
}


.hp_pg1_a {
	padding: 0;
}

.hp_pg1 .txt {
	margin-top: 30px;
}

.mc_lists.q_gal .ries .bds li:nth-child(3n),
.mc_lists.q_gal .ries .bds li {
	width: calc((100% - 137px)/4);
	margin-right: 45px;
}

.mc_lists.q_gal .ries .bds li:nth-child(4n) {
	margin-right: 0;
}

.mc_lists.q_gal .ries .bds li .img {
	height: 217px;
}


.sp_cs.mcl_text .bds .s1 li:nth-child(2n) {
	margin: 0 auto;
}

.sp_cs.mcl_text .bds .s1 li {
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

.sp_cs.mcl_text .bds .s1 li h4 {
	float: left;
	width: 30%;
	line-height: 1.4;
}

.sp_cs.mcl_text .bds .s1 li div {
	float: right;
	width: 65%;
}


.mc_fx li {
	position: relative;
	z-index: 11;
	transition: all 0s;
}

.mc_fx li h4 {
	position: absolute;
	right: 30px;
	top: 0;
	bottom: 0;
	width: 200px;
	background: #fff;
	line-height: 60px;
	font-size: 16px;
	color: #333;
	padding: 0;
	transition: all 0.3s;
	z-index: 1;
	box-sizing: border-box;
	width: 0;
	overflow: hidden;
	box-shadow: 0 0 4px 0px #ccc;
}

.mc_fx li img {
	z-index: 11;
	/*background: #fff;*/
}

.mc_fx li:hover h4 {
	width: 200px;
	padding: 0 15px;
}

.mc_fx li a {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 11;
	transition: all 0s;
	/*background: #fff;*/
}

.mc_fx li:nth-child(1) a {
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	margin-top: 10px;
}

.mc_fx li:hover {
	z-index: 1;
}

.mc_fx li:nth-child(3) a {
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	margin-bottom: 10px;
}

.tc_mask .btns {
	background: url(../images/mc_ico1.webp) no-repeat center;
	width: 31px;
	height: 31px;
	cursor: pointer;
	position: absolute;
	z-index: 11;
	right: 30px;
	top: 30px;
	transition: all 0.3s;
}

.tc_mask .btns:hover {
	transform: rotate(720deg);
}



.h_banner .prev,
.h_banner .next {
	position: absolute;
	left: 50px;
	top: 50%;
	margin-top: -20px;
	background: url(../images/hprev.webp) no-repeat center;
	width: 22px;
	height: 40px;
	z-index: 111;
	cursor: pointer;
}

.h_banner .next {
	left: auto;
	right: 50px;
	transform: rotate(180deg);
}


.ty_xq h2 {
	float: left;
	font-size: 28px;
	line-height: 48px;
	font-weight: bold;
}

.ty_xq .wrap {
	box-sizing: border-box;
	padding: 0 10%;
	overflow: hidden;
}

.ty_xq ul {
	float: right;
}

.ty_xq {
	height: 98px;
	box-sizing: border-box;
	padding: 0;
}

.ty_xq .fix {
	padding: 25px 0;
}

.ty_xq.on .fix {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background: rgba(255, 255, 255, 0.8);
	z-index: 9999;
}

.header.ons {
	opacity: 0;
}

.ty_xq.on1 .fix {
	position: fixed;
	left: 0;
	right: 0;
	top: 100px;
	background: rgba(255, 255, 255, 0.8);
	z-index: 2;
}

.x_product .list.mc_ware .imgs {
	height: 400px;
}

.x_product .list.mc_ware li .wrap {
	max-width: 1400px;
}

.x_product .list.mc_ware .text h2 {
	margin-top: 40px;
}


.qmc_pg {
	background-size: cover !important;
	overflow: hidden;
	text-align: center;
	padding: 90px 60px 80px;
	margin-bottom: 80px;
	box-sizing: border-box;
}

.qmc_pg li {
	display: inline-block;
	width: 150px;
	margin: 0 8px;
	vertical-align: middle;
	margin-bottom: 15px;
}

.qmc_pg h2 {
	font-size: 39px;
	color: #ffffff;
	margin-bottom: 60px;
}

.qmc_pg li .ico {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin: 0 auto;
	overflow: hidden;
}

.qmc_pg li .ico img {
	width: 100%;
	display: block;
}

.qmc_pg li h4 {
	height: 36px;
	margin-top: 20px;
}

.qmc_pg li h4 span {
	font-size: 14px;
	line-height: 18px;
	color: #fff;
}


/*pzq*/
.error {
	text-align: center;
	font-size: 28px;
	padding: 80px 0px;
}

.errorcomm {
	text-align: center;
	font-size: 16px;
	padding: 0px;
	display: none;
	color: #ff0000;
}

.parametertxt {
	color: #333333;
	font-size: 16px;
	padding-top: 15px;
}



.ps_new .sle {
	background: url(../images/lpico2.webp) no-repeat left 20px center;
	height: 58px;
	font-size: 18px;
	color: #333;
	box-sizing: border-box;
}

.tc_mask {
	height: 400px;
}

.ps_new .lsele {
	width: 100%;
	display: block;
	padding-left: 72px;
	background: url(../images/lpico1.webp) no-repeat right 20px center;
	height: 58px;
	font-size: 14px;
	color: #666;
	border: none;
}

.ps_new .lsele {
	width: 100%;
	display: block;
	padding-left: 72px;
	background: url(../images/lpico1.webp) no-repeat right 20px center;
	height: 58px;
	font-size: 18px;
	color: #666;
	border: none;
}

.b_even li .tx1 p {
	font-size: 15px;
	color: #333;
	line-height: 20px;
}

.b_even li .tx1.txt2 {
	width: 20%;
	border-right: none;
	border-left: 1px solid #ecf0ff;
	height: 100%;
}

.header.white .naver li h3 a {
	color: #fff;
	/* background:url(../images/hico1white-1.webp) no-repeat right center ; */
}

.x_product .list.tuo_list {
	margin-top: 100px;
}

.l_banner.l_banner_list .list {
	width: 66%;
	margin: 0 auto;
}

.l_banner.l_banner_list .list li {
	width: 50%;
}

.l_banner.l_banner_list .list3 li {
	width: 33.33%;
}

.l_banner.l_banner_list {
	padding-bottom: 40px;
	background-size: cover !important;
}

.l_banner.l_banner_list .text {
	transform: translateY(80%);
}

.x_product .list .text h2 span {
	width: 110px;
	display: inline-block;
	vertical-align: middle;
}

.x_product .list .text h2 em {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 132px);
	margin-left: 20px;
}

.x_product .list.mc_ware.tuo_list .imgs {
	width: 328px;
	height: 400px;
	overflow: hidden;
}

.x_product .list.mc_ware.tuo_list .imgs img {
	display: block;
	position: static;
	transform: scale(1);
}

.x_product .list.mc_ware.tuo_list .imgs h4 {
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	color: #333;
	height: 44px;
	overflow: hidden;
	margin-bottom: 20px;
}

.x_product .list.mc_ware.tuo_list .imgs_hd {
	position: absolute;
	text-align: center;
	z-index: 11;
}

.x_product .list.mc_ware.tuo_list .text h2 {
	display: block;
}

.yfw_pg2.addpg2 .bds li {
	float: none;
	width: auto;
	margin: 0;
	overflow: hidden;
	height: auto;
	padding: 0;
	border: none;
	background: #fff !important;
}

.yfw_pg2.addpg2 .bds li .lts {
	float: left;
	width: 50%;
}

.yfw_pg2.addpg2 .bds li .rts {
	float: right;
	width: 50%;
}

.yfw_pg2.addpg2 .bds li .imgs img {
	position: static;
	transform: scale(1);
}

.yfw_pg2.addpg2 .bds li .text {
	padding: 60px 70px;
	overflow: hidden;
	box-sizing: border-box;
}

.yfw_pg2.addpg2 .bds li .ico {
	float: left;
}

.yfw_pg2.addpg2 .bds li .txt {
	float: left;
	width: 320px;
	text-align: left;
	margin-left: 20px;
}

.yfw_pg2.addpg2 .bds li .txt h2 {
	font-size: 32px;
	color: #000000;
	line-height: 60px;
	padding-top: 20px;
}

.yfw_pg2.addpg2 .bds li .txt p {
	font-size: 18px;
	color: #888888;
	line-height: 26px;
}

.yfw_pg2.addpg2 .bds li .btn {
	margin-left: 0;
}

.yfw_pg2.addpg2 .bds li .ico {
	border-color: #94abff;
}

.yfw_pg2.addpg2 .bds li:hover .ico:before {
	-webkit-animation: mcda 1s 10000s linear infinite;
	-moz-animation: mcda 1s 10000s linear infinite;
}

.yfw_pg2.addpg2 .bds li:hover .ico:after {
	-webkit-animation: mcda 1s 10000s linear infinite;
	-moz-animation: mcda 1s 10000s linear infinite;
}

.yfw_pg2.addpg2 .bds li:hover .btn {
	border-color: #8b8b8b;
	background: none;
	color: #333;
}

.yfw_pg2.addpg2 .bds li .btn:hover {
	border-color: #4e74ff;
	background: #4e74ff;
	color: #fff;
}

.yfw_pg2.addpg2 .bds li .btn a {
	display: block;
	width: 100%;
	height: 100%;
}

.yfw_pg2.addpg2 .bds li .btn:hover a {
	color: #fff;
}

.l_banner.l_banner_list .list li:nth-child(1) .img {
	background: url(../images/addicon1-1.webp) no-repeat center;
}

.l_banner.l_banner_list .list li:nth-child(2) .img {
	background: url(../images/addicon2.webp) no-repeat center;
}

.l_banner.l_banner_list .list li.on:nth-child(1) .img {
	background: url(../images/addicon1.webp) no-repeat center;
}

.l_banner.l_banner_list .list li.on:nth-child(2) .img {
	background: url(../images/addicon2-1.webp) no-repeat center;
}


.l_banner.l_banner_list .list3 li:nth-child(1) .img {
	background: url(../images/addicon1-1.webp) no-repeat center;
}

.l_banner.l_banner_list .list3 li:nth-child(2) .img {
	background: url(../images/addicon1-1.webp) no-repeat center;
}

.l_banner.l_banner_list .list3 li:nth-child(3) .img {
	background: url(../images/addicon2.webp) no-repeat center;
}

.l_banner.l_banner_list .list3 li.on:nth-child(1) .img {
	background: url(../images/addicon1.webp) no-repeat center;
}

.l_banner.l_banner_list .list3 li.on:nth-child(2) .img {
	background: url(../images/addicon1.webp) no-repeat center;
}

.l_banner.l_banner_list .list3 li.on:nth-child(3) .img {
	background: url(../images/addicon2-1.webp) no-repeat center;
}




.q_nxq .ries.q_last .bds li:last-child {
	border: none;
	box-shadow: none;
}

.q_nxq .ries.q_last .bds li:last-child .img img {
	width: auto;
	height: auto;
	display: block;
	margin: 70px auto 0;
	width: 120px;
}

.q_nxq .ries.q_last .bds li:last-child h6 {
	font-size: 24px;
	margin-top: 40px;
	color: #333;
	text-align: center;
}

.q_nxq .ries.q_last .bds li:last-child .img {
	height: auto;
}

.q_nxq .ries.q_last .bds li:last-child a:hover h6 {
	color: #4e74ff;
}

.fs_case .f_pg3.l_add_pd .rt {
	padding: 20px;
	overflow: hidden;
}

.fs_case .f_pg3.l_add_pd .rt img {
	min-width: 100%;
	display: block;
	min-height: 100%;
}

.x_product .s_ware .text dd:last-child {
	background: none;
}

.x_product .list.tuo_list.s_ware .text dd {
	background: url(../images/pdf.webp) no-repeat left top -5px;
	background-size: 38px auto !important;
	padding-left: 40px;
	line-height: 36px;
}

.x_product .list.tuo_list.s_ware .text dd a:hover {
	color: #4e74ff;
}

.yf_cts.tuo_cts .bds {
	float: left;
	width: 50%;
	box-sizing: border-box;
	margin: 0;
}

.yf_cts.tuo_cts .rts {
	float: right;
	width: 50%;
	box-shadow: 0 2px 8px 1px #eff2ff;
	position: relative;
	border-radius: 5px;
	transition: all 0.3s;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	margin-top: 10px;
}

.yf_cts.tuo_cts .rts img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
	z-index: 111;
}

.yf_cts.tuo_cts .yf_h2 {
	margin-bottom: 30px
}

.yf_cts .bds li img {
	display: block;
	margin: 0 auto;
}

.yf_cts .bds .mnext,
.yf_cts .bds .mprev {
	margin: 0 10px;
}

.yf_cts.tuo_cts .rts:hover {
	/* background: ; */
}

.yf_cts.tuo_cts .rts:before {
	position: absolute;
	content: "";
	background: url(../images/a_ico4.webp) no-repeat center;
	width: 447px;
	height: 81px;
	bottom: 50px;
	left: 0;
	opacity: 0;
	transition: all 0.3s;
	right: 0;
	margin: 0 auto;
}

.yf_cts.tuo_cts .rts:hover:before {
	opacity: 1;
}

.x_product .list.mc_ware.tuo_list .imgs_hd {
	display: none;
}

.x_product .list.mc_ware.tuo_list .im_prev,
.x_product .list.mc_ware.tuo_list .im_next {
	background: url(../images/hprev.webp) no-repeat center;
	width: 22px;
	height: 40px;
	position: absolute;
	cursor: pointer;
	left: 0;
	top: 50%;
	margin-top: -20px;
	z-index: 11;
}

.x_product .list.mc_ware.tuo_list .im_next {
	left: auto;
	right: 0;
	transform: rotate(180deg);
}

.l_banner {
	position: relative;
	background-size: cover !important;
}

.l_banner:before {
	/* content: ""; */
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.6);
}

.l_banner .imgs .cent {
	z-index: 11;
	/* width: 1200px; */
}

.l_banner.bef:before {
	display: none;
}

.l_banner .imgs {
	position: relative;
	z-index: 1;
}

.cloudgif {
	text-align: center;
	background: #f1f1f1;
	padding: 30px 0px 45px 0px;
}

.cloudgifc {
	text-align: center;
	background: #fff;
	padding: 30px 0px 45px 0px;
}

video::-internal-media-controls-download-button {
	display: none;
}

video::-webkit-media-controls-enclosure {
	overflow: hidden;
}

video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}


.add_partners h2 {
	font-size: 39px;
	color: #000;
	margin-bottom: 40px;
	text-align: center;
}

.add_partners ul {
	overflow: hidden;
	padding-bottom: 40px;
}

.add_partners li {
	float: left;
	width: 20%;
	box-sizing: border-box;
	padding: 20px;
}

.add_partners li .icons {
	border: 1px solid #e5e5e5;
	height: 80px;
	position: relative;
}

.add_partners li .icons img {
	display: block;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.mc_form .bd .text .rad input {
	display: none;
}

.header {
	z-index: 1001;
}

.h_pg4 .list .next,
.h_pg4 .list .prev {
	display: none;
}


.imgcodeinput {
	width: 150px;
	height: 46px;
	font-size: 16px;
	color: #333333;
	border: 1px solid #cccccc;
	background: none;
	border-radius: 5px;
	padding: 0 20px;
	box-sizing: border-box;
}

.ty_xqe {
	padding: 25px 0;
	overflow: hidden;
}

.ty_xqe ul {
	text-align: center;
	font-size: 0;
}

.ty_xqe li {
	margin-right: 18px;
	display: inline-block;
}

.ty_xqe li a {
	display: block;
	width: 230px;
	height: 46px;
	line-height: 46px;
	border: 1px solid #e1e1e1;
	text-align: center;
	font-size: 18px;
	color: #999999;
	transition: all 0.3s;
}

.ty_xqe li:last-child {
	margin-right: 0;
}

.ty_xqe li a:hover {
	color: #4e74ff;
	border-color: #cfe8ff;
}

.ty_xqe li.on a {
	color: #fff;
	border-color: #4e74ff;
	background: #4e74ff;
}

.ty_xqe h2 {
	float: left;
	font-size: 28px;
	line-height: 48px;
	font-weight: bold;
}

.ty_xqe .wrap {
	box-sizing: border-box;
	padding: 0 30%;
	overflow: hidden;
}

/*
.ty_xqe ul{
	float: right;
}
*/
.ty_xqe {
	height: 98px;
	box-sizing: border-box;
	padding: 0;
}

.ty_xqe .fix {
	padding: 25px 0;
}

.ty_xqe.on .fix {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background: rgba(255, 255, 255, 0.8);
	z-index: 9999;
}

.ty_xqe.on1 .fix {
	position: fixed;
	left: 0;
	right: 0;
	top: 100px;
	background: rgba(255, 255, 255, 0.8);
	z-index: 2;
}



/* 新增 */
.header .rts .engh li a i {
	width: 25px;
	height: auto;
	display: block;
	margin-right: 10px;
}

.header .rts .engh li a img {
	display: block;
	width: 100%;
}

.header .rts .engh li a {
	/* display: flex; */
	align-items: center;
}

.header .rts .engh {
	width: 180px;
}


/* 917 */
.h_pg5 .box .video img {
	width: 100%;
	display: block;
	height: 500px;
	object-fit: cover;
}

.akmcbans {
	height: 400px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.akmcbans .txta {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	/* IE 9 */
	-moz-transform: translateY(-50%);
	/* Firefox */
	-webkit-transform: translateY(-50%);
	/* Safari 和 Chrome */
	-o-transform: translateY(-50%);
}

.akmcbans .txta i {
	display: inline-block;
	position: relative;
	width: 383px;
	margin-bottom: 80px;
}

.akmcbans .txta i:after,
.akmcbans .txta i:before {
	content: '';
	position: absolute;
	right: 105%;
	top: 50%;
	width: 215px;
	height: 1px;
	background: #a4a9b6;
}

.akmcbans .txta i:after {
	right: auto;
	left: 105%;
}

.akmcbans .txta .cens {
	vertical-align: middle;
	align-items: center;
}

.akmcbans .txta .cens img {
	width: 223px;
	display: inline-block;
	margin: 0 50px;
	vertical-align: middle;
	align-items: center;
}

.l_banner .imgs.akmctxt .cent {
	text-align: left;
}

.l_banner .imgs.akmctxt .cent img {
	margin: 0
}

.l_banner .imgs .cent h6 {
	font-size: 28px;
	line-height: 1.3;
	color: #FFFFFF;
	padding-top: 15px;
}

.home-pc {
	display: block;
}

.home-phone {
	display: none;
}

/*全屏完整视频*/
.full-screen-video-dis1 {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 999999 !important;
	background: rgba(0, 0, 0, .8);
	display: none;
}

.iframe {
	width: 60%;
	height: 660px;
	/* margin: auto; */
	margin-left: 20%;
	/* margin-top: 4rem; */
	position: relative;
	transform: translateY(-50%);
	top: 50%;
}

.full-screen-close:link,
.full-screen-close:visited {
	width: 48px;
	height: 48px;
	background: #f4f3f3;
	color: #211d1e;
	line-height: 48px;
	border-radius: 2.4rem;
	font-size: 3.2rem;
	font-weight: 700;
	text-align: center;
	position: absolute;
	right: 102px;
	top: 25px;
	text-decoration: none;
	transform: scale(.9, .9);
	transition: transform .2s ease;
	z-index: 100;
}

.fts .form .che .c1,
.fts .form .che1 .c1,
.mc_form .che .c1,
.mc_form .che1 .c1 {
	display: none;
}

.fts .form .che label,
.fts .form .che1 label {
	font-size: 18px;
	line-height: 1.6;
	color: #5d5d5e;
	display: block;
	background: url(../images/q_ico22.webp) no-repeat left top;
	background-size: 25px auto;
	padding-left: 36px;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

.fts .form .che input:checked+label,
.fts .form .che1 input:checked+label {
	background: url(../images/qmanquan11.webp) no-repeat left top;
	background-size: 25px auto;
}

.fts .form p {
	font-size: 18px;
	line-height: 1.6;
	color: #5d5d5e
}


.uit_form .che label,
.uit_form .che1 label {
	font-size: 14px;
	line-height: 1.6;
}

.tc_mask .uit_form p {
	font-size: 14px;
	line-height: 1.6;
}

.pr_deta .bds .wrap .text table {
	background: #ccc;
}

.pr_deta .bds .wrap .text table td,
.pr_deta .bds .wrap .text table th {
	background: #fff;
	padding: 8px;
}

.pr_deta .bds .wrap .text table th {
	font-weight: bold;
	padding: 15px 8px;
	color: #000;
}

@media only screen and (max-width: 1020px) {
	.home-pc {
		display: none;
	}

	.home-phone {
		display: block;
	}

	.akmcbans {
		background-size: 167% 100% !important;
	}

	.akmcbans .txta .cens img {
		width: 180px
	}

	.akmcbans .txta i {
		width: 320px;
		margin-bottom: 60px;
	}

	.akmcbans .txta i:after,
	.akmcbans .txta i:before {
		width: 130px;
	}
}
/* 隐私政策合规整改（合并分支时请保留） */
.che-window{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    z-index: 9999;
	transform: scale(1);
}
.che-window .window-box{
	width: 680px;
	max-width: 95%;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: scale(1, 1) translate(-50%, -50%);
    transform-origin: 0 0;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.1);
    border-radius: 10px;
}
.che-window .window-box .window-title{
	display: flex;
	justify-content: space-between;
	height: 48px;
	padding: 8px 24px 8px 24px;
	line-height: 48px;
	border-bottom: 0.5px solid #888888;
	color: #000;
}
.che-window .window-box .window-title .title-message{
	font-size: 24px;
	font-weight: bold;
}
.che-window .window-box .window-title .backbuttom{
	cursor: pointer;
	font-size: 20px;
}
.che-window .window-box .window-message .text{
	padding: 0 19.2px;
    max-height: 608px;
    overflow-y: auto;
	color: #000;
	text-align: left;
}
.che-window .window-box .window-message .text::-webkit-scrollbar{
	width: 10px;
}
.che-window .window-box .window-message .text::-webkit-scrollbar-track{
	background: #e5e5e5;
	border-radius: 10px;
}
.che-window .window-box .window-message .text::-webkit-scrollbar-thumb{
	background: #888888;
	border-radius: 10px;
}
.che-window .window-box .window-message .text h3 {
	font-weight: bold;
    color: #333333;
    font-size: 24px;
    line-height: 1.6;
    margin-bottom: 20px;
	padding: 0;
	text-align: left;
}
.che-window .window-box .window-message .text p{
	width: 100%;
	color: #000;
	text-align: left;
	margin: 0 auto 12px;
	font-size: 16px;
}
.che-window .window-box .window-message .text table{
    background: #ccc;
}
.che-window .window-box .window-message .text table th,
.che-window .window-box .window-message .text table td{
	padding: 3px 5px 3px 5px;
	text-align: left;
	background: #fff;
	font-size: 12px;
}
.che-window .window-box .window-buttom{
	padding: 10px 0;
	text-align: center;
}
.che-window .window-box .window-buttom input{
	height: 40px;
	width: 320px;
	border-radius: 5px;
	color: #ffffff;
	background: rgba(78,116,255,0.6);
	transition: all 0.4s;
	cursor: pointer;
	border: 0px;
}
.che-window .window-box .window-buttom input:hover{
	background: rgba(78,116,255,1);
}
/* 短视频页面开发（合并分支时请保留） */
.awesome_page {
	position: relative;
	width: 100%;
	font-size: 0px;
}
.awesome_page>.crumbs {
	color: #000;
	left: 30px;
}
.awesome_page>.crumbs li {
	color: #000;
}
.awesome_page>.crumbs li a {
	color: #000;
}
.awesome_page>img {
	object-fit: cover;
}
.awesome_page a {
	display: block;
	width: 100%;
	height: 100%;
}
.awesome_page>.jump_button1 {
	position: absolute;
	cursor: pointer;
	top: 76.6%;
	left: 32.3%;
	width: 16.2%;
	height: 5.8%;
	border-radius: 200px;
}
.awesome_page>.jump_button5 {
	position: absolute;
	cursor: pointer;
	top: 75.6%;
	left: 39.3%;
	width: 25.6%;
	height: 10.4%;
	border-radius: 200px;
}
.awesome_page>.jump_button6 {
	position: absolute;
	cursor: pointer;
	top: 77.6%;
	left: 25.3%;
	width: 25.6%;
	height: 11.5%;
	border-radius: 200px;
}
.awesome_page>.jump_button7 {
	position: absolute;
	cursor: pointer;
	top: 67.6%;
	left: 43.6%;
	width: 27.8%;
	height: 11.1%;
	border-radius: 200px;
}
.awesome_page>.jump_button8 {
	position: absolute;
	cursor: pointer;
	top: 59.6%;
	left: 23.0%;
	width: 27.6%;
	height: 11.1%;
	border-radius: 200px;
}
.awesome_page>.jump_button13-1 {
	position: absolute;
	cursor: pointer;
	top: 57.6%;
	left: 43.0%;
	width: 7.6%;
	height: 11.1%;
	border-radius: 200px;
}
.awesome_page>.jump_button13-2 {
	position: absolute;
	cursor: pointer;
	top: 57.6%;
	left: 52.5%;
	width: 7.6%;
	height: 11.1%;
	border-radius: 200px;
}
.awesome_page>.jump_button13-3 {
	position: absolute;
	cursor: pointer;
	top: 57.6%;
	left: 62%;
	width: 7.6%;
	height: 11.1%;
	border-radius: 200px;
}
.awesome_page>.jump_button13-4 {
	position: absolute;
	cursor: pointer;
	top: 57.6%;
	left: 71%;
	width: 7.6%;
	height: 11.1%;
	border-radius: 200px;
}
.awesome_page>.awesome_form_page {
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.awesome_page>.awesome_form_page .form_left {
	box-sizing: border-box;
	width: 50%;
	height: 100%;
	padding: 184px 0px 0px 260px;
}
.awesome_form_page .form_left h1 {
	font-family: 'Rany-Bold';
	color: #fff;
	font-size: 48px;
	font-weight: bold;
}
.awesome_form_page .form_left p {
	margin-top: 65px;
	font-family: "OPPOSans-L";
	font-weight: 100;
	color: #fff;
	font-size: 24px;
}
.awesome_page>.awesome_form_page .form_right {
	box-sizing: border-box;
	width: 50%;
	height: 100%;
	padding: 50px 0px 0px 0px;
}
.form_right .form_title {
	display: none;
}
.form_right .form .form_line {
	position: relative;
	display: block;
	width: 690px;
	margin: 0 auto 16px;
	text-align: center;
}
.form_right .form .form_line::after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.form_right .form .form_line .t1{
	width: 330px;
	height: 50px;
	font-size: 18px;
	color: #FFFFFF;
	border-radius: 6px;
	border: none;
	padding-left: 20px;
	background: rgba(255, 255, 255, 0.16);
	float: left;
	box-sizing: border-box;
	font-family: "OPPOSans-L";
}
.form_right .form .form_line .t2{
	float: right;
}
.form_right .form .form_line .t3{
	position: relative;
	width: 690px;
}
.form_right .form .form_line .file{
	position: absolute;
	top: 12px;
	right: 30px;
}
.form_right .form .form_line .t4{
	width: 690px;
	height: 110px;
	padding-top: 16px;
	resize: none;
}
.form_right .form .form_line .t5{
	width: 185px;
	height: 50px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 50px;
	resize: none;
	border-radius: 6px;
	border: none;
	padding-left: 20px;
	background: rgba(255, 255, 255, 0.16);
	float: left;
	box-sizing: border-box;
	font-family: "OPPOSans-L";
}
.form_right .form .form_line2 {
	display: block;
	width: 678px;
	margin: 0 auto;
	margin-bottom: 5px;
	text-align: center;
}
.form_right .form .form_line2 .c1 {
	display: none;
	/* align-self: flex-start;
	width: 15px;
	height: 15px;
	margin: 5px;
	background-color: lightblue; */
}
.form_right .form .form_line2 .c1 +label::before {
	display: inline-block;
	content: "\25A0";
	width: 15px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	font-size: 13px;
	border: 1px solid #777777;
	color: transparent;
}
#r1:checked +label::before {
	color: #f9b843;
}
#r2:checked +label::before {
	color: #f9b843;
}
#r3:checked +label::before {
	color: #f9b843;
}
.form_right .form .form_line2 label {
	display: block;
	position: relative;
	cursor: pointer;
	width: 690px;
	text-align: left;
	color: #777777;
	font-size: 18px;
	font-family: "OPPOSans-L";
	font-weight: 100;
}
.form_right .form .form_line2 a {
	display: inline;
	color: #898989;
	font-size: 18px;
	font-family: "OPPOSans-Bold";
	font-weight: bold;
}
.form_right .form .form_line3 {
	display: block;
	width: 678px;
	margin: 0 auto;
	margin-top: 44px;
	margin-bottom: 5px;
}
.form_right .form .form_line3 .sub{
	width: 300px;
	height: 70px;
	color: #FFF;
	font-size: 36px;
	cursor: pointer;
	font-family: "Rany-Bold";
	font-weight: bold;
	background-color: #f9b843;
	border-radius: 35px;
	border: 0px;
	padding: 0;
}
.form_right .form .form_line3 .errorcomm {
	text-align: center;
	font-size: 16px;
	padding: 0;
	display: none;
	color: #ff0000;
}

/* 技术认证页面开发css，合并时请保留该内容 */
.phone_br {
	display: none;
}
.tc_ban {
	height: 800px;
	width: 100%;
	position: relative;
	background: url(/assets/index/images/training-certification/index/SupportLearningCertification.jpg) no-repeat center top;
}
.tc_ban::before  {
	background: transparent;
}
.tc_ban .crumbs {
	font-family: OPPOSans;
	z-index: 112;
}
.tc_ban .crumbs li {
	font-size: 18px;
	opacity: 1;
	color: #000;
}
.tc_ban .crumbs li a {
	font-size: 18px;
	opacity: 1;
	color: #000;
}
.tc_ban .imgs {
	padding-top: 200px;
}
.tc_ban .imgs .cent {
	top: 400px;
	left: 244px;
	text-align: left;
}
.tc_ban .imgs .cent h3 {
	font-family: 'Rany-Medium';
	font-size: 60px;
	color: #000;
}
.tc_ban .imgs .cent p {
	margin-top: 40px;
	font-family: 'OPPOSans-L';
	font-weight: lighter;
	font-size: 20px;
	color: #000;
}
.tc_ban .imgs .cent .button {
	display: block;
	height: 48px;
	width: 270px;
	margin-top: 71px;
	font-family: 'Rany-Bold';
	font-weight: bold;
	font-size: 30px;
	color: #fff;
	line-height: 44px;
	background: #0066FF;
	border-radius: 24px;
	border: 0px;
	cursor: pointer;
	text-align: center;
}
.tc_bds {
	height: 822px;
	background: url(/assets/index/images/training-certification/index/ProgramOverview.jpg) no-repeat center top;
}
.tc_bds .yf_h2{
	font-family: 'Rany-Bold';
	font-weight: bold;
	font-size: 48px;
	color: #000;
	padding-top: 111px;
}
.tc_bds .list {
	padding-top: 81px;
	margin: 0 auto;
}
.tc_bds .list ul {
	justify-content: center;
}
.tc_bds .list .clearfix .swiper-slide {
	position: relative;
	max-width: 290px;
	width: 25%;
	height: 465px;
	margin-right: 13px;
	background-color: #fff;
	border-radius: 20px;
}
.tc_bds .list .clearfix .swiper-new::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 92px;
	height: 92px;
	border-radius: 0 20px 0 0;
	background: url('/assets/index/images/training-certification/index/NEW.webp');
}
.tc_bds .list .clearfix .swiper-slide img {
	display: block;
	margin: 30px auto 0;
	width: 129px;
	text-align: center;
}
.tc_bds .list .clearfix .swiper-slide .phone_img{
	display: none;
}
.tc_bds .list .clearfix .swiper-slide h3 {
	margin-top: 31px;
	font-family: 'Rany-Bold';
	font-weight: bold;
	font-size: 24px;
	color: #000;
	text-align: center;
}
.tc_bds .list .clearfix .swiper-slide p {
	margin-top: 27px;
	font-family: 'OPPOSans-L';
	font-weight: lighter;
	font-size: 16px;
	color: #000;
	text-align: center;
}
.tc_bds .list .clearfix .swiper-slide .button {
	position: absolute;
	display: block;
	bottom: 10%;
	width: 174px;
	height: 36px;
	border-radius: 10px;
	background-color: #fff;
	border: 1px solid #000;
	text-align: center;
	line-height: 36px;
	font-size: 18px;
	cursor: pointer;
	font-weight: bold;
	left: 50%;
	transform: translateX(-50%);
}
.tc_bgs {
	height: 500px;
	background: url(/assets/index/images/training-certification/index/QuickCertificationGuidance.jpg) no-repeat center top;
}
.tc_bgs .txt {
	text-align: center;
}
.tc_bgs .txt h3 {
	padding-top: 102px;
	font-family: 'Rany-Bold';
	font-weight: bold;
	font-size: 48px;
	color: #fff;
}
.tc_bgs .txt p {
	margin-top: 27px;
	font-family: 'OPPOSans-L';
	font-weight: lighter;
	font-size: 18px;
	color: #fff;
}
.tc_bgs .txt .button {
	display: block;
	width: 260px;
	height: 48px;
	line-height: 48px;
	margin: 67px auto;
	font-family: 'Rany';
	font-weight: lighter;
	font-size: 30px;
	color: #fff;
	background-color: #0066ff;
	border-radius: 24px;
	border: 0px;
	cursor: pointer;
	text-align: center;
}
.tc_cban {
	height: 3704px;
	width: 100%;
	position: relative;
	background: url(/assets/index/images/training-certification/children/BG.jpg) no-repeat center top;
}
.tc_cban::before {
	background: transparent;
}
.tc_cban .phone_img {
	display: none;
}
.tc_cban .crumbs {
	font-family: OPPOSans;
	z-index: 112;
}
.tc_cban .crumbs li {
	font-size: 18px;
	opacity: 1;
	color: #000;
}
.tc_cban .crumbs li a {
	font-size: 18px;
	opacity: 1;
	color: #000;
}
.tc_cban .tc_aci {
	display: flex;
	justify-content: center;
	padding-top: 232px;
}.button
.tc_cban .tc_aci .aci_left {
	margin-left: 388.5px;
}
.tc_cban .tc_aci .aci_right {
	margin-left: 94px;
}
.tc_cban .tc_aci .aci_right h3 {
	font-family: 'Rany-Bold';
	font-weight: bold;
	font-size: 48px;
	color: #000;
}
.tc_cban .tc_aci .aci_right p {
	margin-top: 43px;
	font-family: 'OPPOSans-L';
	font-weight: lighter;
	font-size: 18px;
	color: #000;
}
.tc_cban .tc_aci .aci_right .note {
	font-family: 'OPPOSans-Bold';
	font-weight: bold;
}
.tc_cban .tc_aci .aci_right .button {
	position: relative;
	display: block;
	height: 48px;
	width: 305px;
	margin-top: 45px;
	font-family: 'Rany-Bold';
	font-weight: bold;
	font-size: 30px;
	color: #fff;
	line-height: 48px;
	background-color: #0066FF;
	border-radius: 24px;
	border: 0px;
	cursor: pointer;
	text-align: center;
	z-index: 2;
}
.tc_cban .tc_pb {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 150px auto;
	max-width: 1200px;
	min-height: 440px;
	/* background-color: #fff;
	border-radius: 30px;
	box-shadow: 4.5px 4.5px 16px rgba(0, 0, 0, 0.1); */
}
.tc_cban .tc_pb .pb_title {
	width: 50%;
	margin-right: 23px;
	text-align: center;
	font-size: 48px;
	line-height: 380px;
	font-family: 'Rany-Bold';
}
.tc_cban .tc_pb .pb2_title {
	width: 100%;
	height: 64px;
	padding-top: 24px;
	line-height: 64px;
	margin: 0;
}
.tc_cban .tc_pb .pb_title h3 {
	font-weight: bold;
}
.tc_cban .tc_pb .pb_list{
	margin-top: 13px;
}
.tc_cban .tc_pb .pb2_list{
	min-height: 352px;
	width: 100%;
	margin: 0;
}
.tc_cban .tc_pb .pb2_list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin-top: 35px;
}
.tc_cban .tc_pb .pb_list li {
	display: flex;
	margin-top: 43px;
}
.tc_cban .tc_pb .pb2_list li {
	display: flex;
	width: 100%;
	margin: 13px 20px;
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 4.5px 4.5px 16px rgba(0, 0, 0, 0.1);
}
.tc_cban .tc_pb .pb_list li img {
	width: auto;
    height: 100%;
    object-fit: contain;
	margin-right: 20px;
}
.tc_cban .tc_pb .pb2_list li .img {
	width: auto;
	margin: 50px 50px 0;
    height: 60px;
	text-align: center;
}
.tc_cban .tc_pb .pb2_list li img {
	width: auto;
    height: auto;
	text-align: center;
    object-fit: contain;
	margin: 0 auto;
}
.tc_cban .tc_pb .pb2_list li .message {
	margin: 50px 0;
}
.tc_cban .tc_pb .pb_list li .message h3{
	font-size: 24px;
	font-family: 'Rany-Bold';
	font-weight: bold;
	margin-bottom: 14px;
	line-height: 24px;
}
.tc_cban .tc_pb .pb2_list li .message h3 {
	text-align: left;
	margin-bottom: 19px;
}
.tc_cban .tc_pb .pb_list li .message p {
	font-size: 18px;
	font-family: 'OPPOSans-L';
	font-weight: lighter;
	line-height: 22px;
}
.tc_cban .tc_pb .pb2_list li .message p {
	text-align: left;
}
.tc_cban .tc_pb .pb2_list li .message p a {
	color: #0066FF;
    cursor: pointer;
    text-decoration: underline !important;
}
.tc_cban .tc_soc {
	margin: 120px auto 0px;
}
.tc_cban .tc_soc .soc_title{
	text-align: center;
	font-size: 48px;
	font-family: 'Rany-Bold';
}
.tc_cban .tc_soc .soc_title h3 {
	font-weight: bold;
}
.tc_cban .tc_soc .soc_list {
	margin-top: 78px;
}
.tc_cban .tc_soc .soc_list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.tc_cban .tc_soc .soc_list ul li {
	position: relative;
	box-sizing: border-box;
	margin: 13px;
	padding-left: 45px;
	width: 45%;
	max-width: 587px;
	min-height: 288px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 4.5px 4.5px 16px rgba(0, 0, 0, 0.1);
	padding-bottom: 10px;
}
.tc_cban .tc_soc .soc_list ul li::before {
	content: "00";
	position: absolute;
	top: 29px;
	left: 27px;
	font-family: 'Rany-Bold';
	font-weight: bold;
	font-size: 150px;
	color: #0066ff;
	opacity: 0.1;
	line-height: 111px;
	z-index: 0;
}
.tc_cban .tc_soc .soc_list ul .soc_l1::before {
	content: "01";
}
.tc_cban .tc_soc .soc_list ul .soc_l2::before {
	content: "02";
}
.tc_cban .tc_soc .soc_list ul .soc_l3::before {
	content: "03";
}
.tc_cban .tc_soc .soc_list ul .soc_l4::before {
	content: "04";
}
.tc_cban .tc_soc .soc_list ul li h3 {
	position: relative;
	font-size: 24px;
	font-family: 'OPPOSans-Bold';
	color: #000;
	z-index: 1;
}
.tc_cban .tc_soc .soc_list ul .soc_l1 h3 {
	margin-top: 79px;
}
.tc_cban .tc_soc .soc_list ul .soc_l2 h3 {
	margin-top: 34px;
}
.tc_cban .tc_soc .soc_list ul .soc_l3 h3 {
	margin-top: 56px;
}
.tc_cban .tc_soc .soc_list ul .soc_l4 h3 {
	margin-top: 79px;
}
.tc_cban .tc_soc .soc_list ul li p {
	position: relative;
	margin-top: 5.5%;
	font-size: 18px;
	line-height: 20px;
	font-family: 'OPPOSans-L';
	font-weight: lighter;
	color: #000;
	z-index: 1;
}
.tc_cban .tc_soc .soc_list ul li p .soc_point {
	font-weight: bold;
}
.tc_cban .tc_soc .soc2_list ul .soc_l2 h3 {
	margin-top: 18px;
}
.tc_cban .tc_soc .soc2_list ul .soc_l2 p {
	margin-top: 20px;
}
.tc_cban .tc_soc .soc_list ul li p a {
	color: #0066FF;
	cursor: pointer;
	text-decoration: underline !important;
}
.tc_cban .tc_qs {
	margin-top: 90px;
}
.tc_cban .tc_qs .qs_list {
	display: flex;
	justify-content: center;
	width: 100%;
}
.tc_cban .tc_qs .qs_list .qs_box {
	width: 45%;
	max-width: 587px;
    min-height: 366px;
	margin: 13px;
	overflow: hidden;
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 4.5px 4.5px 16px rgba(0, 0, 0, 0.1);
}
.tc_cban .tc_qs .qs_list .qs_box .message {
	margin: 30px 30px 50px;
}
.tc_cban .tc_qs .qs_list .qs_box .message h3 {
	font-size: 24px;
    font-family: 'Rany-Bold';
	font-weight: bold;
	color: #000;
}
.tc_cban .tc_qs .qs_list .qs_box .message p {
	margin-top: 30px;
	font-size: 18px;
    line-height: 20px;
    font-family: 'OPPOSans-L';
    font-weight: lighter;
    color: #000;
}
.tc_cban .tc_qs .qs_list .qs_box .message p a {
	color: #0f79ff;
	text-decoration: underline !important;
}
.tc_qban {
	background: url(/assets/index/images/training-certification/qa/Banner.jpg) no-repeat center top;
}
.tc_qban .crumbs {
	font-family: OPPOSans;
	z-index: 112;
}
.tc_qban .crumbs li {
	font-size: 18px;
	opacity: 1;
	color: #FFF;
}
.tc_qban .crumbs li a {
	font-size: 18px;
	opacity: 1;
	color: #FFF;
}
.tc_qban::before  {
	background: transparent;
}
.tc_qban .imgs .cent {
	top: 65%;
}
.tc_qban .imgs .cent h3{
	font-size: 60px;
	color: #FFF;
	font-family: 'Rany-Medium';
	line-height: 60px;
}
.tc_qban .imgs .cent p {
	margin-top: 45px;
	font-size: 20px;
	color: #FFF;
	font-family: 'OPPOSans-L';
	font-weight: lighter;
}
.tc_qa {
	min-height: 1985px;
	padding-bottom: 15px;
	background: url(/assets/index/images/training-certification/qa/BG.jpg) no-repeat center top;
}
.tc_qa .qa_list {
	padding: 62px 230px 0;
}
.tc_qa .qa_list ul li {
	box-sizing: border-box;
	display: flex;
	min-height: 240px;
	width: 100%;
	margin-bottom: 35px;
	padding: 52px 0 0 38px;
	background: #FFF;
	border-radius: 20px;
	box-shadow: 4.5px 4.5px 16px rgba(0, 0, 0, 0.1);
}
.tc_qa .qa_list ul li img {
	width: 31px;
    height: 38px;
    object-fit: contain;
}
.tc_qa .qa_list ul li .qa_box {
	margin-left: 31px;
	padding-right: 20px;
	padding-bottom: 15px;
}
.tc_qa .qa_list ul li .qa_box .message {
	font-size: 24px;
	color: #000;
}
.tc_qa .qa_list ul li .qa_box .message .title {
	font-family: 'OPPOSans-Bold';
	font-weight: bold;
}
.tc_qa .qa_list ul li .qa_box .message p {
	margin-left: 10px;
	font-family: 'OPPOSans-L';
}
.tc_qa .qa_list ul li .qa_box .message p a {
	color: #0066FF;
	cursor: pointer;
	text-decoration: underline !important;
}
.tc_qa .qa_list ul li .qa_box .message p .email {
	position: relative;
	color: #0066FF;
	cursor: pointer;
	text-decoration: underline !important;
}
.tc_qa .qa_list ul li .qa_box .message p .email::after {
	position: absolute;
	content: "1";
	color: #0066FF;
	text-decoration: underline;
	top: 4px;
	right: -5px;
	font-size: 12px;
}
.tc_qa .button {
	display: block;
	height: 48px;
	width: 305px;
	margin: 80px auto 0;
	font-family: 'Rany-Bold';
	font-weight: bold;
	font-size: 30px;
	line-height: 48px;
	color: #fff;
	background-color: #0066FF;
	border-radius: 24px;
	border: 0px;
	cursor: pointer;
	text-align: center;
}


.formLoading {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	backdrop-filter:blur(10px) brightness(100%)
}
.formLoading .loadingBox {
	text-align: center;
	width: 300px;
	height: 200px;
	margin: 20% auto;
}
.formLoading .loadingBox>span {
	animation: loader 1000ms infinite linear;
	border-radius: 100%;
	border: 6px solid rgba(78, 116, 255);
	border-left-color: transparent;
	color: transparent;
	display: inline-block;
	line-height: 1.2;
	width: 50px;
	height: 50px;
}
@keyframes loader {
	0% {  transform: rotate(0deg);  }
	100% {transform: rotate(360deg);}
}

.asa-page {
	width: 100%;
}
.asa-page .panel1 {
	position: relative;
	width: 100%;
	height: 960px;
}
.asa-page .panel1 img {
	width: 100%;
	height: 100%;
}
.asa-page .panel1-message {
	position: absolute;
	top: 245px;
	left: 0;
	width: 900px;
}
.asa-page .panel1-message .panel1-message-banner {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 801px;
	height: 232px;
}
.asa-page .panel1-message .panel1-message-top {
	position: absolute;
	top: 25px;
	left: 138px;
	z-index: 2;
	width: 592px;
	height: 182px;
}
.asa-page .panel1-message .panel1-title {
	font-size: 36px;
	line-height: 48px;
	font-family: 'Rany';
	color: #fff;
	margin-top: 252px;
	margin-left: 138px;
}
.asa-page .panel1-message .panel1-txt {
	font-size: 24px;
	line-height: 36px;
	font-family: 'OPPOSans';
	color: #fff;
	margin-top: 42px;
	margin-left: 138px;
}
.asa-page .panel2 {
	position: relative;
	width: 100%;
	padding-bottom: 100px;
}
.asa-page .panel2 img {
	width: 100%;
	height: 100%;
}
.asa-page .panel2 .panel2-banner {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.asa-page .panel2 .panel2-message {
	z-index: 2;
	width: 100%;
	text-align: center;
	padding-top: 99px;
}
.asa-page .panel2 .panel2-message .panel2-title {
	font-size: 48px;
	line-height: 60px;
	font-family: 'Rany';
	font-weight: bold;
	color: #333;
}
.asa-page .panel2 .panel2-message .panel2-txt {
	font-size: 24px;
	line-height: 36px;
	font-family: 'OPPOSans';
	color: #333;
	margin-top: 31px;
}
.asa-page .panel2 .panel2-1-message {
	position: relative;
	width: 90%;
	height: 800px;
	margin: 90px 5% 0 5%;
}
.asa-page .panel2 .panel2-1-message img {
	position: absolute;
	top: 0;
	left: 0;
}
.asa-page .panel2 .panel2-1-message .panel2-1-box {
	position: absolute;
	top: 315px;
	left: 160px;
	z-index: 2;
}
.asa-page .panel2 .panel2-1-message .panel2-1-box .panel2-1-title {
	font-size: 36px;
	line-height: 36px;
	font-family: 'Rany';
	color: #333;
}
.asa-page .panel2 .panel2-1-message .panel2-1-box .panel2-1-title::before {
	content: '';
	display: inline-block;
	width: 44px;
	height: 38px;
	margin-right: 8px;
	margin-bottom: -6px;
	background: url(/assets/index/images/akuvoxSmartAccess/panel2-icon1.png) no-repeat;
}
.asa-page .panel2 .panel2-1-message .panel2-1-box .panel2-1-txt {
	font-size: 24px;
	line-height: 36px;
	font-family: 'OPPOSans';
	color: #333;
	margin-top: 32px;
}

.asa-page .panel2 .panel2-2-message {
	position: relative;
	width: 90%;
	height: 800px;
	margin: 40px 5% 0 5%;
}
.asa-page .panel2 .panel2-2-message img {
	position: absolute;
	top: 0;
	left: 0;
}
.asa-page .panel2 .panel2-2-message .panel2-2-box {
	position: absolute;
	top: 315px;
	left: 160px;
	z-index: 2;
}
.asa-page .panel2 .panel2-2-message .panel2-2-box .panel2-2-title {
	font-size: 36px;
	line-height: 36px;
	font-family: 'Rany';
	color: #333;
}
.asa-page .panel2 .panel2-2-message .panel2-2-box .panel2-2-title::before {
	content: '';
	display: inline-block;
	width: 44px;
	height: 38px;
	margin-right: 8px;
	margin-bottom: -6px;
	background: url(/assets/index/images/akuvoxSmartAccess/panel2-icon1.png) no-repeat;
}
.asa-page .panel2 .panel2-2-message .panel2-2-box .panel2-2-txt {
	font-size: 24px;
	line-height: 36px;
	font-family: 'OPPOSans';
	color: #333;
	margin-top: 32px;
}

.asa-page .panel2 .panel2-3-message {
	position: relative;
	width: 90%;
	height: 800px;
	margin: 40px 5% 0 5%;
}
.asa-page .panel2 .panel2-3-message img {
	position: absolute;
	top: 0;
	left: 0;
}
.asa-page .panel2 .panel2-3-message .panel2-3-box {
	position: absolute;
	top: 315px;
	left: 1112px;
	z-index: 2;
}
.asa-page .panel2 .panel2-3-message .panel2-3-box .panel2-3-title {
	font-size: 36px;
	line-height: 36px;
	font-family: 'Rany';
	color: #fff;
}
.asa-page .panel2 .panel2-3-message .panel2-3-box .panel2-3-title::before {
	content: '';
	display: inline-block;
	width: 44px;
	height: 38px;
	margin-right: 8px;
	margin-bottom: -6px;
	background: url(/assets/index/images/akuvoxSmartAccess/panel2-icon2.png) no-repeat;
}
.asa-page .panel2 .panel2-3-message .panel2-3-box .panel2-3-txt {
	font-size: 24px;
	line-height: 36px;
	font-family: 'OPPOSans';
	color: #fff;
	margin-top: 32px;
}

.asa-page .panel2 .panel2-4-message {
	position: relative;
	width: 90%;
	height: 800px;
	margin: 40px 5% 0 5%;
}
.asa-page .panel2 .panel2-4-message img {
	position: absolute;
	top: 0;
	left: 0;
}
.asa-page .panel2 .panel2-4-message .panel2-4-box {
	position: absolute;
	top: 315px;
	left: 1112px;
	z-index: 2;
}
.asa-page .panel2 .panel2-4-message .panel2-4-box .panel2-4-title {
	font-size: 36px;
	line-height: 36px;
	font-family: 'Rany';
	color: #fff;
}
.asa-page .panel2 .panel2-4-message .panel2-4-box .panel2-4-title::before {
	content: '';
	display: inline-block;
	width: 44px;
	height: 38px;
	margin-right: 8px;
	margin-bottom: -6px;
	background: url(/assets/index/images/akuvoxSmartAccess/panel2-icon2.png) no-repeat;
}
.asa-page .panel2 .panel2-4-message .panel2-4-box .panel2-4-txt {
	font-size: 24px;
	line-height: 36px;
	font-family: 'OPPOSans';
	color: #fff;
	margin-top: 32px;
}

.asa-page .panel3 {
	position: relative;
	width: 100%;
	height: 960px;
}
.asa-page .panel3 img {
	width: 100%;
	height: 100%;
}
.asa-page .panel3 .panel3-banner {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.asa-page .panel3 .panel3-message {
	z-index: 2;
	width: 100%;
	text-align: center;
	padding-top: 99px;
}
.asa-page .panel3 .panel3-message .panel3-title {
	font-size: 48px;
	line-height: 60px;
	font-family: 'Rany';
	font-weight: bold;
	color: #333;
}
.asa-page .panel3 .panel3-message .panel3-txt {
	font-size: 24px;
	line-height: 36px;
	font-family: 'OPPOSans';
	color: #333;
	margin-top: 31px;
}


.asa-page .panel4 {
	position: relative;
	width: 100%;
	height: 960px;
}
.asa-page .panel4 img {
	width: 100%;
	height: 100%;
}
.asa-page .panel4 .panel4-banner {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.asa-page .panel4 .panel4-message {
	z-index: 2;
	width: 100%;
	text-align: center;
	padding-top: 99px;
}
.asa-page .panel4 .panel4-message .panel4-title {
	font-size: 48px;
	line-height: 60px;
	font-family: 'Rany';
	font-weight: bold;
	color: #333;
}
.asa-page .panel4 .panel4-message .panel4-txt {
	font-size: 24px;
	line-height: 36px;
	font-family: 'OPPOSans';
	color: #333;
	margin-top: 31px;
}

.asa-page .panel5 {
	position: relative;
	width: 100%;
	height: 960px;
}
.asa-page .panel5 img {
	width: 100%;
	height: 100%;
}
.asa-page .panel5 .panel5-banner {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.asa-page .panel5 .panel5-message {
	z-index: 2;
	width: 100%;
	text-align: center;
	padding-top: 99px;
}
.asa-page .panel5 .panel5-message .panel5-title {
	font-size: 48px;
	line-height: 60px;
	font-family: 'Rany';
	font-weight: bold;
	color: #fff;
}
.asa-page .panel5 .panel5-message .panel5-txt {
	font-size: 24px;
	line-height: 36px;
	font-family: 'OPPOSans';
	color: #fff;
	margin-top: 31px;
}
.asa-page .footerTable{
    height: 850px;
    width: 100%;
    background-color: white;
    padding: 1px;
    margin-top: 0px;
}
.asa-page .footerTable .form1{
    width: 65%;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 37%;
}
.asa-page .footerTable .form1-input-box {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.asa-page .footerTable .form1-button-box{
    width: 84%;
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: baseline;
   
}
.asa-page .footerTable .form-button{
    width: 210px;
    height: 60px;
    border-radius: 52px;
    background-color: #4f74ff;
    /* font-family: Roboto-Bold; */
    color: white;
    /* margin-top: 2rem; */
    font-size: 30px;
	margin-top: 25px;
    padding: 0 7px;
    border: 0px;
    cursor: pointer;
}
.asa-page .footerTable .form-tip {
	width: 80%;
	text-align: center;
	font-size: 12px;
	color: red;
	height: 30px;
	line-height: 30px;

}
.asa-page .footerTable .form-input-0,.footerTable .form-input-1 {
    height: 56px;
    width: 755px;
    border: 0px solid #eaeaea;
    margin-top: 20px;
    padding: 0 7px;
    font-size: 18px;
    color: #B5B5B5;
    border-radius: 5px;
    background-color: #F9F9F9;
}
.asa-page .footerTable .footerTable.form-input-0 option:first-child {
    color: #B5B5B5;
}

.asa-page .footerTable .form-input-9, .footerTable .form-input-3, .footerTable .form-input-5, .footerTable .form-input-7{
    height: 56px;
    width: 371px;
    border: 0px solid #eaeaea;
    margin-top: 20px;
    padding: 0 7px;
    font-size: 18px;
    color: #B5B5B5;
    border-radius: 5px;
    background-color: #F9F9F9;
}
.asa-page .footerTable .form-input-2, .footerTable .form-input-4,.footerTable .form-input-6, .footerTable .form-input-8{
    height: 56px;
    width: 371px;
    border: 0px solid #eaeaea;
    margin-left: 1%;
    margin-top: 20px;
    padding: 0 7px;
    color: #B5B5B5;
    font-size: 18px;
    border-radius: 5px;
    background-color: #F9F9F9;
}

.asa-page .footerTable .form1-input-box select option {
    font-family: "";
    color: #000000;
}

.asa-page .footerTable input::-webkit-input-placeholder {
    font-family: "";
    color: #B5B5B5;
    /* font-size:2.8rem; */
}
.asa-page .footerTable .tabelTop {
	text-align: center;
	font-size: 48px;
	line-height: 60px;
	font-family: 'Rany';
	font-weight: bold;
	color: #000;
	margin-top: 50px;
}
.asa-page .footerTable .tableHeader{
    height: 200px;
    color: #000000;
    font-size: 36px;
    padding: 1px;
    width: 25%;
    margin-left: 10%;
    margin-top: 8%;
    position: absolute;
}
.asa-page .footerTable .tableHeader p{
    width: 65%;
    margin-left: 35%;
    margin-top: 4%;
    font-size: 36px;
	line-height: 36px;
	font-family: 'Rany';
    text-align: left;
}
.asa-page .footerTable .line{
    width:250px;
    height:4px;
    margin-left: 35%;
    margin-top:2%;
    background-color: #FA820A;
}
.asa-page .cap-panel{
    width: 791px;
    display: flex;
}
.asa-page .cap{
	display: table-cell;
	white-space: nowrap;
    vertical-align: middle;
    height: 56px;
    width: 371px;
    margin-top: 20px;
    font-size: 18px;
    border-radius: 5px;
    padding:0;border:none;cursor:pointer;background: white;margin-left: -3%;
}
.asa-page .cap-img{
	display: inline-block;
    margin-top: 1%;
    margin-left: 5%;
    width: 140px;  
    height: 50px;
}
.asa-page .form-input-check {
	margin-top: 20px;
	position: relative;
    font-size: 15px;
    color: #B5B5B5;
    width: 791px;
}
.asa-page .marketing-advertising {
	margin-top: 20px;
}
.asa-page .annotations-text {
	width: 96%;
	font-size: 15px;
	color: #B5B5B5;
	margin-top: 15px;
}
.ip-wrap {
	display: none;
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.32);
    border-radius: 12px;
    position: fixed;
    top: 300px;
    left: 50%;
    z-index: 10001;
    padding: 25px;
    box-sizing: border-box;
	height: 150px;
    min-width: 450px;
    background-color: #fff;
    transform: translateX(-50%);
}
.ip-wrap .ip-box {
    position: relative;
    padding-top: 20px;
    padding-left: 25px;
	font-size: 16px;
	line-height: 32px;
	color: #000000;
}
.ip-wrap .ip-box a {
	color: #0072FF;
}
.ip-wrap .ip-box .close-action {
	position: absolute;
	background-size: cover;
    top: -8px;
    right: -8px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-image: url(/assets/index/images/close1.webp);
}

.search {
	background-color: #eeeeee;
}

.search .l_banner .imgs .cent h3 {
	color: #000;
}
.search_box {
	padding-top: 200px;
	padding-bottom: 165px;
	text-align: center;
}

.search .search_input {
    padding: 8px;
    width: 400px;
	height: 30px;
	font-size: 18px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.search .search_btn {
    padding: 8px 15px;
	height: 47px;
	width: 100px;
	font-size: 18px;
    background: #2959d1;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.search_list {
	width: 65%;
	margin: 0 auto;
}

/* .search .gsc-control-cse {
	border-color: #eeeeee;
	background-color: #eeeeee;
} */

.search .gsc-webResult.gsc-result {
	padding: 10px 20px;
}

.search .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
	color: #000;
}

.search .gsc-control-cse .gs-result .gs-title {
	font-size: 24px;
}

.search .gs-webResult.gs-result a.gs-title:visited b {
	color: #000;
}
.search .gs-webResult.gs-result a.gs-title:link b {
	color: #000;
}

.search .gsc-webResult .gsc-url-top {
	font-size: 12px;
}

.search .gs-webResult div.gs-visibleUrl {
	color: #1f1f1f;
}

.search .gs-webResult div.gs-visibleUrl-short{
	color: #1f1f1f;
}

.search .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet, .gs-fileFormatType{
	color: #1f1f1f;
	font-size: 16px;
}

.search .gs-web-image-box, .gs-promotion-image-box{
	display: none;
}