@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "BEBAS";
  src: url('../fonts/BEBASKAI.ttf');
}
/* lyBanner start */
.lyBanner { width: 100%; height: 820px;margin-top: 100px;position: relative;}
.lyBa_swiper { width: 100%;height: 100%; position: relative;}
.lyBa_swiper .swiper-container {width: 100%;height: 100%;}
.lyBa_swiper .swiper-slide {height: 100%; overflow: hidden;position: relative;}
.lyBa_swiper .swiper-slide img {display: block; width: 100%; height: 100%;margin: auto;object-fit: cover;
  position: absolute; left: 0;top: 0; right: 0;bottom: 0;}
.lyBa_swiper .swiper-slide .lyBa_txt {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.lyBa_txt p { line-height: 50px;color: #fff;font-size:44px; margin:0 0 36px;font-weight: bold; width:56%;}
.lyBa_txt span { display: block;line-height:36px;max-height:108px;color: #fff;font-size: 22px; text-align: justify; margin-bottom: 60px; width:50%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.lyBa_swiper .lyMore a{ display:block; color:#fff; background:#ff9000; width:180px; height:56px; line-height:56px; text-align:center; font-size:18px; border-radius:28px; padding-right:30px; position:relative;}
.lyBa_swiper .lyMore a em{ display:block; width:40px; height:40px;background:#fff; border-radius:50%; position:absolute; top:8px; right:8px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.lyBa_swiper .lyMore a em svg{ width:19px; height:20px; fill:#ff9000;transition: all 0s ease;}
.lyBa_swiper .lyMore a:hover{ background:#fff; color:#ff9000;}
.lyBa_swiper .lyMore a:hover em{background:#ff9000;}
.lyBa_swiper .lyMore a:hover em svg{fill:#fff;}


.lyBa_swiper .lyBa_control { height: 32px; position: absolute;left: 50%; bottom:20px; z-index: 1;
  transform: translate(-50%,-50%);}
.lyBa_control .swiper-pagination { height: 32px; line-height: 32px;padding: 0; position: absolute; left: 0;bottom: 0;z-index: 1; font-size:0;}
.lyBa_control .swiper-pagination span {display: inline-block; padding: 0 66px;color:#fff;font-size:18px; }
.lyBa_control .swiper-pagination span::before {content: '0';display: inline;}
.lyBa_control .swiper-scrollbar{width:95px; height:3px; background:rgba(255,255,255,.35); margin:13px auto 0;}
.lyBa_control .swiper-scrollbar-drag{ background:#ff9000;}

.lyBa_swiper .lyBa_control {
  height: 32px;
  position: absolute;
  left: 50%;
  bottom: 34px;
  z-index: 1;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}


.lyBa_control .swiper-pagination {
  height: 32px;
  line-height: 32px;
  color: rgba(255, 255, 255, .45);
  font-family: "BEBAS";
  font-size: 18px;
  text-align: left;
  padding: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.lyBa_control .swiper-pagination span {
  display: inline-block;
  padding: 0 2px;
}

.lyBa_control .swiper-pagination span::before {
  content: '0';
  display: inline;
}

.lyBa_control .swiper-pagination span.swiper-pagination-current {
  color: #fff;
  font-size: 24px;
}

.lyBa_control .swiper-pagination::before,
.lyBa_control .swiper-pagination::after {
  content: '';
  display: block;
  width: 42%;
  height: 1px;
  margin-top: -0.5px;
  background-color: rgba(255, 255, 255, .1);
  position: absolute;
  top: 50%;
}

.lyBa_control .swiper-pagination::before {
  left: 80px;
}

.lyBa_control .swiper-pagination::after {
  right: 80px;
}


.lyBa_control .swiper-button-prev,
.lyBa_control .swiper-button-next {
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 6px;
  background: none;
  position: absolute;
  top: 0;
  z-index: 2;
}

.lyBa_control .swiper-button-prev {
  left: auto;
  right: 32px;
}

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

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

.lyBa_control .swiper-button-prev svg path,
.lyBa_control .swiper-button-next svg path {
  fill: #ffffff;
}

.lyBa_control .swiper-button-prev:hover svg path,
.lyBa_control .swiper-button-next:hover svg path {
  fill: #ff9000;
}


.lyBa_Scroll {
  width: auto;
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 20px;
  z-index: 2;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.lyBa_Scroll p {
  display: block;
  width: 18px;
  height: 28px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 9px;
}

.lyBa_Scroll p em {
  display: block;
  width: 2px;
  height: 6px;
  overflow: hidden;
  background-color: #fff;
  margin: 10px auto;
  padding: 0;
  animation-name: fadeInDown;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.lyBa_Scroll span {
  display: block;
  height: 20px;
  line-height: 20px;
  color: rgba(255, 255, 255, .25);
  font-size: 14px;
  text-align: center;
  margin: 6px auto;
}

.lyBa_Scroll i {
  display: block;
  width: 14px;
  height: 14px;
  overflow: hidden;
  margin: 0 auto;
  animation-name: fadeInDown;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.lyBa_Scroll i svg {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width:1680px) {
  .lyBanner { height: 740px; margin-top: 90px;}
  .lyBa_txt p { line-height: 56px; font-size: 40px; margin: 0 0 24px;}
  .lyBa_txt span { font-size: 22px; }
}
@media (max-width:1600px) {
  .lyBanner {height: 700px; margin-top: 80px;}.lyBa_txt p { line-height: 48px;font-size: 36px;}
  .lyBa_swiper .lyMore a{ width:160px; height:50px; line-height:50px;padding-right:25px;}
  .lyBa_swiper .lyMore a em{ width:36px; height:36px;top:7px; right:7px;}
}
@media (max-width:1560px) {
  .lyBanner { height: 680px;}
}
@media (max-width:1440px) {
  .lyBanner {height: 630px;}
  .lyBa_txt p {line-height: 44px;font-size: 32px; margin:0 0 22px;}
  .lyBa_txt span {font-size: 18px; line-height:40px; max-height:120px; margin-bottom: 40px; }
  
}
@media (max-width:1366px) {
  .lyBanner { height: 600px;}
}
@media (max-width:1280px) {
  .lyBanner { height: 560px; }
  .lyBa_txt p { line-height: 40px; font-size: 28px;margin:0 0 20px; }
  .lyBa_txt p sup { font-size: 16px;}
  .lyBa_txt span { max-height: 144px; line-height: 36px; font-size: 20px; margin-bottom: 30px; -webkit-line-clamp: 4;}

}
@media (max-width:1200px) {
  .lyBanner { height: 525px;}
  .lyBa_swiper .lyMore a{ width:140px; height:44px; line-height:44px;padding-right:25px; font-size:16px;}
  .lyBa_swiper .lyMore a em{ width:30px; height:30px;}
}
@media (max-width:1080px) {
  .lyBanner {height: 480px; margin-top: 64px; }
  .lyBa_txt p {line-height: 35px;font-size: 25px;margin:0 0 15px; }
  .lyBa_txt span {line-height: 26px; font-size: 14px; max-height:78px;}
  .lyBa_swiper .lyBa_control{ bottom:25px; height:22px; line-height:22px;}
  .lyBa_Scroll{ display:none;}
  .lyBa_control .swiper-pagination span{ font-size:20px;}
  .lyBa_control .swiper-scrollbar{ width:80px; height:2px; margin-top:4px;}
  .lyBa_control .swiper-button-prev, .lyBa_control .swiper-button-next{ top:-8px;}
}

@media (max-width:1024px) {
  .lyBanner { height: 450px;}
}
@media (max-width:920px) {
  .lyBanner { height: 405px; }
  .lyBa_txt p { line-height: 32px;font-size: 24px;}
}

@media (max-width:820px) {
  .lyBanner {height: 360px;}
  .lyBa_txt p {line-height: 30px;}
  .lyBa_swiper .lyMore a{ width:120px; height:40px; line-height:40px;padding-right:20px; font-size:15px;}
  .lyBa_swiper .lyMore a em{ width:26px; height:26px;}
}
@media (max-width:767px) {
  .lyBanner { height: 260px; }
  .lyBa_txt p {line-height:28px;font-size:20px;}
  .lyBa_txt span { line-height: 20px; font-size: 12px; margin: 0;color: rgba(255, 255, 255, .8);}
  .lyBa_txt .lyMore { display: none; }
  .lyBa_swiper .lyBa_control{ bottom:10px;}
  .lyBa_control .swiper-pagination{ font-size:14px; color:rgba(255,255,255,.5); height:20px; line-height:20px;}
  .lyBa_control .swiper-pagination span{ font-size:14px;padding: 0 2px; color:rgba(255,255,255,.7);}
  .lyBa_control .swiper-pagination span.swiper-pagination-current{ color:#fff;font-size: 20px;}
  .lyBa_control .swiper-scrollbar{ display:none;}
  .lyBa_control .swiper-button-prev, .lyBa_control .swiper-button-next{ width:26px; height:26px; top:0px;}
  .lyBa_control .swiper-button-prev{ right:22px;}
}
@media (max-width:500px) {
  .lyBanner { height: 200px;}
  .lyBa_txt p { width:55%;line-height:28px;font-size:16px;margin: 0 0 10px;}
  .lyBa_txt span{width:55%;}
}
@media (max-width:375px) {
  .lyBanner { height: 180px;}
  .lyBa_txt p { line-height: 20px;font-size:16px;}
}

/*lyBanner end */

/*ind_product*/
.ind_product{ background:#dee8f4; padding:98px 0; overflow:hidden; min-height:500px;}
.all_title{ font-size:54px; color:#222; font-weight: bold; text-align:center;}
.ind_product .all_title{ width:100%; margin-bottom:45px; text-align:left;}
.ind_product .left{width:300px;float:left;}
.ind_product .left ul li{ width:100%; height:60px;border:1px solid #b6c1cd; border-radius:32px;padding:0 30px;margin-bottom:24px; position:relative;}
.ind_product .left ul li a,.ind_product .left ul li p{ font-size:20px; color:#555;font-family: "CN-MEDIUM";cursor: pointer;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;max-width: calc(100% - 20px); line-height:58px;}
.ind_product .left ul li svg{ width:20px; height:20px; fill:#264dc2;transition: all 0s ease; position:absolute; right:22px; top:50%; transform:translateY(-50%);}

.ind_product .left ul li.cur,.ind_product .left ul li:hover{ background:#264dc2; border:1px solid #264dc2;}
.ind_product .left ul li:hover a,.ind_product .left ul li.cur a,.ind_product .left ul li:hover p,.ind_product .left ul li.cur p{ color:#fff;}
.ind_product .left ul li:hover svg,.ind_product .left ul li.cur svg{ fill:#fff;}
.ind_product .indpro_tong{width: calc(95% - 320px); float:right; overflow:hidden; display:none; position:relative;}
.ind_product .indpro_tong#ProTab01{ display:block;}
.ind_product .probox{padding-bottom:66px;}
.ind_product .probox .proboxli{ background:#fff; border-radius:8px;}
.ind_product .probox .proboxli .pic{ display:block; width:100%; height:304px; background:url(../images/probg.webp) center no-repeat; position:relative;}
.ind_product .probox .proboxli .pic img{ max-width:80%; max-height:80%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;}
.ind_product .probox .proboxli .text{ background:#f3f6f9;border-radius:0 0 8px 8px; padding:30px 35px;}
.ind_product .probox .proboxli .text .name{ height: 60px; line-height: 30px; font-size:22px;font-weight: bold;max-width:100%; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ind_product .probox .proboxli .text .ms{ font-size:18px; color:#555; line-height:30px; height:90px;overflow: hidden; text-align: justify; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; margin:12px 0 20px;}
.ind_product .probox .proboxli .text .ms p, .ind_product .probox .proboxli .text .ms span{font-size:18px !important; color:#555 !important; line-height:30px !important;}
.ind_product .probox .proboxli .text .more{ font-size:16px; color:#264dc2;font-family: "CN-MEDIUM";display:flex; display: -webkit-flex;align-items:center;}
.ind_product .probox .proboxli .text .more svg{ width:20px; height:20px; fill:#264dc2;transition: all 0s ease;}
.ind_product .probox .proboxli:hover .text{ background:#264dc2;}
.ind_product .probox .proboxli:hover .text .name{ color:#fff;}
.ind_product .probox .proboxli:hover .text .ms{ color:rgba(255,255,255,.7);}
.ind_product .probox .proboxli:hover .text .ms p, .ind_product .probox .proboxli:hover .text .ms span{ color:rgba(255,255,255,.7)!important;}
.ind_product .probox .proboxli:hover .text .more{ color:#ff9000;}
.ind_product .probox .proboxli:hover .text .more svg{ fill:#ff9000;}

.ind_product .probox .swiper-scrollbar{ bottom:8px; left:0; width: calc(100% - 115px); height:3px; border-radius:0; background:#cfd7e0;transform: scaleX(-1); /* 水平翻转 */}
.ind_product .probox .swiper-scrollbar .swiper-scrollbar-drag{ background:#264dc2;border-radius:0;transform: scaleX(-1); /* 保持 drag 方向正确 */}
.ind_product .probox .swiper-button-prev,.ind_product .probox .swiper-button-next{ background:url(../images/slujt01.webp) center no-repeat; left:auto; right:40px; top:auto; bottom:0; background-size:16px 24px; width:16px; height:24px;}
.ind_product .probox .swiper-button-prev{transform:rotate(-180deg);right:0;}
.ind_product .probox .swiper-button-prev:hover,.ind_product .probox .swiper-button-next:hover{background:url(../images/slujt02.webp) center no-repeat;background-size:16px 24px; width:16px; height:24px;}
@media (max-width:1440px) {
	.ind_product{ padding:78px 0 60px;}
	.all_title{ font-size:40px;}
	.ind_product .left ul li{ height:60px; padding:0 28px;}
	.ind_product .left ul li a, .ind_product .left ul li p{ font-size:20px; line-height:58px;}
	.ind_product .left ul li svg{ right:28px;}  
	
	.ind_product .indpro_tong{width: calc(96% - 320px);}
	.ind_product .probox{ padding-bottom:50px;}
	.ind_product .probox .proboxli .pic{ height:280px;}
  .ind_product .probox .proboxli .text .name { height: 48px; line-height: 24px; font-size: 16px;}
	.ind_product .probox .proboxli .text{ padding:25px;}
	.ind_product .probox .proboxli .text .ms{margin: 5px 0 10px; height: 66px; line-height: 22px; font-size: 14px; -webkit-line-clamp: 2;}
}
@media (max-width:1200px) {
	.all_title{ font-size:36px;}
	.ind_product .all_title{ margin-bottom:35px;}
	
}
@media (max-width:1080px) {
	.ind_product{ padding:50px 0;}
	.all_title{ font-size:32px;}
	.ind_product .left{ width:100%;}
	.ind_product .all_title{ margin-bottom:20px; text-align:center;}
	.ind_product .left ul li{ margin-bottom:10px; width:32%; float:left; margin-right:2%; float:left;}
	.ind_product .left ul li:nth-child(3n){margin-right:0;}
	.ind_product .indpro_tong{ width:100%; margin-top:20px;}
}
@media (max-width:767px) {
	.ind_product{ padding:30px 0;}
	.all_title{ font-size:26px;}
	.ind_product .left ul li{height:48px;}
	.ind_product .left ul li{width:49%;}
	.ind_product .left ul li:nth-child(3n){margin-right:2%;}
	.ind_product .left ul li:nth-child(2n){margin-right:0;}
	.ind_product .left ul li:last-child{ width:100%;margin-right:0;}
	.ind_product .left ul li a, .ind_product .left ul li p{line-height:46px;font-size:18px;}
	.ind_product .probox .proboxli .text{ padding:20px;}
	.ind_product .probox .proboxli .text .name{ font-size:18px;}
	.ind_product .probox .proboxli .text .ms{ font-size:16px; line-height:24px; height:48px;}
	.ind_product .probox .proboxli .text .ms p, .ind_product .probox .proboxli .text .ms span{ font-size:16px !important; line-height:24px!important; }
	.ind_product .probox .swiper-scrollbar{width: calc(100% - 80px);}
}
@media (max-width:500px) {
	.ind_product .left ul li{ padding:0 15px;}
	.ind_product .left ul li a, .ind_product .left ul li p{ text-align:center; margin:0 auto;}
	.ind_product .left ul li svg{ display:none;}
}

/*ind_Solution*/
.ind_Solution{background:#f3f6f9; padding:88px 0; overflow:hidden; min-height:500px;}
.ind_Solution .fenlei{height:60px; overflow:hidden; margin-top:40px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.ind_Solution .fenlei p,.ind_Solution .fenlei a{ display: block; width:300px;height:100%; border:1px solid #aaa; border-radius:30px; line-height:60px;margin:0 10px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;cursor: pointer; }
.ind_Solution .fenlei p:nth-child(5) { display: none;}
.ind_Solution .fenlei p img,.ind_Solution .fenlei a img{ margin-right:10px; max-width:30px; max-height:30px;}
.ind_Solution .fenlei p img:nth-of-type(2),.ind_Solution .fenlei a img:nth-of-type(2){ display:none;}
.ind_Solution .fenlei p i,.ind_Solution .fenlei a i{ font-size:20px; font-weight: bold; color:#555;max-width:70%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}
.ind_Solution .fenlei p.active,.ind_Solution .fenlei p:hover,.ind_Solution .fenlei a:hover{border:1px solid #264dc2; background:#264dc2;}
.ind_Solution .fenlei p.active img,.ind_Solution .fenlei p:hover img,.ind_Solution .fenlei a:hover img{ display:none;}
.ind_Solution .fenlei p.active img:nth-of-type(2),.ind_Solution .fenlei p:hover img:nth-of-type(2),.ind_Solution .fenlei a:hover img:nth-of-type(2){ display: block;}
.ind_Solution .fenlei p.active i,.ind_Solution .fenlei p:hover i,.ind_Solution .fenlei a:hover i{ color:#fff;}

.ind_Solution .jjfabox{ display:none; margin-top:46px; position:relative;}
.ind_Solution .jjfabox#CusTab01{ display:block;}
.ind_Solution .jjfabox ul li{ background:#fff;height:510px; border-radius:8px; position:relative; overflow:hidden;}
.ind_Solution .jjfabox ul li .pic{ display:block; width:100%; height:246px;transition: all 0s;}
.ind_Solution .jjfabox ul li .pic img{ width:100%; height:100%;object-fit: cover; transition: all 0s;}
.ind_Solution .jjfabox ul li .text{ width:100%;background:#dee8f4; padding:30px 35px 35px; height:264px;transition: all 0s;}
.ind_Solution .jjfabox ul li .name{ font-size:22px; line-height:32px; height:64px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;transition: all 0s ease;}
.ind_Solution .jjfabox ul li p{font-size:18px; color:#555;line-height:30px; height:90px;  text-align: justify; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical; margin:10px 0 16px;}
.ind_Solution .jjfabox ul li .text .more{ font-size:16px; color:#264dc2;font-family: "CN-MEDIUM";display:flex; display: -webkit-flex;align-items:center;}
.ind_Solution .jjfabox ul li .text .more svg{ width:20px; height:20px; fill:#264dc2;transition: all 0s ease;}
@media screen and (min-width:1081px) {
	.ind_Solution .jjfabox ul li:hover .pic{ height:100%; opacity:.08;}
	.ind_Solution .jjfabox ul li:hover .text{ height:100%; position:absolute; bottom:0; left:0; background:0; transform:translateY(170px);}
	.ind_Solution .jjfabox ul li:hover .name{ font-size:32px; color:#264dc2; line-height:44px; height:88px;}
	.ind_Solution .jjfabox ul li:hover span{margin:15px 0 56px; color:#222;}
}
.ind_Solution .jjfabox .swiper-pagination{ position:static; margin-top:30px;}
.ind_Solution .jjfabox .swiper-pagination-bullet{width:15px; height:6px; background:#a8b2be; border-radius:5px; opacity:1; margin:0 3px;}
.ind_Solution .jjfabox .swiper-pagination-bullet-active{ width:35px;background:#ff9000;}
.ind_Solution .jjfabox .swiper-button-prev{ background:url(../images/slujt01.webp) center no-repeat; left:-53px;}
.ind_Solution .jjfabox .swiper-button-prev:hover{background:url(../images/slujt02.webp) center no-repeat;}
.ind_Solution .jjfabox .swiper-button-next{ background:url(../images/slujt01.webp) center no-repeat; right:-53px; transform:rotate(-180deg);}
.ind_Solution .jjfabox .swiper-button-next:hover{background:url(../images/slujt02.webp) center no-repeat;}
@media (max-width:1440px) {
	.ind_Solution{padding:68px 0;}
	.ind_Solution .fenlei{ margin-top:30px;}
  .ind_Solution .fenlei p, .ind_Solution .fenlei a { margin: 0 5px;}
	.ind_Solution .fenlei p i,.ind_Solution .fenlei a i{ font-size:18px;}
	.ind_Solution .jjfabox{ margin-top:36px;}
	.ind_Solution .jjfabox ul li{ height:480px;}
	.ind_Solution .jjfabox ul li .text{ padding:25px;}
	.ind_Solution .jjfabox ul li p{ height:60px;-webkit-line-clamp:2;}
	.ind_Solution .jjfabox ul li:hover .name{ font-size:26px;line-height:36px; height:72px;}
}
@media (max-width:1280px) {
  .ind_Solution .fenlei p i,.ind_Solution .fenlei a i{ font-size:16px;}
}
@media (max-width:1080px) {
	.ind_Solution{padding:50px 0;}
	.ind_Solution .fenlei{ margin-top:20px;display: block !important; height:auto;}
	.ind_Solution .fenlei p,.ind_Solution .fenlei a{ width:32%; float:left; margin:0 2% 10px 0;}
  .ind_Solution .fenlei p:nth-child(5) { display: flex;}
	.ind_Solution .fenlei p:nth-child(3n),.ind_Solution .fenlei a{ margin-right:0;}
	.ind_Solution .jjfabox{ margin-top:20px;}
	.ind_Solution .jjfabox .swiper-pagination{ margin-top:10px;}
}
@media (max-width:767px) {
	.ind_Solution{padding:30px 0;}
	.ind_Solution .fenlei p,.ind_Solution .fenlei a{ width:49%; line-height:48px;}
	.ind_Solution .fenlei p:nth-child(3n){ margin-right:2%;}
	.ind_Solution .fenlei p:nth-child(2n){ margin-right:0;}
	.ind_Solution .fenlei p:last-child{ width:100%;margin-right:0;}
	.ind_Solution .fenlei p i,.ind_Solution .fenlei a i{ max-width: 100%; font-size:16px;}
  
	.ind_Solution .jjfabox ul li .text{ padding:20px;}
	.ind_Solution .jjfabox ul li .name{ font-size:18px;}
	.ind_Solution .jjfabox ul li p{ font-size:16px; line-height:24px; height:48px;}
	.ind_Solution .jjfabox .swiper-pagination-bullet{ width:6px;}
	.ind_Solution .jjfabox .swiper-pagination-bullet-active{ width:12px;}
}
@media (max-width:500px) {
    .ind_Solution .fenlei p img,.ind_Solution .fenlei a img{ display:none !important;}
}
@media (max-width:414px) {
	.ind_Solution .jjfabox ul li{ height:auto;}
	.ind_Solution .jjfabox ul li .text{ height:auto;}
	.ind_Solution .jjfabox ul li .name{ height:auto; max-height:64px;}
	.ind_Solution .jjfabox ul li:hover .text{ height:100%; position:absolute; bottom:0; left:0; background:0; transform:translateY(100px);}
}

/*ind_service*/
.ind_service{background:#dee8f4; padding:88px 0 98px; overflow:hidden;}
.ind_service ul{ margin-top:50px;}
.ind_service ul li{ width:49.25%; height:444px; float:left; position:relative; overflow:hidden; border-radius:8px;transition: all 0s ease;}
.ind_service ul li:nth-child(2n){ float:right;}
.ind_service ul li:before{ content:""; display:block;width:0%; height:0%; background:none;border-top:10px solid #264dc2;border-left:10px solid #264dc2; position:absolute; top:0; left:0;opacity:0;transition: all .3s;-webkit-transition: all .3s;}
.ind_service ul li:after{ content:""; display:block;width:0%; height:0%; background:none;border-bottom:10px solid #264dc2;border-right:10px solid #264dc2; position:absolute; bottom:0; right:0;opacity:0; z-index:1;transition: all .3s;-webkit-transition: all .3s;}
.ind_service ul li img{ width:100%; height:100%;object-fit: cover;}
.ind_service ul li .text{ width: 100%;position:absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);padding:5% 10%; z-index:2;}
.ind_service ul li .text em{ display:block; width:64px; height:64px; transition: height 0s ease; margin:0 auto 15px;}
.ind_service ul li:nth-of-type(1) .text em{background:url(../images/ind_fwico.webp) center no-repeat; background-position:0 0;transition: all .4s ease;}
.ind_service ul li:nth-of-type(2) .text em{background:url(../images/ind_fwico.webp) center no-repeat; background-position:-64px 0;transition: all .4s ease;}
.ind_service ul li .text p{ text-align:center; color:#fff; font-size:36px;font-weight: bold;}
.ind_service ul li .text .ms{ font-size:22px; color:rgba(255,255,255,.9); line-height:20px; max-height:108px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin:20px 0 35px; line-height:36px;}
.ind_service ul li .text a{ font-size:16px; color:#ff9000;display:flex; display: -webkit-flex; justify-content:center; align-items:center; overflow:hidden;font-family: "CN-MEDIUM";}
.ind_service ul li .text a svg{ fill:#ff9000; width:18px; height:18px; margin-left:3px;}

.ind_service ul li:hover:before,.ind_service ul li:hover:after{ width:100%; height:100%; opacity:1;}
.ind_service ul li:nth-of-type(1):hover em{ background-position:0 -64px;}
.ind_service ul li:nth-of-type(2):hover em{ background-position:-64px -64px;}
@media (max-width:1440px) {
	.ind_service{padding:68px 0 78px;}
	.ind_service ul{ margin-top:30px;}
	.ind_service ul li{ height:400px;}
	.ind_service ul li .text p{ font-size:32px;}
	.ind_service ul li .text .ms{ font-size:20px;}
	.ind_service ul li:hover .text .ms{ margin:10px 0 20px;}
}
@media (max-width:1080px) {
	.ind_service{padding:50px 0 60px;}
	.ind_service ul li{ height:320px;}
	.ind_service ul li:before{border-top:5px solid #264dc2;border-left:5px solid #264dc2;}
    .ind_service ul li:after{border-bottom:5px solid #264dc2;border-right:5px solid #264dc2;}
	.ind_service ul li .text em{ width:50px; height:50px;}
	.ind_service ul li:nth-of-type(1) .text em{background-size:100px 100px;}
    .ind_service ul li:nth-of-type(2) .text em{background-position:-50px 0;background-size:100px 100px;}
	.ind_service ul li .text p{ font-size:26px;}
	.ind_service ul li .text .ms{ font-size:18px;line-height:24px; max-height:72px;margin: 5px 0 10px;}
	
	.ind_service ul li:nth-of-type(1):hover em{ background-position:0 -50px;}
    .ind_service ul li:nth-of-type(2):hover em{ background-position:-50px -50px;}
}
@media (max-width:767px) {
	.ind_service{padding:30px 0 40px;}
	.ind_service ul{ margin-top:20px;}
	.ind_service ul li .text p{ font-size:22px;}
	.ind_service ul li .text .ms{ font-size:16px;}
	.ind_service ul li:nth-of-type(1):hover em{ display:none;}
    .ind_service ul li:nth-of-type(2):hover em{ display:none;}
}
@media (max-width:500px) {
	.ind_service ul li{ height:250px;}
}

/*首页About Us*/
.ind_about{ position:relative;}
.ind_about .indab_mian{ padding:88px 0 ;width:100%; height:100%; position:absolute; left:0; top:0; background-image: linear-gradient(to right, #f3f6f9 35%,rgba(255,255,255,0) 70%); z-index:2;display:flex; display: -webkit-flex;align-items:center;}
.ind_about .indab_mian .w1600{ padding-right:45%;}
.ind_about .indab_mian .all_title{ text-align:left; position:relative; padding-bottom:20px;}
.ind_about .indab_mian .all_title:before{ content:""; display:block; width:16%; height:3px; background:#264dc2; position:absolute; bottom:0; z-index:2;}
.ind_about .indab_mian .all_title:after{ content:""; display:block; width:100%; height:3px; background:#e0e5ea; position:absolute; bottom:0;}
.ind_about .indab_mian .slogan{ font-size:30px;color:#555;font-weight: bold; margin:50px 0 16px;}
.ind_about .indab_mian .ms{ font-size:18px; color:#555; line-height:32px; max-height:192px;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
.ind_about .indab_mian .ms p{font-size:18px; color:#555; line-height:32px; text-align: justify;}
.ind_about .indab_mian dl{ margin-top:55px;}
.ind_about .indab_mian dl dd{ font-size:18px; color:#777;  float:left; padding-right:5%; margin-bottom:10px; position:relative; padding-left:26px;}
.ind_about .indab_mian dl dd i{ display:block; width:18px; height:18px; line-height:18px; position:absolute;left: 0;top:5px;}
.ind_about .indab_mian dl dd svg{ width:18px; height:18px; fill:#264dc2; margin-right:5px;}
.ind_about .indab_mian dl dd:nth-of-type(3){ width:100%;}
.ind_about .indab_mian dl dd:nth-of-type(3) svg{width:16px; height:16px;}

.ind_map { width: 100%; height: 750px; overflow: hidden; margin: 0 auto; position: relative; }
.ind_map .m2lxMaps { width: 100%; height: 100%; overflow: hidden; }
.ind_map .m2lxMaps .m2lxMp { height: 100%; }
.ind_map .amap-info-contentContainer { display: none !important; }
.ind_map .amap-layers canvas{filter: grayscale(1) !important; -webkit-filter: grayscale(1) !important;-moz-filter: grayscale(1) !important;-ms-filter: grayscale(1) !important;-o-filter: grayscale(1) !important;}
.ind_map .amap-logo{ display:none !important;}
.amap-maps{ transform:translateX(30%);}
@media (max-width:1440px) {
	.ind_about .indab_mian{ padding:68px 0 ;}
	.ind_map{ height:700px;}
}
@media (max-width:1200px) {
	.ind_about .indab_mian .slogan{ font-size:26px;}
}
@media (max-width:1080px) {
	.ind_about .indab_mian{ padding:50px 0; background-image: linear-gradient(to right, #f3f6f9 35%, rgba(255, 255, 255, .7) 100%);}
	.ind_about .indab_mian .w1600{ padding-right:20%;}
	.ind_about .indab_mian .slogan{ font-size:24px;}
	.ind_map{ height:600px;}
	.ind_about .amap-icon img{ display: none;}
}
@media (max-width:767px) {
	.ind_about .indab_mian{ padding:40px 0 30px;background:#fff; position:static;}
	.ind_about .indab_mian .w1600{ padding-right:0;}
	.ind_about .indab_mian .slogan{ display:none;}
	.ind_about .indab_mian .ms{ margin-top:30px;}
	.ind_about .indab_mian dl{margin-top:30px;}
	.ind_map{ display:none;}
}