/*》》》》》》》》》》字体引用《《《《《《《《《《*/

@font-face{
    font-family:myFont1;
    src:url('https://www.mangolm.com/Public/Home/Module1086/font/AlibabaPuHuiTi-2-55-Regular.ttf');
}
@font-face{
    font-family:myFont3;
    src:url('https://www.mangolm.com/Public/Home/Module1086/font/AlibabaPuHuiTi-2-75-SemiBold.ttf');
}
@font-face{
    font-family:myFont5;
    src:url('https://www.mangolm.com/Public/Home/Module1086/font/AlibabaPuHuiTi-2-95-ExtraBold.ttf');
}
.web-font1{font-family:myFont1;}
.web-font3{font-family:myFont3;}
.web-font5{font-family:myFont5;}

body{
    font-family: myFont1;
}

.banner {

	position: relative;

	box-sizing: border-box;

	width: 100%;

}

.banner,

.banner .swiper-container,

.banner .swiper-slide {

	overflow: hidden;

	width: 100%;

	height: 100%;

}

.banner>.swiper-container{
	height: 100vh;
}

.banner .swiper-slide {

	position: relative;

	background-position: center;

	background-size: cover;

	justify-content: center;

	align-items: center;

	display: flex;

}



.banner .swiper-slide img {

	width: 100%;
	height: 100%;
	object-fit: cover;
	animation:mymove 8s infinite;

	-webkit-animation:mymove 8s infinite; /*Safari and Chrome*/

	animation-direction:alternate;/*轮流反向播放动画。*/

	animation-timing-function: ease-in-out; /*动画的速度曲线*/

	-webkit-animation:mymove 8s infinite;

	-webkit-animation-direction:alternate;/*轮流反向播放动画。*/

	-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/

	animation-delay:0.1s;

	-webkit-animation-delay:0.1s; /* Safari 和 Chrome */

}

.banner .swiper-slide video{

	width: 100%;

}

@keyframes mymove



{



	0%{



	transform: scale(1);  /*开始为原始大小*/



	}



	100%{



		transform: scale(1.1); /*放大1.1倍*/



	}



}

@-webkit-keyframes mymove /*Safari and Chrome*/



{



	0%{



	transform: scale(1);  /*开始为原始大小*/



	}



	100%{



		transform: scale(1.1); /*放大1.1倍*/



	}



}



.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 0 10px;

}



.banner .swiper-pagination-bullet {

	width: 21px;

	height: 21px;

	background-color: #fb751e;

	opacity: 1;

	box-sizing: border-box;

	border-radius: 50px;

}



.banner .swiper-pagination-bullet-active {

	border-radius: 10px;

	width: 55px;

	background-color: #fff;

}



.banner .swiper-container-horizontal>.swiper-pagination-bullets,

.banner .swiper-pagination-custom,

.banner .swiper-pagination-fraction {

	bottom: 30px;

}



.banners img {

	width: 100%;

	height: auto;

}
/* banner上面的文案 */
.banner .ba_box{
	position: absolute;
    vertical-align: middle;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding-top: 2rem;
    text-align: center;
	opacity: 0;
}
.banner .ba_txt{
	margin: 0 auto;
	text-align: left;
}
.banner .ba_txt h1{
	font-size: 42px;
	font-family: myFont5;
	display: flex;
	align-items: center;
	color: #333;
	margin-top: 30px;
}
.banner .ba_txt h2{
	font-size: 55px;
	display: flex;
	align-items: center;
	color: #333;
	font-weight: 700;
	margin-top: 30px;
}
.banner .ba_txt h3{
	font-size: 18px;
	color: #333;
    margin: 50px 0;
}
.banner .ba_txt a{
	display: block;
	width: 150px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	text-align: center;
    transition: transform 2s;
    box-sizing: border-box;
	border-radius: 5px;
	margin-right: 20px;
	transition: all 0.6s ease;
}
.banner .ba_btn{
/*	margin-top: 80px;*/
}
.banner .ba_txt a:first-child{
	background-color: #fff;
	color: #333;
	transition: .5s;
}
.banner .ba_txt a:first-child:hover{
	color: #ff5400;
	transform: translateY(-5px);
}
.banner .ba_txt a:last-child{
	background-image: linear-gradient(to bottom right, #ff5400, #f79239);
	color: #fff;
	transition: .5s;
}
.banner .ba_txt a:last-child:hover{
	transform: translateY(-5px);
	background-image: linear-gradient(to bottom right, #f79239, #ff5400);
}
.banner .swiper-slide-active .ba_box{
	-webkit-animation: fadeInLeft 1.4s ease-in-out;
	animation: fadeInLeft 1.4s ease-in-out;
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
/* 图片上下动 */

@keyframes aniTop{

	0% {transform:translateY(0);}

	100% {transform:translateY(-15px);}

}
/* 平台能力 */
.c1{
	padding-bottom: 50px;
}
.c1 .c1-ys{
	padding: 10px 0 50px 0;
}
.c1-ys.swiper-container{
    box-sizing: border-box;
}
.c1-ys .swiper-slide{
	  border-radius: 20px;
	  box-shadow: 1px 5px 20px 2px #5e250914;
/*    padding: 10px 10px 20px 10px;*/
/*    box-sizing: border-box;*/
}
.c1 .c1-ys ul{
	/*display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 30px 20px;*/
}
.c1 .c1-ys .c1-ys-1{
	box-sizing: border-box;
	border-radius: 20px;
	cursor: pointer;
	border: 3px solid #fff;
    height: 470px;
    background-position: 50% 50%;
}
.c1-ys .swiper-slide.nl-1 .c1-ys-1{
	transition: all 1.2s cubic-bezier(0,0,.2,1);
	background: url(../image/pt-1.png)#faf9f9 no-repeat right bottom;
	background-size: 100% auto;
}
.c1-ys .swiper-slide.nl-2 .c1-ys-1{
	transition: all 1.2s cubic-bezier(0,0,.2,1);
	background: url(../image/pt-2.png)#faf9f9 no-repeat right bottom;
	background-size: 100% auto;
}
.c1-ys .swiper-slide.nl-3 .c1-ys-1{
	transition: all 1.2s cubic-bezier(0,0,.2,1);
	background: url(../image/pt-3.png)#faf9f9 no-repeat right bottom;
	background-size: 100% auto;
}
.c1-ys .swiper-slide.nl-4 .c1-ys-1{
	transition: all 1.2s cubic-bezier(0,0,.2,1);
	background: url(../image/pt-4.png)#faf9f9 no-repeat right bottom;
	background-size: 100% auto;
}
.c1-ys .swiper-slide.nl-5 .c1-ys-1{
	transition: all 1.2s cubic-bezier(0,0,.2,1);
	background: url(../image/pt-5.png)#faf9f9 no-repeat right bottom;
	background-size: 100% auto;
}
.c1-ys .swiper-slide.nl-6 .c1-ys-1{
	transition: all 1.2s cubic-bezier(0,0,.2,1);
	background: url(../image/pt-6.png)#faf9f9 no-repeat right bottom;
	background-size: 100% auto;
}
.c1 .c1-ys .c1-ys-1 a{
	border-radius: 20px;
	display: block;
	padding: 40px 20px 70px 20px;
}
.c1 .c1-ys .c1-ys-1 .c1-ys-t{
	text-align: left;
	margin-bottom: 80px;
}
.c1 .c1-ys .c1-ys-1 .c1-ys-t h4{
	color: #fff;
  	-webkit-text-stroke-width: 1px; /* 描边宽度 */
  	-webkit-text-stroke-color: #ea5b24; /* 描边颜色 */
	font-size: 32px;
	margin-bottom: 20px;
	font-family: myFont5;
}
.c1 .c1-ys .c1-ys-1 .c1-ys-t h5{
	color: #ea5b24;
	font-size: 16px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.c1 .c1-ys .c1-ys-1 .c1-ys-t div{
	width: 40px;
	height: 5px;
	border: 1px solid #ea5b24;
	display: block;
	margin: 30px 0px;
	box-sizing: border-box;
	position: relative;
}
.c1 .c1-ys .c1-ys-1 .c1-ys-t div i{
	width: 0;
    height: 100%;
    background-color: #ea5b24;
    display: block;
    transition: all .3s cubic-bezier(0,0,.2,1);
}
.c1 .c1-ys .c1-ys-1:hover .c1-ys-t div i{
	width: 100%;
}
.c1 .c1-ys .c1-ys-1 .c1-ys-b p{
	font-size: 16px;
	justify-content: space-between;
	color: #fff;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .2s cubic-bezier(0,0,.2,1), transform .6s cubic-bezier(0,0,.2,1);
}
.c1 .c1-ys .c1-ys-1:hover{
	background-size: 120% !important;
    opacity: 1;
	background-color: #ff9259;
}
.c1 .c1-ys .c1-ys-1:hover p{
	opacity: 1;
	transform: translateY(0);
}
.c1 .c1-ys .c1-ys-1:hover i{
	background-color: #fff;
	border: none;
}
.c1 .c1-ys .c1-ys-1:hover h4{
	-webkit-text-stroke-width: 0px;
	-webkit-text-stroke-color: none
}
.c1 .c1-ys .c1-ys-1:hover h4,.c1 .c1-ys .c1-ys-1:hover h5,.c1 .c1-ys .c1-ys-1:hover i{
	color: #fff;
	
}
/*按钮*/
.c1-ys .swiper-pagination{
    text-align: center;
    margin-bottom: -25px;
}
.c1-ys .swiper-pagination .swiper-pagination-bullet{
    width: 28px;
    height: 4px;
    background:#e3e3e3;
    border-radius: 50px;
    margin:0 5px !important;
    opacity: 1;
}
.c1-ys .swiper-pagination .swiper-pagination-bullet-active{
    position: relative;
    width: 65px;
    height: 4px;
    background:#ea5b24;
}
/* 平台优势 */
.c2{
	background: url(../image/ys.png)#f7f7f7 no-repeat center center;
	padding-bottom: 80px;
	background-size: cover;
}
.c2 .c2-ys-box{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px 40px;
}
.c2 .c2-ys-box a{
	padding: 50px 50px;
    display: block;
}
.c2 .c2-ys-box .ys-box{
    border-radius: 20px;
    box-shadow: 1px 6px 20px 9px #f1f1f1;
    cursor: pointer;
    transition: .5s;
}
.c2 .c2-ys-box .ys-box:nth-child(1){
	background: url(../image/ys1.png) #ffffff no-repeat right bottom;
	background-size: auto 100%;
}
.c2 .c2-ys-box .ys-box:nth-child(3){
	background: url(../image/ys3.png) #ffffff no-repeat right bottom;
	background-size: auto 100%;
}
.c2 .c2-ys-box .ys-box:nth-child(4){
	background: url(../image/ys4.png) #ffffff no-repeat left bottom;
	background-size: auto 100%;
	text-align: right;
}
.c2 .c2-ys-box .ys-box:nth-child(2){
	background: url(../image/ys2.png) #ffffff no-repeat left bottom;
	background-size: auto 100%;
	text-align: right;
}
.c2 .c2-ys-box .ys-box:nth-child(2) a,.c2 .c2-ys-box .ys-box:nth-child(4) a{
	text-align: -webkit-right;
}
.c2 .c2-ys-box .ys-box h2{
	font-size: 24px;
    font-family: myFont5;
    color: #222;
    margin-bottom: 10px;
    position: relative;
    z-index: 9;
}
.c2 .c2-ys-box .ys-box:nth-child(1) h2::after,.c2 .c2-ys-box .ys-box:nth-child(3) h2::after{
	content: "";
	left: -20px;
	top: 2px;
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: -1;
	border-radius: 50%;
	background-image: linear-gradient(to right, #f29b7a, #fce8e0);
}
.c2 .c2-ys-box .ys-box:nth-child(2) h2::after,.c2 .c2-ys-box .ys-box:nth-child(4) h2::after{
	content: "";
    right: -22px;
    top: 2px;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-image: linear-gradient(to right, #fce8e0, #f29b7a);
    z-index: -1;
}
.c2 .c2-ys-box .ys-box:nth-child(1):hover,.c2 .c2-ys-box .ys-box:nth-child(3):hover{
	transform: translateY(-15px);
	margin-left: -20px;
	background-color: #ff9259;
	box-shadow: 1px 2px 20px 10px #ffe5d9;
}
.c2 .c2-ys-box .ys-box:nth-child(2):hover,.c2 .c2-ys-box .ys-box:nth-child(4):hover{
	transform: translateY(-15px);
	margin-right: -20px;
	background-color: #ff9259;
	box-shadow: 1px 2px 20px 10px #ffe5d9;
}
.c2 .c2-ys-box .ys-box p{
	font-size: 16px;
    color: #626262;
    width: 80%;
}
.c2 .ys-icon{
   	width: 200px;
    height: 200px;
    background-image: linear-gradient(to bottom right, #ff6e25, #ffa150);
    border-radius: 100%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c2 .c2-ys-box .ys-box:hover p,.c2 .c2-ys-box .ys-box:hover h2{
	color: #fff;
}
.c2 .c2-ys-box .ys-box:hover h2::after{
	background-image: linear-gradient(to right, #ffd7c2, #ff9259);
}
.c2 .c2-ys{
	position: relative;
}
.c2 .ys-icon i{
	z-index: 99;
}
.c2 .ys-icon i img{
	width: 80%;
    margin: 0 auto;
}
/*光圈*/
.c2 .ys-icon>div{
	width: 200px;
    height: 200px;
    background-image: linear-gradient(to bottom right, #ff6e25, #ffa150);
  	border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
}
.c2 .ys-icon>div p{
  border:4px solid #ff7329;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  animation: myfirst 2s infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
}
.c2 .ys-icon>div span{
  position: absolute;
  display: block;
  border:.4px solid #ff7329;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  animation: myfirst 2s infinite;
  box-shadow: 0px 0px 4px #ffb993;
  animation-delay:0.5s;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
}
@keyframes myfirst{
  0%{transform:scale(1);
    -webkit-transform:scale(1);
    opacity:1;-webkit-opacity:1;
}
  100%{ transform:scale(5);
    -webkit-transform:scale(5);
    opacity:0;-webkit-opacity:0;}
}
/*新光圈效果*/
.live-logo-box{
	position: absolute;
    left: 50%;
    top: 0;
    margin: auto;
}
.live div img{
	width: 80%;
    margin: 0 auto;
}
.live-box {
    position: absolute;
    top: 50%;
    width: 280px;
    height: 280px;
    margin-left: -140px;
    margin-top: -140px;
    left: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    background: #ffecdf;
    border-radius: 50%;
    border: 4px solid #fff;
    box-sizing: border-box;
}
.live {
    position: relative;
    width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.live div {
    position: absolute;
    width: 200px;
    height: 200px;
    left: 0;
    z-index: 99;
    justify-content: center;align-items: center;display: flex;
    bottom: 0;
    background-image: linear-gradient(to bottom right, #ff6e25, #ffa150);
    border-radius: 50%;
}
.live i {
    position: absolute;
    width: 200px;
    height: 200px;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom right, #ff6e25, #ffa150);
    border-radius: 50%;
    -webkit-animation: animate 4s linear infinite;
}
.live i:nth-child(1) {
    -webkit-animation-delay: 1s;
}
.live i:nth-child(2) {
    -webkit-animation-delay: 3s;
}
@keyframes animate{
	0% {
	    transform: scale(0);
	    opacity: 0.0;
	    background: #ffb270;
	}
	50% {
	    transform: scale(1.1);
	    opacity: 0.5;
	}
	100% {
	    transform: scale(2.1);
	    opacity: 0;
	}
}
/*产品方案*/
.c3{
	padding-bottom: 120px;
}
.c3 .c3-product{
	background: url(../image/ff-bg.png)#fff no-repeat left top;
    box-sizing: border-box;
    border-radius: 15px;
    box-shadow: 0px 2px 20px 9px #f1f1f1;
    border: 3px solid #fff;
    background-size: cover;
}
.c3 .c3-product .c3-product-type{
	width: 20%;
}
.c3 .c3-product .c3-product-type ul li{
	font-size: 30px;
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
    transition: .5s;
    padding: 80px 0px;
    position: relative;
    border: 4px solid #fff0;
    box-sizing: border-box;
}
.c3 .c3-product .c3-product-type ul li a{
    display: block;
    color: #222;
    font-family: myFont5;
    font-size: 26px;
}
.c3 .c3-product .c3-product-type ul li::after{
	width: 5px;
    height: 5px;
    background: #ea5b24;
    content: "";
    display: block;
    left: 52px;
    position: absolute;
    border-radius: 5px;
    top: 140px;
    opacity: 0;
    transition: .5s;
}
.c3 .c3-product .c3-product-type ul li::before{
	width: 44px;
    height: 3px;
    background: #ea5b24;
    content: "";
    display: block;
    left: 62px;
    position: absolute;
    border-radius: 5px;
    top: 141px;
    opacity: 0;
    transition: .5s;
}
.c3 .c3-product .c3-product-type ul li:hover,.c3 .c3-product .c3-product-type ul li.type-active{
	background: rgb(255 255 255 / 75%);
	border: 4px solid #ffffff61;
    box-sizing: border-box;
    box-shadow: 0px 6px 11px 0px #b3b3b357;
}
.c3 .c3-product .c3-product-type ul li:hover::before,.c3 .c3-product .c3-product-type ul li:hover:before,.c3 .c3-product .c3-product-type ul li.type-active:before,.c3 .c3-product .c3-product-type ul li.type-active:after{
	opacity: 1;
}
.c3 .c3-product .c3-product-type ul li:hover a,.c3 .c3-product .c3-product-type ul li.type-active a{
	color: #ea5b24;
}
.c3 .c3-product .c3-product-box{
	width: 75%;
	position: relative;
	display: none;
}
.c3 .c3-product .c3-product-box .c3-product-txt{
	width: 57%;
}
.c3 .c3-product .c3-product-box .c3-product-img{
	width: 43%;
    position: absolute;
    right: -66px;
    position: absolute;
    height: 100%;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    transition: all .5s;
}
.c3-product-hover{
	display: none;
	position: relative;
    width: 90%;
    height: 178%;
}
.c3 .c3-product .c3-product-box .c3-product-img img{
	width: 90%;
}
.c3 .c3-product .c3-product-box .c3-product-txt h2{
	font-size: 26px;
    color: #222;
    font-family: myFont5;
}
.c3 .c3-product .c3-product-box .c3-product-txt h2.active{
	color: #ea5b24;
}
.c3 .c3-product .c3-product-box .c3-product-txt p{
	color: #444444;
    font-size: 16px;
    text-align: justify;
    margin: 30px 0 50px 0;
    height: 55px;
}
.c3 .c3-product .c3-product-box .c3-product-icon{
	margin-bottom: 50px;
}
.c3 .c3-product .c3-product-box .c3-product-icon em{
	width: 110px;
    display: block;
    height: 35px;
    background: #fff;
    box-shadow: 5px 5px 20px 4px #61616114;
    text-align: center;
    line-height: 35px;
    font-family: myFont3;
    font-size: 16px;
    border-radius: 5px;
    color: #444444;
    cursor: pointer;
}
.c3 .c3-product .c3-product-box .c3-product-icon em:hover,.c3 .c3-product .c3-product-box .c3-product-icon em.active{
	 box-shadow: 1px 6px 20px 4px #ff54002e;
}
.c3 .c3-product .c3-product-box .c3-product-icon a{
    font-size: 16px;
    color: #ea5b24;
    font-weight: bold;
    text-decoration: underline;
}
.c3 .c3-product .c3-product-box .c3-product-href{
	display: flex;
	justify-content: left;
}
.c3 .c3-product .c3-product-box .c3-product-href a{
	width: 145px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-image: linear-gradient(to bottom right, #ff5400, #f79239);
	margin-right: 40px;
	border-radius: 10px;
	color: #fff;
	font-size: 16px;

}
/*背景图片*/
.c3-product-img .c3-product-hover video{
	background: #000;
    display: block;
    width: 65%;
    height: 83%;
    object-fit: cover;
    z-index: 1;
    overflow: hidden;
    left: 4px;
    top: 36px;
    position: absolute;
    border-radius: 37px;
}
.phone-shadow{
	width: 100%;
    height: 100%;
    background: url(../image/phone-shadow.png) no-repeat;
    z-index: 2;
    position: absolute;
    top: 13px;
    background-size: cover;
}









/*广告形式*/
.c7{
	background: url(../image/gg-bg.png)#f7f7f7 no-repeat center right;
	padding-bottom: 80px;
	background-size: cover;
}
.c7 .c7-xs{
    align-items: flex-start;
}
.c7 .c7-xs-left{
	width: 22%;
	display: none;
	min-height: 531px;
}
.c7 .c7-xs-left img{
	width: 100%;
}
.c7 .c7-xs-right{
	width: 70%;
}
.c7 .c7-xs-right ul{
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px 30px;
}
.c7 .c7-xs-right ul li{
	line-height: 50px;
	height: 50px;
	background: #fff;
	cursor: pointer;
	border-radius: 10px;
	border: 1px solid #f8e8db;
}
.c7 .c7-xs-right ul li a{
	font-size: 16px;
	font-family: myFont3;
    color: #222;
    text-align: center;
    display: block;
}
.c7 .c7-xs-right ul li:hover,.c7 .c7-xs-right ul li.type-active{
	box-shadow: 0px 2px 20px 9px #fbeadd;
}
.c7 .c7-xs-right ul li:hover a{
	color: #ea5b24;
}
.c7 .c7-xs-right h5{
	font-size: 26px;
	color: #222;
	margin: 50px 0 30px 0;
	font-family: myFont5;
}
.c7 .c7-xs-right p{
	color: #666666;
	font-size: 16px;
}
.c7-xs-btn{
	margin: 20px 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.c7-xs-btn a{
	width: 150px;
	display: block;
	margin-right: 50px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-image: linear-gradient(to bottom right, #ff5400, #f79239);
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    transition: .5s;
}
.c7-xs-btn a:hover{
	transform: translateY(-2px);
	background-image: linear-gradient(to bottom right, #f79239, #ff5400);
}
.c7-xs-btn .c7-xs-er,.nybanner-er{
	position: relative;
}
.c7-xs-btn .c7-xs-er img,.nybanner-er img{
	position: absolute;
    right: -102px;
    top: -45px;
    opacity: 0;
    transition: .5s;
}
.c7-xs-btn .c7-xs-er:hover img,.nybanner-er:hover img{
	opacity: 1;
}
.c7-xs-hide{
	display: none;
}
.c7 .c7-xs-right .c7-xs-txt{
	min-height: 170px;
}
/*客户案例*/
.c8{
	margin-bottom: 80px;
}
.c8 .c8-case-l{
	width: 150px;
}
.c8 .c8-case-l a{
	transition: .5s;
    color: #8a8a8a;
    font-size: 20px;
    margin-bottom: 30px;
    padding: 5px 0;
    border-radius: 15px;
}
.c8 .c8-case-l a:last-child{
	margin-bottom: 0;
}
.c8 .c8-case-l a i{
    width: 60px;
    height: 50px;
    transition: .5s;
}
.c8 .c8-case-l a:nth-child(1) i{
	background: url(../image/i1.png) no-repeat center left;
}
.c8 .c8-case-l a:nth-child(2) i{
	background: url(../image/i2.png) no-repeat center left;
}
.c8 .c8-case-l a:nth-child(3) i{
	background: url(../image/i3.png) no-repeat center left;
}
.c8 .c8-case-l a:nth-child(4) i{
	background: url(../image/i4.png) no-repeat center left;
}
.c8 .c8-case-l a:nth-child(5) i{
	background: url(../image/i5.png) no-repeat center left;
}
.c8 .c8-case-l a:nth-child(6) i{
	background: url(../image/i6.png) no-repeat center left;
}
.c8 .c8-case-l a:hover:nth-child(1) i{
	background: url(../image/i1-h.png) no-repeat center left;
}
.c8 .c8-case-l a:hover:nth-child(2) i{
	background: url(../image/i2-h.png) no-repeat center left;
}
.c8 .c8-case-l a:hover:nth-child(3) i{
	background: url(../image/i3-h.png) no-repeat center left;
}
.c8 .c8-case-l a:hover:nth-child(4) i{
	background: url(../image/i4-h.png) no-repeat center left;
}
.c8 .c8-case-l a:hover:nth-child(5) i{
	background: url(../image/i5-h.png) no-repeat center left;
}
.c8 .c8-case-l a:hover:nth-child(6) i{
	background: url(../image/i6-h.png) no-repeat center left;
}
.c8 .c8-case-l a:hover,.c8 .c8-case-l a.active{
	color: #fff;
	background: #ff9259;
	box-shadow: 0px 2px 20px 9px #fbeadd;
}
.c8 .c8-case-c h2{
	font-size: 26px;
    color: #222;
    font-family: myFont5;
}
.c8 .c8-case-c .c8-case-txt{
	margin: 20px 0;
	min-height: 75px;
}
.c8 .c8-case-c .c8-case-txt p{
	font-size: 16px;
    color: #666666;
}
.c8 .c8-case-c>i{
	width: 57px;
    display: block;
    height: 3px;
    background: #a5a5a5;
    margin-bottom: 30px;
}
.c8 .c8-case-c .c8-case-numbox{
	margin: 30px 0 50px 0;
}
.c8 .c8-case-c .c8-case-num{
	margin-right: 120px;
}
.c8 .c8-case-c .c8-case-num b{
    font-size: 32px;
    color: #ea5b24;
    font-family: myFont5;
}
.c8 .c8-case-c .c8-case-num i{
	font-size: 30px;
    color: #ea5b24;
    font-weight: 700;
}
.c8 .c8-case-c .c8-case-num p{
	color: #b2b2b2;
	font-size: 16px;
}
.c8 .c8-case-c .c8-case-txt1{
	min-height: 100px;
}
.c8 .c8-case-c .c8-case-txt1 p{
	color: #959595;
	font-size: 16px;
}
.c8 .c8-case-c .c8-case-more{

}
.c8 .c8-case-c .c8-case-more a{
	width: 145px;
    display: block;
    margin-right: 50px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-image: linear-gradient(to right, #ea5b24, #ef8519);
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
}
.c8-show{
	display: none;
}
.c8-show .c8-black{
	width: 100%;
    display: flex !important;
    justify-content: space-between;
}
/*案例轮播*/
.Main-Content{
	width: 49%;
	opacity: 0;
	-webkit-animation: fadeIn .1s ease-in-out;
	animation: fadeIn .1s ease-in-out;
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.flipster{
	overflow: initial;
}
.flipster-carousel .flip-next{
	-webkit-transform: translateX(60%) translateZ(0) rotateY(0deg) scale(0.8);
	-moz-transform: translateX(60%) translateZ(0) rotateY(0deg) scale(0.8);
	-o-transform: translateX(60%) translateZ(0) rotateY(0deg) scale(0.8);
	-ms-transform: translateX(60%) translateZ(0) rotateY(0deg) scale(0.8);
	transform: translateX(60%) translateZ(0) rotateY(-0deg) scale(0.8);
}
.flipster-carousel .flip-future{
	-webkit-transform: translateX(114%) translateZ(0) rotateY(-52deg) scale(0.65);
	-moz-transform: translateX(114%) translateZ(0) rotateY(-52deg) scale(0.65);
	-o-transform: translateX(114%) translateZ(0) rotateY(-52deg) scale(0.65);
	-ms-transform: translateX(114%) translateZ(0) rotateY(-52deg) scale(0.65);
	transform: translateX(114%) translateZ(0) rotateY(-52deg) scale(0.65);
	display: none;
}
.flipster-carousel .flip-prev{
	-webkit-transform: translateX(-60%) translateZ(0) rotateY(0deg) scale(0.8);
	-moz-transform: translateX(-60%) translateZ(0) rotateY(0deg) scale(0.8);
	-o-transform: translateX(-60%) translateZ(0) rotateY(0deg) scale(0.8);
	-ms-transform: translateX(-60%) translateZ(0) rotateY(0deg) scale(0.8);
	transform: translateX(-60%) translateZ(0) rotateY(0deg) scale(0.8)
}
.flipster-carousel .flip-past{
	-webkit-transform: translateX(-114%) translateZ(0) rotateY(52deg) scale(0.65);
	-moz-transform: translateX(-114%) translateZ(0) rotateY(52deg) scale(0.65);
	-o-transform: translateX(-114%) translateZ(0) rotateY(52deg) scale(0.65);
	-ms-transform: translateX(-114%) translateZ(0) rotateY(52deg) scale(0.65);
	transform: translateX(-114%) translateZ(0) rotateY(52deg) scale(0.65);
	display: none;
}
.flip-items img{
	width: 100%;
	border-radius: 40px;
    height: auto;
    display: block;
}
/*新闻中心*/
.c9{
	background: url(../image/news-bg.png)no-repeat center center;
	padding-bottom: 80px;
	background-size: cover;
}
.c9 .c9-news{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.c9 .c9-news .c9-news-l{
    width: 31.5%;
}
.c9 .c9-news .c9-news-img{
	color: #fff;
	border-radius: 10px;
	padding: 50px 30px;
	cursor: pointer;
	transition: .5s;
	margin-bottom: 20px;
	background-size: cover;
}
.c9 .c9-news .c9-news-l:nth-child(1) .c9-news-img{
	background: url(../image/xw-h.png)no-repeat center center;
}
.c9 .c9-news .c9-news-l:nth-child(2) .c9-news-img{
	background: url(../image/xw-h1.png)no-repeat center center;
}
.c9 .c9-news .c9-news-l:nth-child(3) .c9-news-img{
	background: url(../image/xw-h2.png)no-repeat center center;
}
.c9 .c9-news .c9-news-l .c9-news-img:hover{
	background: url(../image/xw.png)no-repeat center center;
	background-size: cover;
}
.c9 .c9-news .c9-news-img h5{
	font-size: 26px;
    margin-bottom: 5px;
    color: #333;
    font-family: myFont5;
}
.c9 .c9-news .c9-news-img p{
	font-size: 16px;
    color: #222;
}
.c9 .c9-news .c9-news-img p a{
	font-size: 14px;
	color: #ea5b24;
}
.c9 .c9-news .c9-news-img:hover a{
	color: #fff;
}
.c9 .c9-news .c9-news-img:hover h5,.c9 .c9-news .c9-news-img:hover p{
	color: #fff;
}
.c9 .c9-news-l ul li{
	margin-bottom: 10px;
}
.c9 .c9-news-l ul li a{
	justify-content: space-between;
}
.c9 .c9-news-l ul li.c9-news-2 h2{
	font-size: 16px;
    width: 80%;
    color: #444444;
}
.c9 .c9-news-l ul li .c9-news-time{
	font-size: 14px;
    color: #787878;
    width: 23%;
}
.c9 .c9-news-l ul li .c9-news-txt{
	width: 78%;
}
.c9 .c9-news-l ul li.c9-news-1 h2{
	font-size: 17px;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.c9 .c9-news-l ul li i{
	font-size: 22px;
    color: #ea5b24;
    padding-right: 5px;
}
.c9 .c9-news-l ul li img{
	width: 20px;
	padding-right: 5px;
}
.c9 .c9-news-l ul li a:hover h2{
	color: #ea5b24;
}
/*合作伙伴*/
.c4{
	padding-bottom: 80px;
}
.c4 .honnr1,.c4 .honnr2,.c4 .honnr3{
	display: flex;
	justify-content: space-between;
}
.c4 .honnr1,.c4 .honnr2,.c4 .honnr3{
	padding: 25px 0 !important;
}
.c4 .c4-honnr{
	position: relative;
}
.c4 .c4-honnr ul li{
	width: 15% !important;
	margin: 0 15px;
	background-color: #fff;
    box-shadow: 7px 4px 20px 5px #f1f1f1 !important;
    box-sizing: border-box;
    border-radius: 10px;
    transition: all 0.6s ease;
    cursor: pointer;
    border: 1px solid #efefef;
} 
.c4 .c4-honnr ul li img{
	margin: 0 auto;
	width: 100%;
	border-radius: 10px;
	height: 107px;
	object-fit: cover;
	transition: all 0.6s ease;
}
.c4 .c4-honnr-bgcolor-left{
	position: absolute;
	left: 0;
    top: -10px;
/*    background: url(../images/bg-left.png) no-repeat bottom left;*/
    background-image: linear-gradient(81deg, #fff 32%, hsla(0, 0%, 100%, 0));
    width: 400px;
    height: 500px;
    max-height: 550px;
    z-index: 99;
}
.c4 .c4-honnr-bgcolor-right{
	right: 0;
	position: absolute;
    top: -10px;
/*    background: url(../images/bg-right.png) no-repeat bottom right;*/
    background-image: linear-gradient(303deg, #fff 33%, hsla(0, 0%, 100%, 0));
    width: 400px;
    height: 500px;
    max-height: 550px;
    z-index: 99;
}
.c4 .bd .tempWrap{
	width: 100% !important;
}
/*收益计算器*/
.c5{
	background-color: #fafafa;
    padding-bottom: 80px;
}
.c5 .c5-box{
	position: relative;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c5 .c5-num,.c5 .c5-qu{
	background-color: #fff;
	border-radius: 20px;
}
.c5 .c5-num{
	padding: 0 30px 40px 30px;
    box-sizing: border-box;
    width: 40%;
    box-shadow: 8px 1px 20px 4px #b3b3b35c;
    right: -7px;
    position: relative;
}
.c5 .c5-qu{
	z-index: -1;
    box-sizing: border-box;
    padding: 0 50px 50px 50px;
    width: 55%;
    box-shadow: 0 0px 20px 4px #5e250914;
    left: -7px;
    position: relative;
}
.c5 .c5-num h5{
	padding: 30px;
}
.c5 .c5-num h5,.c5 .c5-qu h5{
	font-size: 26px;
    text-align: center;
    color: #333;
    font-family: myFont5;
}
.c5 .c5-qu h5{
	padding: 30px 0 0 0;
}
.c5 .c5-ber{
	color: #fff;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    height: 83px;
    background: url(../image/bg3.png) #f6f8fd no-repeat center bottom;
}
.c5 .c5-ber p{
	font-size: 23px;
}
.c5 .c5-ber h2{
	font-size: 23px;
    font-weight: 700;
    letter-spacing: -1px;
    font-family: myFont3;
}
.c5 .c5-num input{
	background-color: #f2f2f5;
    color: #333333;
    padding-left: 12px;
    width: 100%;
    box-sizing: border-box;
    line-height: 50px;
    border-radius: 5px;
    margin: 20px 0;
    font-size: 18px;
}
.c5 .c5-num ul li{
	line-height: 50px;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.c5 .c5-num ul li span{
	font-size: 18px;
	color: #4e4e4e;
}
.c5 .c5-num ul li em{
	font-size: 16px;
    color: #b3b3b3;
}
.c5 .c5-num ul li em i{
	font-size: 23px;
    color: #ea5b24;
    font-family: myFont5;
}
.c5 .c5-num button{
	width: 100%;
    height: 55px;
    border-radius: 50px;
    margin-top: 20px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    background: #ff5400;
    transition: .5s;
}
.c5 .c5-num button:hover,.c3 .c3-txt a:hover{
	background-image: linear-gradient(to bottom right, #f79239, #ff5400);
}
.c5 .c5-qu img{
	width: 100%;
}
/* sdk广告 */
.c6{
	background: url(../image/c6-bg.png) #f5f5f5 no-repeat center center;
	padding: 50px 0;
	background-size: cover;
}
.c6 .sdk-box h2{
	font-size: 32px;
    text-align: center;
    color: #333333;
    margin-bottom: 10px;
    font-family: myFont5;
}
.c6 .sdk-box p{
	text-align: center;
	letter-spacing: 1px;
    font-size: 20px;
    text-transform: uppercase;
    color: #999;
    
}
/*内页开始*/
/*聚合sdk内容*/
.sdk_ys{
	padding: 80px 0;
}
.bag-color{
	background-color: #fafafa;
}
.sdk_ys .sdk_ys_l{
	width: 45%;
}
.sdk_ys .sdk_ys_l h3{
	color: #333333;
    font-size: 26px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-family: myFont3;
    width: 100%;
}
.sdk_ys .sdk_ys_l span{
	color: #666666;
	font-size: 24px;
}
.sdk_ys .sdk_ys_l p{
	color: #222;
	text-align: justify;
	font-size: 16px;
	line-height: 2;
	margin: 30px 0 80px 0;
}
.sdk_ys .sdk_ys_l a{
	width: 240px;
	display: block;
	text-align: center;
	color: #333;
	font-size: 22px;
	border: 2px solid #ff5400;
	line-height: 60px;
	border-radius: 5px;
	box-sizing: border-box;
	transition: all 0.6s ease;
}
.sdk_ys .sdk_ys_l a:hover{
	background-image: linear-gradient(to bottom right, #f79239, #ff5400);
	color: #fff;
	border: 2px solid #fff;
}
.sdk_ys .sdk_ys_r{
	width: 42%;
}
.sdk_ys .sdk_ys_r img{
	width: 100%;
	animation: aniTop 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;
    -webkit-animation: aniTop 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;
    will-change: transform;
}
/* 图片上下动 */
@keyframes aniTop{
	0% {transform:translateY(0);}
	100% {transform:translateY(-15px);}
}
/* 数字权益商城 */

.sc-btn{

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.sc-btn a:first-child {

    background-color: #fff;

    color: #333;

    border: none !important;

    margin-right: 15px;

    width: 150px !important;

}

.sc-btn a:last-child{

	background-image: linear-gradient(to bottom right, #ff5400, #f79239);

    color: #fff !important;

    width: 150px;

    height: 42px;

    font-size: 16px;

    border: none !important;

    width: 150px !important;

}

.sc-txt p{

	margin: 0 !important;

}

.sc-2-btn{

	width: 150px !important;

    height: 42px !important;

    line-height: 42px !important;

    background: #ff5400 !important;

    color: #ffff !important;

    border-radius: 5px !important;

    font-size: 16px !important;

    margin-top: 30px !important;

}

.sc-hezuo{

	padding-bottom: 80px;

}

.sc-hezuo ul{

	display: grid;

	grid-template-columns: repeat(6, 1fr);

	grid-gap: 20px 20px;

}

.sc-hezuo ul li{

	cursor: pointer;

	border-radius: 10px;

	box-shadow: -1px 2px 8px 0px #bababa;

}

.sc-hezuo ul li img{

	border-radius: 10px;

	width: 100%;

}
/*环境展示*/

.ny-hj{
	padding-bottom: 60px;
	background-color: #f8f8f8;

}

.ny-huanjin .swiper-container {

	

}

.ny-huanjin .swiper-wrapper{

}

.ny-huanjin .swiper-slide {

    width:978px;

	transition-timing-function:linear;

}

@media only screen and (max-width:1200px){

    .ny-huanjin .swiper-slide {

        width:770px;

    }

}

@media only screen and (max-width:980px){

    .ny-huanjin .swiper-slide {

        width:471px;

    }

}

@media only screen and (max-height:480px){

    .ny-huanjin .swiper-slide {

        width:471px;

    }

}

.ny-huanjin .swiper-slide img{

	width:100%;

	border-radius: 20px;}

.ny-huanjin .swiper-slide .title{

	position:absolute;

	transform:rotate(90deg);

	transform-origin:left top;

	left:-3px;

	font-size:11px;

	color: rgb(102, 102, 102);}	

.ny-huanjin .swiper-button-next, .ny-huanjin .swiper-button-prev{

	width:86px;

	height:112px;

	background-size:86px 112px;

	margin-top:-56px;

	outline:none;}

.ny-huanjin .swiper-button-next{

	background-image:url(../image/cursor-next.png);}

.ny-huanjin .swiper-button-prev{

	background-image:url(../image/cursor-prev.png);}		

.ny-huanjin .swiper-pagination-bullet{

	background:none;

	opacity:1;

	margin:0 6px !important;

	width:9px;

	height:9px;

	position:relative;

	outline:none;

	vertical-align:middle;}

.ny-huanjin .swiper-pagination-bullet span{

	width:3px;

	height:3px;

	background:#CCC;

	display:block;

	border-radius:50%;

	margin-top:3px;

	margin-left:3px;

}

.ny-huanjin .swiper-pagination-bullet i{

	background:#000;

	height:1px;

	width:20px;

	position:absolute;

	top:4px;

	transform:scaleX(0);

	transform-origin:left;

	z-index:3;

	transition-timing-function:linear;

	}

.ny-huanjin .swiper-pagination-bullet-active span,.ny-huanjin .swiper-pagination-bullet:hover span{

	width:9px;

	height:9px;

	margin-top:0;

	margin-left:0;

	background:#000;

	position:relative;

	z-index:1;

	}

.ny-huanjin .swiper-pagination-bullet-active i{

	animation:middle 6s;

	}

.ny-huanjin .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{

	animation:first 6s;

	}

.ny-huanjin .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{

	animation:last 6s;

	}				

@keyframes first{

  0% {transform:scaleX(0.5);left:0px;}/*091*/

  100% {transform:scaleX(1);left:2px;} /*0915*/

}

@keyframes last{

  0% {transform:scaleX(0.7);left:-10px;}/*1090*/

  20% {transform:scaleX(0.3);left:2px;} /*090*/

  100% {transform:scaleX(0.3);left:0px;} /*090*/

}		

@keyframes middle{

  0% {transform:scaleX(0.7);left:-10px;}/*1091*/

  20% {transform:scaleX(0.45);left:2px;}/*092*/

  100% {transform:scaleX(1);left:2px;} /*0913*/

}

/*企业文化*/

.ny-wenhua{

	background: #f8f8f8;

}

.ny-wenhua ul {

	display: grid;

	grid-template-columns: repeat(2, 1fr);

	grid-gap: 10px 50px;

}

.ny-wenhua ul li{

	text-align: center;

	cursor: pointer;

	transition: all ease-out .3s;

	-webkit-transition: all ease-out .3s;

	-moz-transition: all ease-out .3s;

	-ms-transition: all ease-out .3s;

}

.ny-wenhua ul li i{

	background: #f5f4f4;

	border-top-left-radius: 20px;

    border-top-right-radius: 20px;

    display: block;

    padding: 50px 0;

}

.zm p{

	margin-bottom: 0 !important;

}

.ny-wenhua ul li i img{

	margin: 0 auto;

	width: 50%;

}

.ny-wenhua ul li div{

	background: #fff;

    padding: 60px 30px;

    text-align: justify;

    border-bottom-left-radius: 20px;

    border-bottom-right-radius: 20px;

    max-height: 132px;

    height: 132px;

}

.ny-wenhua ul li:hover{

	-webkit-transform: translateY(-20px);

	-moz-transform: translateY(-20px);

	-o-transform: translateY(-20px);

	-ms-transform: translateY(-20px);

	transform: translateY(-20px);

}

.ny-wenhua ul li:hover div{

	background-image: linear-gradient(to bottom right, #f79239, #ff5400);

	color: #fff;

}

.ny-wenhua ul li div h2{

	font-size: 26px;
    margin-bottom: 10px;
    font-family: 'myFont3';
    color: #333;

}
.ny-wenhua ul li:hover div h2{
	color: #fff;
}
.ny-wenhua ul li div p{

	font-size: 16px;

    line-height: 1.8;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-align: justify;

}

/*关于我们*/

.ny-about{

	background: #f8f8f8;

}

.ny-about ul li{

	margin-bottom: 50px;

}

.ny-about ul li:last-child{

	margin-bottom: 0;

}

.ny-about ul li div{

	width: 47%;

}

.ny-about ul li div h2{

	font-size: 26px;
	color: #333;
    font-family: myFont3;

}

.ny-about ul li div i{

	width: 50px;

    height: 8px;

    background-color: #ff5400;

    display: block;

    position: relative;

    border-radius: 20px;

    margin: 20px 0;

}

.ny-about ul li div i::after{

	position: absolute;

    content: "";

    width: 10px;

    height: 10px;

    background-color: #ff5400;

    border-radius: 50%;

    right: -20px;

}

.ny-about ul li div p{

	text-align: justify;

	line-height: 1.8;

	font-size: 16px;

}

.ny-about ul li .ny_ab-img{

	width: 47%;

}

.ny-about ul li .ny_ab-img img{

	width: 100%;

	height: 340px;

    object-fit: cover;

	border-top-left-radius: 30px;

    border-bottom-right-radius: 30px;

}

/*sdk平台优势*/
.ys1{
	background: #f8f5f8;
	padding: 50px 0;
}
.ys1 .ys_l{
	width: 62%;
}
.ys1 .ys_l h3,.ys4-l h3{
	color: #333333;
    font-size: 26px;
    margin: 0 0 30px 0;
	font-family: myFont3;
	overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    width: 100%;

}

.ys1 .ys_l p,.ys4-l p{

	color: #333;

	font-size: 16px;

	line-height: 2;

	margin: 20px 0 20px 0;

}

.ys1 .ys_l a,.ys-btn,.ys4-l a{

	width: 150px;

	display: block;

	text-align: center;

	color: #333;

	font-size: 16px;

	line-height: 42px;

	border-radius: 5px;

	box-sizing: border-box;

	transition: .5s;

}

.ys1 .ys_l a:hover{

	background-image: linear-gradient(to bottom right, #f79239, #ff5400);

	color: #fff;

}

.ys4-l a:hover{

	background-image: linear-gradient(to bottom right, #f79239, #ff5400);

	color: #fff;

	border: 2px solid #fff;

}

.ys-btn:hover{

	background-image: linear-gradient(to bottom right, #f79239, #ff5400);

	color: #fff;

	border: 2px solid #fff;

}

.ys1 .ys_r{

	width: 37%;

}

.ys1 .ys_r img{

	width: 100%;

	animation: aniTop 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;

    -webkit-animation: aniTop 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;

    will-change: transform;

}

/*广告收益*/

.ys2{

	padding-bottom: 100px;

}

.ys2 .ys2-box ul li{

	width: 30%;

	text-align: center;

	margin-bottom: 80px;

	cursor: pointer;

}

.ys2 .ys2-box ul li i{

	display: block;

	transition: all ease-out .3s;

	-webkit-transition: all ease-out .3s;

	-moz-transition: all ease-out .3s;

	-ms-transition: all ease-out .3s;

}

.ys2 .ys2-box ul li img{

	margin: 0 auto;

	width: 80%;

}

.ys2 .ys2-box ul li:hover i{

	-webkit-transform: translateY(-20px);

	-moz-transform: translateY(-20px);

	-o-transform: translateY(-20px);

	-ms-transform: translateY(-20px);

	transform: translateY(-20px);

}

.ys2 .ys2-box ul li p{

	font-size: 22px;

	line-height: 2;

}

.ys2 .ys2-box ul li:hover p{

	color: #ff5400;

}

.ys-btn{

	margin: 0 auto;

}

/*头部竞价*/

.ys3,.ys4{

	background: #f8f5f8;

}

.ys3-box{

	padding-bottom: 80px;

}

.ys3-box img{

	width: 90%;

    margin: 0 auto;

}

/*广告分层*/

.ys4{

	padding: 80px 0;

}

.ys4 .ys4-l{

	width: 30%;

}

.ys4 .ys4-r{

	width: 65%;

}

.ys4 .ys4-r img{

	width: 100%;

}

/* 面包屑导航 */

.crumb-box{

	height: 90px;

	line-height: 90px;

}

.crumb-box .crumb-list a{

	display: block;

    color: #333;

    font-size: 20px;

	margin-right: 100px;

	position: relative;

}

.crumb-box .crumb-list a:last-child{

	margin-right: 0;

}

.crumb-box .crumb-list a::after{

	width: 3px;

	height: 25px;

	background-color: #cccccc;

	content: "";

	position: absolute;

	top: 33px;

	right: -50px;

}

.crumb-box .crumb-list a:last-child::after{

	display: none;

}

.crumb-box .crumb-list a:hover,.crumb-box .crumb-list a.active{

	color:#ff5400;
}

/* 新闻中心 */

.ny-news{

	padding: 60px 0;

	background-color: #faf8fa;

}

.ny-news .flex{
	
	align-items: flex-start;

}

.title2{

	margin-bottom: 10px;

}

.title2 h3{

	font-size: 24px;

    color: #333333;

    position: relative;

    padding-left: 20px;

    font-weight: 700;

}

.title2 h3::after{

	width: 8px;

    height: 23px;

    background-color: #ff5400;

    content: "";

    position: absolute;

    top: 6px;

    left: 0;

    border-radius: 10px;

}

.new-box{

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

}

.ny-news .news-l{

	width: 72%;

}

.ny-news .news-l>ul li{

	background: #fff;

	padding: 15px;

	box-sizing: border-box;

	border-radius: 10px;

	margin-bottom: 20px;

}

.ny-news .news-l>ul li a{

	align-items: center !important;

}

.ny-news .news-l>ul li .new-i{

	width: 30%;

	border-radius: 10px;
	height: 200px;
	
	display: block;

	overflow: hidden;

}

.ny-news .news-l>ul li .new-i img{

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: .4s;

}

.ny-news .news-l>ul li .news-txt{

	width: 67%;

}

.ny-news .news-l>ul li h2{

	font-size: 18px;

	color: #333;

	font-weight: bold;

	margin-bottom: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	display: block;

	width: 100%;

}

.ny-news .news-l>ul li p{

	font-size: 16px;

	color: #333;

	line-height: 1.8;

	text-align: justify;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

}

.ny-news .news-l>ul li .news-time{

	margin-top: 20px;

}
.news-time span i{
	font-size: 16px;
	color: #777777;
	margin-right: 5px;
}
.ny-news .news-l>ul li span{

	font-size: 14px;
	margin-right: 15px;
	color: #777777;

}
.news-time div span{
	background: #f5f5f5;
    color: #333;
    padding: 4px 8px;
    border-radius: 3px;
}
.ny-news .news-r{

	width: 25%;

}

.ny-news .news-l>ul li a:hover h5{

	color: #ff5400;

}

.ny-news .news-l>ul li a:hover img{

	transform: scale(1.05);

}
.news-box{
	background: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 30px;
}
.ny-news .news-r ul.news-list{
	
}
.ny-news .news-r ul.news-list li{

}
.ny-news .news-r ul.news-list li a{

	font-size: 16px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    position: relative;
    border-bottom: 0.01rem dashed #cccccc;
    padding: 15px 0 15px 15px;

}
.ny-news .news-r ul.news-list li a::after{
	content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #cccccc;
    position: absolute;
    left: 0;
    top: 24px;
}
.ny-news .news-r ul.news-list li a:hover{

	color: #ff5400;

}

.ny-news .news-r .news-bg{

	margin: 30px 0;

}

.ny-news .news-r .news-bg img{

	width: 100%;

}

.ny-news .news-r .hot-news{

	background: #fff;
    border-radius: 10px;
    padding: 20px;

}
.ny-news .news-r .hot-news ul{
	
}
.ny-news .news-r .hot-news ul li{

	font-size: 20px;

    

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    width: 100%;

    border-bottom: 1px dashed #e8e8e8;

    padding: 15px 0 15px 0;

}

.ny-news .news-r .hot-news ul li i{

	color: #999999;

	font-family: 'myFont_M';

	padding-right: 10px;

}

.ny-news .news-r .hot-news ul li:nth-child(1) i,.ny-news .news-r .hot-news ul li:nth-child(2) i,.ny-news .news-r .hot-news ul li:nth-child(3) i{

	color: #ff5400;

}

.ny-news .news-r .hot-news ul li a{

	color: #333;

	font-size: 16px;

}

.ny-news .news-r .hot-news ul li a:hover{

	color: #ff5400;

}

/* 合作案例 */

.case1{

	background: #f0eff4;

	padding-top: 100px;

}

.case1 .case_l{

	width: 45%;

}

.case1 .case_l h5{

	color: #222;

	font-family: 'myFont_M';

	font-size: 45px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	display: block;

	width: 100%;

	margin: 30px 0 30px 0;

}

.case1 .case_l p{

	color: #333;

	font-size: 18px;

	line-height: 2;

	margin: 30px 0 80px 0;

}

.case1 .case_l a{

	width: 240px;

	display: block;

	text-align: center;

	color: #333;

	font-size: 22px;

	border: 2px solid #ff5400;

	line-height: 70px;

	border-radius: 10px;

	box-sizing: border-box;

	transition: .5s;

}

.case1 .case_l a:hover{

	background-image: linear-gradient(to bottom right, #f79239, #ff5400);

	color: #fff;

	border: 2px solid #f79239;

}

.case1 .case_r{

	width: 65%;

    position: absolute;

    right: 0;

    bottom: 0;

}

.case1 .case_r img{

	width: 100%;

}

/* 行业痛点 */

.hangye{

	background-color: #faf8fa;

}
.hy-box{
	margin-top: 60px;
}
.hy-box ul{

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	grid-gap: 120px 30px;

}

.hy-box ul li{

	text-align: center;

	position: relative;

	cursor: pointer;

}

.hy-box ul li i{

	font-size: 54px;

	height: 107px;

	line-height: 107px;

	color: #ff5400;

	margin-bottom: 10px;

	transition: .5s;

	width: 107px;

	border: 2px solid #ff9c6b;

	display: block;

	margin: 0 auto;

	border-radius: 100%;

	position: absolute;

	top: -62px;

	left: 50%;

	margin-left: -53.5px;

	background: #fff;

}

.hy-box ul li .hy-txt{

	background: #fff;

	padding: 80px 30px 50px 30px;

	box-sizing: border-box;

	box-shadow: 1px 1px 20px #f1f1f1;

	height: 250px;

	border-radius: 15px;

}

.hy-box ul li .hy-txt h5{

	font-size: 26px;

	color: #333;

	font-family: 'myFont3';

	margin-bottom: 20px;

}

.hy-box ul li .hy-txt p{

	text-align: justify;

	font-size: 16px;

	line-height: 1.5;

}

.hy-box ul li:hover i{

	background-color: #ff5400;

	transform: rotateY(360deg);

	color: #fff;

}

/* 新版案例 */

.ny-case1{

	position: relative;

	padding-bottom: 80px; 

	background-color: #faf8fa;

}

.ny-case1 .ny-case1-box{

	margin-bottom: 30px;

}

.ny-case1 .ny-case1-box:last-child{

	margin-bottom: 0;

}

.ny-case1 .ny-case1-l{

	width: 61%;

	height: 550px;

	background-color: #fff;

	padding: 50px;

	box-sizing: border-box;

	border-radius: 15px;

	float: left;

}

.ny-case1 .ny-case1-l-title{

	display: flex;

	justify-items: self-start;

	align-items: center;

	margin-bottom: 50px;

}

.ny-case1 .ny-case1-l-title img{

	width: 70px;

    height: 70px;

    object-fit: cover;

    margin-right: 20px;

    border-radius: 5px;

    box-shadow: 1px 2px 7px 0px #d4d4d4;

}

.ny-case1 .ny-case1-l-title .ny-case1-l-txt h5{

	font-size: 26px;

    color: #333;

    font-weight: bold;

}

.ny-case1 .ny-case1-l-title .ny-case1-l-txt p{

	font-size: 20px;

	color: #666;

}

.ny-case1 .ny-case1-l h3{

	font-size: 26px;

    font-weight: bold;
    color: #333;
    margin-bottom: 15px;

}

.ny-case1 .ny-case1-l>p{

	line-height: 1.8;

    font-size: 16px;

    color: #333;

    margin-bottom: 50px;

    text-align: justify;

}

.ny-case1 .ny-case1-l .ny-case1-l-num{

	display: flex;

    align-items: center;

}

.ny-case1 .ny-case1-l .ny-case1-l-num span{

	font-size: 18px;

}

.ny-case1 .ny-case1-l .ny-case1-l-num i{

	color: #fe5301;

    font-size: 30px;

    font-family: 'myFont5';

}

.ny-case1 .ny-case1-r{

	width: 37%;

	float: right;

}

.ny-case1 .ny-case1-r img{

	width: 100%;

	height: 550px;

	object-fit: cover;

	border-radius: 15px;

}

.ny-case1 .ny-case1-box:nth-child(3) .ny-case1-l,.ny-case1 .ny-case1-box:nth-child(5) .ny-case1-l,.ny-case1 .ny-case1-box:nth-child(7) .ny-case1-l{

	float: right;

}

.ny-case1 .ny-case1-box:nth-child(3) .ny-case1-r,.ny-case1 .ny-case1-box:nth-child(5) .ny-case1-r,.ny-case1 .ny-case1-box:nth-child(7) .ny-case1-r{

	float: left;

}

/* 优秀案例 */

.ny-case{

	position: relative;

	padding-bottom: 80px;

	background-color: #faf8fa;

}

.ny-case .case_l{

	width: 61%;

	height: 617px;

	background-color: #fff;

	padding: 50px;

	box-sizing: border-box;

	border-radius: 15px;

}

.ny-case .case_l h3{

	font-size: 34px;

	color: #333;

	margin-bottom: 30px;

	font-family: 'myFont3';

}

.ny-case .case_l p{

	font-size: 20px;

	line-height: 2;

	color: #333;

}

.ny-case .case_r{

	width: 37%;

	position: relative;

}

.ny-case .case_r img{

	width: 100%;

	height: 617px;

	object-fit: cover;

	border-radius: 15px;

}

.ny-case .case_r a{

	background: #3b7eee;

	width: 360px;

	padding: 14px 0;

	display: block;

	border: 10px solid #6ba2ff;

	border-radius: 50px;

	position: absolute;

	bottom: 25px;

	text-align: center;

	left: 50%;

	margin-left: -180px;

}

.ny-case .case_r a h5{

	font-size: 22px;

	color: #fff;

}

.ny-case .case_r a p{

	font-size: 18px;

	color: #ddd;

}

.ny-case .swiper-button-next{

    right: 5%;

	left: auto;

	top: 59%;

	width: 67px;

	height: 67px;

	background-size: 100% 100%;

    background-image: url(../image/right1.png);

}

.ny-case .swiper-button-prev{

    left: 5%;

	right: auto;

	top: 59%;

	width: 67px;

	height: 67px;

	background-size: 100% 100%;

    background-image: url(../image/left1.png);

}

.ny-case .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 0 10px;

}

.ny-case .swiper-pagination-bullet {

	width: 21px;

	height: 21px;

	background-color: #bbbbbb;

	opacity: 1;

	box-sizing: border-box;

	border-radius: 50px;

	margin-left: 10px;

}

.ny-case .swiper-pagination-bullet-active {

	border-radius: 10px;

	width: 55px;

	background-color: #ff5400;

}

.ny-case .swiper-pagination{

	bottom: 0;

	left: 45%;

}

/* 内页banner */

.ny-banner{

	width: 100%;

	height: 100%;

}

.ny-ba{

	position: relative;

	background-position: center;

	background-size: cover;

	justify-content: center;

	align-items: center;

	display: flex;

}

.ny-banner img{
	width: 100%;
    max-width: 100%;
}

.ny-banner .ba_box{

	position: absolute;

	vertical-align: middle;

	left: 0;

	width: 100%;

	box-sizing: border-box;

	text-align: left;

	margin-top: 2rem;

}

.ny-banner .ba_box h5{

	font-size: 48px;

	color: #333333;

	margin-bottom: 30px;

}
.ny-banner .ba_box h1{
	font-size: 36px;
    color: #333333;
    margin: 30px 0;
    font-family: myFont5;
}

.ny-banner .ba_box p{

	color: #666666;
	font-size: 16px;
	line-height: 1.5;
	text-align: justify;
    width: 50%;
    margin-bottom: 50px;

}
.ny-banner .ba-btn>a{
	width: 150px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	display: block;
	margin-right: 50px;
	background-image: linear-gradient(to bottom right, #ff5400, #f79239);
	transition: .5s;
}
.ny-banner .ba-btn>a:hover{
	background-image: linear-gradient(to bottom right, #f79239, #ff5400);
	transform: translateY(-2px);
}
.ny-banner .nybanner-er a{
	width: 150px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #ea5b24;
	text-align: center;
	border-radius: 5px;
	display: block;
	margin-right: 50px;
	border: 1px solid #ea5b24;
	transition: .5s;
}
.ny-banner .nybanner-er a:hover{
	color: #fff;
	background-image: linear-gradient(to bottom right, #ff5400, #f79239);
	transform: translateY(-2px);
}
.nybanner-er img{
	width: 150px;
}
/* 联系我们 */

.form{

	

}

.form ul li{

	margin-bottom: 20px;

	cursor: pointer;

}

.form ul li input{

	line-height: 70px;

	width: 100%;

	border: 2px solid #b9b8b8;

	border-radius: 5px;

	padding-left: 20px;

	font-size: 16px;

	color: #999999;

	box-sizing: border-box;

	

}

.form ul li.select{

	line-height: 70px;

	cursor: pointer;

	width: 100%;

}

.form ul li.select select{

	width: 100%;

	line-height: 70px;

	height: 70px;

	color: #666;

	padding-left: 20px;

	font-size: 16px;

	border: 2px solid #b9b8b8;

	border-radius: 5px;


	background-color: #fff;

}

.form ul li:hover input{

	border: 2px solid #ff5400;

}

.form ul li.select:hover select{

	border: 2px solid #ff5400;

}

.button{

	text-align: center;

}

.submit-btn{

	font-size: 22px;

	width: 100%;

	line-height: 70px;

	background-image: linear-gradient(to bottom right, #f79239, #ff5400);

	color: #fff;

	border: 2px solid #f79239;

	border-radius: 5px;

	cursor: pointer;

}

.submit-btn:hover{

	background-image: linear-gradient(to bottom right, #ff5400, #f79239);

}

.button p{

	font-size: 18px;

	color: #333333;

	line-height: 3;

}

.lx-box{
	margin-bottom: 30px;
}
.lx-box ul{
	display: flex;
    justify-content: space-between;
}
.lx-box1 ul{
	display: flex;
	justify-content: center;
}
.lx-flex li{
	width: 48%;
	box-sizing: border-box;
    border: 1px solid #ff5400;
    border-radius: 10px;
}
.lx-flex li h5{
	color: #ff5400;
	font-size: 28px;
	margin-bottom: 20px;
}
.lx-flex li .lx-right p{
	font-size: 18px;
    color: #222;
    line-height: 1.85;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.lx-flex li .lx-left{
	background: url(../image/lx-bg.jpg)no-repeat center center;
    padding: 40px 20px;
    background-size: cover;
    box-sizing: border-box;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #fff;
    width: 42%;
    height: 100%;
}
.lx-flex li .lx-left p{
	font-size: 14px;
}
.lx-flex li .lx-left h2{
	font-size: 20px;
	margin-bottom: 20px;
}
.lx-flex li .lx-right{
	width: 58%;
    padding: 40px 10px;
    box-sizing: border-box;
    height: 100%;
}
.lx-flex li .lx-right p i{
	font-size: 25px;
    color: #666;
    margin-right: 10px;
}

.add{

	padding-bottom: 80px;

}

.add .map-l{

	width: 40%;

}

.add .map-l h2{

	font-size: 30px;
    color: #333333;
    margin-bottom: 50px;
    font-family: 'myFont3';

}

.add .map-l p{

	font-size: 20px;

	color: #333333;

	line-height: 2;

}

.add .map-r{

	width: 60%;

    border-radius: 15px;

}

/* 帮助中心 */

.help{

	background: url(../image/help-bg2.jpg)#faf8fa no-repeat center center;

	background-size: cover;

	padding: 140px 0 110px;

}

.help .help-l{

	width: 100%;

}

.help .help-l h2{

	font-size: 36px;

	color: #333;

	margin-bottom: 30px;

	text-align: center;

}

.help .help-l form input[type="text"]{

	background: url(../image/sousuo.png) #fff no-repeat 18px center;
    line-height: 78px;
    width: 780px;
    border-radius: 10px;
    padding-left: 54px;
    font-size: 16px;
    color: #333;
    background-size: 20px;

}

.help-l form{

	position: relative;

	width: 800px;

	margin: 0 auto;

}

.help-l .flex_s{

	justify-content: center;

}

.s-bb{

	padding: 0 20px;

    display: flex;

    align-items: center;

    cursor: pointer;

    position: absolute;

    right: 20px;

    top: 27px;

    cursor: pointer;

}

.s-bb input{

	background: none;

	font-size: 20px;

    line-height: 24px;

    color: #ff5400;

    cursor: pointer;

}

.s-bb::after{

	content: "";

    width: .5px;

    height: 28px;

    background-color: #ccc;

    position: absolute;

    left: 0;

}

.help .help-l .help-icon{

	margin: 50px 0;

}

.help .help-l .help-icon a{

	position: relative;

	color: #333333;

	font-size: 20px;

	margin-right: 50px;

}

.help .help-l .help-icon a:hover{

	color: #ff5400;

}

.help .help-l .help-icon a::after{

	width: 2px;

	height: 21px;

	background-color: #999999;

	content: "";

	position: absolute;

	right: -27px;

	top: 8px;

	opacity: .2;

}

.help .help-l .help-icon a:last-child::after{

	display: none;

}
/*帮助中心页面新*/
.zz{
	margin: 80px 0;
}
.zz h3{
	font-size: 30px;
    font-weight: 600;
    color: #23272e;
    position: relative;
    padding-left: 17px;
    margin-bottom: 80px;
    line-height: 28px;
}
.zz h3::after{
	content: "";
    width: 5px;
    height: 26px;
    background-color: #ff5400;
    position: absolute;
    left: 0;
    top: 2px;
}
.zz .zz-box{
    
}
.zz .zz-box ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 50px 30px;
}
.zz .zz-box ul li{
	border: 1px solid #eee;
    padding: 16px 24px 20px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    border-radius: 2px;
}
.zz .zz-box ul li h4{
	color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 16px;
    border-bottom: 0.5px solid #eee;
}
.zz .zz-box ul li h4 i{
	margin-right: 10px;
	font-size: 25px;
}
.zz .zz-box ul li:nth-child(1) h4 i{
	color: #00d5d5;
}
.zz .zz-box ul li:nth-child(2) h4 i{
	color: #ff7272;
}
.zz .zz-box ul li:nth-child(3) h4 i{
	color: #6170ff;
}
.zz .zz-box ul li:nth-child(4) h4 i{
	color: #ff9635;
}
.zz .zz-box ul li:nth-child(5) h4 i{
	color: #71cb46;
}
.zz .zz-box ul li:nth-child(6) h4 i{
    color: #ff5400;
}
.zz .zz-box ul li a{
	font-size: 16px;
    line-height: 22px;
    color: #333;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    list-style: none;
    display: block;
    margin-top: 16px;
    padding-left: 12px;
    position: relative;
}
.zz .zz-box ul li a::after{
	width: 4px;
    height: 4px;
    content: "";
    border-radius: 50%;
    background-color: #666;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.zz .zz-box ul li a:hover{
	color: #ff5400;
}
/*帮助中心列表详情*/
.helps{
	height: calc(100vh - 80px);
	overflow: hidden;
}
.helps .helps-box{
	align-items: flex-start;
}
.helps .helps-box-l{
	height: calc(100vh - 80px);
    border-right: 1px solid #f1f1f1;
    background-color: #fafafa;
    width: 300px;
    box-sizing: border-box;
    overflow: scroll;
}
.helps .helps-box-l div:first-child .helps-title{
	padding: 50px 50px 10px 50px !important;
}
.helps .helps-box-l .helps-title{
	font-size: 18px;
	padding: 10px 50px 10px 50px;
    color: #333;
    align-items: center;
    display: flex;
    font-weight: 400;
    cursor: pointer;
}
.helps .helps-box-l .helps-title i{
	font-size: 20px;
    color: #333;
    cursor: pointer;
}
.helps-box-l>div:first-child .helps-nav{
	/*display: block;*/
}
.helps-box-l>div .helps-title.active i{    rotate: 90deg;}
.helps-nav{
	display: none;
}
.helps .helps-box-l a{
    color: #333;
    font-size: 16px;
    display: flex;
    align-items: center;
    padding: 0 50px;
    line-height: 45px;
}
.helps .helps-box-l a:hover{
	background: #eee;
}
.helps .helps-box-l a.active,.helps .helps-box-l a.active i{
	color: #ff5400;
}
.helps .helps-box-l a i{
    font-size: 14px;
    color: #666;
    margin-right: 5px;
}
.helps .helps-box-r{
	padding: 50px 50px;
	height: calc(100vh - 80px);
    width: 77%;
    overflow: scroll;
}
.helps .helps-box-r h2{
	font-size: 28px;
    line-height: 36px;
    color: #36383d;
    font-weight: 600;
    margin-bottom: 8px;
}
.helps .helps-box-r .helps-time{
	line-height: 26px;
    font-size: 14px;
    color: #999;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 0.5px solid #ddd;
}
.helps .helps-box-r .helps-box-nr{
	margin-bottom: 80px;
}
.helps .helps-box-r .helps-box-nr p{
	font-size: 14px;
    line-height: 1.75;
    margin-bottom: 8px;
    margin-top: 0;
    color: #333;
    word-break: break-word;
}
.helps .helps-box-r .helps-box-nr img{
	max-height: 100%;
    max-width: 100%;
}









/* 登记表单 */

.dj{

	padding-bottom: 80px;

}

.dj form ul li{

	margin-bottom: 30px;

	font-size: 20px;

	color: #222;

	display: flex;

	align-items: center;

	justify-content: space-between

}

.dj form ul li .dj-select{

	width: 84%;

	line-height: 70px;

	height: 70px;

}

.dj form ul li .dj-select select{

	width: 100%;

	height: 100%;

	border-radius: 10px;

	background-color: #faf8fa;

	border: 2px solid #b9b8b8;

	color: #666;

	font-size: 20px;


	padding-left: 20px;

	box-sizing: border-box;

}

.dj form ul li label{

	width: 100px;

	display: block;

}

.dj form ul li label i{

	color: #ff5400;

}

.dj form ul li input{

	width: 84%;

	line-height: 70px;

	border-radius: 10px;

	background: none;

	border: 2px solid #b9b8b8;

	color: #333;

	font-size: 20px;

	padding-left: 20px;

	box-sizing: border-box;

	cursor: pointer;

}

.dj-btn-box{

	text-align: center;

	margin-top: 50px;

}

.dj-btn{

	width: 260px;

	line-height: 76px;

	background-color:#ff5400;

	color: #fff;

	font-size: 28px;

	border-radius: 10px;

	cursor: pointer;

}

.dj-btn:hover{

	background-image: linear-gradient(to bottom right, #f79239, #ff5400);

}

.dj form ul li:hover input{

	border: 2px solid #ff5400;

}

.dj form ul li:hover .dj-select select{

	border: 2px solid #ff5400;

}

/* 新闻详情 */

.secondNav_loc{

	line-height: 70px;

	background-color: #fff;

}

.secondNav_loc span,.secondNav_loc a{

	font-size: 16px;

	color: #333;

}
.deail,.Reading{
	background: #fff;
    padding: 50px 30px;
    border-radius: 10px;
    box-sizing: border-box;	
}
.deail>h1{

	font-size: 26px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;

}

.deail-time{

	margin-bottom: 30px;

    border-bottom: 1px solid #e3e3e3dd;

    padding-bottom: 30px;

}

.deail-time span{
	font-size: 14px;
	color: #666;
	margin: 0 15px;
}

.deail_des{

	padding-bottom: 50px;

}

.deail_des p{
    font-size: 14px;
    text-align: justify;
    color: #333;
    line-height: 1.5;
    margin: 15px auto;
}

.deail_des p strong{
	font-weight: bold;
    color: #222;
}
.deail_des p em{
	font-style: normal;
}
.deail_des h1,.deail_des h2,.deail_des h3,.deail_des h4,.deail_des h5,.deail_des h6{

	color: #333333;

	font-size: 18px;

	font-weight: bold;

	margin: 20px 0;

}
/*相关阅读*/
.Reading{
    margin-top: 30px;
}
.Reading ul{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px 30px;
	margin-top: 20px;
}
.Reading ul li{
	
}
.Reading ul li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #333;
}
.Reading ul li h2{
	position: relative;
	font-size: 16px;
	padding-left: 15px;
	color: #222;
	transition: .5s;
}
.Reading ul li h2::after{
	position: absolute;
    content: "";
    left: 0;
    top: 8px;
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: #c5c5c5;
}
.Reading ul li i{
    font-size: 14px;
    color: #666;
}
.Reading ul li a:hover h2,.Reading ul li a:hover i{
	color: #ff5400;
}
/* 未访问的链接 */
.deail_des a:link {
  	color: #2440b3;
}
/* 鼠标悬停时的链接 */
.deail_des a:hover {
  	color: #315efb;
}
/* 鼠标点击时的链接 */
.deail_des a:active {
  color: #626675;
}
.deail_des img{
	margin: 30px auto;
    max-width: 100%;
}
.delHandle {

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    height: 70px;

	width: 100%;
	margin-bottom: 50px;

    line-height: 70px;

    align-items: center;

    box-sizing: border-box;

    justify-content: space-between;

}

.delHandle .item a i{

	font-size: 20px;

}
.delPrev-r,.delNext{
	width: 40%;
}
.delHandle .item a span{

	margin-right: 15px;
	font-size: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 70%;
}

.delPrev-r a span{

	margin-left: 15px;

}

.jl{

	padding: 20px 0;

}

.jl-icon{

	margin-top: 20px;

    justify-content: center;

}

.jl-icon i{

	margin-right: 20px;

}

.jl-icon i img{

	border: 1px solid #e4e4e4;

	width: 120px;

	border-radius: 10px;

}

.jl-icon i p{

	font-size: 16px;

	color: #333;

	line-height: 2;

	text-align: center;

}

.zm-img{

	margin: 0 auto 1rem auto;

}

.url a:hover{

	color: #ff712b;

}

.nr{

	padding: 0 0 80px 0;

}

.nr p img{

	margin: 0 auto;

}
/*广告测算下面部分内容*/
.ce-nr{

}
.ce-nr .ce-box{
	position: relative;
    margin: 60px 0;
}
.ce-title{

} 
.ce-title h2{
	font-size: 36px;
	font-family: myFont5;
	color: #ff5400;
	text-align: center;
} 
.ce-nr .ce-box .ce-left{
	width: 25%;
    position: absolute;
    left: 30px;
    background: #ff5400;
    padding: 30px;
    box-sizing: border-box;
    height: 113%;
    top: -30px;
    border-radius: 10px;
}
.ce-nr .ce-box .ce-left h3{
	line-height: 79px;
    color: #fff;
    font-size: 24px;
    font-family: myFont3;
    text-align: center;
    border-bottom: 1px dashed #ffb590;
}
.ce-nr .ce-box .ce-left h3:last-child{
	border-bottom: 0;
}
.ce-nr .ce-box .ce-right{
	border: 2px solid #ff5400;
    border-radius: 10px;
    height: 476px;
}
.ce-nr .ce-right-box{
	width: 70%;
    position: absolute;
    right: 0;
    display: flex;
    justify-content: space-between;
}
.ce-nr .ce-right-box table{
    width: 100%;
}
.ce-nr .ce-right-box tr{
    border-bottom: 1px dashed #ffb590;
}
.ce-nr .ce-right-box tr:last-child,.ce-nr .ce-right-box tr th:last-child,.ce-nr .ce-right-box tr td:last-child{
	border-bottom: 0;
	border-right: 0;
}
.ce-nr .ce-right-box tr th{
	line-height: 81px;
    font-size: 24px;
    color: #ff5500;
    font-family: 'myFont3';
    border-bottom: 1px dashed #ffb590;
    border-right: 1px dashed #ffb590;
    text-align: center;
}
.ce-nr .ce-right-box tr td{
	text-align: center;
	font-size: 16px;
    margin: 8px 0;
    padding: 11px 27px;
    color: #333;
    border-right: 1px dashed #ffb590;
}
.ce-title2 .ce-right{
	height: 557px !important;
}
.ce-title2 .ce-right-box tr td{
    padding: 25.2px 27px;
}
.ce-title3{
	margin: 100px 0;
}
.ce-title3-box{
	margin-top: 50px;
}
.ce-title3-box p,.ce-title3-box p span{
	text-align: justify;
    font-size: 16px !important;
    padding: 0 80px;
    color: #333;
    line-height: 35px;
}
.ce-title3-box img{
	margin: 0 auto;
    max-width: 100%;
}
/*芒果内容SDK*/
.ny-banner .nr-sdk-left{
	width: 54%;
}
.ny-banner .nr-sdk-left p{
	width: 73%;
}
.ny-banner .nr-sdk-right{
	position: relative;
	width: 45%;
}
.ny-banner .nr-sdk-right img{
	width: 100%;
}
.ny-banner .nr-sdk-icon{
	position: absolute;
    right: 75px;
    top: 49px;
}
.ny-banner .nr-sdk-icon img{
	width: 90px;
}
.bg-img{
	background: url(../image/nr-bg3.png) no-repeat center center;
    padding: 80px 0 30px 0;
}
.bg-img1{
	position: relative;
    padding: 0 0 80px 0;
}
.bg-img1::after{
	content: "";
    position: absolute;
    top: 0;
    background: url(../image/nr-bg2.png) #fff no-repeat top center;
    padding: 0 0 30px 0;
    background-position: top;
    width: 100%;
    height: 50%;
    z-index: -1;
}
.bg-img1::before{
	content: "";
    position: absolute;
    bottom: 0;
    background: url(../image/nr-bg5.png) #fff no-repeat bottom center;
    padding: 0 0 30px 0;
    background-position: top;
    width: 100%;
    height: 28%;
    z-index: -1;
}
.nr-sdk2{
	background: url(../image/nr-bg1.png) #fff no-repeat bottom right;
    padding: 0px 0 30px 0;
    background-position: right bottom;
}
.nr-sdk1-title h3{
	display: flex !important;
    align-items: center;
}
.nr-sdk1-title h3 img{
	width: 35px;
	margin-left: 15px;
	animation: rotation 10s linear infinite;
}
.nr-sdk2 .nr-sdk2-box{
	position: relative;
	width: 100%;
}
.nr-sdk2 .nr-sdk2-left{
	position: relative;
}
.nr-sdk2 .nr-sdk2-left::after{
	content: "";
    position: absolute;
    left: 0;
    height: 350px;
    border-top-right-radius: 200px;
    border-bottom-right-radius: 200px;
    z-index: 1;
    top: 26%;
    width: calc((100% - 1200px) / 2 + 1200px);
    background: url(../image/nr-bg.png) #fff1e2 no-repeat left center;
}
.nr-sdk2-bg{
    z-index: 99;
    position: relative;
}
.nr-sdk2-bg h3{
	position: absolute;
    left: 203px;
    top: 13%;
    display: flex;
    align-items: center;
    font-size: 26px;
    color: #333333;
    font-family: myFont3;
}
.nr-sdk2-bg h3 img{
	width: 35px;
    margin-left: 15px;
    animation: rotation 10s linear infinite;
}
.nr-sdk2 .nr-sdk2-left .nrsdk2{
	position: relative;
}
.nr-sdk2 .nr-sdk2-left .nrsdk2 ul li:first-child p{
	opacity: 1;
}
.nr-sdk2 .nr-sdk2-left .nrsdk2 ul li p{
	width: 39%;
	color: #222;
    font-size: 18px;
    line-height: 2;
    opacity: 0;
}
.nr-sdk2 .nr-sdk2-left .nrsdk2 ul li .nr-imm{
	width: 27%;
	padding: 0 100px;
}
.nr-sdk2 .nr-sdk2-left .nrsdk2 ul li img{
	width: 100%;
}
.nr-sdk2 .nr-sdk2-right{
	width: calc((100% - 1200px) / 2);
}
/*箭头*/
.nrsdk2 .swiper-button-prev{
    left: auto;
    width: 22px;
    height: 40px;
    background-image: url(../image/nr-left.png);
    left: 710px;
    bottom: 30px;
    cursor: pointer;
    background-size: 100% auto;
}
.nrsdk2 .swiper-button-next{
	width: 22px;
    height: 40px;
	background-image: url(../image/nr-right.png);
    right: 60px;
    bottom: 30px;
    cursor: pointer;
    background-size: 100% auto;
}
/*小程序页面*/
.xcx-ys .xcx-ys-box{
	margin-bottom: 60px;
}
.xcx-ys .xcx-ys-box ul{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 0px 30px;
}
.xcx-ys .xcx-ys-box ul li{
	border-radius: 10px;
	padding: 50px 30px 50px 30px;
	cursor: pointer;
}
.xcx-ys .xcx-ys-box ul li:nth-child(1){
    background: url(../image/xc-sy1.png)#fafafa no-repeat bottom center;
}
.xcx-ys .xcx-ys-box ul li:nth-child(2){
	background: url(../image/xc-sy2.png)#fafafa no-repeat bottom center;
}
.xcx-ys .xcx-ys-box ul li:nth-child(3){
	background: url(../image/xc-sy3.png)#fafafa no-repeat bottom center;
}
.xcx-ys .xcx-ys-box ul li:nth-child(4){
	background: url(../image/xc-sy4.png)#fafafa no-repeat bottom center;
}
.xcx-ys .xcx-ys-box ul li:hover:nth-child(1){
	background: url(../image/xc-hover.png)#ff9259 no-repeat bottom center;
}
.xcx-ys .xcx-ys-box ul li:hover:nth-child(2){
	background: url(../image/xc-hover.png)#ff9259 no-repeat bottom center;
}
.xcx-ys .xcx-ys-box ul li:hover:nth-child(3){
	background: url(../image/xc-hover.png)#ff9259 no-repeat bottom center;
}
.xcx-ys .xcx-ys-box ul li:hover:nth-child(4){
	background: url(../image/xc-hover.png)#ff9259 no-repeat bottom center;
}
.xcx-ys .xcx-ys-box ul li h3{
    color: #222;
    display: flex;
    align-items: center;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.xcx-ys .xcx-ys-box ul li h3 i{
	padding-right: 10px;
    width: 45px;
    height: 45px;
    display: block;
    transition: .5s;
}
.xcx-ys .xcx-ys-box ul li:nth-child(1) h3 i{
	background: url(../image/xc10-hover.png) no-repeat top left;
}
.xcx-ys .xcx-ys-box ul li:nth-child(2) h3 i{
	background: url(../image/xc11-hover.png) no-repeat top left;
}
.xcx-ys .xcx-ys-box ul li:nth-child(3) h3 i{
	background: url(../image/xc12-hover.png) no-repeat top left;
}
.xcx-ys .xcx-ys-box ul li:nth-child(4) h3 i{
	background: url(../image/xc13-hover.png) no-repeat top left;
}
.xcx-ys .xcx-ys-box ul li:hover h3 i{
	background-position: left bottom;
}
/*.xcx-ys .xcx-ys-box ul li:hover:nth-child(1) h3 i{
	background: url(../images/xc10-h.png) no-repeat center left;
}
.xcx-ys .xcx-ys-box ul li:hover:nth-child(2) h3 i{
	background: url(../images/xc11-h.png) no-repeat center left;
}
.xcx-ys .xcx-ys-box ul li:hover:nth-child(3) h3 i{
	background: url(../images/xc12-h.png) no-repeat center left;
}
.xcx-ys .xcx-ys-box ul li:hover:nth-child(4) h3 i{
	background: url(../images/xc13-h.png) no-repeat center left;
}*/
.xcx-ys .xcx-ys-box ul li p{
	font-size: 16px;
    line-height: 35px;
    text-align: justify;
    color: #333;
}
.xcx-ys .xcx-ys-box ul li:hover p,.xcx-ys .xcx-ys-box ul li:hover h3{
	color: #fff;
}
/*小程序banner视觉差效果*/
.nr-xcxban .nr-sdk-right img,.nr-xcxban1 img{
    transition: transform 0.6s ease;
    width: 100%; /* 根据实际情况调整 */
}
/*接入模式*/
.xcx-jr{
	padding: 60px 0;
	background: url(../image/xc-bg2.png) no-repeat center right;
	background-position: center;
}
.xcx-jr .xcx-jr-l{
	width: 48%;
}
.xcx-jr .xcx-jr-l h3{
	font-size: 26px;
    font-family: myFont3;
    color: #333333;
    margin-bottom: 30px;
}
.xcx-jr .xcx-jr-l h3 em{
	color: #ea5b24;
}
.xcx-jr .xcx-jr-l p{
	font-size: 16px;
    line-height: 55px;
    color: #666666;
}
.xcx-jr .xcx-jr-l .xcx-icon{
	
}
.xcx-jr .xcx-jr-l .xcx-icon p{
	position: relative;
	padding-left: 15px;
}
.xcx-jr .xcx-jr-l .xcx-icon p::after{
	position: absolute;
	content: "";
	left: 0;
	top: 22px;
	width: 10px;
	border-radius: 50px;
	height: 10px;
	background: #7ccf56;
}
/*.xcx-jr .xcx-jr-l .xcx-icon p:first-child::before{
	position: absolute;
    content: "";
    top: 29px;
    left: 5px;
    width: 1px;
    height: 57px;
    background: #7ccf56;
}*/
.xcx-jr .xcx-jr-r{
    width: 36%;
}
.xcx-jr .xcx-jr-r .xcx-jr-img img{
	animation: aniTop 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;
    -webkit-animation: aniTop 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;
    will-change: transform;
}
/*广告形式*/
.xcx-xs{
	padding-bottom: 60px;
}
.xcx-xs .xcx-bg1{
	background: url(../image/xcx-xs-bg.png) no-repeat center right;
	background-position: right;
}
.xcx-xs .xcx-type{
	margin-bottom: 60px;
}
.xcx-xs .xcx-type>div{
	padding: 0 120px 20px 120px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
}
.xcx-xs .xcx-type a{
	display: block;
	position: relative;
}
.xcx-xs .xcx-type a::after{
	position: absolute;
	left: 0;
	content: "";
	width: 0;
	bottom: -23px;
	height: 5px;
	background-color: #ea5b24;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.xcx-xs .xcx-type a:hover::after,.xcx-xs .xcx-type a.active::after{
	 width: 100%;
}
.xcx-xs .xcx-type img{
	margin: 0 auto;
    max-height: 44px;
    transition: .5s;
}
.xcx-xs .xcx-type a:hover img{
	transform: translateY(-8px);
}
.xcx-xs .xcx-type h3{
	margin-top: 10px;
	font-size: 18px;
	color: #222;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-hover{
	display: none;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-hover>div.flex{
	padding: 0 100px;
}
.xcx-xs .xcx-xs-bg2{
	background: url(../image/xc-2.png) no-repeat bottom left;
	background-position: left;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-l{
	width: 40%;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-r{
	width: 54%;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-l img{
	width: 100%;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-r p{
	position: relative;
    padding-left: 15px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 55px;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-r p::after{
	position: absolute;
    content: "";
    left: 0;
    top: 5px;
    width: 10px;
    border-radius: 50px;
    height: 10px;
    background: #7ccf56;
}
/*.xcx-xs .xcx-xs-bg2 .xcx-xs-r p::before{
	position: absolute;
    content: "";
    top: 13px;
    left: 4px;
    width: 1px;
    height: 96px;
    background: #7ccf56;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-r p:first-child::before{
	position: absolute;
    content: "";
    top: 13px;
    left: 4px;
    width: 1px;
    height: 96px;
    background: #7ccf56;
}
.xcx-xs .xcx-xs-bg2 .xcx-xs-r p:last-child::before{
	display: none;
}*/
/*接入流程*/
.xcx-lc{
	margin-bottom: 60px;
}
.xcx-lc .xcx-lc-box{
	padding: 0 90px;
	box-sizing: border-box;
}
.xcx-lc .xcx-lc-box ul li{
	cursor: pointer;
}
.xcx-lc .xcx-lc-box ul li i{
	font-size: 60px;
	display: block;
	width: 120px;
	margin-bottom: 20px;
	height: 120px;
	line-height: 120px;
	border-radius: 100%;
	text-align: center;
	color: #fff;
	background-image: linear-gradient(to bottom right, #f96c32, #feb16c);
}
.xcx-lc .xcx-lc-box ul li.xcx-hover i{
	transition: .5s;
}
.xcx-lc .xcx-lc-box ul li.xcx-hover:hover i{
	-webkit-transform: rotate3d(0,1,0,360deg);
	-moz-transform: rotate3d(0,1,0,360deg);
	transform: rotate3d(0,1,0,360deg);
	transition: -webkit-transform 0.5s ease-in-out;
	transition: -moz-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
}
.xcx-lc .xcx-lc-box ul li h3{
	text-align: center;
	font-size: 20px;
	font-family: myFont3;
	margin-bottom: 10px;
	color: #222;
}
.xcx-lc .xcx-lc-box ul li p,.xcx-lc .xcx-lc-box ul li p span{
	font-size: 16px !important;
	color: #666666;
	line-height: 35px;
	text-align: center;
}
/*客户案例*/
.xcx-ke{
	background: url(../image/xc-bg4.png) no-repeat center center;
	padding: 0 0 80px 0;
}
.xcx-ke .xcx-ke-box{
	cursor: pointer;
	box-shadow: 0 4px 20px rgb(0 0 0 / 4%);
    border-radius: 15px;
}
.xcx-ke ul li{
	height: 392px;
}
.xcx-ke .xcx-ke-box-l{
	background: #fff;
	padding: 30px 50px;
	box-sizing: border-box;
}
.xcx-ke .xcx-ke-box-l h3{
	font-size: 26px;
    color: #333333;
    font-family: myFont3;
    padding-left: 50px;
    position: relative;
}
.xcx-ke .xcx-ke-box-l h3::after{
	content: "";
	position: absolute;
	left: 0;
	width: 48px;
	height: 39px;
	display: block;
	top: -8px;
	background: url(../image/xcx-d.png) no-repeat center center;
	background-size: 68%;
}
.xcx-ke .xcx-ke-box-l>p{
	margin: 20px 0;
	font-size: 16px;
	color: #666;
	text-align: justify;
}
.xcx-ke .xcx-ke-box-l em{
	font-size: 18px;
	color: #333;
	margin-bottom: 20px;
	display: block;
}
.xcx-ke .xcx-ke-box-l .xcx-ke-num{
	
}
.xcx-ke .xcx-ke-box-l .xcx-ke-num .xcx-ke-num1{
	margin-right: 80px;
	position: relative;
}
.xcx-ke .xcx-ke-box-l .xcx-ke-num .xcx-ke-num1:first-child::after{
	content: "";
    position: absolute;
    right: -43px;
    width: 1px;
    height: 71px;
    background: #e5e5e5;
    top: 21px;
}
.xcx-ke .xcx-ke-box-l .xcx-ke-num .xcx-ke-num1 b{
	font-size: 30px;
	color: #ea5b24;
	font-family: 'myFont5';
}
.xcx-ke .xcx-ke-box-l .xcx-ke-num .xcx-ke-num1 i{
	font-size: 20px;
	font-weight: 700;
	color: #ea5b24;
}
.xcx-ke .xcx-ke-box-l .xcx-ke-num .xcx-ke-num1 p{
	font-size: 18px;
	color: #999;
}
.xcx-ke .xcx-ke-box-l,.xcx-ke .xcx-ke-box-r{
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.xcx-ke .xcx-ke-box-l{
	border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.xcx-ke .xcx-ke-box-r{
	border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.xcx-ke .xcx-ke-box-r img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*按钮*/
.xcx-ke-box .swiper-pagination{
    text-align: left;
    margin-left: 50px;
    margin-bottom: 15px;
}
.xcx-ke-box .swiper-pagination .swiper-pagination-bullet{
    width: 28px;
    height: 4px;
    background:#e3e3e3;
    border-radius: 50px;
    margin:0 5px !important;
    opacity: 1;
}
.xcx-ke-box .swiper-pagination .swiper-pagination-bullet-active{
    position: relative;
    width: 65px;
    height: 4px;
    background:#ea5b24;
}
/*旋转动画*/
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotation1 {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0);
  }
}

/* 返回箭头 */
#back_top{position:fixed;right:2vw;bottom:4vw;transform:translateY(100%);-webkit-transform:translateY(100%);z-index:888;transition:all .6s;}
#back_top.onshow{opacity:1;-webkit-opacity:1;visibility:visible;transform:none;-webkit-transform:none;}
#back_top .master_backTop .master_aperture{background: linear-gradient(to bottom, #ff5400, #ff5400);position:absolute;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%;
opacity:0;-webkit-opacity:0;z-index:-1;}
#back_top .master_backTop .master_backTop_btn{color:#fff;width:50px;height:50px;border-radius:50%;-webkit-border-radius:50%;
align-items:center;justify-content:center;z-index:2;background: linear-gradient(to bottom,#ff5400, #ff5400);}
#back_top .master_backTop .master_backTop_btn .master_backTop_txt>i{font-size:24px;}
#back_top .master_backTop .master_aperture.circle01{animation:scalej01 2s .5s infinite;-webkit-animation:scalej01 2s .5s infinite;}
@keyframes scalej01{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{ transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0;-webkit-opacity:0;}
}  
@-webkit-keyframes scalej01{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{ transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0;-webkit-opacity:0;}
}  
#back_top .master_backTop .master_aperture.circle02{animation:scalej02 2s infinite;-webkit-animation:scalej02 2s infinite;}
@keyframes scalej02{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;}
}  
@-webkit-keyframes scalej02{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;}
}