header{
	width: 100%;
	height: 80px;
	padding: 10px 40px;
	position: fixed;
	box-sizing: border-box;
	border-bottom: 1px solid #f4f4f4;
	z-index: 8;
	background: #fff;
	/* top: 0; */
	transition: all 0.3s ease;
	background: rgba(0, 0, 0, .3);
	left: 0;
	top: 0;
}

.header-item{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
}
.logo{
	flex: 0 0 auto;
	height: 40px;
	overflow: hidden;
	transition:all 0.3s ease;
}
.logo img{
	width: auto;
	height: 100%;
}
.z_index{
	width: 100%;
}
.z_banner,.z_banner .swiper{
	width: 100%;
	height: 100%;
}
.z_cons{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	/* justify-content: center; */
	padding: 0px 20%;
	box-sizing: border-box;
}

.swiper-yd{
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 10%;
	padding: 2% 20%;
	box-sizing: border-box;
	z-index: 99;
}
.swiper-yd .swiper-pagination-bullet{
	flex: 0 0 auto;
	width: 30px;
	height: 4px;
	border-radius: 10px;
	background: #fff;
}
.z_title{
	font-size: 36px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition:0.3s eae;
}
.z_desc{
	font-size: 20px;
	color: #fff;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	margin-top: 20px;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition:0.3s eae;
}
.z-more{
	width: 100%;
	display: flex;
	margin-top: 40px;
	transition:0.3s eae;
}
.logo img:nth-child(1){
	display: block;
}
.logo img:nth-child(2){
	display: none;
}
.z-more a{
	display: block;
	padding: 8px 24px;
	border-radius: 40px;
	color: #0157ac;
	background: #fff;
	font-size: 14px;
}
.z_banner .swiper .swiper-slide .z_cons_box .z_title{
	transition: .2s;
	/* transition-timing-function: var(--ease-out-a);
	transform: translateY(100%); */
	transition-delay: 0.3s;
}
.z_banner .swiper .swiper-slide .z_cons_box .z_desc{
	transition: .2s;
	/* transition-timing-function: var(--ease-out-a);
	transform: translateY(100%); */
	transition-delay: 0.2s;
}
.z_banner .swiper .swiper-slide .z_cons_box .z_more{
	transition: .2s;
	/* transition-timing-function: var(--ease-out-a);
	transform: translateY(100%); */
	transition-delay: 0.1s;
}
.z_cons.z_active .z_title{
	animation: fadeInRight4  1s forwards;
	animation-delay: 300ms;
}
.z_cons.z_active .z_desc{
	animation: fadeInRight4  1s forwards;
	animation-delay: 400ms;
}
.z_cons.z_active .z-more{
	animation: fadeInRight4  1s forwards;
	animation-delay: 600ms;
}
.nav{
	flex: 0 0 auto;
	margin-left: auto;
	transition: all 0.6s ease;
}
.nav ul{
	display: flex;
	align-items: center;
}
.nav ul li{
	padding: 0px 25px;
	position: relative;
}
.nav ul li a{
	display: block;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	/* letter-spacing: -1px; */
	color: #fff;
	transition: 0.6s ease;
}
.nav ul li a:before{
	position: absolute;
	width: 0;
	height: 3px;
	background: #fff;
	content: '';
	bottom: -7px;
	left: 50%;
	right: 50%;
	transition: 0.6s ease;
	
}
.nav ul li:hover a{
	color: #fff;
}
.on a{
	color: #fff;
}
.on a:before{
	width: 40% !important;
	left: 30% !important;
	right: 30% !important;
	z-index: 1 !important;
}
.nav ul li:hover a:before{
	width: 40% !important;
	left: 30% !important;
	right: 30% !important;
	z-index: 1 !important;
}
.pl-item{
	width: 100%;
	top: 10px;
	background: #fff;
	position: relative;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 1px 2px 5px #ccc;
	padding: 20px;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	transition: 0.6s ease;
	transform: scaleY(0);
	z-index: -1;
}
.pl-on{
	opacity: 1;
	visibility: visible;
	transition: 0.6s ease;
	transform: scaleY(1);
	z-index: 18;
}
.pl-bxs{
	width: 100%;
	display: flex;
	align-items: center;
}
.pl-li{
	flex: 0 0 auto;
	width: 25%;
	border-right: 1px solid #f4f4f4;
	padding: 0px 10px;
	box-sizing: border-box;
}
.pl-li:nth-child(4n+4){
	border-right-color:#fff
}
.pl-img{
	width: 80%;
	/* height: 10vh;
	overflow: hidden; */
	margin: auto;
}
.pl-img img{
	height: auto;
	width: 100%;
}
.pl-name{
	margin-top: 5px;
	font-size: 13px;
	text-align: center;
	color: #656565;
}
.menu:hover,.search:hover{
	border-color:#fff;
}
.search:hover i{
	color: #fff;
}
.menu:hover .menu-xt{
	background: #fff;
}
.menu-bxs{
	width: 100%;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: ease 1s;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .3);
	z-index: 10;
}
.menu-bxs::before {
	content: "";
	display: block;
	width: 90vw;
	height: 90vw;
	background: #fff;
	position: absolute;
	right: -30vw;
	top: 50%;
	transform: translateY(-50%) scale(0, 0);
	border-radius: 50%;
	transition: ease 1s;
}

.menu-bxs::after {
	content: "";
	display: block;
	width: 100vw;
	height: 100vw;
	background: rgba(255, 255, 255, .3);
	position: absolute;
	right: -36vw;
	top: 50%;
	transform: translateY(-50%) scale(0, 0);
	border-radius: 50%;
	transition: ease 1.5s;
}
.menu-ring1{
	width: 60%;
	height: 100%;
	position: relative;
	margin-left: 40%;
	border-radius: 50%;
	padding: 0 8.3vw 0 10.4vw;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.menu-close{
	display: flex;
	position: absolute;
	right: 4vw;
	top: 2.5vw;
	cursor: pointer;
	transition-delay: 1.8s;
}
.close-icon{
	margin-left: auto;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.close-icon i{
	color: #656565;
	font-size: 28px;
	transition:all 0.6s ease;
}
.close-icon:hover i{
	color: #0157ac;
}
.menu-bxs.on_pl,
.menu-bxs.on_pl .menu-ring2 {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px);
}

.menu-bxs.on_pl::before {
	transition-delay: .5s;
}

.menu-bxs.on_pl::after {}
.menu-bxs.on_pl::before,
.menu-bxs.on_pl::after {
	transform: translateY(-50%) scale(1, 1)
}

.menu-bxs.on_pl .menu-ring2 {
	transition-delay: 1s;
	transform: translateX(0px);
}
.menu-s{
	width: 100%;
}
.menu-s ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.menu-s ul li{
	margin-right: 15px;
	box-sizing: border-box;
	margin-top: 0.9375rem;
}
.menu-s ul li:last-child{
	margin-right: 0;
}
.menu-s{
	margin-bottom:8px;
}
.menu-f a{
	font-size: 1.375rem;
	font-weight: 300;
	font-family: Arial, Helvetica, sans-serif;
	transition: all 0.3s ease;
}
.menu-s ul li a{
	font-size: 14px;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	transition: all 0.3s ease;
}
.menu-s ul li a:hover,.menu-f a:hover{
	color: #0157ac;
}
.menu-navli{
	padding: 10px 0px;
	box-sizing: border-box;
}
.header-right{
	flex: 0 0 auto;
	/* margin-left: auto; */
	height: 100%;
	display: flex;
	align-items: center;
}
.menu,.search{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	transition:all 0.3s ease;
	cursor: pointer;
}
.menu-xt{
	width: 16px;
	height: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background: #fff;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	transition:all 0.3s ease;
}
.menu-xt:nth-child(2){
	margin-top: 3px;
}
.search-item i,.search-icon i{
	color: #fff;
	font-size: 15px;
	transition:all 0.3s ease;
}
.header-xt{
	width: 1px;
	height: 20px;
	background: #ccc;
	margin: 0px 10px;
}
.search-bxs{
	width: 100%;
	padding: 20px 10px;
}
.search-items{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ccc;
}
.search-container{
	width: 100%;
	background: #fff;
	padding:50px;
	box-sizing: border-box;
}

.search-input{
	flex: auto;
	height: 50px;
}
.search-input input{
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0px 20px;
	box-sizing: border-box;
}
.search-icon{
	flex: 0 0 auto;
	width: 80px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f1f1f1;
}
.search-icon i{
	color: #ccc;
	font-size: 24px;
}
.search-content{
	margin-top: 50px;
}
.search-li{
	width: 100%;
	display: flex;
	padding: 20px;
	box-sizing: border-box;
	align-items: center;
	border-bottom: 1px solid #ccc;
}
.search-li-left{
	flex: 0 0 auto;
	width: 80px;
	height: 80px;
	background: #ccc;
	padding: 10px;
	box-sizing: border-box;
}
.search-day{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-size: 30px;
	text-align: center;
	line-height: 40px;
	color: #333;
}
.search-ym{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	color: #333;
}
.search-li-right{
	flex: auto;
	padding-left: 40px;
	box-sizing: border-box;
}
.search-title{
	font-size: 24px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 30px;
}
.search-desc{
	margin-top: 10px;
	font-size: 13px;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.search-name{
	font-size: 15px;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
/* .close-icon{
	transform: translateY(-20px);
}
.close-icon i{
	color: #ccc;
	font-size: 14px;
} */
.search-top{
	width: 100%;
	display: flex;
}
.search-tt{
	flex: auto;
	text-align: center;
	font-size: 30px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
.search-contents{
	width: 100%;
}
.banner-item{
	width: 100%;
	/* padding: 0px 40px; */
	box-sizing: border-box;
	transition: all 0.3s ease;
}
.banner-bxs{
	width: 100%;
	background: #f4f4f4;
	overflow: hidden;
}
.banner-bxs .swiper{
	width: 100%;
	height: 100%;
}
.banner-img{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.banner-img img{
	height: 100%;
	width: 100%;
}
footer{
	width: 100%;
	padding: 50px 40px;
	box-sizing: border-box;
	background: #333;
	margin-top: 80px;
}
.footer-item{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.f-pl{
	flex: 0 0 auto;
	width: 35%;
	padding-right: 2%;
	box-sizing: border-box;
}
.pl-names{
	font-size: 20px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
.pl-nav{
	width: 100%;
	display: flex;
	align-items:center;
}
.pl-nav-li ul{
	display: block;
}
.pl-nav-li{
	flex: 0 0 auto;
	width: 49%;
	margin-right: 2%;
	margin-top: 10px;
}
.pl-nav-li li a{
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.f-logo{
	flex: 0 0 auto;
}
.f-logoimg{
	height: 100px;
}
.f-logoimg img{
	width: auto;
	height: 100%;
}
.f-info{
	flex: 0 0 auto;
	width: 32%;
	padding-left: 2%;
	box-sizing: border-box;
}
.info-tel{
	margin-bottom: 10px;
}
.tel-name,.tel-num{
	font-size: 20px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
.tel-num{
	font-size: 30px;
	letter-spacing: -1px;
	margin-top: 10px;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.info-item{
	text-align: right;
	color: white;
	font-size: 12px;
	color: #fff;
}
.info-li{
	line-height: 20px;
}
.info-li a span{
	color: #fff;
}
.marginTop{
	/* padding-top: 20px; */
	/* margin-top: 120px; */
}
.hz-item{
	width: 100%;
	padding: 0px 40px;
}
.hz-bxs{
	width: 100%;
	height: 80px;
}
.hz-bxs .swiper{
	width: 100%;
	height: 100%;
}

.hz-bxs .swiper-slide{
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid #f1f1f1;
	border-left-color: #fff;
}
.hz-bxs .swiper-slide:nth-child(1){
	border-left: 1px solid #f1f1f1;
}
.slide-img{
	width: 100%;
	height: 100%;
	cursor: pointer;
	overflow:hidden;
	display: flex;
	align-items: center;
}
.slide-img img{
	width: 100%;
	height: auto;
	transition: all 0.3s ease;
	transform: scale(1);
}
.slide-img:hover img{
	transition: all 0.3s ease;
	transform: scale(1.2);
}
.button{
	width: 100%;
	position: relative;
	top: -33.33%;
	display: none;
}
.news-bxs{
	width: 100%;
	padding: 0px 60px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.news-left{
	flex: 0 0 auto;
	width:30%;
	border-right: 1px solid #f1f1f1;
	padding: 80px 0px;
	box-sizing: border-box;
}
.news-right{
	flex: 0 0 auto;
	width: 70%;
	box-sizing: border-box;
}
.rightBxs{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.news-li{
	flex: 0 0 auto;
	width:33.33%;
	/* margin-right: 2%; */
	box-sizing: border-box;
	padding: 80px 20px;
	border-right: 1px solid #f1f1f1;
}
.news-li:nth-child(3){
	/* border-right-color:#fff; */
	margin-right: 0;
}
.news-img{
	width: 100%;
	height: 200px;
	overflow: hidden;
	transition: all 0.3s ease;
}
.news-img img{
	width: 100%;
	height: 100%;
	transition: all 0.3s ease;
	transform: scale(1);
}
.news_item{
	margin-bottom: 80px;
}
.leftBxs-name{
	width: 100%;
	font-size: 40px;
	font-weight: 300;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 50px;
}
.leftBxs-desc{
	font-size: 13px;
	color: #656565;
}
.leftBxs-nav{
	width: 100%;
	margin: 3.75rem 0px;
}

.leftBxs-navli a{
	color: #333;
	font-size: 14px;
	line-height: 28px;
	transition: all 0.3s ease;
}
.leftBxs-navli:hover a{
	color: #0157ac;
	transition: all 0.3s ease;
}
.more{
	width: 100%;
}
.moreBxs{
	width: 100%;
	display: flex;
}
.moreBxs a{
	flex: 0 0 auto;
	display: block;
	border: 1px solid #f1f1f1;
	border-radius: 40px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #656565;
	line-height: 28px;
	padding: 0px 20px;
	box-sizing: border-box;
	transition: all 0.3s ease;
}
.moreBxs a:hover{
	border-color: #0157ac;
	color: #0157ac;
	transition: all 0.3s ease;
}
.news-title{
	font-size: 1.5rem;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.75rem;
	height: 3.5rem;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: all 0.3s ease;
}
.news-time{
	font-size: 0.75rem;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	margin: 8px 0px;
}
.news-desc{
	font-size: 0.875rem;
	color: #656565;
	line-height: 1.5rem;
	height: 4.5rem;
	overflow: hidden;
	word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.news-more{
	font-size: 0.75rem;
	color: #656565;
	margin: 0.5rem 0;
	transition: all 0.3s ease;
}
.news-li a:hover .news-more,.news-li a:hover .news-title{
	color: #0157ac;
}
.news-li a:hover .news-img img{
	transform: scale(1.2);
}
.about-item{
	width: 100%;
	background: url(../img/1.jpg) no-repeat;
	background-attachment: fixed;
	height: 600px;
	overflow: hidden;
	background-position: center;
	padding: 80px 40px;
	box-sizing: border-box;
}
.about-bxs{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0px 60px;
	justify-content: center;
}
.aboutBxs-left,.aboutBxs-right{
	width: 40%;
	box-sizing: border-box;
}
.aboutBxs-left{
	padding-right: 3.75rem;
}
.aboutBxs-l{
	transition: 0.3s ease;
/* 	transform: translateY(60px);
	opacity: 0;
	visibility: hidden; */
}
.aboutOn .aboutBxs-l{
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}
.aboutBxs-right{
	padding-left: 3.75rem;
}

.qy-adv{
	font-size: 2rem;
	line-height: 3.125rem;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
}
.qy-name{
	font-size: 1.5rem;
	color: white;
}
.qy-xt{
	width: 40px;
	height: 5px;
	background: #fff;
	margin: 1.875rem 0px;
}
.qy-desc{
	font-size: 1rem;
	line-height: 2rem;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	color: #fff !important;
}
.qy-more .moreBxs a{
	border: 1px solid #fff;
	color: white;
	margin-top: 3.75rem;
	transition: all 0.3s ease;
}
.qy-more .moreBxs a:hover{
	color: #0157ac;
	border-color: #0157ac;
	transition: all 0.3s ease;
}
.aboutBxs-r{
	width: 400px;
	height: 400px;
	display: flex;
	flex-wrap: wrap;
}
.aboutBxs-li{
	flex: 0 0 auto;
	width: 200px;
	height: 200px;
	border-bottom: 1px solid #ffff;
	border-right: 1px solid #ffff;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}

.aboutBxs-li:nth-child(2),.aboutBxs-li:nth-child(4){
	border-right: 0;
}
.aboutBxs-li:nth-child(3),.aboutBxs-li:nth-child(4){
	border-bottom: 0;
}
.aboutBxs-top{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.aboutBxs-top span{
	display: block;
	flex: 0 0 auto;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	font-size: 2.5rem;
	color: white;
	line-height: 2.5rem;
	color: white;
}
.aboutBxs-top i{
	display: block;
	flex: 0 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color: white;
	margin-left: 3px;
}
.aboutBxs-name{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color: white;
}
.solution-item{
	width: 100%;
	padding: 80px 40px;
	box-sizing: border-box;
}
.solution-bxs{
	width: 100%;
}
.solution-nav{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border-bottom: 1px solid #f1f1f1;
}
.solution-navli{
	flex: 0 0 auto;
	padding: 0px 30px 10px 30px;
	box-sizing: border-box;
	cursor: pointer;
	opacity: 0;
}
.navBxs{
	
}
.solution-icon{
	width: 40px;
	height: 40px;
	margin: auto;
	overflow: hidden;
}
.solution-icon img{
	width: 100%;
}
.solution-name{
	font-size: 16px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	transition: all 0.3s ease;
}
.navBxs{
	position: relative;
}
.navBxs:before{
	position: absolute;
	content: '';
	left: 0;
	bottom: -10px;
	width: 0;
	background: #0157ac;
	height: 2px;
	transition: all 0.3s ease;
}
.hover_nav .solution-name{
	color: #0157ac;
}
.hover_nav .navBxs:before{
	width: 100%;
}
.solution-sort{
	/* margin-top: 6.25rem; */
	/* padding: 0px 80px; */
	width: 1200px;
	margin:6.25rem auto;
}
.sortBxs{
	width: 100%;
	position: relative;
}
.solutionSort-li{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	transition:all .6s ease;
	opacity: 0;
	visibility: hidden;
}
.hover_on{
	opacity: 1;
	visibility: visible;
}
.solutionSort-left{
	flex: 0 0 auto;
	width: 50%;
	padding-right: 60px;
	transition-delay: 0.6s;
	transform: translateY(80px);
	opacity: 0;
	visibility: hidden;
	transition: transform 0.6s ease;
}
.hover_on .solutionSort-left{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.solutionSort-right{
	flex: 0 0 auto;
	width: 40%;
	margin-left: auto;
}
.solutionSort-img{
	width: 100%;
	height: 300px;
	overflow: hidden;
	transition-delay: 0.7s;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(90px, 60px, 50px) rotate(-10deg) scale(0.3);
}
.hover_on .solutionSort-img{
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
}
.solutionSort-img img{
	width: 100%;
	height: 100%;
}
.solution-title{
	font-size: 2.5rem;
	color: #333;
	line-height: 3.125rem;
	font-family: Arial, Helvetica, sans-serif;
}
.solutionSort-title{
	font-size: 2rem;
	color: #333;
	margin-top: 2.5rem;
}
.solutionSort-desc{
	font-size: 0.875rem;
	color: #656565;
	margin-top: 20px;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.solution-more{
	margin-top: 3.75rem;
}

.comm_box{
	width: 100%;
}
.top_bg{
	width: 100%;
	height: 600px;
	position: relative;
}
.bg-box{
	width: 1080px;
	margin: auto;
	position: relative;
	height: 100%;
}
.top_name{
	width: 100%;
	position: absolute;
	top: 40%;
	left: 0;
}
.top-xt{
	width: 60px;
	height: 2px;
	background: #fff;
}
.top-title{
	font-size: 2.5rem;
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px 0px;
	color: #fff;
}
.top-extitle{
	font-size: 1.6rem;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}
.s-nav{
	width: 100%;
	height: 80px;
	bottom: -40px;
	position: absolute;
	display: flex;
	padding: 10px;
	box-sizing: border-box;
	left: 0;
}
.s-item{
	flex: 0 0 auto;
	width: 80%;
	height: 100%;
	background: #0157ac;
	margin-left: auto;
}
.s-box{
	width: 100%;
	height: 100%;
	display: flex;
}
.s-li{
	flex: auto;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.s-li a{
	display: flex;
	align-items: center;
}
.s-xt{
	width: 0px;
	height: 2px;
	background: #fff;
	border-radius: 10px;
	transition: 0.3s ease;
}
.s-title{
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-left: 0;
	margin-left: 3px;
}
.s-li-hover{
	width:20px;
}
.content-item{
	width: 100%;
	margin-top: 80px;
}
.news-box{
	width: 1080px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}
.newsli{
	flex: 0 0 auto;
	width: 47%;
	margin-right:6%;
}
.newsli:nth-child(2n+2){
	margin-right: 0;
	margin-top: 6%;
}
.news-imgs{
	width: 100%;
	overflow: hidden;
	
}
.newsImgs{
	width: 100%;
	height: 100%;
	transition: 0.3s ease;
	transform: scale(1);
}
.news-content{
	display: flex;
	align-items: flex-start;
	padding: 15px 10px;
	box-sizing: border-box;
}
.news-url{
	flex: 0 0 auto;
}
.news-xt{
	width: 40px;
	height: 2px;
	background: #656565;
	margin:8px 0px;
	position: relative;
}
.news-xt:before{
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	background: #0157ac;
	z-index: 8;
	transition: 0.5s ease;
}
.news-comm{
	font-size: 13px;
	color: #656565;
}
.news-con{
	flex: auto;
	margin-left: 10px;
}
.con-title{
	font-size: 24px;
	font-weight: 300;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 30px;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition: 0.3s ease;
}
.news-con .news-comm{
	margin-top: 15px;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.newsli:hover .newsImgs{
	transform: scale(1.1);
}
.newsli:hover .news-xt:before{
	width: 100%;
}
.newsli:hover .con-title{
	color: #0157ac;
}
.comm-page{
	width: 100%;
	display: flex;
	justify-content: center;
	margin:50px auto;
}
.box-commm{
	display: inherit;
}
.con-titles{
	font-size: 20px;
	font-weight: 300;
	text-align: center;
}
.con-desc{
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 20px auto;
}
.desc-li{
	flex: 0 0 auto;
	display: flex;
	align-items: center;
}
.desc-li:nth-child(1){
	margin-right: 10px;
}
.icons i,.icon-name{
	font-size: 12px;
	color: #656565;
}
.icon-name{
	margin: 0px 3px;
}
.con-box{
	font-size: 15px;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
}
.con-box img{
	max-width: 100% !important;
	height: auto !important;
}
.contact-item{
	width: 100%;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
}
.contact-l,.contact-r{
	width: 50%;
	flex: 0 0 auto;
	padding: 60px 20px;
	box-sizing: border-box;
}
.contact-r{
	background: #f1f1f1;
}
.contact-item{
	margin-bottom: 50px;
}
.contact-logo{
	height: 50px;
}
.contact-logo img{
	height: 100%;
	width: auto;
}
.contact-box{
	margin-top: 30px;
}
.contact-li{
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.c-icons{
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #656565;
	display: flex;
	align-items: center;
	justify-content: center;
}
.c-name{
	flex: auto;
	font-size: 14px;
	color: #656565;
	margin-left: 5px;
}
.input-li{
	width: 100%;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	box-sizing: border-box;
}
.li-icons{
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.li-input{
	flex: auto;
}
.li-input input,.li-input textarea{
	width: 100%;
	height: 40px;
	background: none;
	line-height: 40px;
}
.layui-button{
	width: 100%;
	margin-top: 20px;
	display: flex;
	justify-content: center;
}
.layui-button button{
	background: #0157ac;
	border: none;
	width: 50%;
	height: 40px;
	border-radius: 40px;
	color: white;
}
.hz-logo{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.logo-li{
	width: 16.66%;
	padding: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	overflow: hidden;
	cursor: pointer;
}
.logo-li:nth-child(6n+6){
	border-right-color: #fff;
}

.logo-s{
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s ease;
	transform: scale(1);
}
.logo-li:hover .logo-s{
	transform: scale(1.08);
}
.logo-s img{
	width: 100%;
	height: auto;
}
.case-item{
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
}
.case-li{
	flex: 0 0 auto;
	width: 32%;
	background: #f4f4f4;
	margin-right: 2%;
	margin-bottom: 2%;
	position: relative;
}
.case-li:nth-child(3n+3){
	margin-right: 0;
}
.case-img{
	width: 100%;
	position: relative;
	z-index: 4;
	transition: 0.3s ease;
}
.case-logo{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}
.case-logo span{
	flex: 0 0 auto;
	background: #0157ac;
	font-size: 13px;
	color: #fff;
	padding: 5px 10px;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition: 0.3s ease;
}
.case-box{
	padding: 10px;
	box-sizing: border-box;
	z-index: 4;
	position: relative;
}
.case-name{
	font-size: 16px;
	font-weight: 300;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition: 0.3s ease;
}
.case-desc{
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #989898;
	margin-top: 5px;
	transition: 0.3s ease;
}
.case-li a{
	width: 100%;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
}
.case-li a:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #0157ac;
	height: 0;
	z-index: 1;
	transition: 0.3s ease;
}
.case-li:hover .case-name,.case-li:hover .case-desc,.case-li:hover .case-desc i{
	color: #fff;
	transition: 0.3s ease;
}
.case-li:hover .case-logo span{
	background: #fff;
	color: #0157ac;
	transition: 0.4s ease;
}
.case-li:hover .case-img{
	transform: scale(1.03);
	transition: 0.4s ease;
}
.case-li:hover a:before{
	height: 100%;
}

.qy-advs{
	width: 100%;
	background: url(../img/1.jpg) no-repeat;
	background-attachment: fixed;
	height:400px;
	overflow: hidden;
	background-position: center;
	padding: 80px 0px;
	box-sizing: border-box;
}

.about-box{
	width: 100%;
	padding: 60px 0px;
	box-sizing: border-box;
}
.about-us{
	width: 100%;
}
.us-title{
	text-align: center;
	font-size: 32px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0157ac;
	line-height: 40px;
}
.us-xt{
	margin: 10px auto;
	width: 30px;
	height: 2px;
	background: #333;
}
.us-content{
	font-size: 16px;
	color: #656565;
	/* text-align: center; */
	line-height: 28px;
}
.us-box{
	width: 100%;
	margin-top: 40px;
}
.about-us{
	width: 96%;
	margin: auto;
}
.us-box{
	display: flex;
	justify-content: center;
}
.us-boxs{
	display: flex;
	align-items: center;
}
.us-li{
	padding: 40px;
	box-sizing: border-box;
}
.us-num{
	display: flex;
	align-items: flex-start;
}
.us-num span{
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	font-size: 32px;
	color: #333;
}
.us-num i{
	font-size: 12px;
	margin-left:3px;
}
.us-name{
	font-size: 12px;
	color: #656565;
}
.adv-item{
	width: 1080px;
	margin: auto;
}
.adv-top{
	margin-bottom: 40px;
}
.adv-title{
	font-size: 28px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}
.adv-desc{
	font-size: 14px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
.adv-items{
	display: flex;
	align-items: center;
}
.adv-li{
	flex: 0 0 auto;
	width: 23.5%;
	overflow: hidden;
	margin-right: 2%;
	position: relative;
	cursor: pointer;
	transition: 0.3s ease;
}
.adv-li:nth-child(4){
	margin-right: 0;
}
.adv-bg{
	overflow: hidden;
}
.advimgs{
	width: 100%;
	height: 100%;
	transition: 0.3s ease;
}
.adv-cons{
	padding: 20px 10px;
	box-sizing: border-box;
	background: #fff;
}
.cons-title{
	font-size: 16px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.cons-extitle{
	font-size: 14px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #656565;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.li-hide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	transform: translateY(100%);
	opacity: 0;
	visibility: hidden;
	display: flex;
	justify-content: center;
	transition: 0.3s ease;
	align-items: center;
}
.hide-content{
	width: 100%;
	font-size: 14px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #656565;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.adv-li:hover .advimgs{
	transform: scale(1.08);
}
.adv-li:hover .li-hide{
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}
.qy-honor{
	width: 100%;
	padding: 60px 0px;
	box-sizing: border-box;
}
.honor-item,.hj-item{
	width: 1080px;
	margin: auto;
}
.qy-hj{
	width: 100%;
}
.adv-con-s .con-s-title{
	font-size: 28px;
	color: #0157ac;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	text-align: center;
}
	
.adv-con-s .con-s-extitle{
	font-size: 14px;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.honor-arr{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}
.honor-li{
	flex: 0 0 auto;
	width: 32%;
	margin-bottom: 20px;
	margin-right: 2%;
	cursor: pointer;
}
.honor-li:nth-child(3n+3){
	margin-right: 0;
}
.honor-title{
	background: #f1f1f1;
	font-size: 15px;
	color: #333;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	padding:0px 10px;
	box-sizing: border-box;
	transition: 0.3s ease;
	height: 50px;
	line-height: 50px;
}
.honorImg{
	width: 100%;
	overflow: hidden;
}

.honor-img{
	width: 100%;
	height: 100%;
	transform: scale(1.0);
	transition: 0.3s ease;
	border: 1px solid #f1f1f1;
}
.honor-li:hover .honor-img{
	transform: scale(1.4);
	transition: 0.3s ease;
}
.honor-li:hover .honor-title{
	background: #0157ac;
	color: #fff;
	transition: 0.3s ease;
}
.hj-items{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.hj-left,.hj-right{
	flex: 0 0 auto;
	width: 49%;
	overflow: hidden;
	height: 100%;
	transition: 0.3s ease;
	cursor: pointer;
	margin-right: 2%;
}
.hj-right{
	margin-right: 0;
}
.hj-l-img{
	width: 100%;
	height: 100%;
	transform: scale(1);
	transition: 0.3s ease;
}
.hj-left:hover .hj-l-img{
	transform: scale(1.1);
	transition: 0.3s ease;
}
.hj-items{
	margin-top: 50px;
}
.hj-top{
	width: 100%;
	height: 49%;
	margin-bottom: 2%;
	overflow: hidden;
}
.hj-bottom{
	width: 100%;
	height: 49%;
	display: flex;
	flex-wrap: wrap;
}
.bot-li{
	flex: 0 0 auto;
	width: 49%;
	height: 100%;
	margin-right: 2%;
	overflow: hidden;
	cursor: pointer;
}
.bot-li:nth-child(2){
	margin-right: 0;
}
.hj-b-img,.hj-t-img{
	width: 100%;
	height: 100%;
	transform: scale(1);
	transition: 0.3s ease;
}
.bot-li:hover .hj-b-img,.bot-li:hover .hj-t-img,.hj-top:hover .hj-t-img{
	transform: scale(1.1);
	transition: 0.3s ease;
}
.solu-li{
	width: 100%;
	border-bottom: 1px solid #f1f1f1;
	background: #f1f1f1;
	position: relative;
	margin-top: 40px;
}
.solu-li:nth-child(1){
	margin-top: 0;
}
.slou-box{
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.solu-left,.solu-right{
	flex: 0 0 auto;
	width: 50%;
}
.solu-left{
	padding: 50px 20px;
	box-sizing: border-box;
	/* display: flex;
	align-items: center; */
}
.solu-icons{
	margin: auto;
	width: 40px;
	height:40px;
	overflow: hidden;
}
.solu-icons img{
	width: 100%;
}
.solu-desc{
	font-size: 15px;
	color: #656565;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 28px;
	margin-top: 20px;
}
.solu-img{
	width: 100%;
	overflow: hidden;
}
.solu-img img{
	width: 100%;
	transform: scale(1);
	transition: .3s ease;
}
.slou-items{
	width: 100%;
	height: 60px;
	position: relative;
	background: #fff;
	display: flex;
}
.solu_right{
	margin-left: auto;
	transform: rotate(180deg);
	flex: 0 0 auto;
	height: 100%;
	display: flex;
	align-items: center;
}
.right-icons{
	font-size: 28px;
	color: #989898;
}
.slou-items-l{
	flex: 0 0 auto;
}
.left-bxs{
	padding: 40px 20px;
	box-sizing: border-box;
	font-size: 24px;
	color: #fff;
	background: #0157ac;
	position: absolute;
	bottom: 0;
}
.solu-li:hover .solu-img img{
	transform: scale(1.1);
	transition: .3s ease;
}
.slou-items:before{
	position: absolute;
	width: 0;
	content: '';
	height: 2px;
	background: #0157ac;
	bottom: 0;
	z-index: 1;
}
.solu-li:hover .slou-items:before{
	width: 100%;
	transition: .3s ease;
}
.solu-li:nth-child(even) .slou-items .solu_right{
	margin-left: initial;
	transform: rotate(0);
}
.solu-li:nth-child(even) .slou-items .slou-items-l{
	margin-left: auto;
}
.solu-li:nth-child(even) .slou-items .slou-items-l .left-bxs{
	right: 0;
}
.solu-one{
	width: 60%;
	margin: auto;
}
.solu_name{
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 50px;
	color: #0157ac;
}
.solu_content{
	font-size: 15px;
	color: #333;
	line-height: 28px;
	margin-top: 20px;
}
.solu-two{
	padding: 70px 0px;
	box-sizing: border-box;
}
.solu_comm{
	text-align: center;
}
.solu_title{
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 50px;
	color: #333;
}
.solu_xt{
	width: 40px;
	height: 2px;
	background: #0157ac;
	margin: auto;
}
.solu_t_itme{
	margin-top: 20px;
}
.solu_t_itme{
	display: flex;
	flex-wrap: wrap;
}
.two_li{
	flex: 0 0 auto;
	width: 23.5%;
	margin-right: 2%;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #f1f1f1;
	background: #f1f1f1;
	border-radius: 10px;
	cursor: pointer;
	margin-top: 20px;
}
.t_icon{
	width: 40px;
	height: 40px;
	margin: auto;
}
.t_name{
	font-size: 16px;
	text-align: center;
	margin: 10px 0px;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #333;
}
.t-desc{
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	color: #656565;
}
.t_icon img{
	width: 100%;
}
.solu-two .two_li:nth-child(4n+4){
	margin-right: 0;
}
.thr{
	background: #f1f1f1;
	width: 100%;
}
.thr .solu-two{
	width: 1080px;
	margin: auto;
	
}
.thr .solu_t_itme{
	display: flex;
	flex-wrap: wrap;
}
.thr .solu_t_itme .two_li{
	flex: 0 0 auto;
	width: 49%;
	margin-right: 2%;
	display: flex;
	align-items: center;
	padding: 30px 20px;
	box-sizing: border-box;
	background: #fff;
	margin-top: 20px;
}
.thr .solu_t_itme .two_li:nth-child(even){
	margin-right: 0;
}
.thr-l{
	flex: 0 0 auto;
	margin-right: 10px;
}
.thr-r{
	flex: auto;
	
}
.thr-r .t_name{
	margin-top: 0;
	margin-bottom:5px;
}
.thr-r .t_name,.thr-r .t-desc{
	text-align: initial;
}
.banner-bxs .swiper-wrapper .swiper-slide{
	overflow: hidden;
}

.banner-bxs .swiper-slide-active .banner-img{
	/* transform: scale(1.2); */
	animation: movex 1s forwards;
	/* transition: 0.6s ease; */
}
.z_banner .swiper .swiper-slide-active .z_cons.z_active .z_title,.z_banner .swiper .swiper-slide-active .z_cons.z_active .z_desc,.z_banner .swiper .swiper-slide-active .z_cons.z_active .z-more{
	-webkit-animation: fadeInRight4  1s forwards;
	animation: fadeInRight4  1s forwards;
}
.z_banner .swiper-slide-active .banner-img{
	/* transform: scale(1.2); */
	animation: movex 1s forwards;
	/* transition: 0.6s ease; */
}
@keyframes movex{
	0{
		opacity: 0;
		visibility: hidden;
		transform: scale(0);
	}
	33%{
		opacity: 1;
		visibility: visible;
		transform: scale(1.2);
	}
	100%{
		opacity: 1;
		visibility: visible;
		transform: scale(1);
		
	}
}
.loadingBox .itemAnimates{
  transform-style: preserve-3d;
}

.loadingBox .itemAnimate{
	opacity: 0;
}
.loadingBox.animates .itemAnimate {
  -webkit-animation: 1s fadeInUps forwards;
  animation: 1s fadeInUps forwards;
}
@keyframes fadeInUps {
  from {
    opacity: 0;
    transform: translate3d(0, 30%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.moveUp{
	opacity: 0;
	visibility: hidden;
	transform: translateY(50%);
}
.S_desc{
	transform: translateY(0%);
	opacity: 1;
	visibility: visible;
	transition: .8s;
	transition-timing-function: ease-in-out;
}
.advlist.adv_animate span{
  -webkit-animation: fadeInRight  1s forwards;
  animation: fadeInRight  1s forwards;
}
.namelist.adv_animate span{
	-webkit-animation: fadeInUp2s  1s forwards;
	animation: fadeInUp2s  1s forwards;
}
.qy-adv span,.qy-name span{
  font-family: inherit;
  width: auto;
  font-size: inherit;
  color: inherit;
  opacity: 0;
  display: inline-block;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight4{
  from {
    opacity: 0;
	visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
	visibility:visible;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp2s {
  from {
    opacity: 0;
    transform: translate3d(0, 30%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0%, 0);
  }
}
@keyframes fadeInUp3s {
  from {
    opacity: 0;
    transform: translate3d(0, 50%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0%, 0);
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.items_pro.animates_pro .solution-navli{
  -webkit-animation: 1s fadeInRight forwards;
  animation: 1s fadeInRight forwards;
}
.animates_probox{
	transition: 0.3s ease;
	visibility: visible;
	opacity: 1;
}
.animates_probox .solutionSort-left{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	/* -webkit-animation: 1s fadeInUp2 forwards;
	animation: 1s fadeInUp2 forwards; */
}
.animates_probox .solutionSort-right .solutionSort-img{
	opacity: 1;
	visibility: visible;
}
/* .animates_probox .solutionSort-right{
	-webkit-animation: 1s fadeInUp2s forwards;
	animation: 1s fadeInUp2s forwards;
} */
.animates_probox .solutionSort-right .solutionSort-img{
	transition: 0.6s ease;
	transform: translate3d(0px, 0px, 0px) rotate(-0deg) scale(1);
}
@keyframes fadeInUp2{
  from {
    opacity: 0;
    transform: translate3d(0, 50%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp3s {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0%, 0);
  }
}