@charset "UTF-8";

.indexKv{ position: relative;overflow:hidden;height:80vh;z-index:1;top:90px; margin-bottom: 90px;}
.indexKv .kvSlider{width:100%;height:100%;position: relative;z-index:1;}
.indexKv .kvSlider .swiper-slide{overflow:hidden;}
.indexKv .kvSlider .swiper-slide .imgBox{background-size:cover;background-position:center;width:100%;height:100%;transform:scale(1.05);transition:all 2s;}
.indexKv .kvSlider .swiper-slide .imgBox img{display:none;}
.indexKv .kvSlider .swiper-slide.swiper-slide-active .imgBox{transform:scale(1);}

.indexKv .kvSlider .swiper-slide .txtBox{position: absolute;left:0;right:0;top:0;bottom:0;z-index:2;}
.indexKv .kvSlider .swiper-slide .container{height:100%;}
.indexKv .kvSlider .swiper-slide .box{position:absolute;top:38%;display:inline-block;text-align:center;}
.indexKv .kvSlider .swiper-slide .box h1{font-size:40px;line-height:70px;color:#15097d;font-weight:700;margin-bottom:10px;}
.indexKv .kvSlider .swiper-slide .box h2{font-size:33px;line-height:33px;color:#15097d;font-weight:300;margin-bottom:15px;}
.indexKv .kvSlider .swiper-slide .box h3{font-size:18px;line-height:30px;color:#15097d;font-weight:300;}
.indexKv .kvSlider .swiper-slide .box a{display:inline-block;border:2px solid #15097d;height:40px;line-height:36px;width:170px;font-size:15px;color:#15097d;margin-top:20px;transition:all .3s;position: relative;}
.indexKv .kvSlider .swiper-slide .box a:hover{color:#fff;}
.indexKv .kvSlider .swiper-slide .box a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background-color:#15097d;transition:all .3s;right:0;z-index:1;}
.indexKv .kvSlider .swiper-slide .box a span{position: relative;z-index:2;}
.indexKv .kvSlider .swiper-slide .box a:hover::before{width:100%;}


.indexKv .swiper-pagination{position: absolute;left:0;right:0;bottom:3rem;z-index:2;text-align:center;height:1px;}
.indexKv .swiper-pagination span{display:inline-block;height:2px;background-color:rgba(255,255,255,.4);opacity:1;width:100px;margin:0; margin-right:3px;}
.indexKv .swiper-pagination span.swiper-pagination-bullet-active{background-color:#a58672}
.indexAbout{padding:80px 0 120px;text-align:center;}
.indexAbout .about-title{margin-bottom:45px;}
.indexAbout .about-title h3{margin-bottom:10px;}
.indexAbout .about-title .about-txt{font-size:16px;line-height:30px;color:#666;}
.indexAbout .aboutSlider{position: relative;overflow:hidden;padding-bottom:80px;}
.indexAbout .aboutSlider .swiper-slide{height:280px;overflow:hidden;position: relative;}
.indexAbout .aboutSlider .swiper-slide img{width:100%;height:100%;object-fit:cover;transition:all .8s;}
.indexAbout .aboutSlider .swiper-slide:hover img{transform:scale(1.15)}
.indexAbout .aboutSlider .swiper-slide::after{content:"";position: absolute;left:0;right:0;top:0;bottom:0;transition:all .6s;}
.indexAbout .aboutSlider .swiper-slide:hover::after{background-color:rgba(0,0,0,.1);}
.indexAbout a.moreBtn{display:inline-block;width:170px;height:40px;border:1px solid #959494;font-size:15px;color:#353433;line-height:38px;transition:all .3s;position:relative;text-align:center;}
.indexAbout a.moreBtn:hover{border:1px solid #ddc56f;color:#fff;}
.indexAbout a.moreBtn::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background-color:#ddc56f;transition:all .3s;right:0;z-index:1;}
.indexAbout a.moreBtn span{position: relative;z-index:2;}
.indexAbout a.moreBtn:hover::before{width:100%;}


.indexBrand{height:705px;background:url(../images/index_brand.jpg) no-repeat center;background-size:cover;}
.indexBrand .box{height:550px;background:rgb(255, 255, 255,.8) no-repeat center;margin-top:70px;}
.indexBrand .box .box-txt{padding-left:140px;padding-top:135px;display:inline-block;text-align:center;}
.indexBrand .box .box-txt h3{margin-bottom:15px;}
.indexBrand .box .box-txt p.txt{font-size:16px;line-height:30px;color:#666666;}
.indexBrand .box .box-txt a.moreBtn{display:inline-block;width:170px;height:40px;border:1px solid #8b8582;font-size:15px;color:#353433;line-height:38px;transition:all .3s;margin-top:40px;position: relative;}
.indexBrand .box .box-txt a.moreBtn::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background-color:#ddc56f;transition:all .3s;right:0;z-index:1;}
.indexBrand .box .box-txt a.moreBtn span{position: relative;z-index:2;}
.indexBrand .box .box-txt a.moreBtn:hover{border:1px solid #ddc56f;color:#fff;}
.indexBrand .box .box-txt a.moreBtn:hover::before{width:100%;}
.indexGongyi{height:705px;background:url(../images/index_gongyi.jpg) no-repeat center;background-size:cover;}

.indexService{padding:70px 0 65px;}
.indexService .service-title{text-align:center;margin-bottom:30px;}
.indexService .serviceSlider{position: relative;overflow:hidden;padding-bottom:50px;}
.indexService .serviceSlider .swiper-slide a{display:block;width:100%;height:435px;padding:20px 45px;transition:all .3s;position: relative;overflow:hidden;}
.indexService .serviceSlider .swiper-slide a .box{position: relative;z-index:2;}
.indexService .serviceSlider .swiper-slide a .icon{display:inline-block;width:40px;height:40px;overflow:hidden;}
.indexService .serviceSlider .swiper-slide a .icon img{width:100%;height:100%;object-fit:cover;}
.indexService .serviceSlider .swiper-slide a h3{font-size:22px;line-height:36px;color:#333;font-weight:bold;margin:5px 0 10px;}
.indexService .serviceSlider .swiper-slide a .img-box{height:125px;overflow:hidden;margin-bottom:20px;}
.indexService .serviceSlider .swiper-slide a .img-box img{width:100%;height:100%;object-fit:cover;transition:all .3s;}
.indexService .serviceSlider .swiper-slide a p{font-size:14px;line-height:22px;color:#666;height:86px;overflow:hidden;margin-bottom:15px;}
.indexService .serviceSlider .swiper-slide a i.arrow{display:inline-block;width:22px;height:20px;background:url(../images/index/index_service_arrow.svg) no-repeat center;background-size:cover;transition:all .3s;}
.indexService .serviceSlider .swiper-slide a::before{content:"";position: absolute;left:0;right:0;top:0;bottom:0;opacity:0;background:url(../images/index/index_service_bg.png) no-repeat right top;transition:all .5s;z-index:1;transform:translateX(100px);}
.indexService .serviceSlider .swiper-slide a::after{content:"";display:inline-block;width:1px;height:340px;background-color:#dfe3e7;position:absolute;right:0;top:0;transition:all .3s;}
.indexService .serviceSlider .swiper-slide a:hover{background-color:#f3eeeb;}
.indexService .serviceSlider .swiper-slide a:hover::before{opacity:1;transform:translateY(0);}
.indexService .serviceSlider .swiper-slide a:hover::after{opacity:0;}
.indexService .serviceSlider .swiper-slide a:hover .img-box img{transform: scale(1.15);}
.indexService .serviceSlider .swiper-slide a:hover i.arrow{opacity:0;}
.indexService .serviceSlider .swiper-pagination{position: absolute;left:0;right:0;bottom:0;z-index:2;text-align:center;}
.indexService .serviceSlider .swiper-pagination span{display:inline-block;width:12px;height:12px;margin:0 11px;opacity:1;background-color:#d2d1cc;}
.indexService .serviceSlider .swiper-pagination span.swiper-pagination-bullet-active{background-color:#ddc56f;}