@charset "UTF-8"; header{border-bottom:0;} .indexKv{height:580px;position: relative;overflow:hidden;z-index:1;} .indexKv .swiper-wrapper{height:100%;} .indexKv .swiper-wrapper .swiper-slide{height:100%;opacity:0;} .indexKv .swiper-wrapper .swiper-slide a{display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;transform: scale(1.2);-webkit-transform: scale(1.2);transition:all ease-out 1s;-webkit-transition:all ease-out 1s;} .indexKv .swiper-wrapper .swiper-slide.swiper-slide-active a{transform: scale(1);} .indexKv .dot{position: absolute;left:0;right:0;bottom:35px;text-align:center;z-index:3;} .indexKv .dot span{display:inline-block;width:12px;height:12px;background-color:#fff;opacity:1;margin:0 6px;} .indexKv .dot span.swiper-pagination-bullet-active{background-color:#0083e0;} .indexProd{height:790px;position: relative;overflow:hidden;} .indexProd .title{position: absolute;left:0;right:0;top:105px;text-align:center;z-index:2;} .indexProd .title span{display:block;} .indexProd .title span.tit{font-size:48px;line-height:48px;color:#000;font-weight:600;margin-bottom:10px;} .indexProd .title span.txt{font-size:20px;color:#333;line-height:36px;} .indexProd .item{display:flex;align-content: stretch;width:100%;height:100%;} .indexProd .item .itembox{height:100%;background-color:#fff;width:20%;box-sizing:border-box;border-right:1px solid #e5e5e5;transition:all .3s;-webkit-transition:all .3s;position: relative;z-index:1;} .indexProd .item .itembox:last-child{border-right:0;} .indexProd .item .itembox:hover{background-color:#ddeffd;box-shadow:0 30px 60px rgba(0,18,23,.1);border-right:1px solid #ddeffd;} .indexProd .item .itembox .box{transform: translateY(345px);-webkit-transform: translateY(345px);text-align:center;transition:all .3s;-webkit-transition:all .3s;} .indexProd .item .itembox .box .ico{} .indexProd .item .itembox .box .imgBox{height:0;overflow:hidden;} .indexProd .item .itembox .box .imgBox img{width:100%;height:100%;object-fit:cover;} .indexProd .item .itembox .box .num{font-family:arial;font-weight:bold;font-size:24px;color:#d81719;line-height:22px;padding-top:35px;background:url(../images/index/indexProd-arrow.svg) no-repeat center top;background-size:24px;} .indexProd .item .itembox .box .tit{font-size:32px;line-height:32px;color:#333;transition:all .3s;-webkit-transition:all .3s;font-weight:400;margin:20px 0;} .indexProd .item .itembox .box .mask{display:none;padding:0 30px;} .indexProd .item .itembox .box .mask p{font-size:15px;line-height:23px;color:#333333;text-align:left;} .indexProd .item .itembox .box .mask .more a{display:inline-block;width:156px;height:38px;line-height:38px;background-color:#d81719;color:#fff;font-size:16px;border-radius:6px;margin-top:25px;transition:all .3s;-webkit-transition:all .3s;} .indexProd .item .itembox .box .mask .more a:hover{background-color:#009ce5} .indexProd .item .itembox:hover .box{transform: translateY(240px);-webkit-transform: translateY(240px);} .indexProd .item .itembox:hover .box .ico{display:none;} .indexProd .item .itembox:hover .box .imgBox{height:235px;} .indexProd .item .itembox:hover .box .num{color:#0062ac;background:none;padding-top:45px;} .indexProd .item .itembox:hover .box .tit{color:#009ce5;} .indexProd .item .itembox:hover .box .mask{display:block;} .indexCenter{height:426px;background:url(../images/index/indexCenter.jpg) no-repeat center;background-size:cover;} .indexCenter .tit{padding:90px 0;text-align:center;} .indexCenter .tit h2{font-size:38px;line-height:38px;font-weight:600;margin-bottom:15px;} .indexCenter .tit p{font-size:18px;line-height:36px;color:#333;} .indexCenter .item{position: relative;} .indexCenter .item ul{position: absolute;left:0;right:0;top:0;width:100%;height:290px;background-color:#fff;box-shadow:0 0 38px rgba(17,80,99,.22);display:flex;align-items:center;} .indexCenter .item ul::before{content:"";display:inline-block;width:1px;height:240px;background-color:#bbbcbc;position:absolute;left:50%;top:25px;transform: translateX(-50%) } .indexCenter .item ul li{width:50%;box-sizing: border-box;padding:0 75px 0 45px;display:flex;flex-direction: column;} .indexCenter .item ul li .title{font-size:24px;line-height:36px;color:#009ce5;font-weight:600;margin-bottom:25px;display:flex;align-items:center;} .indexCenter .item ul li .title img{margin-right:10px;} .indexCenter .item ul li p{font-size:15px;line-height:21px;color:#666666;} .indexCenter .item ul li .more{margin-top:25px;} .indexCenter .item ul li .more a{display:inline-block;padding:0 10px 0 20px;height:40px;line-height:40px;border-radius:20px;background-color:#d81719;transition:all .3s;-webkit-transition:all .3s;} .indexCenter .item ul li .more a span{font-size:16px;color:#fff;padding-right:25px;background:url(../images/index/indexCenter-more.png) no-repeat right center;} .indexCenter .item ul li .more a:hover{background-color:#009ce5} .indexNews{height:845px;background:url(../images/index/indexNews.jpg) repeat-x left bottom;} .indexNews .newsBody{height:100%;box-sizing: border-box;background:url(../images/index/indexNews-2.png) no-repeat left top;padding-top:195px;} .indexNews h2{font-size:38px;line-height:38px;font-weight:600;text-align:center;margin-bottom:40px;} .indexNews .news-slider{position: relative;} .indexNews .news-slider .slider-btn{width:18px;height:34px;display:inline-block;cursor:pointer;position: absolute;top:170px;} .indexNews .news-slider .slider-btn.prev{left:-35px;background:url(../images/index/prev.svg) no-repeat center;background-size:cover;} .indexNews .news-slider .slider-btn.next{right:-35px;background:url(../images/index/next.svg) no-repeat center;background-size:cover;} .indexNews .news-slider .slider{position: relative;overflow:hidden;padding:20px 0;} .indexNews .news-slider .slider .swiper-slide{box-shadow:0 0 20px rgba(17,80,99,.22);} .indexNews .news-slider .slider .swiper-slide .imgBox{position: relative;height:285px;overflow:hidden;} .indexNews .news-slider .slider .swiper-slide .imgBox img{width:100%;height:100%;object-fit:cover;transition:all .3s;-webkit-transition:all .3s;} .indexNews .news-slider .slider .swiper-slide .imgBox span{position: absolute;left:20px;top:15px;height:26px;line-height:26px;padding:0 15px;font-size:13px;color:#fff;border-radius:25px;} .indexNews .news-slider .slider .swiper-slide .imgBox span.i_1{background-color:#29a572;} .indexNews .news-slider .slider .swiper-slide .imgBox span.i_2{background-color:#c65f94;} .indexNews .news-slider .slider .swiper-slide .imgBox span.i_3{background-color:#22c7d0;} .indexNews .news-slider .slider .swiper-slide .txt{padding:15px;background-color:#fff;} .indexNews .news-slider .slider .swiper-slide .txt .p_date{font-size:15px;line-height:28px;color:#019ce5;margin-bottom:5px;transition:all .3s;-webkit-transition:all .3s;} .indexNews .news-slider .slider .swiper-slide .txt .p_txt{font-size:16px;line-height:24px;color:#333;font-weight:500;height:48px;overflow:hidden;} .indexNews .news-slider .slider .swiper-slide a:hover .imgBox img{transform: scale(1.05);-webkit-transform: scale(1.05);} .indexNews .news-slider .slider .swiper-slide a:hover .txt .p_date{color:#d81719;} .indexNews .news-slider .slider a{display:block;} .indexNews .news-slider .dot{text-align:center;padding-top:10px;} .indexNews .news-slider .dot span{display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#bdbebe;margin:0 5px;opacity:1;} .indexNews .news-slider .dot span.swiper-pagination-bullet-active{background-color:#0083e0;} .indexNews .news-slider .more{margin-top:35px;text-align:center;} .indexNews .news-slider .more a{display:inline-block;padding:0 15px 0 25px;height:40px;line-height:40px;border-radius:20px;background-color:#d81719;transition:all .3s;-webkit-transition:all .3s;} .indexNews .news-slider .more a span{font-size:16px;color:#fff;padding-right:30px;background:url(../images/index/indexCenter-more.png) no-repeat right center;} .indexNews .news-slider .more a:hover{background-color:#009ce5} .indexNum{height:250px;background:url(../images/index/indexNum.jpg);} .indexNum ul{font-size:0;display:flex;align-items:center;height:100%;} .indexNum ul li{width:20%;display:inline-block;text-align:center;} .indexNum ul li .txt{position: relative;display:inline-block;} .indexNum ul li .txt span{font-size:62px;line-height:62px;font-weight:bold;color:#fff;} .indexNum ul li .txt sup{font-size:36px;line-height:36px;color:#fff;font-weight:bold;position: absolute;right:-10px;top:0;} .indexNum ul li .txt sub{font-size:18px;line-height:36px;color:#fff;} .indexNum ul li p{font-size:18px;line-height:26px;color:#fff;font-weight:500;margin-top:5px;} .indexJob{height:580px;background:url(../images/index/indexJob.jpg) no-repeat center;background-size:cover;} .indexJob .txt{padding-top:180px;} .indexJob .txt h3{font-size:38px;line-height:38px;color:#0062ac;font-weight:600;margin-bottom:20px;} .indexJob .txt p{font-size:16px;line-height:28px;color:#333;font-weight:500;} .indexJob .txt a.more{display:inline-block;padding:0 15px 0 25px;height:40px;line-height:40px;border-radius:20px;background-color:#d81719;transition:all .3s;-webkit-transition:all .3s;margin-top:20px;} .indexJob .txt a.more span{font-size:16px;color:#fff;padding-right:30px;background:url(../images/index/indexCenter-more.png) no-repeat right center;} .indexJob .txt a.more:hover{background-color:#009ce5}