@import url(style.css);

@import url(mobile.css);

@import url(custom.css);

@import url(lrtk3.css);

/*首页*/

.header .nav > ul > li.on > a{ color:#fff;}

.header:hover .nav > ul > li.on > a{ color:var(--main-color);}

/*轮显*/

.banner .swiper-pagination{ bottom:24px;width: 100%;}

.banner .swiper-pagination .swiper-pagination-bullet { width:40px; height: 3px;border-radius: 0%;overflow: hidden;  margin: 0 7px; border-radius:0%; position:relative; z-index:0; overflow:hidden; background:none;opacity: 1;}

.banner .swiper-pagination .swiper-pagination-bullet:before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0;background:#959595;border-radius: 0%;}

.banner .swiper-pagination .swiper-pagination-bullet-active{ background:none; /* width:60px; */}

.banner .swiper-pagination .swiper-pagination-bullet:after{ content:""; width:0; height:100%; position:absolute; left:0; top:0; background:#ffffff; z-index:1;border-radius: 0%;}

.banner .swiper-pagination .swiper-pagination-bullet-active:after{ width:100%;/* transition:all 5s; */}

.main .banner .swiper-slide .ends{ text-align:center;}

.main .banner .swiper-slide .ends .rbtn{ /*display:inline-block; */vertical-align:top; margin-left:0.6%; margin-right:0.6%;}

.main .banner .btn{display: none;}

.main .banner .swiper-slide .table .videos{width:100%; height:100%;object-fit: fill;overflow:hidden; border:0; margin:0; padding:0; position:absolute;top:50%; left:50%;transform:translate(-50%, -50%);}

.video-auto-b.controls .video-play{    opacity: 0; pointer-events: none;}

.video-auto-b .video-play{display: block; position: absolute; left: 0; top: 0; height: 100%;  width: 100%; background: rgba(0, 0, 0, 0.2); transition: all 0.3s;  cursor: pointer; z-index: 3;}

.video-auto-b .video-play .icon{display: block; position: absolute; left: 50%;top: 50%; transform: translate(-50%, -50%) rotate(0deg);  border-radius: 50%; width: 76px;   height: 76px;  background: #ababab;  transition: all 0.8s; opacity: 0.5;}

.video-auto-b .video-play .icon::before{content: "";display: block; position: absolute; left: 50%; top: 50%; transform: translate(-30%, -50%); border-left: 34px solid #ffffff; border-top: 20px solid transparent; border-bottom: 20px solid transparent; transition: all 0.8s;}

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

/*轮显*/

.main .banner {height: auto!important;}

/*.main .banner:hover .btn .boxs{width:97%;}

.main .banner .btn .boxs{ width:98%;}*/

.main .banner .down{font-size: 13px;}

.main .banner .down span{height: 30px;}

}

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

/*轮显*/

.main .banner .btn{bottom:50px;}

.main .banner .down{ bottom:100px;}

.banner .swiper-pagination{ bottom:36px;}



}

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

/*轮显*/

.main .banner .btn{ bottom:40px;}

.main .banner .btn .boxs{ margin-top:-40px; width:82px; margin-left:-41px;}

.main .banner .swiper-button-prev,.main .banner .swiper-button-next{ width:40px; height:40px;background-size:10px auto;}

.banner .swiper-pagination{ bottom:32px;}

/*.main .banner .swiper-other { bottom: 20px;}*/

.main .banner .down{ bottom:80px;}

.main .banner .swiper-slide .txt span{letter-spacing: 3px;}

.main .banner .swiper-slide .txt span:nth-child(2){letter-spacing: 10px;}



}

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

/*轮显*/

.banner .swiper-pagination{ bottom:30px;}

.main .banner .btn{bottom:30px;}

.main .banner .btn .boxs{ margin-top:-30px; width:62px; margin-left:-31px;}

.main .banner .swiper-button-prev,.main .banner .swiper-button-next{ width:30px; height:30px;background-size:8px auto;}

.main .banner .swiper-slide .txt{ margin-bottom:20px;}

.main .banner .swiper-slide .desc{ font-size:18px;}

.main .banner .down{ display:none;}

.banner .swiper-pagination{ bottom:20px;width: 100%;}

}

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

/*轮显*/

.main .banner .swiper-slide .desc{ font-size:16px;}

.main .banner .swiper-slide .txt span:first-child{font-size: 32px;}

}

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

/*轮显*/

.main .banner .swiper-slide .desc{ font-size:14px;}

.main .banner .swiper-slide .txt span:first-child{font-size: 30px;}

}

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

/*轮显*/

.main .banner .swiper-container{ height:100%!important;}

.main .banner .swiper-slide {position: relative; height:100%;}

}

/*产品*/

.i_product{overflow: hidden;margin-top:22px;margin-bottom: 22px;}

.i_product ul{display:flex;justify-content: space-between;gap: 22px;width: 100%;}

.i_product ul li{overflow: hidden;width:calc(50% - 11px);width:-webkit-calc(50% - 11px);width:-moz-calc(50% - 11px);display: flex;align-items: center;}

.i_product ul li .boxs{overflow: hidden;padding-left: 56px;padding-right: 56px;text-align: center;width: 100%;background: #f7f7f7;}

.i_product ul li .txts{overflow: hidden;}

.i_product ul li .desc{color: #1a1a1a;font-weight: bold;overflow: hidden;line-height: 36px;height: 36px;white-space:nowrap;text-overflow:ellipsis;margin-top: 138px;}

.i_product ul li .h3{color: #333333;font-weight: normal;overflow: hidden;line-height: 48px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-top: 46px;}

.i_product ul li .boxs:hover .h3{color: var(--main-color);}

.i_product ul li:nth-child(2) .h3{max-width: 255px;}

.i_product ul li .p{line-height: 36px;height: 36px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;color: #8c8c8c;margin-top: 5px;}

.i_product ul li .i_more{margin-top: 38px;}

.i_product ul li .imgs{max-width: 591px;margin: 0 auto; position:relative; padding-top:620px;margin-top: 10px;margin-bottom: 39px;}

.i_product ul li .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

/* .i_product ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} */

.i_product ul li:nth-child(2){display: block;}

.i_product ul li:nth-child(2) .boxs{height:calc(50% - 11px);height:-webkit-calc(50% - 11px);height:-moz-calc(50% - 11px);display: flex;align-items: center;text-align: left;}

.i_product ul li:nth-child(2) .boxs a{width: 100%;display: flex;align-items: center;}

.i_product ul li:nth-child(2) .boxs:nth-child(2){margin-top: 22px;}

.i_product ul li:nth-child(2) .txts{overflow: hidden;float: left;width: 49%;}

.i_product ul li:nth-child(2) .desc{margin-top: 0;}

.i_product ul li:nth-child(2) .imgs{width: 48%;float: right;padding-top: 368px;max-width: 351px;margin-bottom: 0;margin-top: 0;}

.i_more{overflow: hidden;text-align: center;width: 120px;border: 1px solid #0d0d0d;border-radius:23px;line-height: 46px;font-size: 16px;color: #333333;position: relative;z-index: 0;display: inline-block;vertical-align: top;font-style: normal;transition: all 0.3s;}

.i_more:hover{color: #ffffff;border-color: #032132;}

.i_more::after{content: "";width: 0%;height: 100%;position: absolute; left: 0; top: 0;background: #032132; z-index: -1; transition: all 0.3s;}

.i_more:hover::after{width: 100%;}

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

/*产品*/

.i_product ul li .boxs{padding-left: 36px;padding-right: 36px;}

.i_product ul li:nth-child(2) .imgs{padding-top: 50.31%;}

.i_product ul li .h3{line-height: 42px;margin-top: 36px;}

.i_product ul li .desc{margin-top: 110px;}

.i_more{line-height: 42px;font-size: 15px;}

.i_product ul li .i_more{margin-top: 30px;}

}

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

/*产品*/

.i_product ul li .imgs{padding-top: 102.055%;}

}

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

/*产品*/

.i_product{margin-top: 16px;margin-bottom: 16px;}

.i_product ul{gap: 16px;}

.i_product ul li{width:calc(50% - 8px);width:-webkit-calc(50% - 8px);width:-moz-calc(50% - 8px);}

.i_product ul li:nth-child(2) .boxs{height:calc(50% - 8px);height:-webkit-calc(50% - 8px);height:-moz-calc(50% - 8px);}

.i_product ul li:nth-child(2) .boxs:nth-child(2){margin-top: 16px;}

.i_product ul li .boxs{padding-left: 26px;padding-right: 26px;}

.i_product ul li .desc{margin-top: 90px;line-height: 30px;height: 30px;}

.i_product ul li .h3{margin-top: 30px;line-height: 36px;}

.i_product ul li .p{line-height: 30px;height: 30px;margin-top: 10px;}

.i_more{line-height: 36px;font-size: 14px;width: 110px;}

}

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

  /*产品*/

  .i_product ul li .boxs{padding-left: 16px;padding-right: 16px;}

  .i_product ul li .desc{line-height: 26px;height: 26px;}

  .i_product ul li .h3{margin-top: 26px;line-height: 30px;}

  .i_product ul li .p{line-height: 26px;height: 26px;}

  .i_product ul li .i_more{margin-top: 26px;}

}

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

/*产品*/

.i_product ul{display: block;}

.i_product ul li{width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);}

.i_product ul li:nth-child(2) .boxs{margin-top: 16px;}

.i_product ul li:nth-child(2) .boxs a{padding-top: 5%;padding-bottom: 5%;}

.i_product ul li .desc{margin-top: 8%;}

.i_product ul li .h3{line-height: 26px;margin-top: 20px;}
.i_product ul li .imgs{width: 80%;padding-top: 84.555%;}


}

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

/*产品*/

.i_product ul li .desc{line-height: 22px;height: 22px;}

.i_product ul li .p{line-height: 22px;height: 22px;}

.i_product ul li:nth-child(2) .boxs a{margin-top: 7%;margin-bottom: 7%;}

.i_more{line-height: 30px;font-size: 13px;width: 100px;}

}

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

/*产品*/

.i_product{margin-top: 12px;margin-bottom: 12px;}

.i_product ul li .h3{margin-top: 15px;}

.i_product ul li:nth-child(2) .boxs{margin-top: 12px;}

.i_product ul li:nth-child(2) .boxs:nth-child(2){margin-top: 12px;}

}

/*方案*/

.i_case_bg{  background-repeat:no-repeat; background-position:center center; background-size:cover;overflow: hidden;}

.i_title{text-align: center;overflow: hidden;color: #ffffff;margin-top: 5.5%;}

.i_title .h3{font-weight: normal;line-height: 1.3;color: #ffffff;}

.i_title .p{overflow: hidden;line-height: 1.6;margin-top: 8px;letter-spacing: 0.5vw;}

.i_case{overflow: hidden;margin-top: 7%;position: relative;}

.i_case .divhidden{opacity:0;filter:Alpha(opacity=0);transition: all 1.5s;  /*height:0;*/ /*display:none;*/ /*overflow:hidden;*/ height: 0; overflow:hidden; display:block;}

.i_case .divhidden.on{opacity:1.0;filter:Alpha(opacity=100);/* height:auto;*//*display:block;*/height: auto; overflow:visible;}

.i_case a{display: flex;width: 100%;overflow: hidden;align-items: start;justify-content: space-between;}

.i_case .i_case_l{width: 47%;max-width: 670px;color: #ffffff;}

.i_case .i_case_l .h3{color: #ffffff;overflow: hidden;line-height: 1.3;font-weight: bold;margin-top: 3%;}

.i_case .i_case_l .p{line-height: 1.6;margin-top: 5%;}

.i_case .i_case_l .i_more{margin-top: 7%;color: #ffffff;border-color: #ffffff;}

.i_case .i_case_l .i_more:hover{border-color: #032132;}

.i_case .zm{position: absolute;bottom: -10px;line-height: 1;left: 0;text-transform: uppercase;color: rgba(137,137,137,0.1);font-size: 160px;}

.i_case .i_case_r{width: 50.57%;max-width: 809px;order: 1;border-radius: 10px;overflow: hidden;position: relative;padding-top: 29.25%;}

.i_case .i_case_r img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

.i_case .i_case_r:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.i_case_a{text-align: center;max-width: 530px;margin: 0 auto;margin-top: 6%;color: #ffffff;margin-bottom: 5%;}

.i_case_a ul{display: flex;justify-content: center;}

.i_case_a ul li{width: 32%;margin-right: 2%;cursor: pointer;padding-top: 45px;background: url(../images/i_pic1.png) center top no-repeat;background-size: 36px auto;line-height: 26px;font-size: 14px; --pointw: 10px;position: relative;}

.i_case_a ul li:nth-child(3n){margin-right: 0;}

.i_case_a ul li .point {

  --anstime: 3s;

  display: block;

  z-index: 2;

  margin-left: calc(var(--pointw)*-0.5);

  margin-top: calc(var(--pointw)*-0.5);

  position: absolute;

  left: 50%;

  top: 17px;

  width: var(--pointw);

  height: var(--pointw);

  transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);

}

.i_case_a ul li.on .point {opacity:1.0;filter:Alpha(opacity=100);}

.i_case_a ul li .point .i {

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  border-radius: 50%;

  width: 100%;

  height: 100%;

  background: #ffffff;

  opacity: 1;

}

.i_case_a ul li .point .i2 {

  animation: map-point var(--anstime) infinite;

  animation-delay: 1.5s;

}

.i_case_a ul li .point .i3 {

  animation: map-point var(--anstime) infinite;

  animation-delay: 3s;

}

@keyframes map-point {

  0% {

    opacity: 1;

    transform: scale(1);

  }

  100% {

    opacity: 0.15;

    transform: scale(5);

  }

}

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

/*方案*/

.i_title{margin-top: 6%;}

.i_case .zm{font-size: 146px;}

}

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

/*方案*/

.i_case .zm{font-size: 136px;}

}

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

/*方案*/

.i_case .zm{font-size: 110px;}

}

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

/*方案*/

.i_title{margin-top: 7%;}

.i_case .zm{font-size: 90px;}

.i_case_a ul li{background-size: 30px auto;padding-top: 36px;}

.i_case_a ul li .point{top: 14px;}

}

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

/*方案*/

.i_case .zm{font-size: 80px;}

}

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

/*方案*/

.i_title{margin-top: 8%;}

.i_case a{display: block;}

.i_case .i_case_r{width: 100%;max-width: none;padding-top: 57.399%;}

.i_case .i_case_l{width: 100%;max-width: none;}

.i_case .i_case_l .h3{margin-top: 7%;}

.i_case .i_case_l .p{margin-top: 3%;}

.i_case .zm{display: none;}

.i_case_a ul li{font-size: 13px;}

}

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

/*方案*/

.i_title .h3{font-size: 17px;}

.i_title .p{font-size: 14px;}

.i_case_a ul li{font-size: 12px;background-size: 26px auto;padding-top: 30px;}

.i_case_a{margin-top: 7%;}

.i_case_a ul li .point{top: 12px;}

}





/*关于我们*/

.i_about_bg{ /*display:none;*/background-repeat:no-repeat; background-position:center center; background-size:cover;overflow:hidden;}

.i_about_bg .i_title{color: #9f9f9f;}

.i_about_bg .i_title .h3{color: #333333;}

.i_one{overflow: hidden;margin-top: -60px;margin-bottom: 6%;}

.i_one .i_one_l{float: left;width: 60%;max-width: 810px;color: #333333;line-height: 1.6;}

.i_one .i_one_l .h3{font-weight: bold;overflow: hidden;line-height: 1.3;color: #000000;}

.i_one .i_one_l .desc{overflow: hidden;/* margin-top: 12%; */margin-top: 150px;}

.i_one .i_one_l .p{overflow: hidden;margin-top: 2.5%;}

.i_one .i_one_l .p p{overflow: hidden;margin-bottom: 3%;}

.i_one .i_one_l .indmh-more{justify-content: left;}

.i_one .i_one_l .i_more2{width: 166px;text-align: left;text-indent: 20px;margin-left: 2%;}

.i_one .i_one_l .i_more2::before{content: "";width: 34px;height: 33px;position: absolute;right: 12px;top: 50%;margin-top: -16.5px;background: url(../images/i_pic2.png) no-repeat;background-size: 100% 100%;transition:all 0.3s;}

.i_one .i_one_l .i_more2:hover::before{background-image: url(../images/i_pic2_on.png);}

.i_one .counter{  float: right;width: 38%;max-width: 472px;margin-top: 150px;}

.i_one .counter ul li{ display:flex;width: 100%; transition:all 0.3s; position:relative;padding-bottom: 30px;margin-bottom: 30px;justify-content: space-between;align-items: center;}

.i_one .counter ul li:after{ content:""; position:absolute; left:0; bottom:0%; height:1px; width:100%; background:#d8d8d9}

/* .i_one .counter ul li:last-child:after{ display:none;} */

.i_one .counter ul li::before{ content:""; position:absolute; left:0; bottom:0%; height:1px; width:0%; background:var(--main-color);transition:all 0.3s;z-index: 1;}

.i_one .counter ul li:hover:before{width: 100%;}

/* .i_one .counter ul li:last-child::before{display: none;} */

.i_one .counter ul li:last-child{margin-bottom: 0;/* padding-bottom: 0; */}

.i_one .counter ul li .txts2{}

.i_one .counter ul li .nums{  line-height:1; color:#333333;transition:all 0.3s;}

.i_one .counter span{display:inline-block; vertical-align:middle; overflow:hidden; letter-spacing:1px;  font-weight:bold; font-family:Arial; }

.i_one .counter label{display:inline-block;vertical-align:top;font-weight:500; font-size:22px;margin-left: 3px; }

.i_one .counter ul li:first-child label{ font-size:16px;}

.i_one .counter .h6{ font-weight: normal; overflow:hidden; line-height:24px;   white-space:nowrap;text-overflow:ellipsis; margin-top:12px; margin-bottom:6px; color:#333333;transition:all 0.3s;}

.i_one .counter ul li:hover .nums{color: var(--main-color);}

.i_one .counter ul li:hover .h6{color: var(--main-color);}

/* .i_one .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);} */

.i_one .counter ul li .ico{width: 80px;height: 80px;border-radius: 50%;border: 1px solid #cbcbcb;order:1;position: relative;}

.i_one .counter ul li .ico img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition:all 0.3s;}

.i_one .counter ul li .ico img.img2{opacity:0;filter:Alpha(opacity=0);}

.i_one .counter ul li:hover .ico{border-color: var(--main-color);}

/* .i_one .counter ul li:hover .ico img.img2{opacity:1.0;filter:Alpha(opacity=100);}

.i_one .counter ul li:hover .ico img.img1{opacity:0;filter:Alpha(opacity=0);} */

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

/*关于我们*/

.i_one .counter ul li{margin-bottom: 20px;padding-bottom: 20px;}

.i_one .counter .h6{margin-top: 6px;}

}

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

/*关于我们*/

.i_one .i_one_l .desc{/* margin-top: 6%; */margin-top: 0;}

.i_one .i_one_l .i_more2{width: 150px;}

.i_one .i_one_l .i_more2::before{width: 30px;height: 29px;margin-top: -14.5px;}

.i_one .counter{/* margin-top: 9%; */margin-top: 0;}

.i_one .counter label{font-size:20px;}

.i_one .counter ul li:first-child label{ font-size:15px;}

.i_one{ margin-top:6%; margin-bottom:6%;}





}

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

/*关于我们*/

.i_one{display: block;margin-top: 5%;}

.i_one .i_one_l{float: none;width: 100%;max-width: none;}

/* .i_one .i_one_l .desc{margin-top: 2%;} */

.i_one .i_one_l .p{margin-top: 2%;}

.i_one .i_one_l .p p{margin-bottom: 2%;}

.i_one .i_one_l .i_more2{width: 140px;text-indent: 16px;}

.i_one .i_one_l .i_more2::before{width: 26px;height: 25px;margin-top: -12.5px;}

.i_one .counter{float: none;width: 100%;max-width: none;margin-top: 9%;}

.i_one .counter ul li:first-child label{ font-size:14px;}

.i_one .counter ul li .ico{width: 70px;height: 70px;}

}

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

/*关于我们*/

.i_one .i_one_l .i_more2{width: 126px;text-indent: 12px;}

.i_one .i_one_l .i_more2::before{right: 10px;}

.i_one .counter label{font-size:16px;}

.i_one .counter ul li:first-child label{ font-size:13px;}



}

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

/*关于我们*/

.i_one .counter label{font-size:14px;}

.i_one .counter ul li{margin-bottom: 15px;padding-bottom: 15px;}

.i_one .counter ul li:first-child label{ font-size:12px;}

.i_one .counter ul li .ico{width: 60px;height: 60px;}

.i_one .counter .h6{line-height: 20px;}

}



/**轮播切换**/

.business-block-imglist .swiper-btns .swiper-btn {

  display: flex;

  position: relative;

  border: solid 1px #dddddd;

  border-radius: 50%;

  background-color: #ffffff;

  justify-content: center;

  align-items: center;

  transition: all 0.3s;

}

.business-block-imglist .swiper-btns .swiper-btn .self-svg {

  width: 36px;

  height: 36px;

}

.business-block-imglist .swiper-btns .swiper-btn svg {

  display: block;

  width: 16px;

  height: 16px;

  fill: #999999;

  transition: all 0.3s;

}

.business-block-imglist .swiper-btns .swiper-btn:hover {

  background-color: var(--background-color);

}

.business-block-imglist .swiper-btns .swiper-btn:hover svg {

  fill: #ffffff;

}

.business-block-imglist .swiper-btns .swiper-btn.prev svg {

  transform: rotateY(180deg);

}



/*案例*/

.i_case_bg2{overflow: hidden;background: #f8f8f8;position: relative;z-index: 0;}

.i_case_bg2 .zm{position: absolute;bottom: 10px;line-height: 1;right: 0;text-transform: uppercase;color: rgba(137,137,137,0.1);font-size: 160px;z-index: -1;}

.i_case_bg2 .i_title{color: #9f9f9f;}

.i_case_bg2 .i_title .h3{color: #333333;}

.business-block-imglist{position: relative;margin-bottom: 6%;margin-top: 4%;--bettwen-pad: calc((100vw - 1600px) / 2);--wrap-width: 1600px; --background-color: #032132;

  --background-color-rgb: 195,157,91;}

.business-block-imglist .swiper-box {

  position: relative;

  font-size: 18px;

  line-height: 1.33em;

  color: #222222;

}

.business-block-imglist .swiper-box .swiper-btns {

  position: absolute;

  bottom: 0;

  left: calc(var(--wrap-width)*0.3375 + 20px);

  z-index: 2;

  padding-bottom: calc(15px + 1.33em);

}

.business-block-imglist .swiper-box .swiper-btns .swiper-btn {

  display: block;

}

.business-block-imglist .swiper-box .swiper-btns .prev {

  margin-top: 16px;

}

.business-block-imglist .swiper-container {

  overflow: visible;

}

.business-block-imglist .swiper-container .swiper-slide {

  width: calc(var(--wrap-width)/4);

  will-change: width;

  transition: width 0.3s;

}

 .business-block-imglist .swiper-container .swiper-slide .img-box{position: relative;padding-top: 129.5%;}

/*.business-block-imglist .swiper-container .swiper-slide.swiper-slide-active .img-box{padding-top: 129.63%;} */

.business-block-imglist .swiper-container .swiper-slide img {

  object-fit: cover;

  will-change: width;

  transition: width 0.3s;position: absolute;left: 0;width: 100%;height: 100%;top: 0;

}

.business-block-imglist .swiper-container .swiper-slide .img-box::before {

  padding-top: 115.5%;

}

.business-block-imglist .swiper-container .swiper-slide.swiper-slide-active {

  width: calc(var(--wrap-width)*0.3375);

}

.business-block-imglist .swiper-container .swiper-slide.swiper-slide-active .img-box::before {

  padding-top: 129.6%;

}

.business-block-imglist .swiper-container .swiper-title {

  margin-top: 15px;

}

.business-block-imglist .swiper-container .swiper-slide .ico{top: 100%;position: absolute;height: 109px;display: block;left: 100%;border-radius: 50%; box-shadow: 0 5px 25px rgba(0,0,0,0.1);width: auto;margin-top: -55px;margin-left: -130px;}





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

/*案例*/

.i_case_bg2 .zm{font-size: 146px;}

.business-block-imglist {

  /* padding-top: 70px; */

  padding-bottom: 70px;

}

.business-block-imglist .swiper-box .swiper-btns .prev {

  margin-top: 10px;

}

.business-block-imglist .swiper-container .swiper-slide {

  width: calc(var(--wrap-width)/4.5);

}

.business-block-imglist .swiper-container .swiper-slide.swiper-slide-active {

  width: calc(var(--wrap-width)*0.3075);

}

}

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

/*案例*/

.i_case_bg2 .zm{font-size: 136px;}

}

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

  /**轮播切换**/

.business-block-imglist .swiper-btns .swiper-btn .self-svg {

  width: 30px;

  height: 30px;

}

/*案例*/

.i_case_bg2 .zm{font-size: 110px;}

.business-block-imglist {

  /* padding-top: 40px; */

  padding-bottom:130px;

  --bettwen-pad: calc((100vw - 768px)/2);

    --wrap-width: 768px;

}

.business-block-imglist .swiper-container{padding-bottom: 60px;}

.business-block-imglist .swiper-box {

  font-size: 16px;

}

.business-block-imglist .swiper-container .swiper-slide .img-box::before {

  padding-top: 129.6%;

}

.business-block-imglist .swiper-box .swiper-btns {

  display: flex;

  flex-direction: row-reverse;

  /* right: calc(var(--bettwen-pad)); 

  left: auto;*/

  left: 50%;margin-left: -47px;

  padding-bottom: 0;

}

.business-block-imglist .swiper-box .swiper-btns .swiper-btn {

  display: block;

}

.business-block-imglist .swiper-box .swiper-btns .prev {

  margin-top: 0;

  margin-right: 10px;

}

.business-block-imglist .swiper-container .swiper-slide {

  width: calc(var(--wrap-width)/3);

}

.business-block-imglist .swiper-container .swiper-slide.swiper-slide-active {

  width: calc(var(--wrap-width)*0.4);

}

.business-block-imglist .swiper-container .swiper-slide,

.business-block-imglist .swiper-container .swiper-slide.swiper-slide-active {

  width: calc((var(--wrap-width) - 20px) / 2);

}

.business-block-imglist .swiper-container .swiper-title {

  margin-top: 10px;

}

.business-block-imglist .swiper-container .swiper-slide .ico{height: 90px;margin-top: -45px;margin-left: -110px;}

}

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

/*案例*/

.i_case_bg2 .zm{font-size: 90px;}

}

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

/*案例*/

.i_case_bg2 .zm{font-size: 80px;}

.business-block-imglist {

  /* padding-top: 0.1rem; */

  --bettwen-pad: 15px;

  --wrap-width: calc(100vw - 30px);

}

}

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

/*案例*/

.i_case_bg2 .zm{display: none;}

.business-block-imglist .swiper-container .swiper-slide .ico{height: 50px;margin-left: -55px;margin-top: -25px;}

.business-block-imglist{padding-bottom: 10px;margin-top: 5%;}

}

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

/*案例*/

}



/*新闻*/

.i_news_bg .i_title{color: #9f9f9f;}

.i_news_bg .i_title .h3{color: #333333;}

.i_news_one{overflow: hidden;margin-top: 5%;padding-bottom: 3%;margin-bottom: 3%;border-bottom: 1px solid #bfbfbf;}

.i_news_one .swiper-slide .imgs{overflow: hidden;width: 431px;margin-right: 36px;border-radius: 10px;position: relative;padding-top: 318px;float: left;}

.i_news_one .swiper-slide .imgs img{ display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.3s ease-out 0s;position: absolute;left: 0;top: 0;height: 100%;}

.i_news_one .swiper-slide:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.i_news_one .swiper-slide .txts{overflow: hidden;}

.i_news_one .swiper-slide .txts .date{overflow: hidden;padding-left: 30px;line-height: 30px;height: 30px;background: url(../images/i_pic10.png) left center no-repeat;background-size: 21px auto;margin-top: 16px;}

.i_news_one .swiper-slide .txts .h3{font-weight: bold;overflow: hidden;line-height: 38px;height: 38px;color: #333333;margin-top: 20px;white-space:nowrap;text-overflow:ellipsis;}

.i_news_one .swiper-slide .txts .p{overflow: hidden;line-height: 26px;height: 52px;color: #666666;margin-top: 13px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.i_news_one .swiper-slide .txts .i_more{/* background: #032132;color: #ffffff; */margin-top: 47px;font-size: 18px;}

.i_news_one .swiper-pagination{text-align: right;bottom: 0;}

.i_news_one .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 0.54;}

.i_news_one .swiper-pagination-bullet-active{background: var(--main-color);opacity: 1;}

.i_news_two{overflow: hidden;margin-bottom: 5%;}

.i_news_two ul{display: flex;justify-content: left;}

.i_news_two ul li{width: 31.33%;position: relative;overflow: hidden;}

.i_news_two ul li::after{content: "";position: absolute;right: 0;top: 0;height: 100%;width: 1px;background: #d2d2d2;}

.i_news_two ul li:last-child:after{display: none;}

.i_news_two ul li .boxs{width: 90%;display: inline-block;max-width: 400px;vertical-align: top;text-align: left;}

.i_news_two ul li:nth-child(2){text-align: center;width: 37.34%;}

.i_news_two ul li:nth-child(3){text-align: right;}

.i_news_two ul li .one{overflow: hidden;}

.i_news_two ul li .boxs .imgs{overflow: hidden;width: 153px;margin-right: 15px;border-radius: 6px;position: relative;padding-top: 112px;float: left;}

.i_news_two ul li .boxs .imgs img{ display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.3s ease-out 0s;position: absolute;left: 0;top: 0;height: 100%;}

.i_news_two ul li .boxs:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.i_news_two ul li .boxs .txts{overflow: hidden;}

.i_news_two ul li .boxs .txts .date{overflow: hidden;padding-left: 30px;line-height: 30px;height: 30px;background: url(../images/i_pic10.png) left center no-repeat;background-size: 21px auto;margin-top: 6px;font-size: 14px;}

.i_news_two ul li .boxs .txts .h3{font-weight: bold;overflow: hidden;line-height: 26px;height: 52px;color: #333333;margin-top: 20px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.i_news_two ul li .boxs .p{overflow: hidden;line-height: 26px;height: 52px;color: #666666;margin-top: 23px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.i_news_two ul li .boxs .i_more{/* background: #032132;color: #ffffff; */margin-top: 28px;font-size: 18px;}

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

/*新闻*/

.i_news_one{padding-top: 2%;padding-bottom: 2%;margin-bottom: 2%;}

.i_news_one .swiper-slide .txts .i_more{font-size: 16px;}

.i_news_two ul li .boxs .i_more{font-size: 16px;}

.i_news_two ul li .boxs .txts .date{font-size: 13px;}

}

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



}

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

/*新闻*/

.i_news_one .swiper-slide .txts .i_more{font-size: 14px;}

.i_news_two ul li .boxs .i_more{font-size: 14px;}

.i_news_two ul li .boxs .imgs{width: 130px;margin-right: 12px;padding-top: 95px;}

.i_news_two ul li .boxs .txts .h3{margin-top: 10px;}

.i_news_two ul li .boxs .txts .date{height: 26px;line-height: 26px;}

.i_news_two ul li .boxs .p{margin-top: 16px;}

}

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

  /*新闻*/

  .i_news_one .swiper-slide .imgs{width: 360px;padding-top: 266px;margin-right: 20px;}

  .i_news_one .swiper-slide .txts .h3{margin-top: 15px;}

  .i_news_two ul{display: block;}

  .i_news_two ul li{width: 100%;border-bottom: 1px solid #bfbfbf;padding-bottom: 3%;margin-bottom: 3%;}

  .i_news_two ul li:nth-child(2){width: 100%;}

  .i_news_two ul li::after{display: none;}

  .i_news_two ul li .boxs{width: 100%;max-width: none;}

  .i_news_two ul li .boxs .txts .date{margin-top: 16px;}

  .i_news_two ul li .boxs .p{margin-top: 12px;}

  .i_news_two ul li .boxs .txts .h3{height: 26px;-webkit-line-clamp: 1;}

}

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

    /*新闻*/

  .i_news_one .swiper-slide .imgs{width: 300px;padding-top: 221px;margin-right: 15px;}

  .i_news_one .swiper-slide .txts .h3{height: 30px;line-height: 30px;margin-top: 12px;}

  .i_news_one .swiper-slide .txts .p{margin-top: 10px;}

  .i_news_one .swiper-slide .txts .i_more{margin-top: 25px;}

  .i_news_one .swiper-slide .txts .date{height: 26px;line-height: 26px;}



}

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

/*新闻*/

.i_news_one .swiper-slide .imgs{float: none;width: 100%;padding-top: 73.784%;}

.i_news_one .swiper-slide .txts .i_more{font-size: 13px;}

.i_news_two ul li .boxs .i_more{font-size: 13px;margin-top: 20px;}

}

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

/*新闻*/

.i_news_one .swiper-slide .txts .i_more{font-size: 12px;}

.i_news_one .swiper-slide .txts .date{background-size: 18px auto;padding-left: 22px;height: 22px;line-height: 24px;}

.i_news_one .swiper-slide .txts .p{line-height: 24px;height: 48px;margin-top: 6px;}

.i_news_one .swiper-slide .txts .h3{height: 26px;line-height: 26px;}

.i_news_two ul li .boxs .i_more{font-size: 12px;margin-top: 18px;}

.i_news_two ul li .boxs .p{line-height: 24px;height: 48px;}

.i_news_two ul li .boxs .txts .date{background-size: 18px auto;padding-left: 22px;height: 22px;line-height: 24px;font-size: 12px;}

}

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

/*新闻*/

.i_news_one .swiper-slide .txts .h3{margin-top: 6px;}

.i_news_one .swiper-slide .txts .i_more{margin-top: 12px;}

}



/**/



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





}

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



}

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



}

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



}

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





}

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



}

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



}



@keyframes mymove6

{

	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);

  -moz-transform: translateY(60px) translateX(0);

  transform: translateY(60px) translateX(0);

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;}

	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

  -moz-transform: translateY(0px) translateX(0);

  transform: translateY(0px) translateX(0);}

}



@-webkit-keyframes mymove6

{

	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}

	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/

	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);

  -moz-transform: translateY(60px) translateX(0);

  transform: translateY(60px) translateX(0);

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;}

	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);

  -moz-transform: translateY(0px) translateX(0);

  transform: translateY(0px) translateX(0);}

}