/* banner start */
.apple-banner { width: 100%;overflow: hidden;background:#000;}
.apple-banner .swiper-container { width: 100%; height:100%;}
.apple-banner .swiper-container .swiper-slide { height:800px; overflow:hidden;}
.apple-banner .swiper-container .swiper-slide img{ width:100%; height:100%; object-fit: cover; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.apple-banner .swiper-slide .linBa_text { padding-right: 30%; 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%);}
.linBa_text .tit { line-height: 1.2; color: #18cfcf; font-family: "MONTSERRAT-BOLD"; font-size: 70px;text-shadow: 5px 5px 0 rgba(238, 238, 238, 1)}
.linBa_text p { line-height: 1.6; color: #3d3e40; font-size: 20px; text-transform: capitalize; margin: 20px 0 40px;}
/*fy*/
.apple-banner .swiper-pagination{ top:auto; bottom:40px !important;left:50%!important; transform:translateX(-50%); display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.apple-banner .swiper-pagination-bullet { display: inline-block; width:8px; height:8px; border-radius:50%; margin: 0 9px !important; cursor: pointer; background:#fff; opacity: 1;position:relative;transition: all .4s ease;}
.apple-banner .swiper-pagination-bullet:after{ content:""; display:block; width:0; height:0; border-radius:50%; border:1px solid #fff; position:absolute; left:-7px; top:-7px;}
.apple-banner .swiper-pagination-bullet-active:after{width:20px; height:20px;}
@media screen and (max-width:1700px){
	.apple-banner .swiper-container .swiper-slide { height:700px;}
	.apple-banner .swiper-slide .linBa_text { padding-right: 40%;}
    .linBa_text .tit { font-size: 52px;}
    .linBa_text p { font-size: 16px;}
}
@media screen and (max-width:1600px){
	.apple-banner .swiper-container .swiper-slide { height:600px;}
	.apple-banner .swiper-slide .linBa_text { padding-right: 45%; top: 45%;}
    .linBa_text .tit { font-size: 48px;}
}
@media screen and (max-width:1500px){
	.apple-banner .swiper-container .swiper-slide { height:550px;}
}
@media screen and (max-width:1440px){
	.apple-banner .swiper-container .swiper-slide { height:500px;}
	.linBa_text .tit { font-size: 44px;}
    .linBa_text p { font-size: 14px; margin: 15px 0 30px;}
}
@media screen and (max-width:1366px){
	.apple-banner .swiper-container .swiper-slide { height:450px;}
	.linBa_text .tit { font-size: 40px;}
}
@media screen and (max-width:1199px){
	.apple-banner .swiper-container .swiper-slide { height:400px;}
	.linBa_text .tit { font-size: 36px;}
}
@media screen and (max-width:1080px){
	.apple-banner .swiper-container .swiper-slide { height:350px;}
	.linBa_text .tit { font-size: 30px;}
    .linBa_text p { margin: 10px 0 20px;}
}
@media screen and (max-width:900px){
	.apple-banner .swiper-container .swiper-slide { height:300px;}
	.apple-banner .swiper-slide .linBa_text { padding-right: 40%;top: 40%;}
	.linBa_text .tit, .linBa_text p { display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
	.linBa_text .tit { max-height: 44px; line-height: 22px; font-size: 16px;}
	.linBa_text p { max-height: 36px; line-height: 18px; margin: 6px 0 0;}
}
@media screen and (max-width:767px){
	.apple-banner .swiper-container .swiper-slide img{ width:800px; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
	.apple-banner .swiper-pagination { bottom:22px !important;}
}
@media screen and (max-width:600px){
	.apple-banner .swiper-container .swiper-slide { height:328px; overflow:hidden;}
	.apple-banner .swiper-container .swiper-slide img{ width:700px;}
}
@media screen and (max-width:520px){
	.apple-banner .swiper-container .swiper-slide { height:270px;}
	.apple-banner .swiper-container .swiper-slide img{ width:576px;}
}
@media screen and (max-width:414px){
	.apple-banner .swiper-container .swiper-slide { height:210px;}
	.apple-banner .swiper-container .swiper-slide img{ width:448px;}
}
@media screen and (max-width:375px){
	.apple-banner .swiper-container .swiper-slide { height:180px;}
	.apple-banner .swiper-container .swiper-slide img{ width:384px;}
	.linBa_text .tit { max-height: 40px; line-height: 20px; font-size: 14px;}
    .linBa_text p { max-height: 32px; line-height: 16px; margin: 4px 0 0;}
}
/* banner end */

/*ind_about*/
.ind_about{ margin:74px 0 50px; overflow:hidden;}
.ind_about .video{ width:36.4%; height:392px; float:left;background: #000;}
.ind_about .video img{ width:100%; height:100%;}
.ind_about ul.abdata{ width:62.6%;height:392px; float:right; background:url(../images/webp/abimg.webp); background-size:cover; padding-top:115px;float:right;}
.ind_about ul.abdata li{ width:33.33333%; float:left; padding:0 20px; text-align:center; position:relative;}
.ind_about ul.abdata li:after{ content:""; display:block; width:1px; height:80px; background:#ccc; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.ind_about ul.abdata li:nth-of-type(3):after{ display:none;}
.ind_about ul.abdata li em{width:80px; height:80px; margin:0 auto;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.ind_about ul.abdata li svg{ fill:#333; width:70px; height:70px;}
.ind_about ul.abdata li:nth-of-type(2) svg{width:60px; height:60px;}
.ind_about ul.abdata li p{ font-size:46px; color:#f9a61a; font-size:48px; font-weight:bold;line-height: 50px; margin-top:15px;}
.ind_about ul.abdata li p i{ font-style:normal; padding-right:5px; font-weight:bold;}
.ind_about ul.abdata li span{ font-size:14px; color:#666;}
.ind_about .abwenzi{width:36.4%;padding:2% 2.5%; float:left;}
.ind_about .abwenzi .bt{ font-weight:bold;color: #f9a61a;font-size: 38px;text-transform: uppercase; letter-spacing: -1px;}
.ind_about .abwenzi .cont{margin:10px 0 50px; font-size: 14px; color: #666; line-height:24px; height:168px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:7;-webkit-box-orient: vertical;}
.ind_about .abwenzi .cont p{font-size: 14px; color: #666; line-height:24px;}
.allmore{ display:block; width:115px;padding:8px 0;text-align:center; color:#18cfcf; font-weight:bold; font-size:14px; border:2px solid #18cfcf; border-radius:3px; overflow:hidden; position:relative; z-index:2;transition: all .5s;-webkit-transition: all .5s; text-transform:uppercase; }
.allmore:hover{ color:#fff;}
.allmore:after { content: ""; width: 0;height: 0; border-style: solid; border-width: 0 0 0 0;border-color: #18cfcf transparent transparent transparent;position: absolute; top: 0;left: 0;z-index: -1;transition: all .5s;-webkit-transition: all .5s;}
.allmore:hover:after{ border-width: 200px 200px 0 0;}
.ind_about ul.culture{width:62.6%; float:right;display:flex; display: -webkit-flex;  justify-content:space-between;margin-top:19px;}
.ind_about ul.culture li{ width:49%; height:380px; position:relative;}
.ind_about ul.culture li img{ width:100%; height:100%;object-fit: cover;}
.ind_about ul.culture li .text{ width:100%; height:100px;background:rgba(255,255,255,.85); padding:18px 28px 25px; position:absolute; bottom:0; left:0;}
.ind_about ul.culture li .text p{ font-size:26px; line-height:32px; color:#666; font-weight:bold; text-transform:uppercase; letter-spacing:-1px;}
.ind_about ul.culture li .text span{ display:block;font-size:14px;color:#666;line-height: 40px;}
.ind_about ul.culture li .text .allmore{ margin-top:30px}
.ind_about ul.culture li:hover .text{ height:100%; padding-top:80px;}
.ind_about ul.culture li:hover .text p{ color:#f9a61a; line-height:normal;}
.ind_about ul.culture li:hover .text span{ line-height:24px; max-height:96px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical; margin-top:15px;}
@media screen and (max-width:1400px){
	.ind_about { margin: 60px 0 40px;}
	.ind_about .video{ height:300px;}
	.ind_about .video img{object-fit: cover;}
	
	.ind_about ul.abdata{ height:300px; padding-top:69px;}
	.ind_about ul.abdata li em{ width:60px; height:60px;}
	.ind_about ul.abdata li svg{ width:60px; height:60px;}
	.ind_about ul.abdata li:nth-of-type(2) svg{width:50px; height:50px;}
	.ind_about ul.abdata li p{ font-size:28px;}
	.ind_about ul.abdata li p i{ font-size:36px;}
	
	.ind_about .abwenzi{ padding:2% 1% 0 0;}
	.ind_about .abwenzi .bt{ font-size:36px;}
	
	.ind_about ul.culture li{ height:340px;}
	.ind_about ul.culture li:hover .text{ padding-top:60px;}
	.ind_about ul.culture li .text p{ font-size:26px;}
}
@media screen and (max-width:1023px){
	.ind_about { margin: 40px 0 30px;}
	.ind_about .video{ width:100%; height:400px;}
	.ind_about .video img{object-fit: contain;}
	.ind_about ul.abdata{ width:100%; height:260px;padding-top: 49px;}
	
}
@media screen and (max-width:767px){
	.ind_about { margin: 30px 0 10px;}
	.ind_about .video{ height:300px;}
	.ind_about ul.abdata{ display:none;}
	.ind_about .abwenzi{ width:100%; padding:2% 0;}
	.ind_about .abwenzi .bt{ text-align:center;}
	.ind_about .abwenzi .cont{ height:auto; max-height:168px; margin: 0 0 25px; text-align:center;}
	.ind_about .allmore{ margin:0 auto;}
	.ind_about ul.culture{ display:none;}
	.allmore{ width:100px; padding:5px 0;}
}
@media screen and (max-width:500px){
	.ind_about .video{ height:250px;}
	.ind_about .video img{object-fit: cover;}
}

/*ind_product*/
.ind_product{ padding:80px 0 0; background:url(../images/probg.jpg) top no-repeat;}
.bktitle{ font-size:48px; color:#666; font-weight:bold;text-align:center; text-transform:uppercase;}
.ind_product .bktitle{ color:#fff; text-align:left;}
.ind_product .cpzxtop{ margin:10px 0 20px; overflow:hidden;}
.ind_product .cpfl{width: calc(100% - 330px); overflow:hidden; float:left; margin-top:7px;}
.ind_product .cpfl a{ font-size:24px; color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:auto;/*根据内容调整宽度*/ display:block;display:flex; display: -webkit-flex; align-items:center;}
.ind_product .cpfl a:before{ content:""; display:block; width:8px; height:8px; background:#fff; border-radius:50%; margin-right:7px;}
.ind_product .cpzxtop .allmore{ float:right;color: #fff; border: 2px solid #fff;}
.ind_product ul{ background:#fff; padding:48px 48px 38px; overflow:hidden; clear:both; min-height:250px;}
.ind_product ul li{ width:31.5%;padding:10px; float:left; margin-right:2.75%; background:#fff;box-shadow: 0 0 20px rgba(0,0,0,.2); margin-bottom:35px;}
.ind_product ul li:nth-child(3n){ margin-right:0;}
.ind_product ul li .pic{ display:block; width:100%; height:260px; position:relative; overflow:hidden;}
.ind_product ul li .pic img{ max-width:90%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;}
.ind_product ul li .text{ padding:10px 10px 0;}
.ind_product ul li .text .name{font-size: 26px;color: #666; margin-bottom: 5px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;text-transform: capitalize;}
.ind_product ul li .text p{font-size: 14px;color: #666; line-height:20px; height:40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ind_product ul li .text .more{ font-weight: bold;color: #666; font-size:12px;padding: 30px 0;display: block;}
.ind_product ul li:hover{transform:translateY(-10px);}
.ind_product ul li:hover .pic img{transform: scale(1.1);}
.ind_product ul li:hover .text .name{ color:#f9a61a;}
.ind_product ul li:hover .text .more{color: #18cfcf;}
@media screen and (max-width:1400px){
	.ind_product{ background-size:100%;}
	.bktitle{ font-size:40px;}
	.ind_product .bktitle{ font-size:40px;}
	.ind_product .cpfl a{ font-size:20px;}
	.ind_product ul{padding: 48px 48px 10px;}
}
@media screen and (max-width:1200px){
	.ind_product .cpfl a{ font-size:18px;}
	.ind_product ul{padding: 38px 38px 28px;display: -webkit-flex;display: flex;flex-wrap: wrap;}
	.ind_product ul li{margin-bottom: 25px;}
	.ind_product ul li .pic{ height:230px;}
	.ind_product ul li .text .name{ font-size:22px; line-height:28px; max-height:56px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;white-space: wrap;}
	.ind_product ul li .text .more{padding: 20px 0;}
}
@media screen and (max-width:1023px){
	.ind_product{padding: 60px 0 0;}
	.ind_product .cpzxtop{margin: 0 0 20px;}
	.ind_product ul{ padding:30px 30px 10px;}
	.ind_product ul li{ margin-bottom:18px; box-shadow: 0 0 10px rgba(0,0,0,.05);}
	.ind_product ul li .pic{ height:200px;}
	.ind_product ul li .text{ padding:10px 5px 0;}
}
@media screen and (max-width:767px){
	.ind_product{padding: 50px 0 0;background-size: 100% 300px;}
	.bktitle{font-size:34px;}
	.ind_product .bktitle{ font-size:34px;}
	.ind_product .cpfl{ width:calc(100% - 200px); margin-top:12px;}
	.ind_product .cpfl a{ font-size:16px;}
	.ind_product ul li{ width:48.5%; margin-right:3%;}
	.ind_product ul li:nth-child(3n){margin-right:3%;}
	.ind_product ul li:nth-child(2n){margin-right:0;}
}
@media screen and (max-width:500px){
	.ind_product .w1400{ position:relative;}
	.ind_product .cpzxtop{ margin:10px 0 15px;}
	.ind_product .cpfl{ width:100%; margin-top:0;}
	.ind_product .cpzxtop .allmore{ position:absolute; top:10px; right:0;}
	.ind_product ul{ padding:0px 0px 10px; background:none;}
	.ind_product ul li{ margin-bottom:15px;}
	.ind_product ul li .pic{ height:160px;}
	.ind_product ul li .text .name{ text-align:center; margin-bottom:10px;}
	.ind_product ul li .text p{ display:none;}
	.ind_product ul li .text .more{padding: 10px 0; display:none;}
}

/*ind_case*/
.ind_case ul{ clear:both; margin-top:35px; min-height: 150px;}
.ind_case ul li{ width:15.4766%;margin-right:1.428%; float:left; background:#fff; box-shadow: 0 0 15px rgba(0,0,0,.15); padding:15px;}
.ind_case ul li:last-child{ margin-right:0;}
.ind_case ul li div{ width:100%; height:270px; border:1px solid #666;display: flex;flex-direction: column;justify-content: center;align-items: center;padding:0 5px;}
.ind_case ul li img{ width:60px; height:60px;}
.ind_case ul li img:nth-of-type(2){ display:none;}
.ind_case ul li svg{ width:70px; height:60px; fill:#18cfcf;transition: all 0s ease;}
.ind_case ul li .flname{ display:block;font-size: 24px; color: #666; text-align: center;position: relative; margin-top: 25px; padding: 22px 0 0; position:relative;text-transform: capitalize;}
.ind_case ul li .flname:before{content: '';display: block;width: 20px;height: 2px; background: #ddd; position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.ind_case .allmore{ margin:50px auto 0;}
.ind_case ul li:hover{background:#f9a61a;transform:translateY(-10px);}
.ind_case ul li:hover div{ border:1px solid #fff;}
.ind_case ul li:hover img:nth-of-type(1){display:none;}
.ind_case ul li:hover img:nth-of-type(2){ display: block;}
.ind_case ul li:hover svg{ fill:#fff;}
.ind_case ul li:hover .flname{ color:#fff;}
.ind_case ul li:hover .flname:before{background: #fff;}
@media screen and (max-width:1400px){
	.ind_case ul{margin-top:25px;}
	.ind_case ul li .flname{ font-size:20px;}
	.ind_case .allmore{ margin: 40px auto 0;}
}
@media screen and (max-width:1200px){
	.ind_case ul li{ width:32%; margin-right:2%; margin-bottom:20px;}
	.ind_case ul li:nth-child(3n){ margin-right:0;}
	.ind_case ul li .flname{ font-size:24px;}
	.ind_case .allmore {margin: 30px auto 0;}
}
@media screen and (max-width:767px){
	.ind_case ul{margin-top:20px;}
	.ind_case .allmore {margin: 20px auto 0;}
}
@media screen and (max-width:500px){
	.ind_case ul li{ width:48.5%; margin-right:3%; margin-bottom:15px;}
	.ind_case ul li:nth-child(3n){ margin-right:3%;}
	.ind_case ul li:nth-child(2n){ margin-right:0;}
	.ind_case ul li div{ height:230px;}
	.ind_case ul li svg{ width:60px; height:50px;}
	.ind_case ul li img{ width:50px; height:50px;}
	.ind_case ul li .flname{ font-size:20px;margin-top: 18px; padding: 15px 0 0;}
}

/*ind_news*/
.ind_news{ padding:73px 0 48px;}
.ind_news ul{ margin-top:35px; min-height:250px;}
.ind_news ul li{ width:32%; margin-right:2%; margin-bottom:25px; float:left; background:#f8f8f8; padding:30px;}
.ind_news ul li:nth-child(3n){ margin-right:0;}
.ind_news ul li time{ font-size:15px; color:#777;display:flex; display: -webkit-flex; align-items:center;}
.ind_news ul li time svg{ width:20px; height:17px; margin-right:6px; fill:#777; margin-top:-2px;}
.ind_news ul li .name{ display:block;font-size:18px; font-weight:bold; color:#555; line-height:28px; height:56px; margin:15px 0 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-transform: capitalize;}
.ind_news ul li .ms{ font-size:16px; color:#777; line-height:24px; height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.ind_news ul li .more{font-size:16px; color:#777; margin-top:50px; display:block; padding-bottom:7px; position:relative;}
.ind_news ul li .more:before{ content:''; display:block; width:100px; height:3px; background:#ddd; position:absolute; left:0; bottom:0;}
.ind_news ul li .more:after{ content:''; display:block; width:34px; height:3px; background:#18cfcf; position:absolute; left:0; bottom:0; transition: all .4s ease;}
.ind_news ul li .more img{ margin-left:8px;}
.ind_news ul li:hover{transform:translateY(-10px);}
.ind_news ul li:hover .name{color: #f9a61a;}
.ind_news ul li:hover .more{color: #18cfcf;}
.ind_news ul li:hover .more:after{ width:100px;}
@media screen and (max-width:1400px){
	.ind_news{ padding:60px 0 35px;}
	.ind_news ul{ margin-top:25px;}
	.ind_news ul li .more{ margin-top:35px;}
}
@media screen and (max-width:1023px){
	.ind_news{ padding:40px 0 25px;}
	.ind_news ul li{padding: 25px 20px; margin-bottom:15px;}
	.ind_news ul li .name{margin: 10px 0 13px;}
	.ind_news ul li .ms{line-height: 20px; height: 40px;}
	.ind_news ul li .more{margin: 25px 0 10px;}
}
@media screen and (max-width:767px){
	.ind_news{ padding:30px 0 20px;}
	.ind_news ul{ margin-top:20px;}
	.ind_news ul li{ width:100%; margin-right:0; margin-bottom:10px;}
}