@charset "utf-8";
:root {
    --newList-navigation-size: 2rem;
}

/*动效*/
.transy{transform: translateY(160px);-webkit-transform: translateY(160px);transition: 400ms;-webkit-transition: 400ms; transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.Xtransy{transform: translateX(-160px);-webkit-transform: translateX(-160px); transition: 400ms;-webkit-transition: 400ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.tranShow{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}
.XtranShow{ transform: translateX(0); -webkit-transform: translateX(0); opacity: 1;}
@-webkit-keyframes BiHover
{
  0%{-webkit-transform:translateX(0px);opacity:1}
  49%{-webkit-transform:translateX(-28px);opacity:0}
  50%{-webkit-transform:translateX(28px);opacity:0}
  100%{-webkit-transform:translateX(0px);opacity:1}
}


/* 全部 */
.all_index{}
.sectionBan{position:relative;}

/***【0】***banner****/
.ban_box .swiper-container {width: 100%;height: 100%;}
.ban_box .swiper-slide{width:100%;height:100%;position:relative;overflow:hidden}
.ban_box .swiper-container .swiper-pagination{width:auto !important;left:50% !important;bottom:22px;margin-left:-23px}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet{width:12px !important;height:12px !important;background:#fff;border-radius:50%;opacity:1}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet-active{width:12px !important;border-radius:50%;background:#00946d !important;}
.ban_box .swiper-button-next,.ban_box .swiper-button-prev{top:auto !important;bottom:40%;color:rgba(255,255,255,0.85) !important;font-family:'黑体';}
.ban_box .swiper-container .hide{opacity:0}
.ban_box .swiper-button-next,.ban_box .swiper-button-prev{transition:opacity 0.5s}
.ban_box .swiper-button-next,.ban_box .swiper-button-prev{font-size:48px;}
.ban_box .swiper-button-next,.ban_box .swiper-container-rtl .swiper-button-prev{background-image:none !important}
.ban_box .swiper-button-prev,.ban_box .swiper-container-rtl .swiper-button-next{background-image:none !important}
.ban_box .swiper-button-disabled{display:none}
.ban_box .swiper-slide img{display:block;width:100%;left:0;top:0;height:auto;object-fit:cover}
.bannerPic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0,0,100px)}
/* .swiper-slide.active .bannerPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0px)} */

.ban_box .swiper-slide .pcimg{height: 100%;}
.ban_box .swiper-slide .pcimg img{height: 100%;}

@media screen and (min-width:960px){
.ban_box .swiper-slide .pcimg img{display:block;}
.ban_box .swiper-slide .moimg img{display:none;}
}
@media screen and (max-width:960px){
.ban_box .swiper-slide .pcimg img{display:none}
.ban_box .swiper-slide .moimg {height: 100%;}
.ban_box .swiper-slide .moimg img{display:block;}
.ban_box .swiper-container .swiper-pagination{left:50% !important;top: 95% !important;}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet{float: left;}

}

.section .indexAb_more{margin:0 auto !important;}

/* 首页标题 */
.section .abTit h4{font-size: 48px;color: #888;text-transform: uppercase;margin-bottom: 10px;font-weight: bold;text-transform: uppercase;font-family: auto;}
.section .abTit p{font-size:30px;color: #333;margin-bottom: 0;font-family: Arial;-webkit-text-stroke: initial;font-weight: bold;font-style: normal;}
@media screen and (max-width: 1200px){
.section .abTit p{font-size:24px !important;}
}

/***【1】==公司概况*****/
.sectionAbu{padding:50px 0;background-color:#00946d;overflow:hidden;}

.WawBox{display:flex;justify-content: space-between;}
.WawBox .WawLeft {width:280px;float:left;display: none;}

.WawCon {float:left;flex: 1;margin-right: 30px;color: #fff;}
.WawCon .WawTit h4{font-size: 32px;font-weight: bold;text-transform: uppercase;}
.WawCon .WawText{margin-top: 20px;}
.WawCon .WawText p{font-size: 18px;line-height: 2;}
.WawCon .indexAb_more{display: block;height: 24px;line-height: 24px;text-align: center;margin: 10px 0 0 !important;width: 90px;border-radius: 15px;background: #999;font-size: 14px;}
.WawCon .indexAb_more:before{background: #fff;color: #00946d;}
.WawCon .indexAb_more:hover{color: #00946d;}
.WawBox .WawRight{float:right;width: 600px;}
.WawPic{display:block;width: 100%;object-fit: cover;}


/***【2】==产品中心*****/
.sectionOp{padding:50px 0;}
/* .sectionOp .container{margin: 0 100px;} */
.OpCon{margin-top:50px;overflow: inherit;}
.OpCon .newList{width:calc(25% - 30px) !important;margin-left:15px;margin-right:15px;position:relative;min-height: calc(var(--newList-navigation-size)* 9);}
.OpCon .newList::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;border-radius: 16px;background: repeating-linear-gradient(to bottom,#1febb5,#000500);opacity:0.34;z-index: 55;}
.OpCon .newList a{width:94%;margin:3% auto;height:94%;}
.OpCon .contentBoxB{position:absolute;bottom:2.4%;left:3%;width:94%;height: 50%;margin-top:0;padding: 0;border-radius:0 0 15px 15px;z-index:66;}
.OpCon .contentBoxB::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: url(../images/indexImg4.png) no-repeat;background-size: 100%;border-radius:0 0 15px 15px;z-index:67;}
.OpCon .newTitle{position:absolute;left:0%;bottom:4%;width:100%;height: 40px;margin-bottom: 0;font-size:30px;text-align: center;color: #fff;z-index:68;}
.OpCon .bottom_btn{display:none;position:absolute;right:2%;bottom:6%;width:auto;height:30px;line-height:30px;margin-top: 0;z-index:68;}
.OpCon .bottom_btn i{width: auto;padding: 0 10px;height: 30px;line-height: 30px;font-size: 14px;color: #fff;text-align: center;background-color: #0fc4a4;border-radius: 15px;}
.OpCon .image_con{background-color: #fff;border-radius: 16px;box-shadow: 2px 2px 9px #333;position: absolute;left: 3%;top: 3%;width: 94%;height: 94%;z-index: 44;}
.OpCon .newPicBox{padding-bottom: 82%;border-radius: 16px;}
.OpCon .newList:hover::before{z-index: 33;}
.OpCon .newList:hover .newTitle{width:50%;color: #fff;margin-left:5px;text-align:left;-webkit-line-clamp: 1;}
.OpCon .newList:hover .bottom_btn{display: block;margin-right:5px;}
.OpCon .newList:hover .bottom_btn i{background-color:#0fc4a4;border-color:transparent;}
.OpCon .newList:hover .newPicBox::before{display: block;}

.OpCon .swiper{width: 100%;height: 100%;overflow: visible;}
.OpCon .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(1);}
.OpCon .swiper-slide:hover{transform: scale(1.1);}
.OpCon .swiper-button-prev,.OpCon .swiper-container-rtl .swiper-button-next,.OpCon .swiper-button-next,.OpCon .swiper-container-rtl .swiper-button-prev{position:absolute;top:50%;width:80px;height:80px;margin-top:-40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;box-shadow:2px 2px 9px #333;overflow:hidden;background-size: auto;z-index:88;}
.OpCon .swiper-button-next,.OpCon .swiper-button-prev{top: var(--swiper-navigation-top-offset,40%);}
.OpCon .swiper-button-prev,.OpCon .swiper-container-rtl .swiper-button-next{left: var(--swiper-navigation-sides-offset,-90px);background-image:url(../images/leftArrows.png)}
.OpCon .swiper-button-next,.OpCon .swiper-container-rtl .swiper-button-prev{background-image:url(../images/rightArrows.png)}
.OpCon .swiper-button-prev:after,.OpCon .swiper-container-rtl .swiper-button-next:after{content: '';}
.OpCon .swiper-button-next:after,.OpCon .swiper-container-rtl .swiper-button-prev:after{content: '';}
.OpCon .swiper-horizontal>.swiper-pagination-bullets,.OpCon .swiper-pagination-bullets.swiper-pagination-horizontal,.OpCon .swiper-pagination-custom,.OpCon .swiper-pagination-fraction{bottom: var(--swiper-pagination-bottom,58px);}
.OpCon .swiper-pagination-bullet-active{background: #00946d;}

@media screen and (min-width:1660px){
.OpPad{padding-left:220px;padding-right:220px;width: 100%;}
}

@media screen and (max-width: 1660px) and (min-width: 1360px){
.OpCon .swiper-button-prev, .OpCon .swiper-container-rtl .swiper-button-next, .OpCon .swiper-button-next, .OpCon .swiper-container-rtl .swiper-button-prev{width:60px;height:60px;margin-top:-30px;}
.OpPad{padding-left:160px;padding-right:160px;}
.OpCon .newList{width:calc(33.3% - 30px) !important;min-height: calc(var(--newList-navigation-size)* 10.5);}
}


@media screen and (max-width: 1440px) {


}

@media screen and (max-width: 1360px) {
.OpCon .newList{width:calc(33.3% - 30px) !important;min-height: calc(var(--newList-navigation-size)* 10);}

.OpCon .newTitle{font-size:24px;}
.OpCon .swiper-button-prev, .OpCon .swiper-container-rtl .swiper-button-next, .OpCon .swiper-button-next, .OpCon .swiper-container-rtl .swiper-button-prev{width:40px;height:40px;margin-top:-20px;}
.OpCon .swiper-button-prev, .OpCon .swiper-container-rtl .swiper-button-next{left: var(--swiper-navigation-sides-offset,-45px);}
}
@media screen and (max-width: 1360px) and (min-width: 960px){
.OpPad{padding-left:60px;padding-right:60px;}

}
@media screen and (max-width: 1200px) {

/* 1.公司概况 */
.sectionAbu{padding: 50px 0;}
.WawCon .WawTit h4{font-size: 26px;}
.WawCon .WawText p{font-size: 15px;line-height: 1.75;}
.WawBox .WawRight{width: 500px;}

/* 2.产品中心 */
.sectionOp{padding:35px 0;}
.OpCon{margin-top:30px;}

}
@media screen and (max-width: 1100px) {
.OpCon .newList{min-height: calc(var(--newList-navigation-size)* 9);}
}

@media screen and (max-width: 960px) {
/* 标题 */
.section .abTit{margin-bottom:10px;border-bottom:none;text-align: center;}
.section .abTit h4{float:none;padding-bottom: 0;line-height:24px;font-size:20px !important;}
.section .abTit h4::before{display:none;}
.section .abTit p{line-height:24px;float: none;margin-right: 0;font-size:16px !important;}

/* 1.公司概况 */
.sectionAbu{padding:20px 0;}

.WawBox .WawRight{display:none;}
.WawBox .WawCon{width: 100%;float: none;margin-right: 0;text-align: center;}
.WawCon .WawText p{text-align: center;}
.WawCon .indexAb_more{margin: 10px auto 0 !important;}


/* 2.产品中心 */
.sectionOp{padding:15px 0;}
.sectionOp .container{margin: 0 15px;}
.OpCon{margin-top:15px;}
.OpTab{flex-wrap: wrap;justify-content: space-between;}
.OpTab .ittext{flex: 25%;-webkit-flex: 25%;}

.OpCon .swiper-button-prev, .OpCon .swiper-container-rtl .swiper-button-next, .OpCon .swiper-button-next, .OpCon .swiper-container-rtl .swiper-button-prev{width:30px;height:30px;margin-top:-15px;}
.OpCon .swiper-button-prev, .OpCon .swiper-container-rtl .swiper-button-next{left: var(--swiper-navigation-sides-offset,15px);}
.OpPad{padding-left:20px;padding-right:20px;}
.OpCon .newList{width:calc(50% - 30px) !important;min-height: calc(var(--newList-navigation-size)* 11);}

.OpCon .newTitle{font-size:20px;}

.OpCon .swiper-horizontal>.swiper-pagination-bullets,.OpCon .swiper-pagination-bullets.swiper-pagination-horizontal,.OpCon .swiper-pagination-custom,.OpCon .swiper-pagination-fraction{bottom: var(--swiper-pagination-bottom,42px);}
}

@media screen and (max-width: 768px) {
.OpCon .newList{min-height: calc(var(--newList-navigation-size)* 9);}
	
}

@media screen and (max-width: 680px) {
.OpCon .newList{width:100% !important;min-height: calc(var(--newList-navigation-size)* 16);}
	
}










































































