#fp-nav.fp-right{right: 2rem;}
#fp-nav ul li{width: 16px!important; height: 16px!important;}
#fp-nav ul li a span:nth-child(2){width: 16px!important; height: 16px!important; margin: 0!important; background: none;}
#fp-nav ul li a span:nth-child(2)::after{content: ''; width: 10px; height: 10px; margin: 3px; background: rgba(193, 193, 193, 0.53); border-radius: 50%; display: block;}
#fp-nav ul li a.active span:nth-child(2){background: url(../images/fullpage_dian.png) no-repeat top left;}
#fp-nav ul li a.active span:nth-child(2)::after{background: #1EB99C;}

.header{}
.header_other{background: rgba(0,0,0,0.3); opacity: 0; transition: all 0.3s;}
.header_other:hover{opacity:1;}
.section{display: flex; align-items: center;}
@media (max-width:767px){
	.header{background: transparent; position: fixed;}
	.Navbar .icon-bar{background: #fff;}
	.section{height: auto!important;}
	.banner{height: 100vh!important;}
	body{overflow-y: initial!important;}
	.header .logo_white,
	.header.fixed.show .logo_white{display: block;}
	.header .logo_green,
	.header.fixed.show .logo_green{display: none;}
	.header.fixed.show{background: rgba(0,0,0,0.3);}
}
#top{display: none;}

/*zt2*/
.zt_banner2{position: relative;height: 100vh;overflow: hidden;}
.zt_banner2 video{width: 100%; height: 100%;object-fit: cover;}
.zt_banner2::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #28499d;opacity: .3;}
.zt_banner2 .tit2{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; width: 51.35%;}
@-webkit-keyframes bounce-up {
 25% {-webkit-transform: translateY(10px);}
 50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(-10px);}
}

@keyframes bounce-up {
 25% {transform: translateY(10px);}
 50%, 100% {transform: translateY(0);}
 75% {transform: translateY(-10px);}
}
.mouse{position: absolute; bottom: 20px;left: 50%;text-align: center;transform: translateX(-50%);z-index: 110000;color: #fff;font-size: 14px;}
.mouse_box{-webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;}
.mouse .icon{margin-bottom: 1rem; display: block;}
.mouse .icon img{width: initial;}
.mouse_pc{display: block;}
.mouse_m{display: none; }
.mouse_black{color:#333;l}
@media (max-width:767px){
    .zt_banner2{height: 100vh!important; margin: 0;}
	.zt_banner2 .tit2{width: 90%;}
	.mouse_pc{display: none;}
	.mouse_m{display: block; }
}

@media (max-width:767px){
	.common_tit.white{padding: 0;}
}

.company_js{/*padding: 3.75rem 0 6.25rem;*/padding: 3.75rem 0; background: url(../images/company_js_bg.png) no-repeat top center; background-size: cover;}
.company_js .cont{margin: 2.5rem 0 0;}
.company_js .item{display: flex; align-items: center;}
.company_js .item .pic{flex: 1; margin: 0 1.5rem 0 0; }
.company_js .item .info{flex: 1;  margin: 0 0 0 1.5rem; overflow: hidden;}
.company_js .item .desc{ font-size: 14px; line-height: 1.5; color: #333;}
.company_js .item .desc strong{font-size: 2rem; line-height: 1.375; color: #22BB9D; font-weight: bold;}
.company_js .item2{flex-flow: row-reverse; margin: 2rem 0 0;}
.company_js .item2 ul{margin: 2.875rem 0 0; display: flex; justify-content: space-between;}
.company_js .item2 ul li{text-align: center;}
.company_js .item2 ul li p{font-size: 16px; color: #333; line-height: 1; /*margin: 1.5rem 0 0;*/ }
.company_js .item2 .pic{ margin: 0 0 0 1.5rem; }
.company_js .item2 .info{ margin: 0 1.5rem 0 0 ; }
.company_js .item2 ul li img{max-height: 4.375rem;}
@media (max-width:767px){
	.company_js{padding: 30px 0; }
	.company_js .cont{margin: 30px 0 0;}
	.company_js .item{display: block;}
	.company_js .item .pic{width: 100%;}
	.company_js .item .info{margin: 15px 0 0;}
	.company_js .item .info .desc{font-size: 14px; line-height: 2;}
	.company_js .item2 .pic{margin: 0;}
	.company_js .item2 ul{margin: 15px 0 0;}
	.company_js .item2 ul li p{font-size: 14px;}
	.company_js .item2 ul li img{max-height: 42px;}
}

.company_zz{/*padding: 3.75rem 0 0;*/ padding: 7.5rem 0 0; background:#2c3343 url(../images/company_zz_bg.png) no-repeat top center; background-size: 100% auto;}
.company_zz .tips{float: right; margin-top: -4.125rem; width: 55.85%; display: flex; align-items: center; }
.company_zz .tips .icon{margin-right: 3.75rem; height: 7.5rem;}
.company_zz .tips .icon img{height: 100%;}
.company_zz .tips .desc{flex: 1; color: #fff; font-size: 14px; line-height: 1.5; overflow: hidden;}
.company_zz .cont{margin: 9rem 0 0;}
.company_zz .cont ul{display: flex;}
.company_zz .cont li{flex: 1; margin: 0 3.875rem 0 0; padding-bottom: 7.5rem; overflow: hidden;}
.company_zz .cont li:last-child{margin: 0;}
.company_zz .cont li p{font-weight: bold; font-size: 16px; color: #00DBB0; margin: 3.125rem 0 0; text-align: center;}
.company_zz .cont li img{    -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: 1s ease-in-out; -webkit-box-reflect: below 0 linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.25));}
@media (max-width:767px){
	.company_zz{padding: 30px 0; overflow: hidden; background-position: bottom 32px center;}
	.company_zz .tips{margin: 0; width: 100%; margin: 30px 0 0; overflow: hidden;}
	.company_zz .tips .icon{margin: 0 20px 0 0; width: 40px; display: none;}
	.company_zz .tips .desc{font-size: 14px; line-height: 24px;}
	.company_zz .cont{float: left; width: 100%; overflow: hidden; margin: 30px 0 0;}
	.company_zz .cont li{margin: 0 15px 0 0; padding-bottom: 0;}
	.company_zz .cont li p{font-size: 12px; margin: 15px 0 0;}
}


/*product*/
.company_shebei{width: 100%; /*padding: 3.75rem 0 5.625rem;*/padding: 3.75rem 0; background: url(../images/shebei_bg.png) no-repeat top center; background-size: cover;}
.company_shebei .cont{margin-top: -2.75rem;}
.company_shebei .side-tabs{position: absolute; color: #666; width: 21.875rem; margin: 7.875rem 0 0; background: #fff  overflow: hidden;}
.company_shebei .side-tabs .tit{float: left; width: 100%; height: 5.375rem; padding: 0 2.25rem; border-bottom: 1px solid #EAEAEA; font-size: 16px; line-height: 1.5; display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.company_shebei .side-tabs .tit.active::after{content: ''; width: 0; height: 0; margin: 0 0 0 1.625rem; border-top: 5px solid transparent; border-left: 8px solid #fff; border-bottom: 5px solid transparent;}
.company_shebei .side-tabs .tit.active{color: #fff; background: #25BA9E; border-color: #25BA9E;}

.company_shebei .side-cont{flex: 1; }
.company_shebei .gallery-box{overflow: hidden;}
.company_shebei .gallery-text{float: right; width: calc(100% - 21.875rem); max-width: 800px; height: 32.25rem;}
.company_shebei .gallery-text .pic_box{ display: block; width: 100%; height: 100%;}
.company_shebei .gallery-text .pic_box .pic{position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end;}
.company_shebei .gallery-text .pic_box img{max-height: 100%; max-width: 100%; }
.company_shebei .gallery-text .pic_box .tit{display: none; position: absolute; bottom: 3.75rem; left: 0; font-size: 1.5rem; color: #333;}

.company_shebei .thumbs-box{width: 100%; overflow: hidden; position: relative; margin: 22px 0 0 ; padding: 0 10rem 0 4rem;}
.company_shebei .thumbs-box::before{ content: ''; position: absolute; left: 0; bottom: 15px; width: 7px; height: 7px; z-index: 2; background: #22B599; border-radius: 50%; }
.company_shebei .thumbs-box::after{ content: ''; position: absolute; bottom: 19px; left: 0; right: 0; height: 1px; background: #E5E6E7;}
.company_shebei .gallery-thumbs .swiper-slide{text-align: center;}
.company_shebei .gallery-thumbs .swiper-slide .thumbs_pic{height: 104px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.company_shebei .gallery-thumbs .swiper-slide .thumbs_pic img{max-width: 100%; max-height: 100%;}
.company_shebei .gallery-thumbs .swiper-slide .tit{font-size: 13px; line-height: 20px; min-height: 60px; margin: 15px 0 0;}
.company_shebei .gallery-thumbs .swiper-slide .cricle{width: 30px; height: 30px; margin: 1rem auto 5px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%;}
.company_shebei .gallery-thumbs .swiper-slide .cricle::after{ content: ''; width: 7px; height: 7px; background: #CDCDCD; border-radius: 50%;}
/*.company_shebei .swiper-button{position: absolute; bottom: 0; right: 0; margin: 0 ; width: 110px; height: 40px; display: flex; justify-content: space-between;}
.company_shebei .swiper-button-prev,
.company_shebei .swiper-button-next{position: static; opacity: 1; margin: 0; width: 40px; height: 40px; border-radius: 50%; background-size: 7px 12px; background-color: #22B599;}
.company_shebei .swiper-button-disabled{background-color: #9BB2AB;}*/
.swiper-button-prev,
.swiper-button-next{position: static; opacity: 1; margin: 0; width: 40px; height: 40px; border-radius: 50%; background-size: 7px 12px; background-color: #22B599; background-image:none!important;}
.swiper-button-prev::before,
.swiper-button-next::before{content:'';  animation: an2 .5s infinite; width: 40px; height: 40px; display: block;}
.swiper-button-prev::before{ background: url(../images/icon_area_arrow_left.png) no-repeat center center; background-size: 18px 16px;}
.swiper-button-next::before{ background: url(../images/icon_area_arrow_right.png) no-repeat center center; background-size: 18px 16px;}
.swiper-button-disabled{background-color: #9BB2AB;}
.swiper-button-disabled::before{animation: initial!important; }
@keyframes an2 {
    to {opacity: 0;}
}
.company_shebei .gallery-thumbs .swiper-slide-thumb-active .cricle{border-color: #9BB2AB;}
.company_shebei .gallery-thumbs .swiper-slide-thumb-active .cricle::after{background: #22B599;}

@media(max-width: 1540px){
    .product .left .side-tabs{margin: 3.375rem 0 0;}
}
@media(min-width: 1200px) and (max-width: 1440px){
    .product .right .info .tit::after{width: 8px; height: 20px; margin: 15px 0 10px;}
    .product .right .info .desc{margin: 0 0 20px; line-height: 2; }
    .product .thumbs-box{margin: 40px 0 0;}
}
@media(min-width: 1440px) and (max-width: 1600px){
    .product .right .info .tit::after{width: 12px; height: 26px; margin: 20px 0 15px;}
    .product .right .info .desc{margin: 0 0 2.5rem;}
    .product .thumbs-box{margin: 4rem 0 0;}
}

/*product*/
.company_pc{display: block;}
.company_m{display: none;}
@media (max-width:767px){
	.company_pc{display: none;}
	.company_m{display: block;}
	
	.company_shebei_m{padding: 30px 0; width: 100%;}
	.company_shebei_m .m_tabs{display: block; height: auto; color: #4A4A4A; margin: 40px 0 0; justify-content: space-between;}
	.company_shebei_m .m_tabs .swiper-wrapper{transition: all 0.3s;}
	.company_shebei_m .m_tabs .swiper-slide{width: 55%; float:left; font-size: 12px; font-weight: bold; padding:  12px 5px; text-align: left; display: inline-flex; align-items: center; min-height: 72px;}
	.company_shebei_m .m_tabs .swiper-slide::before{content:''; width: 13px; height: 13px; margin-right: 5px;}
	.company_shebei_m .m_tabs .swiper-slide.active::before{background: url(../images/icon_arrow2.png) no-repeat top center; background-size: cover; }
	.company_shebei_m .m_tabs .swiper-slide.active a{color: #fff;}
	.company_shebei_m .m_tabs .swiper-slide:last-child{margin-right: 0;}
	.company_shebei_m .m_tabs .swiper-slide.active {background: #25BA9E; color:#fff;}
	.company_shebei_m .m_tabs .swiper-slide.active::after{content: none; border: none; border-top: 8px solid #25BA9E; border-left: 5px solid transparent;  border-right: 5px solid transparent;}
	.company_shebei_m .m_tabs .swiper-slide:nth-child(even){width: 45%;}
	
	.company_shebei_m .m_cont{padding: 30px 0 0;}
	.company_shebei_m .m_cont .swiper-container-cont .swiper-slide{display: block;}
	.company_shebei_m .m_cont .info{margin: 0 ;}
	.company_shebei_m .m_cont .info .tit{font-size: 2.25rem; color: #25BA9E; line-height: 1; font-weight: bold; text-transform: uppercase;}
	.company_shebei_m .m_cont .info .tit::after{content: ''; width: 1.25rem; height: 2.1875rem; margin: 15px 0; background: #9AB1AA; display: block;}
	.company_shebei_m .m_cont .info .desc{font-size: 14px; margin: 0 0 20px; line-height: 2.25; color: #646464; text-indent: 2em; text-align: justify;}
	.company_shebei_m .m_cont .info .more a::after{width: 26px; height: 26px;}
	.company_shebei_m .m_cont .pic{width: 50%; margin:30px auto 0;}
	.company_shebei_m .m_cont p{text-align: center; font-size: 14px;}
	.company_shebei_m .thumbs-box{position: relative; height: 40px; margin: 30px 0 0;padding: 0 13.75rem 0 20px;}
	.company_shebei_m .thumbs-box .box{width: 100%; overflow: hidden;}
	.company_shebei_m .thumbs-box::before{ content: ''; position: absolute; left: 0; bottom: 16px; width: 7px; height: 7px;  background: #22B599; border-radius: 50%; z-index: 100;}
	.company_shebei_m .thumbs-box::after{ content: ''; position: absolute; bottom: 19px; left: 0; right: 0; height: 1px; background: #E5E6E7;}

	
	.company_shebei_m .thumbs-box .swiper-pagination{justify-content: flex-start; position: relative; text-align: left; /*display: block;*/ width: 100%; height: auto;
	    
	        display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
	}
	.company_shebei_m .thumbs-box .swiper-pagination-bullet{width: 30px; height: 30px; opacity: 1; background: transparent; margin: 5px 0 ; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; -webkit-flex-shrink: 0;  -ms-flex-negative: 0; flex-shrink: 0;}
	.company_shebei_m .thumbs-box .swiper-pagination-bullet::after{ content: ''; width: 7px; height: 7px; background: #CDCDCD; border-radius: 50%;}
	.company_shebei_m .thumbs-box .swiper-pagination-bullet-active{border-color: #9BB2AB;}
	.company_shebei_m .thumbs-box .swiper-pagination-bullet-active::after{background: #22B599;}
}

.company_hj{/*padding: 3.75rem 0 6.25rem;*/ padding: 3.75rem 0 ; background: url(../images/company_hj_bg.jpg) no-repeat top center; background-size: cover;}
.company_hj .cont{margin: 1.5rem 0 0; display: flex; justify-content: space-between;}
.company_hj .tabs{width: 25.625rem; padding-top: 64px; margin: 0 2.25rem 0 0; display: flex; flex-flow: column;}
.company_hj .tabs .tit{background: #fff; color: #666; margin-bottom: 2.25rem; flex: 1; display: flex; align-items: center;}
.company_hj .tabs .tit:last-child{margin-bottom: 0;}
.company_hj .tabs .tit .box{padding: 0 0 0 12%;}
.company_hj .tabs .tit p {position: relative; font-size: 16px; line-height: 1; padding-left: 1.75rem; margin-bottom: 2.5rem;}
.company_hj .tabs .tit p::before{position: absolute; top: 3px; left: 0; content: ''; width: 0.625rem; height: 0.625rem; background: #999; border-radius: 50%;}
.company_hj .tabs .tit p:last-child{margin-bottom: 0;}
.company_hj .tabs .tit.active{background: #25BA9E; color: #fff;}
.company_hj .tabs .tit.active p::before{background: #91DDCE;}
.company_hj .tabs_cont{flex: 1; position: relative; padding-top: 64px; overflow: hidden;}
.company_hj .swiper-button-box{position: absolute; top: 0; left: 0; right: 0; height: 40px; display: flex; align-items: center;}
.company_hj .swiper-pagination{position: static; justify-content: flex-start; color: #fff; font-size: 1.75rem; height: auto;}
.company_hj .swiper-pagination .swiper-pagination-total{color: #25BA9E;}
@media (max-width:767px){
	.company_hj{padding: 30px 0;}
	.company_hj .cont{display: block; margin: 30px 0 0;}
	.company_hj .tabs{width: 100%; flex-flow: row; padding-top: 0;}
	.company_hj .tabs .tit:first-child{margin: 0 15px 0 0;}
	.company_hj .tabs .tit .box{padding: 15px 15px;}
	.company_hj .tabs .tit p{margin-bottom: 15px;font-size: 12px;}
	.company_hj .tabs_cont{margin-top: 30px;}
}


.company_jg{background: #F5F5F5; /*padding: 4.5rem 0 5.625rem;*/padding: 4.5rem 0 ;}
@media (max-width:767px){
	.company_jg{padding: 30px 0;}
}

.company_fw{/*padding: 3.75rem 0 9.5rem;*/padding: 3.75rem 0 ;}
.company_fw .tit_box .tabs li{margin: 0 1.25rem 0 0; min-width: auto;}
.company_fw .tabs_item{padding: 4.375rem 0 0; text-align: center;}
.company_fw .tabs_item p{font-size: 16px; color: #333; line-height: 1.83;}
.company_fw .tabs_item .pic{margin-top: 7.5rem;}
.company_fw .tit_box .tabs li a{font-size: 14px;    display: inline-block;}
@media (max-width:767px){
	.company_fw{padding: 30px 0;}
	.company_fw .tit_box{display: block; text-align: center;} 
	.company_fw .tit_box .common_tit{text-align: left;}
	.company_fw .tit_box .tabs{position: static; transform: translateY(0); margin-top: 30px;display: block;}
	.company_fw .tit_box .tabs li{display: inline-block; margin: 0 5px 5px;}
	.company_fw .tit_box .tabs li a{font-size: 12px; padding: 5px 10px;}
	.company_fw .tabs_item{padding-top: 0;}
	.company_fw .tabs_item .pic{margin-top: 30px;}
	.company_fw .tabs_item p{font-size: 14px; line-height: 1.5;}
}

.company_lc{padding: 5rem 0 7.75rem; background: url(../images/company_lc_bg.jpg) no-repeat top center; background-size: cover;}
.company_lc .cont{margin: 5.75rem 0 0;}
@media (max-width:767px){
	.company_lc{padding: 30px 0;}
	.company_lc .cont{margin: 30px 0 0;}
}


.company_cpzs{padding: 3.75rem 0 6.25rem; background: url(../images/company_cpzs_bg.jpg) no-repeat top center; background-size: cover;}
.company_cpzs .cont{margin: 5.375rem 0 0; display: flex;}
.company_cpzs .cont .pic_fl{width: 29.28%;}
.company_cpzs .cont .pic_fr{width: 39.28%;}
.company_cpzs .cont .pic_fc{flex: 1; overflow: hidden; margin: 0 2.25rem;}
.company_cpzs .cont .pic_fc .picfocus:first-child{height: 36.69%; margin-bottom: 2.25rem;}
@media (max-width:767px){
	.company_cpzs{padding: 30px 0;}
	.company_cpzs .cont{margin: 30px 0 0; display: block;}
	.company_cpzs .cont .picfocus{ max-height: 200px; overflow: hidden;}
	.company_cpzs .cont .pic_fl{width: 100%; margin-bottom: 15px;}
	.company_cpzs .cont .pic_fr{width: 100%;}
	.company_cpzs .cont .pic_fc{margin: 0 0 15px;}
	.company_cpzs .cont .pic_fc .picfocus:first-child{margin-bottom: 15px;}
	
}


.company_cpzs .cont2{display: block;}
.company_cpzs .swiper-container{width: calc(100% + 1.5rem);}
.company_cpzs .swiper-wrapper{margin-left: -1.5rem;}
.company_cpzs .swiper-slide{width: 25%; padding: 0 0 0 1.5rem;}
.company_cpzs .swiper-slide a{display: block; padding: 0; display: flex; justify-content: center; align-items: center;}
.company_cpzs .item{background: rgba(255,255,255,0.75); height: 32rem; padding: 1.5rem 1rem; border: 1px solid #DCDCDC; display: flex; align-items: center; justify-content: center; }
.company_cpzs .swiper-slide img{max-width: 100%; max-height: 100%; width: 100%;  height: 100%; object-fit: cover;}

.company_cpzs .button_box{margin: 3.5rem 0 0; display: flex; justify-content: space-between; align-items: center;}
.company_cpzs .swiper-pagination{position: static;}
.company_cpzs .swiper-button{position: static;}
@media (max-width:767px){
	.company_cpzs .cont .item{height: 150px;}
	.company_cpzs .cont .item img{max-height: 100%;}
	.company_cpzs .cont .swiper-wrapper{margin-left: -10px;}
	.company_cpzs .cont .swiper-slide{ padding: 0 0 0 10px;}
}