@charset "utf-8";

.afterfix:after {
	display: block;
	content: '';
	height: 0;
	visibility: hidden;
	clear: both;
}

.icon::before {
	content: " ";
	display: inline-block;
	position: relative;
	background: url('../images/gemalto-icons.png') no-repeat;
	width: 18px;
	height: 18px;
	margin-right: 3px;
	top: 3px;
}

.h10 {
	height: 10px;
}

.h20 {
	height: 20px;
}

.page {
	width: 100%;
	min-height: 100vh;
}


.page-header {
	width: 100%;
	background-color: #fff;
}

.page-header-wrapper {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 72px;
}


.page-header-search {
	display: none;
	position: absolute;
	top: 100%;
	right: 140px;
	width: 480px;
	z-index: 101;
}

.page-header-search.on {
	display: block;
}

.page-header-search a.close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 100%;
}

.page-header-search-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 3px;
	border: 1px solid #cfcfcf;
	background-color: #fff;
	width: 100%;
	height: 48px;
	flex-shrink: 0;
}

.page-header-search a.close i {
	display: block;
	width: 14px;
	height: 14px;
	background: url(../images/icon-close-grey.svg) center/contain no-repeat;
}

.page-header-search input {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 12px;
	/* margin-right: 8px; */
	font-family: inherit;
	font-size: var(--font-size-16);
	border: 0;
	background-color: transparent;
}

.page-header-search input[type="submit"] {
	display: block;
	background-color: #242A75;
	height: 24px;
	padding: 0 5px;
	border: 1px solid #f9f9f9;
	font-size: 100%;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	cursor: pointer;
}

.page-header-wrapper .left {
	display: flex;
	align-items: center;
}

.page-header-wrapper .right {
	display: flex;
	align-items: center;
	margin-right: 60px;
}

.page-header-login {
	font-size: var(--font-size-16);
	color: #4F4F4F;

}

.page-header-login a {
	color: #4F4F4F;
	margin: 0 5px;
}

.page-header-wrapper .buttons .btn-search {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
}

.page-header-wrapper .buttons .btn-search i {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/icon-search.svg) center/contain no-repeat;
}

.page-header-wrapper .logo {
	width: 176px;
	height: 40px;
	background: url(../images/thales-logo-building-a-future-we-can-all-trust.svg) center/contain no-repeat;
	margin-right: 70px;
}


.page-header .nav {
	height: 84px;
}

.page-header .nav .nav-wrapper>ul {
	display: flex;
	align-items: center;
}

.page-header .nav li {
	height: 100%;
	line-height: 34px;
	padding: 25px 12px;


	position: relative;
}

.page-header .nav li a {
	display: block;
	width: 100%;
	font-size: var(--font-size-16);
	color: #000;
	padding: 0 5px;
	text-align: center;
	position: relative;


}

.page-header .nav li span {
	display: none;
}


.page-header .nav li a:after {
	display: block;
	content: '';
	width: 1px;
	height: 60%;
	position: absolute;
	top: 20%;
	left: 100%;
	margin-left: 11px;
	background-color: #929292;
}

.page-header .nav li:last-child a:after {
	display: none;
}

.page-header .nav li .nav-child {
	display: none;
	min-width: 200%;
	padding: 20px;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	border: 1px solid #ddd;
	z-index: 11;
	border-radius: 9px;
}

.page-header .nav li .nav-child.pro {
	min-width: 440%;
}

.page-header .nav li.on .nav-child.pro {
	display: flex;
}

.page-header .nav li.on .nav-child:not(.pro) {
	display: block;
}

.page-header .nav li .nav-child:before {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #ddd;
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -16px;
	z-index: 9;
}

.page-header .nav li .nav-child:after {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #ffffff;
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -15px;
	z-index: 10;
}

.page-header .nav li .nav-child li {
	width: 100%;
	padding: 0;
	line-height: 30px;
	border-top: 1px solid #ddd;
}

.page-header .nav li .nav-child.pro>li {
	padding: 0 5px;


	border-top: 0;
	margin-right: 40px;
}

.page-header .nav li .nav-child.pro>li:last-child {
	border-bottom: 0;
}

.page-header .nav li .nav-child.pro>li ul {
	padding-left: 10px;
	padding-top: 5px;
}

.page-header .nav li .nav-child.pro>li ul li {
	border-top: 0;
	border-bottom: 0;
}

.page-header .nav li .nav-child li:last-child {
	border-bottom: 1px solid #ddd;
}

.page-header .nav li .nav-child li:first-child {
	border-top: 0;
}

.page-header .nav li .nav-child li a {
	display: block;
	padding-left: 23px;
	text-align: left;
	background: url('../images/gemalto-icons.png') -5px -142px no-repeat;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
}

.page-header .nav li .nav-child li a:after {
	display: none;
}

.page-header .nav li .nav-child li a {
	white-space: nowrap;
}

.page-header .nav li .nav-child.consult {
	min-width: 440%;
}

.page-header .nav li .nav-child.consult h4 {
	font-weight: bold;
	font-size: var(--font-size-16);
}

.page-header .nav li .nav-child.consult p {

	line-height: 30px;
}

.page-header .nav li.noline .nav-child.pro>li>a {
	border: 0;
}

.page-header .nav li.noline .nav-child.pro>li ul li {
	border-bottom: 0;
}

.page-header .nav .account {
	display: none;
}

.page-container {
	width: 100%;
	background-color: #f6f6f6;
	border-top: 7px solid #242A75;
}

.page-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	padding: 0 60px;

}

.page-container-bg {
	width: 100%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	padding-top: 17vw;
}

.page-banner {
	height: 320px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: min(100%, 1920px) auto;
	background-color: #000;
}


.page-banner .gonggao {
	height: 100%;
	display: flex;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 60px;
}

.page-banner .gonggao h3 {
	font-size: var(--font-size-44);
	color: #fff;
	font-weight: 500;
	line-height: 1.5;
}

.page-content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.page-content.move-up {
	margin: -100px auto 0;
}

.shadow {
	position: absolute;
	width: 40px;
	height: 268px;
}

.shadow.left {
	top: 50px;
	right: 100%;
	background: url('../images/intro-shadow-left.png') 0 0 no-repeat;
}

.shadow.right {
	top: 50px;
	left: 100%;
	background: url('../images/intro-shadow-right.png') 0 0 no-repeat;
}

.page-content-item {
	background-color: #fff;
	border-radius: 0 22px 0 0;
	overflow: hidden;
}

.page-content-item .item-sction {
	padding: 60px;
}

.page-footer {
	background: linear-gradient(to bottom, #296398 0%, #4187C5 100%);
}

.page-footer .page-footer-wrapper {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

.page-footer .page-footer-wrapper h3 {
	color: #b8b8b8;
}

.page-footer .page-footer-wrapper .cbanner {
	padding: 0 30px;
	position: relative;
}

.page-footer .page-footer-wrapper .swiper-container {
	padding: 10px 0;
	position: static;
}

.page-footer .page-footer-wrapper .swiper-button-next,
.page-footer .page-footer-wrapper .swiper-container-rtl .swiper-button-prev {
	background-image: url('../images/fuschia_arrows.png');
	background-position: 0px -53px;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	width: 20px;
	height: 25px;
	margin-top: -12px;
	right: 10px;
}

.page-footer .page-footer-wrapper .swiper-button-prev,
.page-footer .page-footer-wrapper .swiper-container-rtl .swiper-button-next {
	background-image: url('../images/fuschia_arrows.png');
	background-position: 0px 0px;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	width: 20px;
	height: 25px;
	margin-top: -12px;
	left: 10px;
}

.page-footer .page-footer-wrapper .swiper-slide {
	text-align: center;
}

.page-footer .page-footer-wrapper .swiper-slide img {
	max-width: 100%;
}

.page-footer .page-footer-wrapper .cbanner li img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
	opacity: 0.6;
}

.page-footer .page-footer-wrapper .copyright {
	padding: 40px 60px;
}

.page-footer .page-footer-wrapper .copyright.padding {
	padding: 40px 0;
}

.page-footer .page-footer-wrapper .privacytext {
	width: 700px;
	float: left;
}

.page-footer .page-footer-wrapper .privacytext p {
	color: #ffffff;
	line-height: 1.4;
	padding: 5px 0;

}

.page-footer .page-footer-wrapper .privacytext p a {
	color: #ffffff;

}

/* Social Icons Start */
.social {
	float: right;
}

.social ul li {
	padding: .5em .25em 0 .25em;
	text-indent: 0;
	list-style-type: none;
	float: left;
}

.social img {
	opacity: 0.7;
}

/* page base info */
.item-sction.intro {
	background-image: linear-gradient(to bottom, #ffffff 0%, #F6F6F6 100%);
	border-bottom: 1px solid #242A75;
}

.item-sction.intro .item-sction-wrap {
	height: 100%;
}

.item-sction.intro .item-sction-wrap .con {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.item-sction.intro .item-sction-wrap .text {
	position: relative;
	margin-right: 100px;
	font-weight: 200;
}

.item-sction.intro .item-sction-wrap h3 {
	font-size: var(--font-size-44);
	color: #242A75;
	line-height: 1.5;
}

.item-sction.intro .item-sction-wrap small {
	display: block;
	font-size: var(--font-size-24);
	color: #242A75;
	line-height: 1.5;
}


.item-sction.intro .item-sction-wrap .text p {
	font-size: var(--font-size-20);
	line-height: 1.5;
	color: #4f4f4f;
	margin-top: 24px;
}

.item-sction.intro .item-sction-wrap .con .code {
	width: 160px;
	flex-shrink: 0;
}

.item-sction.intro .item-sction-wrap .con .code img {
	display: block;
	width: 100%;
}

.item-sction.intro .item-sction-wrap .con .code span {
	display: block;
	font-size: var(--font-size-18);
	color: #242A75;
	line-height: 1.4;
	text-align: center;
	margin-top: 10px;
}


/* index */
.index.page-container {
	border-top-width: 0;
}

.index .page-container-bg {
	padding-top: 0;
	background: linear-gradient(to bottom, #E9E9E9 400px, #ffffff 90vh);
}

.index .page-content-item {
	border-radius: 0;
}

.index .item-sction.intro {
	border-bottom-width: 0;
}

.index .item-sction.product .item-sction-wrap h3 {
	font-size: var(--font-size-30);
	color: #242A75;
}

.index .item-sction.product .item-sction-wrap .item-table {
	padding-top: 30px;
}

.index .item-sction.product .item-sction-wrap ul {
	display: flex;
	justify-content: space-between;
}

.index .item-sction.product .item-sction-wrap li {
	width: calc(25% - 45px);
}

.index .item-sction.product .item-sction-wrap .item-table li h4 {
	font-size: var(--font-size-18);

	font-weight: bold;
	color: #000;
	line-height: 1.5;
	text-align: center;
}

.index .item-sction.product .item-sction-wrap .item-table li img {
	display: block;
	width: 136px;
	margin: 10px auto;
}

.index .item-sction.product .item-sction-wrap .item-table li p {

	color: #4F4F4F;
	line-height: 1.5;
}

.index .item-sction.product .item-sction-wrap .item-table li p a {
	text-decoration: underline;
	color: #242A75;
}

.index .item-sction.product .item-sction-wrap .item-table li .item-li-list a {
	display: block;

	color: #242A75;
	line-height: 1.5;
	position: relative;
}

.index .item-sction.product .item-sction-wrap .item-table li .item-li-list a:before {
	background-position: 0 -3300px;
}

.index .item-sction.trial {
	padding: 0;
	padding-bottom: 16px;
	border-top: 1px solid #242A75;
	border-bottom: 1px solid #dedede;
	position: relative;
}

.index .item-sction.trial .trial-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 174px;
	height: 100%;
	background: url('../images/sq.png') 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;


	padding-right: 9px;
	text-align: center;
	line-height: 34px;
	color: #fff;
}

.index .item-sction.trial .trial-info {
	padding-left: 180px;
	height: 27px;
	line-height: 27px;
	background-color: #8f8f8f;
	font-size: 12px;
	color: #fff;
}

.index .item-sction.news {
	border-bottom: 1px solid #dedede;
}

.index .item-sction.news .item-sction-wrap {
	padding: 10px 0;
	margin: 0 -30px;
}

.index .item-sction.news .item-sction-wrap .box {
	float: left;
	width: 33.3333%;


	padding: 20px 30px;
}

.index .item-sction.news .item-sction-wrap .box h3 {
	font-size: var(--font-size-24);
	color: #4f4f4f;
	padding-bottom: 24px;
}

.index .item-sction.news .item-sction-wrap .box ul {
	min-height: 240px;
}

.index .item-sction.news .item-sction-wrap .box li {
	padding-bottom: 10px;
}

.index .item-sction.news .item-sction-wrap .box li h4 {

	font-weight: bold;

	color: #000;
	line-height: 22px;
}

.index .item-sction.news .item-sction-wrap .box li p {
	color: #000;
	line-height: 22px;
}

.index .item-sction.news .item-sction-wrap .box li span {
	display: block;
	color: #000;
	line-height: 22px;
}

.index .item-sction.news .item-sction-wrap .box a.more-link {
	display: block;

	color: #b91f67;

	text-decoration: underline;
}

/* 微课 start*/
.index .item-sction.micro-lessons {
	background: linear-gradient(to bottom, #242A75 0%, #272935 100%);
	padding: 40px 60px;
}

.index .item-sction.micro-lessons .item-title {
	text-align: center;
	font-size: var(--font-size-30);
	color: #fff;
	line-height: 1.4;
	margin-bottom: 30px;
}

.index .item-sction.micro-lessons .item-title span {
	color: #15bbdd;
}

.index .item-sction.micro-lessons .item-content {
	display: flex;
	justify-content: space-between;
}

.index .item-sction.micro-lessons .item-content .box {
	width: calc(100% / 3 - 3%);
}

.index .item-sction.micro-lessons .item-content .box .img {
	width: 100%;
	aspect-ratio: 16/9;
	overflow: hidden;
}

.index .item-sction.micro-lessons .item-content .box .img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index .item-sction.micro-lessons .item-content .box .con {
	display: flex;
	align-items: center;
	height: 72px;
	background-color: #fff;
	padding: 10px;
}

.index .item-sction.micro-lessons .item-content .box .con i {
	width: 22px;
	height: 22px;
	flex-shrink: 0;
	margin-right: 10px;
	background: url(../images/icon-links.svg) center/contain no-repeat;
}

.index .item-sction.micro-lessons .item-content .box .con p {
	font-size: var(--font-size-18);
	color: #242a75;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 3.0em;
	/* 'em'是相对于当前字体大小的单位，2行大约是2em */
	line-height: 1.5em;
	/* 这里的行高要与max-height相乘等于你的容器高度 */
}

/* 微课 end*/

/* 亮点 */
.index .col-three-counter {
	background-color: #F6F6F6;
	padding: 20px 60px;
}

.index .col-three-counter .item-content {
	display: flex;
	justify-content: space-between;
}

.index .col-three-counter .item-content .box {
	width: calc(100% / 3 - 3%);
}

.index .col-three-counter .item-content .box .con {
	text-align: center;
	height: 210px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.index .col-three-counter .item-content .box .con strong {
	font-size: var(--font-size-50);
	color: #15bbdd;
	font-weight: 500;
}

.index .col-three-counter .item-content .box .con p {
	font-size: var(--font-size-32);
	color: #707070;
	margin-top: 16px;
}

/* 首页视频 */
.index .video {
	background-color: #707070;
	padding: 60px 0;
}

.index .video .item-content {
	position: relative;
}

.index .video .swiper-slide {
	padding: 0 60px;
	height: auto;
}

.index .video .swiper-slide .box {
	display: flex;
	height: 100%;
}

.index .video .box .img {
	width: 300px;
	height: 168px;
	flex-shrink: 0;
	overflow: hidden;
	margin-right: 60px;
}

.index .video .box .img img {
	display: block;
	width: 100%;
	object-fit: cover;
}

.index .video .box .con {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* text-align: center; */
}

.index .video .box .con h5 {
	font-size: var(--font-size-28);
	font-weight: 500;
	line-height: 1.4;
	color: #fff;
}

.index .video .box .con p {
	/* margin-top: auto; */
	/* text-align: right; */
	font-size: var(--font-size-18);
	color: #f6f6f6;
	font-weight: 200;
}

.index .video .swiper-button-prev,
.index .video .swiper-button-next {
	width: 22px;
	height: 22px;
	margin-top: -11px;
	color: #fff;
}

.index .video .swiper-button-prev:after,
.index .video .swiper-button-next:after {
	font-size: var(--font-size-22);
}

.index .video .swiper-button-prev,
.index .video .swiper-rtl .swiper-button-next {
	left: 19px;
}

.index .video .swiper-button-next,
.index .video .swiper-rtl .swiper-button-prev {
	right: 19px;
}

/* 资料阅读 */
.index .data {
	background-color: #ffffff;
	padding: 60px;
}

.index .data .box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.index .data .box .img {
	display: block;
	width: 240px;
	height: 240px;
	flex-shrink: 0;
}

.index .data .box .img img {
	display: block;
	width: 100%;
	object-fit: contain;
}

.index .data .box .con {
	margin-right: 60px;
}

.index .data .box .con h5 {
	font-size: var(--font-size-28);
	color: #242a75;
	line-height: 1.4;
}

.index .data .box .con p {
	margin-top: 24px;
	font-size: var(--font-size-18);
	line-height: 1.4;
	color: #242a75;
	font-weight: 200;
}

.index .data .box .con a {
	display: block;
	margin-top: 24px;
	width: 120px;
	height: 40px;
	border-radius: 4px;
	background-color: #242a75;
	color: #fff;
	line-height: 40px;
	text-align: center;
	font-size: var(--font-size-20);
}

.activity .item-sction.product {
	border-bottom: 1px solid #242A75;
	padding: 0 60px;
}

.activity .item-sction.product li {
	padding: 50px 0;
	border-bottom: 1px solid #dedede;
}

.activity .item-sction.product li a {
	display: block;
}

.activity .item-sction.product li a img {
	display: block;
	float: left;
	width: 28%;
}

.activity .item-sction.product li a .text {
	float: right;
	width: 68%;
}

.activity .item-sction.product li a .text h4 {
	font-size: var(--font-size-22);
	line-height: 1.2;
	padding-bottom: 15px;
	color: #000;
}

.activity .item-sction.product li a .text small {
	display: block;

	color: #000;
	font-weight: bold;
	padding-bottom: 15px;

}

.activity .item-sction.product li a .text p {

	color: #000;

	line-height: 24px;
}

.activity .item-sction.product li:last-child {
	border-bottom: 0;
}

.activity .item-sction.pagination {
	padding-top: 15px;
	padding-bottom: 70px;
	background-color: #f6f6f6;
	text-align: center;

}

.activity .item-sction.pagination span {
	display: inline-block;

}

.activity .item-sction.pagination span em {
	display: inline-block;
	margin: 0 3px;
	color: #f67b30;
}

.activity .item-sction.pagination a {
	display: inline-block;
	margin: 0 3px;
	color: #000;

}

.page-container.detail {
	border-top: 7px solid #242A75;
}

.page-container.detail .page-content {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	max-width: 100%;
	background: transparent;
}

.detail .item {
	border-bottom: 1px solid #dedede;
}

.detail .item .item-wrapper {
	border-bottom: 0;
	max-width: 1200px;
	margin: 0 auto;
}

.detail .item .item-sction {
	padding: 10px 60px;
}

.detail .item .item-sction h3 {
	font-size: var(--font-size-32);
	color: #242A75;
}

.detail .item .item-sction small {
	font-size: var(--font-size-24);
}

.detail .item .item-sction .text {
	padding: 20px 0;
	min-height: auto;
}

.detail .item .item-sction .text p {
	padding-bottom: 16px;

	line-height: 1.6;
	font-size: var(--font-size-16);
}

.detail .item .item-sction .btn {
	padding-bottom: 20px;
	text-align: right;
}

.detail .item .item-sction .btn a {
	display: inline-block;
	width: 190px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	background-color: #242A75;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	font-size: var(--font-size-24);
	color: #fff;
}

.detail .item.agenda {
	background-color: #fff;
}

.detail .item .item-sction .table {
	padding: 10px 90px;
}

.detail .item .item-sction .table p {
	padding-bottom: 12px;

	line-height: 24px;
	font-size: var(--font-size-16);
}

.detail .item .item-sction .table ul {
	padding-left: 20px;
}

.detail .item .item-sction .table ul li {

	line-height: 24px;

	list-style-type: disc;
	list-style-image: url(../images/disc.gif);
}

.detail .item.tel {
	background-color: #242A75;
	height: 60px;
}

.detail .item.tel .item-wrapper {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.detail .item.tel .item-wrapper p {
	line-height: 60px;
	text-indent: 120px;
	font-size: var(--font-size-22);
	color: #fff;
}

.upload {
	border-top: 7px solid #242A75;
	background-color: #f5f5f5;
	padding-bottom: 60px;
}

.upload .page-content {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
}

.upload .title {
	line-height: 120px;
	padding: 0 70px;
}

.upload .title h3 {
	font-size: var(--font-size-44);
	color: #242A75;
}

.upload.word .item-sction {
	padding: 0 70px;
	border-bottom: 1px solid #242A75;
}

.upload.word .item h4 {
	font-size: var(--font-size-18);
	color: #242A75;
	line-height: 70px;
	border-bottom: 1px solid #e4e4e4;
}

.upload.word .item ul {
	padding: 12px 18px;
}

.upload.word .item ul li {
	line-height: 24px;
	padding: 8px 0 8px 32px;
	border-bottom: 1px solid #e4e4e4;
	position: relative;
}

.upload.word .item ul li:before {
	display: block;
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 14px;
	left: 6px;
	z-index: 1;
	background-color: #4e4e4e;
	-webkit-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
}

.upload.word .item ul li a {


	color: #4e4e4e;
	letter-spacing: 1px;
}

.upload.word .item .pagination {
	text-align: center;
	padding-bottom: 40px;
}

.upload.word .item .pagination a {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin: 0 5px;
	color: #000;
}

.upload.word .item .pagination span {
	min-width: 20px;
	height: 20px;
	display: inline-block;
	margin: 0 5px;
	color: #242A75;
}

.upload.word .item .pagination span.sl {
	color: #000;
}

.upload.word .item .pagination a.next {
	background: url('../images/gemalto-icons.png') 0 -3519px no-repeat;
}

.upload.word .item .pagination a.prev {
	background: url('../images/gemalto-icons.png') 0 -3539px no-repeat;
}

.upload.software .page-content {
	padding-bottom: 40px;
}

.upload.software .item-table {
	padding: 0 60px 20px;
}

.upload.software .item h4 {
	font-size: var(--font-size-18);
	color: #242A75;
	line-height: 48px;
}

.upload.software .item table {
	border: 1px solid #e4e4e4;
	border-collapse: collapse;
}

.upload.software .item table th {
	height: 26px;
	background-color: #e9e9e9;
	font-weight: bold;


	color: #4d4d4d;
}

.upload.software .item table td {
	border: 1px solid #e4e4e4;


	text-align: center;
	color: #4d4d4d;
	padding: 6px 0;
}

.upload.software .item table td a {
	display: block;
	margin: 0 5px;

	text-align: left;
	color: #4d4d4d;
	text-decoration: underline;


}

.interact {
	padding-bottom: 10px;
}

.interact .item-sction.intro {
	border-bottom: 0;
}

.interact .item-sction.intro p {
	padding-bottom: 25px;

	line-height: 24px;

}

.interact .question {
	padding: 10px 0;
}

.interact .question h4 {
	font-weight: bold;
	line-height: 1.4;

}

.interact .question .option {
	padding: 15px 0;
	line-height: 24px;
}

.interact .question span {
	display: inline-block;
	margin: 0 5px;

}

.interact .question .question-btn {
	padding: 60px 0;
}

.interact .question .question-btn input {
	width: 180px;
	height: 36px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	background-color: #ba0b68;
	color: #fff;
	cursor: pointer;
}

.tryout {
	padding-bottom: 30px;
}

.tryout .item-sction.product {
	border-bottom: 1px solid #242A75;
	padding: 0 60px;
}

.tryout .item-sction.product li {
	padding: 20px 0;
	border-bottom: 1px solid #dedede;
}

.tryout .item-sction.product li img {
	display: block;
	float: left;
	width: 28%;
}

.tryout .item-sction.product li .text {
	float: right;
	width: 68%;
	padding-top: 25px;
}

.tryout .item-sction.product li .text h4 {
	font-size: var(--font-size-22);
	line-height: 1.2;
	padding-bottom: 10px;
	color: #000;
}

.tryout .item-sction.product li .text small {
	display: block;

	color: #000;
	padding-bottom: 15px;

}

.tryout .item-sction.product li .text p {

	color: #000;

	line-height: 24px;
}

.tryout .item-sction.product li .text .link-wrapper {
	margin: 10px 0;
	height: 32px;
}

.tryout .item-sction.product li .text .link-wrapper a {
	display: inline-block;
	line-height: 32px;
}

.tryout .item-sction.product li .text .link-wrapper a.link {
	color: #242A75;
	margin-right: 80px;
	font-size: var(--font-size-16);
}

.tryout .item-sction.product li .text .link-wrapper a.btn {
	float: right;
	width: 110px;
	height: 100%;
	color: #fff;
	background-color: #242A75;
	text-align: center;
	font-size: var(--font-size-16);
}

.tryout .item-sction.product li:last-child {
	border-bottom: 0;
}

.popup-layer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .65);
	z-index: 999;
}

.popup-layer .boxs {
	width: 100%;
	max-width: 880px;
	min-height: 560px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -280px;
	margin-left: -440px;
	z-index: 1;
	background-color: #fff;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	border: 4px solid #ebebeb;
}

.popup-layer .boxs .logo {
	width: 140px;
	height: 50px;
	background: url('../images/logo-gemalto-340x120.gif') 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	right: 30px;
	top: 20px;
}

.popup-layer .boxs .wrapper {
	padding: 60px 40px;
}

.popup-layer a.close {
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	right: -16px;
	bottom: -16px;
	background: url('../images/icon-close.png') 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.popup-layer .boxs .wrapper h3 {
	padding-bottom: 10px;
	color: #242A75;
	font-size: var(--font-size-22);
}

.popup-layer .boxs .wrapper p {

	line-height: 24px;
}

.popup-layer .boxs .wrapper ul {
	padding-left: 32px;
}

.popup-layer .boxs .wrapper ul li {
	/*padding:6px 0;*/
	position: relative;
}

.popup-layer .boxs .wrapper ul li:before {
	display: block;
	content: '';
	width: 14px;
	height: 14px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	left: -26px;
	z-index: 1;
	background-color: #454545;
	-webkit-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
}

.product-detail {
	padding-bottom: 30px;
}

.product-detail .page-content-item {
	border-radius: 0;
}

.product-detail .page-content {
	border-radius: 0;
}

.product-detail .item-sction {
	border-bottom: 0;
}

.product-detail .item-sction.intro .item-sction-wrap small {
	font-size: var(--font-size-22);
	color: #000;
	padding-top: 10px;
	padding-bottom: 20px;
}

.product-detail .item-sction.intro .item-sction-wrap .text {
	min-height: inherit;
	padding-right: 0;
}

.product-detail .item-sction.intro .item-sction-wrap .pro-img {
	padding-top: 10px;
	padding-bottom: 30px;
}

.product-detail .item-sction.intro .item-sction-wrap .pro-img li {
	float: left;
	width: 50%;
	text-align: center;
}

.product-detail .item-body {
	position: relative;
	padding-top: 30px;
}

.product-detail .item-body .tag {
	border-bottom: 1px solid #242A75;
	width: 100%;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: #f6f6f6;
}

.product-detail .item-body .tag li {
	display: inline-block;
	height: 100%;
	line-height: 30px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background-color: #454545;
}

.product-detail .item-body .tag li.active {
	background-color: #242A75;
}

.product-detail .item-body .tag li a {
	display: block;
	height: 100%;
	padding: 0 30px;
	color: #fff;
}

.product-detail .item-body .item-sction-wrap {
	padding: 40px 5px;
}

.product-detail .item-body .item-sction-wrap .item-list h4 {

	line-height: 1.4;

	font-size: var(--font-size-22);

	padding-bottom: 10px;

	/* color: #b91f67; */
}

.product-detail .item-body .item-sction-wrap .item-list p {

	line-height: 24px;

}

.product-detail .item-body .item-sction-wrap .item-list ul {
	padding-left: 20px;
}

.product-detail .item-body .item-sction-wrap .item-list li {

	line-height: 1.4;

	list-style-type: disc;
	list-style-image: url('../images/disc.gif');
	padding-left: 10px;
}

.product-detail .item-body .item-sction-wrap a.list-tag {
	display: block;
	height: 60px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;


	padding: 10px 15px;
}

.product-detail .item-body .item-sction-wrap a.list-tag span {
	display: block;
	position: relative;
	/* color: #b91f67; */
}

.product-detail .item-body .item-sction-wrap a.list-tag span:before {
	background-position: 0 -1860px;
}

.product-detail .item-body .item-sction-wrap .open a.list-tag span:before {
	background-position: 0 -1880px;
}

.product-detail .item-body .item-sction-wrap .list-content {
	padding-top: 20px;
	padding-left: 40px;
	height: 0;
	overflow: hidden;
}

.product-detail .item-body .item-sction-wrap .open .list-content {
	height: auto;
}

.product-detail .item-body .item-sction-wrap.base h3 {
	font-size: var(--font-size-18);
}

.product-detail .item-body .item-sction-wrap.more-detail {
	margin: 0 -65px;
	padding: 40px 65px;
	border-top: 10px solid #f6f6f6;
}

.product-detail .item-body .item-sction-wrap.more-detail .list-link {
	padding-top: 10px;
}

.product-detail .item-body .item-sction-wrap.more-detail .list-link a {
	display: block;
	float: left;
	width: 50%;
	line-height: 30px;
	position: relative;
	/* color: #b91f67; */
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.product-detail .item-body .item-sction-wrap.more-detail .list-link a:before {
	background-position: 0px -2146px;
}

.product-detail .item-body .item-sction-wrap.related-word {
	margin: 0 -65px;
	padding: 40px 65px;
	border-top: 10px solid #f6f6f6;
}

.product-detail .item-body .item-sction-wrap.related-word .list-con {
	padding-top: 10px;
}

.product-detail .item-body .item-sction-wrap.related-word .list-con-ls {
	padding-bottom: 10px;
}

.product-detail .item-body .item-sction-wrap.related-word .list-con-ls h5 {
	font-weight: bold;

	position: relative;

}

.product-detail .item-body .item-sction-wrap.related-word .list-con-ls h5:before {
	background-position: 0 -3520px;
}

.product-detail .item-body .item-sction-wrap.related-word .list-con-ls p {

	padding-left: 19px;

	padding: 5px 0;
	line-height: 1.4;
}

.product-detail .item-body .item-sction-wrap.related-word .list-con-ls p a {
	color: #b91f67;
	text-decoration: underline;
	line-height: 1.8;
}


/*2019-10-17 start*/
.register-item .title {
	padding: 50px 0;
}

.register-item .title h3 {
	font-size: var(--font-size-44);
	color: #242A75;
	line-height: 1.6;
}

.register-item .title small {
	font-size: var(--font-size-22);
	color: #000;
	line-height: 1.4;
}

.register-item .item-table {
	padding-bottom: 90px;
}

.register-item .item-table .table-form {
	float: left;
	width: 400px;
}

.register-item .item-table .table-form li {
	height: 30px;
	margin-bottom: 10px;
	position: relative;
	list-style: none;
}

.register-item .item-table .table-form li .input {
	padding-left: 60px;
	height: 100%;
}

.register-item .item-table .table-form li span {
	display: block;
	width: 55px;
	height: 100%;
	line-height: 30px;

	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	font-size: var(--font-size-16);
}

.register-item .item-table .table-form li span.must:after {
	position: absolute;
	display: block;
	content: '*';
	color: #242A75;
	top: 0;
	right: 0;
	z-index: 1;
	line-height: 1.2;
}

.register-item .item-table .table-form li .input input {
	height: 100%;
	width: 100%;


	border: 1px solid #dedede;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	background-color: #fff;
	padding: 0 5px;
	font-size: 12px;

}

.register-item .item-table .table-form li .input.yzcode {
	width: 50%;


}

.register-item .item-table .table-form li .yzcode-btn {
	width: 40%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 3px;
	background-color: #242A75;
	border: 1px solid #242A75;
	color: #fff;

}

.register-item .item-table .table-form li .yzcode-btn.disable {
	background-color: #b2b2b2;
	border: 1px solid #b2b2b2;
}

.register-item .item-table .table-form .txtea-tit {
	font-size: var(--font-size-16);

	line-height: 36px;
}

.register-item .item-table .table-form textarea {
	width: 100%;
	height: 100px;


	border: 1px solid #dedede;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	background-color: #fff;
	padding: 5px;
	resize: none;
	font-size: 12px;

	overflow: hidden;
}

.register-item .item-table .table-form .btn {
	padding: 20px 0;
	text-align: right;
}

.register-item .item-table .table-form .btn-w {
	display: inline-block;
	position: relative;
}

.register-item .item-table .table-form .btn-w:after {
	display: block;
	content: '';
	width: 18px;
	height: 18px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 5px;
	z-index: 1;
	background: #242A75 url(../images/icon-login.svg)center/contain no-repeat;
}

.register-item .item-table .table-form .btn input {
	padding: 0 30px;
	font-size: var(--font-size-24);
	color: #242A75;
	cursor: pointer;
}

.register-item .item-table .table-info {
	float: right;
	width: 600px;
}

.register-item .item-table .table-info p {
	font-size: var(--font-size-16);

	line-height: 24px;
}

.register-item .item-table .table-info a {

	color: #242A75;
}


/*2019-10-17 end*/



.register .page-content {
	background: transparent;
}

.register .item {
	padding: 0 30px;
}

.register .title {
	padding: 50px 0;
}

.register .title h3 {
	font-size: var(--font-size-44);
	color: #242A75;
	line-height: 1.6;
}

.register .title small {
	font-size: var(--font-size-22);
	color: #000;
	line-height: 1.4;
}

.register .title p {
	font-size: var(--font-size-16);
}

.register .item-table {
	padding-bottom: 90px;
}

.register .item-table .table-form {
	float: left;
	width: 400px;
}

.register .item-table .table-form li {
	height: 36px;
	margin-bottom: 10px;
	position: relative;
}

.register .item-table .table-form li .input {
	padding-left: 60px;
	height: 100%;
}

.register .item-table .table-form li span {
	display: block;
	width: 55px;
	height: 100%;
	line-height: 30px;

	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	font-size: var(--font-size-16);
}

.register .item-table .table-form li span.must:after {
	position: absolute;
	display: block;
	content: '*';
	color: #242A75;
	top: 0;
	right: 0;
	z-index: 1;
	line-height: 1.2;
}

.register .item-table .table-form li .input input {
	height: 100%;
	width: 100%;


	border: 1px solid #dedede;
	border-radius: 6px;
	background-color: #fff;
	padding: 0 10px;
	font-family: inherit;
	font-size: 100%;
}

.register .item-table .table-form li .input.yzcode {
	width: 50%;


}

.register .item-table .table-form li .yzcode-btn {
	width: 40%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 3px;
	background-color: #242A75;
	border: 1px solid #242A75;
	color: #fff;

}

.register .item-table .table-form li .yzcode-btn.disable {
	background-color: #b2b2b2;
	border: 1px solid #b2b2b2;
}

.register .item-table .table-form .txtea-tit {
	font-size: var(--font-size-16);

	line-height: 36px;
}

.register .item-table .table-form textarea {
	width: 100%;
	height: 100px;


	border: 1px solid #dedede;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	background-color: #fff;
	padding: 10px;
	resize: none;
	font-family: inherit;
	font-size: 100%;

	overflow: hidden;
}

.register .item-table .table-form .btn {
	padding: 20px 0;
	text-align: right;
}

.register .item-table .table-form .btn-w {
	display: inline-block;
	position: relative;
}

.register .item-table .table-form .btn-w:after {
	display: block;
	content: '';
	width: 18px;
	height: 18px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: 5px;
	z-index: 0;
	background: #242A75 url(../images/icon-login.svg)center/contain no-repeat;
}

.register .item-table .table-form .btn input {
	padding: 0 30px;
	font-size: var(--font-size-24);
	color: #242A75;
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.register .item-table .table-info {
	float: right;
	width: 660px;
	font-size: var(--font-size-16);
}

.register .item-table .table-info p {
	line-height: 24px;
}

.register .item-table .contact-us-content {
	display: flex;
}

.register .item-table .contact-us-item:first-child {
	max-width: 700px;
	width: 100%;
}

.register .item-table .contact-us-item p {
	line-height: 1.5;
	color: #000;
	padding: 0;
}

.register .item-table .contact-us-item p a {
	color: #000;
}

.register .item-table .contact-us-item p.tit {
	font-size: var(--font-size-28);
	color: #242a75;
	padding: 10px 0;
}

.register .item-table .contact-us-item img {
	display: block;
	max-width: 160px;
	width: 100%;
}

.register .item-table .contact-us-item img+p {
	text-align: center;
	white-space: nowrap;
}

.solution-detail .page-content {
	background-color: transparent;
}

.solution-detail .item {
	padding: 30px;
}

.solution-detail .item .title {
	padding-top: 20px;
	padding-bottom: 10px;
}

.solution-detail .item .title h3 {
	font-size: var(--font-size-44);
	color: #242A75;
}

.solution-detail .item .title small {
	display: block;
	font-size: var(--font-size-22);
	line-height: 2;
}

.solution-detail .item-content {
	text-align: center;
}

.solution-detail .item-content ul {
	padding-left: 20px;
}

.solution-detail .item-content ul li {
	padding-left: 10px;
	list-style-type: disc;
	list-style-image: url(../images/disc.gif);
}

.solution-detail .item-content img {
	margin: 10px;
	max-width: 100%;
}

.solution-detail .item-content p {
	text-align: left;
	padding-bottom: 13px;


	line-height: 24px;
}

.solution-detail video {
	display: block;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 16/9;
}

.consult-content h4 {
	font-size: var(--font-size-22);
}

.consult-content p {
	padding: 10px 0;
}


.search-page {
	padding-bottom: 60px;
}

.search-page .page-content {
	background-color: #f6f6f6;
}

.search-page .title {
	padding: 30px 0 10px 0;
}

.search-page .title h3 {
	font-size: var(--font-size-36);
	color: #242A75;
	line-height: 1.6;
}

.search-page .title small {
	font-size: var(--font-size-22);
	color: #000;
	line-height: 1.4;
	color: #6d6e70;
}

.search-page .item-pagination {
	padding: 20px 0 30px 0;
	text-align: right;
}

.search-page .item-pagination a {
	display: inline-block;
	width: 22px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	background-color: #efefef;
	color: #555;
	margin-left: 6px;
}

.search-page .item-pagination a.active {
	color: #fff;
	background-color: #999;
}

.search-page .item-list {
	margin-bottom: 20px;
}

.search-page .item-list h3 {
	line-height: 1.4;
}

.search-page .item-list h3 a {
	font-size: var(--font-size-16);

	font-weight: bold;
	color: #242A75;
}

.search-page .item-list h3 span {

	padding-top: 2px;
	padding-left: 15px;
	color: #777;
}

.search-page .item-list p {
	line-height: 1.4;
	padding-top: 5px;
	color: #000;
}

#AspNetPager1>div {
	float: none !important;
	display: inline-block;
}

/* 视频中心 */
.page-video {
	border-top-width: 0;
	background: linear-gradient(to bottom, #E9E9E9 0%, #ffffff 440px);
}

.page-video .page-title {
	background-color: #fff;
}

.page-video .page-wrapper {
	height: 90px;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	padding: 0;
	color: #707070;
}

.page-video .page-wrapper h3 {
	font-size: var(--font-size-32);
	font-weight: 300;
}

.page-video .page-wrapper p {
	font-size: var(--font-size-18);
	margin-left: 32px;
	font-weight: 300;
}

.page-video .page-content {
	--width-video: 786px;
	--aspect-ratio: 16/9;
}

.page-video .video-main {
	padding: 24px 0;
	display: flex;
	height: calc(var(--width-video) / (16 / 9) + 48px);
}

.page-video .video-container {
	position: relative;
	width: var(--width-video);
	aspect-ratio: var(--aspect-ratio);
	flex-shrink: 0;
	height: 100%;
}

.page-video .video-container .testplay {
	position: absolute;
	left: 10px;
	bottom: 40px;
	z-index: 11;
	background-color: #9E9E9E;
	padding: 6px;
	border-radius: 4px;
	max-width: calc(100% - 20px);
}

.page-video .video-container .testplay p {
	line-height: 1.5;
	color: #fff;
	font-size: var(--font-size-16);
}

.page-video .video-container .testplay i {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.page-video .video-container .testplay a {
	color: #fff;
	text-decoration: underline;
	margin-left: 10px;
}

.page-video .video-container .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 12;
	background-color: #4F4F4F;
}

.page-video .video-container .mask p {
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: var(--font-size-16);
}

.page-video .video-container .mask i {
	display: block;
	width: 36px;
	height: 36px;
	margin: 0 auto 12px;
}

.page-video .video-container .mask span {
	display: block;
	color: #fff;
	text-align: center;
	line-height: 1.5;
}

.page-video .video-container .mask a {
	display: block;
	width: 176px;
	height: 36px;
	line-height: 36px;
	border-radius: 4px;
	margin: 46px auto 0;
	text-align: center;
	background-color: #242A75;
	color: #fff;
}

.page-video .video-container i.icon-tips {
	background: url(../images/icon-tips.svg) center/contain no-repeat;
}


/* 设置播放按钮为圆形 */
.vjs-big-play-centered .vjs-big-play-button {
	border-radius: 50%;
	/* 设置圆形 */
	width: 50px;
	/* 按钮宽度 */
	height: 50px;
	/* 按钮高度 */
	background-color: #000;
	/* 按钮背景色 */
	box-shadow: 0 0 10px #000;
	/* 按钮阴影效果 */
	margin-top: -25px;
	margin-left: -25px;
	line-height: 50px;
}

.vjs-big-play-centered .vjs-big-play-button span::before {
	display: flex;
	align-items: center;
	justify-content: center;
}

.video-js .vjs-control-text {
	display: none;
}

.page-video .video-content {
	width: 100%;
	position: relative;
	margin-left: 24px;
	line-height: 1.5;
	height: 100%;
	z-index: 1;
}

.page-video .video-content .scroll {
	height: calc(100% - 42px);
	overflow-y: auto;
}

.page-video .video-content h3 {
	font-size: var(--font-size-28);
}

.page-video .video-content .attr {
	margin-top: 16px;
	color: #4f4f4f;
}

.page-video .video-content .attr p {
	font-size: var(--font-size-16);
	margin-bottom: 8px;
}

.page-video .video-content .timedot {
	margin-top: 16px;
	font-size: var(--font-size-16);
	line-height: 1.75;
	color: #4f4f4f;
}

.page-video .video-content .detail {
	font-size: var(--font-size-16);
	margin-top: 16px;
	line-height: 1.75;
	color: #4f4f4f;
}

.page-video .video-content .timedot ul,
.page-video .video-content .detail ul {
	all: revert;
	outline-style: revert !important;
	padding-left: 1em;
}

.page-video .video-content .timedot ul {
	padding-left: 0;
}

.page-video .video-content .timedot li {
	cursor: pointer;
	list-style: none;
	display: flex;
	color: #242A75;
}

.page-video .video-content .timedot li::before {
	display: block;
	content: '';
	width: 18px;
	height: 18px;
	background: url('../images/icon-dot.svg') center/contain no-repeat;
	margin-right: 6px;
	margin-top: 5px;
	flex-shrink: 0;
}

.page-video .video-content .label {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.page-video .video-content .label a {
	display: block;
	padding: 8px 12px;
	border-radius: 4px;
	border: 1px solid #D9D9D9;
	flex-shrink: 0;
	margin-right: 16px;
	margin-bottom: 16px;
	color: #000;
}

.page-video .video-content .label a span {
	font-size: var(--font-size-16);
	white-space: nowrap;
}

.page-video .video-content .btns {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	height: 36px;
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #f6f6f6;
}

.page-video .video-content .btns a {
	display: flex;
	align-items: center;
	height: 100%;
	margin-right: 50px;
	color: #4f4f4f;
}

.page-video .video-content .btns a:nth-last-child(2) {
	margin-right: 0;
}

.page-video .video-content .btns a i {
	display: block;
	width: 36px;
	height: 36px;
	margin-right: 7px;
	flex-shrink: 0;
}

.page-video .video-content .btns a.downloadbtn i {
	width: 30px;
	height: 30px;
	margin-right: 0px;
}

.page-video .video-content .btns a i svg {
	display: block;
	width: 100%;
	height: 100%;
}

.page-video .video-content .btns a i svg path {
	fill: #aaa;
}

.page-video .video-content .btns a.chk i svg path {
	fill: #15BBDD;
}

.page-video .video-content .btns a span {
	line-height: 1;
	font-size: var(--font-size-16);
	color: #4f4f4f;
}

.page-video .video-content .btns a.more {
	margin-left: auto;
	margin-right: 0;
	display: none;
}

.page-video .video-content .btns .download-content {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	min-width: 360px;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
	/* margin-left: -40px; */
}

.page-video .video-content .btns .downloads.on .download-content {
	display: block;
}

.page-video .video-content .btns .download-content ul {
	max-height: 230px;
	overflow-y: auto;
}

.page-video .video-content .btns .download-content ul {
	padding: 10px 0;
}

.page-video .video-content .btns .download-content a {
	display: block;
	padding: 10px;
	margin-right: 0;
}

.page-video .video-content .btns .download-content a::after {
	display: inline-block;
	content: '';
	width: 16px;
	height: 16px;
	background: url(../images/icon-download.svg) center/contain no-repeat;
	margin-left: 10px;
	vertical-align: middle;
}

.page-video .video-content .btns .downloads.on a i svg path {
	fill: #15BBDD;
}

.page-video .video-label {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding-top: 40px;
	margin-top: 24px;
	border-top: 1px solid #D9D9D9;
	overflow: hidden;
	align-content: flex-start;
}

.page-video .video-label.on {
	height: 156px;
}

.page-video .video-label a {
	display: block;
	padding: 8px 12px;
	border-radius: 4px;
	border: 1px solid #D9D9D9;
	flex-shrink: 0;
	margin-right: 16px;
	margin-bottom: 16px;
	color: #000;
	align-self: flex-start;
}

.page-video .video-label a.active {
	text-decoration: none;
	color: #15bbdd;
	border: 1px solid #15bbdd;
}

.page-video .video-label a span {
	font-size: var(--font-size-16);
	white-space: nowrap;
}

.page-video .video-label .btn-more {
	display: block;
	padding: 8px 12px;
	border-radius: 4px;
	border: 1px solid #D9D9D9;
	flex-shrink: 0;
	margin-right: 16px;
	margin-bottom: 16px;
	color: #000;
	cursor: pointer;
	align-self: flex-start;
}

.page-video .video-list {
	padding-top: 24px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.page-video .video-list .item {
	width: calc(50% - 20px);
	margin-bottom: 24px;
	display: flex;
	cursor: pointer;
	--width-video-list-item-img: 230px;
	align-items: flex-start;
}

.page-video .video-list .item .img {
	margin-right: 20px;
	width: var(--width-video-list-item-img);
	flex-shrink: 0;
	aspect-ratio: 16/9;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-video .video-list .item .img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page-video .video-list .item .con {
	padding: 12px 0;
	width: calc(100% - var(--width-video-list-item-img));
	flex-shrink: 0;
}

.page-video .video-list .item .con h5 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	white-space: normal;
	width: 100%;
	font-size: var(--font-size-18);
	line-height: 1.4;
	font-weight: 500;
}

.page-video .video-list .item .con p {
	line-height: 1.4;
	color: #4f4f4f;
	padding-top: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.page-video .video-more-btn {
	display: flex;
	align-items: center;
	padding: 24px 0 40px;
}

.page-video .video-more-btn hr {
	display: block;
	width: 100%;
	height: 1px;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #D9D9D9;
}

.page-video .video-more-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 104px;
	height: 28px;
	flex-shrink: 0;
}

.page-video .video-more-btn i {
	width: 24px;
	height: 28px;
	background: url(../images/icon-arrow.svg) center/contain no-repeat;
}


/*2019-3-16*/
/* TEMPORAIRE, A RETIRER LORS INTEGRATION FINALE */
@font-face {
	font-family: "Roboto Condensed";
	src: url("../fonts/RobotoCondensed-Regular.ttf") format("opentype"), url("../fonts/RobotoCondensed-Regular.ttf") format("opentype");
}

/* HEADER THALES */
#header_thales {
	width: 100%;
	background-color: #1a2855;
	margin: 0;
	display: block;
	clear: both;
	min-height: 44px;
}

#header_thales .header_thales_logo {
	display: inline-block;
}

#header_thales .header_thales_txt {
	color: #ffffff;
	float: left;
	margin-top: 13px;
	font-family: 'Roboto Condensed', sans-serif;
}

#header_thales a {
	color: #00bbdd;
	text-decoration: none;
}

/* FOOTER THALES */
/* #footer_thales {
	background-color: #141534;
	width: 100%;
	position: relative;
}

#footer_thales a {
	color: #ffffff;
	text-decoration: none;
}

#footer_thales .footer_thales_content {
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0;
}

#footer_thales .footer_thales_content .footer_thales_logo {
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}

#footer_thales .footer_thales_txt {
	font-family: 'Roboto Condensed', sans-serif;

	color: #a7a7ae;
	text-align: center;
	clear: both;
	display: block;
}

#footer_thales .footer_thales_link {
	margin-top: 10px;
}

#footer_thales .footer_thales_nav {
	font-family: 'Roboto Condensed', sans-serif;

	color: #ffffff;
	display: flex;
	padding: 20px 60px;
	justify-content: center;
}

#footer_thales hr {
	width: 100%;
	margin-top: 30px;
	border-color: #2c2d49;
	border-image: none;
	border-style: solid none none;
	border-width: 1px 0 0;
}

#footer_thales ul {
	line-height: 1.4em;
	margin: 0 90px;
}

#footer_thales ul li {
	padding: 3px 0;
}

#footer_thales ul li a {
	white-space: nowrap;
}

#footer_thales ul li.footer_thales_list_title {
	margin-bottom: 10px;
} */

/* new footer */
footer {
	width: 100%;
	float: left;
	padding: 70px 0 !important;
	position: relative;
	background: #141534;
}

footer * {
	transition: .3s;
}

footer a {
	text-decoration: none;
	outline: 0;
	cursor: pointer;
	position: relative;
	font-size: 22px;
	line-height: 1.5;
	font-weight: 400;
}

footer .column-outer {
	font-size: 0;
	display: flex;
	justify-content: space-between;
}

footer .logo-wrap {
	max-width: 250px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding-top: 40px;
}

footer .logo-wrap .footer-logo {
	display: inline-block;
	max-width: 160px;
	width: 100%;
}

footer .logo-wrap .footer-logo img {
	width: 100%;
}

footer .logo-wrap p {
	font-size: 14px;
	margin: 20px 0 5px;
	color: #9e9e9e;
}

footer .logo-wrap p a {
	display: inline-block;
}

footer .logo-wrap a {
	font-weight: 700;
	font-size: 18px;
}

footer .column-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: calc(100% - 300px);
}

footer .column-wrap:after {
	content: '';
	clear: both;
	display: block;
}

footer .column-wrap .col-six {
	width: 20%;
	padding-left: 15px;
	list-style-type: none;
	position: relative;
}


footer .column-wrap .col-six li {
	margin-bottom: 10px;
}

footer .column-wrap .col-six li a {
	color: #9e9e9e;
	font-size: 14px;
	display: inline-block;
	line-height: 1.2;
}

footer .column-wrap .col-six li span {
	color: #ffffff;
	font-size: 16px;
	margin-bottom: 10px;
	display: block;
	font-weight: bold;
}

footer .footer-bottom {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1;
	padding-top: 100px;
	padding-bottom: 20px;
	width: 100%;
}

footer .footer-bottom h6,
footer .footer-bottom .h6 {
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	text-transform: none;
	padding-right: 24px;
	font-weight: normal;
	line-height: 1.2;
}

footer .footer-bottom ul {
	display: flex;
	list-style: none;
	justify-content: flex-end;
}

footer .footer-bottom ul li {
	display: flex;
	align-items: center;
	position: relative;
	margin-left: 16px;
}

footer .footer-bottom ul li a {
	font-size: 12px;
	color: #ffffff;
}

footer .footer-bottom ul li:after {
	content: '';
	width: 1px;
	height: 13px;
	background: #ffffff;
	margin-left: 16px;
}

footer .footer-bottom ul li:last-child {
	padding-right: 0;
}

footer .footer-bottom ul li:last-child:after {
	display: none;
}

footer .footer-bottom ul li:nth-last-child(2)::after {
	display: none;
}

.newsletter-footer {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	color: #ccc;
	margin: 20px 0 2px auto;
	width: 70%;
	font-size: 18px;
	border: 3px solid #00bbdd;
	padding: 20px;
	font-weight: 500;
}

.newsletter-footer a.btn-blue {
	text-align: center;
	font-weight: normal;
	font-style: normal;
	line-height: 1.3;
	background-color: #346d9e;
	letter-spacing: normal;
	padding: 8px 20px;
	opacity: 1;
	border-radius: 5px;
	color: #ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	min-width: 150px;
	margin: 0 0 0 20px;
	font-size: 16px;
	flex-shrink: 0;
}

.newsletter-footer .btn-blue:hover {
	background: #00bbdd;
	text-decoration: none;
	color: #1A2856;
}


@media (min-width: 992px) and (max-width:1150px) {
	footer {
		padding: 50px var(--page-padding) !important;
	}

	footer .logo-wrap {
		padding-top: 20px;
	}

	footer .footer-bottom {
		padding-top: 80px;
	}

	.newsletter-footer {
		width: 100%;
	}
}

@media (max-width: 1080px) {
	.newsletter-footer {
		width: 100%;
	}

	.page-video .video-content .btns a {
		margin-right: 30px;
	}
}

@media (max-width: 991px) {
	footer {
		padding: 70px 0 !important;
	}

	footer .logo-wrap {
		max-width: 100%;
		width: 100%;
		display: block;
		text-align: center;
		padding-top: 0;
	}

	footer .column-outer {
		flex-direction: column;
	}

	footer .column-wrap {
		padding-left: 0;
		padding-top: 30px;
		width: 100%;
		justify-content: flex-start;
	}

	footer .footer-bottom {
		flex-direction: column;
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding-bottom: 0;
	}

	footer .column-wrap .col-six {
		text-align: center;
	}

	footer .footer-bottom h6,
	footer .footer-bottom .h6 {
		float: none;
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding-right: 0;
		padding-bottom: 20px;
		text-align: center;
		display: block;
	}

	footer .footer-bottom ul {
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media (min-width: 768px) and (max-width:991px) {

	footer .footer-bottom {
		padding-top: 50px;
	}
}

@media (max-width: 768px) {

	.newsletter-footer {
		margin: 10px 0px;
		width: 100%;
	}

	.newsletter-footer a.btn-blue {
		margin: 10px 20px;
	}

	footer .footer-bottom ul li {
		line-height: 24px;
		margin-left: 0;
	}

	footer a {
		line-height: 1.3;
	}

	footer .footer-bottom h6,
	footer .footer-bottom .h6 {
		margin-bottom: 8px;
	}
}

@media (max-width: 767px) {
	footer {
		padding: 70px 0 !important;
	}

	footer .column-wrap .col-six {
		float: none;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		padding: 0 10px 20px;
	}

	footer .footer-bottom {
		padding-top: 10px;
	}
}

@media (min-width: 596px) and (max-width:767px) {
	footer .column-wrap .col-six {
		width: 50%;
	}
}

@media (max-width: 595px) {
	footer .footer-bottom ul li:after {
		display: none;
	}

	footer .footer-bottom {
		float: none;
	}

	footer .footer-bottom ul {
		display: block;
	}

	footer .footer-bottom ul li {
		padding-right: 0;
		text-align: center;
		display: block;
	}
}

@media (min-width: 481px) and (max-width:595px) {
	footer .column-wrap .col-six {
		width: 50%;
	}
}

@media (max-width: 480px) {
	footer .column-wrap .col-six {
		width: 100%;
	}

	.newsletter-footer {
		margin: 10px 0px;
		width: 100%;
		font-size: 12px;
		padding: 15px;
	}

	.newsletter-footer a.btn-blue {
		box-sizing: border-box;
		min-width: 110px;
		margin: 0px 0px 0px 10px;
		font-size: 15px;
	}

}

/* RESPONSIVE THALES */


.prompt {
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 10px 20px;
	border-radius: 4px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 600px;
	transform: translate(-50%, -50%);
	z-index: 99999999;
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

.prompt .con {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #242A75;
	font-size: 18px;
}


.prompt i.icon-ok {
	width: 20px;
	height: 20px;
	background: url("../images/icon-ok.svg") center/100% auto no-repeat;
	margin-right: 10px;
}

@media screen and (max-width: 1336px) {
	:root {
		--page-padding: 30px;
	}

	.page-banner {
		background-size: cover;
	}

	.page-header {
		padding: 0 var(--page-padding);
	}

	footer .page-content {
		padding: 0 60px;
	}
}

@media screen and (max-width: 1200px) {
	:root {
		--page-padding: 30px;
	}

	.page-video .page-content {
		--width-video: calc(100vw / 3 * 2 - var(--page-padding) * 2);
	}

	.page-header,
	.page-video .page-title,
	.page-video .page-content {
		padding: 0 var(--page-padding);
	}

	.page-header-wrapper .right {
		margin-right: 0;
	}

	footer .page-content {
		padding: 0 var(--page-padding);
	}
}

@media screen and (max-width: 1140px) {
	:root {
		--page-padding: min(.4rem, 30px)
	}

	.page-header {
		padding: 0;
		position: sticky;
		top: 0;
		z-index: 29;
		border-bottom: #dadada 1px solid;
	}


	.page-container-bg {
		padding-top: 21.484375vw;
	}

	.page-header-search.on {
		position: absolute;
		right: 0;
		width: 100%;
	}

	.page-header-search {
		width: 100%;
		/* padding: var(--page-padding); */
		height: auto;
		/* background: #228fb0; */
		justify-content: flex-start;
	}

	.page-header-search {
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
	}

	.page-header-search input {
		width: 100%;
		height: 0.72rem;
		margin: 0;
		font-family: inherit;
		font-size: 100%;
	}

	.page-header-search input[type="submit"] {
		width: 2rem;
		margin-top: 0.2rem;
		height: 0.72rem;
		padding: 0 5px;
		color: #fff;
		border-radius: 3px;
		cursor: pointer;
		font-size: 100%;
	}

	.page-header-search a.close {
		width: min(60px, 1rem);
	}

	.page-header-search a.close i {
		width: max(40%, 24px);
		height: max(40%, 24px);
	}


	.page-header-wrapper .right {
		margin-right: 0;
		height: 100%;
	}

	.page-header-wrapper {
		height: min(60px, 1rem);
		padding-left: var(--page-padding);
	}

	.page-header-login {
		display: none;
		position: absolute;
		top: 100%;
		right: 45%;
		z-index: 1;
		margin-top: 35px;
	}

	.page-header-wrapper .logo {
		width: min(2.3rem, 176px);
		height: min(.5rem, 40px);
	}

	.page-header-wrapper .buttons {
		display: flex;
		height: 100%;
	}

	.page-header-wrapper .navbar-toggle {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: min(60px, 1rem);
		height: 100%;
	}

	.page-header-wrapper .navbar-toggle span {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		width: max(36%, 24px);
		height: max(24%, 24px);
	}


	.page-header-wrapper .navbar-toggle .icon-bar {
		display: block;
		width: 100%;
		height: 3px;
		border-radius: 1px;
		background-color: #212529;
		transform-origin: left center;
		transition: .3s;
	}

	.page-header-wrapper .navbar-toggle.open .icon-bar:first-child {
		transform: rotate(42deg);
	}

	.page-header-wrapper .navbar-toggle.open .icon-bar:nth-child(2) {
		transform: scaleX(0);
	}

	.page-header-wrapper .navbar-toggle.open .icon-bar:last-child {
		transform: rotate(-42deg);
	}

	.page-header-wrapper .buttons .btn-search {
		display: flex;
		align-items: center;
		justify-content: center;
		width: min(60px, 1rem);
		height: 100%;
	}

	.page-header-wrapper .buttons .btn-search i {
		display: block;
		width: max(24%, 24px);
		height: max(24%, 24px);
		background: url(../images/icon-search.svg) center/contain no-repeat;
	}

	.page-header .nav {
		display: none;
		width: 100%;
		height: auto;
		margin-right: 0;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 99;
		background-color: #fff;
		padding-top: 0;
		box-shadow: 0 1px 10px rgba(0, 0, 0, .25);
	}

	.page-header .nav .nav-wrapper>ul {
		flex-direction: column;
	}

	.page-header .nav.on {
		display: block;
	}

	.page-header .nav li {
		width: 100%;
		padding: 0;
		border-top: 1px solid #ddd;
	}

	.page-header .nav li a {
		width: auto;
		display: inline-block;
		padding: 13px;
		position: static;
	}

	.page-header .nav li span {
		display: block;
		margin: 0;
		padding: 13px 10px;
		cursor: pointer;
		/* transform: rotate(-90deg); */
		transform-origin: center;
	}

	.page-header .nav li span:before {
		background-position: 0 -2280px;
		background-color: #242A75;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
	}

	.page-header .nav li a:after {
		display: none;
	}

	.page-header .nav li .nav-child {
		position: static;
		left: 0;
		margin-left: 0;
		width: 100%;
		border: 0;
	}

	.page-header .nav li.on .nav-child>li {
		border-top: 1px solid #ddd;
	}

	.page-header .nav li.on>.button span {
		transform: rotate(0deg);
	}

	.page-header .nav li .nav-child,
	.page-header .nav li .nav-child.pro {
		min-width: 100%;
		width: 100%;
		transform: translateX(0);
	}

	.page-header .nav li .nav-child.pro>li {
		width: 100%;
	}

	.page-header .nav li .nav-child.pro>li.w60,
	.page-header .nav li .nav-child.pro>li.w40 {
		width: 100%;
	}

	.page-header .nav li .nav-child:before,
	.page-header .nav li .nav-child:after {
		display: none;
	}

	.page-header .nav li .nav-child.pro {
		flex-direction: column;
		width: 100%;
		left: 0;
		margin-left: 0;
		position: static;
	}

	.page-header .nav li .nav-child.pro li ul {
		display: none;
	}

	.page-header .nav li .nav-child.pro li.on ul {
		display: block;
	}

	.page-header .nav li .nav-child li a {
		display: inline-block;
		background: transparent;
		color: #000;
	}

	.page-header .nav li .nav-child.pro>li>a {
		display: inline-block;
		border-top: 0;
		border-bottom: 0;
		color: #000;
	}

	.page-header .nav li .nav-child {


		padding: 0;
	}

	.page-header .nav li .nav-child>li,
	.page-header .nav li .nav-child>li ul li,
	.page-header .nav li .nav-child.pro>li ul li {
		border-bottom: 0;
		border-top: 0;
	}

	.page-header .nav li .button {
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: space-between;
	}

	.page-header .nav li .nav-child li {
		line-height: 30px;
	}
}

@media screen and (max-width: 1080px) {
	:root {
		--page-padding: min(.4rem, 30px)
	}

	footer .page-content {
		padding: 0 var(--page-padding);
	}

	.activity .item-sction.product,
	.index .item-sction.micro-lessons,
	.page-content-item .item-sction {
		padding: var(--page-padding);
	}

	.index .video {
		padding: var(--page-padding) 0;
	}

	.index .video .swiper-slide {
		padding: 0 var(--page-padding);
	}

	.index .video .swiper-button-prev,
	.index .video .swiper-rtl .swiper-button-next {
		left: 0;
	}

	.index .video .swiper-button-next,
	.index .video .swiper-rtl .swiper-button-prev {
		right: 0;
	}

	.index .col-three-counter .item-content .box .con p,
	.index .video .box .con h5,
	.index .data .box .con h5 {
		font-size: var(--font-size-24);
	}

	.index .item-sction.product .item-sction-wrap li {
		width: calc(25% - 10px);
	}

	.page-footer .page-footer-wrapper {
		margin: 0 auto;
	}

	.page-footer .page-footer-wrapper .our-client {
		display: none;
	}

	.social {
		display: none;
	}

	.activity .item-sction.pagination {
		padding: 15px 0;
		text-align: center;
	}

	.activity .item-sction.product li {
		padding: 30px 0;
	}

	.detail .item .item-sction {
		padding: 10px 30px;
	}

	.detail .item .item-sction h3 {
		line-height: 1.2;
		padding-bottom: 10px;
	}

	.detail .item .item-sction .table {
		padding: 0;
	}

	.detail .item .item-sction .table img {
		max-width: 100%;
	}

	.detail .item.tel .item-wrapper {
		padding: 18px 0;
	}

	.detail .item.tel {
		height: auto;
	}

	.detail .item.tel .item-wrapper p {

		text-indent: 0;
		text-align: center;
		line-height: 1.2;
	}

	.detail .item .item-wrapper .item-banner {
		width: 100%;
		overflow: hidden;
	}

	.product-detail .item-body .item-sction-wrap.more-detail,
	.product-detail .item-body .item-sction-wrap.related-word {
		margin: 0 -30px;
		padding: 20px 30px;
	}

	.product-detail .item-body .item-sction-wrap.more-detail .list-link a {
		width: 100%;
	}

	.product-detail .item-body .item-sction-wrap {
		padding: 40px 0 20px 0;
	}

	.product-detail .item-body .item-sction-wrap a.list-tag {
		height: 48px;
	}

	.product-detail .item-body .item-sction-wrap .list-content {
		padding-top: 10px;
	}

	.product-detail .item-body .item-sction-wrap .list-content {
		padding-left: 0;
	}

	.register-item .title {
		padding: 20px 0;
	}

	.register-item .item-table {
		padding-bottom: 20px;
	}

	.register-item .item-table .table-form,
	.register-item .item-table .table-info {
		width: 100%;
		float: none;
	}

	.register .title {
		padding: 20px 0;
	}

	.register .item-table {
		padding-bottom: 20px;
	}

	.register .item-table .table-form,
	.register .item-table .table-info {
		width: 100%;
		float: none;
	}

	.product-detail .item-sction.intro .item-sction-wrap small {
		padding-bottom: 10px;
		font-size: var(--font-size-18);
	}

	.detail .item .item-sction h3 {
		font-size: var(--font-size-28);
	}

	.detail .item .item-sction small {
		font-size: var(--font-size-18);
	}

	.detail .item .item-sction .btn a {
		width: 100%;
		border-radius: 3px;
	}

	.upload .title {
		padding: 0 var(--page-padding);
		line-height: 1.8;
		padding-top: 20px;
	}

	.upload .title h3 {
		font-size: var(--font-size-28);
	}

	.upload.word .item {
		border-bottom: 1px solid #e4e4e4;
	}

	.upload.word .item-sction {
		padding: 0;
		border-bottom: 0;
		border-top: 1px solid #e4e4e4;
	}

	.upload.word .item h4 {
		line-height: 36px;
		padding: 10px 30px;
		cursor: pointer;
		border-bottom: 0;
	}

	.upload.word .item ul {
		display: none;
		padding: 10px 35px;
		border-top: 1px solid #e4e4e4;
	}

	.upload.word .item .item-sction.on ul {
		display: block;
	}

	.upload.word .item .pagination {
		display: none;
	}

	.upload.word .item ul li:last-child {
		border-bottom: 0;
	}

	.upload.software .item-table {
		width: 100%;
		padding: var(--page-padding);
	}

	.upload.software .item-table-list {
		display: block;
		width: 100%;
		overflow-x: auto;
	}

	.upload.software .item table {
		min-width: 800px;
	}

	.register .title h3 {
		font-weight: 700;
		font-size: var(--font-size-28);
	}

	.register .title small {
		font-size: var(--font-size-18);
	}

	.index .item-sction.product .item-sction-wrap .item-table li p {
		min-height: inherit;
		padding-bottom: 10px;
	}

	.detail .item .item-sction .table ul {
		padding-left: 48px;
	}

	.interact .question .question-btn {
		padding: 0;
		padding-top: 20px;
	}

	.interact .question .question-btn input {
		width: 100%;
	}

	.consult-content h4 {
		font-size: var(--font-size-18);
	}

	.consult-content p {
		padding: 10px 0;

	}

	.tryout .item-sction.product li .text .link-wrapper a.link:nth-child(2) {
		margin-right: 0;
	}

	.solution-detail .item-content img {
		width: 100%;
		margin: 0;
	}

	.solution-detail .item .title small {
		line-height: 1.4;
		font-size: var(--font-size-18);
	}

	.solution-detail .item .title h3 {
		font-size: var(--font-size-28);
	}

	.product-detail .item-body .tag li a {
		padding: 0 15px;
	}

	.popup-layer .boxs {
		max-width: 100%;
		min-height: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin-left: 0;
		margin-top: 0;
		border: 0;
		border-radius: 0;
		-webkit-border-radius: 0;
		padding-top: 70px;
	}

	.popup-layer .boxs .wrapper {
		width: 100%;
		height: 100%;


		overflow-y: auto;
		padding: 0 40px;
	}

	.popup-layer .boxs .logo {
		right: auto;
		left: 30px;
	}

	.popup-layer a.close {
		right: 20px;
		bottom: auto;
		top: 20px;
	}

	.activity .item-sction.pagination span.pagination-t,
	.activity .item-sction.pagination a.pagination-a {
		display: none;
	}

	.abc123 {
		display: none !important;
	}

	.page-footer .page-footer-wrapper .copyright {
		padding: var(--page-padding);
	}

	.page-video .video-list .item {
		align-items: flex-start;
	}
}

@media (max-width: 800px) {
	.page-video .video-list {
		flex-direction: column;
	}

	.page-video .video-list .item {
		--width-video-list-item-img: 50%;
		width: 100%;
	}
}

@media (max-width: 750px) {
	.page-container-bg {
		padding-top: min(3.6rem, 400px);
		background-size: auto min(3.6rem, 400px);
	}

	#header_thales .header_thales_logo {
		margin: 0 auto;
		left: 0;
		right: 0;
		display: block;
		text-align: center;
		width: 100%;
	}

	#header_thales .header_thales_txt {
		text-align: center;
		clear: both;
		display: block;
		float: none;
		padding-bottom: 13px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#footer_thales .footer_thales_content {
		width: 100%;
		padding: var(--page-padding) 0;
	}

	#footer_thales .footer_thales_txt {
		width: 100%;
	}

	#footer_thales .footer_thales_nav {
		flex-direction: column;
		padding: var(--page-padding);
	}

	#footer_thales .footer_thales_nav ul {
		margin: .2rem 0;
	}

	#footer_thales .footer_thales_nav ul li {
		text-align: center;
	}

	#footer_thales ul li.footer_thales_list_title {
		margin-bottom: 0.1rem;
	}

	#footer_thales hr {
		margin-top: var(--page-padding);
	}

	.page-footer .page-footer-wrapper .privacytext {
		width: 100%;
		float: none;
	}

	.page-banner {
		height: min(3.6rem, 400px);
		padding-bottom: 0;
		background-size: cover;
	}

	.page-content.move-up {
		margin: 0;
	}

	.page-banner .gonggao {
		padding: var(--page-padding);
	}

	.shadow {
		display: none;
	}

	.page-content,
	.page-content .move-up {
		border-radius: 0;
		margin: 0;
	}

	.activity .item-sction.product li a img {
		float: none;
		width: 100%;
	}

	.activity .item-sction.product li a .text {
		float: none;
		width: 100%;
		padding-top: 15px;
	}

	.page-content-item {
		border-radius: 0;
	}

	.tryout .item-sction.product,
	.activity .item-sction.product,
	.page-content-item .item-sction {
		padding: var(--page-padding);
	}

	.item-sction.intro {
		height: auto;
	}

	.item-sction.intro .item-sction-wrap {
		padding: 0;
	}

	.item-sction.intro .item-sction-wrap .con {
		flex-direction: column;
	}

	.item-sction.intro .item-sction-wrap .text {
		margin-right: 0;
		margin-bottom: var(--page-padding);
	}

	.item-sction.intro .item-sction-wrap .text .code {
		position: static;
		text-align: center;
		width: 100%;
		padding-top: 20px;
	}

	.item-sction.intro .item-sction-wrap .text .code {
		max-width: 40%;
		margin: 0 auto;
	}

	.item-sction.intro .item-sction-wrap .text p {
		margin-top: var(--page-padding);
	}

	.item-sction.intro .item-sction-wrap .text {
		padding-right: 0;
	}

	.index .item-sction.product .item-sction-wrap {
		padding: 0;
	}

	.index .item-sction.product .item-sction-wrap li {
		width: 100%;
		margin-bottom: var(--page-padding);
	}

	.index .item-sction.product .item-sction-wrap .item-table li img {
		width: 50%;
	}


	.index .item-sction.trial .trial-title {
		height: 34px;
		width: 100%;
		background: #242A75;
	}

	.index .item-sction.trial .trial-info {
		height: auto;
		padding: 40px 5px 5px;
		line-height: 1.4;
	}

	.index .item-sction.news .item-sction-wrap .box {
		width: 100%;
	}

	.index .item-sction.news .item-sction-wrap .box ul {
		min-height: inherit;
	}

	.index .col-three-counter,
	.index .item-sction.micro-lessons {
		padding: var(--page-padding);
	}

	.index .item-sction.micro-lessons .item-content .box {
		width: 100%;
		margin-bottom: var(--page-padding);
	}

	.index .col-three-counter .item-content .box .con {
		height: 2rem;
	}

	.index .video {
		padding: var(--page-padding) 0;
		--btnsize: max(var(--page-padding), .8rem);
	}

	.index .video .swiper-slide {
		padding: 0 var(--btnsize);
	}

	.index .video .swiper-button-prev,
	.index .video .swiper-rtl .swiper-button-next {
		left: 0;
	}

	.index .video .swiper-button-next,
	.index .video .swiper-rtl .swiper-button-prev {
		right: 0;
	}


	.index .video .box .img {
		width: 100%;
		height: auto;
		margin-right: 0;
		aspect-ratio: 16/9;
		margin-bottom: var(--page-padding);
	}

	.index .video .swiper-button-prev,
	.index .video .swiper-button-next {
		width: var(--btnsize);
		height: var(--btnsize);
		margin-top: calc(0 - var(--btnsize)/2);
	}

	.index .video .swiper-button-prev:after,
	.index .video .swiper-button-next:after {
		font-size: 0.32rem;
	}


	.index .data .box {
		flex-direction: column;
	}

	.index .data .box .con {
		margin-right: 0;
		margin-bottom: var(--page-padding);
	}

	.index .data .box .con a {
		margin: var(--page-padding) auto 0;
	}

	.index .col-three-counter .item-content .box .con p {
		font-size: var(--font-size-16);
		white-space: nowrap;
	}

	.index .item-sction.product .item-sction-wrap ul {
		flex-direction: column;
	}

	.index .item-sction.micro-lessons .item-content {
		flex-direction: column;
	}

	.index .video .swiper-slide .box {
		flex-direction: column;
		justify-content: center;
	}

	.index .item-sction.product .item-sction-wrap .item-table li img {
		margin: 0 auto;
	}

	.index .data .box .con p {
		margin-top: 0.2rem;
	}

	.tryout .item-sction.product li .text .link-wrapper {
		height: auto;
	}

	.tryout .item-sction.product li .text .link-wrapper a.btn {
		margin: 10px 0;
		width: 100%;
	}

	.tryout .item-sction.product li img {
		width: 80%;
		float: none;
		margin: 0 auto;
	}

	.tryout .item-sction.product li .text {
		width: 100%;
	}

	.page-video .page-wrapper {
		height: auto;
		line-height: 1.5;
		flex-direction: column;
		align-items: flex-start;
	}

	.page-video .page-title {
		padding: var(--page-padding);
	}

	.page-video .page-wrapper p {
		margin-left: 0;
	}

	.page-video .page-content {
		padding: 0;
	}

	.page-video .video-main {
		padding: 0;
	}

	.page-video .video-main {
		flex-direction: column;
		--width-video: 100%;
		height: auto;
	}

	.page-video .video-content {
		--video-detail-btns-size: max(0.72rem, 36px);
		--height-video-detail-btns: max(0.72rem, 36px);
		margin-left: 0;
		height: 0;
		padding: 0 0 var(--height-video-detail-btns) 0;
	}

	.page-video .video-content .label a {
		padding: .15rem .2rem;
		margin-right: 0.1rem;
		margin-bottom: 0.1rem;
	}

	.page-video .video-content .scroll {
		padding: 0 var(--page-padding);
		height: 100%;
	}

	.page-video .video-content .btns {
		height: var(--height-video-detail-btns);
		padding: 0 var(--page-padding);
	}

	.page-video .video-content .btns a i {
		width: calc(var(--video-detail-btns-size) * 0.6);
		height: calc(var(--video-detail-btns-size) * 0.6);
	}

	.page-video .video-label {
		margin-top: 0;
		padding: var(--page-padding) var(--page-padding) 0;
	}

	.page-video .video-label.on {
		height: calc((var(--font-size-16) + 0.4rem) * 2 + var(--page-padding));
	}

	.page-video .video-list {
		padding: var(--page-padding) var(--page-padding) 0;
	}

	.page-video .video-list .item {
		margin-bottom: .24rem;
		--width-video-list-item-img: 3rem;
	}

	.page-video .video-list .item .img {
		margin-right: 0.2rem;
	}

	.page-video .video-list .item .con {
		padding: 0;
	}

	.page-video .video-list .item .con p {
		padding-top: .12rem;
		font-size: min(var(--font-size-16), 12px);
	}

	.page-video .video-label .btn-more,
	.page-video .video-label a {
		padding: .08rem .12rem;
		margin-right: 0.1rem;
		margin-bottom: 0.1rem;
	}


	.page-video .video-more-btn {
		padding: var(--page-padding) 0;
	}

	.page-video .video-more-btn a {
		width: 1rem;
		height: 0.6rem;
	}

	.page-video .video-more-btn i {
		width: 0.48rem;
		height: 0.48rem;
	}

	.page-footer .page-footer-wrapper .copyright.padding {
		padding: var(--page-padding);
	}

	.page-video .video-content .btns a.more {
		display: flex;
	}

	.page-video .video-container .testplay {
		bottom: auto;
		top: 10px;
		background-color: rgba(158, 158, 158, .6);
	}

	#mobile_icon_div>div {
		bottom: .8rem !important;
	}

	.upload.word .item ul {
		padding: 10px var(--page-padding);
	}

	.register .item-table .contact-us-content {
		flex-direction: column;
	}

	.register .item-table .contact-us-item {
		margin-bottom: 0.3rem;
	}

	.register .item-table .contact-us-item img {
		max-width: 3.2rem;
		margin: 0 auto;
	}

	.page-video .video-content .btns .download-content {
		width: 90%;
		right: 5%;
		min-width: inherit;
	}
}

@media screen and (max-width: 320px) {
	.page-header-login {
		right: 35%;
	}

	.solution-detail .item {
		padding: 20px;
	}

	.popup-layer .boxs .wrapper {
		padding: 0 20px;
	}
}

@media (hover) {
	a:not(.btn):hover {
		text-decoration: underline;
	}

	.page-header .nav li a:hover {
		text-decoration: none;
		font-weight: bold;
	}

	/* 鼠标悬浮时按钮样式变化 */
	.video-js .vjs-play-control:hover .vjs-icon-placeholder {
		background-color: #fff;
		/* 变化后的按钮背景色 */
		box-shadow: 0 0 10px #fff;
		/* 变化后的按钮阴影效果 */
	}

	#header_thales a:hover {
		text-decoration: underline;
	}

	.index .item-sction.micro-lessons .item-content .box a:hover .con p {
		text-decoration: underline;
	}

	.page-header .nav li:hover>a {
		font-weight: bold;
		/*color: #242A75;*/
	}

	.social img:hover {
		opacity: 1.0;
	}

	.upload.word .item ul li a:hover {
		color: #242A75;
		text-decoration: underline;
	}

	.product-detail .item-body .item-sction-wrap.more-detail .list-link a:hover {
		text-decoration: underline;
	}

	.page-video .video-label a:hover,
	.page-video .video-label .btn-more:hover,
	.page-video .video-content .label a:hover {
		text-decoration: none;
		color: #15bbdd;
		border: 1px solid #15bbdd;
	}

	.page-video .video-content .btns a:hover {
		text-decoration: none;
		color: #15bbdd;
	}

	.page-footer .page-footer-wrapper .cbanner li img:hover {
		filter: none;
		-webkit-filter: none;
		opacity: 1.0;
	}

	.page-footer .page-footer-wrapper .swiper-button-next:hover {
		background-position: 0px -76px;
	}

	.page-footer .page-footer-wrapper .swiper-button-prev:hover {
		background-position: 0px -23px;
	}

	#footer_thales a:hover {
		color: #00bbdd;
	}

	.page-video .video-content .btns .download-content a:hover {
		text-decoration: underline;
	}

	.page-video .video-content .btns .download-content a:hover span {
		color: #15bbdd;
	}

	.page-video .video-content .timedot li:hover {
		text-decoration: underline;
	}
}