.mar1 {margin-top: 1%;}
.mar2 {margin-top: 2%;}
.mar3 {margin-top: 3%;}
.mar4 {margin-top: 4%;}
.mar5 {margin-top: 5%;}
.center {text-align: center;}
.upp {text-transform: uppercase;}
.right {text-align: right;}
.white h3,.white p {color: #fff;}
.white i {background: #fff;}
.contact img {width: auto;max-width: 100%; height: auto !important;}
.row1 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.row2 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.row3 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.row4 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.row5 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:5;}
.row6 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:6;}
.banner {max-height:940px;overflow: hidden;position: relative;}
.banner .swiper-pagination1 {bottom:10px;position: absolute;text-align: center;z-index:999;width: 100%;}
.banner .pagination {position: absolute;left: 0;text-align: center;bottom: 5px;width: 100%;z-index:999;}
.banner .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;}
.banner .swiper-pagination-bullet-active{background: #ead0ac;width:22px;}
.banner-video {height:650px;position:relative;overflow:hidden;}
.banner video {object-fit: cover;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.swiper-lay {background:rgba(0,0,0,.2);position: absolute;top: 0;left: 0;width: 100%;height:100%;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	display: flex;justify-content: center;align-items: center;text-align: center;}
.bann-nr h3 {font-size: 70px;color: #fff;font-weight: bold;letter-spacing: 8px;}
.bann-nr p {font-size: 40px;color: #fff;font-weight: 100;margin-top: 15px;}

/*--   困惑  sub1--*/
.sub1-top {display: flex;align-items: center;justify-content:center;}
.sub1-top .sub1-item {margin: 0 3%;}
.sub1-item {width:30%;}
.sub1-item p {display: inline-block;padding: 0 15% 0 8%;height:70px;border-radius: 35px;background: linear-gradient(to right, #1c79ab, #0a5185);color: #fff;
	font-size: 20px;font-weight: bold;letter-spacing:3px;line-height: 50px;}
.sub1-item span {display: flex;align-items: center;background:#fff;border-radius: 30px;height: 60px;text-align: center;justify-content: center;
	font-size: 20px;letter-spacing: 3px;margin:-20px 0 0 10%;position: relative;z-index: 2;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);}
.sub1-item span img {max-width: 30px;margin-right: 10px;}
.sub1-item:hover {-webkit-animation-name: hvr-hang-sink, hvr-hang;animation-name: hvr-hang-sink, hvr-hang;-webkit-animation-duration: .5s, 3s;
	animation-duration: .5s, 3s;-webkit-animation-delay: 0s, .5s;animation-delay: 0s, .5s;-webkit-animation-timing-function: ease-out, ease-in-out;animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;animation-iteration-count: 1, infinite;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;animation-direction: normal, alternate;}
@-webkit-keyframes hvr-hang {
	0% {-webkit-transform: translateY(-12px);transform: translateY(-12px);}
	50% {-webkit-transform: translateY(6px);transform: translateY(6px);}
	100% {-webkit-transform: translateY(-12px);transform: translateY(-12px);}
}
@keyframes hvr-hang {
	0% {-webkit-transform: translateY(-12px);transform: translateY(-12px);}
	50% {-webkit-transform: translateY(6px);transform: translateY(6px);}
	100% {-webkit-transform: translateY(-12px);transform: translateY(-12px);}
}
@-webkit-keyframes hvr-hang-sink {
	100% {-webkit-transform: translateY(-12px);transform: translateY(-12px);}
}
@keyframes hvr-hang-sink {
	100% {-webkit-transform: translateY(-12px);transform: translateY(-12px);}
}
.hvr-hang {vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.sub1-bott {display: flex;align-items: center;justify-content: space-between;}

/*--   难题  sub2--*/
.sub2-item {margin-bottom: 20px;}
.sub2-list {width: 100%;height: 320px;background: #fff;border-radius: 10px;padding: 5% 10% 0 5%;}
.sub2-list h4 {font-size: 32px;font-weight: bold;color: #525252;line-height: 45px;}
.sub2-list span {font-size: 18px;color: #525252;line-height: 24px;margin-top:5px;}
.sub2-list p {font-size: 16px;line-height: 24px;font-weight: bold;color: #525252;margin-top:30px;}
.sub2-list a {display: block;font-size: 14px;color: #fff;width: 160px;height: 50px;text-align: center;line-height: 50px;border-radius:5px;margin-top: 35px;}

/*--   服务  sub3--*/
.sub3 {background: url(../img/sub3-bg.jpg) no-repeat fixed center/cover;}
.sub3-nr {padding: 8% 0;}
.sub3-cont,.sub3-btn {margin-top:6%;}
.sub3-list {width: 100%;height:300px;background: rgba(237,242,251,.13);border-radius:20px;border: 1px solid #bdbdbd;text-align: center;padding:15% 30px 0;
	transition: all 300ms ease-in-out;-webkit-transform:all 300ms ease-in-out;-ms-transform:all 300ms ease-in-out;-o-transform:all 300ms ease-in-out;}
.sub3-icon {max-width: 82px;margin: 0 auto;}
.sub3-icon img {transition: .6s; transform:rotateY(0deg);-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
.sub3-list h5 {font-size: 24px;font-weight: bold;color: #fff;margin-top: 20px;}
.sub3-list p {font-size: 16px;line-height: 24px;color: #ffffff;margin-top: 25px;}
.sub3-btn a {display: block;width: 200px;height: 65px;text-align: center;line-height: 65px;color: #fff;border-radius: 10px;margin: 0 auto;}
.sub3-item:hover .sub3-icon img {transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}
.sub3-item:hover .sub3-list {transform: translateY(-20px);-webkit-transform: translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);}

/*--   口碑  sub4--*/
.sub4-nr {position: relative;}
.sub4-item {padding:15px;}
.sub4-list {width: 100%; background: #fff;border-radius:20px;padding:12px;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.13);text-align: left;}
.sub4-img {border-radius: 20px;overflow: hidden;}
.sub4-box {padding: 10px 5px;font-size:20px;color: #322c2c;}
.sub4-box span {}
.sub4-box p {font-weight: bold;line-height: 26px;margin-top: 3px;}
.sub4-nr .btn-rig,.sub4-nr .btn-left{ width:65px; height:65px;cursor: pointer; position: absolute;top:50%;margin-top: -32.5px; z-index: 99;opacity:1;display: block;}
.sub4-nr .btn-rig {right:-5%;background: url(../img/next1.png) no-repeat center center;}
.sub4-nr .btn-left {left:-5%;background: url(../img/prev1.png) no-repeat center center;}

/*--   xunpan   --*/
.xunpan {background:url(../img/xp-bg.png) no-repeat center top;overflow: hidden;}
.xunpan-nr {position: relative;}
.xunpan-cont {width: 75%;}
.xunpan-item input {display: block;width: 100%;height:60px;border: 1px solid #bdbdbd;padding: 0 10px;font-size: 18px;}
.xunpan-item input::-webkit-input-placeholder {color: #807f7f;}
.xunpan-item input:-moz-placeholder {color: #807f7f;}
.xunpan-item input::-moz-placeholder {color: #807f7f;}
.xunpan-item input::-ms-input-placeholder {color: #807f7f;}
.xunpan-item button {display: block;width: 176px;height: 60px;text-align: center;line-height: 60px;color: #fff;margin: 5% auto 0;border-radius: 10px;}
.xunpan-ico {position: absolute;right: -5%;bottom: 0;width: 30%;}
.a-btn {background: linear-gradient(to right, #ffa751, #f8465e);transition: all 600ms ease-in-out;
	background: linear-gradient(90deg, var(--c1, #1c79ab), var(--c2, #0a5185) 51%, var(--c1, #1c79ab)) var(--x, 0)/200%;}
.a-btn:hover {--x: 100%;}

.cont {padding: 3%;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}


/*--  关于我们页   --*/
.abo1-nr{font-size:18px;line-height:36px;color:#7f7f7f;}
.abo2 {text-align: center;}
.abo3-nr {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.abo3-item {width:19%;margin-bottom:15px;overflow:hidden;box-shadow: 0px 2px 13px 0px rgba(4, 0, 0, 0.05);}
.abo3-item:hover {-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

/*--  Facebook推广   --*/
.fb {background: url(../img/f-bg.jpg) repeat left top;}
.face-tit h3 {font-size:50px;color:#1494fc;font-weight:300;}
.face-tit p {font-size: 18px;color:#626262;margin-top:15px;}
.f1{display:flex;justify-content: space-between;flex-wrap:wrap;}
.f1-item{width:17%;text-align:center;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.f1-item p {margin-top:30px;}
.f1-icon {max-width:117px;margin:0 auto;transition: .6s; transform:rotateY(0deg);-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
.f1-item:hover {transform: translateY(-20px);-webkit-transform: translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);}
.f1-item:hover .f1-icon {transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}
.f2-nr {display:flex;justify-content:space-between;flex-wrap:wrap;}
.f2-item {margin-bottom:15px;}
.f2-nr .f2-item:nth-child(1),.f2-nr .f2-item:nth-child(4){width:60.5%;}
.f2-nr .f2-item:nth-child(2),.f2-nr .f2-item:nth-child(3){width:38%;}
.f2-list{width:100%;height:100%;position:relative;overflow:hidden;}
.f2-box{width:100%;height:100%;position:absolute;top:0;left:0; display:flex;align-items:center;}
.f2-img{position:relative;overflow:hidden;}
.f2-img img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.f2-cont{padding:0 30px;color:#fff;}
.f2-cont h5 {font-size:26px;font-weight:bold;}
.f2-cont p {font-size:18px;line-height:30px;margin-top:15px;}
.f2-item:hover .f2-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.f3 .row {margin:0;}
.f3 .row .f3-left,.f3 .row .f3-rig{padding:0;}
.f3 .row .f3-left img,.f3 .row .f3-rig img {width:100%; height:auto;}
.f3-rig{position:relative;}
.f3-box {width:78%;height: auto;position: absolute;top:30%;left: 0;}
.f3-list{text-align: center;color: #d2d5e5;padding: 0 30px;}
.f3-list h6 {font-size: 24px;font-weight: bold;}
.f3-list p {line-height: 30px;margin-top: 15px;}
.f3-list i {display: block;font-size: 16px;text-align: center;list-style: inherit;margin-top: 10px;}

.f4-item {margin-bottom:20px;text-align: center;}
.f4-item p {display: flex;align-items: center;justify-content: center;width: 100%;height:80px;text-align: center;color: #fff;font-size: 26px;font-weight: bold;background: #1877f2;}

/*--   AI数字人页面   --*/
.ai-bg {background: #1c1663;}
.ai-tit h3 {font-size: 46px;font-weight: bold;background-image: -webkit-linear-gradient(top, #00dcff,#2e9fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.ai-tit p {font-size: 24px;color: #fff;margin-top: 10px;font-weight:lighter;}
.ai-1img {text-align: center;margin-top: -10%;}
.ai3-tit {display: flex;justify-content:center;align-items: center;color: #fff;}
.ai3-tit h3 {font-size:46px;font-weight: bold;margin-right: 10px;}
.ai3-tit h4 {font-size: 40px;font-weight:lighter;}
.ai-3nr{display: flex;align-items:center;justify-content: space-between;flex-wrap:wrap;}
.ai-3nr p{width:24%;display: block;line-height:80px;text-align: center;border-radius: 10px;background: linear-gradient(to bottom, #00dcff,#2e9fff);font-size: 40px;font-weight: bold;margin-bottom: 20px;}
.ai-3nr p:last-child {color: #fff;display: block;font-size: 40px;font-weight: bold;letter-spacing: 5px;background:none;text-align:left;}
.ai-4cont {border-radius:30px;padding: 3% 5%;border:5px solid #6d1df0;}
.ai-4item {background: #fff;padding: 3%;border-top-left-radius: 30px;border-bottom-right-radius: 30px;margin-bottom:25px;}
.ai-4item h4 {font-size: 40px;color: #1c1663;font-weight: bold;}
.ai-4item p {font-size: 26px;line-height:40px;color: #2d2d2d;font-weight: bold;letter-spacing:3px;margin-top: 15px;}
.ai-5nr {position: relative;padding-bottom:7%;}
.ai-5nr .btn-rig,.ai-5nr .btn-left{ width:67px; height:47px;cursor: pointer; position: absolute;top:inherit;bottom: 0; z-index: 99;opacity:1;display: block;}
.ai-5nr .btn-rig {right:43%;background: url(../img/next2.png) no-repeat center center;}
.ai-5nr .btn-left {left:43%;background: url(../img/prev2.png) no-repeat center center;}










@media only screen and (max-width:1600px) {
	.bann-nr h3{font-size: 65px;}
	.bann-nr p{font-size: 35px;}
}

@media only screen and (max-width:1500px) {
	.pad5 {padding:5% 3%;}
	.pad4 {padding:4% 3%;}
	.pad3 {padding:3% 3%;}
	.pad2 {padding:2% 3%;}
	.pad1 {padding:1% 3%;}
	.sub2 {padding: 0 3%;}
	.sub3-nr {padding: 8% 3%;}
	.sub4-nr .btn-left {left: -2%;}
	.sub4-nr .btn-rig{right: -2%;}
	.xunpan-ico {width: 27%;right: 0;}
	.bann-nr h3{font-size: 60px;}
	.bann-nr p{font-size: 30px;}
	.f3-list{padding:0;}
	.f3-box{top:20%;}
}
@media only screen and (max-width:1400px) {
	.bann-nr h3{font-size:50px;}
	.bann-nr p{font-size: 28px;}
	.sub1-item p,.sub1-item span{font-size: 19px;}
	.sub1-item{width: 33%;}
	.sub2-list h4{font-size: 30px;}
	.sub2-list span{font-size: 17px;}
	.sub3-list h5{font-size: 23px;}
	.sub4-box{font-size: 18px;}
	.sub4-nr .btn-left {left:0;}
	.sub4-nr .btn-rig{right:0;}
	.face-tit h3{font-size:40px;}
	.f2-cont h5,.f4-item p{font-size:24px;}
	.f2-cont p{font-size:16px;}
	.f3-list h6{font-size:22px;}
	.ai-3nr p,.ai-4item h4{font-size: 36px;}
	.ai-4item p{font-size: 24px;}
	.ai-tit p{font-size: 20px;}
}
@media only screen and (max-width:1200px) {
	.pad5 {padding:5% 15px;overflow: hidden;}
	.pad4 {padding:4% 15px;overflow: hidden;}
	.pad3 {padding:3% 15px;overflow: hidden;}
	.pad2 {padding:2% 15px;overflow: hidden;}
	.pad1 {padding:1% 15px;overflow: hidden;}
	.banner-video{height: 680px;}
	.sub2 {padding: 0 15px;}
	.sub3-nr {padding: 8% 15px;}
	.sub1-item p,.sub1-item span{font-size: 18px;}
	.sub2-list h4{font-size: 28px;}
	.sub2-list span{font-size: 16px;}
	.sub1-item p{padding: 0 20px 0 15px;height: 60px;}
	.f2-cont h5{font-size:22px;}
	.ai-3nr p,.ai-4item h4{font-size: 30px;}
	.ai-4item p{font-size: 20px;}
	.ai-tit h3,.ai3-tit h3{font-size: 40px;}
	.ai3-tit h4{font-size: 35px;}
	.ai-tit p{font-size: 18px;}
}
@media screen and (max-width:992px) {
	.banner-video{height: 580px;}
	.bann-nr h3{font-size:40px;}
	.bann-nr p{font-size: 24px;}
	.sub1-top .sub1-item {margin: 0;}
	.sub1-item {width: 48%;}
	.sub1-bott {flex-wrap: wrap;}
	.sub1-bott .sub1-item {margin-bottom:3%;}
	.sub4-nr .btn-rig, .sub4-nr .btn-left {width: 35px;height:35px;background-size: 100% 100%;margin-top: -17.5px;}
	.abo3-item{width: 32%;}
	.face-tit h3 {font-size:36px;}
	.f4-item p{font-size:22px;}
	.ai-3item p,.ai-4item h4{font-size:28px;}
	.ai-4item p{font-size:18px;line-height: 35px;}
	.ai-tit h3,.ai3-tit h3{font-size: 32px;}
	.ai3-tit h4{font-size:28px;}
	.ai-tit p{font-size: 16px;}
	.ai-4item{padding: 20px;}
}
@media screen and (max-width: 768px) {
	.banner-video{height: 480px;}
	.bann-nr h3{font-size:32px;}
	.bann-nr p{font-size:18px;}
	.sub1-top {flex-wrap: wrap;}
	.sub1-item{width: 100%;margin-bottom: 20px;}
	.sub1-top .sub1-item{margin-bottom: 20px;}
	.sub2-list h4{font-size: 24px;}
	.sub2-list span {margin-top: 0;}
	.sub2-list {height: auto;padding: 20px;}
	.sub3-cont .row {margin: 0 -5px;}
	.sub3-item {padding: 0 5px;}
	.sub3-list {height: 250px;padding: 20px 5px;}
	.sub3-item,.ai-2item {margin-bottom: 20px;}
	.sub3-icon {width: 62px;}
	.sub4-box {font-size: 16px;}
	.xunpan-ico {display: none;}
	.xunpan-cont {width: 100%;}
	.xunpan-item input {height: 40px;}
	.xunpan-item {margin-bottom: 20px;}
	.xunpan-item button {margin-top: 15px;width: 100%;height: 40px;line-height: 40px;}
	.abo3-item{width:49%;}
	.face-tit h3 {font-size: 28px;}
	.face-tit p {font-size: 16px;}
	.f1-item {width:50%;margin-bottom:20px;}
	.f1-item p{padding:0 20px;}
	.f1-icon{max-width:77px;}
	.f3-img {display: none;}
	.f2-nr .f2-item:nth-child(1), .f2-nr .f2-item:nth-child(4),
	.f2-nr .f2-item:nth-child(2), .f2-nr .f2-item:nth-child(3){width:100%;}
	.f3-box{position:inherit;top:inherit;left:inherit;width:100%;}
	.f3-rig{background:#1877f2;padding:15px !important;}
	.f4-item p{font-size:18px;}
	.f4-tab .row {margin:0 -5px;}
	.f4-item{padding:0 5px;}
	.ai-3nr p{width:32%;}
	.ai-3nr p,.ai-4item h4{font-size:20px;}
	.ai-4item p{font-size:16px;line-height: 30px;}
	.ai-tit h3,.ai3-tit h3{font-size: 28px;}
	.ai3-tit h4{font-size: 24px;}
	.ai-3nr .row {margin: 0 -5px;}
	.ai-3item{padding: 0 5px;margin-bottom: 10px;}
	.ai-5nr{padding-bottom: 60px;}
	.ai-5nr .btn-rig {right:5%;background: url(../img/next2.png) no-repeat center center;}
	.ai-5nr .btn-left {left:5%;background: url(../img/prev2.png) no-repeat center center;}
}