:root {
  --product-blue: #285caa;
  --product-green: #33a873;
  --product-ink: #172033;
  --product-muted: #667085;
  --product-line: #e6ebf2;
  --product-soft: #f5f8fb;
}

.header-main > .top{
	max-width: 1400px;
}
.header-main > .top > .brand-slogan{
	left: 10px;
}
.soft-seach-box{
	width: 100%;
}
.soft-header > .soft-header-title > i{
	background-color: #0793ff;
}
.soft-detail-wrap{
	padding-top: 5px;
}
.product-nav-list{
	display: flex;
	justify-content: space-between;
	position: relative;
    z-index: 10;
    width: 100%;
    max-width: 1200px;

}
.product-nav-list > .left{
	width: 220px;
    box-shadow: 4px 4px 20px #00000020;
    color: #000000;
    padding-bottom: 50px;
    box-sizing: border-box;
    background-color: #295baa14;
}
.product-nav-list > .left > li{
	width: 100%;
}
.product-nav-list > .left > li > a{
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 8px 14px 8px 20px;
	font-size: 14px;
    line-height: 1.5;
    color: #000000;
    box-sizing: border-box;
}
.product-nav-list > .left > li > a.active{
	background-color: #295BAA;
	color: #ffffff;
}

.product-nav-list > .right{
	flex: 1;
	padding-left: 20px;
	padding-top: 20px;
}

.product-nav-list > .right > h6{
	margin-bottom: 20px;
}

.product-nav-list > .right > h6 > a{
	font-weight: bold;
	font-size: 18px;
	color: #000000;
}

.product-nav-list > .right > .drop-nav-group{
	/*width: 100%;
	column-count: 5;
	column-gap: 40px;*/

	/*display: flex;
	flex-wrap: wrap;*/

}

.product-nav-list > .right > .drop-nav-group.c1{
	display: block;
	width: 100%;
	column-count: 5;
	column-gap: 40px;
}

.product-nav-list > .right > .drop-nav-group.cc{
	display: flex;
	column-count: unset;
}

.product-nav-list > .right > .drop-nav-group > dl{
	display: flex;
	flex-direction: column;
	line-height: 1.5;
	padding-bottom: 30px;
	padding-left: 20px;
	break-inside: avoid;
}
.product-nav-list > .right > .drop-nav-group.cc > dl{
	margin-right: 80px;
}
.product-nav-list > .right > .drop-nav-group > dl > dt{
	display: flex;
	font-size: 14px;
	color: #000000;
}
.product-nav-list > .right > .drop-nav-group > dl > dt > a{
	width: 100%;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	padding-bottom: 4px;
    border-bottom: 1px solid #56B983;
}
.product-nav-list > .right > .drop-nav-group.c1 > dl > dt > a{
	width: auto;
}
.product-nav-list > .right > .drop-nav-group > dl > dt > a:hover{
	color: #56B983;
}
.product-nav-list > .right > .drop-nav-group > dl > dd{
	display: flex;
	flex-direction: column;
	line-height: 1.5;
}
.product-nav-list > .right > .drop-nav-group.cc > dl > dd{
	max-height: 200px;
    flex-wrap: wrap;
}
.product-nav-list > .right > .drop-nav-group.cc > dl > dd > a{
	margin-right: 20px;
}


.application-nav-list > .right > .app-drop-nav-group{
	width: 100%;
	column-count: 3;
    column-gap: 40px;
}

.application-nav-list > .right > .app-drop-nav-group a{
	display: flex;
	justify-content: left;
	align-items: center;
	padding: 10px 10px;
	margin-bottom: 15px;

}
.application-nav-list > .right > .app-drop-nav-group a:hover{
	background-color: #edf1fa;
}

.application-nav-list > .right > .app-drop-nav-group a > img{
	width: 20px;
	height: 22px;
	margin-right: 10px;
}

.drop-nav .drop-nav-con .nav-wrap{
	padding-top: 50px;
}
.drop-nav .drop-nav-con .nav-wrap.product-nav-list{
	padding-top: 0px;
}

/***/
.application-nav-list{
	display: flex;
	justify-content: space-between;
	position: relative;
    z-index: 10;
    width: 100%;
    max-width: 1200px;

}
.application-nav-list > .left{
	width: 220px;
    box-shadow: 4px 4px 20px #00000020;
    color: #000000;
    padding-bottom: 50px;
    box-sizing: border-box;
    background-color: #295baa14;
}
.application-nav-list > .left > li{
	width: 100%;
}
.application-nav-list > .left > li > a{
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 8px 14px 8px 20px;
	font-size: 14px;
    line-height: 1.5;
    color: #000000;
    box-sizing: border-box;
}
.application-nav-list > .left > li > a.active{
	background-color: #295BAA;
	color: #ffffff;
}

.application-nav-list > .right{
	flex: 1;
	padding-left: 20px;
	padding-top: 20px;
}

.application-nav-list > .right > h6{
	
	margin-bottom: 20px;
}

.application-nav-list > .right > h6 > a{
	font-weight: bold;
	font-size: 18px;
	color: #000000;
}

.application-nav-list > .right > .drop-nav-group{
	width: 100%;
	column-count: 3;
	column-gap: 40px;

}

.application-nav-list > .right > .drop-nav-group > dl{
	display: flex;
	flex-direction: column;
	line-height: 1.5;
	padding-bottom: 30px;
	padding-left: 20px;
	break-inside: avoid;
}
.application-nav-list > .right > .drop-nav-group > dl > dt{
	font-size: 14px;
	color: #000000;
}
.application-nav-list > .right > .drop-nav-group > dl > dt > a{
	font-weight: bold;
	font-size: 14px;
	color: #000000;
}
.application-nav-list > .right > .drop-nav-group > dl > dt > a:hover{
	text-decoration: underline;
}
.application-nav-list > .right > .drop-nav-group > dl > dd{
	display: flex;
	flex-direction: column;
	line-height: 1.5;
}
.drop-nav .drop-nav-con .nav-wrap.application-nav-list{
	padding-top: 0px;
}

/**/
.bread-nav-wrap{
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}
.bread-nav-wrap .bread-nav{
	width: 1300px;
}
.banner-wrap > img{
	object-position: top;
}
.bread-nav-wrap > .bread-nav-box{
	width: 1300px;
	display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}
.bread-nav-wrap > .bread-nav-box > .bread-nav{
	flex: 1;
    overflow-x: auto;
    overflow-y: hidden;
	margin: 0;
}
.bread-nav-wrap .bread-nav > a{
	flex-shrink: 0;
}
.type-attr-wrap{
	justify-content: space-between;
	flex-wrap: wrap;
}
.type-attr-wrap > .type-item{
	flex: inherit;
	width: 406px;
	/*height: 382px;*/
	border-radius: 8px;
	box-sizing: border-box;
	border: 1px solid #EEEEEE;
	box-shadow: 0 16px 36px rgba(15, 35, 65, .08);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.type-attr-wrap > .type-item:hover{
	transform: translateY(-4px);
    border-color: rgba(86, 185, 131, .45);
    box-shadow: 0 24px 50px rgba(15, 35, 65, .13);
}
.block-slider{
	width: 1300px;
}
.type-attr-wrap > .type-item > h6{
	width: auto;
	border-right: 0;
}


.type-attr-wrap.attr-rows{
	flex-direction: column;
}
.type-attr-wrap.attr-rows > .type-item{
	width: 100%;
	flex-direction: row;
	padding-top: 10px;
	padding-bottom: 10px;
}
.type-attr-wrap.attr-rows > .type-item > dt{
	width: 180px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.type-attr-wrap.attr-rows > .type-item > .intro-content{
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.type-attr-wrap.attr-rows > .type-item > .intro-content > h5{
	font-size: 18px;
    font-weight: 800;
}

.type-attr-wrap.attr-rows > .type-item > .intro-content > h6{
	font-size: 16px;
    font-weight: normal;
    text-align: justify;
    margin-top: 10px;
    line-height: 1.5;
}
.type-attr-wrap.attr-rows > .type-item > .intro-pic-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 400px;
}
.type-attr-wrap.attr-rows > .type-item > .intro-pic-wrap > .intro-pic{
	max-height: 180px;
	max-width: 280px;
}


/****/

.block-slider-wrap.v2025 > .heading {
    background-color: #ffffff;
}
.block-slider-wrap.v2025 > .heading > h5 {
    font-size: 32px;
    color: #2e3642;
    width: 100%;
    height: 90px;
    line-height: 90px;
    text-align: center;
}

.product-tree-wrap{
	margin-top: 70px;
    padding-top: 20px;
    border-top: 1px solid #E7E7E7;
}
.product-tree-content{
	display: flex;
	flex-direction: column;
	align-items: center;
	/*min-height: 500px;*/
	background-color: #ffffff;
}
.product-app-area.default{
	justify-content: flex-start;
}
.product-app-area.default > .area-item{
	width: 30%;
	margin: 0 1.5% 20px 1.5%;
	border-radius: 8px;
}

.product-app-area.default > .area-item > dl{
	position: relative;
	display: flex;
	flex-direction: column;
	line-height: 1;
	z-index: 19;
}
.product-app-area.default > .area-item > dl > dt{
	display: flex;
}
.product-app-area.default > .area-item > dl > dt a{
	font-size: 20px;
	color: #ffffff;
	transform: translateY(0);
	transition: transform .5s ease-out;
}

.product-app-area.default > .area-item:hover  > dl > dt a{
	transform: translateY(-10px);
}
.product-app-area.default > .area-item > dl > dt a:hover{
	text-decoration: underline;
}



.product-app-area.default > .area-item > dl > dd{
	display: flex;
	flex-wrap: wrap;
	margin-top: 12px;
}
/*
.product-app-area.default.ptc-zh-cn > .area-item > dl > dd.view-more{
	display: none;
}

.product-app-area.default.ptc-en > .area-item > dl > dd.app-list{
	display: none;
}

.product-app-area.default.ptc-en > .area-item > dl > dd.view-more{
	display: none;
}*/
.product-app-area.default > .area-item > dl > dd.view-more span.iconfont{
	font-size: 12px;
}

.product-app-area.default > .area-item > dl > dd.view-more{
	display: none;
	opacity: 0;
}
.product-app-area.default  > .area-item:hover  > dl > dd.view-more{
	display: flex;
	animation: fadeIn 0.5s ease-in .3s;
	animation-fill-mode: forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}




.product-app-area.default > .area-item > dl > dd a{
	font-size: 14px;
	color: #ffffff;
	margin-bottom: 10px;
	margin-right: 15px;
}
.product-app-area.default > .area-item > dl > dd a:hover{
	text-decoration: underline;
}

/*****/

.aside-menu{
	position: fixed;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	width: 400px;
	height: 100vh;
	background-color: #ffffff;
	box-shadow: 0 0 10px #0d0d0e26;
	transition: transform .2s ease-out;
	padding: 0px;
	box-sizing: border-box;
	transform: translateX(-100%);
	z-index: 999;
}
.aside-menu.active{
	transform: translateX(0);
}
.aside-menu > .aside-header{
	width: 100%;
    height: 68px;
    background-color: #ffffff;
    color: #000000;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:20px;
    box-sizing: border-box;
    font-weight: 800;
}
.aside-menu > .aside-content{
	display: flex;
	flex-direction: column;
	padding: 20px;
	box-sizing: border-box;
	overflow-y: auto;
}
.aside-menu > .aside-content .a-link a{
	color: #1c1c1c;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.aside-menu > .aside-content .a-link:hover a{
	color: #026ed2;
}
.aside-menu > .aside-content > dl{
	display: flex;
	flex-direction: column;
}
.aside-menu > .aside-content > dl > dt{
	display: flex;
    justify-content: space-between;
	padding: 10px 15px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 800;
	color: #1c1c1c;
}
.aside-menu > .aside-content > dl > dd{
	display: none;
	padding: 0px 15px;
}
.aside-menu > .aside-content > dl > dd.active{
	display: flex;
}
.aside-menu > .aside-content > dl > dd > ul{
	width: 100%;
	padding-left: 20px;
}
.aside-menu > .aside-content > dl > dd > ul > li{
	display: flex;
    flex-direction: column;
    padding: 5px 0;
}
.aside-menu > .aside-content > dl > dd > ul > li > span{
	display: flex;
    justify-content: space-between;
}
.aside-menu > .aside-content > dl > dd > ul > li > ul{
	display: none;
	flex-direction: column;
	padding: 5px 20px;
}
.aside-menu > .aside-content > dl > dd > ul > li > ul.active{
	display: flex;
}
.aside-menu > .aside-content > dl > dd > ul > li > ul > li{
	width: 100%;
	padding: 5px 0;
}

.header-main-s{
	height: 85px;
	background-color: #000000;
}

.series-header-wrap{
	background: radial-gradient(circle at 78% 18%, rgba(51, 168, 115, .14), transparent 28%), linear-gradient(135deg, #f8fbff 0%, #eef5fb 52%, #f8fbff 100%);
    border-bottom: 1px solid rgba(40, 92, 170, .08);
}
.series-header-wrap > .block-slider{
	display: flex;
	flex-direction: column;
	height: auto;
	padding-top: 20px;
	padding-bottom: 55px;
	box-sizing: border-box;
}

.series-header-wrap .breadcrumb-box{
	display: flex;
	align-items: center;
}
.series-header-wrap .breadcrumb-box a{
	color: #9b9b9b;
	font-size: 14px;
}
.series-header-wrap .breadcrumb-box a:hover{
	text-decoration: underline;
}
.series-header-wrap .breadcrumb-box a::last-child{
	color: #000000;
}
.series-header-wrap .breadcrumb-box i{
	color: #9b9b9b;
	margin: 0 8px;
}

.series-header-wrap h1{
	font-size: 40px;
	margin-top: 30px;
	line-height: 1;
}

.series-header-link{
	display: flex;
	align-items: center;
	margin-top: 30px;
}
.series-header-link a{
	margin-right: 18px;
}


.page-subnav-wrap{
	width: 100%;
    border-bottom: 1px solid #f5f5f5;
    background-color: #ffffff;
}

.page-subnav-wrap > .block-slider{
	display: flex;
	align-items: center;
	justify-content:flex-start;
}

.page-subnav-wrap.product-detail > .block-slider{
	justify-content:space-between;
}

.page-subnav-wrap.product-detail > .block-slider > .left{
	display: flex;
	align-items: center;
	justify-content:flex-start;
}

.page-subnav-wrap > .block-slider a{
	position: relative;
    color: #343537;
    font-weight: 500;
    padding: 20px 0;
}
.page-subnav-wrap > .block-slider a:hover,.page-subnav-wrap > .block-slider a.active{
	color: #285caa;
}
.page-subnav-wrap > .block-slider a:after{
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--product-green), var(--product-blue));
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .2s ease;
}
.page-subnav-wrap > .block-slider a:hover:after,
.page-subnav-wrap > .block-slider a.active:after{
	transform: scaleX(1);
}

.page-subnav-wrap > .block-slider i{
	width: 1px;
	height: 20px;
	background-color: #dde4ee;
	margin: 0 20px;
}


.page-subnav-wrap > .block-slider a.btn-product-selector{
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 50px;
    background: linear-gradient(to right, #56B983, #295BAA);
    color: #ffffff;
    font-size: 14px;
    transition: background .3s ease-out;
}

.page-subnav-wrap > .block-slider a.btn-product-selector > i{
	display: inline-block;
    width: 19px;
    height: 19px;
    background-image: url(../images/icon-selector.svg);
    background-size: 100% 100%;
    margin: 0;
    margin-right: 8px;
    background-color: transparent;
}

.overview-wrap{
	margin-top: 40px;
}

.overview-wrap > .heading{
	background-color: #ffffff;
}
.overview-content{

	padding-top: 60px;
	padding-bottom: 60px;
	overflow: hidden;
}
.overview-wrap > .heading > h5{
	font-size: 32px;
	color:#2e3642;
	width:100%;
	height:90px;
	line-height: 90px;
	text-align: center;
}

.overview-wrap .block-container{
	line-height: 1.5;
}
.overview-wrap .block-container p{
	margin-bottom: 20px;
	line-height: 2;
}

/***/

.application-related-wrap{

	padding-top: 60px;
	padding-bottom: 60px;
	overflow: hidden;
}

.application-related-wrap  > .heading > h5{
	font-size: 32px;
	color:#2e3642;
	width:100%;
	height:90px;
	line-height: 90px;
	text-align: center;
}

.application-related-content{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;

}
.application-related-content > .related-app-item{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	justify-content: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	width:426px;
	height:auto;
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	margin-bottom: 20px;
}



.application-related-content  > .related-app-item > dt{
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	justify-content: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	width:400px;
	height:230px;
	margin-bottom:20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-size: cover;
}
.application-related-content  > .related-app-item > dt > .bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,.3);
	z-index:1;
}
.application-related-content  > .related-app-item > dt > a{
	position: relative;
	font-size: 18px;
	color: #ffffff;
	z-index: 19;
}

.application-related-content  > .related-app-item > dd{
	line-height: 2;
	color: #222222;
	font-size: 14px;
	padding: 0 10px;
	box-sizing: border-box;
}
.application-related-content  > .related-app-item > dd a{
	
	margin: 5px 10px;
}
.application-related-content  > .related-app-item > dd a:hover{
	text-decoration: underline;
}

/****/

.product-detail-content{
	padding-top: 20px;
}

.product-features-wrap{
	width:100%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
	border-bottom: 1px solid #f2f2f2
}
.product-features-wrap.cct{
	justify-content: center;
}
.product-features-wrap > .product-features-content{
	width:604px;
}
.product-features-wrap > .product-features-content > .slider-play-box{
	width:100%;
	height:470px;
}
.product-features-wrap > .product-features-content > .slider-play-box > img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.product-features-wrap > .product-features-content > .slider-play-box .swiper-slide{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.product-features-wrap > .product-features-content > .slider-play-box .swiper-slide > span{
	background-color: #000000;
	border-radius: 100px;
	padding: 3px 10px;
	color: #ffffff;
	font-size: 13px;
	margin-top: 10px;
}

/***/
.swiper-fullscreen-wapper{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 499;
}
.swiper-fullscreen-wapper.active{
	display: block;
}
.swiper-fullscreen-wapper > .btn-close{
	position: absolute;
	top: 15px;
	right: 40px;
	width:30px;
	height:30px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(https://static.qingshow.net/k11/gzcoupon2023/images/icon-close@2x.png);
	z-index: 399;
}
.swiper-fullscreen-wapper > .slider-play-box{
	width:100%;
	height:100%;
	opacity: 0;
}
.swiper-fullscreen-wapper > .slider-play-box.active{
	transition: opacity .3s ease-out;
	opacity: 1;
}
.swiper-fullscreen-wapper > .slider-play-box .swiper-slide{
	display: flex;
    flex-direction: column;
    align-items: center;
    background-color: transparent;
}
.swiper-fullscreen-wapper > .slider-play-box .swiper-slide img{
	width: auto;
    height: calc(100vh - 80px);
}
.swiper-fullscreen-wapper > .slider-play-box .swiper-slide > span{
	background-color: #295BAA;
    border-radius: 100px;
    padding: 3px 10px;
    color: #ffffff;
    font-size: 13px;
    margin-top: 10px;
}

.swiper-fullscreen-wapper .swiper-button-next{
	transform: translateX(-50px);
	color: #ffffff;
}
.swiper-fullscreen-wapper .swiper-button-prev{
	transform: translateX(50px);
	color: #ffffff;
}
/***/

.product-features-wrap > .product-features-content > .slider-menu{
	position: relative;
	display: flex;
	margin-top: 20px;
}
.product-features-wrap > .product-features-content > .slider-menu > a{
	position: relative;
	width:170px;
	height:90px;
	border:2px solid #ccc;
	margin-right:15px;
	box-sizing: border-box;
}
.product-features-wrap > .product-features-content > .slider-menu > a.type-video:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    width: 35px;
    height: 35px;
    pointer-events: none;
    background-repeat: no-repeat;
	background-image: url(../images/icon-soft-play2.svg);
	background-size: 100% 100%;
    background-color: #ffffff;
    border-radius: 4rem;
    opacity: 1;
    transition: all .5s;
}

.product-features-wrap > .product-features-content > .slider-menu > a::last-child{
	margin-right:0;
}
.product-features-wrap > .product-features-content > .slider-menu > a:hover,.soft-top > .soft-slider-wrap > .slider-menu > a.active{
	border-color:#5d9bd2;
}
.product-features-wrap > .product-features-content > .slider-menu > a > img{
	width:100%;
	height:100%;
	object-fit: cover;
}

.product-features-wrap > .product-features-content > .slider-menu > .action{
	position: absolute;
	top:0;
	right:0;
}

.product-features-wrap > .features-info{
	position: relative;
	/*width:570px;*/
	/*max-width: 646px;*/
	flex: 1;
	max-height: 450px;
	color:#414853;
	font-size:14px;
	line-height: 2;
	overflow: hidden;
	margin-left: 50px;
}

.product-features-wrap > .features-info > h6{
	font-size: 16px;
    border-bottom: 1px solid #2a5ca917;
}

.product-features-wrap > .features-info.more{
	max-height: 100%;
}
.product-features-wrap > .features-info ul{
	line-height: 2;
	padding: 3px 0;
}
.product-features-wrap > .features-info li{
	display: flex;
    align-items: flex-start;
}
.product-features-wrap > .features-info li.sub{
	padding-left: 20px;
}
.product-features-wrap > .features-info li.thi{
	padding-left: 60px;
}

.product-features-wrap > .features-info > .view-more{
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 100px 0 10px;
	box-sizing: border-box;
	background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
	transform: translateY(10px);
}
.product-features-wrap > .features-info > .view-more.active{
	display: flex;
}


.product-features-wrap > .features-info.more >  .view-more{
	position: relative;
	padding: 10px 0 10px;
}


.product-features-wrap > .features-info > .view-more > a{
	font-size: 16px;
	color: #026ed2;
}
.product-features-wrap > .features-info > .view-more > a:hover{
	text-decoration: underline;
}
.product-features-wrap > .features-info.less > .view-more > a.btn-view-more{
	display: block;
}
.product-features-wrap > .features-info.less > .view-more > a.btn-view-less{
	display: none;
}
.product-features-wrap > .features-info.more > .view-more > a.btn-view-more{
	display: none;
}
.product-features-wrap > .features-info.more > .view-more > a.btn-view-less{
	display: block;
}

.product-advantage{
	display: -ms-flexbox;
	display: flex;
	
	-ms-flex-direction: column;
	flex-direction: column;
	
	-ms-align-items: center;
	align-items: center;

	width:100%;
	padding-bottom: 30px;
	zoom: 1;
	min-height: 1px;
}
.product-advantage > img{
	max-width: 100%;
	height: auto;
	-ms-align-self: center;
	align-self: center;
}

/***/
.release-video-wrap{
	padding-top: 60px;
	padding-bottom: 60px;
	overflow: hidden;
}

.release-video-wrap  > .heading > h5{
	font-size: 32px;
	color:#2e3642;
	width:100%;
	height:90px;
	line-height: 90px;
	text-align: center;
}

.release-video-wrap > .release-video-content{
	
	display: flex;
	justify-content: center;


}

.release-video-wrap > .release-video-content > .video-box{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1000px;
	height: 600px;
	background-color: #000000;
	background-size: cover;
	
}
.release-video-wrap > .release-video-content > .video-box > .poster-box{
	width: 100%;
	height: 100%;
	background-size: cover;
}
.release-video-wrap > .release-video-content > .video-box > .poster-box > .mask-box{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
}
.release-video-wrap > .release-video-content > .video-box > .poster-box > .mask-box > span.iconfont{
	font-size: 50px;
	color: #ffffff;
}

.i-documents-wrap{
	/*margin-top: 20px;*/
	padding-top: 30px;
	padding-bottom: 50px;
}

.i-documents-wrap > .heading > h5 {
    font-size: 32px;
    color: #2e3642;
    width: 100%;
    height: 90px;
    line-height: 90px;
    text-align: center;
}

.i-documents-box{
	display: flex;
	justify-content: space-between;
	font-size: 14px;
}
.i-documents-box > .i-left{
	display: flex;
	flex-direction: column;
	width: 280px;
	padding: 20px;
	box-sizing: border-box;
	border-right: 1px solid #eaeaea;
}

.i-documents-wrap.lang-en > .i-documents-box > .i-left{
	width: 320px;
}

.i-documents-box > .i-left > .public-type{
	font-size: 14px;
    
}
.i-documents-box > .i-left > .public-type > li{
	margin: 5px 0;
}


.i-documents-box > .i-left > h6{
	font-size: 12px;
	color: #777777;
	margin-top: 30px;
	line-height: 1.5;
    letter-spacing: 1px;
}

.i-documents-box > .i-left > dl{
	margin-top: 20px;
	margin-bottom: 0px;
	font-size: 14px;
}

.i-documents-box > .i-left > dl > dt{
	font-weight: bold;
	margin-bottom: 10px;
}
.i-documents-box > .i-left > dl > dd{
	padding-left: 12px;
	box-sizing: border-box;
}
.i-documents-box > .i-left > dl > dd > ul{
	display: flex;
	flex-direction: column;
}
.i-documents-box > .i-left > dl > dd > ul > li{
	margin: 5px 0;
}
.i-documents-box > .i-left > dl > dd > ul > li > label{
	margin-left: 8px;
}
.i-documents-box > .i-left > dl > dd > ul > li > ul{
	display: none;
	margin-top: 5px;
}
.i-documents-box > .i-left > dl > dd > ul > li > ul.active{
	display: block;
}
.i-documents-box > .i-left > dl > dd > ul > li > ul > li{
	padding-left: 30px;
	box-sizing: border-box;
	margin: 5px 0;
}

.i-documents-box > .i-right{
	display: flex;
	flex-direction: column;
	flex: 1;
    margin-left: 40px;
}

.i-search-box{
	display: flex;
	align-items: center;
	width: 100%;
	height: 40px;
	background-color: #f5f8fb;
    border: 1px solid #e6ebf2;
	border-radius: 4px;
	padding: 5px 5px 5px 15px;
	box-sizing: border-box;
}
.i-search-box > span{
	margin-right: 10px;
}
.i-search-box > input{
	flex: 1;
	border: none;
	background: transparent;
}
.i-search-box > a.i-search-btn{
	padding: 0 15px;
	height: 30px;
	background-color: #295BAA;
	border-radius: 100px;
	color: #ffffff;
	font-size: 13px;
	margin-left: 10px;
	text-align: center;
    line-height: 30px;
}

.i-doc-list{
	margin-top: 30px;
	width: 100%;
}

.i-doc-list td,.i-doc-list th{
	border-bottom: 1px solid #e7e7e7;
	padding: 15px;
	box-sizing: border-box;
	background-color: #ffffff;
}

.i-doc-list td .title-info{
	display: flex;
	flex-direction: column;
}

.i-doc-list td .title-info a{
	color: #285CAA;
	font-size: 14px;
}
.i-doc-list td .title-info a:hover{
	text-decoration: underline;
}

.i-doc-list td .title-info ol{
	display: flex;
	margin-top: 10px;
}
.i-doc-list td .title-info ol > li{
	font-size: 14px;
	margin-right: 20px;
	color: #706f6f;
}

/****/

.product-documents-content{
	display: none;

}
.product-design-content{
	display: none;
	
}
.product-support-content{
	display: none;

}

/****/

.app-model-v2{
	margin-top: 65px;
}

.app-model-v2 > .app-model-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
}
.app-model-v2 > .app-model-header > h5{
	font-size: 30px;
	color:#414953;
	text-align: left;
}

.app-model-v2 > .app-model-header > a{
	font-size: 14px;
}

.app-model-v2 dl{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	margin-top: 30px;
}

.app-model-v2 dl dt img{
	width:100%;
	height: 300px;
	object-fit: cover;
}
.app-model-v2 dl dd{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 25px;

}




.app-model-v2 dl dd a{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	background-color: #ffffff;
	width: 24%;
	color:#686868;
	transition:background .3s ease-out;
	margin:10px 0;
}
.app-model-v2 dl dd a:last-child{
	margin-right: 0;
}
.app-model-v2 dl dd a{
	height:254px;
	text-align: center;
	line-height: 1.5;
	box-shadow: 0px 0px 4px 0px #cccccca3;
    border-radius: 3px;
}
.app-model-v2 dl dd a:hover{
	background-color: #56B983;
	color:#ffffff;
}

.app-model-v2 dl dd a.null{
	cursor: pointer;
	box-shadow: none;
	opacity: 0;
}

.app-model-v2 dl dd a > img{
	max-width: 100%;
	height: 190px;
    object-fit: cover;
}

.app-model-v2 dl dd a > p{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*****/

.support-app-wrap{

	padding-top: 60px;
	padding-bottom: 60px;
	overflow: hidden;
}
.support-app-wrap > .heading > h5{
	font-size: 32px;
	color:#2e3642;
	width:100%;
	height:90px;
	line-height: 90px;
	text-align: center;
}
.product-type-content  > .heading > h5{
	font-size: 32px;
	color:#2e3642;
	width:100%;
	height:90px;
	line-height: 90px;
	text-align: center;
}
.support-app-content{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;

}
.support-app-content > .area-item{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	align-items: center;
	
	width:386px;
	height:180px;
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	color: #000000;
	font-size: 16px;
	padding-top: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.support-app-content > .area-item > img{
	width: 80px;
	margin-bottom: 20px;
}




/***/

.app-header-wrap{
	background-color: #fafafa;
	background-size: cover;
	background-repeat: no-repeat;
	background: radial-gradient(circle at 78% 18%, rgb(51 168 115 / 16%), transparent 28%), linear-gradient(135deg, #f8fbff 0%, #eef5fb 52%, #f8fbff 100%);
    border-bottom: 1px solid rgba(40, 92, 170, .08);
}
.app-header-wrap > .app-header-content{
	display: flex;
    flex-direction: column;
    height: auto;
    padding-top: 20px;
    padding-bottom: 55px;
    box-sizing: border-box;
}
.app-header-wrap > .app-header-content > .breadcrumb-box{
	display: flex;
	align-items: center;
}
.app-header-wrap > .app-header-content > .breadcrumb-box a{
	color: #9b9b9b;
	font-size: 14px;
}
.app-header-wrap > .app-header-content > .breadcrumb-box a:hover{
	text-decoration: underline;
}
.app-header-wrap > .app-header-content > .breadcrumb-box a::last-child{
	color: #000000;
}
.app-header-wrap > .app-header-content > .breadcrumb-box i{
	color: #9b9b9b;
	margin: 0 8px;
}

.app-header-wrap > .app-header-content > h1 {
	color: #333;
    font-size: 40px;
    margin-top: 30px;
    line-height: 1;
}
.app-header-wrap > .app-header-content > p {
	color: #333;
	font-size: 16px;
	margin-top: 30px;
}


/**/
.app-index-wrap{
	    margin-top: 20px;
}
.product-app-area.default > .area-item > p{
	position: relative;
	margin-top: 10px;
	color: #ffffff;
    font-size: 14px;
    z-index: 19;
}

.product-app-area.default > .area-item > span.bg{
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 69%);
	border-radius: 8px;
}

.app-detail-header-wrap{
	background-color: #fafafa;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.app-detail-header-wrap > .app-detail-header-content{
	display: flex;
    flex-direction: column;
    height: auto;
    padding-top: 20px;
    padding-bottom: 68px;
    box-sizing: border-box;
}
.app-detail-header-wrap > .app-detail-header-content > .breadcrumb-box{
	display: flex;
	align-items: center;
}
.app-detail-header-wrap > .app-detail-header-content > .breadcrumb-box a{
	color: rgba(255,255,255,.7);
	font-size: 14px;
}
.app-detail-header-wrap > .app-detail-header-content > .breadcrumb-box a:hover{
	text-decoration: underline;
}
.app-detail-header-wrap > .app-detail-header-content > .breadcrumb-box a::last-child{
	color: #ffffff;
}
.app-detail-header-wrap > .app-detail-header-content > .breadcrumb-box i{
	color: rgba(255,255,255,.7);
	margin: 0 8px;
}

.app-detail-header-wrap > .app-detail-header-content > h1 {
	color: #ffffff;
    font-size: 40px;
    margin-top: 30px;
    line-height: 1;
}
.app-detail-header-wrap > .app-detail-header-content > p {
	color: #ffffff;
	font-size: 16px;
	margin-top: 30px;
}


.app-detail-wrap{
	margin-top: 40px;
}
.app-detail-wrap > .heading > h5 {
    font-size: 32px;
    color: #2e3642;
    width: 100%;
    height: 90px;
    line-height: 90px;
    text-align: center;
}

.app-detail-wrap .app-detail-content-overview{
	display: flex;
	justify-content: space-between;
}
.app-detail-wrap .app-detail-content-overview .left{
	width: 600px;
	height: 370px;
	overflow: hidden;
}


.app-detail-wrap .app-detail-content-overview .right{
	flex: 1;
	font-size: 16px;
	margin-left: 30px;
	line-height: 2;
	color: #000000;
	text-align: justify;
}


.app-detail-content-solution{
	margin-top: 30px;
	padding-bottom: 50px;
	border-bottom: 1px solid rgba(234, 234, 234, 1);
}
.app-detail-content-solution > .heading > h5 {
    font-size: 32px;
    color: #2e3642;
    width: 100%;
    height: 90px;
    line-height: 90px;
    text-align: center;
}

.app-detail-content-solution > .solution-category{
	
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	row-gap: 15px;
	margin-bottom: 40px;
}
.app-detail-content-solution > .solution-category > li{
	display: flex;
}
.app-detail-content-solution > .solution-category a{
	font-size: 16px;
	padding: 8px 30px;
	border-radius: 8px;
	box-sizing: border-box;
	border: 1px solid #EEEEEE;
	margin: 0 16px;
	white-space: nowrap;
}
.app-detail-content-solution > .solution-category.cc-en a{
	padding: 8px 10px;
	margin: 0 6px;
}
.app-detail-content-solution > .solution-category a:hover,.app-detail-content-solution > .solution-category a.active{
	background-color: rgba(86, 185, 131, 0.1);
    border-color: #56B983;
    color: #56B983;
}

.app-detail-content-solution > .solution-view{
	display: flex;
	justify-content: center;
	text-align: center;
}
.app-detail-content-solution > .solution-view > img{
	max-width: 100%;
}
.app-detail-content-solution > .solution-feature{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 50px;
	text-align: center;
}
.app-detail-content-solution > .solution-feature > h6{
	font-size: 28px;
    color: #2e3642;
    line-height: 90px;
    text-align: center;
}
.app-detail-content-solution > .solution-feature > img{
	max-width: 100%;
}




.app-detail-content-diagram{
	margin-top: 50px;
}
.app-detail-content-diagram > .heading > h5 {
    font-size: 32px;
    color: #2e3642;
    width: 100%;
    height: 90px;
    line-height: 90px;
    text-align: center;
}


.app-detail-content-diagram > .diagram-wrap{
	display: flex;
	justify-content: space-between;
}

.diagram-box{
	width: 800px;
	min-height: 400px;
}
.diagram-box > img{
	width: 100%;
}
.diagram-product-relate{
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-left: 25px;
	padding-top: 10px;
}
.diagram-product-relate > .header{
	padding: 6px 0 6px 15px;
	box-sizing: border-box;
	border-left: 4px solid #285CAA;
	font-size: 20px;
	font-weight: bold;
	box-sizing: border-box;
	line-height: 1;
}



.diagram-product-relate > dl{
	margin-top: 10px;
	display: flex;
	flex-direction: column;
}
.diagram-product-relate > dl > dt{
	padding: 10px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: bold;
}
.diagram-product-relate > dl > dd.r-p-list{
	padding: 0 10px 10px;
	box-sizing: border-box;
}
.diagram-product-relate > dl > dd.r-p-list p{
	margin: 3px 0 10px 0;
}
.diagram-product-relate > dl > dd.r-p-list p a{
	color: #285CAA;
}
.diagram-product-relate > dl > dd.r-p-list p a:hover{
	text-decoration: underline;
}
.diagram-product-relate > dl > dd.action{
	display: flex;
	justify-content: center;
	padding: 15px;
	box-sizing: border-box;
}
.diagram-product-relate > dl > dd.action a{
	width: 60%;
	padding: 10px 0;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	background-color: #285CAA;
    border-radius: 8px;
}

.diagram-product-relate > dl > dd.action a:hover{
	transition: background .3s ease-out;
	background-color: #122781;
}

/****/

.design-video-wrap{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 30px;
}
.design-video-wrap > dl{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.design-video-wrap > dl > dt{
	width: 200px;
}
.design-video-wrap > dl > dt > img{
	width: 100%;
	max-height: 120px;
	object-fit: cover;
}
.design-video-wrap > dl > dd{
	flex: 1;
	margin-left: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 5px 0;
    box-sizing: border-box;
}
.design-video-wrap > dl > dd > .video-info{
	display: flex;
	flex-direction: column;
}
.design-video-wrap > dl > dd > .video-info > a{
	color: #285CAA;
	font-size: 16px;
}
.design-video-wrap > dl > dd > .video-info > a:hover{
	text-decoration: underline;
}
.design-video-wrap > dl > dd > .video-info > .v-p1{
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.5;
	color: #1c1c1c;
}

.design-video-wrap > dl > dd > .video-footer{
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.5;
	color: #1c1c1c;
}

/****/
.footer-wrap{
	display: flex;
	flex-direction: column;
    align-items: center;
	width: 100%;
	min-width: 1300px;
	padding: 60px 0;
    background-color: #363a45;
    color: #ffffff;
}

.footer-wrap > .footer-content{
	width: 1300px;
	display: flex;
	padding-bottom: 30px;
}
.footer-wrap > .footer-content > dt{
	display: flex;
	flex-direction: column;
}
.footer-wrap > .footer-content > dt a.i-logo > img{
	width: 140px;
}


.footer-wrap > .footer-content > dt > ul{
	margin-top: 20px;
	display: flex;
}
.footer-wrap > .footer-content > dt > ul > li{
	margin-right: 15px;
}
.footer-wrap > .footer-content > dd{
	flex: 1;
	display: flex;
	justify-content: space-around;
	padding-left: 30px;
	box-sizing: border-box;
}
.footer-wrap > .footer-content > dd > dl{
	margin-right: 30px;
}
.footer-wrap > .footer-content > dd > dl > dt > a{
	font-size: 16px;
	color: #ffffff;
}
.footer-wrap > .footer-content > dd > dl > dt > a:hover{
	text-decoration: underline;
}
.footer-wrap > .footer-content > dd > dl > dd{
	margin-top: 15px;
	display: flex;
	flex-direction: column;
}
.footer-wrap > .footer-content > dd > dl > dd a{
	color: #d2d2d2;
	font-size: 13px;
	margin-bottom: 10px;
}
.footer-wrap > .footer-content > dd > dl > dd a:hover{
	text-decoration: underline;
}
.footer-wrap > .footer-content-bottom{
	width: 1300px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    line-height: 2;
    border-top: 1px solid #979797;
    padding-top: 20px;
}
.footer-wrap > .footer-content-bottom a{
	color: #ffffff;
    text-decoration: none;
}
.footer-wrap > .footer-content-bottom a:hover{
    text-decoration: underline;
}


.logo{
	margin-left: 0;
}

/**/

.drop-nav .drop-nav-con .nav-wrap.c1{
	padding-bottom: 50px;
}

/***/

.news-detail > .news-aside.video-aside{
	padding-top: 60px;
}

/****/
.bread-nav-select{
	display: none;
	flex-direction: column;
	margin: 20px 0;
}
.select-dropdown-box{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 90%;
	border: 1px solid #2e3642;
	border-radius: 4px;
	margin: 0 auto;
    box-sizing: border-box;
}
.select-dropdown-box > .select-default{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 40px;
	padding: 10px;
    box-sizing: border-box;
}
.select-dropdown-box > .select-default > h6{
	flex: 1;
}

.select-dropdown-box > .select-default > a{
	padding: 5px 10px;
}

.select-dropdown-box > .select-options-wrap{
	display: none;
	flex-direction: column;
}
.select-dropdown-box > .select-options-wrap.active{
	display: flex;
}
.select-dropdown-box > .select-options-wrap > li{
	width: 100%;
	height: 40px;
	padding: 10px;
	box-sizing: border-box;
}
.bread-nav-select > a.btn-product-selector{
	width: 90%;
	margin: 15px auto 0;
}


/****/

.table-top{
	position: relative;
	width: calc(100vw - 81px);
	border-right: 1px solid #e2e8f0;
	z-index: 399;
}
.table-top.fixed{
	position: fixed;
    top: 0;
    /*left: 0;*/
    z-index: 9999;
}

.table-top .table-wrapper{
	overflow: hidden;
}

/****/
.btn-login > span{
	font-size: 20px !important;
}

.login-wrap{
	display: flex;
	justify-content: center;
	padding: 80px 0;
}
.login-wrap > .left{
	width: 35%;
}
.form-wrap{
	display: flex;
	flex-direction: column;
}
.form-wrap > .form-group{
	display: flex;
	flex-direction: column;
	margin-bottom: 40px;
}
.form-wrap > .form-group input.default{
	width: 100%;
	border: solid 1px #A9A9A9;
    border-radius: 4px;
    color: #706f6f;
    background-color: #fff;
    padding: 10px 12px;
    font-size: 14px;
    margin-top: 10px;
}

.form-wrap > .form-group > .verifycode-group{
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.form-wrap > .form-group > .verifycode-group > input{
	flex: 1;
	margin-right: 10px;
	margin-top: 0;
}
.form-wrap > .form-group > .verifycode-group > a{
	margin-left: 10px;
}


.form-wrap > .form-group .action{
	display: flex;
	align-items: center;
}
.form-wrap > .form-group .action a{
	margin-right: 25px;
}

.form-wrap > .form-group > .privacy-group{
	display: flex;
	align-items: center;
	font-size: 13px;
}

.form-wrap > .form-group .error{
	font-size: 12px;
	color: red;
	margin-top: 3px;
}


.reg-info{
	width: 40%;
	display: flex;
	flex-direction: column;
	margin-left: 200px;
	box-sizing: border-box;
}
.reg-info > dt{
	font-size: 20px;
    font-weight: bold;
}
.reg-info > dd{
	font-size: 16px;
	line-height: 2;
	margin: 30px 20px;
    box-sizing: border-box;
}


.btn-login-submit{
	padding: 12px 24px;
	font-size: 14px;
	color: #ffffff;
	background-color: #026ed2;
	border: 1px solid #026ed2;
	border-radius: 50px;
	line-height: 1;
	transition: all .3s ease-out;
}
.btn-login-submit:hover{
	background-color: #0386ff;
	border: 1px solid #0386ff;
}
.btn-reg{
	padding: 8px 24px;
	font-size: 14px;
	color: #026ed2;
	background-color: #ffffff;
	border: 1px solid #026ed2;
	border-radius: 50px;
	line-height: 1;
	transition: all .3s ease-out;
}
.btn-reg:hover{
	background-color: #026ed2;
	color: #ffffff;
}

/*****/

.i-documents-box.grr{
	margin-bottom: 80px;
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;
}
.i-documents-box.arr{
	margin-bottom: 80px;
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;
}
.i-documents-box.arr:last-child{
	margin-bottom: 0;
}

/***/

.block-footer{
	min-width: 1300px;
	padding: 60px 0;
}


/****/


.btn-icon-more{
	margin-left: 15px;
	
}
.btn-icon-more span{
	transform: rotate(0deg);
	transition: transform .2s ease-out;
}
.btn-icon-more.uup span{
	transform: rotate(180deg);
}

/*ui**/
.btn-product-selector{
	display: flex;
    align-items: center;
	padding: 10px 20px;
	border-radius: 50px;
	background: linear-gradient(to right, #56B983, #295BAA);
	
	color: #ffffff;
	font-size: 14px;
	transition: all .5s ease-out;
}
.btn-product-selector:hover{
	background: linear-gradient(to right, #295BAA, #295BAA);
}
.btn-product-selector > i{
	margin-right: 8px;
}

.btn-product-selector.nav-ss{
	justify-content: center;
	width: 80%;
	margin: 20px auto 0;
	    padding: 10px;
}

.btn-subscribe{
	display: flex;
    align-items: center;
	padding: 10px 20px;
	border-radius: 50px;
	background: #ffffff;
	border: 1px solid #295BAA;
	color: #295BAA;
	font-size: 14px;
	transition: background .3s ease-out;
}
.btn-subscribe.active,.btn-subscribe:hover{
	background: #e6f0ff;
}
.btn-subscribe.active{
	color: #56B984;
}
.btn-subscribe > i{
	margin-right: 8px;
}



.icon-selector{
	display: inline-block;
	width: 19px;
	height: 19px;
	background-image: url(../images/icon-selector.svg);
	background-size: 100% 100%;
}
.icon-subscribe{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../images/icon-subscribe.svg);
	background-size: 100% 100%;
}
.icon-aside-show{
	width: 20px;
	height: 20px;
	background-image: url(../images/icon-aside-show.svg);
	background-size: 100% 100%;
}
.btn-aside-back{
	width: 20px;
	height: 20px;
	background-image: url(../images/icon-aside-more.svg);
	background-size: 100% 100%;
}
.btn-aside-show{
	position: fixed;
	top: 60%;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 15px 10px;
	background-color: #295BAA;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	color: #ffffff;
	font-size: 14px;
	transform: translate(-100%,0%);
	transition: all .3s ease-out;
	z-index: 299;
}
.btn-aside-show.active{
	transform: translate(0%,0%);
}
.btn-aside-show > span.aname{
	margin-top: 5px;
	writing-mode: vertical-rl;
}



.btn-n-default{
	padding: 4px 10px;
    font-size: 12px;
    background-color: #026ed2;
    border: 1px solid #026ed2;
    color: #ffffff;
    cursor: pointer;
    border-radius: 4px;
}
.btn-n-default.disabled{
	background-color: #a6a6a6;
	border: 1px solid #a6a6a6;
}
.btn-n-default.s100{
	width: 100px;
	padding: 4px 0;
	text-align: center;
    font-size: 12px;
    background-color: #026ed2;
    border: 1px solid #026ed2;
    color: #ffffff;
    cursor: pointer;
    border-radius: 4px;
}
.btn-n-default.s100.disabled{
	background-color: #a6a6a6;
	border: 1px solid #a6a6a6;
}

.btn-download-link{
	padding: 4px 10px;
    font-size: 12px;
    background: white;
    border: 1px solid #295BAA;
    color: #295BAA;
    font-weight: bold;
    cursor: pointer;
        border-radius: 4px;
}


.mg-top-30{
	margin-top: 30px;
}

.tx-ali-left{
	text-align: left;
}
.tx-ali-center{
	text-align: center;
}

.icon-i-wx{
	width:30px;
	height:30px;
	background-image: url(../images/icon-i-wx.svg);
}
.icon-i-wxv{
	width:30px;
	height:30px;
	background-image: url(../images/icon-i-wxv.svg);
	background-size: 80%;
	background-position: center;
}
.icon-i-bilibili{
	width:30px;
	height:30px;
	background-image: url(../images/icon-i-bilibili.svg);
	background-size: 80%;
	background-position: center;
}
.icon-dot-i1{
	width: 20px;
    height: 20px;
	background-image: url(../images/icon-dot-i1.svg);
	background-size: 80%;
	background-position: center;
	transform: translateY(4px) scale(1.3);
	flex-shrink: 0;
}
.icon-dot-i2{
	width: 20px;
    height: 20px;
	background-image: url(../images/icon-dot-i2.svg);
	background-size: 80%;
	background-position: center;
	transform: translateY(5px) scale(1.3);
	flex-shrink: 0;
}
.icon-dot-i3{
	width:3px;
	height:3px;
	background-image: url(../images/icon-dot-i3.svg);
	background-size: 80%;
	background-position: center;
}
.icon-eye{
	width:16px;
	height:16px;
	background-image: url(../images/icon-eye.svg);
	background-size: 100%;
	background-position: center;
}
.icon-new{
	width:26px;
	height:26px;
	background-image: url(../images/icon-new.svg);
	background-size: 100%;
	background-position: center;
}

.page-loading{
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.15);
	z-index: 1999;
}
.page-loading.active{
	display: flex;
}

.spinner-3{
  display: block;
  width: 30px;
  height: 30px;
  border-top: 3px solid rgba(255, 255, 255, .6);
  border-right: 3px solid transparent;
  border-radius: 50%;
  -webkit-animation: rotation 0.8s linear infinite;
  animation: rotation 0.8s linear infinite;
}
@keyframes rotation{
  from{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(360deg);
  }
}

.doc-type-1{
	display: inline-block;
    background: #ebf8ff;
    color: #3182ce;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
}
.doc-type-2{
	display: inline-block;
    background: #ebfff1;
    color: #31ce3d;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
}
.doc-type-3{
	display: inline-block;
    background: #fdf2d9;
    color: #ffc02b;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
}
.doc-type-4{
	display: inline-block;
    background: #ffe4fc;
    color: #ff2be4;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
}
.doc-type-5{
	display: inline-block;
    background: #ffe6e6;
    color: #ff2b2b;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
}

.btn-svg-link:hover{
	fill: #e9f7ff;
	transition: fill 0.3s ease-out;
	text-decoration: underline;
}

.mg-r10{
	margin-right: 10px;
}

.btn-link{
	color: #295BAA;
	font-size: 14px;
	text-decoration: none;
}
.btn-link:hover{
	color: #026ed2;
	font-size: 14px;
	text-decoration: underline;
}

sup{
	font-size: .8em;
    transform: translateY(-4px);
}
sub{
	font-size: .6em;
    transform: translateY(8px);
}
/***/
.btn-cancle-search{
	display: none;
	margin-right: 20px;
}
.btn-cancle-search.active{
	display:block;
	
	
}
.btn-cancle-searc > i{
	font-size: 14px;
	color: #000000;
}
.cc-more-wrap{
	margin-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cc-more-wrap a{
   	display: block;
    padding: 8px 12px;
    margin-left: -1px;
    line-height: 1.25;
    color: #666666;
    background-color: #fff;
    border: 1px solid #dee2e6;
    margin: 0 5px;
}
.cc-more-wrap a.active{
	color: #3182ce;
}
.cc-more-wrap a:hover{
	color: #3182ce;
}


.product-selector-wrapper{
	position: relative;
	margin-top: 20px;
    z-index: 299;
}


/***/
.bread-nav-wrap .bread-nav.support-en > a{
	font-size: 13px;
    max-width: 10%;
    display: flex;
    align-items: center;
    margin-right: 5px;
}

.header-main.bb-global > .top{
	top: 25px;
}
.btn-cat-item >.iconfont{
	transform: rotate(0deg);
	transition: transform .3s ease-out;
}
.btn-cat-item.active >.iconfont{
	transform: rotate(90deg);
}
.btn-cat-item:hover{
	color: #295BAA;
	text-decoration: underline;
	cursor: pointer;
}



.home-product-slider .block-container ul li.col-3 a.top{
	height: 260px;
}
.home-product-slider .block-container ul li.col-3 a.bottom{
	height: 260px;
}

/*****/

.product-detail-content > .description{
	font-size: 16px;
	line-height: 1.5;
	text-indent: 2em;
	color: #000000;
	margin: 15px 0 5px;
	text-align: justify;
}
.product-detail-content > .description p{
	margin-bottom: 10px;
}

/****/

#cb-wrapper {
  --focus: 0 0 0 2px #fff,0 0 0 4px #000,0 0 0 6px #fff;
  --boxShadow: -5px 5px 10px 0 #00000012,0 0 50px 0 #0000001a;
  --fontFamily: Helvetica Neue, Segoe UI, Arial, sans-serif;
  --primaryColor: #295BAA;
  --backgroundColor: #fff;
  --textColor: #253B48;
  --backdropColor: #00000033;
  position: fixed; bottom:0; right:0; width:100vw; height:100vh;
  z-index:99999; pointer-events:none; display:flex; justify-content:center; align-items:center;
}

/* Backdrop */
#cb-backdrop {
  display:none; position:absolute; top:0; left:0; width:100%; height:100%;
  background-color: var(--backdropColor);
  pointer-events:all;
}

/* Banner */
#cb-banner {
  font-family: var(--fontFamily);
  color: #ffffff;
  background-color: #295baa;
  padding:24px; border-radius:8px; pointer-events:auto;
  position: fixed; bottom:16px; width:900px; max-width:calc(100% - 32px);
  transform: translateY(20px); opacity:0; animation: cb-slideInDown 350ms ease-out forwards;
  box-shadow: -5px 5px 10px 0 #00000012,0 0 50px 0 #0000001a;
  box-sizing: border-box;
      display: flex;
    align-items: center;
    justify-content: space-between;
}

#cb-banner > p{
  width: 560px;
  text-align: justify;
}
#cb-banner a{
	color: #ffffff;
	text-decoration: underline;
}
/* Actions */
#cb-banner .cb-actions {display:flex; gap:12px; flex-direction:row; flex-wrap:wrap;margin-left: 20px;}
.cb-button { padding:10px 20px; border-radius:5px; cursor:pointer; border:2px solid #ffffff; min-width:120px; text-align:center; background-color: transparent;    color: #ffffff; }
.cb-button--primary{background-color: var(--primaryColor); color: var(--backgroundColor);border-color: var(--primaryColor);}
.cb-button--primary:hover{background-color: var(--backgroundColor); color: var(--primaryColor);border-color: var(--primaryColor);}

.cb-button--primary1{background-color: #ffffff; color: #295baa;}
.cb-button--primary1:hover{background-color: #abc8f6; color: #295baa;}

.cb-button--primary2{background-color: transparent; color: #295baa;border: 2px solid #295baa;}
.cb-button--primary2:hover{background-color: #transparent; color: #295baa;border: 2px solid #295baa;}

/* Modal */
#cb-modal {
  display:none; pointer-events:auto; width:90%; max-width:600px;
  padding:24px; border-radius:8px; flex-direction:column;
  background-color: var(--backgroundColor); color: var(--textColor);
  box-shadow: -5px 5px 10px 0 #00000012,0 0 50px 0 #0000001a;
  transform: translateY(-20px); opacity:0; animation: cb-slideInUp 350ms ease-out forwards;
  max-height:90vh; overflow-y:auto;
  box-sizing: border-box;
}
#cb-modal .cb-modal-header{
  margin-bottom: 30px;
}
#cb-modal .cb-modal-header > h2{
	font-size: 16px;
    margin-bottom: 10px;
}
#cb-modal .cb-actions { display:flex; gap:12px; flex-direction:row; flex-wrap:wrap; margin-top:16px;justify-content: center;}

/* Modal cookie types */
.cb-cookie-type { display:flex; justify-content:space-between; align-items:center; margin-bottom:22px;}
.cb-cookie-type span { flex:1; margin-right:8px; }
.cb-switch { position:relative; display:inline-block; width:50px; height:26px; }
.cb-switch input { opacity:0; width:0; height:0; }
.cb-slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color: #ccc; border-radius:30px; transition:.4s; }
.cb-slider:before { position:absolute; content:""; height:22px; width:22px; left:2px; bottom:2px; background-color:white; border-radius:50%; transition:.4s; }
.cb-switch input:checked + .cb-slider { background-color: var(--primaryColor); }
.cb-switch input:checked + .cb-slider:before { transform: translateX(16px); }

/* Animations */
@keyframes cb-slideInDown { from{opacity:0; transform:translateY(20px);} to{opacity:1; transform:translateY(0);} }
@keyframes cb-slideInUp { from{opacity:0; transform:translateY(20px);} to{opacity:1; transform:translateY(0);} }

/* Responsive */
@media (max-width:768px){
  #cb-banner { width:90%; right:5%; bottom:16px; padding:16px; flex-direction: column;}
  #cb-banner > p{
  	width: 100%;
  	margin-bottom: 20px;
  }
  #cb-banner .cb-actions {  gap:8px; }
  .cb-button { flex:unset; width:100%; }
  #cb-modal { width:95%; padding:16px; margin-bottom: 16px;}

  #cb-wrapper{
    align-items: flex-end;
  }
}


.download-modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
}

.download-modal.active{
	display: flex;
	justify-content: center;
	align-items: center;
}

.download-modal > .modal-content {
  width: 90%;
  max-width: 400px;
  background: #fff;
  margin: 15% auto;
  padding: 30px 20px;
  border-radius: 12px;
  text-align: center;
  animation: fadeUpIn 0.3s ease;
}

.download-modal > .modal-content > .agreement-text {
  margin: 15px 0;
  font-size: 14px;
}

.download-modal > .modal-content .checkbox {
  display: block;
  margin: 15px 0;
  font-size: 14px;
}

.download-modal > .modal-content .modal-actions {
	margin-top: 20px;
}

.download-modal > .modal-content .modal-actions a {
  
  margin: 0 15px;
 
}





#confirmBtn:disabled {
  background: #ccc;
  cursor: not-allowed;
}

@keyframes fadeUpIn {
  from { opacity: 0; transform: translateY(20px);}
  to { opacity: 1; transform: translateY(0);}
}


/****/
.btn-default-v5{
	padding: 8px 24px;
    font-size: 14px;
    color: #026ed2;
    background-color: #ffffff;
    border: 1px solid #026ed2;
    border-radius: 50px;
    line-height: 1;
    transition: all .3s ease-out;
}
.btn-primary-v5{
	padding: 8px 24px;
    font-size: 14px;
    color: #ffffff;
    background-color: #026ed2;
    border: 1px solid #026ed2;
    border-radius: 50px;
    line-height: 1;
    transition: all .3s ease-out;
}
.btn-primary-v5.disabled{
	background-color: #b1b1b1;
	border: 1px solid #b1b1b1;
}

.product-type2-wrap > .heading-tab{
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

.product-type2-wrap > .heading-tab a{
	font-size: 16px;
    padding: 8px 30px;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid #EEEEEE;
    margin: 0 16px;
    white-space: nowrap;
    
}
.product-type2-wrap > .heading-tab a.active,.product-type2-wrap > .heading-tab a:hover{
	background-color: #295BAA;
    border-color: #295BAA;
    color: #ffffff;
}

/****/
.block-slider-wrap > .heading > h5,
.block-slider-wrap.v2025 > .heading > h5,
.product-type-content > .heading > h5,
.product-detail-content > .heading > h5,
.app-detail-content-solution > .heading > h5,
.app-detail-content-solution > .solution-feature > h6,
.i-documents-wrap > .heading > h5{
	height: auto;
	line-height: 1.2;
	padding: 64px 0 40px;
	color: #172033;
	font-size: 32px;
	font-weight: 700;
}

.block-slider-wrap > .heading > h5:after,
.block-slider-wrap.v2025 > .heading > h5:after,
.product-type-content > .heading > h5:after,
.product-detail-content > .heading > h5:after,
.app-detail-content-solution > .heading > h5:after,
.app-detail-content-solution > .solution-feature > h6:after,
.i-documents-wrap > .heading > h5:after{
	content: "";
	display: block;
	width: 44px;
	height: 3px;
	margin: 16px auto 0;
	border-radius: 99px;
	background: linear-gradient(90deg,#56B983,#295BAA);
}
/*.product-tree-content,.product-app-area{
	margin-top: 40px;
}*/

.product-type2-wrap.v2025{
	margin-top: 0;
}
.product-type2-wrap .type-intro{
	margin-bottom: 40px;
}

.study-section > .content li{
	position: relative;
}
.study-section > .content li:after{
	content: "•";
    display: inline-block;
    transform: translate(-20px, 0px);
    position: absolute;
    top: 0;
    left: 0;
}