.vi1{position: relative;}

.vi1 video{display: block;width: 100%;max-height: 100%;object-fit: cover;}

.vi1 .txt{position: absolute;top: 45%;left: 13.5%;color: #fff;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.vi1 .txt .tt{font-size: 46px;}

.vi1 .txt .tc{font-size: 26px;color: #ccc;line-height: 1.6;margin: 10px 0 50px;}

.vi1 .txt .abtn{display: block;width: 60px;height: 60px;position: relative;border:1px solid #676767;border-radius: 50%;overflow: hidden;}

.vi1 .txt .abtn img{position: absolute;top: 0;left: 0; display: block;width: 100%;animation: up_down 2s infinite linear;-webkit-animation: up_down 2s infinite linear;}

.vi2{padding: 120px 100px;text-align: center;}

.vi2 .box .tt{font-size: 36px;}

.vi2 .box .ul1{margin-top: 110px;}

.vi2 .box .ul1 *{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.vi2 .box .ul1 li{width: 24%;float: left;position: relative;overflow: hidden;cursor: pointer;margin-right: 1.33%;}

.vi2 .box .ul1 li .img{position: relative;overflow: hidden;background: #000;}

.vi2 .box .ul1 li:last-child{margin-right: 0;}

.vi2 .box .ul1 li video{display: block;width: 100%;max-height: 100%;object-fit: cover;opacity: ;position: absolute;top: 0;left: 0;}

.vi2 .box .ul1 li img{position: absolute;top: 50%;left: 50%;z-index: 3;width: 70px;height: 70px;margin-top: -35px;margin-left: -35px;}

.vi2 .box .ul1 li img.vbg{position: static;margin: 0;width: 100%;height: auto;}

.vi2 .box .ul1 li .ltt{font-size: 24px;margin: 25px 0;line-height: 1;}

.vi2 .box .ul1 li .ltc{color: #666;}

.vi2 .box .ul1 li:hover img{opacity: 0;}

.vi2 .box .ul1 li:hover video{opacity: 1;}

.vi3{padding: 120px 0;background: url(../img/solution/vi2.png) top center no-repeat;text-align: center;}

.vi3 .box{margin: 0 auto;padding: 0 100px;}

.vi3 .box .tt{color: #fff;font-size: 36px;margin-bottom: 80px;}

.vi3 .box .swiperv1{background: #fff;-moz-box-shadow:0px 1px 2px #ddd; -webkit-box-shadow:0px 1px 2px #ddd; box-shadow:0px 1px 2px #ddd;}

.vi3 .box .swiperv1 .swiper-slide .sbox{background: #fff;height: 350px;padding-top: 100px;box-sizing: border-box;cursor: pointer;position: relative;}

.vi3 .box .swiperv1 .swiper-slide .sbox:after{content: '';display: block;width: 1px;height: 164px;background: #eee;position: absolute;top: 50%;right: 0;margin-top: -82px;}

.vi3 .box .swiperv1 .swiper-slide *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.vi3 .box .swiperv1 .swiper-slide .sbox .img{width: 100px;margin: 0 auto 20px;background: #fff;border-radius: 50%;overflow: hidden;}

.vi3 .box .swiperv1 .swiper-slide .sbox .img img{display: block;width: 100%;}

.vi3 .box .swiperv1 .swiper-slide .sbox .txt{font-size: 20px;color: #000;}

.vi3 .box .swiperv1 .swiper-slide .sbox:hover {background: #fafafa;}

.vi3 .box .swiperv1 .swiper-slide .sbox:hover .img{background: #fafafa;}

.vi3 .box .sjt{width: 100%;height: 4px;position: relative;background: #eaeaea;margin-top: 30px;display: none;}

.vi3 .box .sjt s{display: block;width: 0%;height: 4px;background: #2b4bc2;}

.vi3 .box .sjt.act s{width: 100%;-webkit-transition: all 6s linear; -moz-transition: all 6s linear; transition: all 6s linear;}

.vi4{padding: 120px 0;background: #f2f2f2;text-align: center;}

.vi4 .tt{font-size: 36px;color: #000;}

.vi4 .tt2{margin: 25px 0 30px; color: #666;font-size: 18px;}

.vi4 .lx{display: inline-block;color: #2c59a4;border-bottom: 1px solid #2c59a4;}

.vi4 .tc{color: #999;line-height: 1.5;margin-top: 45px;}

@media (max-width:1680px) {

	.vi3 .box{padding: 0 65px;}

	.vi2{padding: 100px 65px;}
	
}


@media (max-width: 1030px) {
	
	.vi1 .txt .tt{font-size: 36px;}

	.vi1 .txt .tc{font-size: 20px;}

	.vi2 .box .ul1{margin-top: 80px;}

	.vi2 .box,.vi3 .box{min-width: 920px;}

	.vi2 .box .ul1 li .img,.vi3 .box .swiperv1 .swiper-slide .sbox .img{width: 120px;}

	.vi1{background: url(../img/solution/vi0.png) top left no-repeat;background-size: 150%;height: 400px;}

	.vi1 video{display: none;}

	.vi1 .txt{width: 100%;left: 0;padding: 0 5%;box-sizing: border-box;}

	.vi1 .txt .tt,.vi2 .box .tt,.vi3 .box .tt{font-size: 20px;}

	.vi1 .txt .tc{font-size: 16px;}

	.vi2,.vi3{padding: 35px 0;}
	
	.vi2 .box, .vi3 .box{min-width: 100px;width: 90%;padding: 0;}

	.vi2 .box .ul1{margin-top: 20px;}

	.vi2 .box .ul1 li{width: 49%;float: left;margin: 0 0 20px;}

	.vi2 .box .ul1 li:nth-child(2n){float: right;}

	.vi2 .box .ul1 li .img{width: 100%;}

	.vi2 .box .ul1 li .ltt{font-size: 16px;margin: 10px 0 5px;}

	.vi2 .box .ul1 li .ltc{font-size: 12px;}

	.vi3 .box .tt{margin-bottom: 30px;}

	.vi3 .box .swiperv1 .swiper-slide .sbox{height: 300px;padding-top: 80px;}

	.vi3 .box .swiperv1 .swiper-slide .sbox .txt{font-size: 18px;}
	
	.vi3 .box .swiperv1 .swiper-slide .sbox .img{margin-bottom: 30px;}

	.vi4{padding: 35px 5%;}
	
	.vi4 .tt{font-size: 20px;}

	.vi4 .tt2{font-size: 16px;margin: 10px 0;}

	.vi4 .tc{margin-top: 20px;font-size: 14px;}

	.vi3 .box .sjt{display: block;}

	.vi3 .box .swiperv1 .swiper-slide .sbox:after{display: none;}

	.vi2 .box .ul1 li img{width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;}

	.vi2{padding: 30px 5%;}

	.vi2 .box{width: 100%;}

	.vi3 .box .sjt{display: none;}

	.vi3 .box .swiperv1 .swiper-slide .sbox .img{width: 60px;}

	.vi3 .box .swiperv1{padding: 20px 0;}

	.vi3 .box .swiperv1 .swiper-slide .sbox{height: 100px;padding-top: 0px;}

	.vi3 .box .swiperv1 .swiper-slide .sbox .img{margin-bottom: 5px;}

	.vi3 .box .swiperv1 .swiper-slide .sbox .txt{font-size: 16px;}



}