@charset "UTF-8";
/*  ¼ýÍ· @include arrow(direction,size,color);
**/
/* ³¬³öÊ¡ÂÔºÅ @include ell(); */
/* inline-block @include inline_block(); */
/* font-size of REM @include font_size(fz); */
.index_kv {position: relative;z-index:9;width:100%;height:930px;margin-bottom:150px;}
.index_kv .kv_slider{position: relative;z-index:2;width:100%;height:100%;overflow:hidden;}
.index_kv .kv_slider .swiper-slide{width:100%;height:100%;}
.index_kv .kv_slider .swiper-slide .box_body{width:100%;height:100%;position: relative;}
.index_kv .kv_slider .swiper-slide .box_body img{width:100%;height:100%;object-fit:cover;}
.index_kv .kv_slider .swiper-slide .box_body .txt{position: absolute;left:0;right:0;top:30%;text-align:center;}
.index_kv .kv_slider .swiper-slide .box_body .txt h3{font-size:60px;color:#fff;font-weight:bold;margin-bottom:25px;}
.index_kv .kv_slider .swiper-slide .box_body .txt h4{font-size:26px;color:#fff;margin-bottom:50px;}
.index_kv .kv_slider .swiper-slide .box_body .txt a.more{display:inline-block;width:190px;height:68px;border:2px solid #fff;border-radius:10px;font-size:30px;line-height:64px;box-sizing: border-box;color:#fff;font-weight:bold;transition:all linear .3s;}
.index_kv .kv_slider .swiper-slide .box_body .txt a.more:hover{border:2px solid #411436;background-color:#411436;color:#fff;}
.index_kv .kv_slider .slider-button{display:inline-block;width:90px;height:90px;position: absolute;top:50%;transform: translateY(-50%);z-index:9;line-height:90px;text-align:center;background-color:rgba(255,255,255,.3);transition:all linear .3s;}
.index_kv .kv_slider .slider-button i{font-size:50px;font-weight:bold;color:rgba(255,255,255,.33);display:inline-block;line-height:88px;transition:all linear .3s;}
.index_kv .kv_slider .slider-button.prev{left:10px;}
.index_kv .kv_slider .slider-button.next{right:10px;}
.index_kv .kv_slider .slider-button:hover{background-color:#411436;}
.index_kv .kv_slider .slider-button:hover i{color:#fff;}
.index_kv .about_body{position: absolute;height:200px;left:0;right:0;bottom:-60px;z-index:3;}
.index_kv .about_body .txt_body{height:200px;box-sizing: border-box;box-shadow:0px 15px 20px -15px rgba(0,0,0,.1);background-color:#fff;padding-top:55px;text-align:center;font-size:0;}
.index_kv .about_body .txt_body .box{padding-left:60px;display:inline-block;margin-left:90px;background-repeat:no-repeat;background-position:left top}
.index_kv .about_body .txt_body .box_1{margin-left:0;background-image:url(/public/index/images/index/42x42-1.jpg);}
.index_kv .about_body .txt_body .box_2{background-image:url(/public/index/images/index/42x42-2.jpg);}
.index_kv .about_body .txt_body .box_3{background-image:url(/public/index/images/index/42x42-3.jpg);}
.index_kv .about_body .txt_body .box_4{background-image:url(/public/index/images/index/42x42-4.jpg);}
.index_kv .about_body .txt_body .box h3{font-size:14px;color:#333333;line-height:14px;text-transform: uppercase;padding-top:5px;}
.index_kv .about_body .txt_body .box hr{border:0;height:1px;background-color:#a0a7a5;display:block;margin-top:15px;}
.index_kv .about_body .txt_body .box_1 hr,.index_kv .about_body .txt_body .box_4 hr{width:120px;}
.index_kv .about_body .txt_body .box_2 hr,.index_kv .about_body .txt_body .box_3 hr{width:160px}
.index_kv .about_body .txt_body .box h4{font-size:30px;font-weight:bold;color:#333;}
.index_kv .about_body .txt_body .box h4 span{font-size:18px;}

h2.tit{padding:0 0 50px;width:87.5%;margin:auto;max-width:1680px;}
h2.tit b{font-size:30px;font-weight:bold;color:#333;}
h2.tit span{font-size:18px;line-height:18px;color:#999;padding-left:10px;}

.index_case{padding:80px 0;background-color:#f5f5f5}
.index_case .caseBody{background-color:#f5f5f5;z-index:1;}
.index_case .content{position:relative;z-index:2;}
.index_case .content .slider{position: relative;padding-bottom:120px;width:87.5%;margin:auto;max-width:1680px;}
.index_case .content .slider .swiper-container{}
.index_case .content .slider .dot{position: absolute;left:0;right:0;bottom:0;text-align:center;display:none;}
.index_case .content .slider .slider-group{position: absolute;left:0;right:0;bottom:0;text-align:center;}
.index_case .content .slider .slider-group .slider-btn{cursor: pointer;display:inline-block;width:60px;line-height:60px;margin:0 30px;background-color:#411436;}
.index_case .content .slider .slider-group .slider-btn i{display:block;width:60px;height:60px;background-repeat:no-repeat;background-position:center;}
.index_case .content .slider .slider-group .slider-btn.prev i{background-image:url(/public/index/images/common/arrow-prev_2.png);}
.index_case .content .slider .slider-group .slider-btn.next i{background-image:url(/public/index/images/common/arrow-next_2.png);}
.index_case .content .slider .slider-group .slider-btn.swiper-button-disabled{background:none;cursor:auto;}
.index_case .content .slider .slider-group .slider-btn.swiper-button-disabled.next i{background-image:url(/public/index/images/common/arrow-next.png);}
.index_case .content .slider .slider-group .slider-btn.swiper-button-disabled.prev i{background-image:url(/public/index/images/common/arrow-prev.png);}
.index_case .content .slider .dot span{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#999999;margin:0 13px;opacity:1;}
.index_case .content .slider .dot span.swiper-pagination-bullet-active{background-color:#411436;}
.index_case .content .swiper-slide{position: relative;}
.index_case .content .swiper-slide .box{position:relative;width:100%;height:760px;z-index:1;overflow:hidden;}
.index_case .content .swiper-slide .box a{display:block;width:100%;height:100%;}
.index_case .content .swiper-slide .box a .img_out{overflow:hidden;width:100%;height:100%;}
.index_case .content .swiper-slide .box a .img_out img{width:100%;height:100%;object-fit:cover;}
.index_case .content .swiper-slide .box a .txt_out{position: absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.45);transition:all linear .3s;}
.index_case .content .swiper-slide .box a .txt_out .mask{position: absolute;left:0;right:0;top:50%;transform: translateY(-50%);text-align:center;}
.index_case .content .swiper-slide .box a .txt_out .mask i{width:80px;height:80px;display:inline-block;margin-bottom:5px;position: relative;}
.index_case .content .swiper-slide .box a .txt_out .mask i img{display:inline-block;width:60px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);max-height:60px}
.index_case .content .swiper-slide .box a .txt_out .mask h3{font-size:24px;color:#fff;}
.index_case .content .swiper-slide .box a .txt_out .mask h4{font-size:16px;color:#fff;margin-top:15px;}
.index_case .content .swiper-slide .box a:hover .txt_out{background-color:rgba(65,20,54,.8);top:270px;}


/*.index_case .content .swiper-slide .mask{position: absolute;left:0;right:0;top:0;bottom:0;z-index:2;overflow:hidden;transition:all linear .1s;opacity:0;}
.index_case .content .swiper-slide a{display:block;transition:all linear .3s;}
.index_case .content .swiper-slide .txt_out{background-color:#fff;box-sizing: border-box;padding:65px 30px 0 30px;height:180px;position: absolute;left:0;right:0;top:0;z-index:2;}
.index_case .content .swiper-slide .txt_out h3{font-size:28px;color:#333;line-height:36px;}
.index_case .content .swiper-slide .txt_out h4{font-size:16px;color:#333333;text-transform:uppercase;}
.index_case .content .swiper-slide .img_out{position: absolute;left:0;right:0;top:180px;bottom:0;overflow:hidden;z-index:1;}
.index_case .content .swiper-slide .img_out img{width:100%;height:100%;object-fit:cover;}
.index_case .content .swiper-slide .mask a{display:block;width:100%;height:100%;}
.index_case .content .swiper-slide .mask .txt_out{background:none;}
.index_case .content .swiper-slide .mask .img_out{position: absolute;top:0;}
.index_case .content .swiper-slide .mask .img_out::after{content:"";background-color:rgba(0,0,0,.3);position: absolute;left:0;right:0;top:0;bottom:0;}
.index_case .content .swiper-slide .mask .txt_out h3{color:#fff;font-size:36px;margin-bottom:10px;}
.index_case .content .swiper-slide .mask .txt_out h4{color:#fff;}
.index_case .content .swiper-slide:hover .mask{opacity:1;}*/

.index_product{padding:50px 0;}
.index_product .slider{overflow:hidden;position: relative;padding-bottom:120px;}
.index_product .slider .slider-group{position: absolute;left:0;right:0;bottom:0;text-align:center;}
.index_product .slider .slider-group .slider-btn{cursor: pointer;display:inline-block;width:60px;line-height:60px;margin:0 30px;background-color:#411436;}
.index_product .slider .slider-group .slider-btn i{display:block;width:60px;height:60px;background-repeat:no-repeat;background-position:center;}
.index_product .slider .slider-group .slider-btn.prev i{background-image:url(/public/index/images/common/arrow-prev_2.png);}
.index_product .slider .slider-group .slider-btn.next i{background-image:url(/public/index/images/common/arrow-next_2.png);}
.index_product .slider .slider-group .slider-btn.swiper-button-disabled{background:none;cursor:auto;}
.index_product .slider .slider-group .slider-btn.swiper-button-disabled.next i{background-image:url(/public/index/images/common/arrow-next.png);}
.index_product .slider .slider-group .slider-btn.swiper-button-disabled.prev i{background-image:url(/public/index/images/common/arrow-prev.png);}




.index_product .slider .swiper-container{width:87.5%;margin:auto;max-width:1680px;overflow:initial;}
.index_product .slider .swiper-slide{padding:20px;}
.index_product .slider .swiper-slide a{display:block;box-shadow:0 0 20px rgba(0,0,0,.3);position: relative;}
.index_product .slider .swiper-slide a img.bg{display:block;width:100%;}
.index_product .slider .swiper-slide a .title{position: absolute;top:22%;left:8%;}
.index_product .slider .swiper-slide a .title h3 span{display:inline-block;font-size:24px;line-height:24px;color:#efefef;position: relative;z-index:1;}
.index_product .slider .swiper-slide a .title h3 span b{font-weight:bold;}
.index_product .slider .swiper-slide a .title h3 span::after{background-color:#3f5a72;height:11px;content:"";position: absolute;left:0;right:0;bottom:0;z-index:-1;}
.index_product .slider .swiper-slide a .title h4 span{display:inline-block;font-size:14px;line-height:20px;position: relative;z-index:1;color:#fff;padding:0 5px;}
.index_product .slider .swiper-slide a .title h4 span::after{background-color:#3f5a72;height:11px;content:"";position: absolute;left:0;right:0;bottom:0;z-index:-1;}
.index_product .slider .swiper-slide a .txt{position: absolute;left:-20px;bottom:0;background-color:#fff;padding-left:30px;box-sizing: border-box;height:80px;width:520px;padding-top:16px;}
.index_product .slider .swiper-slide a .txt .left{padding-left:20px;padding-top:12px;background:url(/public/index/images/index/dot.png) no-repeat left top;float:left;margin-right:15px;background-size:15px auto;}
.index_product .slider .swiper-slide a .txt .left h3{font-size:15px;line-height:18px;color:#605c58;}
.index_product .slider .swiper-slide a .txt .left h4{font-size:12px;line-height:18px;color:#333;text-transform:uppercase;}
.index_product .slider .swiper-slide a .txt .right{float:left;font-size:12px;line-height:18px;color:#000;width:340px;border-left:1px solid #d6d5d4;height:36px;padding-left:35px;margin-top:10px;}

.index_about{padding:85px 0 0;}
.index_about .content{background-color:#f2f2f2;height:768px;background-image:url(/public/index/images/index/index_about.jpg);background-repeat:no-repeat;background-position:right center;background-attachment: fixed;background-size:56% auto;position: relative;}
.index_about .content .txt_body{position: absolute;top:50%;transform: translateY(-50%);left:0;background-color:#fff;width:56%;padding:60px 0;}
.index_about .content .txt_body .box_body{width:770px;right:-65px;position:relative;}
.index_about .content .txt_body .box_body .img_out{border:1px solid #e0e0e0;padding:20px;box-sizing: border-box;}
.index_about .content .txt_body .box_body .img_out img{display:block;width:100%;}
.index_about .content .txt_body .box_body .txt_out{padding:40px 130px 0 20px;}
.index_about .content .txt_body .box_body .txt_out h3{font-size:24px;line-height:28px;color:#333;margin-bottom:25px;}
.index_about .content .txt_body .box_body .txt_out p{font-size:18px;line-height:28px;color:#333;}





