body{ min-width:1200px; flex-direction:column; height:100%; font-family:Helvetica, Arial, "微软雅黑", sans-serif; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0);}/*取消字体自动缩放*/
body,form,ul,li,p,h1,h2,h3,h4,h5,h6,dd,dl,dt{margin:0;padding:0;}ul{list-style:none;}img{border:0;}a{text-decoration:none; color:#000;}*{ box-sizing:border-box;}
input,select{vertical-align:middle; font-family:Arial,"微软雅黑"; padding:0;outline:none;}table{border-collapse:collapse;border-spacing:0; width:100%;}p{word-wrap:break-word}.clr{clear:both;}
.l{float:left;}.r{float:right;}.undis{display:none}.dis{display:block}.dinl{display:inline-block;}.prel{position:relative;}.pabs{position:absolute;}.bor{border:0;}.ovf{overflow:hidden;}
textarea{resize:none;} /*webkit核心中textare取消拖动调整大小*/
textarea:focus{outline:none;} /*textarea聚焦时默认边框颜色不变*/
.img100>img{ width:100%;}.bg100{ background-size:100% 100%;}
.glasslayer{ position:fixed; width:100%; height:100%; filter:alpha(opacity=60); opacity:0.6; background:#000; top:0px; left:0px; z-index:9998;}
input::-ms-clear{display:none;}select::-ms-expand { display: none; }
.glasslayer01{ position:fixed; width:100%; height:100%; background:#000; top:0px; left:0px; z-index:9998;}


.xl-1{ width:10%;}.xl-2{ width:20%;}.xl-3{ width:30%;}.xl-4{ width:40%;}.xl-5{ width:50%;}.xl-6{ width:60%;}.xl-7{ width:70%;}.xl-8{ width:80%;}.xl-9{ width:90%;}.xl-10{ width:100%;}
.xl-75{ width:75%;}.xl-33{ width:33.333333%;}.xl-25{ width:25%;}.xl-16{ width:16.6666666%;}.xl-13{ width:13.333333%;}

.container{ width:1080px; margin:0 auto; }

.container.top-container{ width: 94%; }

.open-video-div {
	position:fixed; 
	width:100%; 
	height:100%; 
	background:#000; 
	top:0px; 
	left:0px; 
	z-index: 10000000000;
}

.open-video{ position:fixed; z-index:9999; width:100%; height:100%; padding:5% 15%; }
.open-video .bor{ position:relative;}
.open-video video{ width:100%; height:auto;}
.open-video .close{ transform:rotate(45deg); font-size:42px; text-align:center; font-weight:100; position:absolute; top:-50px; right:0; color:#fff; width:50px; height:50px;}

.open-video .btn-layer {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.open-video .btn-layer .btn {
	padding: 8px 12px;
	font-size: 14px;
	color: #fff;
	border-radius: 4px;
	border: solid 1px #ffffff;
	margin-right: 20px;
	margin-bottom: 16px;
	cursor: pointer;
}
.open-video .btn-layer .btn:hover {
	background: rgba(255,255,255,0.2);
}
.open-video .btn-layer .btn.active {
	background: rgba(255,255,255,0.2);
}

header{ position:absolute; z-index:1001; width:100%; top:0;}
header .logo{ float:left; margin-top:14px; background:url(../images/logo02.png) center / 142px 33px no-repeat; width:142px; height:33px;}
header ul{ float:left; margin-top:20px; margin-left:30px;}
header ul.first > li{ float:left; padding:0 20px; /* position:relative; */}
header ul.first > li a{ font-size:16px; color:#fff; padding-bottom:10px;}
/* header ul.first > li a.tag{ font-weight:bold;} */
header ul.first > li a:hover{ font-weight:bold;}

header ul.first > li:hover .son{ display:block; }
header ul.first > li .son{ background:#fff; border-radius:10px; margin:0; text-align:center; top:60px; left:50%; margin-left:-100px; width:200px; display:none; position:absolute; padding:15px;}
header ul.first > li .son:before{ position:absolute; top:-14px; left:50%; margin-left:-10px; content:''; width:20px; height:14px; background:url(../images/nav-jt.png) no-repeat;}
header ul.first > li .son a{ border-bottom:1px solid #ebebeb; font-weight:normal; color:#666; font-size:16px; padding:10px 0; display:block;}
header ul.first > li .son li:last-child a{ border:0;}

header ul li:nth-child(3){position:relative;}
header ul li:nth-child(3) .head_more{ width:150px;}
header ul li:nth-child(5){position:relative;}
header ul li:nth-child(5) .head_more{ left:-40px; }
header ul li:nth-child(5) .head_more:before{ left:80px;}


header.tag{ z-index:1999; background:#fff; position:fixed; top:-85px; height:62px; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
header.tag .logo { background:url(../images/logo03.png) center / 142px 33px no-repeat; }
header.tag ul.first .head_show{ color:#666;}
header.tag ul.first > li{ color:#666;}
header.tag ul.first > li a{ color:#666}
header.tag .ty-btn{ border:0; background:#2365F2; line-height:40px;}
header.tag .ty-btn:hover{ border:0; background:#2365F2; line-height:40px;}

header .ty-btn{ margin-top:12px; border:1px solid #fff;  font-size:16px; color:#fff;  float:right; border-radius:6px; height:40px; line-height:38px; width:120px; text-align:center;}
header .ty-btn:hover{background:#2365F2; border:1px solid #2365F2;}
header .mobile {
	position: absolute;
	right: 200px;
	top: 20px;
	color: #FFF;
	font-family: "Alibaba PuHuiTi 2.0";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.18px;
	padding-left: 25px;
	background: url(../images/header/mobile01.png) left / 16px 16px no-repeat;
}
header.tag .mobile {
	color: #28374C;
	background: url(../images/header/mobile02.png) left / 16px 16px no-repeat;
}
header .head_more{
	position: absolute;
	top: 15px;
	left: -25px;
	width:180px;
	line-height: 80px;
}

header .head_more .ovf{ box-shadow:0 0 12px 0 rgba(15,21,38,0.20); background:#FFFFFF; margin-top:22px; border-radius:10px;  padding:10px 0;}

header .head_more:before{
	content: '';
	width: 20px;
	height: 20px;
	top: 10px;
	left: 50px;
	position: absolute;
	background: url(../images/nav-jt.png) top / 20px 14px no-repeat;
}
header ul.first > li:nth-child(2) {
	background: url(../images/header/z1.png) no-repeat center right;
	background-size: 8px 8px;
	padding-right: 16px;
}
header.tag ul.first > li:nth-child(2) {
	background: url(../images/header/z2.png) no-repeat center right;
	background-size: 8px 8px;
}
header.tagarrow ul.first > li:nth-child(2) {
	background: url(../images/header/z3.png) no-repeat center right;
	background-size: 8px 8px;
}
header ul.first > li .head_more a{
	padding:12px;
	font-size: 16px;
	color: #666;
	letter-spacing: 0;
	line-height: 16px;
	font-weight:normal;
	display:block; 
	text-align:center;
}
header ul.first > li .head_more a:hover{
	color: #305DF0;
	font-weight:normal;
}
header ul.first > li .head_more a.tag{
	color: #305DF0;
	
}
.head_show{
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
     padding-bottom: 20px;
}
.head_show:hover{font-weight:bold;}
.head_more{display: none;}
header li:hover .head_more{display: block;}

header ul.first > li:hover .pn-list{ visibility: visible; -webkit-animation: opacity-top 0.2s ease-in 0.3s forwards;}
@-webkit-keyframes opacity-top {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* header ul.first .pn-list{ display:none;  position:absolute; width:100%; left:0; top: 38px; padding-top:20px; box-shadow: 0 2px 6px 0 rgba(15,21,38,0.16);} */
/* header ul.first .pn-list{ display:none;  position:absolute; width:100%; left:0; top: 38px; padding-top: 24px; border-bottom: 0.5px solid #CFD4E6;} */
header ul.first .pn-list{ visibility: hidden; opacity: 0;  position:absolute; width:100%; left:0; top: 38px; padding-top: 24px; border-bottom: 0.5px solid #CFD4E6;}
header ul.first .pn-list .bor { 
	background:#fff; 
	/* padding:45px 0 0;  */
	height:400px;
	display: flex;
}
header ul.first .pn-list .bor .menu-list {
	display: flex;
	width: 210px;
	min-width: 210px;
	padding: 30px 0px 30px 40px;
	flex-direction: column;
	align-items: flex-end;
	background: #F2F3FA;
}
header ul.first .pn-list .bor .menu-list .tab {
	display: flex;
	padding: 10px;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	color: #000;
	font-family: "PingFang SC";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
}
header ul.first .pn-list .bor .menu-list .tab:nth-child(2) {
	margin-top: 30px;
}
header ul.first .pn-list .bor .menu-list .tab.active {
	background: #FFF;
	box-shadow: 4px 0px 0px 0px #5AAAF0 inset;
}
/* header ul.first .pn-list a{ font-size:16px; color:#0F1526; padding-top:80px; float:left; width:16.666%; text-align:center; margin-bottom:50px;}
header ul.first .pn-list a:hover{ color:#305DF0; font-weight:normal;}

header ul.first .pn-list a:nth-child(1){ background:url(../images/p-icon12.png) top center / 66px 66px no-repeat;}

header ul.first .pn-list a:nth-child(2){ background:url(../images/p-icon01.png) top center / 66px 66px no-repeat;}
header ul.first .pn-list a:nth-child(3){ background:url(../images/p-icon02.png) top center / 66px 66px no-repeat;}
header ul.first .pn-list a:nth-child(4){ background:url(../images/p-icon03.png) top center / 66px 66px no-repeat;}
header ul.first .pn-list a:nth-child(5){ background:url(../images/p-icon04.png) top center / 66px 66px no-repeat;}
header ul.first .pn-list a:nth-child(6){ background:url(../images/p-icon05.png) top center / 66px 66px no-repeat;}
header ul.first .pn-list a:nth-child(7){ background:url(../images/p-icon06.png) top center / 66px 66px no-repeat;}
header ul.first .pn-list a:nth-child(8){ background:url(../images/p-icon07.png) top center / 66px 66px no-repeat;}
header ul.first .pn-list a:nth-child(9){ background:url(../images/p-icon08.png) top center / 66px 66px no-repeat;}
header ul.first .pn-list a:nth-child(10){ background:url(../images/p-icon09.png) top center / 66px 66px no-repeat;}
header ul.first .pn-list a:nth-child(11){ background:url(../images/p-icon10.png) top center / 66px 66px no-repeat;}
header ul.first .pn-list a:nth-child(12){ background:url(../images/p-icon11.png) top center / 66px 66px no-repeat;} */

header ul.first .pn-list .container{position:relative;}
/* header ul.first .pn-list .container:before{ top: -10px; left: 330px; content:''; position:absolute; background: url(../images/nav-jt.png) top /100% no-repeat; width:20px; height:20px;} */

header ul.first .pn-list .container {
	/* padding-left: 160px; */
	/* padding-left: 315px;
	width: 100%; */
	flex: 1;
	padding: 14px 80px 40px 40px;
}
header ul.first .pn-list .container .hide {
	display: none;
}
header ul.first .pn-list .container .menu-tab-layer {
	display: flex;
	flex-wrap: wrap;
}
header ul.first .pn-list .container .menu-tab-layer .menu-tab {
	display: flex;
	width: 170px;
	padding: 8px 10px;
	align-items: flex-start;
	border-radius: 8px;
	margin-top: 12px;
	margin-right: 8px;
}
header ul.first .pn-list .container .menu-tab-layer .menu-tab .icon img {
	width: 24px;
	height: 24px;
	margin-right: 12px;
}
header ul.first .pn-list .container .menu-tab-layer .menu-tab .menu-info .title {
	color: #000;
	font-family: "PingFang SC";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
}
header ul.first .pn-list .container .menu-tab-layer .menu-tab .menu-info .desc {
	color: #939393;
	font-family: "PingFang SC";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 171.429% */
}
header ul.first .pn-list .container .menu-tab-layer .menu-tab:hover {
	background: #F3F4FA;
	font-weight: normal;
}
header ul.first .pn-list .container .menu-tab-layer .menu-tab:hover .title {
	color: #1677FF;
}
header ul.first .pn-list .container .header-title {
	color: #2365F2;
	font-family: "PingFang SC";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
	border-bottom: 0.5px solid #CFD4E6;
	padding-bottom: 12px;
	margin-top: 20px;
}
header ul.first .pn-list .container .header-title:nth-child(1) {
	margin-top: 0;
}
header ul.first .pn-list .container .menu-layer {
	display: flex;
	flex-wrap: wrap;
}
header ul.first .pn-list .container .menu-layer .btn {
	display: flex;
	padding: 8px 10px;
	width: 170px;
	color: #000;
	font-size: 16px;
	line-height: 24px;
	font-size: 14px;
	margin-right: 8px;
	margin-top: 12px;
	position: relative;
	padding-left: 20px;
}
header ul.first .pn-list .container .menu-layer .btn:before {
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background-color: #99A6C3;
	left: 5px;
	top: 16px;
}
header ul.first .pn-list .container .menu-layer .btn:hover {
	border-radius: 8px;
	background: #F3F4FA;
	color:#1677FF;
}
header ul.first .pn-list .container .menu-layer .btn:hover::before {
	background-color: #1677FF;
}

/*banner*/
.banner{ width:100%; height:auto; padding-top:38%; position:relative; overflow:hidden; }

.banner .b02{ position:absolute; z-index:1000; width:600px; height:129px; left:50%; top:50%; margin:-64px 0 0 -300px; text-align: center;}
.banner .b02 b{
	font-size: 36px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height:42px;
}
.banner .b02 p{ color:#fff; font-size:18px; margin:15px 0 0;}
.banner .b02 a{
	width: 180px;
	height: 44px;
	line-height: 44px;
	background: #00CCCC;
	border-radius: 50px;
	display:block;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0.6px;
	text-align: center;
	margin:40px auto 0 ;
}
.banner .banner-video{ position:absolute; width:100%; top:-19%; background:#000;}
.index-banner:before{ background:rgba(0,0,0,0.5); content:''; position:absolute; z-index:1; width:100%; height:100%; top:0; left:0;}
.swiper-slide.s2:before{ background:rgba(0,0,0,0.5); content:''; position:absolute; z-index:1; width:100%; height:100%; top:0; left:0;}

.swiper-container {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.swiper-slide{
	width: 100%;
	overflow: hidden;
	background: #ffffff;
}
.swiper-slide img{
	width: 100%;
	height: 100%;
}
.swiper-slide a {
/*	position: absolute;
	top: 60%;
	left: 18%;
    display: block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #305DF0;
    border-radius: 50px;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;*/
}
.swiper-slide .banner-video {
	position: absolute;
    width: 100%;
    background: #000;
}

.swiper-slide .b01{ position:absolute; z-index:1000; width:600px; height:129px; left:35%; top:50%; margin:-64px 0 0 -300px; text-align: left;}
.swiper-slide .b01 b{
	font-size: 36px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height:42px;
}
.swiper-slide .b01 p{ color:#fff; font-size:14px; margin:15px 0 0;}
.swiper-slide .b01 .bg{
	margin-top: 20px;
  min-height: 88px;
	background: url(../images/banner_33_1.png) top / cover no-repeat;
}

.swiper-slide .b02{ position:absolute; z-index:1000; width:600px; height:129px; left:35%; top:50%; margin:-64px 0 0 -300px; text-align: left;}
.swiper-slide .b02 b{
	font-size: 36px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height:42px;
}
.swiper-slide .b02 p{ color:#fff; font-size:18px; margin:15px 0 0;}
.swiper-slide .b02 a{
	width: 140px;
	height: 40px;
	line-height: 40px;
	background: #305DF0;
	border-radius: 50px;
	display:block;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0.6px;
	text-align: center;
	margin-top:40px;
}

.swiper-slide .b33{ position:absolute; z-index:1000; width:800px; height:200px; left:50%; top:50%; margin:-100px 0 0 -400px; text-align: center;}
.swiper-slide .b33 .content-layer .image{
	background:url(../images/banner-content-01.png) top center / 777px 138px no-repeat;
	width: 777px;
	height: 138px;
}
.swiper-slide .b33 .content-layer .btn-layer {
	width: 400px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin: 0 auto;
	margin-top: 30px;
}
.swiper-slide .b33 .content-layer .btn-layer a:nth-child(1){
	display: flex;
	padding: 16px 32px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: linear-gradient(97deg, #8F4EF8 4.81%, #3D84FF 99.91%);
	color: #FFF;
	text-align: center;
	font-family: "PingFang SC";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.swiper-slide .b33 .content-layer .btn-layer a:nth-child(1) .icon {
	background:url(../images/banner-content-icon01.png) center center / 24px 24px no-repeat;
	width: 24px;
	height: 24px;
	margin-left: 10px;
}
.swiper-slide .b33 .content-layer .btn-layer a:nth-child(2){
	display: flex;
	padding: 16px 32px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	border: 0.5px solid #FFF;
	color: #FFF;
	text-align: center;
	font-family: "PingFang SC";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.swiper-slide .b44{ position:absolute; z-index:1000; width:300px; height:300px; left:15%; top:50%; margin:-150px 0 0 0; text-align: center;}
.swiper-slide .b44 .content-layer .image{
	background:url(../images/banner-content-02.png) top center / 288px 170px no-repeat;
	width: 288px;
	height: 170px;
}

.swiper-slide .b55{ position:absolute; z-index:1000; left: 0; right: 0; top: 0; bottom: 0;}
.swiper-slide .b55 .content-layer .image{
	background:url(../images/banner3-content-01.png) top center / 537px 60px no-repeat;
	width: 537px;
	height: 60px;
	margin: 0 auto;
	margin-top: 100px;
}
.swiper-slide .b55 .content-layer .btn-layer {
	display: flex;
	/* margin-top: 50px; */
	align-items: center;
	justify-content: center;
}
.swiper-slide .b55 .content-layer .btn-layer .btn{
	width: 240px;
	height: 500px;
	margin-right: -35px;
}
.swiper-slide .b55 .content-layer .btn-layer .hasbg:hover {
	background:url(../images/banner3-btn-bg.png) center center / 240px 500px no-repeat;
}
/* .swiper-slide .b55 .content-layer .btn-layer .btn1 {
	background:url(../images/banner-btn-01.png) center center / 120px 154px no-repeat;
	width: 120px;
	height: 154px;
	cursor: pointer;
}
.swiper-slide .b55 .content-layer .btn-layer .btn1:hover {
	background:url(../images/banner-btn-hover-01.png) center center / 120px 154px no-repeat;
}
.swiper-slide .b55 .content-layer .btn-layer .btn2 {
	background:url(../images/banner-btn-02.png) center center / 120px 154px no-repeat;
	width: 120px;
	height: 154px;
	cursor: pointer;
}
.swiper-slide .b55 .content-layer .btn-layer .btn2:hover {
	background:url(../images/banner-btn-hover-02.png) center center / 120px 154px no-repeat;
}
.swiper-slide .b55 .content-layer .btn-layer .btn3 {
	background:url(../images/banner-btn-03.png) center center / 120px 154px no-repeat;
	width: 120px;
	height: 154px;
} */
/* .swiper-slide .b55 .content-layer .btn-layer .btn3:hover {
	background:url(../images/banner-btn-hover-03.png) center center / 120px 154px no-repeat;
} */
/* .swiper-slide .b55 .content-layer .btn-layer .btn4 {
	background:url(../images/banner-btn-04.png) center center / 120px 154px no-repeat;
	width: 120px;
	height: 154px;
} */
/* .swiper-slide .b55 .content-layer .btn-layer .btn4:hover {
	background:url(../images/banner-btn-hover-04.png) center center / 120px 154px no-repeat;
} */
/* .swiper-slide .b55 .content-layer .btn-layer .btn5 {
	background:url(../images/banner-btn-05.png) center center / 120px 154px no-repeat;
	width: 120px;
	height: 154px;
} */
/* .swiper-slide .b55 .content-layer .btn-layer .btn5:hover {
	background:url(../images/banner-btn-hover-05.png) center center / 120px 154px no-repeat;
} */
/* .swiper-slide .b55 .content-layer .btn-layer .btn6 {
	background:url(../images/banner-btn-06.png) center center / 120px 154px no-repeat;
	width: 120px;
	height: 154px;
} */
/* .swiper-slide .b55 .content-layer .btn-layer .btn6:hover {
	background:url(../images/banner-btn-hover-06.png) center center / 120px 154px no-repeat;
} */



.swiper-slide .b44 .content-layer .btn-layer a:nth-child(1){
	width: 182px;
	display: flex;
	padding: 16px 32px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: linear-gradient(97deg, #8F4EF8 4.81%, #3D84FF 99.91%);
	color: #FFF;
	text-align: center;
	font-family: "PingFang SC";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-top: 30px;
}

.swiper-slide .b44 .content-layer .btn-layer a:nth-child(1) .icon {
	background:url(../images/banner-content-icon02.png) center center / 24px 24px no-repeat;
	width: 24px;
	height: 24px;
	margin-left: 10px;
}

.swiper-slide .b03{ position:absolute; z-index:1000; width:600px; height:129px; left:50%; top:50%; margin:-64px 0 0 -300px; text-align: center;}

.swiper-slide .b03 b{
	font-size: 36px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height:42px;
}
.swiper-slide .b03 p{ color:#fff; font-size:18px; margin:15px 0 0;}
.swiper-slide .b03 a{
	width: 180px;
	height: 44px;
	line-height: 44px;
	background: #00CCCC;
	border-radius: 50px;
	display:block;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0.6px;
	text-align: center;
	margin:40px auto 0 ;
}

.ii-index .swiper-pagination-bullet {
	display: inline-block;
	width: 6px;
	height: 6px;
	opacity: 1;
	border-radius: 10px;
	background: white;
	margin: 0 3px;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
}
.ii-index .swiper-pagination-bullet-active {
	background: #305DF0;
	width: 12px;
}
.bottom-tip {
    z-index: 100;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,.5);
    color: #fff;
    line-height: 100px;
    font-size: 22px;
}
.bottom-tip p {
    display: flex;
    align-items: center;
    justify-content: center;
}
.bottom-tip .close {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url(../images/close-div.png);
    background-size: 100% 100%;
    position: absolute;
    right: 20px;
    top: 36px;
}
.bottom-tip span {
	color: #40f0f0;
}
.bottom-tip a {
    display: block;
    width: 150px;
    height: 45px;
    line-height: 45px;
    background: #305DF0;
    border-radius: 50px;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    margin-left: 10px;
}
.bottom-tip2 {
	width: 600px;
	height: 240px;
	background: url(../images/bottom-bg.png) center center no-repeat; 
	background-size: cover;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -120px;
	position: fixed;
	z-index: 100;
	border-radius: 4px;
	opacity: 0;
	-webkit-animation: p-top 0.5s ease-in 0.3s forwards;
}
.bottom-tip2 .container {
	width: 500px;
	position: absolute;
	bottom: 30px;
	left: 50px;
	align-items: center;
	justify-content: center;
	display: flex;
}
.bottom-tip2 .container .a1 {
	width: 160px;
	height: 40px;
	background: #FFFFFF;
	border-radius: 160px;
	color: #1A92F7;
	line-height: 40px;
	font-size: 22px;
	text-align: center;
}
.bottom-tip2 .container .a2 {
	width: 160px;
	height: 40px;
	border: 2px solid #FFFFFF;
	border-radius: 160px;
	color: #ffffff;
	line-height: 36px;
	font-size: 22px;
	margin-left: 50px;
	text-align: center;
}
.bottom-tip2 .close {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url(../images/close-div.png);
    background-size: 100% 100%;
    position: absolute;
    right: 20px;
    top: 18px;
}

.scroller-img-layer {
	width: 1080px; 
	position: relative; 
	white-space: nowrap; 
	overflow: hidden; 
	height: 280px;
}
.scroller-img-layer .m-soll2 {
	position: absolute; 
	top: 0; 
	height: 255px;
}

@media screen and (max-width: 1080px) {
	.bottom-tip {
		display: none;
	}
	.bottom-tip2 {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.swiper-container {
		height: 350px;
	}
	.swiper-slide{
		height: 350px;
	}
	.swiper-slide .b3 {
		/*padding-top: 26%;*/
	    background: url(../images/banner_new_01.jpg) center / cover no-repeat;
	    min-height: 350px;
	}
	.swiper-slide .b4 {
		/*padding-top: 26%;*/
	    background: url(../images/banner_new_02.jpg) center / cover no-repeat;
	    min-height: 350px;
	}
	.swiper-slide .b5 {
		/*padding-top: 26%;*/
	    background: url(../images/banner_new_03.jpg) center / cover no-repeat;
	    min-height: 350px;
	}
	.swiper-slide .b1 {
		/*padding-top: 26%;*/
	    background: url(../images/banner_33.jpg) top / cover no-repeat;
	    min-height: 350px;		
	}
	.swiper-slide .b2 {
		/*padding-top: 26%;*/
	    background: url(../images/banner_6.png) top / cover no-repeat;
	    min-height: 350px;		
	}
	.swiper-slide .banner-video {
		min-height: 350px;		
	}

	.swiper-slide .b02{ position:absolute; z-index:1000; width:600px; height:129px; left: 5%; top:50%; margin-left: 0; text-align: left;}
	.swiper-slide .b02 b{
		font-size: 24px;
		color: #FFFFFF;
		letter-spacing: 0;
		line-height:42px;
	}
	.swiper-slide .b02 p{ color:#fff; font-size:16px; margin:10px 0 0;}
	.swiper-slide .b02 a{
		width: 140px;
		height: 40px;
		line-height: 40px;
		background: #305DF0;
		border-radius: 50px;
		display:block;
		font-size: 16px;
		color: #FFFFFF;
		letter-spacing: 0.6px;
		text-align: center;
		margin-top:20px;
	}

	.swiper-slide .b01{ position:absolute; z-index:1000; width:600px; height:129px; left:5%; top:50%; margin-left: 0; text-align: left;}
	.swiper-slide .b01 b{
		font-size: 24px;
		color: #FFFFFF;
		letter-spacing: 0;
		line-height:42px;
	}
	.swiper-slide .b01 p{ color:#fff; font-size:12px; margin:15px 0 0;}
	.swiper-slide .b01 .bg{
		margin-top: 10px;
	    min-height: 50px;
		background: url(../images/banner_33_1.png) left / contain no-repeat;
	}


	.swiper-slide .b03 b{
		font-size: 24px;
		color: #FFFFFF;
		letter-spacing: 0;
		line-height:42px;
	}
	.swiper-slide .b03 p{ color:#fff; font-size:16px; margin:15px 0 0;}
	.swiper-slide .b03 a{
		width: 180px;
		height: 44px;
		line-height: 44px;
		background: #00CCCC;
		border-radius: 50px;
		display:block;
		font-size: 16px;
		color: #FFFFFF;
		letter-spacing: 0.6px;
		text-align: center;
		margin:40px auto 0 ;
	}


}

@media screen and (min-width:767px) and (max-width:1380px){
	.swiper-container {
		min-height: 600px;
	}
	.swiper-slide{
		min-height: 600px;
	}
	.swiper-slide .b3 {
		/*padding-top: 26%;*/
	    background: url(../images/banner_new_01.jpg) center / cover no-repeat;
	    min-height: 600px;
	}
	.swiper-slide .b4 {
		/*padding-top: 26%;*/
	    background: url(../images/banner_new_02.jpg) center / cover no-repeat;
	    min-height: 600px;
	}
	.swiper-slide .b5 {
		/*padding-top: 26%;*/
	    background: url(../images/banner_new_03.jpg) center / cover no-repeat;
	    min-height: 600px;
	}
}

@media screen and (min-width: 1380px) {
	.swiper-container {
		min-height: 680px;
	}
	.swiper-slide{
		min-height: 680px;
	}
	.swiper-slide .b3 {
		/*padding-top: 26%;*/
	    background: url(../images/banner_new_01.jpg) center / cover no-repeat;
	    min-height: 680px;		
	}
	.swiper-slide .b4 {
		/*padding-top: 26%;*/
	    background: url(../images/banner_new_02.jpg) center / cover no-repeat;
	    min-height: 680px;
	}
	.swiper-slide .b5 {
		/*padding-top: 26%;*/
	    background: url(../images/banner_new_03.jpg) center / cover no-repeat;
	    min-height: 680px;
	}
	.swiper-slide .b1 {
		/*padding-top: 26%;*/
	    background: url(../images/banner_33.jpg) top / cover no-repeat;
	    min-height: 680px;		
	}
	.swiper-slide .b2 {
		/*padding-top: 26%;*/
	    background: url(../images/banner_6.png) top / cover no-repeat;
	    min-height: 680px;		
	}
	.swiper-slide .banner-video {
		min-height: 680px;		
	}
}


.product.index-banner{
	padding-top:26%;
	background: url(../images/product.png) top / cover no-repeat; 
	min-height:524px;
}
.product.index-banner:before{
	background:none;
}
.product.banner .t-btn{
	position: absolute;
	top:36%;
	z-index:991;
}
.product.banner .t-btn p{
	font-size: 36px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 36px;
}

.product.banner .t-btn p:nth-child(1){ font-weight: 600;}

.product.banner .t-btn p span{
	display: block;
	width: 420px;
	font-size: 14px;
	margin:20px 0 40px;
	line-height: 24px;
	font-weight: 400;
}
.product.banner .t-btn p span label{ display:block;}
.product.banner .t-btn a{
	display: block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	background: #305DF0;
	border-radius: 50px;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
}


.cases.index-banner{
	padding-top:26%;
	background: url(../images/cases.png) top / cover no-repeat; 
	min-height:550px;
}
.cases.index-banner:before{
	background:none;
}
.cases.banner .b02{
	width: 100%;
	top: 50%;
	left: 0;
	height: 74px;
	text-align: center;
	margin: -37px 0 0;
}
.cases.banner .b02 p{
	font-size: 18px;
	color: rgba(255,255,255,0.80);
	letter-spacing: 0;
	text-align: center;
	line-height: 18px;
	margin-top:20px;
}
.case.index-banner{
	padding-top:18%;
	background: url(../images/case.png) top / cover no-repeat; 
	min-height:340px;
}
.case.index-banner:before{
	background:none;
}
.cases.index-banner.about{
	background: url(../images/about.png) top / cover no-repeat; 
}
.cases.index-banner.about .b02 b{
	letter-spacing: 4px;
}
.cases.banner.about .b02 p{
	letter-spacing: 1px;
}

.cases-type.tag{ position:fixed; top:0; z-index:9990; width:100%;}

.new.index-banner{
	padding-top: 60px;
}
.new.index-banner:before{
	background: #10172E;
}
/*分页*/
.page{
	margin:30px auto 0;
	text-align:center;
}
.page .paqe_col{
	display:inline-block;
	margin-right: 8px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	color: #0F1526;
	letter-spacing: 0;
	background: #FFFFFF;
	border: 1px solid #E6E8F0;
	border-radius: 3px;
}
.page .last{ display:inline-block; vertical-align:middle}
.page .paqe_col.tag{
	background: #305DF0 ;
	color: #fff;
}
.page .paqe_col.next{
	width: 93px;
	margin-right: 12px;
}
.page .last input.paqe_col{
	margin: 0px ;
}
.page .last span.paqe_col{
	display:inline-block;
	border: none;
	margin: 0;
}

.top-container .language{
	position: absolute;
	right: 40px;
	top: 24px;
	color: #fff;
}

.top-container .language a{
	color: #fff;
}

header.tag .top-container .language a{
	color: #3482e4;
}
/*右侧悬浮*/
.right-btn{ z-index:9000; position:fixed; bottom:50px; right:30px;}
.right-btn .chat_img{ width:60px;  margin-bottom:15px; text-align:center;cursor: pointer;}
.right-btn .chat_img img{
	width: 50px;
}
.right-btn .code_img {
	height: 43px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.right-btn .code_img img{ width:20px; height:20px}
.right-btn .code_img label{ font-size:12px; color:#999;}
.right-btn  .code_img .wrapper{
	position: absolute;
	left: -150px;
	top: 30px;
	width: 160px;
	display: none;
}
.right-btn  .code_img .wrapper .title {
	background-color: #fff;
	line-height: 30px;
	width: 150px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	position: relative;
	top: -4px;
	color: #305DF0;
}
.right-btn  .code_img .qrcode{
	background-color: #fff;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	width: 150px;
	height: 150px;
}
.right-btn  .code_img .qrcode img{
	width: 150px;
	height: 150px;
}
.right-btn a{
	margin:0 auto;
	display: block;
	width: 43px;
	height: 103px;
	background: #FFFFFF;
	box-shadow: 0 2px 6px 0 rgba(15,21,38,0.16);
	border-radius: 21px;
	font-size: 14px;
	color: #3D414D;
	letter-spacing: 0;
	line-height: 18px;
	margin-bottom: 15px;
}
.right-btn .r-b01{  background:url(../images/frist.png) center /100% no-repeat;}

.right-btn .r-b02{ 
	padding: 16px 14px;
	color:#3D414D;
 }
.right-btn .r-b03{ height:42px; background:url(../images/back.png) center /50% no-repeat #fff; }

/*首页*/
.index_title {
	font-size: 32px;
	color: #000;
	letter-spacing: 0;
	line-height: 36px; 
	text-align: center;
	padding-bottom:80px;
	padding-top: 118px;
	font-weight: 600;
	background:url(../images/index-title-bg.png) center center / 200px 100px no-repeat;
}
.index_title.nobg {
	background: none;
}

.productModules {
	background: url(../images/index-bg01.jpg) center / 100% 100% no-repeat;
	padding-bottom: 100px;
}
.productModules .index_title{ padding-bottom: 40px;}
.productModules .product-container {
	width: 1010px;
	margin: 0 auto;
	height: 380px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.productModules .product-container .box {
	width: 110px;
	height: 380px;
	border-radius: 8px;
	/* border: 0.5px solid #D6E1F0; */
	/* background: #F8FBFF; */
	/* box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05); */
	transition: width 0.2s ease, background-color 0.5s ease;
	display: flex;
	flex-direction: column;
}
.productModules .product-container .box.active {
	width: 408px;
	/* cursor: pointer; */
}
.productModules .product-container .box.active .title1{
	display: none;
}
.productModules .product-container .box.active .inner-page-title1{
	display: none;
}
.productModules .product-container .box .inner-page-title1{
	color: #000;
	font-family: "PingFang SC";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
}
.productModules .product-container .box .content-layer {
	display: none;
	padding: 16px;
}
.productModules .product-container .box.active .content-layer{
	display: block;
}
.productModules .product-container .box .inner-page {
	display: flex;
	flex-direction: column;
	width: 110px;
	height: 68px;
	padding: 16px;
	justify-content: center;
	/* align-items: center; */
	margin-top: 12px;
	position: relative;
	border-radius: 8px;
	border: 0.5px solid #D6E1F0;
	background: linear-gradient(180deg, #FFF 0%, #F1F8FD 100%);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05);
}
.productModules .product-container .box .inner-page a {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	color: #5AAAF0;
	font-family: "PingFang SC";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
}
.productModules .product-container .box.active .inner-page a {
	display: block;
}
.productModules .product-container .box.active .inner-page {
	width: 408px;
}
.productModules .product-container .box .inner-page-title2 {
	display: none;
	color: #000;
	font-family: "PingFang SC";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px; /* 142.857% */
}
.productModules .product-container .box.active .inner-page-title2 {
	display: block;
}
.productModules .product-container .box .inner-page-desc {
	display: none;
	color: #747FA1;
	font-family: "PingFang SC";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px; /* 191.667% */
}
.productModules .product-container .box.active .inner-page-desc {
	display: block;
}
.productModules .product-container .box .inner-page-desc2 {
	color: #747FA1;
	font-family: "PingFang SC";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
}
.productModules .product-container .box .title1 {
	color: #000;
	text-align: center;
	font-family: "PingFang SC";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	margin-top: 70px;
	width: 110px;
}
.productModules .product-container .box .content-layer .title {
	color: #FFF;
	font-family: "PingFang SC";
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	padding-left: 80px;
	margin-top: 2px;
	display: flex;
}
.productModules .product-container .box .content-layer .tag-container {
	padding: 10px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.20);
	margin-top: 10px;
}
.productModules .product-container .box .content-layer .tag-container .t {
	color: #FFF;
	font-family: "PingFang SC";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px;
	padding-left: 25px;
	background:url(../images/product-hover-logo3.png) left center / 21px 21px no-repeat;
}
.productModules .product-container .box .content-layer .tag-container ul { display: flex; flex-wrap: wrap; margin-top: 5px;}
.productModules .product-container .box .content-layer .tag-container li {
	width: 50%;
	color: #FFF;
	font-family: "PingFang SC";
	font-size: 12px;
	font-style: normal;
	/* font-weight: 500; */
	line-height: 24px; /* 200% */
	position: relative;
	padding-left: 10px;
}
.productModules .product-container .box .content-layer .tag-container li:before {
	content: '';
	background: #fff;
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius:5px;
	top: 10px;
	left: 0;
}
.productModules .product-container .box .content-layer .desc {
	color: #FFF;
	font-family: "PingFang SC";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	margin-left: 10px;
	margin-top: 15px;
}
.productModules .product-container .box .content-layer .title .icon1 {
	margin-left: 10px;
	width: 35px;
	height: 14px;
	margin-top: 3px;
	background: url(../images/product-hover-logo1.png) center / 100% 100% no-repeat;
}
.productModules .product-container .box .content-layer .title .icon2 {
	margin-left: 10px;
	width: 44px;
	height: 14px;
	margin-top: 3px;
	background: url(../images/product-hover-logo2.png) center / 100% 100% no-repeat;
}
.productModules .product-container .box .box1 {
	border-radius: 8px;
	width: 110px;
	height: 300px;
	background: url(../images/product-bg01.jpg) center / 100% 100% no-repeat;
}
.productModules .product-container .box.active .box1 {
	width: 408px;
	cursor: pointer;
	background: url(../images/product-hover-bg01.jpg) center / 100% 100% no-repeat;
}
.productModules .product-container .box .box2 {
	border-radius: 8px;
	width: 110px;
	height: 300px;
	background: url(../images/product-bg02.jpg) center / 100% 100% no-repeat;
}
.productModules .product-container .box.active .box2 {
	width: 408px;
	cursor: pointer;
	background: url(../images/product-hover-bg02.jpg) center / 100% 100% no-repeat;
}
.productModules .product-container .box .box3 {
	border-radius: 8px;
	width: 110px;
	height: 300px;
	background: url(../images/product-bg03.jpg) center / 100% 100% no-repeat;
}
.productModules .product-container .box.active .box3 {
	width: 408px;
	cursor: pointer;
	background: url(../images/product-hover-bg03.jpg) center / 100% 100% no-repeat;
}
.productModules .product-container .box .box4 {
	border-radius: 8px;
	width: 110px;
	height: 300px;
	background: url(../images/product-bg04-01.jpg) center / 100% 100% no-repeat;
}
.productModules .product-container .box.active .box4 {
	width: 408px;
	cursor: pointer;
	background: url(../images/product-hover-bg04-01.jpg) center / 100% 100% no-repeat;
}
.productModules .product-container .box .box5 {
	border-radius: 8px;
	width: 110px;
	height: 300px;
	background: url(../images/product-bg05-01.jpg) center / 100% 100% no-repeat;
}
.productModules .product-container .box.active .box5 {
	width: 408px;
	cursor: pointer;
	background: url(../images/product-hover-bg05-01.jpg) center / 100% 100% no-repeat;
}
.productModules .product-container .box .box6 {
	border-radius: 8px;
	width: 110px;
	height: 300px;
	background: url(../images/product-bg06-01.jpg) center / 100% 100% no-repeat;
}
.productModules .product-container .box.active .box6 {
	width: 408px;
	cursor: pointer;
	background: url(../images/product-hover-bg06-01.jpg) center / 100% 100% no-repeat;
}
.productModules .product-container2 {
	width: 1010px;
	margin: 120px auto 0 auto;
	height: 312px;
	background: url(../images/index-bg02-2.png) center / 100% 100% no-repeat;
	position: relative;
}
.productModules .product-container2 .pages-layer {
	position: absolute;
	top: -50px;
	right: 0;
	width: 662;
	display: flex;
}
.productModules .product-container2 .pages-layer .pages-box {
	width: 210px;
	height: 374px;
	border-radius: 8px;
	border: 0.5px solid #D6E1F0;
	background-color: #fff;
}
.productModules .product-container2 .pages-layer .pages-box:nth-child(2) {
	margin: 0 16px;
}
.productModules .product-container2 .pages-layer .pages-box .box-layer {
	height: 70px;
	background: url(../images/product-box-bg.png) center / 100% 100% no-repeat;
	position: relative;
}
.productModules .product-container2 .pages-layer .pages-box .box-layer.b1:before {
	position: absolute;
	content: '';
	height: 90px;
	width: 90px;
	background: url(../images/product-box-logo1.png) center / 100% 100% no-repeat;
	right: 10px;
	top: -20px;
}
.productModules .product-container2 .pages-layer .pages-box .box-layer.b2:before {
	position: absolute;
	content: '';
	height: 90px;
	width: 90px;
	background: url(../images/product-box-logo2.png) center / 100% 100% no-repeat;
	right: 10px;
	top: -20px;
}
.productModules .product-container2 .pages-layer .pages-box .box-layer.b3:before {
	position: absolute;
	content: '';
	height: 90px;
	width: 90px;
	background: url(../images/product-box-logo3.png) center / 100% 100% no-repeat;
	right: 10px;
	top: -20px;
}
.productModules .product-container2 .pages-layer .pages-box .box-layer .title {
	color: #000;
	font-family: "PingFang SC";
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 120% */
	margin-left: 20px;
	padding-top: 16px;
}
.productModules .product-container2 .pages-layer .pages-box .box-layer .desc {
	color: #99A6C3;
	font-family: "PingFang SC";
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 166.667% */
	margin-left: 20px;
}
.productModules .product-container2 .pages-layer .box-content {
	padding: 16px 20px;
}
.productModules .product-container2 .pages-layer .box-content .btn {
	display: flex;
	border-radius: 8px;
	border: 1px solid #FFF;
	background: linear-gradient(180deg, #FAFDFF 0%, #E3EEFF 100%);
	box-shadow: 0px 4px 16px 0px rgba(116, 127, 161, 0.05);
	color: #000;
	font-family: "PingFang SC";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	position: relative;
	opacity: 0;
	margin-bottom: 8px;
	padding-left: 28px;
}
.productModules .product-container2 .pages-layer .box-content .btn:last-child {margin-bottom: 0;}
.productModules .product-container2 .pages-layer .btn:before {
	content: '';
	background: #99A6C3;
	position: absolute;
	width: 6px;
	height: 6px;
	left: 14px;
	border-radius: 6px;
}
.productModules .product-container2 .pages-layer .box-content.b1 .btn {
	height: 38px;
	line-height: 38px;
}
.productModules .product-container2 .pages-layer .box-content.b1 .btn::before {
	top : 16px;
}
.productModules .product-container2 .pages-layer .box-content.b2 .btn {
	height: 62px;
	line-height: 62px;
}
.productModules .product-container2 .pages-layer .box-content.b2 .btn::before {
	top : 29px;
}
.productModules .product-container2 .pages-layer .box-content.b3 .btn {
	height: 48px;
	line-height: 48px;
}
.productModules .product-container2 .pages-layer .box-content.b3 .btn::before {
	top : 22px;
}


.productModules .product-container2 .pages-layer .btn:hover {
	color: #fff;
	box-shadow: 0px 4px 16px 0px rgba(28, 169, 229, 0.10);
	background: linear-gradient(180deg, #9ED7FE 0%, #39BDFD 100%);
}
.productModules .product-container2 .pages-layer .btn:hover:before {
	background: #fff;
}
.productModules .product-container2.type .btn:nth-child(1) {
	animation: flyInLeft 0.5s ease-in 0s forwards;
}
.productModules .product-container2.type .btn:nth-child(2) {
	animation: flyInRight 0.5s ease-in 0s forwards;
}
.productModules .product-container2.type .btn:nth-child(3) {
	animation: flyInLeft 0.5s ease-in 0s forwards;
}
.productModules .product-container2.type .btn:nth-child(4) {
	animation: flyInRight 0.5s ease-in 0s forwards;
}
.productModules .product-container2.type .btn:nth-child(5) {
	animation: flyInLeft 0.5s ease-in 0s forwards;
}
.productModules .product-container2.type .btn:nth-child(6) {
	animation: flyInRight 0.5s ease-in 0s forwards;
}
.productModules .product-container2.type .btn:nth-child(7) {
	animation: flyInLeft 0.5s ease-in 0s forwards;
}
.productModules .product-container2.type .btn:nth-child(8) {
	animation: flyInRight 0.5s ease-in 0s forwards;
}
.productModules .product-container2.type .btn:nth-child(9) {
	animation: flyInLeft 0.5s ease-in 0s forwards;
}
.productModules .product-container2.type .btn:nth-child(10) {
	animation: flyInRight 0.5s ease-in 0s forwards;
}
@keyframes flyInLeft {
	0% {
			transform: translateX(-30%);
			opacity: 0;
	}
	100% {
			transform: translateX(0);
			opacity: 1;
	}
}
@keyframes flyInRight {
	0% {
			transform: translateX(30%);
			opacity: 0;
	}
	100% {
			transform: translateX(0);
			opacity: 1;
	}
}
.whyModules {
	background: url(../images/index-bg03.jpg) center / 100% 100% no-repeat;
	padding: 100px 0;
}
.whyModules .content-layer {
	width: 1010px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.whyModules .content-layer .gs-desc { width: 520px; }
.whyModules .content-layer .gs-desc .title {
	color: #FFF;
	font-family: "PingFang SC";
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 40px;
}
.whyModules .content-layer .gs-desc .text {
	color: #FFF;
	font-family: "PingFang SC";
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 153.846% */
}
.whyModules ul {
	display: flex;
	flex-direction: column;
}
.whyModules ul li{
	width: 150px;
	color: #FFF;
	text-align: center;
	font-family: "PingFang SC";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 30px;
}
.whyModules ul li strong{
	display: block;
	font-size: 36px;
	color: #fff;
	letter-spacing: 0;
	text-align: center;
	line-height: 36px;
}
.whyModules ul li strong i{ font-weight:normal; font-style:inherit; font-size:24px; margin-left:3px; vertical-align:text-bottom;}

.marketing .index_title{ padding-bottom:50px;}

.index_title .txt{
	font-size: 16px;
	color: #747FA1;
	letter-spacing: 2px;
	line-height: 20px;
	margin:20px 0 0;
	font-weight: 300;
}
.index_title .txt span{
	font-size: 18px;
	color: #666C80;
	letter-spacing: 0px;
	text-align: center;
	line-height: 30px;
}
.marketing ul {
	width: 1080px;
	height:150px;
	margin: auto;
}

.marketing ul li {
	float: left;
	padding-right: 202px;
	position: relative;
}

.marketing ul li:nth-child(1) a.tag:before {
	content: '';
	background:#305DF0;
	position: absolute;
	width:80px;
	height:4px;
	bottom:-24px;
	left:12px;
	border-radius:5px; 
}

.marketing ul li:nth-child(2) a.tag:before {
	content: '';
	background:#305DF0;
	position: absolute;
	width:80px;
	height:4px;
	bottom:-24px;
	left:12px;
	border-radius:5px; 
}

.marketing ul li:nth-child(3) a.tag:before {
	content: '';
	background:#305DF0;
	position: absolute;
	width:80px;
	height:4px;
	bottom:-24px;
	left:12px;
	border-radius:5px;  
}

.marketing ul li:nth-child(4) a.tag:before {
	content: '';
	background:#305DF0;
	position: absolute;
	width:80px;
	height:4px;
	bottom:-24px;
	left:12px;
	border-radius:5px; 
}


.marketing ul li:last-child {
	padding-right: 0px;
}

.marketing ul li a {
	display: block;
	width: 104px;
	height: 146px;
	font-size: 18px;
	color: #666C80;
	letter-spacing: 0;
	text-align: center;
	position: relative;
	text-align: center;
}

.marketing ul li a span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.marketing ul li:nth-child(1) a {
	background: url(../images/index_icon01.png) top center /  90px 90px no-repeat;
}

.marketing ul li:nth-child(2) a {
	background: url(../images/index_icon02.png) top center / 90px 90px no-repeat;
}

.marketing ul li:nth-child(3) a {
	background: url(../images/index_icon03.png) top center / 90px 90px no-repeat;
}

.marketing ul li:nth-child(4) a {
	background: url(../images/index_icon04.png) top center / 90px 90px no-repeat;
}

.marketing ul li:nth-child(1) a.tag {background: url(../images/index_icon01_on.png) top center / 90px 90px no-repeat;color: #305DF0;}
.marketing ul li:nth-child(2) a.tag {background: url(../images/index_icon02_on.png) top center / 90px 90px no-repeat;color: #305DF0;}
.marketing ul li:nth-child(3) a.tag {background: url(../images/index_icon03_on.png) top center / 90px 90px no-repeat;color: #305DF0;}
.marketing ul li:nth-child(4) a.tag {background: url(../images/index_icon04_on.png) top center / 90px 90px no-repeat;color: #305DF0;}

.marketing ul.marketing_head li:after{    content: '';
    background: url(../images/return_right.png) center /100% no-repeat;
    position: absolute;
    width: 93px;
    height: 13px;
    top: 45px;
    right: 55px;}
    
.marketing ul.marketing_head li:last-child:after{ background:none;}    


.marketing_detail .marketing_col{
	padding: 0 70px
}
.marketing_detail .marketing_col:nth-child(2) .marketing_col_title{
	margin-top: 50px;
}
.marketing_detail .marketing_col .marketing_col_title {
	font-size: 24px;
	color: #0F1526;
	letter-spacing: 0;
	text-align: center;
	line-height: 24px;
	margin:48px 0 10px;
	font-weight: 500;
}

.marketing_detail .marketing_col .marketing_col_title.tage {
	background-image: -webkit-linear-gradient(left, #00d4ff 30%, #5c47e5 60%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.marketing_detail .marketing_col .marketing_detail_top .col {
	float: left;
	width: 33.33%;
	height: 158px;
	border-radius: 16px;
	text-align: center;
}

.marketing_detail .marketing_col .marketing_detail_top .col_50 {
	width: 50%;
}

.marketing_detail .marketing_col .marketing_detail_top .col:last-child {
	margin-right: 0;
}

.marketing_detail .marketing_col .marketing_detail_top .col img {
	width: 68px;
	height: 68px;
	margin: 20px 0 10px;
}

.marketing_detail .marketing_col .marketing_detail_top .col p {
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	text-align: center;
	line-height: 24px;
	padding:0 30px;
}

.marketing_detail .marketing_col .marketing_detail_top .col span {
	display: block;
}

.marketing_detail .marketing_col .marketing_detail_bottom .col {
	float: left;
	width: 33.33%;
	background: #F7F9FF;
	border-radius: 16px;
	text-align: center;
	padding-bottom: 48px;
}

.marketing_detail .marketing_col .marketing_detail_bottom .col:last-child {
	margin-right: 0;
}

.marketing_detail .marketing_col .marketing_detail_bottom .col img {
	width: 68px;
	height: 68px;
	margin: 20px 0 ;
}

.marketing_detail .marketing_col .marketing_detail_bottom .col .col_title {
	font-size: 18px;
	color: #0F1526;
	letter-spacing: 0;
	text-align: center;
	line-height: 24px;
	margin-bottom: 8px;
}

.marketing_detail .marketing_col .marketing_detail_bottom .col p {
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	text-align: center;
	line-height:24px;
	padding:0 30px;
}

.marketing_detail .marketing_col .marketing_detail_bottom .col p span {
	display: block;
}

.marketing .more {
	display: block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	background: #305DF0;
	border-radius: 50px;
	margin: 30px auto 50px;
	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
}


.industry {
	background: #F7F9FF;
	overflow:hidden;
}

.industry ul li a{
	width: 20%;
	float: left;
	display: block;
	text-align: center;
	font-size:18px;
	color: #666C80;
	text-align: center;
	line-height: 20px;
	padding-bottom: 10px;
	margin-bottom: 40px;
}

.industry ul li a.tag {
	position:relative;
	color: #305DF0;
}
.industry ul li a.tag:before{ bottom:0px; left:50%; margin-left:-35px; background:#305DF0; content:''; height:4px; border-radius:5px;  width:70px; position:absolute; }

.room_deatil .room_img a {
	float: left;
	width: 200px;
	margin-right:20px;
	margin-bottom:20px;
	position: relative;
	text-align: center;
	overflow:hidden;
	border-radius:15px; 
	height:128px;
}

.room_deatil .room_img a:hover:before{ z-index:1; content:''; position:absolute; width:100%; height:128px; background:rgba(0,0,0,0.2); transition: all 0.6s;}

.room_deatil .room_img a img {
	width: 100%;
	height: 128px;
	opacity: 0.9;
	border-radius: 10px;
}

.room_deatil .room_img a:hover img{transform: scale(1.1);
    transition: all 0.6s;}

.room_deatil .room_img a span {
	position: absolute;
	top: 54px;
	left: 0;
	width: 100%;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	line-height: 24px;
	text-shadow: 0 2px 3px rgba(29, 47, 85, 0.5);
	z-index:2;
}

.room_deatil .room_img a.tag {
	width: 100%;
	margin: 0;
}

.room_deatil .room_title {
	font-size: 24px;
	color: #0F1526;
	letter-spacing: 0;
	text-align: center;
	line-height: 24px;
	padding: 50px 0 50px;
}

.room_deatil .old-img{ width:100%; margin-bottom:40px;}

.room_deatil .room_title span{
	display: block;
	
	font-size: 18px;
    color: #666C80;
    letter-spacing: 2px;
    line-height: 20px;
    margin: 20px 0 0;
    font-weight: 300;
	
	
}

.room_deatil .room_wap_pc img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.room_deatil .room_wap{
	display: none;
}
.room_deatil .room_wap .room_left {
	float: left;
	text-align: right;
	width: 216px;
}

.room_deatil .room_wap .room_center {
	margin: 13px 70px 100px 88px;
}

.room_deatil .room_wap .room_center img {
	width: 535px;
}

.room_deatil .room_wap .room_left.room_right {
	text-align: left;
	width: 170px;
}

.room_deatil .room_wap .room_left .text {
	margin-bottom: 35px;
	position: relative;
}
.room_deatil .room_wap .room_left .text:hover p{ color:#305DF0;}
.room_deatil .room_wap .room_left .text p {
	margin-bottom: 7px;
}
.room_deatil .room_wap .room_left .text p i{ display:none;}

.room_deatil .room_wap .room_left .text p a {
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	text-align: justify;
	line-height: 14px;
	margin-left: 20px;
}
.room_deatil .room_wap .room_left .text p label{
	color: #666C80; font-size:14px;}

.room_deatil .room_wap .room_left .text p a:hover {
	color: #305DF0;
}

.room_deatil .room_wap .room_left.room_right .text p a {
	margin-left: 0px;
}

.room_deatil .room_wap .room_left .room_left_title {
	font-size:18px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 30px;
}

.room_deatil .room_wap .room_left .room_left_title span {
	display: block;
	padding-left:30px;
}
.room_deatil .room_wap .room_right .room_left_title span{ padding-left:0;}

.room_deatil .room_wap .room_left .text:nth-child(1):before {
	content: '';
	width: 47px;
	height: 28px;
	background: url(../images/left01.png)center /100% no-repeat;
	position: absolute;
	top: 12px;
	right: -61px;
}

.room_deatil .room_wap .room_left .text:nth-child(2):before {
	content: '';
	width: 47px;
	height: 28px;
	background: url(../images/left02.png)center /100% no-repeat;
	position: absolute;
	top: 12px;
	right: -61px;
}

.room_deatil .room_wap .room_left .text:nth-child(3):before {
	content: '';
	width: 47px;
	height: 28px;
	background: url(../images/left03.png)center /100% no-repeat;
	position: absolute;
	top: 12px;
	right: -61px;
}

.room_deatil .room_wap .room_left.room_right .text:nth-child(1):before {
	content: '';
	width: 47px;
	height: 28px;
	background: url(../images/right01.png)center /100% no-repeat;
	position: absolute;
	top: 12px;
	left: -61px;
}

.room_deatil .room_wap .room_left.room_right .text:nth-child(2):before {
	content: '';
	width: 47px;
	height: 28px;
	background: url(../images/right02.png)center /100% no-repeat;
	position: absolute;
	top: 12px;
	left: -61px;
}

.room_deatil .room_wap .room_left.room_right .text:nth-child(3):before {
	content: '';
	width: 47px;
	height: 28px;
	background: url(../images/right03.png)center /100% no-repeat;
	position: absolute;
	top: 12px;
	left: -61px;
}
.room_deatil .jiaoyu{
	width: 1200px;
	height: 631px;
	display: block;
}
.room_deatil .room_img .room04 a{
	width: 277px;
}
.room_deatil .room_img .room02 a{
	width:585px;
}
.room_deatil .room_img .room03 a{
	width:380px;
}
.room04.room_deatil .room_img a.tag{
	width: 100%;
}
.room_deatil .room_img .room05 a:nth-child(5n){
	margin-right: 0;
}
.room_deatil .room_img .room04  a:nth-child(4n){
	margin-right: 0;
}
.room_deatil .room_img .room03 a:nth-child(3n){
	margin-right: 0;
}
.room_deatil .room_img .room02 a:nth-child(2n){
	margin-right: 0;
}

.room_deatil .room_deatil_btn{display: block;
    text-align: center;
    margin:0 auto 50px;
    width:140px;
    height:40px;
    line-height:40px;
    background: #305DF0;
    border-radius:50px;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;}


.why .index_title .txt{
	margin-bottom: 0;
}
.why ul li{
	float: left;
	width: 20%;
	font-size: 14px;
	color: #0F1526;
	letter-spacing: 0;
	text-align: center;
	line-height: 14px;
	margin-bottom: 80px;
}
.why ul li strong{
	display: block;
	font-size: 36px;
	color: #305DF0;
	letter-spacing: 0;
	text-align: center;
	line-height: 36px;
	margin-bottom: 20px;
}
.why ul li strong i{ font-weight:normal; font-style:inherit; font-size:24px; margin-left:3px; vertical-align:text-bottom;}



.case{
	background: #F7F9FF;
}
.case .touchcarousel{
	width: 1080px;
	height: 680px;
	position: relative;
	margin-top: -50px;
}
.case .touchcarousel .more {
	position: absolute;
	bottom: 60px;
	right: 20px;
	color: #666C80;
	font-family: "PingFang SC";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px; /* 157.143% */
}
.case .touchcarousel .more span {
	color: #467CDB;
}
.case .touchcarousel .tc-paging-container{
	bottom: 50px;
}
.case .touchcarousel .tc-paging-centerer .tc-paging-item{
	height:8px;
	width: 8px;
	background: rgba(15,21,38,0.20);
	border-radius: 50%;
	margin-right: 8px;
}
.case .touchcarousel .tc-paging-item.current{
	width: 48px;
	background: #7097F8;
	border-radius: 4px;
}
.case .touchcarousel .touchcarousel-item{
	width: 1180px;
	height: 680px;
	margin-top: 30px;
  padding: 0 30px;
	display: flex;
	flex-direction: column;
}

.case .touchcarousel .detail .col{
	float:left;
	width: 320px;
	height: 260px;
	margin-right: 40px;
	padding-bottom: 24px;
	flex-direction: column;
	align-items: center;
	border: 0.5px solid #D2D6DB;
	background: #FFF;
	position: relative;
	/* background: #fff;
	border-radius: 20px;
	margin-bottom: 65px;
	position:relative;
	box-shadow:0 10px 20px rgba(176,191,234,0.1); overflow:hidden; border:1px solid #f1f1f1;  */
}

.case .touchcarousel .detail .col .logo-layer {
	position: absolute;
	top: 24px;
	left: 40px;
	display: flex;
	width: 240px;
	height: 48px;
	padding: 0px 20px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.90);
}
.case .touchcarousel .detail .col .logo-layer .logo1 { width: 90px;}
.case .touchcarousel .detail .col .logo-layer .logo2 { width: 20px; margin: 0 10px}
.case .touchcarousel .detail .col .logo-layer .logo3 { width: 60px;}


.case .touchcarousel .detail .col:hover {
	box-shadow:0 10px 20px rgba(61,85,153,0.2);
	-webkit-animation: moveUp 0.2s ease-in forwards;
}

.case .touchcarousel .detail .col img{
	width:100%;
	/* border-top-left-radius: 20px;
	border-top-right-radius: 20px; */
}

.case .touchcarousel .detail .col .top{
	/* padding: 0 20px; */
}
.case .touchcarousel .detail .col .top .top_name{
	/* font-size: 14px;
	letter-spacing: 0;
	line-height: 14px;
	color:#999;
	margin:0 0 8px;
	text-align:left; */
	color: #000;
	font-family: "PingFang SC";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
	padding-left: 20px;
	margin-top: 5px;
}
.case .touchcarousel .detail .col .top .top_tit {
	color: #28374C;
	font-family: "PingFang SC";
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 120% */
	/* font-size: 20px;
	color: #0F1526;
	line-height:26px;
	margin:15px 0 5px; */
	position: relative;
	margin-top: 20px;
	padding-left: 20px;
}
.case .touchcarousel .detail .col .top .top_tit:before {
	content: '';
	width: 6px;
	height: 24px;
	position: absolute;
	top: 0;
	left: 0;
	background: #315BF4;
}
/* .case .touchcarousel .detail .col .top .top_all{
	font-size: 12px;
	color: #666C80;
	letter-spacing: 0;
	line-height: 12px;
	margin: 26px 0 7px;
}
.case .touchcarousel .detail .col .top .top_number{
	font-size: 18px;
	color: #0F1526;
	letter-spacing: -1px;
	text-align: center;
	line-height: 18px;
} */
.case .touchcarousel .detail .col .text{
	margin: 10px 20px 20px 20px;
	color: #747FA1;
	height: 40px;
	font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
	line-height: 20px;
	/* padding:5px 18px 15px;
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	line-height: 24px; */
}
.case .touchcarousel .detail .col .text p{ text-align:left; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}

.case .touchcarousel .detail .col .last{
	display: none;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	background: #305DF0;
	/* border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px; */
}
.case .touchcarousel .detail .col:hover .last{ display:block; position:absolute; bottom:0;}

.case .touchcarousel.three-d .arrow-holder.left{
	width: 48px;
	height: 48px;
	margin: 0;
	left: -80px;
	top: 120px;
	background: url(../images/left-gray.png) center /100% no-repeat #fff;
	border-radius:50%; 
}
.case .touchcarousel.three-d .arrow-holder.right{
	width: 48px;
	height: 48px;
	margin: 0;
	right: -80px;
	top: 120px;
	background: url(../images/right-gray.png) center /100% no-repeat #fff;
	border-radius:50%; 
}
.case .touchcarousel.three-d .arrow-holder.left:hover{
	background: url(../images/left-blue.png) center /100% no-repeat;
}
.case .touchcarousel.three-d .arrow-holder.right:hover{
	background: url(../images/right-blue.png) center /100% no-repeat;
}

.case .touchcarousel.product-case .touchcarousel-item{ width:1080px}
.case .touchcarousel.product-case .detail .col{ /* float:none; display:inline-block; */ vertical-align:top; }
.case .touchcarousel.product-case .touchcarousel-item .detail{ text-align:center;}
.case .touchcarousel.product-case .detail .col:last-child{ margin:0;}

.case_mt .touchcarousel .touchcarousel-item{ width:1080px}
.case_mt .touchcarousel .detail{ text-align:center;}
.case_mt .touchcarousel .detail .col{ display:inline-block; float:none;}

.partner .partner_l img{
	width: 460px;
	margin-right:40px;
}
.partner .partner_r{
	margin-top: 10px;
	margin-left: 11px;
}
.partner .partner_r .col{
	margin-bottom: 40px;
	position: relative;
}
.partner .partner_r .col .partner_title{
	font-size: 18px;
	font-weight:bold;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 24px;
	margin-bottom: 20px;
}
.partner .partner_r .col .p_btn{
	position: absolute;
	top: 6px;
	left:195px;
	font-size: 12px;
	color: #00CCCC;
	letter-spacing: 0;
	text-align: center;
	line-height: 12px;
}
.partner .partner_r .col p{
	font-size: 16px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 18px;
	margin-bottom: 12px;
}
.partner .partner_r .col .txt{
	margin-bottom: 20px;
}
.partner .partner_r .col .txt li{
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	line-height: 18px;
	margin-right: 36px;
	float: left;
}
.partner .partner_r .col .txt li:last-child{
	margin-right: 0px;
}
.partner .partner_r .col .text li:last-child{
	margin-right: 0px;
}
.partner .partner_r .col .text li{
	width: 60px;
	float: left;
	text-align: center;
	margin-right: 40px;
	position: relative;
}
.partner .partner_r .col .text li::before{
	content: '';
	position: absolute;
	top: 18px;
	right: -61px;
	width: 69px;
	border-bottom: 1px dashed rgba(48,93,240,0.30) ;
}
.partner .partner_r .col .text li:last-child::before{
	width: 0;
}
.partner .partner_r .col .text li img{
	width: 36px;
	height: 36px;
	margin-bottom: 10px;
}
.partner .partner_r .col .text li span{
	width: 60px;
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	line-height: 14px;
	display: block;
}
.partner .partner_r .col .touchcarousel{
	width: 420px;
	height: 60px;
	margin: 0;
}
.partner .partner_r .col .touchcarousel .touchcarousel-item {
	width: 420px;
	height: 60px;
	position: relative;
}
.partner .partner_r .col .touchcarousel p{
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	line-height: 24px;
	margin: 0;
}
.partner .touchcarousel.three-d .arrow-holder.left{
	width: 20px;
	height: 20px;
	margin: 0;
	left: 167px;
	top: -42px;
	background: url(../images/left-blue.png) center /100% no-repeat;
}
.partner .touchcarousel.three-d .arrow-holder.right{
	width: 20px;
	height: 20px;
	margin: 0;
	left: 237px;
	top: -42px;
	background: url(../images/right-blue.png) center /100% no-repeat;
}
.partner .touchcarousel .tc-paging-container{
	top: -23px;
	left:42px;
    z-index: 1;
}

.partner .partner_r .more{
	display: block;
	text-align: center;
	margin: 6px 0 80px;
	width: 140px;
	height: 40px;
	line-height: 40px;
	background: #305DF0;
	border-radius:50px;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
}
.experience_group{
	background: url(../images/experience.png) center / cover no-repeat;
}
.experience_group .index_title{
	padding: 118px 0 98px;
	color: #fff;
}
.experience_group .index_title p{
	color: #fff;
}
.experience_group .index_title a{
	display: block;
	text-align: center;
	width: 140px;
	height: 40px;
	line-height: 40px;
	background: #FF8D66;
	border-radius:50px;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
	margin:40px auto ;
	font-weight:normal;
}

.code-div{ padding:10px; position:fixed; border-radius:10px; background:#fff; z-index:9999; top:200px; left:50%; width:220px; margin-left:-110px; text-align:center;}
.code-div img{ width:100%; }
.code-div a{position:absolute; color:#fff; bottom:-40px; width:100%; text-align:center; left:0;}

.foot{
	background: #F3F4FA;
}
.foot .footer_top{
	text-align: center;
	padding: 50px 0 20px;
	margin: auto;
	overflow:inherit;
}
.foot .footer_top li{
	 display:inline-block;
	 position:relative;
}
.foot .footer_top li a{
	display: block;
	width:46px; height:46px;
	margin: 0 12px;
}


.foot .footer_top li a.WeChat{ background:url(../images/foot_icon01.png) center / 46px 46px no-repeat;}
.foot .footer_top li a.weibo{ background:url(../images/foot_icon02.png) center / 46px 46px no-repeat;}
.foot .footer_top li a.bx{ background:url(../images/foot_icon03.png) center / 46px 46px no-repeat;}
.foot .footer_top li a.tt{ background:url(../images/foot_icon04.png) center / 46px 46px no-repeat;}
.foot .footer_top li a.zh{ background:url(../images/foot_icon05.png) center / 46px 46px no-repeat;}

.foot .footer_top li .hover_code{ display:none; position:absolute; top:-160px; left:-40px; z-index:991;}
.foot .footer_top li .hover_code img{ width:150px;}

.foot .footer_top li a.WeChat:hover + div.hover_code{ display:block;}


.foot .footer_top li a.WeChat:hover{ border-radius:50%;  background:url(../images/foot_icon01_tag.png) center / 46px 46px no-repeat ;}
.foot .footer_top li a.weibo:hover{ border-radius:50%; background:url(../images/foot_icon02_tag.png) center / 46px 46px no-repeat ;}
.foot .footer_top li a.bx:hover{ border-radius:50%; background:url(../images/foot_icon03_tag.png) center / 46px 46px no-repeat ;}
.foot .footer_top li a.tt:hover{ border-radius:50%; background:url(../images/foot_icon04_tag.png) center / 46px 46px no-repeat ;}
.foot .footer_top li a.zh:hover{ border-radius:50%; background:url(../images/foot_icon05_tag.png) center / 46px 46px no-repeat ;}


.foot .footer{
	border-top:1px solid #CFD4E6 ;
	border-bottom:1px solid #CFD4E6 ;
	padding: 50px 0;
}
.foot .footer .l{
	width: 25%;
}
.foot .footer .l .foot_title{
	font-size: 18px;
	color: #1E2A4D;
	letter-spacing: 0;
	line-height: 18px;
	margin-bottom: 24px;
}
.foot .footer .l ul li{
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	text-align: justify;
	line-height: 14px;
	margin-bottom: 20px;
}

.foot .footer .l ul li a{ color:#666C80;}
.foot .footer .l ul li a:hover{ color:#305DF0;}

.foot .footer img{
	width: 160px;
	height: 34px;
}
.foot_txt{
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	text-align: justify;
	line-height: 14px;
	padding: 20px 0 50px;
	text-align:center;
}
.foot_txt a{ color:#666C80;}

.productModules .index_title p{ opacity:0;}
.productModules .product-container{ opacity:0;}
.productModules.type .index_title p{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}
.productModules.type .product-container { -webkit-animation: p-top 0.5s ease-in 0s forwards;}

.whyModules .gs-desc{ opacity:0;}
.whyModules.type .gs-desc{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}

.whyModules ul.ovf{opacity:0; }
.whyModules.type ul.ovf{ -webkit-animation: p-top 0.5s ease-in 0.2s forwards; margin-top: 50px;}

.industry .index_title p{ opacity:0;}
.industry.type .index_title p{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}

.industry ul.ovf{opacity:0; }
.industry.type ul.ovf{ -webkit-animation: p-top 0.5s ease-in 0.2s forwards;}

.industry .room_list_page{ opacity:0;}
.industry.type .room_list_page{ -webkit-animation: p-top 0.5s ease-in 0.4s forwards;}

.why .index_title p{ opacity:0; }
.why .index_title p.txt{ opacity:0; }
.why.type .index_title p{ -webkit-animation: p-top 0.5s ease-in 0s forwards;} 
.why.type .index_title p.txt{ -webkit-animation: p-top 0.5s ease-in 0.2s forwards;} 

.why ul.ovf{ opacity:0;}
.why.type ul.ovf{  -webkit-animation: p-top 0.5s ease-in 0.4s forwards;}


.win .index_title p{ opacity:0; }
.win .index_title p.txt{ opacity:0; }
.win.type .index_title p{ -webkit-animation: p-top 0.5s ease-in 0s forwards;} 
.win.type .index_title p.txt{ -webkit-animation: p-top 0.5s ease-in 0.2s forwards;} 

.win .list_img{opacity:0;}
.win.type .list_img{ -webkit-animation: p-top 0.5s ease-in 0.4s forwards;}

.win .medal_more{ opacity:0;}
.win.type .medal_more{ -webkit-animation: p-top 0.5s ease-in 0.6s forwards;}

.case .index_title p{opacity:0;}
.case.type .index_title p{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}

.case .touchcarousel{opacity:0;}
.case.type .touchcarousel{-webkit-animation: p-top 0.5s ease-in 0.2s forwards;}

.partner .index_title p{opacity:0;}
.partner .partner_l{opacity:0;}
.partner .partner_r{opacity:0;}
.partner.type .index_title p{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}
.partner.type .index_title p.txt{ -webkit-animation: p-top 0.5s ease-in 0.2s forwards;} 
.partner.type .partner_l{ -webkit-animation: p-top 0.5s ease-in 0.4s forwards;}
.partner.type .partner_r{ -webkit-animation: p-top 0.5s ease-in 0.6s forwards;}
/*产品*/

.product .product_detail{ margin-bottom: 30px;}

.product .product_detail .product_col{
	float: left;
	width: 50%;
	padding-left:50px;
	margin-bottom: 80px;
	min-height:120px;
}
.product .product_detail .product_col .l:nth-child(1){ float:left;}
.product .product_detail .product_col .l:nth-child(2){ padding-left:100px; float:none; }

.product .product_detail .product_col .l img{
	width: 80px;
	height: 80px;
	display: block;
	margin-right: 20px;
}
.product .product_detail .product_col .l .product_tit{
	font-size: 20px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 24px;
	margin-bottom: 10px;
}
.product .product_detail .product_col .l p span{
	display: block;
	font-size: 14px;
	color: #666C80;
	line-height: 24px;
	padding-right:30px;
}

.function{
	background: #F7F9FF;
	padding-bottom: 50px;
}

.function .index_title p{ opacity:0;}
.function.type .index_title p{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}


.function .function_detail { opacity:0;
	display: flex;
    flex-wrap: wrap;
}

.function.type .function_detail { -webkit-animation: p-top 0.5s ease-in 0.2s forwards;}


.function .function_detail .function_col{
	float: left;
	width:350px;
	height: 280px;
	background: #FFFFFF;
	border-radius: 16px;
	text-align: center;
	margin-right:15px;
	margin-bottom: 15px;
}



.function .function_detail .function_col:hover{
	box-shadow: 0 10px 20px rgb(61 85 153 / 20%);
}
.advantage.function .function_detail .function_col:hover{
	box-shadow:inherit;
}

.function .function_detail .function_col:nth-child(3n){
	margin-right: 0;
}
.function .function_detail .function_col img{
	width: 120px;
	height: 120px;
	display: block;
	margin: 30px auto 20px;
}
.function .function_detail .function_col .function_tit{
	background-image:-webkit-linear-gradient(left, #00d4ff 20% ,#5c47e5 60%); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
	font-size: 20px;
	color: #0F1526;
	letter-spacing: 0;
	text-align: center;
	line-height: 24px;
	margin-bottom: 10px;
}

.function .function_detail .function_col .function_tit.font-h4{ font-size:18px;}

.function .function_detail .function_col p span{
	display: block;
	font-size: 14px;
	color: #666C80;
	padding:0 30px;
	text-align: center;
	line-height: 24px;
}
.advantage{
	background: #FFFFFF;
}

.advantage .index_title p{opacity: 0;}
.advantage.type .index_title p{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}
 
.advantage.function .function_detail .function_col .function_tit{
	background-image: -webkit-linear-gradient(left, #0F1526,#0F1526 );
}
.advantage.function .function_detail .function_col img{
	width:80px;
	height: 80px;
	margin-bottom: 30px;
}
.success.case .touchcarousel{
	height: 598px;
}
.success.case .touchcarousel .tc-paging-container{
	bottom: 50px;
}
.success.case .touchcarousel.three-d .arrow-holder.left,.success.case .touchcarousel.three-d .arrow-holder.right{
	top: 206px;
}
.customer ul li{
	float: left;
	width: 25%;
	margin-bottom: 80px;
}
.contact {
	background:url(../images/contact-txt-bg.png) center / cover no-repeat;
}
.contact .l { width:60%;}
.contact .l .tit{
	margin: 148px 0 15px;
	font-size: 36px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 36px;
}
.contact .l p{
	font-size: 18px;
	color: rgba(255,255,255,0.80);
	letter-spacing: 0;
	line-height: 30px;
	padding-right:100px;
}
.contact .l p.text{
	margin-bottom: 50px;
}
.contact .l p.tel{
	margin:13px 0 100px;
	font-size: 36px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 36px;
}
.contact .l p.tel a{ color:#fff;}
.contact .r{
	width: 360px;
	height:380px;
	background: #FFFFFF;
	border-radius: 16px;
	margin:118px 0 80px;
	position: relative;
	z-index: 999;
	padding:30px 50px;
}
.contact .r:before{
	content: '';
	width: 64px;
	height: 64px;
	position: absolute;
	top: -64px;
	left:50%;
	margin-left:-32px;
	background: url(../images/right-l01-s.png) top center /100%  no-repeat;
	
}
.contact .r .contact_col p{
	font-size: 14px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 14px;
}
.contact .r .contact_col .col_input{
	font-size:14px;
	width: 100%;
	height: 36px;
	padding-left: 8px;
	line-height: 36px;
	margin:8px 0 8px;
	background: #FFFFFF;
	border: 1px solid #CFD4E6;
	border-radius: 2px;
}

.contact .r .contact_col .col_input::placeholder { color: #A3ACCC; }

.contact .r .contact_col select.col_input{
  	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	background:url(../images/xia.png) no-repeat scroll 96% center #fff; color: #A3ACCC;
}
.contact .r .contact_detail .submit{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #305DF0;
	border-radius: 50px;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
	margin:20px 0 0;
}
.contact .r .contact_detail .last{
	font-size: 12px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 12px;
}
.contact .r .contact_detail .last input[type="checkbox"] {
    width: 12px;
    height: 12px;
    display: inline-block;
    text-align: center;
    vertical-align: 0px;
    line-height: 12px;
    position: relative;
    margin: 0 6px 0 0;
}
 
.contact .r .contact_detail .last input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
}
 
.contact .r .contact_detail .last input[type="checkbox"]:checked::before {
    content: "\2713";
    background: #305DF0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #305DF0;
    border-radius:2px;
    color: #fff;
    font-weight: bold;
}
.contact .r .contact_detail .last a{
	color: #305DF0 ;
}


.contact .r .contact_col.col_list{ position:relative;}
.contact .r .contact_col.col_list:hover .sel{ display:block;}
.contact .r .contact_col.col_list p{ width: 100%; color: #A3ACCC;
    height: 40px;
    padding-left: 8px;
    line-height: 40px;
    margin: 8px 0 12px;
    background: #FFFFFF;
    border: 1px solid #CFD4E6;
    border-radius: 2px;}


.contact .r .contact_col.col_list .sel{ height:160px; overflow:scroll; display:none; top:36px; background:#fff; position:absolute; width:100%; border:1px solid #ccc; }
.contact .r .contact_col.col_list .sel span{ cursor:pointer; position:relative; color: #A3ACCC; line-height:30px; padding:0 10px; display:block; font-size:14px;}
.contact .r .contact_col.col_list .sel span:hover{}
.contact .r .contact_col.col_list .sel span.tag{ color:#666; }



.contact .r .contact_col.col_list .sel span.tag:before{ content:''; position:absolute; width:10px; height:10px; right:10px; top:10px; background:url(../images/form-true.png) center / 10px 10px no-repeat;}

.contact .r .contact_col.col_list .sel span:after{ position:absolute; right:10px; top:10px; border:1px solid #ccc; content:''; width:10px; height:10px;}


.case .product-case .detail .col{ float:none; display:inline-block; margin-right:50px;}
.case .product-case .detail .col:last-child{ margin-right:0;}

/*案例*/
.cases{
	background: #F5F6FA;
	padding: 30px 0 10px;
	border-bottom:1px solid  #CFD4E6;;
}
.cases ul li {
	float: left;
	height: 40px;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 4px;
}
.cases ul li a{
	padding: 13px 20px;
	display: block;
	color: #0F1526;
	font-size: 14px;
	letter-spacing: 0;
	text-align: center;
	line-height: 14px;
}
.cases ul li.tag{
	background: #305DF0;
}
.cases ul li.tag a{
	color: #FFFFFF;
}
.cases ul li:hover{
	background: #305DF0;
}
.cases ul li a:hover{
	color: #FFFFFF;
}
.group{
	background: #F5F6FA;
	padding: 30px 0 138px;
}
.group .touchcarousel{
	width: 1080px;
	height: 1100px;
}
.group .touchcarousel.pub-type{ height:auto;}
.group .touchcarousel .touchcarousel-item{
	width: 1080px;
}
.group .touchcarousel .touchcarousel-item .detail{ width:1180px;}
.group .touchcarousel .detail .col{
	float: left;
	width: 340px;
	height: 340px;
/* 	background: rgba(48,93,240,0.85); */
	border-radius: 15px;
	margin:0 30px 30px 0 ;
	position:relative;
	
	border-radius:15px; 
}
.group .touchcarousel .detail .col:hover{ box-shadow: 0 10px 20px rgb(61 85 153 / 20%);}
.group .touchcarousel .detail .col:hover .hr{ display:block; transition: all 0.6s;}

.group .touchcarousel .detail .col .hr{ width:340px; height:340px; display:none; position:absolute; top:0; left:0; border-radius:15px;  padding:30px 30px 49px; background: rgba(48,93,240,0.95); }

.group .touchcarousel .detail .col .hr .tit{
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 30px;
}
.group .touchcarousel .detail .col .hr .text{
	margin: 17px 0 145px;
	font-size: 14px;
	color: rgba(255,255,255,0.90);
	letter-spacing: 0;
	line-height: 24px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.group .touchcarousel .detail .col .hr .more{
	display: block;
	position:absolute; left:30px; bottom:40px;
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #FF8D66;
	border-radius: 50px;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
}

.group .touchcarousel .detail .col .de{ position:relative; width:340px; height:340px; border-radius:15px; }
.group .touchcarousel .detail .col .de p{ bottom:0; left:0; position:absolute; color:#fff; font-size:20px; padding:20px 30px;}
.group .touchcarousel .detail .col .de img{ border-radius:15px; width:340px; height:340px; }

.group .touchcarousel .detail .col:nth-child(3n){
	margin-right: 0;
}
.group .touchcarousel .detail .col .col_img{
	width: 348px;
	height: 298px;
	margin: 31.25px 16px  6.75px;
}
.group .touchcarousel .detail .col .col_name{
	padding: 0 20px;
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 24px;
}
.group .touchcarousel.three-d .arrow-holder.left{
	width: 50px;
	height: 50px;
	margin: 0;
	left: -80px;
	top: 576px;
	background: url(../images/left-gray.png) center /100% no-repeat;
}
.group .touchcarousel.three-d .arrow-holder.right{
	width: 50px;
	height: 50px;
	margin: 0;
	right: -80px;
	top: 576px;
	background: url(../images/right-gray.png) center /100% no-repeat;
}
.group .touchcarousel .tc-paging-centerer .tc-paging-item{
	height:8px;
    width: 8px;
    background: rgba(15,21,38,0.20);
    border-radius: 50%;
    margin-right: 8px;
}
.group .touchcarousel .tc-paging-item.current{
	width: 48px;
	background: #00CCCC;
	border-radius: 4px;
}
.group  .touchcarousel .tc-paging-container{
	bottom:-80px;
}
.boss{
	background: #FFFFFF;
	padding: 0;
}
.boss.group .touchcarousel{
	width:1075px;
	height: 545px;
	margin: auto;
}
.boss.group .touchcarousel .detail .col{
	width:175px;
	height: 64px;
	margin: 0 50px 50px 0;
}
.boss.group .touchcarousel .detail .col:hover{box-shadow:inherit;}
.boss.group .touchcarousel .detail .col .col_img{
	width: 100%;
	height:auto;
	margin: 0;
}
.boss.group .touchcarousel .tc-paging-container{
	bottom: 80px;
}
.boss.group .touchcarousel.three-d .arrow-holder.left{
	top: 179px;
	left:-142.5px;
}
.boss.group .touchcarousel.three-d .arrow-holder.right{
	top: 179px;
	right:-142.5px;
}
/*关于我们*/
.us .index_title{
	padding-bottom:30px ;
}
.us .us_text{
	margin-bottom: 80px; 
}
.us .us_text p{
	padding:0 50px;
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0.6px;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto 20px;
}



.earth{
	background: #F5F6FA;
	padding-bottom:50px;
}
.earth .index_title{
	padding-bottom: 0;
}

.earth .index_title p{ opacity: 0;}
.earth.type .index_title p{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}
.earth.type .index_title p.txt{ -webkit-animation: p-top 0.5s ease-in 0.2s forwards;}

.earth .earch_detail{opacity: 0;}
.earth.type .earch_detail{ -webkit-animation: p-top 0.5s ease-in 0.4s forwards;}

.earth .earch_detail .l{ margin-right:60px; width:800px; position:relative; margin-top:20px; float:right;}

.earth .earch_detail .l label{ font-size:12px; position:absolute;}
.earth .earch_detail .l i{ display:block; width:8px; height:8px; background:#305DF0; border-radius:50%; position:relative; }
.earth .earch_detail .l i:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    animation: sonar 2.5s infinite 2.5s;
    -moz-animation: sonar 2.5s infinite 2.5s;
    -webkit-animation: sonar 2.5s infinite 2.5s;
    -o-animation: sonar 2.5s infinite 2.5s;
    -ms-animation: sonar 2.5s infinite 2.5s;
    border: 1px solid rgba(7, 58, 218, 0.55);
}
.earth .earch_detail .l i:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    animation: sonar 2.5s infinite 1s;
    -moz-animation: sonar 2.5s infinite 1s;
    -webkit-animation: sonar 2.5s infinite 1s;
    -o-animation: sonar 2.5s infinite 1s;
    -ms-animation: sonar 2.5s infinite 1s;
    border: 1px solid rgba(7, 58, 218, 0.55);
}

.earth .earch_detail .l label.l01{ top:225px; right:138px;}
.earth .earch_detail .l label.l01 i{  margin:0 auto; margin-bottom:5px;}

.earth .earch_detail .l label.l02{ top:255px; right:230px;}
.earth .earch_detail .l label.l02 em{ margin:0 auto 3px auto; width:10px; height:10px; display:block; background:url(../images/star-icon.png) center / 10px 10px no-repeat;}

.earth .earch_detail .l label.l03{ top:312px; right:215px;}
.earth .earch_detail .l label.l03 i{  margin:0 auto; margin-bottom:5px;}

.earth .earch_detail .l label.l04{ top:310px; right:155px; height:16px; line-height:16px;}
.earth .earch_detail .l label.l04 i{ float:left; margin-top:5px; margin-right:6px; }

.earth .earch_detail .l label.l05{ top:382px; right:212px;}
.earth .earch_detail .l label.l05 i{  margin:0 auto; margin-bottom:5px;}

.earth .earch_detail .l label.l06{ top:358px; right:192px;}
.earth .earch_detail .l label.l06 i{  margin:5px auto;}

.earth .earch_detail .l label.l07{ top:390px; right:188px;}


.earth .earch_detail .l label.l08{ top:395px; right:140px; height:16px; line-height:16px;}
.earth .earch_detail .l label.l08 i{ width:12px; height:12px; float:left; margin-top:5px; margin-right:6px; }

.earth .earch_detail .l label.l09{ top:400px; right:380px;}
.earth .earch_detail .l label.l09 i{  margin:0 auto; margin-bottom:5px;}

.earth .earch_detail .l label.l10{ top:418px; right:345px;}
.earth .earch_detail .l label.l10 i{  margin:0 auto; margin-bottom:5px;}

.earth .earch_detail .l label.l11{ top:438px; right:285px;}
.earth .earch_detail .l label.l11 i{  margin:0 auto; margin-bottom:5px;}

.earth .earch_detail .l label.l12{ top:400px; right:270px;}
.earth .earch_detail .l label.l12 i{ width:12px; height:12px; margin:0 auto; margin-bottom:5px;}

.earth .earch_detail .l label.l13{ top:415px; right:160px; height:16px; line-height:16px;}
.earth .earch_detail .l label.l13 i{  float:left; margin-top:5px; margin-right:6px; }

.earth .earch_detail .l label.l14{ top:505px; right:272px;}
.earth .earch_detail .l label.l14 i{  margin:0 auto; margin-bottom:5px;}

.earth .earch_detail .l label.l15{ top:505px; right:230px;}
.earth .earch_detail .l label.l15 i{ float:left; margin-top:5px; margin-right:6px;}

.earth .earch_detail .l label.l16{ top:568px; right:295px;}
.earth .earch_detail .l label.l16 i{ float:left; margin-top:5px; margin-right:6px;}


.earth .earch_detail .l label.l17{    
	top: 261px;
    right: 193px;
}
.earth .earch_detail .l label.l17 i{ float:left; margin-top:5px; margin-right:6px;}

.earth .earch_detail .l label.l18{  
	top: 281px;
	right: 216px;	 
}
.earth .earch_detail .l label.l18 i{ float:left; margin-top:5px; margin-right:6px;}

.earth .earch_detail .l label.l19{     top: 434px;
	right: 222px;}
.earth .earch_detail .l label.l19 i{ float:left; margin-top:5px; margin-right:6px;}

.earth .earch_detail .l label.l20{     top: 464px;
	right: 175px;}
.earth .earch_detail .l label.l20 i{ float:left; margin-top:5px; margin-right:6px;}




.earth .earch_detail .l img{
	display: block;
	width:100%;
}
.earch_detail{ position:relative; }
.earth .earch_detail .r{ position:absolute; z-index:99;
	margin: 150px 0 167px 50px;
	width:400px;
	float:left;
}
.earth .earch_detail .r .tit{
	font-size:20px;
	color: #333;
	letter-spacing: 0;
	line-height:30px;
	margin-bottom:5px;
	font-weight:bold;
}
.earth .earch_detail .r p{
	font-size: 14px;
	color: #666;
	letter-spacing: 0;
	line-height: 27px;
}
.earth .earch_detail .r p.til{
	margin-bottom: 30px;
}
.development .index_title{
	padding-bottom: 50px;
}

.development .index_title p{  opacity: 0;}
.development.type .index_title p{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}
.development.type .index_title p.txt{ -webkit-animation: p-top 0.5s ease-in 0.2s forwards;}


.development .touchcarousel{opacity: 0;
	width: 1080px; 
	height:400px;
}

.development.type .touchcarousel{  -webkit-animation: p-top 0.5s ease-in 0.2s forwards;}

.development .touchcarousel .arrow-holder.left{
	width: 50px;
	height: 50px;
	margin: 0;
	left: -82px;
	top: 119px;
	background: url(../images/left-gray.png) center /100% no-repeat;
}
.development .touchcarousel .arrow-holder.right{
	width: 50px;
	height: 50px;
	margin: 0;
	right: -82px;
	top: 119px;
	background: url(../images/right-gray.png) center /100% no-repeat;
}
.development .touchcarousel .arrow-holder.left:hover{
	background: url(../images/left-blue.png) center /100% no-repeat;
}
.development .touchcarousel .arrow-holder.right:hover{
	background: url(../images/right-blue.png) center /100% no-repeat;
}
.development .touchcarousel .scrollbar-holder{
	top: 0;
	height: 2px;
	background: #CFD4E6;
}
.development .touchcarousel .scrollbar.dark{
	background: #00CCCC;
}
.development .touchcarousel .touchcarousel-item:first-child{
	padding-left: 0;
}
.development .touchcarousel .touchcarousel-item:last-child{
	border-right: 0;
}
.development .touchcarousel .touchcarousel-item{
	width: 365px;
	height: 248px;
	border-right: 1px solid #CFD4E6 ;
	margin: 20px 0px 80px 0;
	padding-left:40px;
}
.development .touchcarousel .touchcarousel-item p{ padding-right:20px;}
.development .touchcarousel .touchcarousel-item .tit{
	font-size: 36px;
	color:#00CCCC;
	letter-spacing: 0;
	line-height: 36px;
}


.development .touchcarousel .touchcarousel-item .til{
	font-size: 18px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 24px;
	margin:20px 0 10px;
}
.development .touchcarousel .touchcarousel-item p span{
	display: block;
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	line-height: 24px;
}
.expert{
	background: #F5F6FA;
	padding-bottom:30px;
}
.expert .container{
	padding:0 80px;
}

.expert .index_title p{ opacity: 0;}
.expert .index_title .txt{margin:20px auto 34px; opacity: 0;}


.expert.type .index_title p{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}
.expert.type .index_title p.txt{ -webkit-animation: p-top 0.5s ease-in 0.2s forwards;}


.expert .expert_col{
	padding-bottom:50px;
	border-bottom:1px solid #ddd;
	margin-bottom:50px;
	opacity: 0;
}

.expert .ep01.type:nth-child(1){  -webkit-animation: p-top 0.5s ease-in 0.3s forwards;}
.expert .ep02.type:nth-child(2){  -webkit-animation: p-top 0.5s ease-in 0.4s forwards;}
.expert .ep03.type:nth-child(3){  -webkit-animation: p-top 0.5s ease-in 0.5s forwards;}
.expert .ep04.type:nth-child(4){  -webkit-animation: p-top 0.5s ease-in 0.6s forwards;}
.expert .ep05.type:nth-child(5){  -webkit-animation: p-top 0.5s ease-in 0.7s forwards;}
.expert .ep06.type:nth-child(6){  -webkit-animation: p-top 0.5s ease-in 0.7s forwards;}
.expert .ep07.type:nth-child(7){  -webkit-animation: p-top 0.5s ease-in 0.7s forwards;}
.expert .ep08.type:nth-child(8){  -webkit-animation: p-top 0.5s ease-in 0.7s forwards;}


.expert .expert_col .text{ width:420px;}

.expert .expert_col:last-child{ margin:0;}
.expert .expert_col img{
	width:180px;
	display: block;
}
.expert .expert_col:nth-child(2n) .l{
	float: right;
}
.expert .expert_col:nth-child(2n) .r{
	float: left;
}
.expert .expert_col .expert_txt .til{
	margin-bottom: 20px;
	padding-left:10px;
}
.expert .expert_col .expert_txt .til span{
	font-size: 24px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 24px;
	margin-right: 10px;
	font-weight:bold;
}
.expert .expert_col .expert_txt .til label{
	font-size: 18px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 18px;
	margin-right: 20px;
}
.expert .expert_col .expert_txt .text p{
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	line-height: 32px;
	overflow:hidden;
}

.expert .expert_col .expert_txt .text p span{ float:left; width:400px;}
.expert .expert_col .expert_txt .text p:before{  float:left; margin:15px 10px 0 0;  content:''; width:4px; height:4px; border-radius:50%; background:#666; }

.expert .expert_col.ep01 img{ margin-right:50px;}
.expert .expert_col.ep02 img{ margin-left:50px;}
.expert .expert_col.ep03 img{ margin-right:50px;}
.expert .expert_col.ep04 img{ margin-left:50px;}
.expert .expert_col.ep05 img{ margin-right:50px;}
.expert .expert_col.ep06 img{ margin-left:50px;}
.expert .expert_col.ep07 img{ margin-right:50px;}
.expert .expert_col.ep08 { border:0;}
.expert .expert_col.ep08 img{ margin-left:50px;}

.honor{
	/*opacity: 0.5;*/
	/*transform: scaleX(-1) scaleY(-1);*/
	background-image: linear-gradient(-61deg, #495AFF 11%, #22A2FE 65%, #0ACFFE 100%);
}
.honor .index_title{
	/* color:#fff; */
	padding-bottom: 10px;
}
.honor .index_title .txt span{
	/* color:#fff; */
}
.honor .medal{
	width: 1113px;
    margin: auto;
}
.honor .medal li{
	float: left;
	width: 25%;
}
.honor .medal li img{
	display: block;
	width: 148px;
	height: 130px;
     margin: auto;
}
.honor .medal li p{
	margin: 20px 0 50px;
}
.honor .medal li p span{
	display: block;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	line-height: 21px;
}
.honor .medal_more{
	padding-bottom:47px;
}
.honor .medal_more li{
	float: left;
	width: 25%;
	height: 68px;
	padding:0 10px;
}
.honor .medal_more li:nth-child(3n){
	margin-right: 0;
}
.honor .medal_more li a{
	position:relative;
	display: block;
	height: 68px;
	border-radius: 16px;
	line-height: 68px;
	text-align: center;
	display: block;
	font-size: 12px;
	color:#997D4D;
	font-weight: 400;
	letter-spacing: 0;
}
.honor .medal_more li a:before{ left:0; top:8px; width:50px; height:50px; content:''; position:absolute; background:url(../images/m-l.png) left center / 50px 50px no-repeat;}
.honor .medal_more li a:after{ right:0; top:8px; width:50px; height:50px; content:''; position:absolute; background:url(../images/m-r.png) left center / 50px 50px no-repeat;}

/* .honor .medal_more li:last-child a:before{ background:none;}
.honor .medal_more li:last-child a:after{ background:none;} */


.honor .medal_more li a.tag{
	padding: 13px 0;
}
.honor .medal_more li a span{
	display: block;
	line-height: 21px;
}
.honor .medal_more li a.more{
	color: #fff ;
}
.honor .medal_more li a.more:hover{ color:#e2cdaa;}

.knowledge{
	background: #F5F6FA;
}
.knowledge .container{
	padding:0 120px;
}
.knowledge .index_title{
	padding-bottom: 30px;
}
.knowledge .knowledge_top li:last-child{
	float: right;
}
.knowledge .knowledge_top li{
	float: left;
	width: 47%;
	height:162px;
	background: #FFFFFF;
	border-radius: 16px;
	/*box-shadow: 1px 10px 8px  #ddd;*/
	text-align: center;
	margin-bottom: 50px;
}
.knowledge .knowledge_top li span{
	display: block;
	font-size: 72px;
	color: #305DF0;
	letter-spacing: 0;
	text-align: center;
	line-height: 72px;
	margin: 20px;
}
.knowledge .knowledge_top li p{
	font-size: 20px;
	color: #0F1526;
	letter-spacing: 0;
	text-align: center;
	line-height: 20px;
}
.knowledge .knowledge_text p{
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0.6px;
	line-height: 24px;
}
.knowledge .knowledge_text .txt{
	font-size: 14px;
	color: #333;
	letter-spacing: 0.6px;
	line-height: 24px;
	padding: 10px 0 80px;
	font-weight:bold;
}
.partner .partner_wap{
	width: 1080px;
	border-radius: 24px;
	background: #F5F6FA;
	margin-bottom: 80px;
}
.partner .partner_wap .col:nth-child(2n){
	background: #EDEFF5;
}
.partner .partner_wap .col:last-child{
	border-bottom-left-radius: 24px;
}
.partner .partner_wap .col .title{
	text-align: center;
	padding: 50px 0 30px;
	font-size: 24px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 24px;
}
.partner .partner_wap .col ul{
	padding: 0 62px 30px;
	overflow: hidden;
}
.partner .partner_wap .col ul li{
	float: left;
	width:25%; text-align:center; margin-bottom:20px;
}
.partner .partner_wap .col ul li:nth-child(5n){
	margin-right: 0;
}
.partner .partner_wap .col ul li img{
	width:175px;
	height: 64px;
}
.partner .partner_wap .col2 ul li{
	width:20%;
}

/*精选内容*/
.new-header{ height:60px; position:relative; background: rgba(16,23,46,0.80);}
.news{
	margin: 30px 0 80px;
}
.news .news_l{
	width: 730px;
}
.news .news_r{
	width: 310px;
}
.news .news_l .new_top{
	position: relative;
}
.news .news_l .new_top img{
	display: block;
	background: #ccc;
	width: 730px;
	border-radius: 10px;
}
.news .news_l .new_top .txt{
	position: absolute;
	top: 134px;
	text-align: center;
    width: 100%;
}
.news .news_l .new_top .txt .title{
	font-size: 48px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 48px;
}
.news .news_l .new_top .txt .text{
	font-size: 24px;
	color: rgba(255,255,255,0.80);
	letter-spacing: 4.8px;
	line-height: 24px;
	margin: 30px 0 86px;
}
.news .news_l .new_top .txt .til{
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 24px;
	text-align: left;
	margin-left: 20px
}
.news .news_l .new_title{
	font-size: 24px;
	color: #0F1526;
	letter-spacing: 0;
	text-align: left;
	line-height: 24px;
	margin: 30px 0 0;
}
.news .news_l .new_detail .new_col{
	padding: 30px 0;
	border-bottom: 1px solid #CFD4E6;
	position: relative;
}

.news .news_l .new_detail .new_col .ovf-img{
	width:240px;
	height: 150px;
	overflow:hidden;
	margin-right:20px;
	border-radius:10px; 
}

.news .news_l .new_detail .new_col .l img{
	display: block;
	height:100%;
	margin-right: 24px;
	border-radius: 10px;
}
.news .news_l .new_detail .new_col .l .text{
	width:450px;
	padding-top: 4px;
}
.news .news_l .new_detail .new_col .l .text .til{
	width:100%;
	font-size: 18px;
	color: #0F1526;
	line-height: 24px;     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
	

}
.news .news_l .new_detail .new_col .l .text .txt{
	width: 100%;
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	text-align: justify;
	line-height: 24px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 10px 0 0;
}
.news .news_l .new_detail .new_col .l .text .last{
	width:470px;
	position: absolute;
	bottom: 30px;
	right: 0px;
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	line-height: 14px;
}
.news .news_l .new_detail .new_col .l .text .look{
	float: right;
	position: relative;
}
.news .news_l .new_detail .new_col .l .text .look:before{
	content: '';
	position: absolute;
	left:-25px;
	width: 16px;
	height: 12px;
	background: url(../images/eye.png) center /100% no-repeat;
}
.news .news_r .news_detail .col{
	margin-bottom: 30px;
	border-radius: 10px;
}
.news .news_r .news_detail .col a img{
	display: block;
	width: 310px;
	height: 167px;
	border-radius: 10px;
}
.news .news_r .news_detail .col .title{
	font-size: 18px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 18px;
	margin-bottom: 20px;
}
.news .news_r .news_detail .col.follow{
	background:url(../images/jx-bg.png) no-repeat;
	border-radius: 8px;
	padding: 40px 65px;
}
.news .news_r .news_detail .col.follow .erwei{
	width: 180px;
	height: 180px;
}
.news .news_r .news_detail .col.follow p{
	font-size: 14px;
	color:#333;
	letter-spacing: 7px;
	text-align: center;
	line-height: 16px;
}
.news .news_r .news_detail .col.follow .til{
	font-size: 16px;
	color: #333;
	letter-spacing: 2.4px;
	line-height: 16px;
	margin: 30px 0 10px;
}
.news .news_r .news_detail .col.hot{
	background: #FFFFFF;
	border: 1px solid rgba(15,21,38,0.05);
	box-shadow: 0 2px 6px 0 rgba(15,21,38,0.14);
	border-radius: 8px;
	padding:20px 0px 10px 20px;
}
.news .news_r .news_detail .col.hot li{
	float: left;
	margin-right: 9px;
	margin-bottom: 10px;
}
.news .news_r .news_detail .col.hot li a{
	display: block;
	padding:9px 17px;
	background: #E6E8F0;
	border-radius: 4px;
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	text-align: center;
	line-height: 14px;
}
.news .news_r .news_detail .col.hot .relevant_col{
	margin-bottom: 20px;
}
.news .news_r .news_detail .col.hot .relevant_col:last-child{
	margin-bottom: 10px;
}
.news .news_r .news_detail .col.hot .relevant_col .l img{
	display: block;
	width: 100px;
	height: 68px;
	border-radius: 10px;
	margin-right: 7px;
}
.news .news_r .news_detail .col.hot .relevant_col .r p{
	width: 167px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 21px;
}
/*资料与行业报告*/
.news.new .news_l .new_top .txt{
	top: 109px;
	left: 50px;
	text-align: left;
}
.news.new .news_l .new_top p{
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 21px;
}
.news.new .news_l .new_top .titles{
	margin:0 0 30px;
	font-size:24px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 50px;
}
.news.new .news_l .new_top .titles label{
	color: #FF6733;
}
.news.new .news_l .new_top .more{
	display: block;
	width: 108px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #FF8D66;
	border-radius: 18px;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
}
.news.new .news_l .new_detail .new_col {
	width: 730px;
	height: 280px;
	background: #FFFFFF;
	border: 1px solid rgba(15,21,38,0.20);
	border-radius: 8px;
	margin:30px 0 0;
	padding: 20px;
}
.news.new .news_l .new_detail .new_col .l img{
	width: 300px;
    margin-right: 19px;
}
.news.new .news_l .new_detail .new_col .l .text{
	width: 350px;
	padding-top:20px ;
}
.news.new .news_l .new_detail .new_col .l .text .txt{
	-webkit-line-clamp: 3;
}
.news.new .news_l .new_detail .new_col .l .text .last{
	width: 370px;
	right: 20px;
}
.news.new .news_l .new_detail .new_col .l .text .last span{
	height: 36px;
	line-height: 36px;
}
.news.new .news_l .new_detail .new_col .l .text .last .more{
	display: block;
	float: right;
	width: 108px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	background: #FF8D66;
	border-radius: 18px;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
}
/*case*/
.case_wap{
	background: #f5f6fa;
}
.case_wap .case_wap_l{
	width: 750px;
	padding: 30px;
	background: #FFFFFF;
	border-radius: 16px;
	margin: 30px 0 50px;
}
.case_wap .case_wap_l .col{
	padding-bottom:30px ;
	border-bottom:1px solid #CFD4E6;
}
.case_wap .case_wap_l .col.col_title:first-child .case_top{
	margin-top:0;
}
.case_wap .case_wap_l .col.col_title .case_top{
	font-size: 24px;
	color: #0F1526;
	letter-spacing: 0;
	line-height:30px;
	margin:80px 0 10px;
}
.case_wap .case_wap_l .col.col_title .case_til{
	font-size: 18px;
	color: #305DF0;
	letter-spacing: 0;
	line-height:24px;
}
.case_wap .case_wap_l .col .case_title{
	font-size: 20px;
	color: #0F1526;
	letter-spacing: 2px;
	text-align: center;
	line-height: 16px;
	margin: 30px 0 20px;
}

.case_wap .case_wap_l .col .case-padding{ padding:150px 50px;}

.case_wap .case_wap_l .col .case_txt_center{ text-align:center;}

.case_wap .case_wap_l .col .case_h3{ margin:15px 0; font-size:16px;}

.case_wap .case_wap_l .col p span{
/* 	display: block; */
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	text-align: justify;
	line-height: 24px;
}
.case_wap .case_wap_l .col p span label{
	color: #305DF0;
}

.case_wap .case_wap_l .col .col_img{
	width: 100%;
	margin:30px 0;
}

.case_wap .case_wap_l .col .col_img.max_img{ max-width:450px; margin:0 auto;}

.case_wap .case_wap_l .col .buy{
	margin: 30px 14px 50px;
}
.case_wap .case_wap_l .col .buy li{
	float: left;
	margin-right: 40px;
	text-align: center;
}
.case_wap .case_wap_l .col .buy li:nth-child(4n){
	margin-right:0 ;
}
.case_wap .case_wap_l .col .buy li img{
	display: block;
	width: 165px;
	height: 300px;
	margin-bottom: 10px;
}
.case_wap .case_wap_l .col .buy li span{
	font-size: 14px;
	color: #0F1526;
	letter-spacing: 0;
	text-align: center;
	line-height: 14px;
}
.case_wap .case_wap_l .col .tit{
	font-size: 16px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 24px;
}
.case_wap .case_wap_l .col .buy.col_33{
	margin: 30px 70px 20px;
}
.case_wap .case_wap_l .col .buy.col_33 li{
	margin-right: 78px
}
.case_wap .case_wap_l .col .buy.col_33 li:nth-child(3n){
	margin-right: 0;
}
.case_wap .case_wap_l .col .buy.col_33 li img{
	width: 171px;
	height: 350px;
}
.case_wap .case_wap_l .col.col_tag .case_titles{
	font-size: 24px;
	color: #305DF0;
	letter-spacing: 0;
	line-height: 24px;
	margin: 50px 0 0px;
}
.case_wap .case_wap_l .col:last-child{
	border-bottom: 0;
	padding-bottom: 0;
}
.case_wap .case_wap_r{
	width: 290px;
	margin-top: 30px;
}
.case_wap .case_wap_r .col{
	padding: 30px 0;
	border-bottom:1px solid #CFD4E6;
}
.case_wap .case_wap_r .col:last-child{
	border-bottom: none;
}
.case_wap .case_wap_r .col .col_title{
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	line-height: 14px;
	margin-bottom: 20px;
}
.case_wap .case_wap_r .col p{
	font-size: 18px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 24px;
}
.case_wap .case_wap_r .col .more{
	display: block;
	width: 158px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #305DF0;
	border-radius: 18px;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
}
.case_wap .case_wap_r .col ul li{
	margin-bottom: 20px;
	font-size: 18px;
	color: #666C80;
	letter-spacing: 0;
	line-height:24px;
	overflow:hidden;
}
.case_wap .case_wap_r .col ul li label{
	color: #0F1526;
}


@-webkit-keyframes sonar{
	0%{-webkit-transform:scale(1);opacity:0;}
	50%{-webkit-transform:scale(1.5);opacity:1;}
	100%{-webkit-transform:scale(2);opacity:0;}
}
@-moz-keyframes sonar{
	0%{-moz-transform:scale(1);opacity:0;}
	50%{-moz-transform:scale(1.5);opacity:1;}
	100%{-moz-transform:scale(2);opacity:0;}
}
@-o-keyframes sonar{
	0%{-o-transform:scale(1);opacity:0;}
	50%{-o-transform:scale(1.5);opacity:1;}
	100%{-o-transform:scale(2);opacity:0;}
}
@-ms-keyframes sonar{
	0%{-ms-transform:scale(1);opacity:0;}
	50%{-ms-transform:scale(1.5);opacity:1;}
	100%{-ms-transform:scale(2);opacity:0;}
}


/*20210325*/
/*AI获客3D沙盘*/
.product.index-banner.product06{
	padding-top:26%;
	background: url(../images/3d-banner.png) top / cover no-repeat; 
	min-height:524px;
}
.product_details.product .product_detail{
	margin: 0 auto 30px;
}
.product_details.product .product_detail .left{
	float: left;
}
.product_details.product .product_detail .right{
	float: right;
}
/*
.product_details.product .product_detail .product_col{
    float: left;
    padding:0 106px;
    
}
*/

.product_details .product_details_img{
	width: 80px;
	height: 80px;
	margin: auto;
	float:left;
}
.product_details .product_details_img img{
	width: 100%;
}
.product_details .l{
	width: 100%;
/* 	margin:30px auto 0; */
	float: none;
/* 	text-align: center; */
}
/*
.product_details.product .product_detail .product_col .l p span{
	text-align: center;
}
*/
.function_details.function .function_detail .function_col{
	width: 216px;
	height: 246px;
}
/*
.case_details.case .touchcarousel{
	width: 886px;
}
*/
.case_details.case .touchcarousel .detail .col{
	margin: 0 0 65px 0;
}
.case_details.case .touchcarousel .detail .col:first-child{
	margin: 0 50px 65px 0;
}
/*AI营销霸屏活动*/

.product.index-banner.product04{
	padding-top:26%;
	background: url(../images/product_banner02.png) top / cover no-repeat; 
	min-height:524px;
}
.product04.product.banner .t-btn {
    position: absolute;
    top: 35%;
}
.function  .function_301.function_detail .function_col{
	height: 301px;
}
.pro_banner.case{
	background: #fff;
}
.pro_banner.case .touchcarousel{
	height: 280px;
	margin-bottom: 118px;
}
.pro_banner .touchcarousel .touchcarousel-item{
	height: 280px;
	width:1080px;
}
.pro_banner .touchcarousel .touchcarousel-item .img{
	position: relative;
}
.pro_banner .touchcarousel .touchcarousel-item .img img{
	width: 1080px;
	background: #002060;
	border-radius: 16px;
}
.pro_banner .touchcarousel .touchcarousel-item .text{
	position: absolute;
	top: 105px;
	text-align:center; width:100%;
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: center;
	line-height: 30px;
}
.pro_banner .touchcarousel.three-d .arrow-holder.left, .success.case .touchcarousel.three-d .arrow-holder.right{
	top: 116px;
}
.pro_banner .touchcarousel.three-d .arrow-holder.left, .success.case .touchcarousel.three-d .arrow-holder.left{
	top: 116px;
}
.pro_banner.success.case .touchcarousel .tc-paging-container{
	bottom:-38px;
}

.function_tag06.function .function_detail .function_col{ width:20%; margin:0;}

.product07-img{ width:450px; margin:0 50px 0 0 !important;}

/*全域直播*/
.product.index-banner.product05{
	padding-top:26%;
	background: url(../images/qyzb-banner.png) top / cover no-repeat; 
	min-height:524px;
}
.function .function_detail .function_col.tag{
	background: url(../images/function24.png) center / cover no-repeat;
}
.function .function_detail .function_col.tag .til{
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	line-height: 24px;
	margin-top:125px;
}
.function .function_detail .function_col.tag .til .btn{
	margin:0 auto;
	width: 160px;
	height: 36px;
	border-radius: 18px;
	font-size:24px;
	line-height: 36px;
	letter-spacing: 4px;
}
.function.function_285 .function_detail .function_col{
	width: 25%;
	height: 250px; margin:0;
}
.function.function_285 .function_detail .function_col:nth-child(4n){
	margin-right: 0;
}
.success_details.case .touchcarousel .detail .col .text p{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp:3;
	word-break:break-all;
	display:-webkit-box;
	-webkit-box-orient:vertical;
}
/*AI营销获客系统*/
.product.index-banner.product01{
	padding-top:26%;
	background: url(../images/product_banner03.png) top / cover no-repeat; 
	min-height:524px;
}
.product01.product.banner .t-btn{
	top: 36%;
}
.product_details01.product .product_detail .product_col .l p{
	min-height:70px;
}
/*
.product_details01.product .product_detail .product_col:nth-child(2n) .l{
	float: right;
}
*/
.function_height267.function .function_detail .function_col{
	height:267px;
}
/*AI全民营销2.0*/
.product.index-banner.product03{
	padding-top:26%;
	background: url(../images/product_banner04.png) top / cover no-repeat; 
	min-height:524px;
}
.product03.product.banner .t-btn{
	top: 36%;
}
.product03.product.banner .t-btn p span{
	width: 550px;
}
.product_wap{
	background: #F7F9FF;
	padding: 83px 0px 83px 80px; 
}


.product_wap.p02{ opacity: 0;}
.product_wap.p02.type{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}

.product_wap .l_img{
	text-align: center
}

.product02-img{ width:450px; margin:40px 40px 0 0;}

.product_wap .til{
	font-size: 24px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 24px;
	padding: 50px 0 20px;
	text-align: left;
}
.product_wap .text{
	width: 528px;
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	text-align: justify;
	line-height: 24px;
	margin-bottom: 26px;
	text-align: left;
	margin-right: 100px;
}
.product_wap ul li{
	padding-bottom:20px;
	font-size: 16px;
	color: #666C80;
/*
	letter-spacing: 0;
	text-align: justify;
*/
	line-height: 24px;
	overflow: hidden;
}

.product_wap ul.list-add li{ padding-bottom:0;}

.product_wap ul li i{
	float: left;
	width:16px;
	height: 16px;
	border: 1px solid #0F71EF;
	display: inline-block;
	border-radius: 50%;
	position: relative;
	margin: 5px 10px 30px 0;
}
.product_wap ul.list-type li i{ margin-bottom:40px;}

.product_wap ul li i:before{
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	top: 2px;
	left: 2px;
	background-image: linear-gradient(-44deg, #0F71EF 0%, #0FAEF2 100%);
	border-radius: 50%;
}
.product_wap ul li label{
	float: left;
	width: 510px;
	font-size:16px;
	color:#333;
}
.product_wap .l_img img{
	width: 440px;
}
.product_wap_02{
	background: #fff;
}
.product_wap_02 .l_img img{
	width: 348px;
}
.product_wap_02 .l_img{
	margin-right: 70px;
}
.product_wap_02 .til{
	padding: 50px 0 20px;
}
.product_wap_02 .text{
	width:560px; margin-right:20px;
}


.function_col4.function .function_detail .function_col{
	width: 25%;
	height: 280px;
    margin:0;
}
.function_col4.function .function_detail .function_col:nth-child(4n){
	margin-right: 0;
}
.function_col4.function .function_detail .function_col.tag{
	background: url(../images/function40.png) center / cover no-repeat;
}

.function_tag.function .function_detail .function_col{ width:255px; margin:0 15px 15px 0;}
.function_tag.function .function_detail .function_col:nth-child(4){ margin-right:0;}

/*智慧案场CRM系统*/
.product.index-banner.product02{
	padding-top:26%;
	background: url(../images/product_banner05.png) top / cover no-repeat; 
	min-height:524px;
}
.product02.product.banner .t-btn{
	top: 36%;
}
.product02.product.banner .t-btn p span{
	width: 465px;
}


.product_crm.product_wap .text{
/* 	width: 528px; */
	margin-right: 0;
}
.product_crm .til{
	padding: 17px 0 20px;
}
.product_crm ul li label{
	width: 450px;
}
.product_crm ul.list-add li{ padding-bottom:0;}

.product_crm ul li{
	padding-bottom: 20px;
}
.function02.function .function_detail .function_col.tag {
    background: url(../images/function60.png) center /100% 100% no-repeat;
}
/*智慧在线开盘*/
.product.index-banner.product07{
	padding-top:26%;
	background: url(../images/product_banner06.png) top / cover no-repeat; 
	min-height:524px;
}
.product07.product.banner .t-btn{
	top: 36%;
}
.product07.product.banner .t-btn p span label{
	display: block;
}
.wisdom .l_img{
	margin:0 135px 0 55px;
}
.wisdom ul li{
	padding-bottom: 20px;
}
.wisdom ul.list-add li{ padding-bottom:0;}

.wisdom ul li label{
	width: 450px;
	font-size: 16px;
	color:#333;
}
.wisdom .txt{
	width: 480px;
	font-size: 16px;
	color: #666C80;
	letter-spacing: 0;
	text-align: justify;
	line-height: 24px;
}
.wisdom .txt.add_txt{ width:550px; font-size:14px;}

.wisdom .til{
	padding-top: 77px;
	font-size: 24px;
}
.wisdom{
	padding:83px 0px 75px 0;
}
.function .function_322.function_detail .function_col{
	height: 322px;
}
/*超级接待机器人*/
.product.index-banner.product08{
	padding-top:26%;
	background: url(../images/product_banner07.png) top / cover no-repeat; 
	min-height:524px;
}
.product08.product.banner .t-btn{
	top: 36%;
}
.product08.product.banner .t-btn p span label{
	display: block;
}

.robot.product .product_detail .product_col .l p span{
	font-size: 16px;
	color: #0F1526;
	line-height: 27px;
	padding-top:15px;
}
.robot_wap{
	margin: 80px 0 40px;
	
}
.robot_banner{
	background-image: linear-gradient(149deg, #F2F4FA 0%, #FCFCFE 23%, #F2F4FA 48%, #FCFDFF 74%, #F2F4FA 100%);
	border: 1px solid #F2F4FA;
	box-shadow: 0 4px 12px 0 rgba(61,85,153,0.06);
	border-radius: 16px;
}
.robot_banner img{
	width:200px;
	margin: 60px 60px 60px 100px;
}
.robot_banner .title{
	font-size: 36px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 36px;
	margin:100px 0 40px;
}
.robot_banner .list .col{
	margin-bottom: 20px;
}
.robot_banner .list .col span{
	display: inline-block;
	width: 84px;
	height: 30px;
	line-height: 28px;
	border:1px solid #0F71EF;
	border-radius: 18px;
	font-size: 14px;
	color: #0F71EF;
	letter-spacing: 0;
	text-align: center;
	vertical-align: top;
    margin-top: 6px;
    margin-right: 20px;
}
.robot_banner .list .col p{
	display: inline-block;
	width: 514px;
	font-size: 14px;
	color: #666C80;
	letter-spacing: -0.3px;
	text-align: justify;
	line-height: 24px;
}
/*智慧投放*/
.product.index-banner.product09{
	padding-top:26%;
	background: url(../images/product_banner08.png) top / cover no-repeat; 
	min-height:524px;
}
.product09.product.banner .t-btn{
	top: 36%;
}
.product09.product.banner .t-btn p span{
	width: 535px;
}
.precise{
	background: #F7F9FF;
	padding-bottom: 80px;
}



.precise .col{
	width: 255px;
	height: 178px;
	background: #FFFFFF;
	border-radius: 16px;
	text-align: center;
	margin-right: 20px;
	float: left;
	padding-top:30px;
}
.precise .col:last-child{
	margin-right: 0
}
.precise .col .col_img img{
	width: 68px;
	height: 68px;
}
.precise .col .txt{
	font-size: 14px;
	color: #0f1526;
	letter-spacing: 0;
	text-align: center;
	line-height: 30px;
}
.cooperation{
	padding-bottom: 114px; opacity: 0;
}

.cooperation.type{ -webkit-animation: p-top 0.5s ease-in 0.2s forwards;}

.cooperation .cooperation_title{
	margin: 80px auto;
	text-align: center;
}
.cooperation .cooperation_title p{
	font-size: 36px;
	color: #0F1526;
	letter-spacing: 0;
	text-align: center;
	line-height: 36px;
}
.cooperation .cooperation_title .til{
	font-size: 24px;
	letter-spacing: 0.6px;
	line-height: 24px;
	background-image: -webkit-linear-gradient(left, #00d4ff 20% ,#5c47e5 60%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 50px;
}
.cooperation .col{
	width: 25%;
	position: relative;
	float: left;
	text-align: center;
}
.cooperation .col:before{
	content: '';
    background: url(../images/right_.png) center /100% no-repeat;
    position: absolute;
    width: 93px;
    height: 13px;
    top: 45px;
    right: -50px;
}
.cooperation .col:last-child:before{
    width: 0px;
}
.cooperation .col .col_img img{
	width: 120px;
	height: 120px;
}
.cooperation .col .til{
	font-size: 20px;
	letter-spacing: 0;
	text-align: center;
	line-height: 24px;
    background-image: -webkit-linear-gradient(left, #00d4ff 20% ,#5c47e5 60%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px;
}
.cooperation .col .text{
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	text-align: center;
	line-height: 24px;
}
.cooperation .col .text p{ padding:0 30px; text-align:left;}
.service{
	background: #F7F9FF;
	padding-bottom: 19px; opacity: 0;
}
.service.type{ -webkit-animation: p-top 0.5s ease-in 0.2s forwards;}
.service .col{
	width: 320px;
	height: 220px;
	background: #FFFFFF;
	border-radius: 16px;
	float: left;
	margin:0 60px 60px 0;
}
.service .col:nth-child(3n){
	margin-right: 0;
}
.service .col .col_img{
	position: relative;
	height: 140px;
}
.service .col .col_img .img-ovf{ height:140px; overflow:hidden;}
.service .col .col_img img{
	width: 100%;
}
.service .col .col_img_txt{
	position: absolute;
	top:70px;
	left:0;
	text-align:center;
width:100%;
	font-size: 22px;
	color: #FFFFFF;
	text-align: center;
	line-height: 24px;
}
.service .col .text{
	padding: 20px;
	font-size: 14px;
	color: #0F1526;
	letter-spacing: 0;
	text-align: justify;
	line-height: 21px;
}
/*增长运营服务*/
.product.index-banner.product10{
	padding-top:26%;
	background: url(../images/product_banner09.png) top / cover no-repeat; 
	min-height:524px;
}

.product10.product.banner .t-btn p span{
	width: 558px;
}

.number{
	background: #F7F9FF;
	padding-bottom: 50px;
}

.number .text p{ 
	padding:0 50px;
	margin: auto;
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0.51px;
	line-height: 24px;
	margin-bottom:5px
}


.train{
	background: url(../images/train.png) center /100% 100% no-repeat;
	padding-bottom:50px; opacity: 0;
}

.train.type{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}

.train .index_title{
	color: #fff;
}
.train .col {
	float: left;
	width: 33.33%;
	height: 260px;
	margin:0;
	text-align: center;
}
.train .col:nth-child(3n){
	margin-right: 0;
}
.train .col .col_img img{
	width: 120px;
	height: 120px;
	margin:30px auto 30px;
}
.train .col .text{
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	line-height: 27px;
}
.train .col .text p{ padding:0 30px;}
.practice.function_col4.function .function_detail .function_col{
	height: 198px;
}
.practice.function .function_detail .function_col .function_tit{
	font-size: 16px;
	color: #0F1526;
	letter-spacing: 0;
	text-align: center;
	line-height: 27px;
}


/*房地产*/
.product.index-banner.industry01{
	background: url(../images/industry_banner01.png) top / cover no-repeat;
}
.product.index-banner.industry {
	padding-top: 26%;
	min-height: 524px;
}

.industry.product.banner .t-btn {
	top: 36%;
	left:0;
	text-align: center;
	width:100%;
}

.industry.product.banner .t-btn p span {
	width:100%;
	font-size: 18px;
}

.industry.product.banner .t-btn a {
	margin: auto;
}

.industry_precise .col:nth-child(4n){ margin-right:20px; }
.industry_precise .col:nth-child(5n){ margin:0;}

.industry01 .t-btn p label{ font-size:18px; line-height:27px; margin:20px 0 40px; display:block;}

.precise_col5 {
	background: #fff;
}

.precise_col5.precise .col {
	width: 200px;
	height: 210px;
	background: #F7F8FA;
	border-radius: 16px;
	padding-top:0;
}

.precise_col5.precise .col .txt {
	font-size: 14px;
	color: #0F1526;
	letter-spacing: 0;
	text-align: center;
	line-height: 21px;
}
.precise_col5.precise .col .txt p{ padding:0 30px;}

.precise_col5.precise .col .col_img img {
	margin: 30px auto 21px;
}

.problem {
	background: #F7F9FF;
	padding-bottom: 80px; opacity: 0;
}

.problem.type{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}

.problem .index_title .txt {
	margin: 15px 0 0;
}

.problem .list .col {
	margin-bottom: 40px;
}

.problem .list .col p {
	font-size: 18px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 18px;
	margin-bottom: 10px;
	padding-left: 10px;
}

.problem .list .col .btn {
	width: 100%;
	height: 26px;
	background: #eee;
	border-radius: 16px;
	position: relative;
}

.problem .list .col .btn span {
	height: 26px;
	line-height: 26px;
	text-align: right;
	padding-right: 24px;
	position: absolute;
	background-image: linear-gradient(-44deg, #0F71EF 0%, #0FAEF2 100%);
	border-radius: 16px;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
}

.problem .more {
	display: block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #FF8D66;
	border-radius: 24px;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	margin: 50px auto 0;
}

.cloud {
	background-image: linear-gradient(139deg, #00D4FF 0%, #5C47E5 100%); opacity: 0;
}
.cloud.type{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}


.cloud .index_title {
	color: #FFFFFF;
	padding: 50px 0 30px;
}

.cloud .index_title .txt {
	font-size: 20px;
	color: #FFFFFF;
	margin: 15px 0 0;
}

.cloud .cloud_img img {
	width: 100%;
	display: block;
}

.process {
	background: #F7F9FF;
	padding-bottom: 50px; opacity: 0;
}
.process.type{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}


.process .index_title .txt {
	margin: 20px auto 0;
	font-size: 18px;
	line-height:30px;
}

.process .index_title .txt label {
	display: block;
}

.process .col {
	width: 525px;
	height: 142px;
	position: relative;
	background: #FFFFFF;
	border-radius: 16px;
	padding: 30px 20px;
	float: left;
	margin: 0 30px 30px 0;
}

.process .col:nth-child(2n) {
	margin-right: 0;
}

.process .col .l img {
	width: 72px;
	height: 72px;
	margin-right: 20px;
}

.process .col label {
	position: absolute;
	top:15px;
	right: 15px;
	opacity: 0.6;
	font-size: 50px;
	color: #DEE0E6;
	letter-spacing: -2px;
	text-align: right;
	height:36px; overflow:hidden;
}
.process .col .text{ position:relative; z-index:10;}
.process .col .text .til {
	font-size:18px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 20px;
	margin: 2px 0 6px;
}

.process .col .text p {
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	text-align: justify;
	line-height: 24px;
}
.future{
	padding-bottom: 80px; opacity: 0;
}
.future.type{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}


.future .ovf{
	width: 1200px;
	background: #F7F9FF;
	border-radius: 16px;
}
.future .col{
	float: left;
	width: 50%;
	position: relative;
}
.future .col img{
	width: 400px;
	display: block;
}
.future .col.tag:before{
	content: '';
	position: absolute;
	top: 50px;
	left:0px;
	width: 107px;
	height: 104px;
	background: url(../images/future02.png) center /100% 100% no-repeat;
}
.future .col .text{
	position: relative;
	margin: 100px 0 0 20px;
	width: 600px;
	font-size: 16px;
	color: #666C80;
	letter-spacing: 0;
	text-align: justify;
	line-height: 30px;
}

.future .col:nth-child(1){ width:40%;}
.future .col:nth-child(2){ width:60%;}

.promise{
	background: #F7F9FF;
	padding-bottom:110px; opacity: 0;
}
.promise.type{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}

.promise .col{
	float: left;
	width: 33.33%;
	text-align: center;
}
.promise .col img{
	width: 120px;
	height: 120px;
	display: block;
	margin:30px auto 21px;
}
.promise .col .txt{
font-size: 18px;
color: #0F1526;
letter-spacing: 0;
text-align: center;
line-height: 27px;
}
.promise .col .txt p{ padding:0 30px;} 

/*代理中介*/
.product.index-banner.industry02{
	background: url(../images/industry_banner02.png) top / cover no-repeat;
}
.industry02.product.banner .t-btn p{
	font-size: 36px;
}
.industry02.industry.product.banner .t-btn p span{
	font-size:24px;
	color: #FFFFFF;
	letter-spacing: 2px;
	text-align: center;
	line-height: 36px;
	margin: 20px 0 15px;
}
.product.index-banner.industry02 label{
	display: block;
	font-size: 18px;
	color: rgba(255,255,255,0.80);
	letter-spacing: 4px;
	text-align: center;
	line-height: 18px;
	margin-bottom:40px;
}
.solve{
	background: #F7F9FF;
	padding-bottom: 80px; opacity: 0;
}
.solve.type{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}

.solve .index_title{
	padding: 80px 0 30px;
}
.solve .index_title .txt{
	margin-bottom: 0;
}
.solve .solve_img{
	width: 100%;
}
.solve .solve_img img{
	display: block;
	width: 100%;
}
.white{
	padding-bottom: 120px; opacity: 0;
}
.white.type{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}

.white .white_list img{
	width: 68px;
	height: 68px;
	display: block;
	margin:0 auto 30px;
}
.white .white_list .col{
	float: left;
	width: 25%;
	position: relative;
	text-align:center;
}
.white .white_list .col:before{
	position: absolute;
	content: '';
	top:34px;
	left: 185px;
	width: 232px;
	border-bottom: 1px dashed #c0cefa;
}
.white .white_list .col:last-child:before{
	border: none;
	
}
.white .white_list .til{
	font-size: 20px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 24px;
	margin-bottom: 10px;
}
.white .white_list .text{
	text-align:center;
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	line-height: 24px;
}
.white .white_list .text p{ padding:0 30px;}
.customer_col5.customer ul li{
	width: 20%;
}
.customer_col5.customer ul li img{
	width: 100%;
}
/*汽车行业*/
.product.index-banner.industry03{
	background: #ccc;
	background: url(../images/qc-banner.png) top / cover no-repeat;
}
.product.index-banner.industry03 .frist{
	font-size: 36px;
	color: #FFFFFF;
	letter-spacing: 2px;
	text-align: center;
	line-height: 48px;
	margin: 0;
}
.product.index-banner.industry03 .second{
font-size:24px;
color: #FFFFFF;
letter-spacing: 4px;
text-align: center;
line-height: 36px;
margin: 20px 0 11px
}
.product.index-banner.industry03 .third span{
	font-size: 18px;
	color: rgba(255,255,255,0.80);
	letter-spacing: 4px;
	text-align: center;
	line-height: 27px;
	margin: 0px;
}
.industry03.industry.product.banner .t-btn a{
	margin:40px auto 0;
}
.precise_col2{
	padding-bottom: 15px;
}
.precise_col2 .index_title{
	padding: 56px 0 52px;
}
.precise_col2 .col{
	width: 50%;
	height: auto;
	background: none;
	margin: 0 0 65px 0;
	padding-left:50px;
}
.precise_col2 .col .col_img{
	float: left;
	margin: 0 20px 30px 0;
}
.precise_col2 .col .col_img_tag{ margin-bottom:60px;}

.precise_col2 .col .txt{
	text-align: left;
}
.precise_col2 .col .txt .til{
	font-size: 20px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 20px;
	margin-bottom: 10px;
}
.precise_col2 .col .txt p{
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	text-align: justify;
	line-height: 24px;
	padding-right:30px;
}
.programme{
	padding-bottom: 80px; opacity: 0;
}
.programme.type{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}
.programme .col{
	width: 25%;
	height: 360px;
	float: left;
}
.programme .col:last-child{
	margin-right: 0;
}
.programme .col .col_img img{
	display: block;
	width: 120px;
	height: 120px;
	margin: 30px auto 25px;
}
.programme .col .til{
font-size: 18px;
color: #0F1526;
letter-spacing: 0;
text-align: center;
line-height: 18px;
margin-bottom: 11px;
}
.programme .col .text{
	margin:auto;
font-size: 14px;
color: #666C80;
letter-spacing: 0;
line-height: 24px;
}
.programme .col .text p{ padding:0 30px;}

.grey{ background:#F7F9FF; padding:50px 0; opacity: 0;}
.grey.type{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}

.grey .room_title {
	font-size:36px;
	color: #0F1526;
	letter-spacing: 0;
	text-align: center;
	line-height: 24px;
	padding: 0px 0 50px;
}
.grey .room_title span {
    display: block;
    font-size: 20px;
    color: #666C80;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
    padding-top: 20px;
}

.grey img{
	display: block;
	width: 100%;
}
.industry_wap{
	background: #fff;
	padding: 80px 0;
}
.industry_wap .l{padding-left:40px;}
.industry_wap .til{
	font-size: 36px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 36px;
	padding:  0 0 10px;
}
.industry_wap .tile{
	margin:15px 0 50px;
	font-size: 20px;
	color: #666C80;
	letter-spacing: 0;
	line-height: 24px;
}
.industry_wap ul li{
	line-height: 16px;
}

.industry_wap ul.list-add li{ padding-bottom:0;}

.industry_wap ul li label{
	width: auto;
	margin-right: 148px;
	line-height:22px;
	font-size:14px;
	color:#666C80;
	
}
.industry_wap ul li span{
	display: block;
	font-size:16px;
	color: #333;
	letter-spacing: 0;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top:3px;
}
.industry_wap .l_img01{
	width: 470px;
	float:left;
}
.industry_wap .l_img02{
	width: 470px;
	float:left;
	margin: 50px 0 0 20px;
}
.industry_wap .l_img03{
	width: 423px;
	margin-top: 74px;
	float:right;
}
.industry_wap .l_img04{
	width: 400px;
	margin-top: 16px;
	float:left;
	margin-left: 62px;
}
.industry_wap .l_img05{
	width: 396px;
	float:left;
}
.industry_wap02{
	background: #F7F9FF;
}
.industry_wap02 ul li label{
	margin-right:0 ;
	line-height:22px;
	float:none;
}
.industry03_list .til{
	padding-top: 32px;
}
.industry03_list .l{
	padding-left:40px;
	width:580px;
}
.industry03_list01 ul li label{
	margin-right:0;
	float:none;
}
.industry03_list02 .l{
	padding-left:40px;
	width:520px;
	float:right;
}
.industry03_list03.industry_wap .tile p{
	line-height: 36px;
}

.industry03_list01 .l{ width:600px; padding-right:40px; }


/*家装行业*/
.product.index-banner.industry03.industry04{
	background: url(../images/industry_banner03.png) top / cover no-repeat;
}
.product.index-banner.industry03.industry04 .third{
	margin-top: 16px;
}

.industry04_wap .til{
	margin-top: 53px;
}
.industry04_wap .tile{
	font-size: 20px;
	color: #666C80;
	letter-spacing: 0;
	line-height: 30px;
	margin: 15px 0 35px;
}

.industry04_wap ul li label{
	margin-right:195px;
}
.industry04_wap01 .til{
	margin-top: 35px;
}
.industry04_wap01 .l{
	padding-left: 73px;
	float:right;
}

.industry04_wap01 .industry04_txt02{ width:620px;}
.industry04_wap02 .industry04_txt04{ width:550px;}

.industry04_wap01 ul li label{
	margin-right:0;
}
.industry04_wap02 .til{
	margin-top: 11px;
}
.industry04_wap02 ul li label{
	margin-right:101px;
}
.industry04_wap03 .til{
	margin-top: 35px;
}
.industry04_wap03 ul li label{
	margin-right:0;
}
.industry04_wap03 .l{
	padding-left: 61px;
}
.industry_wap .l_img06{
	width: 440px;
	float:right;
	margin-top:90px;
}
.industry_wap .l_img07{
	width: 400px;
	float:left;
	margin:80px 40px 0 20px;
}
.industry_wap .l_img08{
	width: 450px;
	float:right;
	margin-top:60px;
}
.industry_wap .l_img09{
	width: 450px;
	float:left;
	margin-right:65px;
}
.demand {
	padding-bottom: 80px; opacity: 0;
}
.demand.type{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}

.demand .index_title{
	padding: 80px 0;
}
.demand .list{ margin-top:-40px;}
.demand .col{
	float: left;
	width: 33.33%;
	height: 405px;
}
.demand .col:last-child{
	margin-right: 0;
}
.demand .col img{
	display: block;
	width: 120px;
	height: 120px;
	margin: 30px auto 20px;
}
.demand .col .til{
	font-size: 24px;
	color: #0F1526;
	letter-spacing: 0;
	text-align: center;
	line-height: 24px;
	margin-bottom: 40px
}
.demand ul{
	padding: 0 20px;
}
.demand ul li {
	padding-bottom: 12px;
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	text-align: justify;
	overflow: hidden;
}

.demand ul li i {
	float: left;
	width: 16px;
	height: 16px;
	border: 1px solid #0F71EF;
	display: inline-block;
	border-radius: 50%;
	position: relative;
	margin: 2px 10px 0 0;
}

.demand ul li i:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	top: 2px;
	left: 2px;
	background-image: linear-gradient(-44deg, #0F71EF 0%, #0FAEF2 100%);
	border-radius: 50%;
}
.demand ul li p{
	padding-left: 26px;
	line-height: 21px;
	padding-right:10px;
}
.reason{
	background: #F7F9FF;
	padding-bottom: 50px; opacity: 0;
}
.reason.type{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}

.reason .index_title .txt{
	margin-bottom: 0;
}
.reason .col{
	width:49%;
	height: 207px;
	border-radius: 10px;
	margin:0;
	padding: 58px 30px;
	float: left;
	font-size:16px;
	color: #FFFFFF;
	letter-spacing: 1px;
	line-height: 30px;
}
.reason .col:nth-child(even){ float:right;}

.reason .col:nth-child(2n){
	margin-right: 0;
}
.reason .col:nth-child(1){
	background: url(../images/reason01.png) center /100% no-repeat;
}
.reason .col:nth-child(2){
	background: url(../images/reason02.png) center /100% no-repeat;
}
.reason .col:nth-child(3){
	background: url(../images/reason03.png) center /100% no-repeat;
}
.reason .col:nth-child(4){
	background: url(../images/reason04.png) center /100% no-repeat;
	padding: 73px 30px;
}
/*教育行业*/
.product.index-banner.industry03.industry05{
	background: url(../images/jy-banner.png) top / cover no-repeat;
}
.product.index-banner.industry03.industry05 .third{
	margin-top: 16px;
}

.industry05.industry.product.banner .t-btn p span{
/* 	width:700px; */
}
.industry05_wap{
	padding-top: 75px;
}
.industry05_wap .til{
	line-height: 48px;
	margin-bottom: 39px;
}
.industry05_wap ul li label{
	margin-right:113px;
}
.industry_wap .l_img10{
	width: 440px;
	float:left;
	margin-top: 7px;
}

.education{ opacity: 0;}
.education.type{ -webkit-animation: p-top 0.5s ease-in 0s forwards;}

.education_tag{
	background: #F7F9FF;
}
.education .education_img01{
	width: 450px;
	float: left;
	margin: 100px 0 80px 30px;
}
.education .education_img02{
	width: 368px;
	float: left;
	margin: 71px 58px 70px 114px;
}
.education .education_img03{
	width: 400px;
	float: right;
	margin: 70px 0 80px 60px;
}
.education .education_img04{
	width: 450px;
	float: left;
	margin: 100px 30px 100px 30px;
}
.education .l{
	padding:110px 0 110px 80px;
}
.education .til{
	font-size: 24px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 24px;
	margin-bottom: 40px;
}
.education .text{
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	line-height: 24px;
	width: 500px;
}
.education .text p{ margin-bottom:10px;}
.education_tag .text{
	width:450px;
} 
.education_tag .text p{ margin-bottom:10px;} 
/*首页修改*/
.win{
	background: url(../images/index-bg04.jpg) center /100% 100% no-repeat;
}
.win p{
	/* color: #fff; */
}
.win .index_title .txt{
	margin-bottom: 40px;
}
.win .index_title .txt span{
	/* color: #fff; */
}
.win .list_img img{
	width:155px;
	margin-top:20px;
	
}

.win .list_img img:hover{transform: scale(1.1);
    transition: all 0.6s;}

.win .list_img .m-soll{display: flex; margin-bottom:45px;
    flex-wrap: wrap;
    margin-right: -35px;}
    
.win .list_img .img_old{ padding-right: 35px;
    display: inline-block;
    flex: 1;}

.win .list_img .img_old span{ display:block; width:180px; height:255px; overflow:hidden; text-align:center;}
.win .list_img .img_old span:hover img{ box-shadow: 0 3px 5px #3660ad;}

.marketing .touchcarousel .touchcarousel-item{
	width: 1080px;
	height:auto;
	margin: 20px 0 0;
	background: #F7F9FF;
}
.marketing .touchcarousel{
	height: auto;
	width: 1080px;
}

.marketing .touchcarousel.three-d .arrow-holder.left{
	width: 48px;
    height: 48px;
    margin: 0;
    left: -80px;
    top: 250px;
    background: url(../images/left-gray.png) center /100% no-repeat;

}
.marketing .touchcarousel.three-d .arrow-holder.right {
    width: 48px;
    height: 48px;
    margin: 0;
    right: -80px;
    top: 250px;
    background: url(../images/right-gray.png) center /100% no-repeat;
}
.marketing .touchcarousel.three-d .arrow-holder.left:hover {
    background: url(../images/left-blue.png) center /100% no-repeat;
}
.marketing .touchcarousel.three-d .arrow-holder.right:hover {
    background: url(../images/right-blue.png) center /100% no-repeat;
}
/*未来*/
.function01.product.index-banner{
	background: url(../images/function.png) top / cover no-repeat;
}
.function01.product.banner .t-btn{
	top:37%;
}
.function01.product.banner .t-btn p{
	font-size: 36px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 36px;
}
.function01.banner .t-btn p span{
	margin: 23px 0 30px;
	font-size:18px;
	color: rgba(255,255,255,0.80);
	line-height: 24px;
}
.function_wap{
	background: #F7F9FF;
	padding: 80px 0 100px 0;
}
.function_wap .l_img{
	width: 450px;
	float: left;
	display: block;
	margin: 50px 61px 80px 15px;
}
.function_wap .l{
	float: left;
}
.function_wap .l .til{
	font-size: 36px;
	color: #0F1526;
	line-height: 36px;
	padding-top:70px;
}
.function_wap .l .tile{
	font-size:18px;
	color: #666C80;
	letter-spacing: 2px;
	line-height: 30px;
	padding: 15px 0 30px;
	font-weight: 300;
}
.function_wap .l .text{
	width: 550px;
	font-size: 14px;
	color: #666C80;
	line-height: 24px;
}
.function_wap_last{
	background: url(../images/function002.png) center / cover no-repeat;
	padding: 30px 129px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 24px;
	border-radius:5px;
	border-radius:20px; 
}
.function_wap01{
	padding-bottom: 80px;
}
.function_wap01 .index_title .txt{
	margin-bottom: 0;
}
.function_wap01 .col{
	float: left;
	width: 25%;
	text-align: center;
	position: relative;
}
.function_wap01 .col:before{
	content: '';
	width: 93px;
	height: 13px;
	position: absolute;
	top:33px;
	left:220px;
	background: url(../images/function_icon05.png) center /100% 100% no-repeat;
}
.function_wap01 .col:last-child:before{
	width: 0;
}
.function_wap01 .col .img{
	width: 80px;
	height: 80px;
	display: block;
	margin: auto;
}
.function_wap01 .col .img_txt{
	font-size: 20px;
	color: #666C80;
	letter-spacing: 0;
	text-align: center;
	line-height: 20px;
	margin:10px  0 40px;
}
.function_wap01 .col .text{
	padding-left:27px ;
	margin-bottom: 40px;
}
.function_wap01 .col .text p{
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	text-align: justify;
	line-height: 21px;
	margin-bottom: 8px;
	position: relative;
	padding:0 35px 0 0;
}
.function_wap01 .col p:last-child{
	margin-bottom: 0;
}
.function_wap01 .col .text p:before{
	content: '';
	position: absolute;
	top: 9px;
	left: -8px;
	width: 4px;
	height: 4px;
	background: #666C80;
	border-radius: 50%;
}
.function_wap02{
	padding: 80px 0;
	background: #F7F9FF;
}
.function_wap02 .l{
	margin-left: 20px;
}

.function_wap02 .l_img{
	float: left;
	width:450px;
}
.function_wap02 .til{
font-size: 14px;
color: #666C80;
letter-spacing: 0;
line-height: 21px;
}
.function_wap02 .tile{
	width: 506px;
font-size: 18px;
color: #0F1526;
letter-spacing: 0;
line-height: 27px;
margin: 6px 48px 50px 0;
}
.function_wap02 .text{
	width: 430px;
font-size: 14px;
color: #666C80;
letter-spacing: 0.4px;
line-height: 24px;
}

.function_wap02_tag .til{ text-align:center;}
.function_wap02_tag .tile{ width:100%; text-align:center;}
.function_wap02_tag .l_img{ float:right;}
.function_wap02_tag .text{ width:500px; padding-top:90px;}
.function_wap02_tag .tile{ margin-bottom:20px} 

.function_wap03 .index_title .txt{
	margin-bottom:0;
}
.function_wap03 .index_title{
	padding-bottom: 46px;
}
.function_wap03 .function_wap03_img01{
	width: 100%;
	display: block;
	margin: auto;
}
.function_wap03 .function_wap03_img02{
	width: 100%;
	display: block;
	margin: 50px auto 80px;
}
.function_wap04{
	background: #F7F9FF;
	padding-bottom: 50px;
}
.function_wap04 .index_title{
	padding-bottom: 17px;
}
.function_wap04 .function_wap_list li{
	float: left;
	width: 25%;
}
.function_wap04 .function_wap_list li a{
	width: 100%;
	display: block;
	position: relative;
}

.function_wap04 .function_wap_list li:nth-child(1) a:before{ z-index:99; top:45px; left:235px; content:''; position:absolute; background:url(../images/step-jt.png) center / 90px 13px no-repeat; width:70px; height:13px;}
.function_wap04 .function_wap_list li:nth-child(2) a:before{ z-index:99; top:45px; left:235px; content:''; position:absolute; background:url(../images/step-jt.png) center / 90px 13px no-repeat; width:70px; height:13px;}
.function_wap04 .function_wap_list li:nth-child(3) a:before{ z-index:99; top:45px; left:235px; content:''; position:absolute; background:url(../images/step-jt.png) center / 90px 13px no-repeat; width:70px; height:13px;}

.function_wap04 .function_wap_list li a.tag p{
	color: #305DF0;
	}
.function_wap04 .function_wap_list li a.tag{
	border-bottom:2px solid #305DF0;
}
.function_wap04 .function_wap_list li a label{
	display: block;
	opacity: 0.6;
	font-size: 60px;
	color: #DEE0E6;
	letter-spacing: -1.5px;
	text-align: center;
	line-height: 60px;
	padding-bottom: 50px;
}
.function_wap04 .function_wap_list li a .text{
	position: absolute;
	top: 38px;
	width:100%;
	text-align: center;
	background: #F7F9FF;
	font-size: 18px;
	color: #666C80;
	letter-spacing: 0;
	text-align: center;
	line-height: 30px;
}
.function_wap04 .function_wap04_col{
	background: #fff;
	height: 443px;
	padding-left: 24px;
}
.function_wap04 .function_wap04_col.a01 .l{
	margin-top: 114px;
}
.function_wap04 .function_wap04_col.a01 img{
	width: 400px;
	float: left;
	margin: 50px 0 30px 50px;
}
.function_wap04 .function_wap04_col.a02 .l{
	margin-top: 103px;
}
.function_wap04 .function_wap04_col.a02 img{
	width: 400px;
	float: left;
	margin: 45px 20px 40px 60px;
}
.function_wap04 .function_wap04_col.a03 .l{
	margin-top: 62px;
}
.function_wap04 .function_wap04_col.a03 img{
	width: 400px;
	float: left;
	margin: 107px 0 102px 76px;
}
.function_wap04 .function_wap04_col.a04 .l{
	margin-top: 85px;
}
.function_wap04 .function_wap04_col.a04 img{
	width: 320px;
	height: 320px;
	float: left;
	margin: 60px 0 63px 100px;
}
.function_wap04 .function_wap04_col .l{
	width: 528px;
	font-size: 14px;
	color: #666C80;
	letter-spacing: 0;
	text-align: justify;
	line-height: 24px;
	padding:0 20px 0 50px;
}
.function_wap05{
	padding: 50px 0;
}
.function_wap06{
	background: #F7F9FF;
	padding-bottom: 80px;
}
.function_wap06 .function_wap06_01{
	width: 1080px;
	display: block;
	margin: auto;
}
.function_wap06 .function_wap06_02{
	width: 87px;
	height: 90px;
	display: block;
	margin: auto;
}
.function_wap06 .function_wap06_03{
	width: 1080px;
	display: block;
	margin: auto;
	
}
.function_wap06 .til{
font-size: 24px;
color: #0F1526;
letter-spacing: 0;
text-align: center;
line-height: 36px;
margin: 42.5px 0 30px;
padding:0 200px;
}

/*弹层 立即体验*/
.experience-div { position:fixed; z-index:9999; top:150px; left:50%; margin-left:-180px;}
.experience-div .r{
	width: 360px;
	background: #FFFFFF;
	border-radius: 16px;
	position: relative;
	z-index: 999;
	padding:30px 50px;
}

.experience-div .r .close{ position:absolute; top:10px; right:10px; background:url(../images/close-div.png) center / 20px 20px no-repeat #f1f1f1; width:30px; height:30px; border-radius:50%; }

.experience-div .r:before{
	content: '';
	width: 64px;
	height: 64px;
	position: absolute;
	top: -64px;
	left:50%;
	margin-left:-32px;
	background: url(../images/right-l01-s.png) top center /100%  no-repeat;
	
}
.experience-div .r .contact_col p{
	font-size: 14px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 14px;
}
.experience-div .r .contact_col .col_input{
	width: 100%;
	height: 36px;
	padding-left: 8px;
	line-height: 36px;
	margin: 8px 0 12px;
	background: #FFFFFF;
	border: 1px solid #CFD4E6;
	border-radius: 2px;
	font-size:14px;
}

.experience-div .r .contact_col .col_input::placeholder { color: #A3ACCC; }

.experience-div .r .contact_col select.col_input{
  	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	background:url(../images/xia.png) no-repeat scroll 96% center #fff; color: #A3ACCC;
}
.experience-div .r .contact_detail .submit{
	display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #305DF0;
    border-radius: 50px;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    margin: 20px 0 0;
}
.experience-div .r .contact_detail .last{
	font-size: 12px;
	color: #0F1526;
	letter-spacing: 0;
	line-height: 12px;
}
.experience-div .r .contact_detail .last input[type="checkbox"] {
    width: 12px;
    height: 12px;
    display: inline-block;
    text-align: center;
    vertical-align: 0px;
    line-height: 12px;
    position: relative;
    margin: 0 6px 0 0;
}
 
.experience-div .r .contact_detail .last input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
}
 
.experience-div .r .contact_detail .last input[type="checkbox"]:checked::before {
    content: "\2713";
    background: #305DF0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #305DF0;
    border-radius:2px;
    color: #fff;
    font-weight: bold;
}
.experience-div .r .contact_detail .last a{
	color: #305DF0 ;
}


.experience-div .r .contact_col.col_list{ position:relative;}
.experience-div .r .contact_col.col_list:hover .sel{ display:block;}
.experience-div .r .contact_col.col_list p{ width: 100%; color: #A3ACCC;
    height: 36px;
    padding-left: 8px;
    line-height: 36px;
    margin: 8px 0 12px;
    background: #FFFFFF;
    border: 1px solid #CFD4E6;
    border-radius: 2px;}

.experience-div .r .contact_col.col_list .sel{ display:none; top:36px; background:#fff; position:absolute; width:100%; border:1px solid #ccc; }
.experience-div .r .contact_col.col_list .sel span{ cursor:pointer; position:relative; color: #A3ACCC; line-height:30px; padding:0 10px; display:block; font-size:14px;}
.experience-div .r .contact_col.col_list .sel span:hover{}
.experience-div .r .contact_col.col_list .sel span.tag{ color:#666; }



.experience-div .r .contact_col.col_list .sel span.tag:before{ content:''; position:absolute; width:10px; height:10px; right:10px; top:10px; background:url(../images/form-true.png) center / 10px 10px no-repeat;}

.experience-div .r .contact_col.col_list .sel span:after{ position:absolute; right:10px; top:10px; border:1px solid #ccc; content:''; width:10px; height:10px;}


@-webkit-keyframes p-top{
	0% {
		opacity: 0;
		transform:scale(1.2);
		transform:translateY(50px);
	}
	100% {
		opacity: 1;
		transform:scale(1);
		transform:translateY(0);
	}
}


/*企微地产营销行家*/
.product.index-banner.product11{
	padding-top:26%;
	background: url(../images/product_banner11.jpg) top / cover no-repeat; 
	min-height:524px;
}

.product11-number{ background:#fff}
.product11-number01{ background:#F7F9FF;}
.product11-number01 span{ display:block; margin-top:20px; font-weight:normal; font-size:24px; color:#666}
.product11-number01.function_tag.function .function_detail .function_col{ height:240px;}

.product11-number01.function .function_detail .function_col .function_tit.font-h4{ background-image:none; -webkit-text-fill-color:initial; color:#666;}



.product11-number01.function .img02{ display:block; margin:50px 0;}

#newBridge .nb-icon-wrap{display: none!important;}


/*新产品页面*/
.tab-nav ul {
	height: 60px;
	display: flex;
	align-items: center;
	/* justify-content: center; */
	box-shadow: 0px -0.5px 0px 0px #D2D6DB inset;
}
.tab-nav ul li {
	color: #4B5B76;
	font-family: "PingFang SC";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 0 21px;
	position: relative;
	cursor: pointer;
}
.tab-nav ul .text {
	color: #999 !important;
}
.tab-nav ul .active {
	color: #2365F2 !important;
}
.tab-nav ul .active:before {
	content: '';
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 3px;
	background: #2365F2;
}

.tab-nav-left {
	width: 85px;
	height: 120px;
	border-right: 2px solid #D2D6DB;
	position: absolute;
	top: 20px;
	left: -120px;
}
.tab-nav-left ul li {
	color: #666C80;
	font-family: "PingFang SC";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 40px;
	position: relative;
	cursor: pointer;
	width: 82px;
	height: 40px;
}
.tab-nav-left ul .active {
	color: #2365F2 !important;
}
.tab-nav-left ul .active:before {
	content: '';
	position: absolute;
	right: -3px;
	top: 0;
	margin-left: -40px;
	width: 2px;
	height: 40px;
	background: #2365F2;
}

.product-content-layer {
	background-color: #fff;
}
.product-content-layer.hasbg {
	background-color: #F9FAFF;
}
.product-content-layer .content-layer {
	width: 1080px;
	margin: 0 auto;
	padding-bottom: 60px;
	position: relative;
}
.product-content-layer .content-layer.c2 {
	width: 800px;
}
.product-content-layer .header-box {
	display: flex;
	width: 800px;
	padding: 20px 40px;
	align-items: center;
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
	position: absolute;
	left: 50%;
	margin-left: -400px;
	top: -185px;
	z-index: 1000;
}
.product-content-layer .header-box .logo {
	width: 180px;
	height: 120px;
	background: #F9FAFF;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product-content-layer .header-box .logo img{
	width: 140px;
	height: 80px;
}
.product-content-layer .header-box .info {
	flex: 1;
	margin-left: 20px;
}
.product-content-layer .header-box .info .inner-title {
	color: #28374C;
	font-family: "PingFang SC";
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.product-content-layer .header-box .info .inner-desc {
	color: #000;
	font-family: "PingFang SC";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
}
.product-content-layer .header-box .btn {
	display: flex;
	padding: 12px 40px;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	background: #315BF4;
	color: #FFF;
	font-family: "PingFang SC";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
	cursor: pointer;
}
.product-content-layer .content-layer .header-title{
	color: #000;
	font-family: "PingFang SC";
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 60px; /* 100% */
	border-bottom: 0.5px solid #D2D6DB;
	margin-top: 100px;
}
.product-content-layer .content-layer .content-section .title {
	color: #315BF4;
	text-align: center;
	font-family: "PingFang SC";
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 85.714% */
	margin-top: 80px;
}
.product-content-layer .content-layer .content-section .sub-title {
	color: #28374C;
	font-family: "PingFang SC";
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 85.714% */
	margin-top: 40px;
}
.product-content-layer .content-layer .content-section .blue-title {
	color: #467CDB;
	font-family: "PingFang SC";
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 120% */
	margin-top: 40px;
}
.product-content-layer .content-layer .content-section .title span {
	color: #000;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	padding: 0 5px;
}
.product-content-layer .content-layer .content-section .content {
	color: #28374C;
	font-family: "PingFang SC";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 171.429% */
	margin-top: 30px;
}
.product-content-layer .content-layer .content-section .sec_img {
	width: 100%;
	margin-top: 30px;
}
.product-content-layer .content-layer .content-section .sec_img img {
	display: block;
	width: 100%;
}
.product-content-layer .content-layer .content-section .box-layer {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}
.product-content-layer .content-layer .content-section .box {
	display: flex;
	padding: 20px;
	flex-direction: column;
	align-items: center;
	border: 0.5px solid #D2D6DB;
	background: #FFF;
	margin: 0px 16px 32px 16px;
	width: 238px;
	height: 200px;
}
.product-content-layer .content-layer .content-section .box.b180 {
	height: 180px;
}
.product-content-layer .content-layer .content-section .box.b220 {
	height: 220px;
}
.product-content-layer .content-layer .content-section .box.b344 {
	height: 344px;
	width: 322px;
}
.product-content-layer .content-layer .content-section .box.b316 {
	height: 316px;
	width: 322px;
}
.product-content-layer .content-layer .content-section .box.w322 {
	height: 180px;
	width: 322px;
}
.product-content-layer .content-layer .content-section .box.w492 {
	height: 228px;
	width: 492px;
}
.product-content-layer .content-layer .content-section .box .box-icon {
	width: 40px;
	height: 40px;
}
.product-content-layer .content-layer .content-section .box .box-icon img {
	display: block;
	width: 40px;
	height: 40px;
}
.product-content-layer .content-layer .content-section .box .box-title {
	color: #28374C;
	text-align: center;
	font-family: "PingFang SC";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	margin: 8px 0;
}
.product-content-layer .content-layer .content-section .box .box-desc {
	/* color: #747FA1;
	height: 80px;
	font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
	line-height: 20px; */
}
.product-content-layer .content-layer .content-section .box .box-sub-title {
	color: #28374C;
	font-family: "PingFang SC";
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px; /* 166.667% */
	margin-top: 8px;
}
.product-content-layer .content-layer .content-section .box .box-sub-desc {
	color: #747FA1;
	font-family: "PingFang SC";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.product-content-layer .case-layer {
	margin-top: 60px;
	display: flex;
	flex-wrap: wrap;
}
.product-content-layer .case-layer .casebox {
	width: 320px;
	height: 260px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 30px;
	padding-bottom: 24px;
	flex-direction: column;
	align-items: center;
	border: 0.5px solid #D2D6DB;
	background: #FFF;
	position: relative;
	cursor: pointer;
}
.product-content-layer .case-layer .casebox.hide {
	display: none;
}

.product-content-layer .case-layer .casebox:hover {
	box-shadow:0 10px 20px rgba(61,85,153,0.2);
	-webkit-animation: moveUp 0.2s ease-in forwards;
}

@keyframes moveUp {
	0% {
			transform: translateY(0) scale(1); /* 初始位置 */
	}
	100% {
			transform: translateY(-15px) scale(1.05); /* 向上平移 15px */
	}
}

.product-content-layer .case-layer .casebox img{
	width:100%;
	/* border-top-left-radius: 20px;
	border-top-right-radius: 20px; */
}

.product-content-layer .case-layer .casebox .logo-layer {
	position: absolute;
	top: 24px;
	left: 40px;
	display: flex;
	width: 240px;
	height: 48px;
	padding: 0px 20px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.90);
}
.product-content-layer .case-layer .casebox .logo-layer .logo1 { width: 90px;}
.product-content-layer .case-layer .casebox .logo-layer .logo2 { width: 20px; margin: 0 10px}
.product-content-layer .case-layer .casebox .logo-layer .logo3 { width: 60px;}

.product-content-layer .case-layer .casebox .top{
	/* padding: 0 20px; */
}
.product-content-layer .case-layer .casebox .top .top_name{
	/* font-size: 14px;
	letter-spacing: 0;
	line-height: 14px;
	color:#999;
	margin:0 0 8px;
	text-align:left; */
	color: #000;
	font-family: "PingFang SC";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
	padding-left: 20px;
	margin-top: 5px;
}
.product-content-layer .case-layer .casebox .top .top_tit {
	color: #28374C;
	font-family: "PingFang SC";
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 120% */
	/* font-size: 20px;
	color: #0F1526;
	line-height:26px;
	margin:15px 0 5px; */
	position: relative;
	margin-top: 20px;
	padding-left: 20px;
}
.product-content-layer .case-layer .casebox .top .top_tit:before {
	content: '';
	width: 6px;
	height: 24px;
	position: absolute;
	top: 0;
	left: 0;
	background: #315BF4;
}
.product-content-layer .case-layer .casebox .text{
	margin: 10px 20px 20px 20px;
	color: #747FA1;
	height: 40px;
	font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
	line-height: 20px;
}

.product-content-layer .case-layer .casebox .last{
	display: none;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	background: #305DF0;
	/* border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px; */
}
.product-content-layer .case-layer .casebox:hover .last{ display:block; position:absolute; bottom:0;}


.product.index-banner.productmkt01{
	padding-top:26%;
	background: url(../images/product_mkt_banner01.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.productmkt02{
	padding-top:26%;
	background: url(../images/product_mkt_banner02.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.banner.productmkt02 .t-btn p span {
	width: 600px;
}
.product.index-banner.productmkt03{
	padding-top:26%;
	background: url(../images/product_mkt_banner03.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.banner.productmkt03 .t-btn p span {
	width: 600px;
}
.product.index-banner.productmkt04{
	padding-top:26%;
	background: url(../images/product_mkt_banner04.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.banner.productmkt04 .t-btn p span {
	width: 600px;
}
.product.index-banner.productmkt05{
	padding-top:26%;
	background: url(../images/product_mkt_banner05.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.banner.productmkt05 .t-btn p span {
	width: 600px;
}
.product.index-banner.productmkt06{
	padding-top:26%;
	background: url(../images/product_mkt_banner06.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.banner.productmkt06 .t-btn p span {
	width: 600px;
}
.product.index-banner.productmkt07{
	padding-top:26%;
	background: url(../images/product_mkt_banner07.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.banner.productmkt07 .t-btn p span {
	width: 600px;
}
.product.index-banner.productmkt08{
	padding-top:26%;
	background: url(../images/product_mkt_banner08.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.banner.productmkt08 .t-btn p span {
	width: 600px;
}
.product.index-banner.productmkt09{
	padding-top:26%;
	background: url(../images/product_mkt_banner09.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.banner.productmkt09 .t-btn p span {
	width: 600px;
}
.product.index-banner.productmkt10{
	padding-top:26%;
	background: url(../images/product_mkt_banner10.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.banner.productmkt10 .t-btn p span {
	width: 600px;
}
.product.index-banner.productmkt11{
	padding-top:26%;
	background: url(../images/product_mkt_banner11.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.banner.productmkt11 .t-btn p span {
	width: 600px;
}
.product.index-banner.productmkt12{
	padding-top:26%;
	background: url(../images/product_mkt_banner12.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.banner.productmkt12 .t-btn p span {
	width: 600px;
}
.product.index-banner.productmkt13{
	padding-top:26%;
	background: url(../images/product_mkt_banner13.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.banner.productmkt13 .t-btn p span {
	width: 600px;
}
.product.index-banner.productmkt14{
	padding-top:26%;
	background: url(../images/product_mkt_banner14.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.banner.productmkt14 .t-btn p span {
	width: 600px;
}


.product.index-banner.productai01 {
	padding-top:20%;
	background: url(../images/product_ai_banner01.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.productai01 .t-btn {
	top: 28%;
}
.product.index-banner.productai01 .t-btn a {
	border-radius: 6px;
	background: #5483F7;
	padding: 10px;
	line-height: normal;
}
.product.index-banner.productai01 p span {
	width: 600px;
}
.product.index-banner.productai02 {
	padding-top:26%;
	background: url(../images/product_ai_banner02.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.productai02 .t-btn {
	top: 28%;
}
.product.index-banner.productai02 .t-btn a {
	border-radius: 6px;
	background: #5483F7;
	padding: 10px;
	line-height: normal;
}
.product.index-banner.productai02 p span {
	width: 600px;
}
.product.index-banner.productai03 {
	padding-top:26%;
	background: url(../images/product_ai_banner03.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.productai03 p span {
	width: 600px;
}
.product.index-banner.productai03 .t-btn a {
	border-radius: 6px;
	background: #5483F7;
	padding: 10px;
	line-height: normal;
}
.product.index-banner.productai04 {
	padding-top:26%;
	background: url(../images/product_ai_banner04.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.productai04 p span {
	width: 600px;
}
.product.index-banner.productai04 .t-btn a {
	border-radius: 6px;
	background: #5483F7;
	padding: 10px;
	line-height: normal;
}
.product.index-banner.productai05 {
	padding-top:26%;
	background: url(../images/product_ai_banner05.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.productai05 p span {
	width: 600px;
}
.product.index-banner.productai06 {
	padding-top:26%;
	background: url(../images/product_ai_banner06.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.productai06 p span {
	width: 600px;
}
/* .product.index-banner.productai01:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: radial-gradient(325.11% 88.92% at 89.69% 63.39%, rgba(40, 55, 76, 0.00) 24.99%, rgba(40, 55, 76, 0.60) 100%);
} */

.product.index-banner.caseall {
	padding-top:26%;
	background: url(../images/new-case.png) top / cover no-repeat; 
	min-height: 400px;
	position: relative;
}
.product.banner.caseall .t-btn p span {
	width: 600px;
}
.product.index-banner.hsbg:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: radial-gradient(325.11% 88.92% at 89.69% 63.39%, rgba(40, 55, 76, 0.00) 24.99%, rgba(40, 55, 76, 0.60) 100%);
}
.product.index-banner.hsbg2:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: radial-gradient(325.11% 88.92% at 89.69% 63.39%, rgba(40, 55, 76, 0.00) 24.99%, rgba(40, 55, 76, 0.60) 100%);
	backdrop-filter: blur(2px);
}
.product.index-banner.newcase01 {
	padding-top:26%;
	background: url(../images/new-case01.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase02 {
	padding-top:26%;
	background: url(../images/new-case02.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase03 {
	padding-top:26%;
	background: url(../images/new-case03.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase04 {
	padding-top:26%;
	background: url(../images/new-case04.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase05 {
	padding-top:26%;
	background: url(../images/new-case05.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase06 {
	padding-top:26%;
	background: url(../images/new-case06.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase07 {
	padding-top:26%;
	background: url(../images/new-case07.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase08 {
	padding-top:26%;
	background: url(../images/new-case08.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase09 {
	padding-top:26%;
	background: url(../images/new-case09.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase10 {
	padding-top:26%;
	background: url(../images/new-case10.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase11 {
	padding-top:26%;
	background: url(../images/new-case11.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase12 {
	padding-top:26%;
	background: url(../images/new-case12.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase13 {
	padding-top:26%;
	background: url(../images/new-case13.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase14 {
	padding-top:26%;
	background: url(../images/new-case14.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase15 {
	padding-top:26%;
	background: url(../images/new-case15.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase16 {
	padding-top:26%;
	background: url(../images/new-case16.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase17 {
	padding-top:26%;
	background: url(../images/new-case17.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase18 {
	padding-top:26%;
	background: url(../images/new-case18.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase19 {
	padding-top:26%;
	background: url(../images/new-case19.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase20 {
	padding-top:26%;
	background: url(../images/new-case20.jpg) top / cover no-repeat; 
	min-height: 400px;
}
.product.index-banner.newcase21 {
	padding-top:26%;
	background: url(../images/new-case21.jpg) top / cover no-repeat; 
	min-height: 400px;
}