/* CSS Document */
/*ind_Banner begin*/
.ind_Banner { height: 650px; overflow: hidden; position:relative;}
.ind_Banner .swiper-container { height: 100%; }
.ind_Banner .swiper-slide { overflow: hidden; position: relative; }
.ind_Banner .swiper-pagination { height: 10px; bottom: 60px !important; }
.ind_Banner .swiper-pagination span { width: 8px; height: 8px; margin: 0 5px !important; vertical-align: top; background-color:rgba(0,0,0,.5);}
.ind_Banner .swiper-pagination span.swiper-pagination-bullet-active { width:38px; background:#008c58;border-radius: 4px;}
.ind_Banner .ban_pic{ height: 36px; width: 85%; background: #fff; position: absolute; bottom: 0; left: 0; z-index: 10;}
.ind_Banner .ban_pic:after{ content: ""; position: absolute; width: 0;  height: 0; border-style: solid; border-width: 36px 0 0 36px; border-color: transparent transparent transparent #fff;bottom: 0; right: -36px;}
/*ind_pro begin*/
.ind_pro { padding: 40px 0; overflow: hidden; }
.ind_title{ font-size:36px;font-weight:bold; color:#222;}
.ind_title i{ opacity:.1; margin-left:10px;}
.ind_titlew{ color:#fff;}
.indProducts_menu {
  width: 100%;
  padding: 16px 100px 16px 0;
  position: relative;
}
.indProducts_menu .swiper-container:after{content: '';display: block;width:100%; height:4px;background: #eaf0f6;position: absolute;bottom: 0;}
.indProducts_menu .swiper-container .swiper-slide a {
  display: block;
  width: 100%;
  height: 60px;
  overflow: hidden;
  line-height: 60px;
  color: #555;
  font-size: 16px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  font-weight:bold;
}

.indProducts_menu .swiper-container .swiper-slide:hover a,
.indProducts_menu .swiper-container .swiper-slide.swiper-slide-active a {
  color: #008c58;
}

.indProducts_menu .swiper-container .swiper-slide a::after {
  content: '';
  display: block;
  width: 0;
  height: 4px;
  background: #008c58;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.indProducts_menu .swiper-container .swiper-slide:hover a::after,
.indProducts_menu .swiper-container .swiper-slide.swiper-slide-active a::after {
  width: 100%;
}

.indProducts_menu .swiper-button-prev,
.indProducts_menu .swiper-button-next {
  width: 30px;
  height: 30px;
  margin-top: -15px;
  padding: 9px;
  border-radius: 50%;
  background: #eaf0f6;
  position: absolute;
  z-index: 2;
  transition: all 0s;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
}

.indProducts_menu .swiper-button-prev:hover,
.indProducts_menu .swiper-button-next:hover {
  padding: 10px;
  background: #008c58;
}

.indProducts_menu .swiper-button-prev {
  right: 40px;
  left: auto;
}

.indProducts_menu .swiper-button-next {
  right: 0;
}

.indProducts_menu .swiper-button-prev svg,
.indProducts_menu .swiper-button-next svg {
  display: block;
  width: 100%;
  height: 100%;
}

.indProducts_menu .swiper-button-prev svg path,
.indProducts_menu .swiper-button-next svg path {
  fill: #008c58;
}

.indProducts_menu .swiper-button-prev:hover svg path,
.indProducts_menu .swiper-button-next:hover svg path {
  fill: #ffffff;
}
.indProducts_list{ margin-top:25px; min-height:400px;}
.indProducts_list ul{display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -15px;}
.indProducts_list ul li{width: 25%; margin-bottom: 30px; padding: 0 15px;}
.Pro_Cont{overflow: hidden; border: 1px solid #dce4eb; position: relative; padding:25px;}
.Pro_Img{width: 100%; height: 200px;  margin: 0 auto;}
.Pro_Img a{display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.Pro_Img a img{ max-width: 100%; max-height: 100%; margin: auto; }
.Pro_Text .Pro_Name{ text-align:center;}
.Pro_Text .Pro_Name a{ display: inline-block; width:100%; height: 32px;overflow: hidden; line-height: 32px; color: #222; font-size: 18px; font-weight: bold;white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; margin: 0 auto;}
.Pro_Text p{ color:#777;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin:10px 0 20px;}
.Pro_Text .btn{text-align: center;}
.Pro_Text .btn a{display: inline-block;height: 42px;line-height: 42px;border-radius: 4px; padding:0 25px;margin: 0 5px; cursor:pointer;}
.Pro_Text .btn01{ border:1px solid #008c58; color: #008c58;}
.Pro_Text .btn02{ border:1px solid #eaf0f6; background:#eaf0f6; color:#777;}
.indProducts_list ul li:hover .Pro_Cont{ border:1px solid #008c58;}
.indProducts_list ul li:hover .Pro_Text .Pro_Name a{ color:#008c58;}
.Pro_Text .btn01:hover{ background:#008c58; color:#fff;}
.Pro_Text .btn02:hover{ background:#2cb985; border:1px solid #2cb985; color:#fff;}
.indPro_More{ background:#eaf0f6; padding:25px; font-size:20px;display: -webkit-flex; display: flex; flex-wrap: wrap;align-items: center; }
.indPro_More strong{color:#222;width: calc(100% - 200px);}
.indPro_More .more{display:block; height:50px; line-height:50px; padding:0 20px; border-radius:4px; background:#008c58; color:#fff; font-weight:bold;}
.indPro_More .more i{ display:inline-block; width:28px; height:28px;margin: 0 0 -6px 10px;}
@media (max-width:1680px) {
}

@media (max-width:1600px) {
}

@media (max-width:1560px) {
	.Pro_Cont{padding: 20px;}
	.Pro_Text .btn a{padding: 0 20px;}
}

@media (max-width:1440px) {
}

@media (max-width:1366px) {
	.Pro_Text .btn a{padding: 0 15px;}
}

@media (max-width:1280px) {
}

@media (max-width:1200px) {
	.Pro_Text p{ font-size:14px;}
	.Pro_Text .btn a{ font-size:14px; height:32px; line-height:32px;}
}

@media (max-width:1080px) {
	.Pro_Text .Pro_Name a{ font-size:16px;}
	.ind_title{font-size: 32px;}
	.Pro_Cont{padding: 10px;}
	.Pro_Text .btn a{ padding: 0 10px;}
}

@media (max-width:1024px) {
}

@media (max-width:920px) {
	.Pro_Text .btn a{padding: 0 5px;}
}

@media (max-width:820px) {
	.indProducts_list ul li{ width:50%;}
}

@media (max-width:768px) {
	.ind_Banner .ban_pic{ display:none;}
	.ind_Banner .swiper-pagination{ bottom:20px !important;}
	.ind_title{font-size: 26px;}
	.indProducts_list{ margin-top: 20px;}
}

@media (max-width:425px) {
	.ind_title i,.indPro_More{ display:none;}
}

@media (max-width:320px) {
	.ind_title{ font-size:20px;}
}

@media (max-width:280px) {
}


/*lqAbout begin*/
.indAbout{ background:url(../images/about_bg.jpg) no-repeat; background-size:cover; padding:80px 0 20px;}
.indAbout .w1400{ position:relative;}
.indAbout_l{width: calc(100% - 700px); float:left;}
.indAbout_Ms { margin: 40px 0;overflow: hidden;line-height: 32px; color:rgba(255,255,255,0.6); font-size: 16px; text-align: justify; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 6; -webkit-box-orient: vertical; padding:0 70px 0 0;}
.ind_more{display: block; width:140px; height: 46px;line-height: 46px; padding: 0 20px;background: #008c58; color: #fff; text-align:center; font-size:40px;}
.indAbout_r{ float:right;position:relative;}
.indAbout_r a{ display:block;width:500px;height:330px; border:5px solid #fff; overflow:hidden;}
.indAbout_r a:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.indAboutHonor_Img{width: 340px;position: absolute;bottom: -90px;left: -200px;}
.indAboutHonor_Img img{ width:100%;}

/*ind_Heng begin*/
.ind_Heng{ border-radius:8px; background:#fff; position:absolute; bottom:-80px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.03);}
.ind_Heng ul{display: flex;}
.ind_Heng ul li{ width:25%; padding:40px;display: flex;justify-content: center; align-items: center;gap: 8px; overflow:hidden; position:relative;}
.ind_Heng ul li .content {display: flex; align-items: center;gap: 8px; position: relative;}
.ind_Heng ul li .content:after{content: ''; display: block; width:0; height: 4px; background: #008c58; position: absolute;left: 50%;bottom: -40px; transform: translateX(-50%);-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transition: all 0.5s;-webkit-transition: all 0.5s; -moz-transition: all 0.5s;-o-transition: all 0.5s;}
.ind_Heng ul li:nth-child(3){gap: 16px;}
.ind_Heng ul li i{display: block;width: 58px; height: 58px;}
.ind_Heng ul li span{display:block; font-size:24px; color:#222; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.ind_Heng ul li:first-child i{background: url(../images/ind_ab01.png) center no-repeat;}
.ind_Heng ul li:nth-child(2) i{background: url(../images/ind_ab02.png) center no-repeat;}
.ind_Heng ul li:nth-child(3) i{background: url(../images/ind_ab03.png) center no-repeat;}
.ind_Heng ul li:nth-child(4) i{background: url(../images/ind_ab04.png) center no-repeat;}
.ind_Heng ul li:first-child:hover i{background: url(../images/ind_ab01_on.png) center no-repeat;}
.ind_Heng ul li:nth-child(2):hover i{background: url(../images/ind_ab02_on.png) center no-repeat;}
.ind_Heng ul li:nth-child(3):hover i{background: url(../images/ind_ab03_on.png) center no-repeat;}
.ind_Heng ul li:nth-child(4):hover i{background: url(../images/ind_ab04_on.png) center no-repeat;}
.ind_Heng ul li:hover .content:after{ width:100%;}
.ind_Heng ul li:hover span{ color:#008c58;}

/*ind_News begin*/
.ind_News{ padding:140px 0 100px; overflow:hidden; background:#eaf0f6;}
.ind_News .ind_News_title{display: flex; align-items: center;}
.ind_News .ind_News_title .ind_title{ width:100%;}
.ind_News .ind_News_title .more{ width:140px; background:#fff; border-radius:4px;}
.ind_News .ind_News_title .more a{ color:#777;display: flex; justify-content: center; align-items: center; gap: 8px;padding: 10px 0;}
.ind_News .ind_News_title .more a i{ color:#008c58;}
.ind_News .ind_News_title .more:hover{ background:#008c58;}
.ind_News .ind_News_title .more:hover a{ color:#fff;}
.ind_News .ind_News_title .more:hover a i{ color:#fff;}
.ind_News .ind_News_list{ margin-top:50px; min-height:300px;}
.ind_News .ind_NewsTj{ width:42.5%; float:left; background:#fff; padding:30px;}
.ind_NewsTj .ind_NewsTj_Top{ width:100%;}
.ind_NewsTj_Top .ind_NewsTj_Img{width:100%; height:294px; position:relative; overflow:hidden; margin-bottom:20px;}
.ind_NewsTj_Top .ind_NewsTj_Img a{ display:block;z-index:2;width: 100%;height: 100%;position: relative;}
.ind_NewsTj_text{ width:100%;}
.ind_NewsTj_text span{color:#999;display: flex;align-items: center; gap: 8px;}
.ind_NewsTj_text span i{display: inline-block; width:18px; height:18px;margin: 0 0 2px 0;}
.ind_NewsTj_text a{ display:block; font-size:18px; font-weight:bold; color:#222;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; width:100%; margin:10px 0;}
.ind_NewsTj_text a:hover{ color:#008c58;}
.ind_News .ind_NewsTj:hover .ind_NewsTj_Img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.ind_News_list ul{ width:55%; float:right;}
.ind_News_list ul li{width:100%;padding:30px 30px 30px 50px; border-bottom:1px solid #ddd;}
.ind_News_list ul li:last-child{ border-bottom:none;}
.ind_News_top{display: flex;align-items: center; position:relative;}
.ind_News_top:before{content: ''; display:inline-block; background:#bbb; width:8px; height:8px; border-radius:50%; position:absolute; left:-20px;}
.ind_News_top a{ font-size:18px; color:#222; font-weight:bold; display:inline-block;width: calc(100% - 108px);overflow:hidden; white-space:nowrap;text-overflow:ellipsis; padding-right:20px;}
.ind_News_top span{color: #999; display: flex; align-items: center; gap: 8px;}
.ind_News_top span i{display: inline-block;width: 18px;height: 18px; margin: 0 0 2px 0;}
.ind_News_text{display: flex;align-items: flex-end; margin:20px 0 0 0;}
.ind_News_text p{ color:#777; line-height:28px;width: calc(100% - 50px); padding-right:60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ind_News_text span{display: flex;align-items: center;gap: 25px;}
.ind_News_text span em{ width:2px; height:20px; background:#ddd;}
.ind_News_text span i{display: inline-block;width: 22px;height: 22px; margin: 0 0 2px 0;}
.ind_News_list ul li:hover{ background:#fff;box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);}
.ind_News_list ul li:hover .ind_News_top:before{ background:#008c58;}
.ind_News_list ul li:hover .ind_News_top a{ color:#008c58;}
.ind_News_list ul li:hover .ind_News_text span em{ background:#008c58;}
.ind_News_list ul li:hover .ind_News_text path{fill:#008c58;}

 @media (max-width:1680px) {
}
 @media (max-width:1600px) {
.ind_Banner { height: 600px; }
}
 @media (max-width:1560px) {
}
 @media (max-width:1440px) {
.ind_Banner { height: 520px; }
}
 @media (max-width:1366px) {
}
 @media (max-width:1280px) {
.ind_Banner { height: 460px; }
}
 @media (max-width:1200px) {
.indAbout_Ms{ font-size:14px; line-height:28px;}
.ind_Heng ul li{ padding: 30px;}
.ind_News{padding: 120px 0 60px;}
.ind_News .ind_News_list{ margin-top:35px;}
.ind_NewsTj_Top .ind_NewsTj_Img{height: 264px;}
.ind_News_text{ margin: 10px 0 0 0;}
.ind_News_text p{ font-size:14px;}
}
 @media (max-width:1080px) {
.ind_Banner { height: 380px; }
.ind_pro{ padding:30px 0;}
.indAbout{ padding: 60px 0 10px;}
.indAbout_Ms{ padding:0;}
.indAbout_r a{ width:450px; height:297px;}
.ind_News .ind_NewsTj{padding: 20px;}
.ind_NewsTj_Top .ind_NewsTj_Img{height: 224px;}
.ind_News_list ul li{padding: 20px 20px 20px 40px;}
}
 @media (max-width:1024px) {
.indAbout_l{ width:100%;}
.indAbout_r{ display:none;}
}
 @media (max-width:920px) {
.ind_Banner { height: 300px; }
}
 @media (max-width:820px) {
	 .indAbout{ padding: 60px 0;}
.ind_Heng{ display:none;}
.ind_News{padding: 60px 0;}
.ind_News .ind_NewsTj{ width:100%;}
.ind_News_list ul{ width:100%; margin-top:20px;}
}
 @media (max-width:768px) {
.ind_Banner { margin-top: 100px; }
.indAbout,.ind_News{ padding: 30px 0;}
.indAbout_Ms{margin: 20px 0;}
.ind_News .ind_News_list{ margin-top: 20px;}
}
 @media (max-width:550px) {
.ind_Banner { height: 200px; }
.ind_pro,.indAbout,.ind_News{ padding:30px 0;}
.ind_pro .mySwiper4 .swiper-slide .ind_pro_Con{ padding:30px 20px;}
.lqTitle{ font-size:22px; height:50px; line-height:50px;}
.ind_pro .mySwiper4 .swiper-slide .ind_pro_Con .ind_pro_R{height:340px;}
.ind_pro .mySwiper4 .swiper-slide .ind_pro_Con .ind_pro_R a.ind_pro_Img{ height:280px;}
.ind_pro .mySwiper4 .swiper-slide .ind_pro_Con .ind_pro_L .ind_pro_Name{ font-size:18px;}
.ind_News_list ul li .ind_News_r{ padding:0 0 0 10px;}
}
@media (max-width:425px) {
.ind_Banner { height: 160px; margin-top: 140px;}
.indProducts_list ul li{ width:100%;}
.ind_News_top span{ display:none;}
.ind_News_top a{ width:100%;}
.ind_News .ind_News_title .more a{ font-size:14px;}
.ind_NewsTj_text a,.ind_News_top a{ font-size:16px;}
.ind_News_text p{ padding-right:0; width:100%;}
.ind_News_top:before,.ind_News_text span{ display:none;}
.ind_News_list ul li{ padding:20px;}
}
@media (max-width:390px) {
	.ind_pro,.indAbout,.ind_News{ padding:20px 0;}
}