.hover-container{padding:100px 0;border-bottom:4px solid #ddd}@media (max-width:1200px){.hover-container{display:none}}.hover-content{position:relative;margin:0 auto;width:1200px;height:685px}.hover-img{position:absolute;top:0;left:0;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.hover-img-show{opacity:.99}.hover-svg{position:absolute;top:0;left:0;width:1200px;opacity:0;fill:transparent}.hover-mobile{display:none;padding:50px 10px;border-bottom:4px solid #ddd}@media (max-width:1200px){.hover-mobile{display:block}}@media (max-width:700px){.hover-mobile{padding:50px 0}}.hover-mobile-img{width:100%;display:block}.index-1{padding:40px 0}.index-1-content{width:1200px;margin:0 auto;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:1200px){.index-1-content{width:100%;padding:0 20px}}.index-1-btn{cursor:pointer;width:305px;margin:0 auto}.index-1-top-title{color:#a2a2a2;font-size:20px}.index-1-middle-title{position:relative;border-bottom:1px solid #a2a2a2;font-weight:300;font-size:30px;color:#b1c700;padding:10px 0 40px}.index-1-middle-title span{font-weight:600}.index-1-middle-title:after{position:absolute;bottom:-2px;left:50%;content:"";display:block;height:3px;width:80px;background:#b1c700;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.index-1-bottom-title{position:relative;font-weight:300;font-size:16px;color:#a2a2a2;margin:0;padding:40px 0 0}.index-2{width:1200px;margin:25px auto 125px;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:1220px){.index-2{width:100%;padding:0 20px}}.index-2-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.index-2-item{width:12%;margin:20px}@media (max-width:940px){.index-2-item{width:33%;margin:20px 0}}@media (max-width:510px){.index-2-item{width:50%;margin:20px 0}}.index-2-item-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:26px;color:#b1c700;width:64px;height:64px;border:2px solid #b1c700;border-radius:50%;margin:0 auto}.index-2-item-text{text-align:center;margin-top:16px}.index-2-item-top{color:#333;font-size:46px;line-height:46px;margin-bottom:6px}.index-2-item-bottom{color:#a2a2a2;font-size:14px}.index-2-item-bottom sup{font-size:10px}.index-3{padding:0 20px}.index-3-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}@media (max-width:1000px){.index-3-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.index-3-items{grid-template-columns:repeat(1,minmax(0,1fr))}}.index-3-item{position:relative;overflow:hidden}.index-3-item:hover i{-webkit-transform:scale(12);-ms-transform:scale(12);transform:scale(12);opacity:0}.index-3-item:hover .index-3-item-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:.99}.index-3-item-1 i{background:#be649d}.index-3-item-1 .index-3-item-active{background:rgba(190,100,157,.9)}.index-3-item-1 .index-3-item-plus:hover{color:#be649d}@media (max-width:1000px){.index-3-item-1{background:rgba(190,100,157,.9)}.index-3-item-1 .index-3-item-active{background:transparent}}.index-3-item-2 i{background:#23ace7}.index-3-item-2 .index-3-item-active{background:rgba(35,172,231,.9)}.index-3-item-2 .index-3-item-plus:hover{color:#23ace7}@media (max-width:1000px){.index-3-item-2{background:rgba(35,172,231,.9)}.index-3-item-2 .index-3-item-active{background:transparent}}.index-3-item-3 i{background:#e14c23}.index-3-item-3 .index-3-item-active{background:rgba(225,76,35,.9)}.index-3-item-3 .index-3-item-plus:hover{color:#e14c23}@media (max-width:1000px){.index-3-item-3{background:rgba(225,76,35,.9)}.index-3-item-3 .index-3-item-active{background:transparent}}.index-3-item-4 i{background:#b0c700}.index-3-item-4 .index-3-item-active{background:rgba(176,199,0,.9)}.index-3-item-4 .index-3-item-plus:hover{color:#b0c700}@media (max-width:1000px){.index-3-item-4{background:rgba(176,199,0,.9)}.index-3-item-4 .index-3-item-active{background:transparent}}.index-3-item-5 i{background:#ef6f2e}.index-3-item-5 .index-3-item-active{background:rgba(239,111,46,.9)}.index-3-item-5 .index-3-item-plus:hover{color:#ef6f2e}@media (max-width:1000px){.index-3-item-5{background:rgba(239,111,46,.9)}.index-3-item-5 .index-3-item-active{background:transparent}}.index-3-item-6 i{background:#116f97}.index-3-item-6 .index-3-item-active{background:rgba(17,111,151,.9)}.index-3-item-6 .index-3-item-plus:hover{color:#116f97}@media (max-width:1000px){.index-3-item-6{background:rgba(17,111,151,.9)}.index-3-item-6 .index-3-item-active{background:transparent}}.index-3-item-7 i{background:#eb33a4}.index-3-item-7 .index-3-item-active{background:rgba(235,51,164,.9)}.index-3-item-7 .index-3-item-plus:hover{color:#eb33a4}@media (max-width:1000px){.index-3-item-7{background:rgba(235,51,164,.9)}.index-3-item-7 .index-3-item-active{background:transparent}}.index-3-item-8 i{background:#899194}.index-3-item-8 .index-3-item-active{background:hsla(196,5%,56%,.9)}.index-3-item-8 .index-3-item-plus:hover{color:#899194}@media (max-width:1000px){.index-3-item-8{background:hsla(196,5%,56%,.9)}.index-3-item-8 .index-3-item-active{background:transparent}}.index-3-item-img{position:relative}