@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: 1px;left: 1px; width: 10px; height: 10px; border-radius: 50%;background: #ffffff;

 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(255, 255, 255, .5); background: transparent;}

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

.c-banner1 .swiper-pagination-bullet svg circle { opacity: 0; fill: none; stroke: #e70012; 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;}


/*产品*/

.i_two_bg{ overflow:hidden; background:#f3f3f3;}



.i_two_a{ text-align:center; overflow:hidden; margin-top:4%;}

.i_two_a a{ display:inline-block; vertical-align:top; margin-left:3.2%; margin-right:3.2%; color:#333; position:relative; overflow:hidden; padding-bottom:15px;}

.i_two_a a.isel{ color:var(--main-color);}

.i_two_a a:after{ content:""; position:absolute; bottom:0; left:50%; right:50%; width:0; height:4px; background:var(--main-color);transition:all 0.3s;}

.i_two_a a.isel:after{ width:80%; left:10%; right:10%;}

.i_two_ul{  margin-top:3%;}

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

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

.i_two_ul li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;  position:relative;}

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

.i_two_ul li:hover .imgs{ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);}

.i_two_ul li .imgs{ overflow:hidden; position:relative; padding-top:65%;}

.i_two_ul li .imgs img{display: block;width: 100%; height:100%; position:absolute; top:0; left: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;/*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}

.i_two_ul li:hover .imgs img{/*-webkit-transform:scale(0.95, 0.95); -moz-transform:scale(0.95, 0.95); -o-transform:scale(0.95, 0.95); -ms-transform:scale(0.95, 0.95); transform:scale(0.95, 0.95);*//*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}

.i_two_ul li .h3{ font-weight:normal; overflow:hidden; line-height:36px; height:36px; margin-top:14px;white-space:nowrap;text-overflow:ellipsis; text-align:center;transition:all 0.3s;}

.i_two_ul li:hover .h3{ color:var(--main-color);}

.i_two_bg .i_two_end{ clear:both; text-align:center;margin-bottom:5%; overflow:hidden; padding-top:5%;}

/*关于我们*/

.i_about{ margin-top:6%; margin-bottom:5%; position:relative;min-height:600px; overflow:hidden; }

.i_about .i_about_l{ position:absolute;width:45%; overflow:hidden; right:2.5%; 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(../images/i_pic2.png) center center no-repeat; background-size:100% 100%;}

.i_about .i_about_r{ float:left; width:48%; overflow:hidden; max-width:610px;}

.i_about .i_about_r .h4{ position:relative;  font-weight:bold;color:#232323; line-height:1; margin-top:4%; }

.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{ display:inline-block; vertical-align:top;width:24%;transition:all 0.3s; position:relative; }

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

.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; text-align:center; 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%;}



/*tl优势*/

.i_four{ margin-top:2%; overflow:hidden; margin-bottom:5%;}

.i_four li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;  position:relative;}

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

.i_four li .imgs{ overflow:hidden;}

.i_four li .imgs 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_four li .imgs: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_four li .bgs{ background:#fff; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;display: flex; align-items: center; justify-content: center;transition:all 0.3s;}

.i_four li .boxs{ width:96%; margin:0 auto; overflow:hidden;}

.i_four li .ico{ display:block; height:90px; margin:0 auto; margin-bottom:4%;transition:all 0.3s;}

.i_four li .h3{overflow:hidden; line-height:44px; height:44px;white-space:nowrap;text-overflow:ellipsis; font-weight:bold;transition:all 0.3s;}

.i_four li:hover .h3{ color:#fff;}

.i_four li .p{ overflow:hidden; line-height:30px; height:90px;/* text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; */ color:#999999; margin-top:3%;transition:all 0.3s;}

.i_four li:hover .p{ color:#fff;}

.i_four li:hover .bgs{ background:rgba(0,0,0,0.5);}

.i_four li:hover .ico{ display:none;}





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

/*关于我们*/

.i_about{ min-height:inherit;}

.i_about .i_about_r .counter{ margin-top:4%; margin-bottom:3%;}

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

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

/*tl优势*/

.i_four{ margin-top:3%;}

.i_four li .ico{ height:80px;}

.i_four li .h3{ height:40px; line-height:40px;}

.i_four li .p{ line-height:30px; height:90px;}



}

@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;}

/*tl优势*/

.i_four li{ width:49%;}

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

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





}





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

/*产品*/

.i_two_ul li{ width:49%; 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;}




/*tl优势*/

.i_four li .ico{ height:70px;}

.i_four li .h3{ height:32px; line-height:32px;}

.i_four li .p{ line-height:26px; height:78px;}

}





@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;}

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


/*产品*/

.i_two_a a{ margin-left:2%; margin-right:2%;}

.i_two_ul{ margin-top:4%;}

.i_two_ul li .h3{ height:30px; line-height:30px; margin-top:6px;}

/*关于我们*/

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

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



/*tl优势*/

.i_four li .ico{ height:50px;}

.i_four li .h3{ height:28px; line-height:28px;}

.i_four li .p{ line-height:22px; height:66px;}

.i_four li .imgs img{ min-height:179px;}

}



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

/*产品*/

.i_two_a a{ margin-left:1%; margin-right:1%;}



/*tl优势*/

.i_four li .ico{ height:40px;}

.i_four li .h3{ height:24px; line-height:24px; }

.i_four li .p{ line-height:20px; height:80px; -webkit-line-clamp: 4;}

.i_four li .imgs img{ min-height:155px;}



}





@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;}



/*tl优势*/

.i_four li{ margin-bottom:4%;}

.i_four li .h3{ 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%;}


/*tl优势*/

.i_four li .h3{ font-size:15px;}

}

@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);}

}




a.more { overflow: hidden; background: #e70012; gap: 14px; align-items: center; border-radius: 48px; display: flex; justify-content: center; width: 150px; box-sizing: border-box; line-height:48px; position: relative; border: 1px solid #e70012;
font-size: 16px; color: #ffffff;}
a.more i { transition: all 0.5s; display: block; background: url(../images/moreIconCur.png) center no-repeat; width: 13px; height: 14px; position: relative; z-index: 2;}
a.more b { transition: all 0.5s; position: relative; z-index: 2;}
a.more::after { content: ''; transition: all 0.5s; position: absolute; left: 0; height: 100%; width: 0; background: #ffffff;}
a.more:hover::after { width: 100%;}
a.more:hover b { color: #e70012;}
a.more:hover i { transform: rotate(360deg); background: url(../images/moreIcon.png) center no-repeat;}

a.more1 { overflow: hidden; background: #e70012; gap: 14px; align-items: center; border-radius: 48px; display: flex; justify-content: center; width: 150px; box-sizing: border-box; line-height:48px; position: relative; border: 1px solid #e70012;
font-size: 16px; color: #ffffff; margin:0px auto;}
a.more1 i { transition: all 0.5s; display: block; background: url(../images/moreIconCur.png) center no-repeat; width: 13px; height: 14px; position: relative; z-index: 2;}
a.more1 b { transition: all 0.5s; position: relative; z-index: 2;}
a.more1::after { content: ''; transition: all 0.5s; position: absolute; left: 0; height: 100%; width: 0; background: #ffffff;}
a.more1:hover::after { width: 100%;}
a.more1:hover b { color: #e70012;}
a.more1:hover i { transform: rotate(360deg); background: url(../images/moreIcon.png) center no-repeat;}

@media screen and (max-width: 1200px) {
a.more,button.more { font-size: 14px; width: 120px; height: 32px; gap: 8px;}
a.more1,button.more1 { font-size: 14px; width: 120px; height: 32px; gap: 8px;}
}

@media screen and (max-width: 1080px) {
a.more i {width: 9px!important; height: 10px!important; background-size: 100% auto!important;}
a.more1 i {width: 9px!important; height: 10px!important; background-size: 100% auto!important;}
}



/*新闻资讯*/
.i_news_bg{ background:#f7f7f7; overflow:hidden;}
.i_news_ul{ clear:both;margin-top:2%; padding-bottom:6%;}
.i_news_ul li{ float:left; width:49%; }
.i_news_ul li:nth-child(2n+0){ float:right;}
.i_news_ul li .boxs2{ background:#fff;box-shadow: 2px 2px 15px rgba(0,0,0,0.05); overflow:hidden; margin-bottom:20px;transition:all 0.3s;}
.i_news_ul li .boxs2:hover{box-shadow: 2px 2px 15px rgba(0,0,0,0.1);}
.i_news_ul li .boxs2.bgs1{ height:650px;}
.i_news_ul li .boxs2.bgs2{ height:650px;}
.i_news_ul li .boxs2.bgs3{ height:300px;}
.i_news_ul li .boxs{ max-width:700px; margin:0 auto; width:94%; overflow:hidden;}
.i_news_ul li .i_news_t{ height:74px; line-height:74px; display:block; overflow:hidden; background:url(../images/i_news_bg2.png) right center no-repeat; background-size:8px 16px; color:#333333; font-weight:bold;}
.i_news_ul li .i_news_t:hover{ background-image:url(../images/i_news_bg1_on.png);}
.i_news_ul .i_news_img{  position:relative; padding-top:300px; overflow:hidden;}
.i_news_ul .i_news_img 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_news_ul .i_news_img: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_news_ul .i_news_img .bgs{ background:url(../images/i_news_bg1.png) center bottom no-repeat; background-size:cover; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%;}
.i_news_ul .i_news_img .bgs .cons{ margin:0 auto; width:94%; max-width:634px; color:#fff; }
.i_news_ul .i_news_img .bgs .cons .date{ width:76px; text-align:center; line-height:22px; font-size:16px; overflow:hidden; margin-top:34px;}
.i_news_ul .i_news_img .bgs .cons .label{ height:36px; line-height:36px; overflow:hidden;}
.i_news_ul .i_news_img .bgs .cons .h3{ font-weight:normal; height:34px; line-height:34px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff; margin-top:115px; font-size:18px;}
.i_news_ul .i_news_img .bgs .cons .p{ line-height:24px; height:24px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size:16px;color:rgba(255,255,255,0.8); margin-top:6px;}
.i_news_ul .dl{}
.i_news_ul li:first-child .dl{ margin-top:27px;}
.i_news_ul .dl dd{ display:block; overflow:hidden; padding-bottom:15px; margin-bottom:15px;/* border-bottom:1px solid #e5e5e5;*/ position:relative; z-index:0;}
.i_news_ul .dl dd:last-child{ border-bottom:0;}
.i_news_ul .dl dd:before{ position:absolute; content:""; bottom:0;  height:1px; left:0; width:100%; background:#e5e5e5;}
.i_news_ul .dl dd:last-child:before{ display:none;}
.i_news_ul .dl dd:after{ position:absolute; content:""; bottom:0;  height:1px; left:0; width:0%; background:#e70012;transition:all 0.6s; z-index:1;transition-delay: 0.2s;}
.i_news_ul .dl dd:hover:after{ width:100%;}
.i_news_ul .dl dd:last-child:after{ display:none;}
.i_news_ul .dl dd .imgs{ width:150px; float:left; position:relative; padding-top:85px; overflow:hidden; margin-right:3%; border-radius:4px;}
.i_news_ul .dl dd .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_news_ul .dl dd: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_ul .dl dd .cons{ overflow:hidden;}
.i_news_ul .dl dd .cons .date{ float:right; border-left:1px solid #e6e6e6; width:114px; text-align:center; margin-top:10px; margin-left:2%;line-height:22px; font-size:16px; color:#999999;}
.i_news_ul .dl dd .cons .date .label{ height:36px; line-height:36px; overflow:hidden; color:#999999;}
.i_news_ul .dl dd .cons .h3{ font-weight:bold; height:30px; line-height:30px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333333; margin-top:10px; font-size:18px;}
.i_news_ul .dl dd:hover .cons .h3{ color:#e70012;}
.i_news_ul .dl dd .cons .p{ line-height:28px; height:28px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size:14px; color:#666666; }
.i_news_title{ display:none;}

@media screen and (max-width: 1200px) {
	/*新闻资讯*/
.i_news_ul .i_news_img .bgs .cons .h3{ font-size:16px;}
.i_news_ul .i_news_img .bgs .cons .p{ font-size:14px;}
.i_news_ul .dl dd .cons .p{ font-size:14px;}
.i_news_ul .dl dd .cons .h3{ font-size:16px;}
.i_news_ul .dl dd .cons .date{ width:90px; font-size:14px;}
}
@media screen and (max-width: 960px) {
	/*新闻资讯*/
.i_news_ul{ margin-top:4%;}
.i_news_ul li{ float:none; width:100%; margin-bottom:2%;}
.i_news_ul li:nth-child(2n+0){ float:none;}
.i_news_ul li .boxs2{ margin-bottom:2%; display:none;}
.i_news_ul li:first-child .boxs2{ display:block;}
.i_news_ul li .boxs{ max-width:840px;}
.i_news_ul .i_news_img .bgs .cons{ max-width:770px;}
.i_news_ul .i_news_img .bgs .cons .date{ margin-top:4%;}
.i_news_ul li .i_news_t{ height:60px; line-height:60px; }
.i_news_ul li .boxs2.bgs1{ height:auto;}
.i_news_ul li .boxs2.bgs2{ height:auto;}
.i_news_ul li .boxs2.bgs3{ height:auto;}
.i_news_title{ float:right; overflow:hidden; margin-top:-36px;  display:block;}
.i_news_title li{ float:left; margin-left:10px; font-weight:bold; line-height:36px; height:36px; font-size:16px;}
.i_news_title li.on{ color:#e70012;}
.i_news_ul li .boxs2.bgs2{display:block;}
}
@media screen and (max-width: 640px) {
/*新闻资讯*/
.i_news_ul .dl dd .imgs{ margin-right:2%;}
.i_news_ul .i_news_img{ padding-top:43%;}
.i_news_ul .i_news_img .bgs .cons .date{ margin-top:5%;}
.i_news_ul .i_news_img .bgs .cons .h3{ margin-top:12%; height:26px; line-height:26px;}
.i_news_ul .i_news_img .bgs .cons .p{ font-size:13px; line-height:20px; height:20px;}


.i_news_ul li:first-child .dl{ margin-top:20px;}
.i_news_ul .dl dd:last-child{ margin-bottom:0; padding-bottom:20px;}
.i_news_ul li .i_news_t{ height:50px; line-height:50px;}
.i_news_title{ margin-top:-30px;}
.i_news_title li{ font-size:15px; line-height:30px; height:30px;}
}

@media screen and (max-width: 480px) {
	/*新闻资讯*/
.i_news_ul .dl dd .cons .date{width:75px;}
.i_news_ul .dl dd .cons .p{ display:none;}
.i_news_ul .dl dd .cons .h3{height:60px;white-space:unset;text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.i_news_ul .dl dd .imgs{ width:130px; padding-top:74px;}
.i_news_ul .i_news_img{ padding-top:186px;}
.i_news_ul .i_news_img .bgs .cons .date{ margin-top:16px;}
.i_news_ul .i_news_img .bgs .cons .h3{ margin-top:36px;}
.i_news_ul li .i_news_t{ height:44px; line-height:44px;}
.i_news_title{ margin-top:-26px;}
.i_news_title li{ font-size:14px; line-height:26px; height:26px;}
}
@media screen and (max-width: 420px) {
.i_news_ul .dl dd .cons .h3{font-size:14px;}
.i_news_ul .dl dd .cons .date{width:65px;}
}

/*应用*/
.application { background: url(../images/bg2.jpg) center no-repeat; background-size: cover; padding: 6.5625vw 0;}
.appCont { display: flex; justify-content: space-between; align-items: center;}
.appText { width: 680px;}
.appText span { display: block; font-size: 18px; color: #e70012; margin-bottom: 20px;}
.appText h2 { line-height: 1; margin-bottom: 65px; font-size: 40px; font-weight: bold; color: #ffffff;}
.appText ul { margin-bottom: 5.4vw; justify-content: space-between; display: flex;}
.appText li { cursor: pointer; text-align: center;}
.appIcon { text-align: center; position: relative;}
.appIcon img { position: relative; z-index: 2; display: block; margin: 0 auto;}
.appText li p { color: rgba(255,255,255,.48); font-size: 18px; line-height: 1; margin-top: 22px;}
.appText li.cur p { color: #ffffff;}
.appText li .appIcon::after { content: ''; width: 39px; height: 39px;transform: scale(0); transition: all 0.3s; position: absolute; left: 50%; top: -18px; margin-left: -8px; background: #e70012; border-radius: 50%;}
.appText li.cur .appIcon::after {  transform: scale(1);}
.dn { display: none;}
.appSlide h3 { font-size: 34px; color: #ffffff; line-height: 1; margin-bottom: 20px;}
.appSlide p { margin-bottom: 80px; font-size: 16px; color: #ffffff; line-height: 34px;}

.appImg { width: calc(100% - 865px);}
.appImg .swiper-pagination { text-align: right; bottom: 30px; padding-right: 30px;}
.appImg .swiper-pagination span { background: #ffffff;}

@media screen and (max-width: 1600px) {
	.appSlide h3 { font-size: 26px;}
}


@media screen and (max-width: 1440px) {
.appText h2,.titleCell h2 { font-size:30px;}
.appText li p { font-size: 16px;}
.appImg  { width: calc(100% - 725px);}
}

@media screen and (max-width: 1200px) {
	.appCont { flex-direction: column;}
	.appText ul { flex-wrap: wrap;}
	.appText li { width: 30%; margin-bottom: 10px;}
	.appText li p { font-size: 14px; margin-top: 10px;}
	.appText h2,.titleCell h2 { font-size:18px; margin-bottom: 20px;}
	
	.appText { max-width: 100%;}
	.appImg { width: 680px; max-width: 100%; margin: 20px auto 0;}
	.appSlide p { margin-bottom: 20px;}
	.appText li.cur .appIcon::after { width: 30px; height: 30px; margin: 0; top: -12px;}
	.appSlide h3 { font-size: 18px; margin-bottom: 10px;}
}


.product_ul{  margin-top:5%;}

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

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

.product_ul li{ float:left; width:32%; margin-right:2%; margin-bottom:3%;  position:relative;}

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

.product_ul li:hover .imgs{ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);}

.product_ul li .imgs{ overflow:hidden; position:relative; padding-top:65%;}

.product_ul li .imgs img{display: block;width: 100%; height:100%; position:absolute; top:0; left: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;/*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}

.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);*//*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}

.product_ul li .h3{ font-weight:normal; overflow:hidden; line-height:36px; height:36px; margin-top:14px;white-space:nowrap;text-overflow:ellipsis; text-align:center;transition:all 0.3s;}

.product_ul li:hover .h3{ color:var(--main-color);}

@media screen and (max-width: 992px) {
.product_ul li{ width:49%;}

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

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

@media screen and (max-width: 640px) {
.product_ul{ margin-top:4%;}

.product_ul li .h3{ height:30px; line-height:30px; margin-top:6px;}
}