@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

.qywh_box1 .item{width: 380px;height: 345px;background: #fff;padding: 40px 25px 20px 25px;box-shadow: 0 3px 10px rgb(97 97 97 / 13%);float: left;margin-right: 30px;transition: all 0.6s;}
.qywh_box1 .item:last-child{margin-right: 0;}
.qywh_box1 .item .icon{width: 85px;height: 85pxpx;line-height: 77px;margin: 0 auto; color: #8c8c8c;font-size: 40px;padding: 3px;border: 1px solid #3071b9;border-radius: 50%;    transition: all 1s ease;}
.qywh_box1 .item .icon span{display: block;width: 100%;height: 100%; display: block;line-height: 77px;background: #3071b9;border-radius: 50%; color: #FFF;}
.qywh_box1 .item .tit{font-size: 20px;margin:25px auto 15px auto;line-height: 24px;}
.qywh_box1 .item .tit2{color: #999;}
.qywh_box1 .item .xian{width: 60px;height: 3px;background: #ed4451;margin: 20px auto ;}
.qywh_box1 .item .text{font-size: 15px;line-height: 32px;}

.qywh_box1 .item:hover{margin-top: -10px;box-shadow: 0 5px 16px rgba(48,52,60,0.25);}
.qywh_box1 .item:hover .icon{animation: flipInY 2s;}

.qywh_box2 .imgs .tt{width: 500px;height: 300px;display: inline-block; margin: 0 20px; overflow: hidden; box-shadow: 0 3px 10px rgba(100,100,100,0.25);}
.qywh_box2 .imgs .tt img{width: 100%;height: 100%; display: block;transition: all 1s;}
.qywh_box2 .imgs .tt:hover img{transform: scale(1.05);}

.qywh_box3 .sevice_text .lis{margin: 0 auto; display: inline-block;padding:13px 50px 38px 50px; line-height: 30px; color: #FFF;background: url(../images/qywh_img3.png) no-repeat center top/100% 100%; margin-bottom: 10px; transition: all 1s;}
.qywh_box3 .sevice_text .lis:hover {transform: scale(1.03);}

.qywh_box3 li{width:380px; float: left;margin-right:30px;}
.qywh_box3 li:last-child{margin-right: 0;}
.qywh_box3 li .pic{width: 100%;height: 226px;border: 5px solid #fff; overflow: hidden; box-shadow:0 3px 10px rgb(107 107 107 / 30%);}
.qywh_box3 li .pic img{width: 100%;height: 100%;display: block;transition: all 1s;}
.qywh_box3 li .tit{line-height: 30px;margin-top: 20px;height: 30px;}
.qywh_box3 li:hover img{transform: scale(1.05);}


.qywh_box4{position: relative;}
.qywh_box4 .swiper-container{padding-bottom: 60px;}
.qywh_box4 .swiper-slide{width: 380px;height:558px;background: #fff;box-shadow: 0 4px 15px #ddd;overflow: hidden;border:10px solid #fff;}
.qywh_box4 .swiper-slide img{display:block;width: 100%;height: 100%;}
.qywh_box4 .swiper-slide p{line-height: 98px;padding-top: 0;text-align: center;color: #636363;font-size: 1.1em;margin: 0;}
.qywh_box4 .swiper-pagination{width: 100%;bottom: 20px;}
.qywh_box4 .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
.qywh_box4 .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 3px solid #00aadc;background-color: #fff;}
.qywh_box4 .swiper-button-prev{left: -60px;width: 45px;height: 45px;font-size: 50px;text-align: center;line-height: 45px;opacity: 0.6;background: none;}
.qywh_box4 .swiper-button-prev:hover{opacity: 1;}
.qywh_box4 .swiper-button-next{right: -60px;width: 45px;height: 45px;font-size: 50px;text-align: center;line-height: 45px;opacity: 0.6;background: none;}
.qywh_box4 .swiper-button-next:hover{opacity: 1;}