.main{padding-top: 0;margin-bottom: 127px;}

.banner{height: 600px;}
.banner .index_swiper{height: 600px;}
.banner .index_swiper .swiper-button-prev, .banner .index_swiper .swiper-rtl .swiper-button-next{left: 40px;}
.banner .index_swiper .swiper-button-next, .banner .index_swiper .swiper-rtl .swiper-button-prev{right: 40px;}
.banner .index_swiper .swiper-slide{overflow: hidden;}
.banner .index_swiper .swiper-slide #banner-index1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.banner .index_swiper .swiper-slide .tit{margin-top: 265px;}
.banner .index_swiper .swiper-slide .tit img{display: block;margin: 0 auto;}
.banner .index_swiper .swiper-slide .tit img:last-child{margin-top: 50px;}

.cont1{margin-top: 50px;}
.cont1 .cont1_main{margin-top: 67px;display: flex;justify-content: space-between;}
.cont1 .cont1_main li{width: 387px;height: 440px;padding: 41px 63px 0;text-align: center;cursor: pointer;box-sizing: border-box;border-radius: 6px;}
.cont1 .cont1_main li:hover{box-shadow: 0 -2px 15px rgba(0,0,0,.1);}
.cont1 .cont1_main li p{margin: 41px 0 12px;font-weight: bold;font-size: 18px;line-height: 24px;}
.cont1 .cont1_main li span:nth-child(3){font-weight: bold;}
.cont1 .cont1_main li span{font-size: 16px;line-height: 30px;color: #505050;display: block;}

.cont2{margin-top: 62px;padding-top: 50px;background-color: #EEF3FD;position: relative;height: 650px;box-sizing: border-box;}
.cont2 .title{position: relative;z-index: 1;}
.cont2 .cont2_main{position: absolute;top: 0;left: 50%;margin-left: -960px;height: 641px;width: 100%;}
.cont2 .cont2_main .btnlist{position: absolute;top: 207px;z-index: 1;left: 1697px;}
.cont2 .cont2_main .btnlist li{text-align: right;}
.cont2 .cont2_main .btnlist li:last-child{margin-top: 27px;}
.cont2 .cont2_main .btnlist li img{width: 163px;height: 83px;border: 1px solid #AEC2E0;transition: transform .3s linear;}
.cont2 .cont2_main .btnlist li.active img{transform: scale(1.2);transform-origin: 100% 50%;border-color: #2F82FF;}
.cont2 .cont2_main>img, .cont2 .cont2_main .tab_list .tab_box{position: absolute;left: 15px;animation: coverImg 3s linear 1 forwards;overflow: hidden;display: none;bottom: 0;width: 1890px;height: 641px;}
.cont2 .cont2_main .tab_list .tab_box img{position: absolute;left: 0;bottom: 0;}

.cont3{margin-top: 51px;}
.cont3 .title img{width: 792px;}
.cont3 .cont3_main{margin-top: 88px;display: flex;justify-content: center;}
.cont3 .cont3_main li{text-align: center;}
.cont3 .cont3_main li:first-child{padding-top: 37px;}
.cont3 .cont3_main li:first-child p{margin-top: 78px;}
.cont3 .cont3_main li:first-child img{width: 166px;}
.cont3 .cont3_main li p{font-size: 18px;line-height: 24px;color: #303030;margin: 41px 0 17px;font-weight: bold;}
.cont3 .cont3_main li span{font-size: 16px;line-height: 24px;color: #505050;}
.cont3 .cont3_main li:nth-child(2), .cont3 .cont3_main li:nth-child(4){margin: 111px 43px 0 56px;}
.cont3 .cont3_main li:last-child p, .cont3 .cont3_main li:last-child span{padding-right: 78px;}

.cont4{margin-top: 86px;position: relative;height: 600px;overflow: hidden;}
.cont4 .vision_box{padding-top: 50px;}
.cont4 .title{position: relative;}
.cont4 .cont4_main{margin-top: 130px;display: flex;justify-content: center;}
.cont4 .cont4_main li{width: 260px;height: 260px;box-sizing: border-box;border: 2px solid #FFFFFF;border-radius: 50%;text-align: center;padding: 52px 40px 0;}
.cont4 .cont4_main li p{font-size: 16px;line-height: 24px;color: #FFFFFF;margin-top: 19px;}
.cont4 .cont4_main li:nth-child(2){margin: 0 126px;}

.cont5{margin-top: 50px;}
.cont5 .cont5_main{display: flex;flex-wrap: wrap;margin-top: 42px;}
.cont5 .cont5_main li{width: 285px;height: 200px;box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.25);border-radius: 6px;display: flex;justify-content: center;align-items: center;cursor: pointer;overflow: hidden;margin-right: 20px;}
.cont5 .cont5_main li:nth-child(4n){margin-right: 0;}
.cont5 .cont5_main li img{transition: transform .3s linear;}
.cont5 .cont5_main li:nth-child(n+5){margin-top: 24px;}
.cont5 .cont5_main li:hover img{transform: scale(1.2);}

@keyframes coverImg{0%{height: 0;}100%{height: 100%;}}