html body{color: #333;}
a{color: #333;}
i{font-style: normal;}
.title{text-align: center;}
.main img{vertical-align: middle;}
.main{position: relative;overflow: hidden;}
.main .main-img{position: absolute;left: 50%;margin-left: -960px;top: 935px;}

.main .cont1{margin-top: 99px;}
.cont1 ul{position: relative;margin-top: 79px;}
.cont1 ul::before, .cont1 ul::after{content: '';width: 3px;height: 266px;background: linear-gradient(0deg,rgba(135,57,230,1) 0%,rgba(84,150,255,1) 100%);position: absolute;left: 595px;top: 91px;}
.cont1 ul::after{top: 482px;}
.cont1 ul li{display: flex;align-items: flex-start;}
.cont1 ul li:nth-child(n+2){margin-top: 94px;}
.cont1 ul li .item-left{padding-top: 7px;}
.cont1 ul li .item-left img{width: 502px;height: 290px;}
.cont1 ul li .item-mid{margin: 0 48px 0 62px;}
.cont1 ul li .item-right{width: 520px;padding-top: 7px;}
.cont1 ul li .item-right p{font-size: 28px;line-height: 50px;color: #7171FE;}
.cont1 ul li .item-right i{display: block;font-size: 16px;line-height: 44px;margin-top: 9px;color: #666666;}
.cont1 ul li .item-right span{display: block;font-size: 14px;line-height: 24px;margin-top: 60px;color: #666666;text-align: right;padding-right: 6px;}
.cont1 ul li:nth-child(2) .item-mid{margin: 0 64px 0 44px;}

.main .cont2{margin-top: 149px;position: relative;margin-bottom: 132px;}
.cont2 .list{margin-top: 80px;}
.cont2 .list li{display: flex;box-shadow: 0 4px 24px rgba(0, 0, 0, 0.09);padding-right: 50px;background-color: #fff;}
.cont2 .list li:nth-child(n+2){margin-top: 36px;}
.cont2 .list li .item-left img{width: 272px;height: 170px;}
.cont2 .list li .item-mid{padding: 29px 0 0 58px;width: 600px;flex: ;}
.cont2 .list li .item-mid a{display: inline-block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;line-height: 28px;}
.cont2 .list li .item-mid p{font-size: 14px;line-height: 26px;color: #666;margin-top: 5px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 52px;}
.cont2 .list li .item-right{margin-left: auto;padding-top: 30px;text-align: center;}
.cont2 .list li .item-right i{font-size: 30px;line-height: 1;display: block;}
.cont2 .list li .item-right i:last-child{font-size: 20px;margin-top: 24px;}
.cont2 .list li:hover{background-color: #7171FE;color: #fff;}
.cont2 .list li:hover .item-mid a, .cont2 ul li:hover .item-mid p{color: #fff;}

.page{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 80px;flex-wrap: wrap;}
.page li{height: 38px;font-size: 14px;line-height: 38px;margin: 0 6px 20px;text-align: center;color: #fff;}
.page li:first-child, .page li:last-child{display: none;}
.page li a{color: #fff;display: block;width: 38px;border-radius: 50%;background-color: #C4C4C4;}
.page li.thisclass{background-color: #7171FE;width: 38px;border-radius: 50%;}
.page li:nth-child(2) a, .page li:nth-last-child(2) a{display: none;}