/*首页*/
.banner{width:100%; position: relative;overflow: hidden;margin-top: 100px;}
@media only screen and (max-width: 1279px){
.banner{margin-top: 0;}
}
.banner .swiper-container{width:100%;}
.banner .swiper-slide{position: relative; height: auto; overflow: hidden;}
.banner .swiper-slide img{width: 100%;transition:transform 12s cubic-bezier(.23,1,.32,1);transform:scale(1)}
.banner .swiper-slide.swiper-slide-active img{transform:scale(1.1)}
.banner .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: fill;}
.banner .txt{color:#fff; top:55%;}
.banner .txt h2{margin-bottom:20px; line-height: 1.2;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}
.banner .txt h3{ line-height: 2;}
.banner .swiper-button-prev{ left:5%; width: 36px; height:62px; background-size: 36px 62px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23B11524'%2F%3E%3C%2Fsvg%3E");}
.banner .swiper-button-next{ right:5%;width: 36px; height:62px; background-size: 36px 62px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23B11524'%2F%3E%3C%2Fsvg%3E");}
.banner .swiper-pagination{bottom:10%;}
.banner .swiper-pagination-bullet{border-radius: 0; opacity: 0.7; width:160px; height: 24px; line-height: 24px; font-family: Arial, Helvetica, sans-serif; text-align: center; color:#fff; background: none; border-bottom:1px solid #fff;}
.banner .swiper-pagination-bullet-active{ opacity: 1;}

.tit{color:#1C1A1A; margin-bottom: 1%; text-align: center;} 
.tit.tit_w{color:#fff;}
a.more{display:block; font-size: 12px;}



.index-part01{ padding:3.5% 0;}
.tab-t{margin-bottom: 3%; text-align: center;}
.tab-t li{ display: inline-block; cursor: pointer; margin:0 30px; padding-bottom: 15px; color:#7F7F7F; position: relative;}
.tab-t li.on{color:#000;}
.tab-list01 li{ float: left; width:33.33%;}
.tab-list01 li .txt{padding:20px;}
.tab-list01 li h3,.tab-list02 li h3{ line-height: 1.3; margin-bottom: 10px;-webkit-line-clamp:2; max-height: 2.6em; height: 2.6em;}
.tab-list01 li span,.tab-list02 li span,.index-part03 li span{ display:block; color:#c00d20; font-family: Arial, Helvetica, sans-serif;}
.tab-list01 li p,.tab-list02 li p,.index-part03 li p{ height: 4.5em; margin:10px 0;}
.tab-list02{margin:0 -1.5%;}
.tab-list02 li{ float: left; padding:3%; width:30.33%; margin:0 1.5%; border:1px solid #F2F2F2;}


.index-part02{ padding:2.5% 0; background: #F5F5F5;}
.index-part02 h2{color:#5A5A5A; margin-bottom: 2%;}
.index-part02 .c{ float: left; width:calc(100% - 280px); line-height: 2; margin-bottom:3%;}
.index-part02 .rr_c{ float: right; width:245px; height:65px; text-align: center; border-left:1px solid #7A7466;}
/*rr_s*/
.rr_s{ position: relative; z-index: 10; margin-top:8px;}
.rr_s dt{height: 40px; line-height: 40px;cursor: pointer;position:relative; z-index:2;}
.rr_s dt a {color:#c00d20; display:block; padding:0 20px; height: 40px; line-height: 40px;}
.rr_s .ico { position:absolute; right:20px; top:50%; z-index:1;width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-top:5px solid #F39808;}
.rr_s.open .ico{transform: rotate(180deg);}
.rr_s dd { display:none;position:absolute;background:#fff; max-height:170px; width:100%; top:40px; left: 0; padding:10px 0; overflow:auto; border:2px solid #F5F5F5;box-shadow: 0 0.12rem 0.15rem 0 rgba(0,0,0,0.15) inset;}
.rr_s dd a {color:#5A5A5A; display:block; padding:0 20px;height: 30px; line-height: 30px; overflow: hidden;}
.rr_s dd a.on {color:#A19064;}

.index-part02 ul{margin:0 -0.7%;}
.index-part02 li{ float: left; width:31.93%; margin:0 0.7% 1.5%; position: relative;overflow: hidden;}
.index-part02 li h3{position: absolute; left:0;bottom:0; width:100%; padding:5% 5% 4%; text-align: center; color:#fff;}
.index-part02 li h3 span{ display: block; font-family: Arial, Helvetica, sans-serif;}
.solution_text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 20;padding: 30px;box-sizing: border-box;color: #fff;text-align: center;
    transform: translateY(100%);transition: all .3s; }
.mar-20{margin-top: 20px;}
.solution_text h2{color: #fff;}
@media only screen and (min-width: 1025px){
    .index-part02 li:hover h3{display: none;}
    .index-part02 li:hover .solution_text{transform: translateY(0);}
}



.index-part03{ padding:3% 0;}
.index-part03 h2{ text-align: center; margin-bottom:3%;}
.index-part03 .con,.index-part05 .con{position: relative; padding:2% 0;}
.index-part03 .swiper-button-prev,.index-part05 .swiper-button-prev{ left:-28px; margin-top:-28px; widtH:56px; height: 56px; border-radius: 100%; box-shadow:  0 0 5px 5px rgba(0,0,0,0.1); background: url(../img/dot01.jpg) center no-repeat #fff;}
.index-part03 .swiper-button-next,.index-part05 .swiper-button-next{ right:-28px; margin-top:-28px; widtH:56px; height: 56px;border-radius: 100%; box-shadow:  0 0 5px 5px rgba(0,0,0,0.1); background: url(../img/dot02.jpg) center no-repeat #fff;}
.index-part03 li .txt{padding:8%;background: #F5F5F5;}
.index-part03 li p{margin:5% 0;}


.index-part04{position: relative;}
.index-part04 li{ float: left; width:18%; padding:40px 20px; height:290px; color:#fff; position: relative;}
.index-part04 li::before{content: ""; position: absolute; lefT:0; top:0; width:2px; height: 100%; background: rgba(255,255,255,0.13);}
.index-part04 li::after{content: ""; position: absolute; left:0; top:135px; width:3px; height: 58px; background: #c00d20;}
.index-part04 li span{margin-bottom: 8%; display: block;}
.index-part04 li span i{font-size: 48px;}
.index-part04 li h3{margin-bottom:10px;}
.index-part04 li.on{width:46%}
.index-part04 li.on span{margin-bottom: 0;}
.index-part04 li.on span i{font-size: 60px;}
.index-part04 li.on h3{ font-size: 50px; color:#c00d20; line-height: 1.2;}
.index-part04 li.on h4{ font-size: 24px;}

.index-part05{ padding:5% 0;padding-top: 4%;}
.index-part05 h2{ text-align: center; margin-bottom:1%;}
.index-part05 .con{padding:0;}
.index-part05 li{padding:2% 0;}
.index-part05 li .img{border:1px solid #F2F2F2; position: relative; z-index: 1;}


@media only screen and (min-width: 1025px) {
.tab-list01 li,.index-part04 li,.index-part05 li .img{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.llll{-webkit-transform: translateX(10px);-moz-transform:translateX(10px);transform: translateX(10px);}
.tab-list01 li:hover{ color:#fff; background: #c00d20;}
.tab-list01 li:hover a{color:#fff!important;}
.tab-list01 li:hover span{color:#fff;}
.tab-list02 li:hover{background:#F8F8F8;}
.index-part05 li:hover .img{z-index: 2;transform:scale(1.25); border:none; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);}
}
    
@media only screen and (max-width: 1279px) {
    .banner,.banner .swiper-container,.banner .swiper-slide img{height: auto;}
    .banner .txt{top:50%;padding:0 5%;} 
    .banner .swiper-pagination{bottom:20px;}
    .banner .swiper-pagination-bullet{width:60px;}
}
@media only screen and (max-width: 1023px) {
    .index-part02 .c{ width:calc(100% - 150px);}
    .index-part02 .rr_c{ width:140px;}
}

@media only screen and (max-width:767px) {    
    .banner .swiper-pagination{bottom:10px;}
    .banner,.banner .swiper-slide{ height: 240px;}
    .banner img{ display: none;}
    .banner .txt h3{line-height: 1.5;}
    .tab-list01 li{width:100%;}
    .tab-list01 li .txt{padding:20px 0;}
    .tab-list01 li h3, .tab-list02 li h3{max-height: auto; height: auto;}
    .tab-list01 li p, .tab-list02 li p, .index-part03 li p{margin:10px 0;height: auto;}
    .tab-list02,.index-part02 ul{margin:0;}
    .tab-list02 li,.index-part02 li{width:100%; margin:0 0 3%;}
    .index-part03 .swiper-button-prev, .index-part05 .swiper-button-prev{width:36px; height: 36px; margin-top:-18px; left:0;}
    .index-part03 .swiper-button-next, .index-part05 .swiper-button-next{width:36px; height: 36px; margin-top:-18px; right:0;}
    .index-part04 li{width:25%; height: auto;}
    .index-part04 li::after{top:25px;}
    .index-part04 li span i{font-size: 30px;}
    .index-part04 li h4{font-size: 14px;}
    .index-part02 .c,.index-part02 .rr_c{width:100%;}
    .index-part02 .rr_c{border-left:none;}
}
/*首页end