a {
	text-decoration: none;
	cursor: pointer;
	color: #222459
}

a:hover {}

.link a {
	color: #222459
}

 .s1-cont3 h1{
	font-size: 1.5em;
	font-weight: 600;
	margin-bottom:15px;
 }
 .s1-cont3 h2{
 	font-size: 1.25em;
	 font-weight: 600;
	 margin-top: 10px;
	 margin-bottom:15px;
 }
 .s1-cont3 h3{
	  font-size: 1.2em;
	 font-weight: 600;
	 margin-bottom:15px;
 } 
 .s1-cont3 h4{
 	font-size: 1.15em;
	font-weight: 600;
	margin-bottom:15px;
 }
 .s1-cont3 h5{
 	font-size: 1.1em;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom:15px;
 }
 .s1-cont3 h6{
	 font-weight: 600;
 	font-size: 1.05em;
 	color: #777;
	margin-bottom:15px;
 }
 .custom-con h1{
	font-size: 1.5em;
	font-weight: 600;
	margin-bottom:15px;
 }
 .custom-con h2{
 	 font-size: 1.25em;
	 font-weight: 600;
	 margin-top: 10px;
	 margin-bottom:15px;
 }
 .custom-con h3{
	  font-size: 1.2em;
	 font-weight: 600;
	 margin-bottom:15px;
 } 
 .custom-con h4{
 	font-size: 1.15em;
	font-weight: 600;
	margin-bottom:15px;
 }
 .custom-con h5{
 	font-size: 1.1em;
	font-weight: 600;
	margin-bottom:15px;
 }
 .custom-con h6{
	 font-weight: 600;
 	font-size: 1.05em;
 	color: #777;
	margin-bottom:15px;
 }


.nline4-cnt {
	margin: 0 auto;
	padding: 10px 0 0;
	min-width: 1000px;
	max-width: 1200px; 
	width: auto
}

.cnt-box {
	overflow: hidden
}

.box {
	float: left;
	display: inline-block;
	margin: 0 1%;
	width: 23%;
	height: 215px;
	vertical-align: middle
}

.box .func-img {
	display: block;
	margin: 50px auto 20px;
	width: 80px;
	height: 80px;
	background-position: -9999px -9999px;
	background-repeat: no-repeat
}

.box .func-img-1 {
	background-position: 0 0
}

.box .func-img-2 {
	background-position: 0 -80px
}

.box .func-img-3 {
	background-position: 0 -160px
}

.box .func-img-4 {
	background-position: 0 -240px
}

.box .func-img-5 {
	background-position: 0 -320px
}

.box .func-img-6 {
	background-position: 0 -400px
}

.func-img {
	width: 100px;
	height: 60px;
	background-size: 800px 600px
}

.box strong {
	position: relative;
	display: block;
	margin: 12px auto 14px;
	font-size: 20px;
	line-height: 20px;
	color: #0e1021
}

.box:hover strong {
	color: #066bf2
}

.box p {
	line-height: 20px;
	font-size: 14px;
	color: #666
}

.box .nline4-link .btn-promotion {
	position: absolute;
	right: 40px;
	width: 61px;
	height: 20px;
	font-size: 11px;
	line-height: 20px;
	background-color: #ff9c0f;
	border-color: #ff9c0f
}

.u-btns {
	margin: 40px auto 0
}

.m-fastPlugin[data-v-c7eb2cf4] {
	background-color: #f6f7fc;
	text-align: center;
	padding-top: 67px;
	padding-bottom: 30px
}

h2[data-v-c7eb2cf4] {
	font-size: 34px;
	line-height: 34px;
	color: #333;
	text-align: center;
	padding-bottom: 50px
}

h4[data-v-c7eb2cf4] {
	font-size: 20px;
	font-weight: 400;
	padding-bottom: 15px
}

.g-left[data-v-c7eb2cf4],
.g-right[data-v-c7eb2cf4],
.m-video[data-v-c7eb2cf4] {
	display: inline-block;
	vertical-align: middle;
	margin: 20px
}

p[data-v-c7eb2cf4] {
	color: #95969b;
	line-height: 20px
}

.m-video[data-v-c7eb2cf4] {
	position: relative;
	width: 302px;
	height: 309px
}

.m-video img[data-v-c7eb2cf4] {
	position: absolute;
	left: 0;
	top: 0;
	width: 302px
}

.m-aLine4 {
	padding: 60px 0;
	background-color: #fff;
	color: #333;
	text-align: center
}

.m-aLine4 .title {
	font-size: 34px;
	line-height: 34px;
	color: #333
}

.m-aLine4 .cap {
	margin-bottom: 45px
}

.m-aLine4 .aLine4s {
	max-width: 1200px;
	height: 270px;
	margin: 0 auto;
	zoom: 1
}

.m-aLine4 .aLine4s:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	content: "."
}

.m-aLine4 .aLine4-split {
	position: relative
}

.m-aLine4 .aLine4-split:after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 177px;
	top: 88px;
	right: 1px;
	background-color: #d7d9e6
}

.m-aLine4 .aLine4 {
	float: left;
	width: 25%;
	-webkit-transition: all .8s ease-in-out .2s;
	-o-transition: all .8s ease-in-out .2s;
	transition: all .8s ease-in-out .2s;
	opacity: 1
}

.m-aLine4 .iconw {
	margin-top: 54px;
	height: 112px;
	line-height: 112px
}

.m-aLine4 .name {
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 8px
}

.m-aLine4 .detail {
	font-size: 14px;
	line-height: 20px;
	color: #9898a2
}

.m-aLine4 .detail .detail-desc {
	display: block
}

.m-aLine4 .fi {
	vertical-align: middle;
	color: $blue6;
	font-size: 80px
}

.m-aLine4 .u-icon {
	display: inline-block;
	width: 100px;
	height: 80px;
	margin: 0 auto;
	background-position: -9999px -9999px;
	background-repeat: no-repeat
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.home-ai .container {
	margin: 0 auto;
	max-width: 1200px;
	clear: both;
}

.home-ai {
	position: relative;
	height: 700px;
	padding: 0px 0;
	text-align: center;
}

.home-ai-title,
.title {
	font-size: 36px;
	color: #293E63;
}

.subtitle,
.home-ai-content {
	margin-top: 15px;
	color: #555F73;
	font-size: 16px !important;

}


.home-ai .home-ai-items {
	margin-top: 130px;
	position: absolute;
	width: 100%;
	height: 530px;
}

.home-ai .home-ai-items .home-ai-item {
	position: absolute;
	width: 220px;
	height: 44px;
}

.home-ai .home-ai-items .home-ai-item .home-ai-item-logo {
	position: absolute;
	left: 0;
	width: 44px;
}

.home-ai .home-ai-items .home-ai-item .home-ai-item-title {
	font-size: 16px;
	color: #3B4664;
	position: absolute;
	left: 54px;
	top: 0;
	text-align: left;
}

.home-ai .home-ai-items .home-ai-item .home-ai-item-link {
	color: #555F73;
	display: block;
}

.home-ai .home-ai-items .home-ai-item .home-ai-item-link:hover {
	color: #1a51ff;
}

.home-ai .home-ai-items .home-ai-item:nth-child(odd) {
	left: 0;
}

.home-ai .home-ai-items .home-ai-item:nth-child(even) {
	right: 0;
}

.home-ai .home-ai-items .home-ai-item:nth-child(3),
.home-ai .home-ai-items .home-ai-item:nth-child(4) {
	top: 144px;
}

.home-ai .home-ai-items .home-ai-item:nth-child(5),
.home-ai .home-ai-items .home-ai-item:nth-child(6) {
	top: 288px;
}

.home-ai .home-ai-imgs {
	position: absolute;
	margin: 0 auto;
	margin-top: 20px;
	width: 626px;
	height: 530px;
	background: url('../images/officialv3/home/ai/img_AI.png') center no-repeat;
	background-size: 626px 530px;
	left: 287px;
}

.home-ai .home-ai-imgs .home-ai-img {
	position: absolute;
	width: 124px;
	-webkit-animation: 5s moveup linear infinite normal;
	animation: 5s moveup linear infinite normal;
}

.home-ai .home-ai-imgs .home-ai-img:nth-child(1) {
	left: 44px;
	top: 144px;
}

.home-ai .home-ai-imgs .home-ai-img:nth-child(2) {
	left: 403px;
	top: 102px;
}

.home-ai .home-ai-imgs .home-ai-img:nth-child(3) {
	left: 11px;
	top: 343px;
}

.home-ai .home-ai-imgs .home-ai-img:nth-child(4) {
	right: 13px;
	top: 166px;
}

.home-ai .home-ai-imgs .home-ai-img:nth-child(5) {
	left: 105px;
	top: 415px;
}

.home-ai .home-ai-imgs .home-ai-img:nth-child(6) {
	left: 463px;
	top: 378px;
}

.banner {
	position: relative;
	height: 100%;
	overflow: hidden;
	display: block;
	justify-content: center;
	background: #f6f8fb
}

.banner .cover {
	display: none;
	justify-content: center;
	height: 100%
}

.banner .cover.active .img-box {
	animation: imgMove 1s linear forwards
}

@keyframes imgMove {
	0% {
		transform: translateY(50px)
	}

	to {
		transform: translateY(0)
	}
}

.banner .cover-0 {
	display: flex
}

.banner .slide {
	width: 100%;
	height: 630px
}

.banner .slide .container {
	position: absolute;
	height: 630px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto
}

.banner .slide img {
	position: relative;
	display: block;
	z-index: 1;
	float: none
}

.banner .slide figcaption {
	position: absolute;
	top: 150px;
}

.banner .container-0 img {
	left: -460px !important
}

.banner .img-box {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-bottom: 120px
}

.banner .desc-box p {
	font-size: 16px;
	line-height: 30px;
	color: #FFF;
	padding-top: 20px
}

.banner .button-box {
	position: absolute;
	top: 258px
}

.banner .name-box {
	padding-top: 50px
}

.banner .name-box H1 {
	font-size: 45px
}

.banner .button {
	display: inline-block;
	text-align: center;
	background: #2468f2;
	width: 140px;
	height: 36px;
	border-radius: 30px;
	color: #fff;
	font-size: 14px;
	line-height: 36px;
	transition: all .2s ease-in-out
}

.banner .button:hover {
	cursor: pointer;
	transform: translateY(-5px);
	box-shadow: 0 5px 10px rgba(36, 104, 242, .2)
}

.banner nav {
	position: relative;
	margin: -115px auto 0;
	text-align: center;
	width: 100%
}

.banner .spring {
	display: inline-block;
	height: 4px;
	margin: auto
}

.banner .spring .banner-tab {
	position: relative;
	float: left;
	width: 4px;
	height: 4px;
	border-radius: 100px;
	background: #a9b8d0;
	margin: 0 10px;
	transition: all .2s ease-in-out
}

.banner .spring .banner-tab:before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.banner .spring .banner-tab:hover {
	cursor: pointer
}

.banner .spring .banner-tab.current {
	margin-right: 30px;
	background: #2468f2
}

.banner .spring .banner-tab.current .line {
	position: absolute;
	top: 50%;
	left: 11px;
	width: 26px;
	height: 1px;
	transform: translateY(-50%);
	overflow: hidden
}

.banner .spring .banner-tab.current .line:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #a9b8d0;
	top: 0;
	left: 0;
	animation: line 3s linear forwards
}

.banner .switch-btn {
	position: relative;
	width: 100%;
	display: none
}

.banner .container {
	 width: 1200px 
}

.section-products {
	display: none !important
}

.layout-container {
	box-sizing: border-box;
	width: 1200px;
	margin-left: auto;
	margin: auto;
}

.section__title {
	padding-top: 60px;
	line-height: 45px;
	font-size: 36px;
	color: #25345c;
	text-align: center;
}

.section--service {
	min-width: 1200px;
	padding-bottom: 80px;
	background-image: linear-gradient(0deg, #eef5ff 0%, #fff 100%);
}

.section--why {
	height: 680px;
	min-width: 1200px;
	background-color: #F5F8FA;
	margin: auto
}



.section--customer {
	height: 878px;
	min-width: 1200px;
	background-color: #fff;
}

.reason {
	position: relative;
	z-index: 1;
	width: 280px;
	padding-top: 113px;
	zoom: 1;
}

.reason:before,
.reason:after {
	content: "";
	display: table;
}

.reason:after {
	clear: both;
	overflow: hidden;
}

.reason__item {
	width: 361px;
	height: 165px;
	padding-left: 41px;
	padding-right: 40px;
	box-sizing: border-box;
}

.reason__item--active {
	border-radius: 1px;
	background: rgba(255, 255, 255, 0.8);
	transition: all 0.5s;
}

.reason__item-inner {
	width: 100%;
	height: 100%;
	padding-top: 35px;
	box-sizing: border-box;
	margin-top: 2px;
}

.reason--left {
	float: left;
}

.reason--right {
	float: right;
	width: 361px;
}

.reason__item--security .reason__item-inner,
.reason__item--hour .reason__item-inner {
	border-bottom: 1px solid #dce4f5;
}

.reason__title {
	height: 33px;
	font-size: 22px;
	color: #25345c;
	line-height: 33px;
	padding-bottom: 14px;
}

.reason__content {
	width: 280px;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	line-height: 22px;
	color: #7786ab;
}

@-webkit-keyframes matrixLeftTranslate {
	0% {
		top: 95;
	}

	50% {
		top: 105px;
	}

	100% {
		top: 95;
	}
}

@-moz-keyframes matrixLeftTranslate {
	0% {
		top: 95;
	}

	50% {
		top: 105px;
	}

	100% {
		top: 95;
	}
}

@-ms-keyframes matrixLeftTranslate {
	0% {
		top: 95;
	}

	50% {
		top: 105px;
	}

	100% {
		top: 95;
	}
}

@-o-keyframes matrixLeftTranslate {
	0% {
		top: 95;
	}

	50% {
		top: 105px;
	}

	100% {
		top: 95;
	}
}

@keyframes matrixLeftTranslate {
	0% {
		top: 95;
	}

	50% {
		top: 105px;
	}

	100% {
		top: 95;
	}
}

@-webkit-keyframes matrixTopTranslate {
	0% {
		top: 0;
	}

	50% {
		top: -10px;
	}

	100% {
		top: 0;
	}
}

@-moz-keyframes matrixTopTranslate {
	0% {
		top: 0;
	}

	50% {
		top: -10px;
	}

	100% {
		top: 0;
	}
}

@-ms-keyframes matrixTopTranslate {
	0% {
		top: 0;
	}

	50% {
		top: -10px;
	}

	100% {
		top: 0;
	}
}

@-o-keyframes matrixTopTranslate {
	0% {
		top: 0;
	}

	50% {
		top: -10px;
	}

	100% {
		top: 0;
	}
}

@keyframes matrixTopTranslate {
	0% {
		top: 0;
	}

	50% {
		top: -10px;
	}

	100% {
		top: 0;
	}
}

@-webkit-keyframes matrixBottomTranslate {
	0% {
		top: 176px;
	}

	50% {
		top: 166px;
	}

	100% {
		top: 176px;
	}
}

@-moz-keyframes matrixBottomTranslate {
	0% {
		top: 176px;
	}

	50% {
		top: 166px;
	}

	100% {
		top: 176px;
	}
}

@-ms-keyframes matrixBottomTranslate {
	0% {
		top: 176px;
	}

	50% {
		top: 166px;
	}

	100% {
		top: 176px;
	}
}

@-o-keyframes matrixBottomTranslate {
	0% {
		top: 176px;
	}

	50% {
		top: 166px;
	}

	100% {
		top: 176px;
	}
}

@keyframes matrixBottomTranslate {
	0% {
		top: 176px;
	}

	50% {
		top: 166px;
	}

	100% {
		top: 176px;
	}
}

.why__matrix-bg {
	width: 764px;
	height: 488px;
	margin: 115px auto 0 auto;
	position: relative;
}

.why__matrix-item {
	width: 136px;
	height: 181px;
	position: absolute;
	z-index: 1;
	cursor: pointer;
	will-change: top;
}

.why__matrix-item--hour {
	top: 0;
	left: 321px;
	animation: matrixTopTranslate 3s steps(60) infinite;
}

.event-lists {
	position: relative;
	top: 55px;
	background: #fff;
	transition: all .3s ease-out;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .05);
	border-radius: 4px
}

.event-lists a {
	padding: 22px 0 26px 32px;
	transition: all .2s ease-in-out
}

.event-lists a:hover h4 {
	color: #2468f2
}

.event-lists .event-icon {
	float: left
}

.event-lists img {
	width: 58px;
	height: 58px
}

.event-lists h4 {
	font-size: 22px;
	line-height: 30px;
	font-family: PingFangSC-Medium;
	color: #191c3d;
	margin: 3px 0
}

.event-lists figcaption {
	margin-left: 68px
}

.event-lists.container {
	margin: 0 auto;
	height: 110px;
	display: flex;
	justify-content: center
}

@media screen and (min-width:1400px) {
	.banner img {
		width: 540px;
		height: 400px
	}
	.banner figcaption {
		width: 611px
	}

	.banner .container-0 img {
		left: -371px !important
	}

	.event-lists a {
		width: 295px
	}
}

@media screen and (min-width:1920px) {
	.banner .switch-btn .slide-btn {
		right: 280px
	}

	.banner .switch-btn .slide-btn.left {
		left: 280px
	}
}

@media screen and (min-width:1200px) and (max-width:1400px) {
	.banner img {
		width: 500px;
		height: 370px
	}

	.banner figcaption {
		width: 500px
	}

	.event-lists a {
		width: 250px
	}
}

@media screen and (max-width:1200px) {
	.banner img {
		width: 500px;
		height: 370px
	}

	.banner figcaption {
		width: 500px
	}

	.banner .container-0 img {
		left: -367px !important
	}
}
.certificate {
	width:80%;
	min-width: 1240px;
	margin: 0 auto;
}

.certificate {
	text-align: center;
	user-select: none
}

.certificate .content-wrap {
	position: relative;
	width: 1240px;
	margin: 40px auto 40px;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 8px 0 rgba(41, 92, 204, 0.1);
	-moz-box-shadow: 0 4px 8px 0 rgba(41, 92, 204, 0.1);
	-ms-box-shadow: 0 4px 8px 0 rgba(41, 92, 204, 0.1);
	-o-box-shadow: 0 4px 8px 0 rgba(41, 92, 204, 0.1);
	box-shadow: 0 4px 8px 0 rgba(41, 92, 204, 0.1);
	border-radius: 1px;
}
.certificate .quatitle{
	margin: 0 auto;
	text-align: center;
	width: 200px;
	font-size: 30px;
	font-weight: bolder;
	letter-spacing: 2px;
	font-family: PingFangSC-Medium;
	color: #191c3d
}

.certificate h2 {
	text-align: center
}

.certificate .inner {
	margin-left: 18px
}

.certificate .content {
	position: relative;
	height: 200px;
	margin-top: 24px;
	overflow: hidden
}

.certificate .content h4 {
	font-size: 14px;
	line-height: 26px;
	font-family: PingFangSC-Regular;
	color: rgba(25, 28, 61, .5)
}

.certificate .content p {
	font-size: 12px;
	line-height: 24px;
	font-family: PingFangSC-Regular;
	color: rgba(25, 28, 61, .8);
	margin: 10px 16px
}
@media screen and (min-width:280px) and (max-width:767px) {
	.certificate .quatitle{
		width:80%;
		font-size: 50px;
		font-weight: bold;
		margin-bottom:100px;
	}
	.certificate .content h4 {
		font-size: 30px;
		line-height:35px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	
	.certificate .content p {
		font-size:25px;
		line-height: 30px;
		margin: 10px 16px
	}
}
.certificate .content li {
	width: 196px;
	height: 182px;
	background: #fff;
	float: left;
	position: absolute;
	transition: all .4s ease-in-out
}

.certificate .content li .desc-content {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 140px);
	transition: all .2s ease-in-out;
	width:196px;
	background: #fff;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
	opacity: 0;
	text-align: center;
	z-index: 9;
	border-radius: 4px
}

.certificate .content li:hover .desc-content {
	opacity: 1;
	transform: translate(-50%, 120px);
	transition: all .2s ease-in-out
}

.certificate .content .img-wrap {
	width: 196px;
	height: 120px;
	position: relative
}

.certificate .content .img-wrap img {
	transform: translate(-50%, -50%) scale(.5);
	left: 50%;
	top: 50%;
	position: absolute
}

.certificate .arrow {
	width: 1220px;
	height: 0;
	position: absolute;
	top:30%;
	z-index: 9;
	left: 50%;
	transition: all .4s ease-in-out;
	transform: translateX(-50%) ;
	opacity: 0
}

.certificate .arrow.show {
	opacity: 1
}

.certificate .arrow>div {
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 100px;
	transition: all .4s ease-in-out
}

.certificate .arrow>div:before {
	content: "";
	width: 40px;
	height: 40px;
	display: block;
	border-radius: 100px;
	background-color: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
	transition: all .2s ease-in-out
}

.certificate .arrow>div img {
	position: absolute;
	width: 24px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.certificate .arrow>div:hover {
	cursor: pointer
}

.certificate .arrow>div:hover:before {
	transform: scale(1.1)
}

.certificate .arrow>div.pre-arrow {
	float: left
}

.certificate .arrow>div.pre-arrow img {
	transform: rotate(180deg) translate(50%, 50%)
}

.certificate .arrow>div.next-arrow {
	float: right
}

.certificate .arrow:hover {
	opacity: 1
}
/* ***************首页客户案例start******************** */
.section-clients {
	position: relative;
	overflow: hidden;
	width:100%;
}

.section-clients .section-container {
	position: relative;
	overflow: hidden;
	width: 1070px;
	margin: 80px auto 60px;
}

.section-clients .client-container {
	float: left;
	position: relative;
	/* width: 425px; */
	width: 563px;
	margin-top: 46px;
	/* margin-right: 75px */
}

.section-clients .client-container .client-item {
	opacity: 0;
	position: absolute;
	z-index: 1;
	margin-left: 20px;
}

.section-clients .client-container .client-item.active {
	opacity: 1;
	z-index: 2
}

.section-clients .client-container .client-item.active .desc,
.section-clients .client-container .client-item.active .features .feature-item,
.section-clients .client-container .client-item.active .relative,
.section-clients .client-container .client-item.active .title {
	transform: translateY(0)
}

.section-clients .client-container .title {
	font-size: 28px;
	line-height: 46px;
	color: #191c3d;
	transition: all .4s ease-in-out;
	transform: translateY(20px);
	font-family: PingFangSC-Medium
}
.section-clients .client-container .desc {
	margin-top: 20px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	line-height: 26px;
	text-align: justify;
	opacity: .8;
	color: #191c3d;
	transition: all .4s ease-in-out;
	transform: translateY(40px)
}

.section-clients .client-container .features {
	margin-top: 50px
}

.section-clients .client-container .features .feature-item {
	position: relative;
	transition: all .4s ease-in-out;
	transform: translateY(20px)
}

.section-clients .client-container .features .icon {
	position: relative;
	top: 8px;
	display: inline-block;
	width: 26px;
	height: 26px;
	left: -3px
}

.section-clients .client-container .features .name {
	font-size: 14px;
	line-height: 26px;
	position: relative;
	top: 8px;
	opacity: .9;
	color: #191c3d
}

/* .section-clients .client-container .features .name{font-size:14px;line-height:26px;opacity:.9;color:#191c3d} */
.section-clients .client-container .features .desc,
.section-clients .client-container .features .detail {
	font-size: 14px;
	line-height: 26px;
	opacity: .5;
	color: #191c3d
}

.section-clients .client-container .features .detail {
	position: absolute;
	top: 9px;
	/* width: 520px; */
	/* width: 460px; */
	margin-left: 5px
}

.section-clients .client-container .relative {
	margin-top: 60px;
	transition: all .4s ease-in-out;
	transform: translateY(20px)
}

.section-clients .client-container .relative p {
	font-size: 14px;
	line-height: 26px;
	opacity: .6;
	color: #191c3d
}

.section-clients .client-container .relative .products {
	margin-top: 10px
}

.section-clients .client-container .relative .products .product-item {
	float: left;
	margin-right: 30px;
	cursor: pointer
}

.section-clients .client-container .relative .products .product-item:hover .name {
	color: #2468f2
}

.section-clients .client-container .relative .products .product-item:hover .iconfont {
	opacity: 1;
	color: #2468f2
}

.section-clients .client-container .relative .products .product-item .iconfont {
	margin-right: 5px;
	opacity: .5;
	color: #454a5b
}

.section-clients .client-container .relative .products .product-item .name {
	display: inline-block;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	line-height: 30px;
	opacity: .9;
	color: #191c3d
}

.section-clients .icons-grid {
	float: right;
	/* float: left; */
	width: 650px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}

.section-clients .icons-grid .client-icon {
	float: left;
	width: 158px; 
	height: 86px;
	margin: 18px;
	border-radius: 4px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 120px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
	transition: all .2s ease-in-out;
	cursor: pointer
}

.section-clients .icons-grid .client-icon:hover {
	box-shadow: 0 15px 20px rgba(80, 100, 140, .1), 0 4px 10px rgba(80, 100, 140, .1);
	transform: translateY(-6px)
}

.section-clients .motion {
	transition: all .2s
}

.section-clients .motion .circle {
	position: absolute;
	z-index: -1;
	transition: all .5s
}

.section-clients .motion .circle.circle1 {
	bottom: -175px;
	left: -39px;
	width: 563px
}

.section-clients .motion .circle.circle2 {
	top: -128px;
	right: -200px;
	width: 674px
}

.section-clients .motion .circle.circle3 {
	top: -230px;
	right: 200px;
	width: 526px
}

.section-clients .motion .circle.circle4 {
	top: 199px;
	right: 49px;
	width: 674px
}

.section-clients .section-container {
	width: 1286px;
	margin-top: 116px
}
@media screen and (min-width:280px) and (max-width:767px) {
        .section-clients .section-container{
			margin-top:70px;
			margin:70px auto 60px;
		}
		.section-clients .client-container {
			float: none;
			display: block;
			margin: 0 auto;
			width: 80%;
			margin-top:5px;
		}
		.section-clients .icons-grid {
			float: none;
			display: block;
			margin: 0 auto;
			width: 80%;
			margin-top:700px;
			margin-bottom: 20px;
			overflow: hidden;
		}
		.section-clients .client-container .title {
			font-size:50px!important;
			font-weight: bold;
			line-height: 60px;
		}
		.section-clients .client-container .desc {
			margin-top:20px;
			margin-bottom:50px;
			font-size:40px;
			line-height:1.5;
			color: gray;
		}
		.section-clients .client-container .features{
			margin-top: 10px;
			display: flex;
		}
		.section-clients .client-container .features .icon {
			top: 8px;
			width: 80px;
			height:80px;
			left: -3px
		}
		.section-clients .client-container .features .icon img{
			width: 80px;
			height:80px;
		}
		.section-clients .client-container .features .name {
			font-size: 40px;
			line-height:1.5;
			color: gray;
			top: 8px;
		}
		
		.section-clients .client-container .features .detail {
			font-size:30px;
			line-height: 40px;
			margin-left: 15px;
			white-space:nowrap;
			overflow:hidden;
			text-overflow:ellipsis;
		}
		.section-clients .client-container .relative p {
			font-size:30px;
			line-height: 40px;
		}
		.section-clients .client-container .relative .products .product-item .name {
			font-size: 30px;
			line-height: 40px;
		}
		.section-clients .icons-grid .client-icon {
			float: left;
			width:300px;
			height: 150px;
			background-size: 240px;
		}
}

/* 技术驱动 */
.yuneasy_service {
	background: #fff;
	padding-top: 66px;
	padding-bottom: 66px;
	box-sizing: border-box;
	text-align: center;
}

.yuneasy_service_text {
	font-size: 3rem;
	color: #000;
	padding-bottom: 10px;
	margin: auto
}

.yuneasy_service .yuneasy_service_list {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
}

.yuneasy_service .yuneasy_service_list li {
	margin-bottom: 10px;
}
.yuneasy_service .yuneasy_service_list li:first-child{
	margin-bottom: 0px;
}
.yuneasy_service .yuneasy_service_list li:last-child{
	margin-bottom: 0px;
}
.yuneasy_service .yuneasy_service_list .tesicon {
	height: 105px;
	display: inline-block;
	text-align: center;
}

.yuneasy_service .yuneasy_service_list .tesicon img {
	display: block;
	width:88px;
	height:101px;
}

.yuneasy_service .yuneasy_service_list h2 {
	font-size: 18px;
	letter-spacing: 2px;
	color: #000;
	padding-bottom: 16px;
	padding-top: 12px;
}

.yuneasy_service .yuneasy_service_list p {
	font-size: 14px;
	color: #afb3bc;
	line-height:18px;
	display: inline-block;
}
@media screen and (min-width:280px) and (max-width:767px) {
	.yuneasy_service .yuneasy_service_list li {
		margin-bottom: 20px;
	}
	.yuneasy_service .yuneasy_service_list .tesicon {
		height: 177px;
		margin-top: 20px;
		margin-bottom: 50px;
	}
	
	.yuneasy_service .yuneasy_service_list .tesicon img {
		width:154px;
		height:177px;
	}
	.yuneasy_service_text {
		font-size:50px;
		margin-bottom: 40px;
		
	}
	.yuneasy_service .yuneasy_service_list h2 {
		font-size:50px;
		margin-bottom: 30px;
	}
	
	.yuneasy_service .yuneasy_service_list p {
		font-size: 30px;
		line-height:40px;
		margin-bottom: 50px;
	}
}
@media screen and (min-width:768px) and (max-width:1024px) {
	.yuneasy_service .yuneasy_service_list h2 {
		font-size: 25px;
		letter-spacing: 2px;
	}
	
	.yuneasy_service .yuneasy_service_list p {
		font-size: 20px;
		line-height:30px;
		margin-bottom: 30px;
	}
}
/*  */
.ecology {}

.module-nav {
	position: absolute;
	top: 0;
	width: 100%;
	background: #fff;
	opacity: 0;
	box-shadow: 0 0 20px rgba(0, 0, 0, .01), 0 0 5px rgba(0, 0, 0, .05);
	z-index: 99;
	transition: all .5s ease-in-out;
	transform: translateY(60px)
}

.module-nav .container {
	margin: 0 auto
}

.module-nav ul {
	display: flex;
	justify-content: space-between
}

.module-nav li {
	line-height: 60px;
	margin: 0;
	font-size: 14px;
	color: #454a5b;
	text-align: center;
	transition: all .2s ease-in-out
}

.module-nav li.current {
	color: #2468f2
}

.module-nav li:hover {
	cursor: pointer
}

.module-nav i {
	position: absolute;
	display: block;
	height: 2px;
	background-color: #2468f2;
	bottom: 0;
	z-index: 100;
	width: 112px;
	transition: all .4s ease-in-out
}

.module-nav.show {
	opacity: 1
}

.module-nav.show-cloud {
	transform: translateY(0)
}

.module-nav.show-module {
	transform: translateY()
}

.cloud-header {
	transform: translateY(0);
	transition: transform .5s ease-in-out, top .5s ease-in-out
}

.cloud-header.show-cloud {
	transform: translateY(-60px)
}

.nav-div {
	position: fixed;
	width: 100%;
	height: 61px;
	z-index: 99
}

.nav-div header.cloud-header {
	position: absolute
}

.nav-div.show-cloud .cloud-header {
	transform: translateY(0)
}

.nav-div.show-cloud .module-nav {
	transform: translateY(60px)
}

.nav-div.hide-cloud .cloud-header {
	transform: translateY(-60px)
}

.nav-div.hide-cloud .module-nav {
	transform: translateY(0)
}

@media screen and (min-width:700px) and (max-width:1200px) {
	.nav-div.show-cloud .cloud-header {
		transform: none;
		top: 0
	}

	.nav-div.hide-cloud .cloud-header {
		transform: none;
		top: -60px
	}
}
/* 产品与服务 */
.platform {
	background-image: linear-gradient(-148deg, #313B81 6%, #1E1E51 94%);
	color: #fff;
	padding-top: 100px;
	margin: auto;
	margin-top: 0px;
	width: 100%;
	text-align: center
}
.platform .plattitle{
	font-size:36px;
}
.platform .is-spaced {
	color: #FFF
}

.platform .container {
	margin: auto;
	margin-top: 0px
}

.platform .nav {
	margin: auto;
	overflow: hidden;
	width:80%;
}

.platform .nav li {
	float: left;
	width: 20%;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	transform: translateY(20px);
	transition: all .4s ease-in-out;
	opacity: 0
}

.platform .nav li h2 {
	font-size: 18px;
	color: #fff;
	line-height: 32px;
	font-family: PingFangSC-Medium
}

.platform .nav li h2:hover {
	color: #2468f2
}

.platform .nav li ruby {}

.platform .nav li.active h2 {
	color: #2468f2
}

.platform .content {
	width: 80%;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 100px;
	position: relative;
	min-height: 300px;
}

.platform .content .content-tab {
	opacity: 0;
	position: absolute;
	z-index: 1;
	width: 100%;
}

.platform .content .active {
	opacity: 1;
	z-index: 2
}

.platform .nav-tab {
	margin-top: 60px !important
}

.platform .nav-tab.fade-in li {
	transform: translateY(0);
	opacity: 1
}

.platform .nav-tab.fade-in .line {
	opacity: 1
}

.platform .content li.active img {
	transform: translateY(0) scale(1);
	opacity: 1
}

.platform .content li.active figcaption {
	transform: translateY(0);
	opacity: 1
}
.hangye-type {
	position: relative;
	overflow: hidden;
}

.hangye-type.others {
	margin-bottom: 0;
}

.hangye-type ul {
	overflow: hidden;
}

.hangye-type li {
	float: left;
	height: 300px;
	text-align: center;
	margin-bottom:10px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.hangye-type.others li {
	width: calc((100% - 8px)/2);
}

.hangye-type li:nth-of-type(3n) {
	margin-right: 0;
}

.hangye-type.others li:nth-of-type(3n) {
	margin-right: 2px;
}

.hangye-type.others li:last-of-type {
	margin-right: 0;
}

.hangye-type li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.5s;
}

.hangye-type li a i {
	display: block;
	position: absolute;
	overflow: hidden;
	background-image: url(../images/home/border.svg);
	background-repeat: no-repeat;
	transition: all 0.5s;
	width: 0;
	height: 0;
	opacity: 0;
}

.hangye-type li a:hover i {
	opacity: 1;
}

.hangye-type li a i.t {
	width: 0;
	height: 0;
	overflow: hidden;
	background-position: 0 top;
	background-size: 100%;
	top: 0;
	left: 0;
}

.hangye-type li a:hover i.t {
	width: 100%;
	height: 3px;
}

.hangye-type li a i.r {
	width: 0;
	height: 0;
	background-position: right 0;
	background-size: auto 100%;
	right: 0;
	top: 0;
}

.hangye-type li a:hover i.r {
	height: 100%;
	width: 3px;
}

.hangye-type li a i.b {
	width: 0;
	height: 0;
	background-position: 0 bottom;
	background-size: 100%;
	bottom: 0;
	right: 0;
}

.hangye-type li a:hover i.b {
	width: 100%;
	height: 3px;
}

.hangye-type li a i.l {
	width: 0;
	height: 0;
	background-position: left 0;
	background-size: auto 100%;
	left: 0;
	bottom: 0;
}

.hangye-type li a:hover i.l {
	height: 100%;
	width: 3px;
}

.hangye-type li a:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.95;
	background: #4555A3;
	transition: all 0.75s;
}

/* .hangye-type li a:hover {}

.hangye-type li a:hover:before {
	opacity: 0;
} */

.hangye-type li a span {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 110px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	background-position: top center;
	background-repeat: no-repeat;
	transition: all 0.5s;
	background-size: 75px;
}

@media screen and (min-width:280px) and (max-width:767px) {
	.platform .content {
		min-height:900px;
	}
	.platform .nav{
		width: 100%;
	}
	.platform .nav li h2 {
		font-size: 35px;
		line-height: 40px;
	}
	.platform .plattitle{
		font-size:50px;
	}
	.hangye-type li a{
		padding-top:30px;
	}
	.hangye-type li a span {
		padding-top: 210px;
		font-size:35px;
		background-size:150px;
	}
	.hangye-type li .des{
		top:250px;
	}
}
@media screen and (min-width:768px) and (max-width:1024px) {
	.platform .content {
		min-height:600px;
	}
	.platform .nav li h2 {
		font-size: 25px;
		line-height: 30px;
	}
	.hangye-type li a span {
		font-size:20px;
	}
}
/*  */
.center {
	text-align: center
}

.container {
	width: 100%;
	min-width: 1200px;
}

/*导航*/

/*  */

.solution {
	height: 734px;
	overflow: hidden;
	background: 50% no-repeat
}

.home-solutions-content {
	margin-top: 0.45rem;
	color: #fff
}
.solution .container {
	width: 100%;
	min-width: 1200px;
	text-align: center
}

.solution .title {
	color: #000
}

.solution .nav-tab {
	margin: 0 auto;
	width: 752px;
	text-align: center;
	transition: all .2s ease-in-out
}

.solution .nav {
	margin-top: 20px;
	overflow: hidden;
	padding: 0 18px
}

.solution .nav li {
	float: left;
	margin: 0 18px;
	cursor: pointer
}

.solution .nav p {
	opacity: .8;
	font-size: 16px;
	color: #242760;
	text-align: left;
}

.solution .nav .active p {
	opacity: 1
}

.solution .nav-line {
	background: hsla(0, 0%, 84.7%, .24);
	height: 1px;
	width: 752px;
	margin: 0px auto;
	position: relative;
	top: 20px;
}

.solution .nav-line span {
	width: 70px;
	height: 2px;
	background: #2468f2;
	position: absolute;
	left: 0;
	transform: translateX(178px);
	transition: all .2s ease-in-out
}

.solution .content {
	position: relative;
	height: 370px;
	margin-top: 60px;
	transform: .4s all ease-in-out
}

.solution .content ul {
	position: absolute;
	width: 3672px;
	left: 260px;
	transform: translateX(-536px);
	transition: all .6s ease-in-out
}

.solution .content .card {
	float: left;
	width: 456px;
	height: 370px;
	margin-right: 80px;
	transition: all .6s ease-in-out
}

.solution .content .card .img-content {
	width: 456px;
	height: 370px;
	overflow: hidden;
	position: absolute;
	border-radius: 4px;
	z-index: 2
}

.solution .content .card img {
	width: 100%;
	transition: all .3s ease-in-out
}

.solution .content .card .text-content {
	width: 456px;
	height: 370px;
	border-radius: 4px;
	background-color: #fff;
	z-index: 1;
	transition: all .6s ease-in-out;
	padding: 40px;
	position: absolute;
	box-sizing: border-box;
	background-color: rgba(30, 63, 179, 0.96);
	color: #fff
}

.solution .content .card .text-content h3 {
	font-size: 22px;
	color: #fff;
	text-align: left;
	line-height: 38px
}

.solution .content .card .text-content p {
	opacity: .8;
	font-size: 14px;
	color: #fff;
	text-align: justify;
	line-height: 26px;
	margin-top: 20px
}

.solution .content .card .text-content a {
	position: absolute;
	bottom: 50px;
	left: 40px;
	font-size: 14px;
	text-align: text;
	line-height: 42px;
	height: 42px;
	height: 40px;
	width: 160px;
	background: #fff;
	border-radius: 20px;
	transition: all .2s ease-in-out
}

.solution .content .card .text-content a span {
	color: rgba(30, 63, 179, 0.96)
}

.solution .content .card .text-content a:hover {
	cursor: pointer;
	transform: translateY(-5px);
	box-shadow: 0 5px 10px rgba(36, 104, 242, .2)
}

.solution .content .active {
	width: 912px
}

.solution .content .active .img-content {
	border-radius: 4px 0 0 4px
}

.solution .content .active .text-content {
	transform: translateX(100%);
	border-radius: 0 4px 4px 0
}

.solution .content .active:hover img {
	transform: scale(1.05)
}

.solution .content .change>div {
	position: absolute;
	width: 64px;
	height: 64px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	transition: all .5s ease-in-out;
	cursor: pointer
}

.solution .content .change>div:before {
	content: "";
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 100px;
	transition: all .2s ease-in-out
}

.solution .content .change>div:hover:before {
	transform: scale(1.05);
	box-shadow: 0 4px 10px rgba(0, 0, 0, .2)
}

.solution .content .change img {
	width: 32px;
	height: 32px;
	left: 16px;
	top: 16px;
	position: absolute;
	z-index: 2
}

.solution .content .change .pre {
	left: 125px
}

.solution .content .change .pre img {
	transform: rotate(180deg)
}

.solution .content .change .next {
	right: 125px
}

.solution .content .change .none {
	transform: translateY(-50%) scale(0)
}

.solution .point-nav {
	width: 170px;
	height: 4px;
	margin: 40px auto
}

.solution .point-nav li {
	position: relative;
	float: left;
	width: 4px;
	height: 4px;
	border-radius: 100px;
	background: #fff;
	margin: 0 10px;
	transition: all .2s ease-in-out
}

.solution .point-nav li:before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.solution .point-nav li:hover {
	cursor: pointer
}

.solution .point-nav .active {
	margin-right: 30px
}

.solution .point-nav .active .line {
	position: absolute;
	top: 50%;
	left: 11px;
	width: 26px;
	height: 1px;
	transform: translateY(-50%);
	overflow: hidden;
	margin: 0
}

.solution .point-nav .active .line:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #a9b8d0;
	top: 0;
	left: 0;
	animation: line 2s linear forwards
}

@keyframes line {
	0% {
		transform: translateX(-100%)
	}

	to {
		transform: translateX(0)
	}
}

.solution .content.fade-in,
.solution .nav-tab.fade-in {
	transform: translateY(0) scale(1);
	opacity: 1
}
@media screen and (min-width:280px) and (max-width:767px) {
	.solution{
		display: none;
	}
	
}

/* ----------------- */
.solutionb {
	height: 734px;
	overflow: hidden;
	background: 50% no-repeat
}
.solutionb .container {
	width: 100%;
	min-width: 1200px;
	text-align: center
}

.solutionb .title {
	color: #000
}

.solutionb .nav-tabb {
	margin: 0 auto;
	width: 752px;
	text-align: center;
	transition: all .2s ease-in-out
}

.solutionb .navb {
	margin-top: 20px;
	overflow: hidden;
	padding: 0 18px
}

.solutionb .navb li {
	float: left;
	margin: 0 18px;
	cursor: pointer
}

.solutionb .navb p {
	opacity: .8;
	font-size: 16px;
	color: #242760;
	text-align: left;
}

.solutionb .navb .active p {
	opacity: 1
}

.solutionb .nav-lineb {
	background: hsla(0, 0%, 84.7%, .24);
	height: 1px;
	width: 752px;
	margin: 0px auto;
	position: relative;
	top: 20px;
}

.solutionb .nav-lineb span {
	width: 70px;
	height: 2px;
	background: #2468f2;
	position: absolute;
	left: 0;
	transform: translateX(178px);
	transition: all .2s ease-in-out
}

.solutionb .contentb {
	position: relative;
	height: 370px;
	margin-top: 60px;
	transform: .4s all ease-in-out
}

.solutionb .contentb ul {
	position: absolute;
	width: 3672px;
	left: 260px;
	transform: translateX(-536px);
	transition: all .6s ease-in-out
}

.solutionb .contentb .cardb {
	float: left;
	width: 456px;
	height: 370px;
	margin-right: 80px;
	transition: all .6s ease-in-out
}

.solutionb .contentb .cardb .img-contentb {
	width: 456px;
	height: 370px;
	overflow: hidden;
	position: absolute;
	border-radius: 4px;
	z-index: 2
}

.solutionb .contentb .cardb img {
	width: 100%;
	transition: all .3s ease-in-out
}

.solutionb .contentb .cardb .text-contentb {
	width: 456px;
	height: 370px;
	border-radius: 4px;
	background-color: #fff;
	z-index: 1;
	transition: all .6s ease-in-out;
	padding: 40px;
	position: absolute;
	box-sizing: border-box;
	background-color: rgba(30, 63, 179, 0.96);
	color: #fff
}

.solutionb .contentb .cardb .text-contentb h3 {
	font-size: 22px;
	color: #fff;
	text-align: left;
	line-height: 38px
}

.solutionb .contentb .cardb .text-contentb p {
	opacity: .8;
	font-size: 14px;
	color: #fff;
	text-align: justify;
	line-height: 26px;
	margin-top: 20px
}

.solutionb .contentb .cardb .text-contentb a {
	position: absolute;
	bottom: 50px;
	left: 40px;
	font-size: 14px;
	text-align: text;
	line-height: 42px;
	height: 42px;
	height: 40px;
	width: 160px;
	background: #fff;
	border-radius: 20px;
	transition: all .2s ease-in-out
}

.solutionb .contentb .cardb .text-contentb a span {
	color: rgba(30, 63, 179, 0.96)
}

.solutionb .contentb .cardb .text-contentb a:hover {
	cursor: pointer;
	transform: translateY(-5px);
	box-shadow: 0 5px 10px rgba(36, 104, 242, .2)
}

.solutionb .contentb .active {
	width: 912px
}

.solutionb .contentb .active .img-contentb {
	border-radius: 4px 0 0 4px
}

.solutionb .contentb .active .text-contentb {
	transform: translateX(100%);
	border-radius: 0 4px 4px 0
}

.solutionb .contentb .active:hover img {
	transform: scale(1.05)
}

.solutionb .contentb .changeb>div {
	position: absolute;
	width: 64px;
	height: 64px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	transition: all .5s ease-in-out;
	cursor: pointer
}

.solutionb .contentb .changeb>div:before {
	content: "";
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 100px;
	transition: all .2s ease-in-out
}

.solutionb .contentb .changeb>div:hover:before {
	transform: scale(1.05);
	box-shadow: 0 4px 10px rgba(0, 0, 0, .2)
}

.solutionb .contentb .changeb img {
	width: 32px;
	height: 32px;
	left: 16px;
	top: 16px;
	position: absolute;
	z-index: 2
}

.solutionb .contentb .changeb .preb {
	left: 125px
}

.solutionb .contentb .changeb .preb img {
	transform: rotate(180deg)
}

.solutionb .contentb .changeb .nextb {
	right: 125px
}

.solutionb .contentb .changeb .none {
	transform: translateY(-50%) scale(0)
}

.solutionb .point-navb {
	width: 170px;
	height: 4px;
	margin: 40px auto
}

.solutionb .point-navb li {
	position: relative;
	float: left;
	width: 4px;
	height: 4px;
	border-radius: 100px;
	background: #fff;
	margin: 0 10px;
	transition: all .2s ease-in-out
}

.solutionb .point-navb li:before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.solutionb .point-navb li:hover {
	cursor: pointer
}

.solutionb .point-navb .active {
	margin-right: 30px
}

.solutionb .point-navb .active .line {
	position: absolute;
	top: 50%;
	left: 11px;
	width: 26px;
	height: 1px;
	transform: translateY(-50%);
	overflow: hidden;
	margin: 0
}

.solutionb .point-navb .active .line:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #a9b8d0;
	top: 0;
	left: 0;
	animation: line 2s linear forwards
}
.solutionb .contentb.fade-in,
.solutionb .nav-tabb.fade-in {
	transform: translateY(0) scale(1);
	opacity: 1
}
@media screen and (min-width:280px) and (max-width:767px) {
	.solutionb{
		display: none;
	}
	
}
/* -------------- */
.survey {
	position: fixed;
	right: -92px;
	bottom: 48px;
	width: 187px;
	height: 42px;
	transition: all .4s cubic-bezier(.77, 0, .175, 1) .1s;
	animation: icon-move 5s cubic-bezier(1, 0, 0, 1)
}

.survey .text-content {
	display: block;
	position: absolute;
	height: 60px;
	top: 4px;
	left: 20px;
	overflow: hidden
}

.survey .text-content:after {
	content: "";
	display: block;
	width: 180px;
	height: 60px;
	position: relative;
	top: -40px;
	left: 0
}

.survey .text-bg {
	width: 120px;
	box-sizing: border-box;
	padding-left: 32px;
	height: 28px;
	background-color: #fff;
	border-radius: 100px;
	font-size: 0;
	transform: translateX(-100%);
	transition: all .6s cubic-bezier(.77, 0, .175, 1) .2ms;
	box-shadow: 0 2px 3px rgba(36, 104, 242, .1);
	animation: text-move 5s cubic-bezier(1, 0, 0, 1)
}

.survey:before {
	content: "";
	position: absolute;
	top: -10px;
	right: -10px;
	left: -10px;
	bottom: -10px;
	z-index: -1
}

.survey:hover {
	cursor: pointer;
	transition: all .4s cubic-bezier(1, 0, 0, 1);
	transform: translateX(-120px)
}

.survey:hover .text-content .text-bg {
	transform: translateX(0);
	transition: all .4s cubic-bezier(1, 0, 0, 1) .16s
}

.survey .icon {
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	width: 47px;
	height: 42px
}

.survey .icon img {
	width: 100%
}

.survey .text {
	font-size: 15px;
	line-height: 16px;
	line-height: 28px;
	color: #2468f2;
	animation: text-color 1.5s cubic-bezier(.77, 0, .175, 1);
	animation-iteration-count: 3
}

@keyframes icon-move {
	0% {
		transform: translateX(0)
	}

	20% {
		transform: translateX(-120px)
	}

	80% {
		transform: translateX(-120px)
	}

	to {
		transform: translateX(0)
	}
}

@keyframes text-move {
	0% {
		transform: translateX(-100%)
	}

	20% {
		transform: translateX(0)
	}

	80% {
		transform: translateX(0)
	}

	to {
		transform: translateX(-100%)
	}
}

@keyframes text-color {
	0% {
		color: #2468f2
	}

	50% {
		color: #a7b0c2
	}

	to {
		color: #a7b0c2
	}
}

h1 {
	font-size: 38px;
	line-height: 58px
}

h1,
h2 {
	font-family: PingFangSC-Medium;
	color: #191c3d
}

h2 {
	font-size: 30px;
	line-height: 48px
}

h3 {
	font-size: 26px;
	line-height: 42px;
	font-family: PingFangSC-Medium;
	color: #191c3d
}

p {
	color: rgba(25, 28, 61, .8)
}

p,
section span {
	font-size: 14px;
	line-height: 26px;
	font-family: PingFangSC-Regular
}

section span {
	color: rgba(25, 28, 61, .5)
}

body {
	min-width: 1200px;
	font-family: PingFangSC-Regular
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400
}

.container {
	margin: 80px auto 0;
	 width: 1200px;
}

a {
	text-decoration: none
}

.grid-container {
	width: 100%
}

.grid-container * {
	box-sizing: border-box
}

.grid-row {
	margin-left: -32px
}

.grid-row:after,
.grid-row:before {
	content: "";
	display: table;
	clear: both
}

[class*=grid-col-] {
	float: left;
	min-height: 1px;
	width: 8.33%;
	padding-left: 32px
}

.grid-col-1 {
	width: 8.33%
}

.grid-col-2 {
	width: 16.66%
}

.grid-col-3 {
	width: 25%
}

.grid-col-4 {
	width: 33.32%
}

.grid-col-5 {
	width: 41.65%
}

.grid-col-6 {
	width: 50%
}

.grid-col-7 {
	width: 58.33%
}

.grid-col-8 {
	width: 66.66%
}

.grid-col-9 {
	width: 75%
}

.grid-col-10 {
	width: 83.32%
}

.grid-col-11 {
	width: 91.65%
}



.row .col-xs-4 {
	float: left;
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* .row .col-1 {
	width: 8.33%;
	_overflow: hidden;
}

.row .col-2 {
	width: 16.66%;
	_overflow: hidden;
}

.row .col-3 {
	width: 25%;
	_overflow: hidden;
}

.row .col-4 {
	width: 33.33%;
	_overflow: hidden;
} */

.row .pdl-row {
	padding-left: 15px !important;
}

.row .pdr-row {
	padding-right: 15px !important;
}

.yy-main-hd {
	text-align: center;
	padding-top: 55px;
}

.yy-main-hd .yy-main-title {
	color: rgb(0, 0, 0);
	line-height: 44px;
	font-size: 32px;
}

.yy-main-hd .yy-main-des {
	color: rgb(102, 102, 102);
	line-height: 36px;
	font-size: 18px;
	margin-top: 10px;
}

.yy-main-bd {
	padding-top: 30px;
}

.yy-main-hd .yy-main-title {
	color: #000
}

.f-toe {
	overflow: hidden;
	white-space: nowrap;
	-ms-word-wrap: normal;
	-ms-text-overflow: ellipsis;
	color: rgb(102, 102, 102)
}

.f-toe2 {
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: rgb(102, 102, 102);
	font-size: 16px;
	float: left !important;
}

.f-toe4 {
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-size: 12px;
	color: #999;
	line-height: 150%
}

.f-toe3 {
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-size: 13px;
	color: #999;
	float: left !important;
}

.col-xs-12 {
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left
}

.f-cb::after {
	height: 0px;
	overflow: hidden;
	clear: both;
	display: block;
	visibility: hidden;
	content: " ";
}

.f-cbli li::after {
	height: 0px;
	overflow: hidden;
	clear: both;
	display: block;
	visibility: hidden;
	content: " ";
}

.f-cb {
	-ms-zoom: 1;
}

.yy-main-certification {
	clear: both
}

.yy-main-about .row {
	margin-left: -20px;
	clear: both
}

.yy-main-about .row .col-4 {
	padding-left: 20px;
}

.yy-main-about li {
	line-height: 25px
}

.yy-main-about li+li {
	margin-top: 10px
}

.yy-main-about li a {
	display: block;
	position: relative;
	padding: 13px 10px;
	height: auto;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.yy-main-about li a:hover {
	box-shadow: 0 0 10px 0 rgba(124, 139, 191, .43)
}

.yy-main-about .about-hd {
	padding: 13px 20px;
	border-bottom: 1px solid #eee;
	font-size: 20px;
}

.yy-main-about .about-hd a {
	color: rgb(102, 102, 102) !important
}

.yy-main-about .about-news {
	padding-top: 20px
}

.yy-main-about .about-news .news-img {
	float: left;
	width: 123px;
	height: 70px;
	overflow: hidden;
	margin-right: 10px
}

.yy-main-about .about-news .news-img img {
	width: 100%;
	vertical-align: top
}

.yy-main-about .about-news .news-ct {
	overflow: hidden
}

.yy-main-about .about-news .news-ct h5 {
	max-height: 40px;
}

.yy-main-about .about-news .news-ct .news-date {
	margin-top: 15px;
	font-size: 12px;
	color: #999
}

.yy-main-about .about-analyst {
	padding-top: 20px
}

.yy-main-about .about-analyst a {
	padding: 13px 10px 13px 20px
}

.yy-main-about .about-analyst a:after {
	content: "";
	position: absolute;
	top: 21px;
	left: 12px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #333
}

.yy-main-about .about-analyst a p {
	margin-top: 6px;
	color: #999;
	max-height: 40px
}

.yy-main-about .about-whitepaper {
	padding-top: 20px
}

.yy-main-about .about-whitepaper a {
	padding: 10px;
	height: 139px
}

.yy-main-about .about-whitepaper a .whitepaper-img {
	float: left;
	width: 90px;
	height: 118px;
	overflow: hidden;
	margin-right: 10px;
	border: 1px solid #efefef
}

.yy-main-about .about-whitepaper a .whitepaper-img img {
	width: 100%;
	vertical-align: top
}

.yy-main-about .about-whitepaper a .whitepaper-ct {
	overflow: hidden
}

.yy-main-about .about-whitepaper a .whitepaper-ct h5 {
	max-height: 40px
}

.yy-main-about .about-whitepaper a .whitepaper-ct p {
	margin-top: 10px;
	color: #999;
	max-height: 80px
}

.yy-main-certification {
	padding-top: 50px
}

.yy-main-certification .row {
	padding: 20px 0 0;
	font-size: 0
}

.yy-main-certification .row .col-2 {
	width: 12.5%;
	float: none;
	display: inline-block;
	vertical-align: top
}

.yy-main-certification-item {
	font-size: 0
}

.yy-main-certification-item .yy-main-certification-item-ct {
	padding: 10px 5px;
	text-align: center
}

.yy-main-certification-item h5 {
	margin-top: 10px;
	font-size: 12px;
	color: #666;
	line-height: 18px
}

.yy-main-certification-hd {
	height: 36px;
	line-height: 36px;
	position: relative;
	text-align: center
}

.yy-main-certification-hd:after {
	content: "";
	position: absolute;
	top: 17px;
	left: 0;
	width: 100%;
	border-top: 1px solid #eee;
	z-index: 1
}

.yy-main-certification-hd h5 {
	font-size: 20px;
	background: #fff;
	display: inline-block;
	position: relative;
	z-index: 2;
	padding: 0 30px
}

.yy-main-about-btn {
	text-align: center;
	padding: 0px 0 60px
}

.yy-rwd .yy-main-about .row {
	margin-left: 0
}

.yy-rwd .yy-main-about .row .col-4 {
	padding-left: 0
}

.yy-rwd .yy-main-about .row .col-4+.col-4 {
	padding-top: 30px
}

.yy-rwd .yy-main-about li+li {
	margin-top: 20px
}

.yy-rwd .yy-main-about li a {
	padding: 0;
	height: 65px
}

.yy-rwd .yy-main-about li a:hover {
	box-shadow: none
}

.yy-rwd .yy-main-about .about-hd {
	padding: 0 0 8px 10px;
	margin-bottom: 8px;
	position: relative;
	line-height: 18px;
	font-size: 14px
}

.yy-rwd .yy-main-about .about-hd:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
	width: 2px;
	height: 16px;
	background: #3171ff
}

.yy-rwd .yy-main-about .about-news {
	padding-top: 10px
}

.yy-rwd .yy-main-about .about-news .news-img {
	width: 114px;
	height: 65px
}

.yy-rwd .yy-main-about .about-news .news-img img {
	width: 100%;
	vertical-align: top
}

.yy-rwd .yy-main-about .about-news .news-ct {
	overflow: hidden
}

.yy-rwd .yy-main-about .about-news .news-ct h5 {
	font-size: 12px;
	min-height: 40px
}

.yy-rwd .yy-main-about .about-news .news-ct .news-date {
	margin-top: 5px
}

.yy-rwd .yy-main-about .about-analyst {
	padding-top: 10px
}

.yy-rwd .yy-main-about .about-analyst a {
	padding: 13px 10px 13px 20px;
	box-shadow: 0 0 10px 0 rgba(124, 139, 191, .2);
	height: 28px;
	line-height: 28px
}

.yy-rwd .yy-main-about .about-analyst a:after {
	top: 25px
}

.yy-rwd .yy-main-about .about-analyst a:hover {
	box-shadow: 0 0 10px 0 rgba(124, 139, 191, .2)
}

.yy-rwd .yy-main-about .about-analyst a p {
	display: none
}

.yy-rwd .yy-main-about .about-whitepaper {
	padding-top: 10px
}

.yy-rwd .yy-main-about .about-whitepaper a {
	padding: 0;
	height: 120px
}

.yy-rwd .yy-main-about .about-whitepaper a .whitepaper-img {
	float: left;
	width: 84px;
	height: 120px;
	overflow: hidden;
	margin-right: 10px;
	border: 1px solid #efefef
}

.yy-rwd .yy-main-about .about-whitepaper a .whitepaper-img img {
	width: 100%;
	vertical-align: top
}

.yy-rwd .yy-main-about .about-whitepaper a .whitepaper-ct {
	overflow: hidden;
	font-size: 12px
}

.yy-rwd .yy-main-certification {
	padding-top: 20px
}

.yy-rwd .yy-main-certification .row {
	padding: 10px 10px 0;
	text-align: center;
	font-size: 0
}

.yy-rwd .yy-main-certification .row .col-2 {
	width: 25%;
	float: none;
	display: inline-block;
	vertical-align: top
}

.yy-rwd .yy-main-certification-item .yy-main-certification-item-ct {
	display: inline-block;
	padding: 10px
}

.yy-rwd .yy-main-certification-item .yy-main-certification-item-ct img {
	display: inline-block;
	width: 28px !important;
	height: 28px !important
}

.yy-rwd .yy-main-certification-item h5 {
	display: block;
	padding-left: 0;
	margin-top: 5px;
	text-align: center;
	font-size: 10px
}

.yy-rwd .yy-main-about-btn {
	padding: 20px 0 30px
}

.yy-rwd .yy-main-about-btn .jdc-btn {
	padding: 4px 10px;
	min-width: 72px
}

.yy-rwd .yy-main-certification-hd {
	text-align: left;
	overflow: hidden
}

.yy-rwd .yy-main-certification-hd:after {
	display: none
}

.yy-rwd .yy-main-certification-hd h5 {
	font-size: 14px;
	background: 0 0;
	padding: 0 20px
}
}


.index-custom {
	background-color: rgb(255, 255, 255);
}

.index-custom .container {
	margin-top: 10px !important
}

.index-custom h1 {
	text-align: center;
	font-size: 35px;
	margin-bottom: 50px;
}

.index-custom .index-custom-logo .col-2 div {
	margin: 10px 0px;
	border: 1px solid rgb(238, 238, 238);
	border-image: none;
	height: 90px;
	overflow: hidden;
	box-shadow: 0px 6px 26px 0px rgba(18, 18, 49, 0.07);
	background-color: rgb(255, 255, 255);
	-webkit-box-shadow: 0 6px 26px 0 rgba(18, 18, 49, .07);
	_border: 1px solid #eee;
}

.index-custom .index-custom-logo .col-2 span {
	background-position: 0px 0px;
	margin: 15px auto;
	width: 120px;
	height: 60px;
	display: block;
	background-repeat: no-repeat;
	background-size: 872px 264px;
}

.index-custom .index-custom-logo .col-2 .index-custom-1 {
	background-position: -10px 0px;
}

.index-custom .index-custom-logo .col-2 .index-custom-2 {
	background-position: -152px 0px;
	width: 128px;
}

.index-custom .index-custom-logo .col-2 .index-custom-3 {
	background-position: -302px 0px;
}

.index-custom .index-custom-logo .col-2 .index-custom-4 {
	background-position: -442px 0px;
	width: 134px;
}

.index-custom .index-custom-logo .col-2 .index-custom-5 {
	background-position: -595px 0px;
}

.index-custom .index-custom-logo .col-2 .index-custom-6 {
	background-position: -744px 0px;
}

.index-custom .index-custom-logo .col-2 .index-custom-7 {
	background-position: -10px -70px;
}

.index-custom .index-custom-logo .col-2 .index-custom-8 {
	background-position: -152px -70px;
	width: 130px;
}

.index-custom .index-custom-logo .col-2 .index-custom-9 {
	background-position: -302px -70px;
}

.index-custom .index-custom-logo .col-2 .index-custom-10 {
	background-position: -442px -70px;
	width: 136px;
}

.index-custom .index-custom-logo .col-2 .index-custom-11 {
	background-position: -595px -70px;
}

.index-custom .index-custom-logo .col-2 .index-custom-12 {
	background-position: -744px -66px;
}

.index-custom .index-custom-logo .col-2 .index-custom-13 {
	background-position: -10px -138px;
}

.index-custom .index-custom-logo .col-2 .index-custom-14 {
	background-position: -152px -138px;
	width: 130px;
}

.index-custom .index-custom-logo .col-2 .index-custom-15 {
	background-position: -302px -138px;
}

.index-custom .index-custom-logo .col-2 .index-custom-16 {
	background-position: -442px -138px;
	width: 136px;
}

.index-custom .index-custom-logo .col-2 .index-custom-17 {
	background-position: -595px -138px;
}

.index-custom .index-custom-logo .col-2 .index-custom-18 {
	background-position: -744px -138px;
}

.index-custom .index-custom-logo .col-2 .index-custom-19 {
	background-position: -3px -206px;
	width: 133px;
}

.index-custom .index-custom-logo .col-2 .index-custom-20 {
	background-position: -152px -206px;
}

.index-custom .index-custom-logo .col-2 .index-custom-21 {
	background-position: -302px -206px;
}

.index-custom .index-custom-logo .col-2 .index-custom-22 {
	background-position: -442px -206px;
}

.index-custom .index-custom-logo .col-2 .index-custom-23 {
	background-position: -595px -206px;
	width: 126px;
}

.index-custom .index-custom-logo .col-2 .index-custom-24 {
	background-position: -744px -206px;
}

.index-custom .index-custom-more {
	margin: auto;
	text-align: center;
	margin-top: 40px !important
}

.index-custom .index-custom-contact {
	padding-top: 58px;
	padding-bottom: 60px;
	border-top-color: rgb(223, 226, 228);
	border-top-width: 1px;
	border-top-style: solid;
}

.index-custom .index-custom-contact .col-10 {
	color: rgb(255, 139, 2);
	font-size: 30px;
}

.production-image-yuneasy {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px 0
}

.production-image-yuneasy .production-image-yuneasy-list-2,
.production-image-yuneasy .production-image-yuneasy-list-3,
.production-image-yuneasy .production-image-yuneasy-list-4 {
	width: 1100px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.production-image-yuneasy .production-image-yuneasy-list-2 li,
.production-image-yuneasy .production-image-yuneasy-list-3 li,
.production-image-yuneasy .production-image-yuneasy-list-4 li {
	margin-bottom: 20px;
	flex-basis: 23.7%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 40px 30px;
	margin-right: 17px;
}

.production-image-yuneasy .production-image-yuneasy-list-2 li h2,
.production-image-yuneasy .production-image-yuneasy-list-3 li h2,
.production-image-yuneasy .production-image-yuneasy-list-4 li h2 {
	margin-top: 30px;
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	color: #262627
}

.production-image-yuneasy .production-image-yuneasy-list-2 li p,
.production-image-yuneasy .production-image-yuneasy-list-3 li p,
.production-image-yuneasy .production-image-yuneasy-list-4 li p {
	font-size: 16px;
	line-height: 26px;
	color: #73777a;
	margin-top: 10px
}

.production-image-yuneasy .production-image-yuneasy-list-4 li:nth-of-type(4n) {
	margin-right: 0
}

.production-image-yuneasy .production-image-yuneasy-list-3 li {
	flex-basis: 32.2%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 20px 30px 28px
}

.production-image-yuneasy .production-image-yuneasy-list-3 li h2 {
	width: 100%;
	text-align: left;
	margin-top: 20px
}

.production-image-yuneasy .production-image-yuneasy-list-3 li p {
	width: 100%;
	text-align: left
}

.production-image-yuneasy .production-image-yuneasy-list-3 li:nth-of-type(3n) {
	margin-right: 0
}

.production-image-yuneasy .production-image-yuneasy-list-2 li {
	flex-basis: 49.1%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding: 20px 30px 28px;
	align-items: end
}

.production-image-yuneasy .production-image-yuneasy-list-2 li .production-image-yuneasy-listItem-doc {
	margin-left: 20px
}

.production-image-yuneasy .production-image-yuneasy-list-2 li .production-image-yuneasy-listItem-doc h2 {
	width: 100%;
	text-align: left;
	margin-top: 0
}

.production-image-yuneasy .production-image-yuneasy-list-2 li .production-image-yuneasy-listItem-doc p {
	width: 100%;
	text-align: left
}

.production-image-yuneasy .production-image-yuneasy-list-2 li:nth-of-type(2n) {
	margin-right: 0
}


.m30 {
	margin-top: 110px
}

.text-center {
	text-align: center
}



.platform .column {
	float: left;
	padding-right: 22px;
}

.platform .card {
	display: block;
}

.platform .card {
	background-color: white;
	-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
	box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
	color: #4a4a4a;
	max-width: 100%;
	position: relative;
}

.platform .card-image {
	display: block;
	padding-top: 20px
}

.platform .card-content {
	padding: 15px !important;
}

.platform .columns {
	margin-left: 7.5px;
	margin-right: 7.5px;
	margin-top: 7.5px;
}

.platform .columns:last-child {
	margin-bottom: -7.5px;
}

.platform .columns:not(:last-child) {
	margin-bottom: calc(15px -7.5px);
}

.platform .columns .is-centered {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.platform .column.is-3 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 270px !important;
}

.platform .column.is-4 {
	width: 372px !important;
}

.platform .card {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 324px;
	background: #f5f8fa;
	padding: 40px;
	text-align: center
}

.platform .card .content {
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.platform .card .image {
	margin: auto;
}

.platform .card .image .is-64x64 {
	width: 64px !important;
	height: 64px !important;
}

.platform .card .title {
	font-size: 20px;
	margin: 20px 0;
	line-height: 180%;
	color: #3e464c;
}

.platform .card .contents {
	font-size: 14px;
	line-height: 180% !important;
}


.platform .mt10 {
	margin-top: 30px;
}
.boxx{ height:450px; padding-top:80px}
.btns-wrapper{text-align:center;margin-top:60px;}
.btns-wrapper .btn.btn-line-blue{display:inline-block;color:#0A69C6;font-size:18px;width:160px;float:none;}
.front6 .btns-wrapper .btn.btn-line-blue{color:#fff;}
.btns-wrapper .btn.btn-line-blue:hover,.btns-wrapper .btn.btn-line-blue.color-white{color:#fff;}
.front6{margin-top:30px; text-align:center}
.front6 .title-region .boxtitle{color:#fff;font-size:32px;}
.front6 .title-region .boxdet{color:#fff; font-size:16px; padding-top:10px}
.btn-line-blue{border:0;line-height:48px;margin:0 auto;clear:both;width:160px;color:#333;border-radius:48px;}
.btn-line-blue:hover{background-image:linear-gradient(90deg,#6ACAFF 0%,#0B1CBA 100%);border-radius:48px;color:#fff;}
.btns-wrapper .ask{
	background:url(../images/home/btnBlue.svg) no-repeat;
	display:inline-block;font-size:18px;width:160px;float: none;color:white;line-height:48px;margin:0 auto;border-radius:48px;
}

@media screen and (min-width:280px) and (max-width:767px) {
	.home-ai-title,
	.title {
		font-size:50px;
	}

	.subtitle{
		margin-top:50px;
		font-size: 50px!important;
	}
	.yy-main-about .about-hd {
		padding: 13px 20px;
		border-bottom: 1px solid #eee;
		font-size:40px;
	}
	.newlisttwo{
		display: none;
	}
	.newlistthree{
		display: none;
	}
	.front6 .title-region .boxtitle{
		color:#fff;
		font-size:50px;
		line-height: 60px;
	}
	.front6 .title-region .boxdet{
		color:#fff;
		font-size:30px;
		line-height:50px;
		padding-top:10px
	}
	.boxx{
		padding-top:80px !important;
		height: 600px!important;
	}
	.btns-wrapper{
		margin-top:50px;
	}
	.btns-wrapper .ask{
		background:transparent no-repeat;
		display:inline-block;
		font-size:40px;
		width:250px;
		float: none;
		color:white;
		line-height:80px;
		margin:0 auto;
		border-radius:48px;
		border: 1px solid #599cc3;
		margin-bottom: 50px;
	}
}
@media screen and (min-width:768px) and (max-width:1024px) {

}