.main{padding-bottom: 152px;}

.banner .box{padding-top: 372px;padding-left: 3px;box-sizing: border-box;}
.banner .field{display: flex;height: 60px;border-radius: 30px;background-color: #fff;width: 487px;}
.banner .field input{font-size: 20px;line-height: 60px;padding-left: 40px;width: 302px;box-sizing: border-box;border-radius: 30px 0 0 30px;}
.banner .field button{font-size: 30px;line-height: 60px;color: #764500;display: block;width: 185px;background:linear-gradient(rgba(254,176,54,1),rgba(253,223,97,1));border-radius:30px;}
.banner .box p{font-size: 30px;padding-left: 48px;line-height: 40px;margin-top: 15px;color: #fff;}

.cont1{margin-top: 95px;}
.cont1 .cont1-main{margin-top: 55px;position: relative;}
.cont1 .cont1-main .cont1-img{position: absolute;top: 126px;left: 360px;}
.cont1 .cont1-main ul{position: relative;display: flex;flex-wrap: wrap;}
.cont1 .cont1-main ul li{width: 263px;background: url(/uploads/image/2mimages/ququabc45.png) no-repeat;height: 278px;text-align: center;color: #fff;transform-origin:50% 5%;}
.cont1 .cont1-main ul li:nth-child(2), .cont1 .cont1-main ul li:nth-child(3), .cont1 .cont1-main ul li:nth-child(6){background-image: url(/uploads/image/2mimages/ququabc46.png);}
.cont1 .cont1-main ul li:first-child{margin: 0 180px 12px 157px;}
.cont1 .cont1-main ul li:nth-child(2){margin: 0 157px 12px 180px;}
.cont1 .cont1-main ul li:nth-child(3){margin-right: 671px;}
.cont1 .cont1-main ul li:nth-child(5){margin: 35px 229px 0 108px;}
.cont1 .cont1-main ul li:nth-child(6){margin: 35px 108px 0 229px;}
.cont1 .cont1-main ul li p{font-size: 20px;line-height: 30px;padding-top: 122px;font-weight: bold;}
.cont1 .cont1-main ul li span{font-size: 14px;line-height: 24px;display: block;margin-top: 4px;padding: 0 45px;}
.cont1 .cont1-main ul li:nth-child(odd){transform: rotate(17deg);}
.cont1 .cont1-main ul li:nth-child(even){transform: rotate(-17deg);}
.cont1 .cont1-main ul li:nth-child(odd).active{animation: swing .8s ease 1;}
.cont1 .cont1-main ul li:nth-child(even).active{animation: evswing .8s ease 1;}

.cont2{margin-top: 105px;position: relative;height: 827px;box-sizing: border-box;padding-top: 74px;}
.cont2 .box{width: 1430px;}
.cont2 .title h3{color: #fff;}
.cont2 .cont2-img{position: absolute;top: 0;left: 50%;margin-left: -960px;}
.cont2 .box>ul{margin-top: 133px;display: flex;flex-direction: row-reverse;flex-wrap: wrap;padding-right: 36px;}
.cont2 .box>ul>li{width: 76px;height: 463px;transition: width .8s;position: relative;}
.cont2 .box .item-left{position: relative;}
.cont2 .box .item-left img{position: absolute;top: 0;left: 0;}
.cont2 .box .item-left i{position: absolute;font-size: 20px;line-height: 30px;transform: rotate(90deg);color: #fff;width: 80px;left: 30px;top: 110px;}
.cont2 .box .item-right{width: 0;overflow: hidden;top: 46px;left: 75px;background-color: #fff;padding: 23px 25px 0 45px;box-sizing: border-box;opacity: 0;height: 381px;transition: width .8s;position: absolute;}
.cont2 .box .item-right h4{font-size: 26px;line-height: 36px;color: #4e9fc4;}
.cont2 .box>ul>li:nth-child(2) .item-right h4{color: #cccb45;}
.cont2 .box>ul>li:nth-child(3) .item-right h4{color: #de922e;}
.cont2 .box>ul>li:nth-child(4) .item-right h4{color: #963bd8;}
.cont2 .box>ul>li:nth-child(5) .item-right h4{color: #4e9fc4;}
.cont2 .box>ul>li:nth-child(6) .item-right h4{color: #6554b6;}
.cont2 .box>ul>li:nth-child(7) .item-right h4{color: #cccb45;}
.cont2 .box>ul>li:nth-child(8) .item-right h4{color: #c84066;}
.cont2 .box>ul>li:nth-child(9) .item-right h4{color: #de922e;}
.cont2 .box .item-right p{font-size: 18px;line-height: 28px;color: #444;font-weight: bold;margin-top: 13px;}
.cont2 .box .item-right span{display: block;font-size: 14px;line-height: 24px;color: #444;margin-top: 2px;}
.cont2 .box .item-right .grid{display: flex;justify-content: space-between;margin-top: 20px;flex-wrap: wrap;}
.cont2 .box>ul>li:nth-child(2) .item-right .grid{margin-top: 10px;}
.cont2 .box .item-right .grid p{margin-top: 0;}
.cont2 .box>ul>li:nth-child(n 5) .item-right .grid li{margin-right: 50px;}
.cont2 .box>ul>li:nth-child(n 5) .item-right .grid li:last-child{margin-top: 12px;}
.cont2 .box li.active{width: 784px;}
.cont2 .box li.active .item-left img, .cont2 .box li.activete .item-left img{transform: rotatey(180deg);}
.cont2 .box li.active .item-left i, .cont2 .box li.activete .item-left i{left: 0;}
.cont2 .box li.active .item-right{width: 744px;opacity: 1;}

.cont3{margin-top: 115px;}
.cont3 ul{margin-top: 55px;}
.cont3 ul li{display: flex;justify-content: space-between;}
.cont3 ul li:nth-child(n 2){margin-top: 20px;}
.cont3 ul li .item-left{overflow: hidden;position: relative;}
.cont3 ul li .item-left p{font-size: 16px;line-height: 24px;position: absolute;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;top: 0;background-color: rgba(111,72,155,.9);color: #fff;}
.cont3 ul li:nth-child(odd) .item-left p{transition: left .5s;left: 100%;}
.cont3 ul li:nth-child(2) .item-left p{right: 100%;transition: right .5s;}
.cont3 ul li .item-right{width: 312px;background-color: #f3f3f3;}
.cont3 ul li .item-right p{font-size: 18px;line-height: 48px;color: #444;display: flex;justify-content: center;align-items: center;font-weight: bold;height: 100%;}
.cont3 ul li:nth-child(2) .item-right{width: 383px;}
.cont3 ul li:nth-child(odd) .item-left:hover p{left: 0;}
.cont3 ul li:nth-child(2) .item-left:hover p{right: 0;}

.cont6{padding-top: 142px;}
.cont6 .cont6-swiper{position: relative;margin-top: 55px;}
.cont6 .cont6-swiper i{position: absolute;width: 654px;height: 443px;border: 5px solid #a041a0;top: 20px;left: 141px;}
.cont6 .cont6-swiper .swiper-container{width: 1000px;}
.cont6 .cont6-swiper .swiper-container .swiper-slide{display: flex;position: relative;}
.cont6 .cont6-swiper .swiper-container .swiper-slide .play{position: absolute;top: 0px;left: 0px;padding: 161px 268px;}
.cont6 .cont6-swiper .swiper-slide video{width: 660px;height: 446px;object-fit: fill;}
.cont6 .cont6-swiper .swiper-slide ul{width: 335px;margin-top: 75px;background-color: #fff;border: 1px solid #e5e5e5;box-shadow: 5px 5px 5px #e1d0e7;
height: 324px;}
.cont6 .cont6-swiper .swiper-slide ul li:first-child{font-size: 24px;line-height: 81px;color: #fff;text-align: center;background-color: #7b6daf;}
.cont6 .cont6-swiper .swiper-slide ul li:nth-child(2){margin-top: 31px;}
.cont6 .cont6-swiper .swiper-slide ul li:nth-child(n 2){font-size: 16px;color: #7b6daf;padding-left: 35px;position: relative;line-height: 30px;}
.cont6 .cont6-swiper .swiper-slide ul li:nth-child(n 2)::before{content: '';width: 6px;height: 6px;background-color: #7b6daf;border-radius: 50%;left: 23px;top: 12px;
position: absolute;}
.cont6 .cont6-swiper .swiper-button-prev,.cont6 .cont6-swiper .swiper-button-next{background-image: url(/uploads/image/2mimages/system420.png);width: 40px;height: 75px;
background-size: cover;}
.cont6 .cont6-swiper .swiper-button-next{transform: rotate(180deg);}


@-webkit-keyframes swing{0%{transform: rotate(17deg);}25%{transform: rotate(7deg);}50%{transform: rotate(17deg);}75%{transform: rotate(27deg);}100%{transform: rotate(17deg);}}
@-moz-keyframes swing{0%{transform: rotate(17deg);}25%{transform: rotate(7deg);}50%{transform: rotate(17deg);}75%{transform: rotate(27deg);}100%{transform: rotate(17deg);}}
@-o-keyframes swing{0%{transform: rotate(17deg);}25%{transform: rotate(7deg);}50%{transform: rotate(17deg);}75%{transform: rotate(27deg);}100%{transform: rotate(17deg);}}
@keyframes swing{0%{transform: rotate(17deg);}25%{transform: rotate(7deg);}50%{transform: rotate(17deg);}75%{transform: rotate(27deg);}100%{transform: rotate(17deg);}}

@-webkit-keyframes evswing{0%{transform: rotate(-17deg);}25%{transform: rotate(-27deg);}50%{transform: rotate(-17deg);}75%{transform: rotate(-7deg);}100%{transform: rotate(-17deg);}}
@-moz-keyframes evswing{0%{transform: rotate(-17deg);}25%{transform: rotate(-27deg);}50%{transform: rotate(-17deg);}75%{transform: rotate(-7deg);}100%{transform: rotate(-17deg);}}
@-o-keyframes evswing{0%{transform: rotate(-17deg);}25%{transform: rotate(-27deg);}50%{transform: rotate(-17deg);}75%{transform: rotate(-7deg);}100%{transform: rotate(-17deg);}}
@keyframes evswing{0%{transform: rotate(-17deg);}25%{transform: rotate(-27deg);}50%{transform: rotate(-17deg);}75%{transform: rotate(-7deg);}100%{transform: rotate(-17deg);}}