@charset "utf-8";
/* CSS Document */

/* lyBanner start */
.lyBanner { width: 100%; height: 850px;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:47%; padding-right:650px;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{color: #fff;font-size:22px; padding-bottom:25px; margin:0 0 35px;position:relative;}
.lyBa_txt p:after{ content:''; display:block; width:70px; height:2px; background:#fff; position:absolute; bottom:0; left:0;}
.lyBa_txt span { display: block;color: #fff;font-size:60px; max-height:180px; font-weight:bold; margin-bottom: 100px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.lyBa_swiper .lyBa_control { height: 32px; position: absolute;left: 50%; z-index: 1;transform: translate(-50%,-50%); bottom:50px;}
.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:rgba(255,255,255,.5);font-size:24px; }
.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_control .swiper-pagination {
  color: rgba(255, 255, 255, .45);text-align: left;padding: 0; position: absolute;left: 0; bottom:60px;z-index: 1;font-size: 0;transform: skewX(-5deg);
}
.lyBa_control .swiper-pagination span {display: inline-block;padding: 15px 0;}
.lyBa_control .swiper-pagination span::before {content: '0'; display: inline;}
.lyBa_control .swiper-pagination span.swiper-pagination-current { color: #fff;font-size: 28px; font-weight:bold; font-family:"Arial"; display:block;}
.lyBa_control .swiper-pagination::before{content: '';display: block;width: 50%; height: 1px;background-color: rgba(255, 255, 255, .25);position: absolute;left: -45%; bottom: -30px;}
.lyBa_control .swiper-button-prev,.lyBa_control .swiper-button-next { width: 66px;height: 66px; background:#fff;position: absolute; top:0;z-index: 2;transform: skewX(-20deg);}
.lyBa_control .swiper-button-prev::after,.lyBa_control .swiper-button-next::after{content:""; position:absolute;left:0;top:0;width:100%; height:100%; background:url(../images/jt_allmore.png) center no-repeat; transform: skewX(20deg);transition: all .5s ease;}
.lyBa_control .swiper-button-prev {left: auto; right: 90px;transform:skewX(-20deg) rotate(-180deg);}

.lyBa_control .swiper-button-prev:hover,.lyBa_control .swiper-button-next:hover{ background:#1e3a62;}
.lyBa_control .swiper-button-prev:hover::after,.lyBa_control .swiper-button-next:hover::after{background:url(../images/jt_allmore02.png) center no-repeat;}

.lyBa_Scroll {
  width: auto;
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 50px;
  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:#fff;font-size: 14px;text-align: center; margin: 6px auto;}

@media (max-width:1680px) {
  .lyBanner { height: 740px;}
  .lyBa_txt span{ font-size:46px;max-height: 138px; margin-bottom:60px;}
  
  .lyBa_swiper .lyBa_control{ bottom:30px;}
  .lyBa_control .swiper-pagination{ bottom:45px;}
  .lyBa_control .swiper-pagination::before{left: -47%;bottom: -15px;}
  .lyBa_control .swiper-pagination span{ padding:7px 0; font-size:20px;}
  .lyBa_control .swiper-pagination span.swiper-pagination-current{ font-size:24px;}
  .lyBa_control .swiper-button-prev, .lyBa_control .swiper-button-next{ width:50px; height:50px;}
  .lyBa_control .swiper-button-prev{ right:70px;}
  
  .lyBa_Scroll{ bottom:40px;}
}
@media (max-width:1600px) {
  .lyBanner {height: 700px; margin-top: 80px;}
}
@media (max-width:1560px) {
  .lyBanner { height: 680px;}
  .lyBa_swiper .swiper-slide .lyBa_txt{ padding-right:30%;}
}
@media (max-width:1440px) {
  .lyBanner {height: 630px;}
  .lyBa_swiper .swiper-slide .lyBa_txt{ top:45%;}
  .lyBa_txt p{ font-size:18px;padding-bottom: 20px; margin: 0 0 30px;}
  .lyBa_txt span{ font-size:40px; max-height: 120px;}
  
}
@media (max-width:1366px) {
  .lyBanner { height: 600px;}
}
@media (max-width:1280px) {
  .lyBanner { height: 560px; }
}
@media (max-width:1200px) {
  .lyBanner { height: 525px;}
  .lyBa_txt p{ font-size:18px;padding-bottom: 20px; margin: 0 0 20px;}
  .lyBa_txt span{ font-size:32px; max-height:96px; margin-bottom:50px;}
  
  .lyBa_swiper .lyBa_control{ bottom:20px;}
  .lyBa_control .swiper-pagination{font-size:18px; bottom:0;}
  .lyBa_control .swiper-pagination::before{ display:none;}
  .lyBa_control .swiper-pagination span{ display:inline-block;padding:0; font-size:20px;}
  .lyBa_control .swiper-pagination span.swiper-pagination-current{display:inline-block; font-size:20px;}
  .lyBa_control .swiper-button-prev, .lyBa_control .swiper-button-next{ width:40px; height:40px; top:auto; bottom:0;}
  .lyBa_control .swiper-button-prev{ right:60px;}
  
  .lyBa_Scroll{ bottom:20px;}
}
@media (max-width:1080px) {
  .lyBanner {height: 480px;}
}

@media (max-width:1024px) {
  .lyBanner { height: 450px;}
}
@media (max-width:920px) {
  .lyBanner { height: 405px; }
  .lyBa_txt span{ margin-bottom:0;}
  .lyBanner .lffmore a{ display:none;}
}

@media (max-width:820px) {
  .lyBanner {height: 360px;}
}
@media (max-width:767px) {
  .lyBanner { height: 260px;margin-top: 64px;}
  .lyBa_swiper .swiper-slide .lyBa_txt {padding-right:30%;}
  .lyBa_txt p{ font-size:16px;}
  .lyBa_txt span{ font-size:24px; max-height:72px;}
  .lyBa_swiper .lyBa_control{ bottom:0;}
  .lyBa_control .swiper-pagination{ font-size:16px;}
  .lyBa_control .swiper-pagination span,.lyBa_control .swiper-pagination span.swiper-pagination-current{ font-size:16px;}
  .lyBa_control .swiper-button-prev, .lyBa_control .swiper-button-next{ display:none;}
  
  .lyBa_Scroll{ display:none;}
}
@media (max-width:500px) {
  .lyBanner { height: 200px;}
  .lyBa_swiper .swiper-slide .lyBa_txt {padding-right:10%;}
  .lyBa_txt p{ font-size:15px;padding-bottom: 15px;margin: 0 0 10px;}
  .lyBa_txt span{ font-size:20px; max-height:60px;}
  .lyBa_control .swiper-pagination{ height:auto; line-height:normal;}
}
@media (max-width:375px) {
  .lyBanner { height: 180px;}
}

/*lyBanner end */

/*ind_sulution*/
.ind_Solution{ padding:90px 0 110px; overflow:hidden; background:#f3f4f6 url(../images/sulutiong_bg.jpg) top no-repeat;}
.ind_Solution .IProduct {position: relative; margin-top:45px;}
.ind_Solution .IProduct .mySwiper4 { width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; position:relative;padding-top: 37.57%;}
.ind_Solution .IProduct .mySwiper4 .swiper-slide { display:none;width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0px;top: 0px;opacity:0;transition: all .4s ease;}
.ind_Solution .IProduct .mySwiper4 .swiper-slide.active{ opacity:1;display: block;}
.ind_Solution .IProduct .mySwiper4 .swiper-slide .IProduct_con {height: 100%; position: relative; z-index:99;}
.ind_Solution .IProduct .mySwiper4 .swiper-slide .IProduct_con .IProduct_text { width:38%; padding:40px; background:rgba(0,0,0,.2); border-radius:12px; border:1px solid rgba(255,255,255,.2);overflow: hidden; margin-top: 100px;transition: all .5s ease-out;}
.ind_Solution .IProduct_text .IProduct_tit { display:block;width:100%; position: relative;font-size:30px; color: #fff; font-weight:bold; margin-bottom:10px;}
.ind_Solution .IProduct_text .IProduct_tit em{ font-size:30px; color:rgba(255,255,255,.45);font-weight:bold; margin-right:15px;}
.ind_Solution .IProduct_text p { width: 100%; height:60px; overflow: hidden; line-height: 30px; color: rgba(255,255,255,.8); font-size: 16px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.ind_Solution .IProduct_text a.IProduct_btn { display: block; width: 128px; line-height: 38px; font-size: 14px; color: #666; text-align: center; border: 1px solid #717171; margin: 20px 0 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.ind_Solution .IProduct_text a.IProduct_btn:hover { color: #fff; background-color: #015cac; border: 1px solid #015cac; }
.ind_Solution .IProduct_text .fa_btn { background: #fff; width:148px; height:44px;line-height: 44px; color: #fff; font-size: 14px; border-radius:30px; margin-top:36px;}
.ind_Solution .IProduct_text .fa_btn a { display: block; width: 100%; display:flex; display: -webkit-flex; justify-content:center;align-items:center; font-weight:bold;}
.ind_Solution .IProduct_text .fa_btn a img{margin-left: 10px;transition: all .4s ease;}
.ind_Solution .IProduct_text .fa_btn a:hover img{margin-left: 15px;}
.ind_Solution .IProduct_text .fa_btn a i{ font-style:normal;color: #3ca9f4; position:relative;}
.ind_Solution .IProduct_text .fa_btn a i:before{content: attr(text);position: absolute; z-index: 10;color:#0074d1;-webkit-mask:linear-gradient(to right, #0074d1 40%, transparent);}

.ind_Solution .IProduct .jjfabtnbox{width:100%;margin-top: -37px;}
.ind_Solution .IProduct .mySwiper3 { height:155px; overflow:hidden; padding-top:37px;}
.ind_Solution .IProduct .mySwiper3 .swiper-slide { text-align: center;position: relative;cursor: default; background:#fff;}
.ind_Solution .IProduct .mySwiper3 .swiper-slide.active{background:#1e3a62;}
.ind_Solution .IProduct .mySwiper3 .swiper-slide.active:after{width:100%; opacity:1;}
.ind_Solution .IProduct .mySwiper3 .swiper-slide .fa_xqh { height:100%;display: flex;display: -webkit-flex; justify-content:center; align-items: center; position:relative;}
.ind_Solution .IProduct .mySwiper3 .swiper-slide .pIco { width:74px; height:74px; border-radius:50%; background:#eef3f7; position:absolute; left:50%; top:0; transform:translate(-50%, -50%);display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.ind_Solution .IProduct .mySwiper3 .swiper-slide .pIco em{ display:block; width:54px; height:54px; border-radius:50%; background:#fff;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.ind_Solution .IProduct .mySwiper3 .swiper-slide .pIco em img{ max-width:100%; max-height:100%;}
.ind_Solution .IProduct .mySwiper3 .swiper-slide .pName { display: block;overflow: hidden;font-size:16px;margin-top: 25px;text-align: center;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; text-align:left; padding:0 15px;}
.ind_Solution .IProduct .mySwiper3 .swiper-slide:hover .pName, .IProduct .mySwiper3 .active .pName { color: #fff; }
.ind_Solution .jjfabtnbox .swiper-button-prev,.ind_Solution .jjfabtnbox .swiper-button-next{ width:37px; height:37px; border-radius:50%; border:1px solid rgba(255,255,255,.2); background:url(../images/jt02.png) center no-repeat; margin-top:0; transform:translateY(-50%);transition: all .4s ease;}
.ind_Solution .swiper-button-next:after, .ind_Solution .swiper-button-prev:after{ display:none !important;}
.ind_Solution .jjfabtnbox .swiper-button-prev{ left:-60px;}
.ind_Solution .jjfabtnbox .swiper-button-next{ right:-60px;transform:translateY(-50%) rotateY(180deg);}
.ind_Solution .jjfabtnbox .swiper-button-prev:hover,.ind_Solution .jjfabtnbox .swiper-button-next:hover{background: #0189e1 url(../images/jt02.png) center no-repeat; border:1px solid #0189e1;}
@media (max-width:1680px) {
	.ind_Solution{ padding:80px 0 100px;}
}
@media (max-width: 1560px) {
	.ind_Solution .IProduct .mySwiper4 .swiper-slide .IProduct_con .IProduct_text{ width:42%;top: calc(50% - 60px);}
	.ind_Solution .IProduct_con .IProduct_text .IProduct_tit{ font-size:24px;}
	.ind_Solution .IProduct_con .IProduct_text .IProduct_tit em{ font-size:24px;}
	
	.ind_Solution .IProduct .mySwiper3 .swiper-slide .pIco{ font-size:28px; margin-right:10px;}
	.ind_Solution .IProduct .mySwiper3 .swiper-slide .pName{ font-size:20px;}
	.ind_Solution .jjfabtnbox .swiper-button-prev{ left:0px;}
    .ind_Solution .jjfabtnbox .swiper-button-next{ right:0px;}	
}
@media (max-width: 1440px) {
	.ind_Solution{ padding:60px 0 80px;background-size:cover;}
	.ind_Solution .IProduct{margin-top:30px;}
	.ind_Solution .IProduct .mySwiper4 .swiper-slide .IProduct_con .IProduct_text { margin-top:80px;}
	
	.ind_Solution .IProduct .mySwiper3 .swiper-slide .pName{ font-size:18px;}
}
@media (max-width:1199px) {
	.ind_Solution .IProduct{margin-top:30px;}
	.ind_Solution .IProduct .mySwiper4 .swiper-slide .IProduct_con .IProduct_text{ padding:30px;width: 50%;margin-top:70px;}
	.ind_Solution .IProduct_con .IProduct_text .IProduct_tit em{ font-size:22px; margin-right:10px;}
	.ind_Solution .IProduct_con .IProduct_text .IProduct_tit{ font-size:20px;}
	.ind_Solution .IProduct_text p{ font-size:15px; line-height:24px; height:48px;}
	.ind_Solution .IProduct_text .fa_btn{ margin-top:20px;}
	
	.ind_Solution .IProduct .jjfabtnbox{margin-top: -30px;}
	.ind_Solution .IProduct .mySwiper3{ height:120px; padding-top:30px;}
	.ind_Solution .IProduct .mySwiper3 .swiper-slide .pIco{ width:60px; height:60px;}
	.ind_Solution .IProduct .mySwiper3 .swiper-slide .pIco em{ width:44px; height:44px;}
	.ind_Solution .IProduct .mySwiper3 .swiper-slide .pName{ font-size:18px;margin-top:18px;}
}
@media (max-width:1080px) {
	.ind_Solution{ padding:50px 0 60px;}
	.ind_Solution .IProduct{margin-top:20px;}
}
@media (max-width:880px) {
	.ind_Solution .IProduct .mySwiper4 .swiper-slide .IProduct_con .IProduct_text{top: calc(50% - 40px); width:60%;margin-top:60px;}
}
@media (max-width:767px) {
	.ind_Solution{ padding:40px 0;}
	.ind_Solution .IProduct{margin-top:15px;}
	.ind_Solution .IProduct .mySwiper4 .swiper-slide::after{ height:100%;}
	.ind_Solution .IProduct .mySwiper4 .swiper-slide .IProduct_con .IProduct_text{top: calc(50% - 40px); width:80%; margin:50px auto 0;}
	.ind_Solution .IProduct_con .IProduct_text .IProduct_tit em{ display:none;}
	.ind_Solution .IProduct_con .IProduct_text .IProduct_tit{ font-size:18px;}
	
	.ind_Solution .IProduct .jjfabtnbox { margin-top:0;}
	.ind_Solution .IProduct .mySwiper3{ height:50px;padding-top: 0;}
	.ind_Solution .IProduct .mySwiper3 .swiper-slide .pIco{ display:none;}
	.ind_Solution .IProduct .mySwiper3 .swiper-slide .pName{ font-size:16px; margin-top:0;}
	.ind_Solution .jjfabtnbox .swiper-button-prev, .ind_Solution .jjfabtnbox .swiper-button-next{ width:31px; height:31px;}
}
@media (max-width:600px) {
	.ind_Solution .IProduct .mySwiper4 .swiper-slide .IProduct_con .IProduct_text{top: calc(50% - 30px); width:90%; padding:25px;margin-top:40px;}
}
@media (max-width:550px) {
	.ind_Solution{ padding:30px 0;}
	.ind_Solution .IProduct .mySwiper4{ padding-top:42%;}
	.ind_Solution .IProduct .mySwiper4 .swiper-slide .IProduct_con .IProduct_text{top: calc(50% - 30px); padding:20px;margin-top:30px;}
	.ind_Solution .IProduct_con .IProduct_text .IProduct_tit{ font-size:16px;}
	.ind_Solution .IProduct_text p{ font-size:14px;}
}

/*ind_product*/
.ind_product{ padding:90px 0 110px; overflow:hidden; background:#fff;}
.ind_product .lff_title em{ margin-bottom:50px;}
.ind_product .pronav{ text-align:center;margin:0 auto;}
.ind_product .pronav p{ display:inline-block; width:220px;height:54px; line-height:54px;cursor: pointer;transform-origin: 0 0;transform: skew(-15deg); background:#f4f4f5; margin-right:25px;}
.ind_product .pronav p:last-child{ margin-right:0;}
.ind_product .pronav p:hover{background:#1e3a62;}
.ind_product .pronav p a{ font-size:18px;display:block;transform-origin: 0 0;transform: skew(15deg); margin:0 auto; max-width:80%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.ind_product .pronav p:hover a{ color:#fff;}

.ind_product .cpzs{ margin-top:45px;padding-bottom:125px;}
.ind_product ul li .pic{ display:block; height:302px; position:relative; overflow:hidden;}
.ind_product ul li .pic:after{ content:''; display:block; width:100%; height:calc(100% - 34px); background: linear-gradient(to right, #79a4cf, #d3e8f7);}
.ind_product ul li .pic img{ top:auto; bottom:0; max-width:90%; max-height:90%;}
.ind_product ul li .name{ font-size:18px; text-align:center; margin-top:35px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}
.ind_product ul li:hover .pic img{transform: scale(1.1);}
.ind_product ul li:hover .name{ color:#1e3a62;}
.ind_product .cpzs .swiper-button-prev,.ind_product .cpzs .swiper-button-next { width: 70px;height: 66px; background:#f4f4f5;position: absolute; top:auto; bottom:0; left:50%;z-index: 2;transform: skewX(-20deg) translateX(-50%);}
.ind_product .cpzs .swiper-button-prev::after,.ind_product .cpzs .swiper-button-next::after{content:""; position:absolute;left:0;top:0;width:100%; height:100%; background:url(../images/jt_allmore.png) center no-repeat; transform: skewX(20deg);transition: all .5s ease;}
.ind_product .cpzs .swiper-button-prev {transform:skewX(-20deg) rotate(-180deg);left:calc(50% - 113px);}
.ind_product .cpzs .swiper-button-prev:hover,.ind_product .cpzs .swiper-button-next:hover{ background:#1e3a62;}
.ind_product .cpzs .swiper-button-prev:hover::after,.ind_product .cpzs .swiper-button-next:hover::after{background:url(../images/jt_allmore02.png) center no-repeat;}
@media (max-width:1680px) {
	.ind_product{ padding:80px 0 100px;}
	.ind_product .lff_title em {margin-bottom: 40px;}
	
	.ind_product .cpzs{ margin-top:40px;padding-bottom:100px;}
	.ind_product .cpzs .swiper-button-prev, .ind_product .cpzs .swiper-button-next {width: 60px;height: 54px;}
}
@media (max-width:1440px) {
	.ind_product{ padding:60px 0 80px;}
	.ind_product .lff_title em {margin-bottom: 25px;}
	.ind_product .pronav p{margin-right:15px;height: 48px;line-height: 48px;}
	
	.ind_product .cpzs{ margin-top:25px;padding-bottom:90px;}
	.ind_product ul li .pic{ height:280px;}
	.ind_product .cpzs .swiper-button-prev, .ind_product .cpzs .swiper-button-next {width:50px;height:50px;}
	.ind_product .cpzs .swiper-button-prev{left: calc(50% - 85px);}
}
@media (max-width:1200px) {
	.ind_product .pronav p{ width:170px; margin-right:10px;}
	.ind_product .pronav p a{font-size:16px;}
	
	.ind_product .cpzs{ margin-top:20px;}
	.ind_product ul li .pic{ height:260px;}
	.ind_product .cpzs .swiper-button-prev, .ind_product .cpzs .swiper-button-next {width:40px;height:40px;}
	.ind_product .cpzs .swiper-button-prev{left: calc(50% - 70px);}
}
@media (max-width:1080px) {
	.ind_product{ padding:50px 0 60px;}
	.ind_product .lff_title em {margin-bottom: 20px;}
	.ind_product .pronav p{ width:150px; height:40px; line-height:40px; transform:none;}
	.ind_product .pronav p a{max-width: 90%;transform:none;}
	
	.ind_product .cpzs{ padding-bottom:70px;}
	.ind_product ul li .pic{ height:220px;}
	.ind_product ul li .name{ font-size:16px; margin-top:25px;}
}
@media (max-width:767px) {
	.ind_product{ padding:40px 0;}
	.ind_product .lff_title em {margin-bottom: 15px;}
	.ind_product .pronav p{width:32%;height:36px; line-height:36px; margin-right:2%;float: left; margin-bottom:10px;}
	.ind_product .pronav p:nth-child(3n){ margin-right:0;}
	.ind_product .pronav p a{ font-size:14px;}
	
	.ind_product .cpzs { margin-top:0;padding-bottom: 60px;}
}
@media (max-width:600px) {
  .ind_product ul li .pic{ height:190px;}
}
@media (max-width:550px) {
	.ind_product{ padding:30px 0;}
	.ind_product ul li .pic:after{ height:100%;}
	.ind_product ul li .pic{ height:160px;}
	.ind_product ul li .pic img{ top:0;}
	.ind_product ul li .name{ font-size:14px; margin-top:10px;}
}
@media (max-width:413px) {
	.ind_product ul li .pic{ height:140px;}
}


/*ind_about*/
.ind_about{ padding:80px 0 65px; background:url(../images/about_bg.jpg) no-repeat; background-size:cover; position:relative;}
.ind_about:after{ content:''; display:block;width:112px; height:358px;background:url(../images/ab_zsys.png) no-repeat; position:absolute; left:0; top:-85px;}
.ind_about .w1400{ position:relative; z-index:2;}
.ind_about .lff_title{ color:#fff; text-align:left;}
.ind_about .lff_title em{ background:#fff; margin: 20px 0 38px;}
.ind_about .abtext{ padding-right:60%;}
.ind_about .abtext .title{ font-size:30px; color:#fff; margin-bottom:20px;}
.ind_about .abtext .content{ margin-bottom:70px;height:120px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ind_about .abtext .content,.ind_about .abtext .content p{ font-size:16px; color:#fff; line-height:30px;}

.ind_about .databox{margin-top:95px;}
.ind_about .databox:after{ content:''; display:block; clear:both;}
.ind_about .databox .datali{ width:25%; padding:30px 15px;background:#fff;float:left;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;flex-wrap: wrap;  position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.ind_about .databox .datali:nth-of-type(1):before，.ind_about .databox .datali:nth-of-type(3):before{ content:''; display:block; width:1px; height:70px; background:#e6e6e6; position:absolute; right:0;}
.ind_about .databox .datali:nth-of-type(1):after,.ind_about .databox .datali:nth-of-type(3):after{ content:''; display:block; width:1px; height:44px; background:#e6e6e6; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.ind_about .databox .datali:nth-of-type(3):after{ background:rgba(255,255,255,.25);}
.ind_about .databox .datali em{ display:block; width:60px; height:60px; position:relative; z-index:2;    padding: 10px;}
.ind_about .databox .datali em svg{ fill:#1e3a62;}
.ind_about .databox .datali p{margin-left:15px; position:relative; z-index:2;}
.ind_about .databox .datali p i{ display:inline-block; font-size:48px; line-height: 1; font-weight:bold; color:#1e3a62; font-style:normal; margin-right:10px; font-family:Arial;}
.ind_about .databox .datali p sup{color:#1e3a62; font-size:16px;height: 100%;vertical-align: top;}
.ind_about .databox .datali p span{ display:block;font-size:16px; color:#555; margin-top:5px;line-height: 1;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}

.ind_about .databox .datali:nth-of-type(3),.ind_about .databox .datali:nth-of-type(4){ background:rgba(30,58,98,.8);}
.ind_about .databox .datali:nth-of-type(3) em,.ind_about .databox .datali:nth-of-type(4) em{ padding:5px;}
.ind_about .databox .datali:nth-of-type(3) em svg,.ind_about .databox .datali:nth-of-type(4) em svg{ fill:#fff;}
.ind_about .databox .datali:nth-of-type(3) p,.ind_about .databox .datali:nth-of-type(4) p{ color:#fff;}
.ind_about .databox .datali:nth-of-type(3) p i,.ind_about .databox .datali:nth-of-type(4) p i{ color:#fff;}
.ind_about .databox .datali:nth-of-type(3) p sup,.ind_about .databox .datali:nth-of-type(4) p sup{ color:#fff;}
.ind_about .databox .datali:nth-of-type(3) p span,.ind_about .databox .datali:nth-of-type(4) p span{ color:rgba(255,255,255,.45);}
@media (max-width:1680px) {
	.ind_about:after{ top:-65px;}
	.ind_about .abtext { padding-right: 50%;}
	.ind_about .lff_title em{margin: 15px 0 28px;}
	.ind_about .abtext .content{ margin-bottom:60px;}
	
	.ind_about .databox{ margin-top:65px;}
	.ind_about .databox .datali{padding:30px 15px;}
	.ind_about .databox .datali p{ margin-left:10px;}
	.ind_about .databox .datali p i{ font-size:40px; line-height:1;}
}
@media (max-width:1440px) {
	.ind_about:after{ top:-45px;}
    .ind_about .abtext{ padding:0 5%;}
	.ind_about .lff_title{ text-align:center;}
	.ind_about .lff_title em{margin: 15px auto 28px;}
	.ind_about .abtext{ text-align:center;}
	.ind_about .abtext .title{ font-size:28px;}
	.ind_about .abtext .content{ height:auto; max-height:120px; margin-bottom:50px;}
	.ind_about .abtext .lffmore a{ margin:0 auto;}
	
	.ind_about .databox .datali em{ width:46px; height:46px; padding:7px;}
	.ind_about .databox .datali p i{ font-size:36px;}
}
@media (max-width:1080px) {
	.ind_about{ padding:50px 0;overflow: hidden;}
	.ind_about:after{ top:0;}
	.ind_about .lff_title em { margin: 15px auto 20px;}
	.ind_about .abtext .title{ font-size:24px;margin-bottom: 10px}
	.ind_about .abtext .content{ margin-bottom:35px;}
	
	.ind_about .databox{ display:none;}
}
@media (max-width:767px) {
	.ind_about{ padding:40px 0;}
	.ind_about .abtext .title{ font-size:20px;}
	.ind_about .abtext .content{ margin-bottom:30px;}
	.ind_about .lff_title em {margin: 10px auto 15px;}
}
@media (max-width:550px) {
	.ind_about{ padding:30px 0 35px;}
	.ind_about .abtext .title{ font-size:18px;}
	.ind_about .abtext .content{ font-size:14px; line-height:24px; max-height:96px;}
}
/*ind_news*/
.ind_news{padding: 90px 0 110px;background: #fff;}
.ind_news .lff_title em{ margin:25px auto 50px;}
.ind_news .tj_new .tj_subclass{width:48.175%;float:left; position:relative; overflow:hidden;}
.ind_news .tj_new .tj_subclass:nth-child(2n){ float:right;}
.ind_news .tj_new .tj_subclass:hover{ transform:translateY(-10px); box-shadow:3px 5px 10px rgba(0,0,0,.2);}
.ind_news .tj_new .tj_subclass .pic{ display:block; padding-top:54%; overflow:hidden; position:relative;}
.ind_news .tj_new .tj_subclass:hover .pic{transform: scale(1.05);}
.ind_news .tj_new .tj_subclass .pic:after{ content:''; display:block; width:54.5%; height:100%; position:absolute; left:0; top:50%; transform:translateY(-50%);background:url(../images/new_zhe.png) no-repeat; background-size:100%;}
.ind_news .tj_new .tj_subclass .text{ width:45%; height:100%;position:absolute; left:0; top:0; padding:30px;}
.ind_news .tj_new .tj_subclass .text time{ font-size:24px; color:#fff; font-weight:bold; font-family:Arial;}
.ind_news .tj_new .tj_subclass .text p{ font-size:24px; color:#fff; line-height:40px; max-height:120px; margin-top:25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ind_news .tj_new .tj_subclass .text .more{ font-size:16px; color:#fff; position:absolute; bottom:40px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.ind_news .tj_new .tj_subclass .text .more img{ margin-left:15px;}

.ind_news  ul.newlist{ margin-top:50px;}
.ind_news  ul.newlist li{ width:33.33333%; float:left; border-right:1px solid #e6e6e6; padding:0 40px;}
.ind_news  ul.newlist li:hover{transform:translateY(-5px);}
.ind_news  ul.newlist li:nth-of-type(1){ padding-left:0;}
.ind_news  ul.newlist li .name{ font-size:18px; margin-bottom:20px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}
.ind_news  ul.newlist li:hover .name{ color:#1e3a62;}
.ind_news  ul.newlist li p{ font-size:16px; color:#777; line-height:26px; height:52px; margin-bottom:25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ind_news  ul.newlist li time{font-size:16px; color:#777; }
.ind_news  ul.newlist li time img{ margin-right:10px;}
@media (max-width:1680px) {
	.ind_news{padding: 80px 0 100px;}
	.ind_news .lff_title em{ margin:20px auto 40px;}
	.ind_news .tj_new .tj_subclass{ width:48.5%;}
}
@media (max-width:1440px) {
	.ind_news{padding:60px 0 80px;}
	.ind_news .lff_title em{ margin:15px auto 30px;}
	.ind_news .tj_new .tj_subclass:hover{ transform:translateY(-5px);}
	.ind_news .tj_new .tj_subclass .text time{ font-size:20px;}
	.ind_news .tj_new .tj_subclass .text p{ font-size:20px;}
	
	.ind_news ul.newlist{ margin-top:40px;}
	.ind_news ul.newlist li{ padding:0 30px;}
	.ind_news ul.newlist li .name{ margin-bottom:10px;}
	.ind_news ul.newlist li p{ margin-bottom:20px;}
}
@media (max-width:1280px) {
	.ind_news .tj_new .tj_subclass .text time{ font-size:18px;}
	.ind_news .tj_new .tj_subclass .text p{ font-size:18px; line-height:30px; height:90px;}
	.ind_news .tj_new .tj_subclass .text .more{ bottom:30px;}
	
	.ind_news ul.newlist{margin-top: 30px;}
	.ind_news ul.newlist li {padding: 0 20px;}
}
@media (max-width:1080px) {
	.ind_news{padding:50px 0 60px;}
	.ind_news .lff_title em{ margin:10px auto 15px;}
	.ind_news .tj_new .tj_subclass .text{ padding:25px 20px;}
	.ind_news .tj_new .tj_subclass .text time{ font-size:16px;}
	.ind_news .tj_new .tj_subclass .text p{ font-size:16px; margin-top: 15px;}
	.ind_news .tj_new .tj_subclass .text .more{ bottom:20px;}
	
	.ind_news ul.newlist{margin-top:20px;}
	.ind_news ul.newlist li .name{ font-size:16px;}
	.ind_news ul.newlist li p{ font-size:14px; line-height:22px; height:44px;margin-bottom: 15px;}
	.ind_news ul.newlist li time{ font-size:14px;}
}
@media (max-width:920px) {
	.ind_news .tj_new .tj_subclass .pic:after{ width:65%;}
	.ind_news .tj_new .tj_subclass .text{ width:59%;}
	.ind_news .tj_new .tj_subclass .text time{ font-size:14px;}
	.ind_news .tj_new .tj_subclass .text p{ line-height:24px; height:72px;}
	.ind_news .tj_new .tj_subclass .text .more{ font-size:14px; bottom:15px;}
	.ind_news .tj_new .tj_subclass .text .more img{ margin:2px 0 0 10px;transform: scale(.8);}
}
@media (max-width:767px) {
	.ind_news{padding:40px 0 20px;}
	.ind_news .tj_new .tj_subclass .pic{ height:180px;}
	.ind_news .tj_new .tj_subclass .pic:after{ width:90%;}
	.ind_news .tj_new .tj_subclass .text{width:80%; padding:20px;}
	.ind_news .tj_new .tj_subclass .text p{ margin-top:10px;}
	
	.ind_news ul.newlist li{ width:100%; border:0; border-bottom:1px solid #e6e6e6; padding:0 0 15px; margin-bottom:20px;}
	.ind_news ul.newlist li:last-child{ border:0;}
}
@media (max-width:550px) {
	.ind_news{padding:30px 0 10px;}
	.ind_news .tj_new .tj_subclass .pic{ height:120px;}
	.ind_news .tj_new .tj_subclass { width: 100%; margin-bottom:10px;}
	.ind_news .tj_new .tj_subclass .pic:after{ width:80%;}
	.ind_news .tj_new .tj_subclass .text{width:70%;}
}
@media (max-width:414px) {
	.ind_news .tj_new .tj_subclass .text p{ font-size:14px; line-height:20px; height:40px;-webkit-line-clamp:2; margin-top:5px;}
}