@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(/uploads/image/pi/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(/uploads/image/pi/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(/uploads/image/pi/indexcenter-more.png) no-repeat right center;} .indexcenter .item ul li .more a:hover{background-color:#009ce5} .indexnews{height:845px;background:url(/uploads/image/pi/indexnews.jpg) repeat-x left bottom;} .indexnews .newsbody{height:100%;box-sizing: border-box;background:url(/uploads/image/pi/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(/uploads/image/pi/prev.svg) no-repeat center;background-size:cover;} .indexnews .news-slider .slider-btn.next{right:-35px;background:url(/uploads/image/pi/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(/uploads/image/pi/indexcenter-more.png) no-repeat right center;} .indexnews .news-slider .more a:hover{background-color:#009ce5} .indexnum{height:250px;background:url(/uploads/image/pi/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(/uploads/image/pi/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(/uploads/image/pi/indexcenter-more.png) no-repeat right center;} .indexjob .txt a.more:hover{background-color:#009ce5}