/* banner */

#bannerSwiperPagination{bottom: 13%;left: 0;text-align: left;color: #fff;}

#bannerSwiperPagination::before,#bannerSwiperPagination::after{content: ''; display: inline-block; margin-bottom: 0.5rem; width: 8.7vw;border-bottom: solid 1px #fff;}

#bannerSwiperPagination::before{margin-right: 2vw;}

#bannerSwiperPagination::after{margin-left: 2vw;}

#bannerSwiperPagination .swiper-pagination-bullet{margin: 0 1.5rem;width: auto;height: auto;background-color: transparent;}

#bannerSwiperPagination .swiper-pagination-bullet-active{font-size: 1.3rem;font-weight: bold;}
.banner_img_andr{display: none;}


/* about */

.index_sec,.index_solution{padding: 2.86vw 0; width: 100%; background-color: #fff;}

.index_sec .container{display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:space-between;align-items:top; overflow: visible;}

.index_sec_t{width: 70%;display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; justify-content:space-between;}

.index_sec_swiper{width: 30%;}

.index_sec_img{width: 100%;}

.index_sec_tag{ padding: 0 1.5rem; width: fit-content; font-size: 1.1rem; line-height: 2.6; background-color: #000; color: #fff; border-radius: 0.3rem;}

.index_sec_group{height: 12vw; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:space-between;align-items:center; background-image: url(/skin/images/index/bg_about.png); background-position: center;background-size: 100% 100%;background-repeat: no-repeat;}

.index_t1{position: relative; font-size: 2rem; line-height: 2.4;}

.index_t1::after{content:''; position: absolute; left: 0; bottom:0; width: 2.2rem; border-bottom: solid 1px #333;}

.index_t2,.index_t4{line-height: 2; color:rgba(51,51,51,0.8);}

.index_t2{width: 93%;}

.index_sec_blo{margin: 0 6% 0 0; width: 19%; border-right: solid 1px #eee;}

.index_sec_blo:last-child{border-right: none;}

.index_t3{position: relative; font-size: 2.67rem; font-weight: bold;}

.index_t3::after{content: ''; position: absolute; right: -0.9rem; top:0; font-size: 0.8rem;}

.index_year::after{content: 'å¹´';}

.index_add::after{content: '+';}

.index_area::after{content: '㎡';}

.index_t4{padding: 0;}



#aboutSwiperPagination .swiper-pagination-bullet{width: 1.3rem;height: 0.3rem;background-color: #662934; border-radius: 0;}



/* cases */

.index_case,.index_news {width: 100%; background-color: #eee;}

.index_tit{opacity: 0;top: 50px; position: relative; line-height: 5; color: #333; font-size: 2rem; font-weight: bold; text-align: center;}

.index_tit::after{content: ''; position: absolute; bottom: 1.2rem; left: 50%; margin-left: -1.1rem; width: 2.2rem;border-bottom: solid 2px #333;}

.index_tit_bg{position: absolute; bottom: 0; left: 0; width: 100%; line-height: 2.2; font-size: 3.3rem; font-weight: bold; color:rgba(0,0,0,0.1);}



.index_case_con{width: 100%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex;flex-wrap:nowrap;}

.index_case_slide{position: relative; overflow: hidden; width: 12.5%;}

.index_case_slide_img{position: relative; z-index: 1; height: fit-content;}

.index_case_slide_mark{position: absolute; top:0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);}

.index_case_slide_t{position: absolute;top: 0; left: 0; z-index: 3; padding: 0; width: 100%; height: 100%; color: #fff; font-size:1.4rem; line-height: 2; overflow: hidden;display: -webkit-box; display: -ms-flexbox; display: flex;flex-direction: column; justify-content:center;}

.index_news_t1,.index_news_t2,.index_news_t3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.index_case_slide .majuscule{width: 28rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.index_case_slide_t1{font-size: 1.67rem; }

.index_case_slide_t2{margin: 4.8rem 0 0.5rem; width: 100%;font-size: 1.1rem; text-align: center;}

.index_case_slide_num{position: absolute; top:0; right: 1.4rem; z-index: 3; font-weight: bold; font-size: 5rem; color:rgba(255,255,255,0.1);}

.btn_more_white{display: block;margin: 0.5rem auto; padding: 0.5rem 1rem; font-size: 1.1rem; font-weight: bold; font-weight: normal;font-size: 1rem;}



.index_case_slide_t1,.index_case_slide_t .majuscule{display: none;}

.index_case_slide_on{width: 50%;}

.index_case_slide_on .index_case_slide_t1,.swiper-slide-active .index_case_slide_t1{display: block;}

.index_case_slide_on .majuscule,.swiper-slide-active .majuscule{display: -webkit-box;}

.index_case_slide_on .index_case_slide_mark,.swiper-slide-active .index_case_slide_mark{display: none;}

.index_case_slide_on .index_case_slide_t,.swiper-slide-active .index_case_slide_t{padding: 0 8.9rem 0;}

.index_case_slide_on .index_case_slide_t2,.swiper-slide-active .index_case_slide_t2{ font-size: 1.4rem;text-align: left;}

.index_case_slide_on .btn_more_white,.swiper-slide-active .btn_more_white{margin: 4.2rem 0 0; padding: 0.83rem 2.3rem;}



.swiper-slide-active .index_case_slide_img{width: 100%;}



.index_case .swiper-pagination{display:none;}

.index_case .swiper-pagination-bullet-active{background: #000;}



/* solution */

.index_solution{padding: 0;}

.index_solution .index_t4{text-align: center;}

.index_solution .container{padding: 3rem 0; display: -webkit-box; display: -ms-flexbox; display: flex;justify-content:space-between;align-items:center;}

.index_solution_swiper{position: relative; width: 28%; height: 20rem;}

.index_solution_swiper .swiper-slide{height: 4rem; }

.index_sol_t{padding: 0 1.67rem; line-height: 3rem; color:rgb(104,104,104); text-align: center;border-radius: 0.25rem; }

.index_sol_i,.index_sol_i_on{width: 1.4rem; height: 1.4rem;margin-right: 0.8rem; display: inline-block; vertical-align: middle;}

.index_sol_i_on{display: none;}

.swiper-slide-active .index_sol_t{background-color: #333; color: #fff;}

.swiper-slide-active .index_sol_i{display: none;}

.swiper-slide-active .index_sol_i_on{display: inline-block;}

.swiper-slide-duplicate-prev .index_sol_t,.swiper-slide-duplicate-next .index_sol_t{color:rgb(198,198,198)}



.index_solution_r{position: relative; width: 65%;}

.index_solution_r .swiper-slide{width: 100%;}

.index_solution_r img{width: 100%; border-radius: 0.25rem;}

.index_solution_tip{position: absolute; top: 4.58vw; right: 3.4%; width: 32%; padding: 2rem; background-color: #fff; font-size: 0.9rem; line-height: 2.5;}

.index_solution_tip .btn_more_white{margin: 2.2rem auto 0; display: table; background-color: #333;}



.solutionSwiperNext,.solutionSwiperPrev{position: absolute; top: 50%; left: 28%; z-index: 3; margin-top: 1rem; width: 2.3rem; height: 2.3rem; background-color: #d2d2d2; border-radius: 100%; background-image: url(/skin/images/index/next_i.png);background-position: center; background-repeat: no-repeat;background-size: 60%;}

.solutionSwiperPrev{margin-top: -3rem; background-image: url(/skin/images/index/prev_i.png);}

.solutionSwiperNext:hover,.solutionSwiperPrev:hover{background-color: #000;}



.index_solution .swiper-pagination,.index_solution_tip_tit{display:none;}



/* news */

.index_news{padding-bottom: 3.9rem;}

.index_news .swiper-slide{width: 56%;}

.newsSwiper_slide{position: relative; padding-bottom: 5.5rem; width: 100%;}

.index_news_img{width: 100%; position: relative; z-index: 1;}

.index_news_tip{display: none; position: absolute; top: 4.17vw; left: 4.68vw; z-index: 2; padding: 1.56rem; width: 35%;background-color: #fff; font-size: 0.9rem; line-height: 2; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}

.index_news_t1{font-size: 1.4rem;}

.index_news_t2{padding: 0.56rem 0;}

.index_news_tip .btn_more_white{margin-top: 2.2rem; background-color: #333; border: none;}

.index_news .swiper-button-next,.index_news .swiper-button-prev,.index_case .swiper-button-next,.index_case .swiper-button-prev{width: 5.28rem; height: 3rem; background-color: rgba(0,0,0,0.6);background-image: url(/skin/images/index/next_i2.png); background-position: center; background-repeat: no-repeat; background-size: auto 50%;}

.index_news .swiper-button-next{right:20%;}

.index_news .swiper-button-prev,.index_case .swiper-button-prev{left: 20%; background-image: url(/skin/images/index/prev_i2.png);}

.swiper-slide-active .index_news_tip{display: block; }



.index_tit_animate{opacity: 1;top:0; -webkit-transition: all 0.8s 0.2s;transition: all 0.8s 0.2s;}



@media screen and (max-width: 1600px) {

}

@media screen and (min-width: 1201px) {

    .index_case .swiper-button-next,.index_case .swiper-button-prev{display: none;}

}

@media screen and (max-width: 1200px) {

    .banner{height: 45rem;}

    /* .banner_word1{top: 0;left: auto;right: 0;height: 100%;width: 20%;} */
    /* .banner_word1 .banner_word_con{display: none;} */

    h4{margin-bottom: 15%;}

    h3{font-size: 2.5rem;}



    .index_sec{padding: 4.7vw 0;}

    .index_sec .container,.index_solution .container{flex-direction: column; align-items: center;}   

    .index_sec_t,.index_sec_swiper,.index_solution_swiper,.index_solution_r{width: 100%;}

    .index_sec_group{height: 15vw;}

    .index_sec_blo{width: 25%; margin: 0 auto; border-right: none; text-align: center;}

    .index_sec_swiper{margin-top: 2rem;}

    .index_t1,.index_case_slide_t1{font-size: 1.5rem;}

    .index_t3{font-size: 2rem;}

    .index_t4{font-size: 0.9rem;}

    .index_tit{font-size: 1.5rem;}

    .index_tit::after{bottom: 1rem;}

    .index_tit_bg{font-size: 2.6rem;}

    .newsSwiper_slide{padding-bottom: 0;} 

    .index_news_tip{top:0; left: 0; padding: 1rem; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); color: #fff;}

    .index_news_tip .btn_more_white{margin-top: 1.5rem;padding: 0.5rem 1.5rem;}

    .index_news_tip p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

    .index_solution .container{padding: 2rem 0;}

    .index_solution_r{height: 42rem;}

    .index_solution_r .swiper-slide{flex-direction: column; overflow: hidden;}

    .index_solution_tip{position: relative;padding: 1rem 1rem 0; top: 0; left: 0; width: 100%;height: 10rem; display: block;}

    .index_solution_r .btn_more_white{margin: 0 auto; float: right;}

    .index_news .swiper-slide{width: 90%;}

    .index_news_tip p:nth-child(4){display: none;}

    .index_news_t1,.index_news_t1{font-size: 1.2rem;}

    .index_news .swiper-button-next,.index_news .swiper-button-prev{top: 60%;}

    .index_news .swiper-button-next{right: 2%;}

    .index_news .swiper-button-prev{left: 2%;}

    .index_solution_swiper{display: none;}

    .index_case_slide{width: 100%;}

    .index_case_con{width: 90%;}

    .index_case_con .btn_more_white{margin:2rem 0 0; padding: 0.5rem 1.5rem;}

    .index_case_slide_img{width: 100%;height: auto;}

    .index_case_slide_num{font-size: 3rem;}

    .index_solution_tip p:nth-child(2){display: none;}

    .index_solution_tip_tit{font-size: 1.3rem; text-align: center;}

    .solutionSwiperNext,.solutionSwiperPrev{top:auto; bottom: 12%; left: 2%; margin: 0;}

    .solutionSwiperNext{left: 10%;}

    .index_case .swiper-pagination,.index_solution .swiper-pagination,.index_solution_tip_tit{display: block;}

}

@media screen and (max-width: 1000px) {

    .banner{height: 35rem;}   

    h3{font-size: 2rem;}

    h4{margin-bottom: 10%;margin-top: 1rem;}

    .index_solution_r{height: 36rem;}

    .solutionSwiperNext, .solutionSwiperPrev{bottom:10%;}

}

@media screen and (max-width: 768px) {

    .banner{height: 30rem;}

    h3{font-size: 1.5rem;}

    .index_sec_group{flex-wrap: wrap;height: auto;background-size:contain;}

    .index_sec_blo{margin: 1rem 0; width: 50%;}

    .banner_word_con{height: 80%;}    

    .swiper-slide-active .index_case_slide_t{padding: 0 10%;font-size: 1rem;}

    .index_case_slide_t2{margin: 2rem 0 0.5rem;font-size: 1.2rem;}

    .index_news_t2{display: none;}

    .index_solution_tip p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

    .index_solution_r{height: 59vw;}

    .solutionSwiperNext,.solutionSwiperPrev{top: 83%;}

    .solutionSwiperNext{left: 15%;}

}

@media screen and (max-width: 560px){

    .index_solution_r{height: 66vw;}

    .solutionSwiperNext,.solutionSwiperPrev{top: 80%;}

    .index_case_slide_t .majuscule{width: 90%;}

}

@media screen and (max-width: 414px) {

    .banner{height: 25rem;}

}

@media screen and (max-width: 375px) {

    .index_case_slide_t2{margin:1rem 0 0.5rem;}

    .index_case_con .btn_more_white{margin:1rem 0 0;}

}

@media screen and (max-width: 320px) {

    .index_solution_r{height: 70vw;}

}



<!--ºÄʱ1756644382.3977Ãë-->