﻿

/* CSS Document */

/* 上导航 */

.top-head {width: 100%;border-bottom: 1px solid rgba(255,255,255,.8);position: absolute;top: 0;left: 0;z-index: 1111;}

.top-head>div>div:first-child {width: 360px;height: 60px;border-radius: 30px;background-color: rgba(255,255,255,.14);display: flex;align-items: center;justify-content: center;}

.top-head>div>div:first-child>div {width: 300px;height: 50px;background-repeat: no-repeat;background-position: center;background-image: url(../image/pc-logo.png);}

.top-head>div {display: flex;align-items: center;height: 88px;justify-content: space-between;}



.top-head2>div>div:first-child>div {background-image: url(../image/anmiab-logo.png);}

.top-head2 .navBar a {color: #333;text-shadow: none;}

.top-head2 {background-color:#fff;position: fixed;top:-88px;box-shadow: 2px 2px 10px rgba(0,0,0,.1);}

.animab {transform: translateY(88px);transition-duration: .5s;}

.animab2 {transform: translateY(0px);transition-duration: .5s;}



.clearfix:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

.clearfix10:after {

	content:".";

	display:block;

	height:10px;

	clear:both;

	visibility:hidden;

}

#header{width:1000px; margin:0 auto;}

.navBar {

	width:700px;

	height:50px;

	line-height:50px;

	color:#fff

}

.nav {

	position:relative;

	margin:0 auto;

	font-family:"Microsoft YaHei",SimSun,SimHei;

	font-size:14px;

}

.nav a {

	color:#fff;width: 100px;display: flex;align-items: center;justify-content: center;font-size: 18px;text-shadow: 2px 2px 4px rgba(0,0,0,.5);

}

.nav h3 {

	font-size:100%;

	font-weight:normal;

}

.nav .m {

	float:left;

	position:relative;

	z-index:1;

}

.nav .s {

	float:left;

	width:3px;

	text-align:center;

	color:#D4D4D4;

	font-size:12px;

}

.nav h3 a {

	display:block;

	width:115px;

	text-align:center;

	font-weight:bold;

}

.nav .sub {

	display:none;

	position:absolute;

	left:-3px;

	top:50px;

	z-index:1;

	width:117px;

	border:1px solid #E6E4E3;

	border-top:0;

	background:#fff;

}

.nav .sub li {

	text-align:center;

	padding:0 8px;

	margin-bottom:-1px;

}

.nav .sub li a {

	display:block;

	border-bottom:1px solid #E6E4E3;

	padding:8px 0;

	height:28px;

	line-height:28px;

	color:#000;

	font-size:12px;

	font-weight:bold;

}

.nav .sub li a:hover {

	color:#FE7700;

}

.nav .block {

	height:4px;

	width:32px;

	background:#fff;

	position:absolute;

	left:0;

	top:42px;border-radius: 2px;;transform: translateX(36px);

	overflow:hidden;

}

/* 上导航 */





/* banner */

html, body {

	position: relative;

	height: 100%;

}

.banner-all {height: 700px;width: 100%;}

#swiper1 {

	width: 100%;

	height: 100%;

	transition: 1s background-color 1.3s;

}

#swiper1 .swiper-wrapper {

	background-color: #33678b;

	transition-delay: 1s;

	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);

}

#swiper1 .swiper-slide {

	text-align: center;

	font-size: 18px;

	/* Center slide text vertically */

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

}

.lunbo-wrapper>div:first-child .title {display:block!important}

.title {

	transition-delay: 1s;

	z-index: 10;display: none;

}

.title h3 {

	font-weight: 500;

    font-size: 54px;

	color: rgba(255,255,255,0);

	-webkit-text-stroke: 1px #fff;margin-bottom: 40px;

}

.title span {color: #fff;padding: 6px 20px;background-color: rgba(255,255,255,.2);font-size: 16px;border-radius: 20px;letter-spacing: 6px;text-shadow: 2px 2px 2px rgba(0,0,0,.5);}

.img-box {

	width: 100%;

	height: 100%;

	position: absolute;

	transform: scale(0.6, 0.6);

	transition-duration: 1s;

	transition-property: transform;

	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);

	opacity: 0.9;

	overflow: hidden;

	top: 0;

	left: 0;

}

.img-box img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	transform: scale(1.2, 1.2) translateX(50%);

	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);

	transition-property: transform;

}

.button-prev, .button-next {

	transition: 0.5s;

	outline: none;

	position: absolute;

	width: 140px;

	z-index: 10;

	top: 65vh;

	transform: translateY(-34px);

	cursor: pointer;

}

.button-prev {

	left: 4vw;

}

.button-next {

	right: 4vw;

}

.button.disabled {

	opacity: 0.2;

	cursor: default;

}

#arrow-svg-home {

	transform: translateY(353px);

}

.button-next #arrow-svg-home {

	transform: translateY(353px) rotateY(180deg);

	transform-origin: 80px 0px 0px;

}

svg {

	transition: 0.5s;

}

.cls-1 {

	transition: 0.5s;

	opacity: 0.4;

	transform-origin: -20px 40px;

	opacity: 1;

}

.cls-4 {

	transition: 0.5s;

	stroke-width: 2px;

	stroke: #fff;

	fill: none;

	stroke-dasharray: 1;

	stroke-dashoffset: 1;

	opacity: 0.4;

	transform-origin: 0px 0px 0px;

}

#arrow-trg {

	transition: 0.5s;

	fill: #fff;

	transform: rotateY(180deg) translate(-53px, 39px);

}

#line {

	transition: 0.5s;

	stroke: #fff;

	transform: translate(50px, 42px);

}

.button-prev:not(.disabled):hover svg {

	transform: translateX(-25px);

}

.button-next:not(.disabled):hover svg {

	transform: translateX(25px);

}

.button:not(.disabled):hover .cls-1 {

	transform: scale(1.1);

}

.button:not(.disabled):hover .cls-4 {

	stroke-dasharray: 2px;

	stroke-dashoffset: 2px;

	opacity: 1;

}

.button:not(.disabled):hover #arrow-trg {

	transform: rotateY(180deg) translate(-37px, 39px);

}

.button:not(.disabled):hover #line {

	transform: translate(35px, 42px) scaleX(0.33);

}

/* banner */





/* 数据 */

.index-number {width: 100%;height: 150px;background-color: #f3f3f3;display: flex;align-items: center;justify-content: center;}

.statistics-box {width: 1250px;display: flex;align-items: center;justify-content: space-around;background-color: #fff;height: 110px;box-shadow: 4px 4px 20px rgba(0,0,0,.04);}

.statistics-li {display: flex;flex-direction: column;align-items: center;}

.statistics-box>div>div:first-child {width: 32px;height: 32px;background-position: center;background-repeat: no-repeat;}

.statistics-box>div:nth-child(1)>div:first-child {background-image: url(../image/number-ico1.png)}

.statistics-box>div:nth-child(2)>div:first-child {background-image: url(../image/number-ico2.png)}

.statistics-box>div:nth-child(3)>div:first-child {background-image: url(../image/number-ico3.png)}

.statistics-box>div:nth-child(4)>div:first-child {background-image: url(../image/number-ico4.png)}

.s-digital {position: relative}

.s-digital p {position: absolute;right: 0;top: -8px;transform: translateX(10px);}

.s-digital h5 {font-size: 20px}

/* 数据 */



/* 我们在做什么 */

.doing-img {background-image:url(../image/center-ico.png);width:110px;height:110px;display:flex;align-items:center;justify-content:center}

.doing-img>img {animation: zzz 5s linear 0s infinite normal;}

@keyframes zzz {

	0% {transform: rotate(0deg)}

	100% {transform: rotate(360deg)}

}

.doing span {font-size:28px;margin-top:20px}

.doing {display: flex;flex-direction: column;align-items: center;margin-top: 80px;}

.doing>ul {display: flex;width: 1250px;justify-content: space-between;margin-top: 50px;}

.doing>ul>li>h3 {font-size: 16px;font-weight: 400;margin-bottom: 20px;}

.doing>ul>li {width: 188px;height: 266px;border: 1px solid #ccc;display: flex;flex-direction: column;align-items: center;position: relative;justify-content: center;transition-duration: .3s;position: relative;background-color: #fff;cursor:pointer}

.doing-ico {width: 150px;height: 100px;overflow: hidden;position: relative;}

.doing-ico>div {display: flex;align-items: center;position: absolute;top: 0;left: 0;transition-duration: .5s;width: 300px;}

.doing>ul>li>ul>li {font-size: 14px;color: #666;line-height: 1.5em;}

.doing>ul>li>div:first-child {width: 0;height: 2px;background-color: #fff;position: absolute;top: 0;transition-duration: .3s;left: 0;background-color: #4580e9}

.doing-ico>div>div {width: 150px;height: 100px;background-position: center;background-repeat: no-repeat;overflow: hidden}



.doing>ul>li:hover .doing-ico>div {transform: translateX(-150px);}

.doing>ul>li:hover>div:first-child {width:100%}

.doing>ul>li:hover {border-color: #fff;transform: translateY(-20px);box-shadow: 2px 2px 10px rgba(0,0,0,.1);}



.doing>ul>li:nth-child(1) .doing-ico>div>div:nth-child(1) {background-image: url(../image/doing-ico1.png)}

.doing>ul>li:nth-child(1) .doing-ico>div>div:nth-child(2) {background-image: url(../image/doing-ico1-y.png)}



.doing>ul>li:nth-child(2) .doing-ico>div>div:nth-child(1) {background-image: url(../image/doing-ico2.png);}

.doing>ul>li:nth-child(2) .doing-ico>div>div:nth-child(2) {background-image: url(../image/doing-ico2-y.png)}



.doing>ul>li:nth-child(3) .doing-ico>div>div:nth-child(1) {background-image: url(../image/doing-ico3.png);}

.doing>ul>li:nth-child(3) .doing-ico>div>div:nth-child(2) {background-image: url(../image/doing-ico3-y.png)}



.doing>ul>li:nth-child(4) .doing-ico>div>div:nth-child(1) {background-image: url(../image/doing-ico4.png);}

.doing>ul>li:nth-child(4) .doing-ico>div>div:nth-child(2) {background-image: url(../image/doing-ico4-y.png)}



.doing>ul>li:nth-child(5) .doing-ico>div>div:nth-child(1) {background-image: url(../image/doing-ico5.png);}

.doing>ul>li:nth-child(5) .doing-ico>div>div:nth-child(2) {background-image: url(../image/doing-ico5-y.png)}



.doing>ul>li>ul {display: flex;flex-direction: column;align-items: center;height: 70px;}

/* 我们在做什么 */



/* 专注开发 */

.kaifa {display: flex;flex-direction: column;align-items: center;background-image: url(../image/kaifa-bg.jpg);height: 530px;justify-content: center;margin-top: 100px;}





.kaifa ul li {width: 360px;height: 160px;background-image: url(../image/kaifa-kbg.png);display: flex;flex-direction: column;justify-content: center;padding: 20px;box-sizing: border-box;border-radius: 14px;background-position: right;}

.kaifa ul li:nth-child(1) {background-color:#50c6a0;box-shadow: 4px 4px 20px rgba(49,173,133,.48);}

.kaifa ul li:nth-child(2) {background-color:#f97a6c;box-shadow: 4px 4px 20px rgba(242,101,90,.48);}

.kaifa ul li:nth-child(3) {background-color:#568ffb;box-shadow: 4px 4px 20px rgba(78,138,250,.48);}



.kaifa ul {display: flex;align-items: center;width: 1250px;justify-content: space-between;}

.kaifa ul li span {font-size: 22px;color: #fff;}

.kaifa ul li div {width: 20px;height: 4px;border-radius: 2px;background-color: #fff;margin: 10px 0;}

.kaifa ul li p {color: #fff;}

.kaifa h1 {color: #4d5e80;font-weight: bold;font-size: 22px;margin-bottom: 80px;}

.kaifa a {width: 292px;height: 46px;border: 1px solid;margin-top: 80px;border-image:linear-gradient(to right,#6b4dba,#5b97f2) 1 10;display: flex;align-items: center;justify-content: center;position: relative;}

.kaifa a span {background: linear-gradient(to right, #6b4dba,#5b97f2);

	-webkit-background-clip: text;

	color: transparent;font-size: 16px;z-index: 11;transition: all .8s}

.kaifa a>div:nth-child(2) {position: absolute;right: 12px;top: 50%;transform: translateY(-50%);z-index: 11;transition: all .8s;background: url(../image/kaifa-jia.png) no-repeat center;width: 16px;height: 16px;}



.kaifa a>div:last-child {position: absolute;width: 0;height: 46px;left:0;top: 0;background:linear-gradient(to right,#6b4dba,#5b97f2);transition: all .8s;transition-timing-function: cubic-bezier(0.7, 0.3, 0.3, 0.9)}

.kaifa a:hover>div:last-child {width: 292px;}

.kaifa a:hover span {color: #fff;}

.kaifa a:hover>div:nth-child(2) {background-image: url(../image/kaifa-jia-y.png);}

/* 专注开发 */



/* 关于世誉 */

.index-about {background-image: url(../image/abou-bg.jpg);height: 460px;width: 100%;background-size: cover;background-attachment: fixed}

.index-about>div {background-color: rgba(0,0,0,.22);width: 100%;height: 100%;;display: flex;flex-direction: column;align-items: center;}

.index-about>div>div:nth-child(2)>div {clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background-color: #fff;width: 12px;height: 13px;}

.index-about>div>div:nth-child(2) {display: flex;align-items: center;margin:30px 0}

.index-about>div>div:nth-child(2)>span {width: 100px;height: 2px;display: block;}

.index-about>div>div:nth-child(2)>span:first-child {background: linear-gradient(to right,transparent,#fff);}

.index-about>div>div:nth-child(2)>span:last-child {background: linear-gradient(to right,#fff,transparent);}

.about-culture ul {display: flex;align-items: center;width: 786px;justify-content: space-between;transform: translateY(50px);}

.about-culture ul li {display: flex;flex-direction: column;align-items: center;background-color: #fff;width: 238px;height: 126px;justify-content: center;box-shadow: 2px 2px 10px rgba(0,0,0,.1);border-radius: 10px;}

.about-culture {width: 554px;height: 112px;border: 1px solid #fff;display: flex;flex-direction: column;align-items: center;border-bottom: none;border-radius: 20px;}

.index-about>div>h1 {font-size: 34px;font-weight: 100;color: #fff;letter-spacing: 20px;transform: translateX(10px);margin-top: 50px;}

.index-about p {font-size: 16px;width: 1150px;color: #fff;text-indent: 2em;line-height: 2.2em;height: 160px;text-shadow: 1px 1px 4px rgba(0,0,0,.2);}

.about-culture>div {width: 160px;border-radius: 15px;background-color: #4581e9;color: #fff;font-size: 18px;line-height: 30px;text-align: center;transform: translateY(-15px);}

.about-culture ul li img {margin-bottom: 10px;}

/* 关于世誉 */





/* 客户案例 */

.container{

	width: 100%;margin: .4rem 0;display: flex;flex-direction: column;align-items: center;

}

.container .top_menu{

    display: flex;justify-content: center;border-bottom: 1px solid #ccc;margin-bottom: 60px;

}

.container .common{

	width: 100px;cursor: pointer;text-align: center;font-size: 16px;text-align: center;line-height: 50px;

}

.container .common:hover {color: #4e8aec;}

.container .common>div {width: 1rem;height: .1rem;background-color: #3165ac;border-radius: .05rem;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);opacity: 0;transition-duration: .3s;}

.container .liactive>div {opacity: 1;}

.container .ul{

	width: 1250px;

	position: relative;

	overflow-x:hidden ;height: 250px;

}

.container .bottom_content{



	display: flex;

	transition: all .5s ease;

	position: absolute;

	top: 0;

	left: 0%;height: 100%;

	

	

}

.container .body_1{

	width: 100%;

 display: flex;align-items: center;flex-direction: column;



}

.container .liactive {

	border-bottom: 0;

	color: #4e8aec;background-color: rgba(78,138,236,.1);

}

.case-cout {width:1200px}

.case-ul>li {width:33.33333333%;margin-bottom:60px}

.case-all>h1 {font-size: 34px;color: #4d5e80;font-weight: 200;letter-spacing: 10px;transform: translateX(5px);}

.case-all span {margin-top: 26px;margin-bottom: 50px;}

.case-all {margin-top: 100px;display: flex;flex-direction: column;align-items: center;margin-top: 146px;}

.case-ul {display: flex;align-items: center;width: 100%;flex-wrap:wrap}

.case-ul>li>a {display:flex;flex-direction:column;align-items:center}

.case-ul>li>a>div {width: 376px;height: 198px;position: relative;overflow: hidden;}

.case-ul>li>a>div>div {width: 100%;height: 40px;background-color: rgba(0,0,0,.5);padding: 20px;box-sizing: border-box;position: absolute;bottom: 0;transition-duration: .5s;transition-timing-function: cubic-bezier(0.37, 0.87, 0.63, 1.51);}



.line {position: relative;height: 100%;}

.line:before, .line:after {position:absolute;content:"";display:block;background-color: #fff;width: 0;height: 1px;}

.line:before {top: 0;left: 0;}

.line:after {bottom: 0;right: 0;}

.case-ul>li>a:hover .line:before {width: 100%;transition-delay: .3s;transition-duration: .25s}

.case-ul>li>a:hover .line:after {width: 100%;transition-delay: .8s;transition-duration: .25s}



.line>div {height: 100%;width: 100%;display: flex;align-items: center;justify-content: space-between;justify-content: center;color: #fff;font-weight: 100;letter-spacing: 4px;display: flex;flex-direction: column;align-items: center;}

.line>div:before, .line>div:after {position:absolute;content:"";display:block;background-color: #fff;height: 0;;width: 1px;}

.line>div:before {left: 0;bottom: 0;}

.line>div:after {right: 0;top: 0;}

.case-ul>li>a:hover .line>div:before {height: 100%;transition-delay: 1.05s;;transition-duration: .25s}

.case-ul>li>a:hover .line>div:after {height: 100%;transition-delay: .55s;;transition-duration: .25s}

.case-ul>li>a:hover>div>div {height: 100%;}

.line>div>div {display: none;flex-direction: column;align-items: center;font-size: 12px;color: #fff;transform: translateY(60px);z-index: 111;}



.case-ul>li>a:hover .line>div>div {display: flex;transition-duration: .6s;}

.case-ul>li>a:hover .line>div>div {opacity: 1;transition-duration: .6s;}

/* 客户案例 */





/* 服务流程 */

.liucheng ul {display: flex;justify-content: space-between;width: 1250px;align-items: center;}

.liucheng ul li:nth-child(2n+1){width: 110px;height: 110px;display: flex;flex-direction: column;align-items: center;justify-content: center;}

.liucheng ul li:nth-child(2n) {width: 20px;height: 20px;background-image: url(../image/liucheng-r.png);background-size: contain;}



.liucheng ul li>span {color: #fff;}

.liucheng {width: 100%;height: 346px;background-image: url(../image/liucheng-bg.jpg);background-size: cover;display: flex;flex-direction: column;align-items: center;justify-content: center;}



.liucheng>ul>li:nth-child(1)>div>div>div {background-image: url(../image/liucheng-ico1.png);}

.liucheng>ul>li:nth-child(3)>div>div>div {background-image: url(../image/liucheng-ico2.png);}

.liucheng>ul>li:nth-child(5)>div>div>div {background-image: url(../image/liucheng-ico3.png);}

.liucheng>ul>li:nth-child(7)>div>div>div {background-image: url(../image/liucheng-ico4.png);}

.liucheng>ul>li:nth-child(9)>div>div>div {background-image: url(../image/liucheng-ico5.png);}

.liucheng>ul>li:nth-child(11)>div>div>div {background-image: url(../image/liucheng-ico6.png);}

.liucheng>ul>li:nth-child(13)>div>div>div {background-image: url(../image/liucheng-ico7.png);}

.liucheng>ul>li:nth-child(15)>div>div>div {background-image: url(../image/liucheng-ico8.png);}



.liucheng>div {display: flex;align-items: center;margin-bottom: 60px;}

.liucheng>div>span {color: #fff;font-size: 26px;font-weight: 100;}

.liucheng>div>img {margin: 0 10px;}

.liucheng ul li:hover>div>div {background-color: #fff;animation: fanzhuan 3s linear .2s infinite normal;}

.liucheng ul li:hover>div>div>div {transform: scale(.7);}

.liucheng ul li:hover>div {border: 1px solid #5c93ef;transform: translateY(-20px);}

.liucheng>ul>li>div {border: 1px solid transparent;border-radius: 50%;transition-duration: .3s;margin-bottom: 10px;perspective: 100px;}

.liucheng>ul>li>div>div>div {width: 50px;height: 50px;background-repeat: no-repeat;background-position: center;transition-duration: .3s;}

.liucheng ul li>div>div {border-radius: 50%;perspective: 100px;transition-duration: .3s;}

@keyframes fanzhuan {

	0% {transform: rotateY(0deg)}

	100% {transform: rotateY(360deg)}

}

/* 服务流程 */



/* 新闻动态 */

.news{display: flex;flex-direction: column;align-items: center;margin-top: 50px;}

.news>div {display: flex;align-items: center;font-size: 26px;font-weight: 100;margin: 20px 0;}

.news>div>a{position: relative;width: 30px;height: 30px;margin-left: 20px;}

.news>div>a>img{position: absolute}

.news>div>a:hover img {animation:tiao 1.5s infinite}

@keyframes tiao {

	0%{

		top:0;transform: scale(1.1,.9)

		/* transform: rotate(90deg);  */

	  }

	  20%{

		transform: scale(.9, 1.1);

	  }

	  50%{

		top:-10px; transform: scale(1.1,.9)

		/* transform: rotate(45deg); */



	  }

	  80%{

		transform: scale(.9, 1.1);

	  }

	  100%{

		top:0;	transform: scale(1.1,.9);

		/* transform: rotate(0deg); */

	  }

}



.news {background-image: url(../image/news-bg.png);background-size: cover;background-position: 0 20px;}

.news ul {display: flex;flex-wrap: wrap;width: 1200px;justify-content: space-between;padding-bottom: 100px}

.news ul li {width: 50%;margin-top: 60px;}

.news ul li a {width: 546px;height: 164px;background-color: #fff;border-radius: 10px;box-shadow: 4px 4px 24px rgba(78,138,236,.1);padding: 20px;box-sizing: border-box;display: flex;flex-direction: column;transition-duration: .5s;}

.news ul li a>h2{transition-duration: .5s;font-size: 18px;font-weight: 400;margin-bottom: 20px;}

.news ul li a>div:first-child {width: 112px;border-radius: 13px;background: linear-gradient(to right,#6b4dba,#5b97f2);text-align: center;line-height: 26px;color: #fff;transform: translateY(-34px)}

.news ul li a p {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #999;}

.news ul li a>div:last-child {align-self: flex-end;margin-top: 10px;color: #999;opacity: 0;transform: translateX(-50px);transition-duration: 1s;}

.news ul li a:hover>div:last-child  {opacity: 1;transform: translateX(0);transition-delay: 1s;}

.news ul li a:hover {box-shadow: 2px 2px 16px rgba(78,138,236,.3);transform: translateY(-20px);}

.news ul li a:hover>h2 {color: #3165ac;}

/* 新闻动态 */



/* 世誉客户 */

.chooseus {width: 100%;height: 500px;background-image: url(../image/kehu-bg.jpg);background-size: cover;background-repeat: repeat;background-attachment: fixed;position: relative;}

.chooseus>div {background-color: rgba(0,0,0,.5);width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}



#swiper2 {width: 1164px;}

#swiper2 .swiper-wrapper {background-color: transparent;}

#swiper2 .swiper-slide>div {background-color: #fff;width: 244px;height: 124px;border-radius: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;}

#swiper2 .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center}

#swiper2 .swiper-slide>span {color: #fff;margin-top: 10px;font-size: 16px;font-weight: 200;}



.button-all {width: 44px!important;height: 44px;background-color: rgba(255,255,255,.2);border-radius: 50%;background-image: none!important;outline: none;display: flex;flex-direction: column;align-items: center;justify-content: center;transition-duration: .5s;top: 60%!important;}

.button-all:hover {background-color: #4e8aec;box-shadow: 2px 2px 20px rgba(78,138,236,.6);}

.chooseus>div .prev2 {left: 50%;transform: translateX(-650px);}

.chooseus>div .next2 {right: 50%;transform: translateX(650px);}

.chooseus>div .next2>img {transform: rotate(180deg);}

.chooseus>div>h1 {font-size: 36px;font-weight: 100;color: #fff;}

.chooseus>div>img {margin: 40px 0;}

/* 世誉客户 */