/*lyBanner start*/
.lyBanner { height: 794px; overflow: hidden;}
.lyBanner .swiper-container { height: 100%;}
.lyBanner .swiper-slide { overflow: hidden; position: relative;}
.lyBanner .swiper-slide .lyBa_text {padding-right:35%; position: absolute; left: -100%; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); opacity: 0; display:none;}
.lyBanner .swiper-slide-active .lyBa_text {left: 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%); opacity: 1;}
.lyBanner .lyBa_text span{ font-size:30px; font-weight:bold; color:#0076cf;}
.lyBanner .lyBa_text .tit { line-height: 1.2; color: #fff; font-size:44px; font-weight:bold; padding-bottom:40px; margin-top:10px;position:relative;}
.lyBanner .lyBa_text .tit:after{ content:''; display:block; width:72px; height:4px; background:#0076cf; position:absolute; left:0; bottom:0;}
.lyBanner .lyBa_text p { line-height: 1.6; color: rgba(255, 255, 255, .5); font-size: 18px; text-transform: capitalize; margin: 40px 0 90px;}
.lyBanner .lyBa_text .bamore{ display:inline-block; height:50px; line-height:50px; font-size:18px; color:#fff; padding:0 40px; border-radius:8px; background:#0076cf;}
.lyBanner .lyBa_text .bamore svg{ display:inline-block;width: 20px; height: 23px; fill: #fff; margin:-3px 0 0 20px;vertical-align:middle;}
.lyBanner .lyBa_text .bamore:hover svg{ margin-left:25px;}

.lyBanner .swiper-pagination {text-align:center; bottom: 35px !important;}
.lyBanner .swiper-pagination span { width:36px; height:8px; margin: 0 14px 0 0 !important;  background:#fff; border-radius:4px; opacity:.45;}
.lyBanner .swiper-pagination span.swiper-pagination-bullet-active { opacity:1;}

.lyBanner .swiper-button-prev, .lyBanner .swiper-button-next{ background:none !important;}
.lyBanner .swiper-button-prev { left: 40px; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.lyBanner .swiper-button-next { right: 40px;}
.lyBanner .swiper-button-prev svg, .lyBanner .swiper-button-next svg { width:32px; height:32px; fill:rgba(255,255,255,.25); transition: all 0s ease;}
.lyBanner .swiper-button-prev:hover svg, .lyBanner .swiper-button-next:hover svg{fill:#fff;}
@media (max-width:1680px) {
    .lyBanner{height: 700px;}
	.lyBanner .lyBa_text span{ font-size:26px;}
	.lyBanner .lyBa_text .tit { font-size:38px;}
	.lyBanner .lyBa_text p{margin: 30px 0 50px;}
	.lyBanner .lyBa_text .bamore{ font-size:16px; padding:0 30px;}
	.lyBanner .lyBa_text .bamore svg{margin: -3px 0 0 10px;}
	.lyBanner .lyBa_text .bamore:hover svg{ margin-left:15px;}
	
	.lyBanner .swiper-button-prev { left:5px;}
    .lyBanner .swiper-button-next { right:5px;}
}
@media (max-width:1440px) {
    .lyBanner{height:600px;}
	.lyBanner .lyBa_text{ padding-left:5%;}
	.lyBanner .lyBa_text span{ font-size:24px;}
	.lyBanner .lyBa_text .tit { font-size:36px; padding-bottom:20px;}
	.lyBanner .lyBa_text p{margin: 20px 0 40px;}
}
@media (max-width:1200px) {
    .lyBanner{height:500px;}
	.lyBanner .lyBa_text{ padding-left:5%;}
	.lyBanner .lyBa_text span{ font-size:22px;}
	.lyBanner .lyBa_text .tit { font-size:34px;}
	.lyBanner .lyBa_text p{margin: 20px 0 30px;}
	.lyBanner .lyBa_text .bamore{ height:44px; line-height:44px;}
}
@media (max-width:920px) {
    .lyBanner{height:400px;}
	.lyBanner .lyBa_text span{ display:none;}
	.lyBanner .lyBa_text .tit { font-size:30px; margin-top:0;}
	.lyBanner .lyBa_text p{ font-size:16px; line-height:24px;}
}
@media (max-width:767px) {
    .lyBanner{height:300px;}
	.lyBanner .lyBa_text .tit { font-size:24px;padding-bottom: 15px;}
	.lyBanner .lyBa_text .tit:after{ height:2px;}
	.lyBanner .lyBa_text p{ font-size:14px; line-height:20px;margin: 20px 0;}
	.lyBanner .lyBa_text .bamore{ height:40px; line-height:40px; font-size:14px; padding:0 20px; border-radius:4px;}
	
	.lyBanner .swiper-pagination{bottom:15px !important;}
	.lyBanner .swiper-pagination span{ width:24px; height:4px; margin: 0 8px 0 0 !important;}
	.lyBanner .swiper-button-prev svg, .lyBanner .swiper-button-next svg { display:none;}
	
}
@media (max-width:600px) {
	.lyBanner{height:250px;}
	.lyBanner .lyBa_text { padding-left: 0;}
	.lyBanner .lyBa_text .tit { font-size:20px;}
	.lyBanner .lyBa_text p{ font-size:12px; line-height:18px; height:36px;margin: 10px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
	.lyBanner .lyBa_text .bamore{ height:36px; line-height:36px; font-size:12px; padding:0 15px; display:none;}
	.lyBanner .lyBa_text .bamore svg{margin: -3px 0 0 5px;}
	.lyBanner .lyBa_text .bamore:hover svg{ margin-left:10px;}
}
@media (max-width:500px) {
	.lyBanner{height:200px;}
}
@media (max-width:413px) {
	.lyBanner{height:150px;}
}

/*ind-product*/
.ind-product{ background:#fff; padding-top:75px;}
.ind-product .w1400{ position:relative; padding-bottom:100px; border-bottom:1px dashed #0076cf;}
.allmore{ position:absolute; right:0; top:30px; color:#0076cf;text-decoration: underline;}
.allmore:hover{color:#0076cf;}
.ind-product ul{ min-height:200px;}
.ind-product ul li .picturebox{ width:100%; height:538px; text-align:right; position:relative; overflow:hidden;}
.ind-product ul li .picturebox .bgpic{width: calc(100% - 30px); height:484px; border-radius:24px 0 24px 0; }
.ind-product ul li .picturebox .propic{ max-height:80%; max-width:80%;position:absolute; left:0; bottom:0;display:flex; display: -webkit-flex;}
.ind-product ul li .picturebox .propic img{ max-height:100%; max-width:100%;}
.ind-product ul li .text{ padding-top:25px;}
.ind-product ul li .text .name{ font-size:24px; font-weight:bold;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}
.ind-product ul li .text p{ color:#777; line-height:26px; height:78px; margin-top:8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ind-product ul li:hover{transform:translateY(-5px);}
.ind-product ul li:hover .picturebox .bgpic{border-radius:0;}
.ind-product ul li:hover .text .name{ color:#0076cf;}
@media (max-width:1680px) {
	.ind-product{padding-top:65px;}
	.ind-product .w1400{padding-bottom: 80px;}
}
@media (max-width:1440px) {
	.allmore{ width:45%;text-align: right;}
	.ind-product{padding-top:50px;}
	.ind-product .w1400{padding-bottom: 60px;}
	.ind-product ul li .picturebox{ height:420px;}
	.ind-product ul li .picturebox .bgpic{ height:86%;}
	.ind-product ul li .text{ padding-top:20px;}
	.ind-product ul li .text .name{ font-size:20px;}
}
@media (max-width:1080px) {
	.ind-product{padding-top:40px;}
	.ind-product .w1400{padding-bottom: 40px;}
}
@media (max-width:920px) {
	.ind-product ul li .picturebox{ height:360px;}
	.ind-product ul li .text .name{ font-size:18px;}
	.ind-product ul li .text p{ font-size:14px; line-height:20px; height:40px;-webkit-line-clamp: 2;}
}
@media (max-width:767px) {
	.ind-product{padding-top:30px;}
	.allmore{ top:10px;}
	.ind-product .w1400{padding-bottom:30px;}
}
@media (max-width:500px) {
	.ind-product ul li .picturebox{}
}

/*ind-choose*/
.ind-choose{ background:#fff; padding:80px 0 100px;}
.ind-choose ul{display: -webkit-flex;display: flex;flex-wrap: wrap;}
.ind-choose ul li{ width:31%; margin-right:3.5%;background:#f8f8f8;border-radius:16px; padding:45px; text-align:center;float:left;cursor: default; }
.ind-choose ul li:last-child{ margin-right:0;}
.ind-choose ul li em{ display:block; width:136px; height:136px; border-radius:50%; background:rgba(0,118,207,.1); margin:0 auto; position:relative;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.ind-choose ul li em:after{ content:''; display:block; width:118px; height:118px; border-radius:50%;background:#0076cf; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.ind-choose ul li em svg{ width:66px; height:66px; fill:#fff; position:relative; z-index:2;transition: all 0s ease;}
.ind-choose ul li span{ display:block; font-size:24px; font-weight: bold; margin:14px 0 28px;}
.ind-choose ul li p{ color:#555; line-height:28px;}

.ind-choose ul li:hover{ background:#0076cf; box-shadow:8px 0 36px rgba(0,118,207,.45); transform:translateY(-5px);}
.ind-choose ul li:hover em{background:rgba(255,255,255,.1);}
.ind-choose ul li:hover em:after{background:#fff;}
.ind-choose ul li:hover em svg{fill:#0076cf;}
.ind-choose ul li:hover span{ color:#fff;}
.ind-choose ul li:hover p{ color:#fff;}
@media (max-width:1680px) {
	.ind-choose{padding:65px 0 70px;}
	.ind-choose ul li span{ font-size:20px;}
}
@media (max-width:1440px) {
	.ind-choose{padding:50px 0 60px;}
	.ind-choose ul{margin:0 -14px;}
	.ind-choose ul li{padding:35px;}
	.ind-choose ul li em{ transform:scale(.8);}
	.ind-choose ul li span{ margin:5px 0 15px;}
	.ind-choose ul li p{ font-size:14px; line-height:24px;}
}
@media (max-width:1080px) {
	.ind-choose{ padding:40px 0 50px;}
}
@media (max-width:920px) {
	.ind-choose{ padding:40px 0 30px;}
	.ind-choose ul{ margin:0;}
	.ind-choose ul li{ width:100%; margin-right:0; margin-bottom:20px;}
	.ind-choose ul li span{ font-size:18px;}
}
@media (max-width:767px) {
	.ind-choose{padding:30px 0 40px; display:none;}
	.ind-choose ul li{padding:30px;}
}

/*ind-about*/
.ind-about{ position:relative; background:#0076cf; height:650px;}
.ind-about .yinh{ width:149px; height:132px;  position:absolute; left:-170px; top:-45px; background:url(../images/webp/yinh.webp);}
.ind-about .left{ padding-right:calc(50% + 80px); position:relative; z-index:3;}
.ind-about .indtitle{ color:#fff; padding-top:75px;margin-bottom:40px;}
.ind-about .indtitle:after{ background:#fff;}
.ind-about .left .cont,.ind-about .left .cont p{ color:#fff; line-height:28px;}
.ind-about .left .cont{height:140px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.ind-about .left .data{ margin:30px 0 18px; text-align:center;display:flex; display: -webkit-flex;  justify-content:space-between;}
.ind-about .left .data li{ color:rgba(255,255,255,.45);}
.ind-about .left .data li p{ font-size:36px; font-weight:bold; color:#fff; margin-bottom:5px;}
.ind-about .lffmore{ color:#fff; border:1px solid #fff; background:#0076cf;}
.ind-about .lffmore svg{ fill:#fff; margin-left:10px;transition: all .4s ease;}
.ind-about .lffmore:hover svg{margin-left:15px;}

#solution-canvas { width:50%;height:250px;position: absolute;left: 0; bottom:0;overflow: hidden; opacity:.5;}
#solution-canvas canvas{ width:100% !important; height:400px !important;}

.ind-about .right{ width:50%; height:100%; position:absolute; right:0; top:0; z-index:4;}
.ind-about .right em{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);width:90px; height:90px; border-radius:50%; background:rgba(0,118,207,.15);cursor: pointer;display:flex; display: -webkit-flex;  justify-content:center;align-items:center; z-index:3;}
.ind-about .right em:hover{ transform: translate(-50%,-50%) scale(1.1);}
.ind-about .right em:after{ content:''; display:block;width:76px; height:76px; border-radius:50%; background:rgba(0,118,207,.9);}
.ind-about .right em svg{ position:absolute; width:50px; height:50px; fill:#fff;left:50%; top:50%; transform:translate(-50%,-50%);}
.video-modal {
  position: fixed;top: 0; left: 0; width: 100%; height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none; justify-content: center;align-items: center;
  z-index: 9999;
  opacity: 0; 
}
.video-container {position: relative; width: 80%; max-width: 1000px; height: auto;}
.close-btn {
  position: absolute;top: -50px;right:0;
  width: 36px;height: 36px; background-color: #fff;
  border-radius: 50%;text-align: center; line-height: 36px;
  font-size: 20px; cursor: pointer;color: #333;
  border: none; outline: none;
}
.close-btn:hover { background-color: #ff4444;color: #fff;}
video { width: 100%;height: auto;outline: none;}
@media (max-width:1440px) {
	.ind-about{height:550px;}
	.ind-about .indtitle{ padding-top:55px; margin-bottom:20px; max-width:100%;}
	.ind-about .left .data{margin: 10px 0 10px;}
	.ind-about .left .data li p{ font-size:30px;}
}
@media (max-width:1080px) {
	.ind-about{height:470px;}
	.ind-about .indtitle{ padding-top:40px; margin-bottom:20px;}
	.ind-about .left{padding-right: calc(50% + 40px);}
	.ind-about .left .data{margin: 10px 0 0;}
	.ind-about .left .data li{ font-size:14px;}
	.ind-about .left .data li p{ font-size:26px; margin-bottom:0;}
	.ind-about .right em{ transform:scale(.8) translate(-50%,-50%);}
	.ind-about .right em:hover{ transform:scale(1) translate(-50%,-50%);}
}
@media (max-width:920px) {
	.ind-about{height:450px;}
    .ind-about .left .cont, .ind-about .left .cont p{ font-size:14px; line-height:24px;}
	.ind-about .left .cont{height:120px;}
}
@media (max-width:767px) {
	.ind-about{ height:auto; padding:30px 0;}
	.ind-about .left{width:100%; padding-right:0;}
	.ind-about .indtitle{ padding-top:10px;}
	.ind-about .left .cont{ height:auto;}
	.ind-about .left .data{ display:none;}
	.ind-about .right{ width:100%; position: relative; height:350px;}
}
@media (max-width:600px) {
	.ind-about .right{ height:300px;}
}
@media (max-width:500px) {
	.ind-about .right{ height:250px;}
}


/*ind-case*/
.ind-case{ background:#fff; padding:75px 0;}
.ind-case .indtitle{ text-align:center; margin:0 auto 50px;}
.ind-case .indtitle:after{ left:50%; transform:translateX(-50%);}
.ind-case .w1400{ position:relative; }
.ind-case .swiper-container{ padding-bottom:46px; min-height:200px;}
.ind-case ul li{ -webkit-transform: scale(.8); -moz-transform: scale(.8); transform: scale(.8);}
.ind-case ul li.swiper-slide-active { position: relative; z-index: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.ind-case ul li .pic{ display:block; width:100%; height:415px;border-radius:24px 0 0 0; overflow:hidden;}
.ind-case ul li .pic img{ width:100%; height:100%; object-fit: cover;}
.ind-case ul li:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.ind-case ul li .text{ background:#f8f8f8; padding:25px 45px 30px;border-radius: 0 0 24px 0;}
.ind-case ul li .text .name{ font-size:18px; font-weight:bold;width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}
.ind-case ul li:hover .text .name{color: #0076cf;}
.ind-case ul li .text p{ font-size:16px; color:#999;width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}

.ind-case .swiper-pagination {text-align:center; bottom:0 !important;}
.ind-case .swiper-pagination span { width:28px; height:6px; margin: 0 8px 0 0 !important;  background:#0076cf; border-radius:4px; opacity:.45;}
.ind-case .swiper-pagination span.swiper-pagination-bullet-active { opacity:1;}
.ind-case .swiper-button-prev,.ind-case .swiper-button-next{ width:44px; height:44px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,.08); border-radius:4px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center; outline:none;}
.ind-case .swiper-button-prev { left:-22px; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.ind-case .swiper-button-next { right:-22px;}
.ind-case .swiper-button-prev:hover, .ind-case .swiper-button-next:hover{ background:#0076cf;}
.ind-case .swiper-button-prev svg, .ind-case .swiper-button-next svg { width:24px; height:24px; fill:#0076cf; transition: all 0s ease;}
.ind-case .swiper-button-prev:hover svg, .ind-case .swiper-button-next:hover svg{fill:#fff;}
@media (max-width:1680px) {
	.ind-case{padding:65px 0;}
}
@media (max-width:1440px) {
	.ind-case{padding:50px 0;}
	.ind-case .indtitle{margin:0 auto 40px;}
	.ind-case ul li .pic{ height:350px;}
}
@media (max-width:1080px) {
	.ind-case{padding:40px 0;}
	.ind-case .indtitle{margin:0 auto 30px;}
	.ind-case ul li .pic{ height:300px;}
	.ind-case ul li .text{padding: 20px 30px 20px;}
	.ind-case .swiper-container{ padding-bottom:30px;}
}
@media (max-width:920px) {
	.ind-case ul li .pic{ height:230px;}
	.ind-case ul li .text .name{ font-size:16px;}
	.ind-case ul li .text p{ font-size:14px;}
}
@media (max-width:767px) {
	.ind-case{padding:30px 0;}
	.ind-case .indtitle{margin:0 auto 20px;}
	.ind-case ul li .pic{ height:200px;}
	.ind-case ul li .text{ padding:15px;}
	.ind-case .swiper-button-prev,.ind-case .swiper-button-next{ width:36px; height:36px; top:40%;}
	.ind-case .swiper-button-prev { left:0;}
    .ind-case .swiper-button-next { right:0;}
	.ind-case .swiper-pagination span{ width:24px; height:4px; margin: 0 4px 0 0 !important;}
}

/*ind-news*/
.ind-news{background:#f8f8f8; padding:75px 0;}
.ind-news .w1400{ position:relative;}
.ind-news .swiper-container{ padding-bottom:55px;}
.ind-news ul{ min-height:200px;}
.ind-news ul li{ background:#fff; border-radius:24px 0 24px 0; padding:0 30px 40px; position:relative; border-radius:24px 0 24px 0; overflow:hidden;}
.ind-news ul li:after{ content:''; display:block; width:100%; height:30%; background:#0076cf; position:absolute; left:0; top:0; opacity:0; transition: all .3s ease;}
.ind-news ul li .box{ position:relative; z-index:2;cursor: default;}
.ind-news ul li time{ background:#0076cf; text-align:center; color:#fff; padding:7px 10px; display:inline-block;}
.ind-news ul li .name{ font-size:18px; font-weight:bold; line-height:28px; height:84px; margin:30px 0 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ind-news ul li .ms{ color:#777;line-height:28px; height:84px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ind-news ul li .lffmore{ height:auto; line-height:inherit; border:0; padding:0; margin-top:30px;}
.ind-news ul li .lffmore svg{margin: -3px 0 0 10px;}
.ind-news .swiper-pagination {text-align:center; bottom:0 !important;}
.ind-news .swiper-pagination span { width:28px; height:6px; margin: 0 8px 0 0 !important;  background:#0076cf; border-radius:4px; opacity:.45;}
.ind-news .swiper-pagination span.swiper-pagination-bullet-active { opacity:1;}

.ind-news ul li:hover:after{ height:100%; opacity:1; height:100%; }
.ind-news ul li:hover time{ background:#17242b;}
.ind-news ul li:hover .name{ color:#fff;}
.ind-news ul li:hover .ms{ color:rgba(255,255,255,.5);}
.ind-news ul li:hover .lffmore{ color:#fff;}
.ind-news ul li:hover .lffmore svg{ fill:#fff;}
@media (max-width:1680px) {
	.ind-news{padding:65px 0;}
}
@media (max-width:1440px) {
	.ind-news{padding:50px 0;}
}
@media (max-width:1080px) {
	.ind-news{padding:40px 0;}
	.ind-news .swiper-container{ padding-bottom:30px;}
}
@media (max-width:920px) {
	.ind-news ul li{padding: 0 25px 25px;}
	.ind-news ul li .name{ font-size:16px; line-height:24px;height:72px;margin: 15px 0 10px;}
	.ind-news ul li .ms{ font-size:14px; line-height:24px;height:72px;}
	.ind-news ul li .lffmore{ margin-top:15px;}
}
@media (max-width:767px) {
	.ind-news{padding:30px 0;}
	.ind-news .swiper-pagination span{ width:24px; height:4px; margin: 0 4px 0 0 !important;}
}

/*.footLinks */
.footLinks { margin-top:50px;}
.footLinks .links_title { float: left; font-size: 18px;color: #fff; line-height: 36px; }
.footLinks .links_title i { display: inline-block; vertical-align: middle; padding: 0; margin-right: 10px; width: 35px; height: 35px; background: #0076cf; border-radius: 50%; display:flex; display: -webkit-flex;  justify-content:center;align-items:center; float:left;}
.footLinks .links_title i svg{ width:20px; height:20px; fill:#fff;}
.footLinks .links_list { float: right; width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); }
.footLinks .links_list a { color: rgba(255,255,255,.45); display: inline-block; line-height: 36px; margin-left:15px; font-size: 16px; }
.footLinks .links_list a:hover { color: rgba(255,255,255,1); }
/*日语*/
.ly_jp .footLinks .links_list { float: right; width: calc(100% - 110px); width: -webkit-calc(100% - 110px); width: -moz-calc(100% - 110px); }
/*西班牙语*/
.ly_spa .footLinks .links_list { float: right; width: calc(100% - 120px); width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); }
/*葡萄牙语*/
.ly_pt .footLinks .links_list { float: right; width: calc(100% - 130px); width: -webkit-calc(100% - 130px); width: -moz-calc(100% - 130px); }
/*越南语*/
.ly_vie .footLinks .links_list { float: right; width: calc(100% - 120px); width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); }
@media screen and (max-width:767px){
	.footLinks { display:none;}
}