﻿@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;}
/*解决方案*/
.i_one{ overflow:hidden; margin-top:7%; margin-bottom:4%; position:relative;}
.i_one .i_one_r{ float:right; width:56.5%; overflow:hidden; line-height:1.8;}
.i_one .i_one_r .rbtn{ margin-top:5%;}
.i_one .i_one_l{ position:absolute; width:41%; top:0; left:0; height:100%;display: flex; align-items: center; justify-content: left; line-height:1.6; font-weight:bold;}
.i_one .i_one_l span{ color:var(--main-color); display:inline-block;}
/*产品*/
.i_two_bg{ overflow:hidden; background:#f3f3f3;}
.i_two_a{ text-align:center; overflow:hidden; margin-top:4%;}
.i_two_a a{ font-size:16px; display:inline-block; vertical-align:top; margin-left:.5%; margin-right:.5%; color:var(--grey-color); 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:31%; 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:100%;}
.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:2%;}
/*关于我们*/
.i_about{ margin-top:6%; margin-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.0, 1.0); -moz-transform:scale(1.0, 1.0); -o-transform:scale(1.0, 1.0); -ms-transform:scale(1.0, 1.0); transform:scale(1.0, 1.0);}
.i_about .i_about_l .imgs{ position:relative; overflow:hidden; cursor:pointer;}
.i_about .i_about_l .imgs .play-icon{ position:absolute; top:50%; left:50%; width:60px; height:60px; margin:-30px 0 0 -30px; background:rgba(0,0,0,0.5); border-radius:50%; cursor:pointer; z-index:2; transition:all 0.3s ease;}
.i_about .i_about_l .imgs .play-icon::after{ content:''; position:absolute; top:50%; left:50%; width:0; height:0; margin:-10px 0 0 -6px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:16px solid #fff;}
.i_about .i_about_l .imgs:hover .play-icon{ transform:scale(1.1); background:rgba(0,0,0,0.7);}
.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:var(--paraColor); 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{}
.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:var(--grey-color);}
.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%;}
/*跳动数字 - 全宽独立模块*/
.i_counter{ background:#f9f9f9; overflow:hidden; padding:5% 0;}
.i_counter .counter{ text-align:center;}
.i_counter .counter ul li{ display:inline-block; vertical-align:top; width:19%; transition:all 0.3s; position:relative; margin:0 0%;}
.i_counter .counter ul li .nums{ line-height:1; color:var(--main-color);}
.i_counter .counter span{ display:inline-block; vertical-align:middle; overflow:hidden; letter-spacing:1px; font-weight:bold; font-family:Arial;}
.i_counter .counter label{ display:inline-block; vertical-align:-webkit-baseline-middle; font-weight:500;}
.i_counter .counter .h6{ font-weight:normal; line-height:24px; margin-top:12px; margin-bottom:6px; color:var(--grey-color);}
.i_counter .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
/*生产智造*/
.i_three{ overflow:hidden; position:relative;}
.i_three .img{ display:block; width:100%;}
.i_three .bgs{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.i_three ul{ position:relative; height:100%; width:100%; overflow:hidden;}
.i_three ul li{ float:left; width:25%; overflow:hidden; height:100%; position:relative;display: flex; align-items: center; justify-content: left;}
.i_three ul li:before{ content:""; position:absolute; right:0; top:0; height:100%; width:1px; background:rgba(255,255,255,0.5);}
.i_three ul li:after{content:""; position:absolute; right:0; top:0%; height:71px; margin-top:-35px; width:4px; background:var(--main-color);transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.i_three ul li:hover:after{opacity:1.0;filter:Alpha(opacity=100); top:50%;}
.i_three ul li a{ width:100%; padding-left:2%; padding-right:2%; display:block; overflow:hidden; text-align:center;}
.i_three ul li .ico{ display:block; height:88px; margin:0 auto;}
.i_three ul li .h3{ color:#fff; overflow:hidden; line-height:1.4; margin-top:4%;}
.i_three ul li i{ display:block; overflow:hidden; font-style:normal; margin-top:4%; color:var(--main-color);transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.i_three ul li:hover i{opacity:1.0;filter:Alpha(opacity=100);}
.i_three ul li:last-child:before{ display:none;}
.i_three ul li:last-child:after{ display:none;}
/*海仕格优势*/
.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:10%;}
.i_about .i_about_r .h4{ margin-top:2%;}
.i_about .i_about_l .imgs .bgs i{ height:116px; width:116px;}
/*海仕格优势*/
.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;}
/*生产智造*/
.i_three ul li .ico{ height:80px;}
}
@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 .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;}
/*跳动数字*/
.i_counter .counter ul li{ width:18%; margin:0 1%;}
.i_counter .counter span{ font-size:44px;}
/*海仕格优势*/
.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:48.5%; margin-right:3%; margin-bottom:2%;}
.i_two_ul li:nth-child(3n){ margin-right:3%;}
.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_counter .counter ul li{ width:32%; margin:0 1%;}
.i_counter .counter span{ font-size:40px;}
/*生产智造*/
.i_three ul li .ico{ height:70px;}
.i_three ul li .h3{ margin-top:5%;}
.i_three ul li i{ margin-top:5%;}
/*海仕格优势*/
.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_one .i_one_l{ position:static; display:block;width:100%; text-align:center;}
.i_one .i_one_r{ float:none; width:100%; margin-top:3%; text-align:center;}
.i_one .i_one_r p{ text-align:left;}
/*产品*/
.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_counter .counter ul li{ width:48%; margin:0 1%;}
.i_counter .counter span{ font-size:32px;}
/*生产智造*/
.i_three ul li .ico{ height:60px;}
.i_three ul li .h3{ margin-top:6%;}
.i_three ul li i{ margin-top:6%;}
/*海仕格优势*/
.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_counter .counter ul li{ width:48%; margin:0 1%;}
.i_counter .counter span{ font-size:28px;}
.i_counter .counter .h6{ font-size:16px; line-height:20px;}
/*产品*/
.i_two_a a{ margin-left:1%; margin-right:1%;}
/*生产智造*/
.i_three ul li .ico{ height:50px;}
.i_three ul li:after{ height:50px; width:3px;}
.i_three ul li:hover:after{ margin-top:-25px;}
.i_three ul li .h3{font-size:15px; margin-top:7%;}
.i_three ul li i{ margin-top:7%;}
/*海仕格优势*/
.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;}
/*生产智造*/
.i_three ul li .ico{ height:40px;}
.i_three ul li .h3{ margin-top:10%; font-size:14px;}
.i_three ul li i{ font-size:13px;}
/*海仕格优势*/
.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_counter .counter ul li{ width:100%; margin:1% 0; display:block;}
.i_counter .counter span{ font-size:24px;}
/*生产智造*/
.i_three ul li .h3{ font-size:13px;}
.i_three ul li i{ font-size:12px;}
/*海仕格优势*/
.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);}
}
/*新闻中心*/
.i_news{ overflow:hidden; background-color: var(--colorBg);}
.i_news_wrap .i_news_title{ text-align:center; margin-bottom:3%;}
.i_news_wrap .i_news_title .h3{ font-weight:bold; color:var(--paraColor); display:block;}
.i_news_wrap{ padding-top:4%; padding-bottom:5%; }
.i_news_wrap .i_news_box{  padding:4% 3% 3%; overflow:hidden;}
.i_news_wrap .i_news_head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:4%; overflow:hidden;}
.i_news_wrap .i_news_head .h_left .sub_txt{ font-size:16px; color:#999; display:block; margin-bottom:2%;}
.i_news_wrap .i_news_head .h_left .h2{ font-weight:bold; color:var(--paraColor); line-height:1.2;}
.i_news_wrap .i_news_head .h_right{ overflow:hidden;}
.i_news_wrap .i_news_head .h_right .tab{ display:inline-block; vertical-align:top; padding:12px 28px; font-size:16px; color:#666; border:1px solid #ddd; margin-left:-1px; background:#fff; -webkit-transition:all 0.3s; transition:all 0.3s;}
.i_news_wrap .i_news_head .h_right .tab:first-child{ border-radius:4px 0 0 4px;}
.i_news_wrap .i_news_head .h_right .tab:last-child{ border-radius:0 4px 4px 0;}
.i_news_wrap .i_news_head .h_right .tab.on{ background:var(--main-color); color:#fff; border-color:var(--main-color);}
.i_news_wrap .i_news_head .h_right .tab:hover{ background:var(--main-color); color:#fff; border-color:var(--main-color);}
.i_news_wrap .i_news_l{ float:left; width:44.5%; overflow:hidden;}
.i_news_wrap .i_news_l a{ display:block; position:relative; overflow:hidden;}
.i_news_wrap .i_news_l .imgs{ overflow:hidden; padding-top:70%; position:relative;}
.i_news_wrap .i_news_l .imgs img{ width:100%; height:100%; position:absolute; top:0; left:0; display:block; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.i_news_wrap .i_news_l a:hover .imgs img{ -webkit-transform:scale(1.06, 1.06); transform:scale(1.06, 1.06);}
.i_news_wrap .i_news_l .overlay{ position:absolute; left:0; right:0; bottom:0; padding:15% 6% 6%; background:linear-gradient(transparent, rgba(0,0,0,0.85)); color:#fff; overflow:hidden;}
.i_news_wrap .i_news_l .overlay .date{ font-size:14px; display:block; margin-bottom:3%; opacity:0.85;}
.i_news_wrap .i_news_l .overlay .h3{ font-weight:bold; line-height:1.45; color:#fff; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.i_news_wrap .i_news_l .overlay .desc{ font-size:15px; color:rgba(255,255,255,0.8); line-height:1.6; margin-top:3%; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.i_news_wrap .i_news_r{ float:right; width:53.5%; overflow:hidden;}
.i_news_wrap .i_news_r .item{ display:block; overflow:hidden; padding:0; margin-bottom:3.5%;}
.i_news_wrap .i_news_r .item:last-child{ border-bottom:none;}
.i_news_wrap .i_news_r .item .imgs{ float:left; width:30%; overflow:hidden; margin-right:4%; padding-top:17%; position:relative; background:#e0e0e0;}
.i_news_wrap .i_news_r .item .imgs img{ width:100%; height:100%; position:absolute; top:0; left:0; display:block; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.i_news_wrap .i_news_r .item:hover .imgs img{ -webkit-transform:scale(1.06, 1.06); transform:scale(1.06, 1.06);}
.i_news_wrap .i_news_r .item .info{ overflow:hidden;}
.i_news_wrap .i_news_r .item .info .h3{ font-weight:bold; font-size:18px; line-height:1.4; color:var(--paraColor); overflow:hidden; -webkit-transition:all 0.3s; transition:all 0.3s; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.i_news_wrap .i_news_r .item:hover .info .h3{ color:var(--main-color);}
.i_news_wrap .i_news_r .item .info .meta{ display:flex; align-items:center; justify-content:space-between; margin-top:6%; overflow:hidden;}
.i_news_wrap .i_news_r .item .info .meta .date{ font-size:13px; color:#999; overflow:hidden; display:inline-flex; align-items:center;}
.i_news_wrap .i_news_r .item .info .meta .date .iconfont{ font-size:14px; margin-right:4px; color:#999;}
.i_news_wrap .i_news_r .item .info .meta .more{ font-size:13px; color:#999; -webkit-transition:all 0.3s; transition:all 0.3s; white-space:nowrap;}
.i_news_wrap .i_news_r .item:hover .info .meta .more{ color:var(--main-color);}
/*新闻中心 响应式*/
@media screen and (max-width: 1200px) {
.i_news_wrap .i_news_box{ padding:5%;}
.i_news_wrap .i_news_head{ flex-wrap:wrap;}
.i_news_wrap .i_news_head .h_left{ width:100%; margin-bottom:4%;}
.i_news_wrap .i_news_head .h_right{ width:100%; text-align:left;}
.i_news_wrap .i_news_l{ float:none; width:100%;}
.i_news_wrap .i_news_l .imgs{ padding-top:56%;}
.i_news_wrap .i_news_r{ float:none; width:100%; margin-top:5%;}
.i_news_wrap .i_news_r .item .imgs{ padding-top:22%;}
}