/* btn */
.btn_active::after {content: "";display: block;width: 14%;height: 290%;background: rgba(255, 255, 255, 0.4);transform: rotate(35deg);position: absolute;left: -20%;top: -120%;animation: leftTransiform ease-in-out 0.5s forwards;-webkit-animation: leftTransiform ease-in-out 0.5s forwards;}

.page6{background: url('../sy01/page6.jpg') no-repeat center top;padding-bottom:0px; padding-top:50px;}
.page6 .mainTitle span{margin: 0 10px 0 0;}
.page6 .list{display: flex;justify-content: space-between;padding-bottom: 60px;}
.page6 .li{width: 380px;height: 249px;border-radius: 22px;overflow: hidden;line-height: 1;}
.page6 .li1{background: url('../sy01/page6_1.png') no-repeat;}
.page6 .li2{background: url('../sy01/page6_2.png') no-repeat;}
.page6 .li3{background: url('../sy01/page6_3.png') no-repeat;}
.page6 .div{width: 100%;height: 100%;position: relative;padding: 31px 33px 0 33px;box-sizing: border-box;transition: transform 0.5s;}
.page6 .div1{width: 100%;height: 100%;position: relative;padding: 31px 33px 0 33px;box-sizing: border-box;transition: transform 0.5s;}
.page6 .li1 .div{background: url('../sy01/page6_01bk.png') no-repeat center bottom;}
.page6 .li2 .div{background: url('../sy01/page6_02bk.png') no-repeat center bottom;}
.page6 .li3 .div{background: url('../sy01/page6_03bk.png') no-repeat center bottom;}

.page6 .li1 .div1{background: linear-gradient(270deg,rgba(164,0,253,0.9),rgba(129,0,251,0.9));}
.page6 .li2 .div1{background: linear-gradient(270deg,rgba(16,104,226,0.9),rgba(0,81,192,0.9));}
.page6 .li3 .div1{background: linear-gradient(270deg,rgba(245,72,0,0.9),rgba(190,57,0,0.9));}
.page6 .numImg{margin-bottom: 15px;}
.page6 .tit{font-size: 22px;font-weight: bold;color: #fff;padding: 0 0 3px 3px;margin:0 0 10px -3px; line-height:30px;}
.page6 .font{font-size: 14px;color: #ffffff;padding-bottom: 15px;line-height: 20px;}
.page6 .li1 .tit{background: url('../sy01/page6_icon1.png') no-repeat left bottom;}
.page6 .li2 .tit{background: url('../sy01/page6_icon2.png') no-repeat left bottom;}
.page6 .li3 .tit{background: url('../sy01/page6_icon3.png') no-repeat left bottom;}
.page6 .minbtn{border: 1px solid #ffffff;font-size: 14px;color: #fff;font-weight: bold;box-sizing: border-box; border-radius: 4px;width: 100px;height: 32px;display: flex;justify-content: center;align-items: center;}
.page6 .li:hover .div{transform: translateY(-100%);}
.page6 .li:hover .div1{transform: translateY(-100%);}
.page6 .disButton{width: 590px;margin: auto;display: flex;justify-content: space-between;}