.cont1{margin-top: 95px;}
.cont1 .cont1-main{display: flex;justify-content: space-between;margin-top: 55px;}
.cont1 .cont1-main li{text-align: center;color: #292929;}
.cont1 .cont1-main li .li-top{width: 180px;height: 208px;background-color: #E3E1E1;padding-top: 75px;box-sizing: border-box;position: relative;transition: all .3s;}
.cont1 .cont1-main li .li-top i{position: absolute;width: 0;height: 0;}
.cont1 .cont1-main li .li-top i:nth-child(2){border-top: 45px solid #FFFFFF;border-right: 90px solid transparent;left: 0;top: 0;}
.cont1 .cont1-main li .li-top i:nth-child(3){border-top: 45px solid #FFFFFF;border-left: 90px solid transparent;right: 0;top: 0;}
.cont1 .cont1-main li .li-top i:nth-child(4){border-bottom: 45px solid #FFFFFF;border-right: 90px solid transparent;left: 0;bottom: 0;}
.cont1 .cont1-main li .li-top i:nth-child(5){border-bottom: 45px solid #FFFFFF;border-left: 90px solid transparent;right: 0;bottom: 0;}
.cont1 .cont1-main li p{font-size: 26px;line-height: 36px;font-weight: bold;margin-top: 14px;}
.cont1 .cont1-main li span{font-size: 20px;line-height: 30px;}
.cont1 .cont1-main li:hover .li-top{background-image: linear-gradient(-65deg,#6ACBFC,#00A9FF);}

.cont2{position: relative;margin-top: 95px;padding-top: 35px;}
.cont2 .cont2-img{position: absolute;left: 50%;margin-left: -960px;top: 0;}
.cont2 .title{color: #FFFFFF;}
.cont2 .cont2-main{margin-top: 55px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.cont2 .cont2-main li{position: relative;border-radius: 10px;overflow: hidden;cursor: pointer;}
.cont2 .cont2-main li:nth-child(n+4){margin-top: 36px;}
.cont2 .cont2-main li .li-top{position: absolute;width: 100%;height: 100%;background-color: rgba(255,255,255,.7);left: 0;top: -100%;padding: 55px 30px 0;box-sizing: border-box;color: #303030;transition: top .3s;}
.cont2 .cont2-main li .li-top h4{font-size: 28px;line-height: 38px;font-weight: bold;}
.cont2 .cont2-main li .li-top p{font-size: 18px;line-height: 30px;margin-top: 25px;font-weight: bold;}
.cont2 .cont2-main li .li-bot{position: absolute;width: 100%;height: 130px;background-color: #FFFFFF;bottom: 0;left: 0;display: flex;padding: 28px 39px 0;box-sizing: border-box;justify-content: space-between;transition: bottom .3s;}
.cont2 .cont2-main li .li-bot .bot-left{text-align: center;margin-right: 20px;}
.cont2 .cont2-main li .li-bot .bot-left i{display: block;font-size: 16px;line-height: 26px;}
.cont2 .cont2-main li:first-child .li-bot .bot-left i{color: #00B9EF;}
.cont2 .cont2-main li:nth-child(2) .li-bot .bot-left i, .cont2 .cont2-main li:nth-child(5) .li-bot .bot-left i{color: #FD663E;}
.cont2 .cont2-main li:nth-child(3) .li-bot .bot-left i{color: #16D9BF;}
.cont2 .cont2-main li:nth-child(4) .li-bot .bot-left i{color: #FCC55C;}
.cont2 .cont2-main li:nth-child(6) .li-bot .bot-left i{color: #8DE229;}
.cont2 .cont2-main li .li-bot .bot-right{flex: 1;}
.cont2 .cont2-main li .li-bot .bot-right h4{font-size: 28px;line-height: 1;color: #303030;position: relative;padding-bottom: 9px;font-weight: bold;}
.cont2 .cont2-main li .li-bot .bot-right h4::before{content: '';position: absolute;width: 100%;height: 2px;border-radius: 1px;bottom: 0;}
.cont2 .cont2-main li:first-child .li-bot .bot-right h4::before{background-image: linear-gradient(0deg,#00A9FF,#6ACBFC);}
.cont2 .cont2-main li:nth-child(2) .li-bot .bot-right h4::before, .cont2 .cont2-main li:nth-child(5) .li-bot .bot-right h4::before{background-image: linear-gradient(0deg,#FF4200,#FC7F6A);}
.cont2 .cont2-main li:nth-child(3) .li-bot .bot-right h4::before{background-image: linear-gradient(0deg,#00D4B8,#33DFC8);}
.cont2 .cont2-main li:nth-child(4) .li-bot .bot-right h4::before{background-image: linear-gradient(0deg,#FF8A00,#FCCE6A);}
.cont2 .cont2-main li:nth-child(6) .li-bot .bot-right h4::before{background-image: linear-gradient(0deg,#89E802,#91DC55);}
.cont2 .cont2-main li .li-bot .bot-right p{font-size: 16px;line-height: 18px;margin-top: 5px;color: #919191;}
.cont2 .cont2-main li:hover .li-bot{bottom: -130px;}
.cont2 .cont2-main li:hover .li-top{top: 0;}


.cont3{margin-top: 135px;}
.cont3 p{font-size: 18px;line-height: 22px;color: #919191;margin-top: 23px;text-align: center;}
.cont3 .cont3-main{position: relative;display: flex;margin-top: 9px;padding: 49px 0 0 34px;justify-content: space-between;}
.cont3 .cont3-main img:first-child{position: absolute;top: 0;left: 258px;}
.cont3 .cont3-main img:nth-child(n+2){position: relative;}

.cont4{position: relative;padding-top: 135px;height: 1222px;box-sizing: border-box;}
.cont4 .cont4-img{position: absolute;left: 50%;margin-left: -960px;top: 0;}
.cont4 .cont4-main{text-align: center;}
.cont4 .cont4-main .title{color: #FFFFFF;}
.cont4 .cont4-main img{margin-top: 55px;}

.cont5{margin-top: 95px;}
.cont5 .cont5-main{margin-top: 50px;display: flex;justify-content: space-between;padding: 0 100px;}
.cont5 .cont5-main li{text-align: center;}
.cont5 .cont5-main li:nth-child(even){padding-top: 114px;}
.cont5 .cont5-main li i{font-size: 14px;display: block;line-height: 24px;color: #3FBDFD;margin-bottom: 31px;}
.cont5 .cont5-main li p{font-size: 20px;line-height: 30px;color: #323333;font-weight: bold;margin-top: 34px;}
.cont5 .cont5-main li span{display: block;font-size: 14px;line-height: 24px;color: #6E6E6E;margin-top: 6px;}
.cont5 .header-free{background-image: linear-gradient(#00A9FF,#6ACBFC);width: 300px;height: 57px;font-size: 24px;border-radius: 29px;color: #FFFFFF;font-weight: bold;margin: 45px auto 0;display: block;}

.cont6{margin-top: 135px;}
.cont6 .cont6-main{display: flex;margin-top: 55px;}
.cont6 .cont6-main .cont6-left{position: relative;width: 659px;}
.cont6 .cont6-main .cont6-left img{position: absolute;transition: transform .3s;cursor: pointer;}
.cont6 .cont6-main .cont6-left img:first-child{left: 0;top: 0;}
.cont6 .cont6-main .cont6-left img:nth-child(2){right: 0;top: 0;}
.cont6 .cont6-main .cont6-left img:nth-child(3){left: 0;bottom: 0;}
.cont6 .cont6-main .cont6-left img:nth-child(4){right: 0;bottom: 0;}
.cont6 .cont6-main .cont6-right{flex: 1;margin-left: 92px;}
.cont6 .cont6-main .cont6-right li{display: flex;justify-content: space-between;}
.cont6 .cont6-main .cont6-right li:nth-child(n+2){margin-top: 49px;}
.cont6 .cont6-main .cont6-right li .li-right{margin-left: 24px;width: 355px;}
.cont6 .cont6-main .cont6-right li .li-right h4{font-size: 24px;line-height: 28px;}
.cont6 .cont6-main .cont6-right li .li-right h4:nth-child(2){margin-top: 12px;}
.cont6 .cont6-main .cont6-right li:first-child .li-right h4{color: #00A9FF;}
.cont6 .cont6-main .cont6-right li:nth-child(2) .li-right h4{color: #FDC53F;}
.cont6 .cont6-main .cont6-right li:nth-child(3) .li-right h4{color: #FD513F;}
.cont6 .cont6-main .cont6-right li .li-right p{font-size: 16px;line-height: 28px;color: #919191;margin-top: 11px;}
.cont6 .cont6-main .cont6-left img:hover{transform: scale(1.1);}

.cont7{margin-top: 130px;margin-bottom: 100px;}
.cont7 .cont7-main{display: flex;margin-top: 55px;}
.cont7 .cont7-main .cont7-left{width: 460px;height: 387px;}
.cont7 .cont7-main .cont7-left .swiper-slide img{width: 460px;height: 387px;}
.cont7 .cont7-main .cont7-left .swiper-slide a{font-size: 18px;line-height: 50px;padding: 0 80px 0 37px;}
.cont7 .cont7-main .cont7-left .swiper-pagination{width: 80px;left: auto;right: 0;bottom: 20px;height: 10px;display: flex;}
.cont7 .cont7-main .cont7-left .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #fff;opacity: 0.52;margin: 0 9px 0 0;}
.cont7 .cont7-main .cont7-left .swiper-pagination-bullet-active{opacity: 1;}
.cont7 .cont7-main .cont7-right{flex: 1;margin-left: 90px;}
.cont7 .cont7-main .cont7-right li:nth-child(n+2){margin-top: 48px;}
.cont7 .cont7-main .cont7-right li a{display: inline-block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 20px;line-height: 1;color: #444444;font-weight: bold;}
.cont7 .cont7-main .cont7-right li p{font-size: 16px;line-height: 28px;color: #959595;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 56px;margin-top: 18px;}
.cont7 .more{width: 144px;height: 47px;color: #FFFFFF;background-image: linear-gradient(-90deg,#61C8FC,#07ABFF);font-size: 16px;border-radius: 24px;margin: 55px auto 0;display: block;line-height: 47px;text-align: center;}