@import url(style.css);

@import url(mobile.css);

@import url(custom.css);

@import url(lrtk3.css);

@import url(pscroll.css);

/*首页*/

/*轮显*/

.c-banner1 .swiper-pagination {display: flex;align-items: center;justify-content: center; bottom: 37px;}

.c-banner1 .swiper-pagination-bullet {position: relative; margin: 0 8px !important; width: 12px; height: 12px;display: inline-block;border-radius: 100%; background: transparent;opacity: 1;}

.c-banner1 .swiper-pagination-bullet::before {content: ""; position: absolute; z-index: -1;top: 3px;left: 3px; width: 6px; height: 6px; border-radius: 50%;background: #878787;

 transition: all 0s;}

.c-banner1 .swiper-pagination-bullet.swiper-pagination-bullet-active::before { top: 1px; left: 1px;width: 10px; height: 10px;  border: 2px solid rgba(135, 135, 135, .5); background: transparent;}

.c-banner1 .swiper-pagination-bullet svg {vertical-align: top;}

.c-banner1 .swiper-pagination-bullet svg circle { opacity: 0; fill: none; stroke: #b63034; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 39 39;stroke-dashoffset: 39; -webkit-transition: stroke-dashoffset 0s linear, opacity 0s linear; transition: stroke-dashoffset 0s linear, opacity 0s linear;}

.c-banner1 .swiper-pagination-bullet.swiper-pagination-bullet-active svg circle { opacity: 1;stroke-dashoffset: 0; -webkit-transition: stroke-dashoffset 5s linear, opacity 0s linear; transition: stroke-dashoffset 5s linear, opacity 0s linear;}

.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%;}



.banner .c-dot-box .c-line-box .c-line {  width: 0; height: 2px;  background: #fff; transition: 1s;}

/*解决方案*/

.indPro .swiper-container{overflow: visible;background:#fff;}
.indPro .swiper-wrapper{position: relative;display: block;}
.indPro-flex{align-items: flex-start;position: sticky;top: 0px;width: 100%;}
.indPro-ban{width: 100%;position: relative;}
.indPro-ban .img{overflow: hidden;height: 100%;}
.indPro-ban .swiper-slide{transition: width 0.5s, height 0.5s, background-color 0.5s ease-in-out;padding:60px 0;background:#f5f5f7;border-top:1px solid #ccc;/*position: sticky; 折叠效果*/left: 0;top: 0px;width: 100%;height: 100%;}
.indPro-ban .swiper-slide:first-child{border-top:0 none;}
.indPro-ban .swiper-slide:nth-child(1){background:#fff;}
.indPro-ban .swiper-slide:nth-child(2){background:#fff;}
.indPro-ban .swiper-slide .img{display:flex;}
.i_one_xxmd_left{width:100%;}
.i_one_xxmd_left .hd p{color:var(--main-color);}
.i_one_xxmd_left .hd h2{}
.i_one_xxmd_left .info{margin:25px 0;}
.i_one_xxmd_left .info p{line-height:40px;display:flex;}
.i_one_xxmd_left .info p i{width:40px;height:40px;}
.i_one_xxmd_left .info p.user i{background:url(../image/map_userico.svg) center center /50% no-repeat;}
.i_one_xxmd_left .info p.tel i{background:url(../image/map_telico.svg) center center /50% no-repeat;}
.i_one_xxmd_left .info p.add i{background:url(../image/map_addico.svg) center center /80% no-repeat;}
.i_one_xxmd_left .code h3.hd{color:var(--main-color);}
.i_one_xxmd_left .code ul{display:flex;margin-top:20px;}
.i_one_xxmd_left .code ul li{margin-right:30px;text-align:center;}
.i_one_xxmd_left .code ul li p{border:1px solid #ccc;padding:8px;background:#fff;}
.i_one_xxmd_left .code ul li p img{width:120px;}
.i_one_xxmd_left .code ul li h3{font-size:16px;color:#666;margin-top:10px;}
.i_one_xxmd_left .btn2{margin:20px 0;overflow:hidden;}
.i_one_xxmd_left .btn2 .rbtn2{float:left;height:40px;line-height:40px;color:#333;background:url(../image/indexybjt.svg) center right / 20% no-repeat;padding-right:25px;}
.i_one_xxmd_left .btn2 .rbtn2:hover{color:var(--main-color);}
.i_one_xxmd_right{width:100%;text-align:right;transition:all 0.3s;}
.i_one_xxmd_right .right_img{border-radius:10px;}
.i_one_xxmd_right .xxmd_map{width:100%;height:100%;}
.modal {display: none;position: fixed;top: 0;left: 0%;width: 100%; height: 100vh; background-color: rgba(0,0,0,0.8);z-index: 9999;}
.modal-box{ position: relative;height: 100%;overflow-y: auto;width:100%;padding:0 25%;}
.modal-content {}
.modal-content-box{height: 100%;overflow:hidden;margin:50px 0;padding:30px;background: #fff; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.3);}
.modal-content-box .subhd{margin-bottom:10px;color:#666;}
.modal-content-box .hd{position: relative;margin-bottom:20px;border-bottom:1px solid #ccc;padding-bottom:20px;}
.modal-content-box .hd .modal-close{cursor: pointer;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;background:#111111 url(../image/c10.png) center center no-repeat;background-size: 40%;position: absolute;width:40px;height:40px;color:#fff;border-radius:50%;right:-15px;top:-60px;}
.modal-content-box .bd{line-height:1.8;font-size:18px;}
.modal-content-box .bd img{max-width:100%;}
body.modal-open {overflow: hidden;}
.modal-content-box .hd .modal-close:hover{transform: rotate(360deg);}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}
/*关于我们*/

.i_about{background:url(../image/index_about_bg.jpg) center center no-repeat; background-size:cover; padding-top:6%; padding-bottom:5%; position:relative;min-height:600px; overflow:hidden; }
.i_about .i_about_l{ position:absolute;width:50%; overflow:hidden; right:0; top:0;  }
.i_about .i_about_l .img{ width:100%; display:block;-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.6s ease-out 0s;}
.i_about .i_about_l: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_about .i_about_l .imgs{ position:relative; overflow:hidden; cursor:pointer;}
.i_about .i_about_l .imgs .bgs{ width:100%; height:100%; top:0; left:0; position:absolute;display: flex; align-items: center; justify-content: left;}
.i_about .i_about_l .imgs .bgs i{ display:block;  width:126px; height:126px; margin:0 auto; position:relative;background:url(../image/i_pic2.png) center center no-repeat; background-size:100% 100%;}
.i_about .i_about_r{ float:left; width:60%; overflow:hidden; max-width:650px;}
.i_about .i_about_r .h4{ position:relative;  font-weight:bold;color:#232323; line-height:1; margin-top:4%; }
.i_about .i_about_r .h4:after{content: ""; position: absolute;    bottom: -10px;    left: 15px;    width: 30%;    height: 4px;    background: var(--main-color);}
.i_about .i_about_r .h4 span{color:var(--main-color);}
.i_about .i_about_r .desc{ overflow:hidden; line-height:1.8; margin-top:4%; color:#333333;}

.i_about .i_about_r .counter{ text-align:left; margin-top:15%;}

.i_about .i_about_r .counter ul li{margin-top:20px;display:inline-block; vertical-align:top;width:32.333333%;transition:all 0.3s; position:relative; }

.i_about .i_about_r .counter ul li .txts2{}

.i_about .i_about_r .counter ul li .nums{  line-height:1; color:var(--main-color);}

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

.i_about .i_about_r .counter label{display:inline-block;vertical-align:-webkit-baseline-middle;font-weight:500; }

.i_about .i_about_r .counter .h6{ font-weight: normal; line-height:24px;  /*  white-space:nowrap;text-overflow:ellipsis;  */margin-top:12px; margin-bottom:6px; color:#333;}

.i_about .i_about_r .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.i_about .i_about_r .rbtn{ margin-top:8%;}

.yanfa{background:#f5f5f7;overflow: hidden;}
.yanfa .yanfa_box{margin-top:50px;}
.yanfa .yanfa_box ul{overflow:hidden;}
.yanfa .yanfa_box ul li{width:23.5%;margin-right:2%;margin-bottom:2%;text-align:center;float:left;background:#fff;}
.yanfa .yanfa_box ul li:nth-child(4n){margin-right:0;}
.yanfa .yanfa_box ul li .bd{padding:6px;overflow:hidden;}
.yanfa .yanfa_box ul li .bd img{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.6s ease-out 0s;}
.yanfa .yanfa_box ul li:hover .bd 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);}
.yanfa .yanfa_box ul li .hd{padding:0 6px 6px 6px;height:44px;line-height:44px;overflow:hidden;}
.yanfa .yanfa_box ul li:hover .hd{color:var(--main-color);}
.yanfa_ad{padding:50px 0;background:#f5f5f7;overflow: hidden;}
.yanfa_ad .yanfa_ad_img{text-align:center;}
.yanfa_ad .yanfa_ad_img img{width:100%;}

.o_big_con{ overflow:hidden; position:relative;}

.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:50% center; background-size:cover; position:relative;  width:100%;-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards;}

.o_big img{ width:100%;filter: Alpha(Opacity=0);opacity: 0;}

.o_big_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%;}

.o_big_con.bgs3{ cursor:pointer;}

.o_big_con .cons .wrap{ height:100%; display:table; }

.o_big_con .cons .wrap2{ height:100%; display:table; }

.o_big_con .h2{font-weight:normal; display:table-cell; vertical-align:middle;   text-transform:uppercase; text-align:center;transition:all 0.6s;}

.o_big_con .h2 label{width:100%; display:block;color:rgba(255,255,255,1.0);  /*margin-top:12px; margin-bottom:80px;*/ letter-spacing:4px;}

.o_big_con.bgs3 .h2 label{ cursor:pointer;}

.o_big_con.bgs3 .h2 label img{ width:64px;}

.o_big_con .h2 span{ display:block; overflow:hidden; color:rgba(255,255,255,1.0); font-size:14px; line-height:1.2;  position:relative;text-transform:uppercase;}

.o_big_con .h2 em{ font-style:normal; border-bottom:1px solid #fff; display:inline-block; vertical-align:top; line-height:32px; }

.o_big_con.bgs2 .h2{ text-align:left; padding-bottom:80px;}

.o_big_con .videos{position: absolute; top: 0;left: 0; width: 100%; height: 100%;/*object-fit: fill;*/ object-fit: cover;}

.o_big_con.bgs3:hover .h2{transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05);}

.o_big_con .videos{width: 100%;/*object-fit: fill;*/object-fit: cover; overflow: hidden; border: 0; margin: 0;padding: 0;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height:100%;}


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

/*关于我们*/

.i_about{ min-height:inherit;}

.i_about .i_about_r .counter{ margin-top:10%;}

.i_about .i_about_r .h4{ margin-top:2%;}

.i_about .i_about_l .imgs .bgs i{ height:116px; width:116px;}



}

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

/*轮显*/

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

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

.main .banner .swiper-slide .rbtn{ display:none;}

/*关于我们*/

.i_about .i_about_r .desc{ line-height:1.6;}

.i_about .i_about_r .counter{ margin-top:8%;}

.i_about .i_about_r .h4{ margin-top:0%;}

.i_about .i_about_r .rbtn{ margin-top:6%;}

.i_about .i_about_l .imgs .bgs i{ height:100px; width:100px;}


.o_big_con.bgs2 .h2{ padding-bottom:90px;}


}


@media screen and (max-width: 1100px) {
	
.o_big_con .h2 span{ font-size:14px;}
.modal-content-box .hd .modal-close{width:30px;height:30px;top:-50px;}
.modal-box{width:100%;left:0;margin-left:0;padding:0 1%;}

}

@media screen and (max-width: 780px) {
.o_big_con.bgs2 .h2{ padding-bottom:80px; text-align:center;}

.o_big_con.bgs2 .o_big{ height:250px;}

}

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

/*产品*/

.i_two_ul li{ width:49%;}

.i_two_ul li:nth-child(4n){ margin-right:2%;}

.i_two_ul li:nth-child(2n){ margin-right:0;}

/*关于我们*/

.i_about .i_about_l{ position:static; width:100%;}

.i_about .i_about_r{ float:none; width:100%; max-width:none; margin-top:5%; text-align:center;}

.i_about .i_about_r .desc{ margin-top:3%; text-align:left;}

.i_about .i_about_r .counter{ text-align:center;}

.i_about .i_about_r .counter span{ font-size:40px;}
.i_about .i_about_r .h4{margin-bottom:30px;}
.i_about .i_about_r .h4:after{content: ""; position: absolute;    bottom: -10px;    left: 40%;    width: 20%;   height: 4px;    background: var(--main-color);}

.yanfa .yanfa_box{margin-top:20px;}
.yanfa .yanfa_box ul{overflow:hidden;}
.yanfa .yanfa_box ul li{width:48%;}
.yanfa .yanfa_box ul li:nth-child(4n){margin-right:0;}
.yanfa_ad{padding:20px 0;}
}


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

/*轮显*/

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

.c-banner1 .swiper-pagination-bullet{margin: 0 4px !important;}



/*关于我们*/

.i_about .i_about_l .imgs .bgs i{ height:80px; width:80px;}

.i_about .i_about_r .counter span{ font-size:32px;}

.indPro-ban .swiper-slide{padding: 100px 0;}
.indPro-ban .swiper-slide .img{display:block;}
.i_one_xxmd_left{width:90%;margin: 0 auto;}
.i_one_xxmd_left .info{margin:10px 0;}
.i_one_xxmd_left .info p{line-height:30px;}
.i_one_xxmd_left .info p i{height:30px;}
.i_one_xxmd_left .code ul{display:flex;margin-top:10px;}
.i_one_xxmd_left .code ul li{margin-right:30px;text-align:center;}
.i_one_xxmd_left .code ul li p{border:1px solid #ccc;padding:8px;background:#fff;}
.i_one_xxmd_left .code ul li p img{width:90px;}
.i_one_xxmd_left .code ul li h3{font-size:16px;color:#666;margin-top:10px;}
.i_one_xxmd_left .btn{margin-top:10px;margin-bottom: 20px;}
.i_one_xxmd_right{width:90%;margin:0 auto;text-align:center;transition:all 0.3s;}
.i_one_xxmd_right img{-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.6s ease-out 0s;width:100%;border-radius:10px;}
.i_one_xxmd_right img:hover{-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);}

.owl-demo4 {margin-bottom: 20%}
.owl-demo4 .item .imgs .imgsclick{width:28px;height:28px;line-height: 25px;font-size:24px;}
.f_div2_contact .c-name{margin: 10px 10% 20px 10%;}

.o_big_con .h2 span{ font-size:13px;}

.o_big_con.bgs3 .h2 label img{ width:50px;}

.o_big{ height:380px;}


}

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

/*轮显*/

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

.main .banner .swiper-slide .txt{ font-size:36px;}

.c-banner1 .swiper-pagination{ bottom:20px;}

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

/*关于我们*/

.i_about .i_about_l .imgs .bgs i{ width:60px; height:60px;}

.i_about .i_about_r{ margin-top:6%;}

.o_big_con .h2{ font-size:18px; }

.o_big_con .h2 span{ font-size:12px;}


}





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

/*轮显*/

.c-banner1 .swiper-pagination{ bottom:15px;}

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

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


}

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

/*轮显*/

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

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

/*关于我们*/

.i_about .i_about_r .counter ul li{ width:23.5%;}

}

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

/*轮显*/

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

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



}

@keyframes mymove6

{

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

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

  transform: translateY(-100px) 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(-100px) translateX(0);

  transform: translateY(-100px) 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);}

}