#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: #1B2978;}

.header{}
.header_other{background: rgba(0,0,0,0.3); opacity: 0; transition: all 0.3s;}
.header_other:hover{opacity:1;}
.section{overflow: hidden;}
@media (max-width:767px){
	.header{background: transparent;}
	.Navbar .icon-bar{background: #fff;}
	.section{padding: 30px 0;}
}

#top{display: none;}

.banner{}
.banner_pc{display: block;}
.banner_m{display: none; }
.banner .swiper-container,
.banner .swiper-wrapper,
.banner .swiper-slide{position: relative; height: 100vh;}
.banner .swiper-slide img{ width: 100%; height: 100vh; object-fit: cover;}
.banner .text{position: absolute; left: 0; right: 0; top: 0; bottom: 0; line-height: 1; display: flex; align-items: center;}
.banner .container{color: #fff;}
.banner .p1{font-size: 3.75rem; font-weight: bold; text-transform: uppercase; line-height: 0.8;}
.banner .p2{font-size: 2rem; padding: 1.375rem 0 6rem; letter-spacing:6px;}
.banner .mouse{position: absolute; bottom: 4.625rem; left: 50%; text-align: center; transform: translateX(-50%); z-index: 2; color: #fff; font-size: 14px;}
.banner .mouse .icon{margin-bottom: 1rem;}
.banner .swiper-pagination{bottom: 2rem; text-align: center; display: flex; justify-content: center; width: 100%;}
.banner .swiper-pagination-bullet{position: static; width: 1.75rem; height: 4px; margin: 0 4px 0 0; background-color: #9BB2AB; opacity: 1; border-radius: 0;}
.banner .swiper-pagination-bullet-active{width: 5.125rem; background: #006B3F;}
.banner .more a{ color: #fff; border: 1px solid rgba(255,255,255,0.54); }
.banner .more a:hover{background: #006B3F; color: #fff; border-color: #006B3F;}
@media (max-width: 767px){
	.banner{padding: 0; height: auto;}
	.banner_pc{display: none;}
	.banner_m{display: block; }
	.banner .swiper-slide img{position: static; transform: initial;}
	.banner .p1{font-size: 20px; margin-top: 30px;}
	.banner .p2{letter-spacing: 0; font-size: 14px; padding: 15px 0 0;}
	.banner .more{display: none;}
	.banner .swiper-pagination{bottom: 15px;}
}


/*product*/
.product{display: flex; align-items: center; justify-content: center;}
.product .tabs_cont{margin: 5.125rem 0 0;}
.product .tabs_cont .box{position: relative;}
.product .item{position: relative; height: 21.625rem; display: flex; align-items: flex-start; justify-content: center; background: #F2F2F2;}
.product .item::after{content: ''; position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; background: transparent; transition: all 0.3s;}
.product .item .picfocus{height: calc(100% - 3rem - 20px); padding: 2rem 1rem 1rem; display: flex; align-items: center; justify-content: center; }
.product .item .picfocus img{max-width: 100%; max-height: 100%;}
.product .item .info{position: absolute; bottom: 2rem; left: 1.875rem; right: 1.875rem; line-height: 1; z-index: 2; transition: all 0.3s;}
.product .item .info .p1{font-size: 1rem; color: #252525;}
.product .item .info .p2{font-size: 14px; color: #8D8D8D; margin: 6px 0 0;}
.product .swiper-page{margin: 5.5rem 0 0;}
.product .item:hover::after{ background: rgba(27, 41, 120, 0.83); }
.product .item:hover .info{bottom: 3.5rem; left: 3.5rem; right: 3.5rem;}
.product .item:hover .info .p1,
.product .item:hover .info .p2{color: #fff;}
.product .swiper-button-next,
.product .swiper-button-prev{width: 40px; height: 40px; margin-top: -20px;  background-color: #006B3F; background-size: 7px 12px; border: 1px solid #006B3F; opacity: 1; }
.product .swiper-button-disabled{background-color: transparent; border: 1px solid #D3D3D3;background-color: #D3D3D3;}
.product .swiper-button-prev{left: -50px; }
.product .swiper-button-next{right: -50px; }

@media (max-width: 767px){
	.product .tabs_cont{margin: 30px 0 0;}
	.product .item{height: 28rem;}
	.product .item .info{left: 15px; right: 15px;}
	.product .item .info .p1{font-size: 14px; line-height: 1.5;}
	.product .item .info .p2{font-size: 13px;}
	.product .swiper-page{margin: 30px 0 0;}
	.product .swiper-button-next,
	.product .swiper-button-prev{display: none;}
}

/*about*/
.about{display: flex; align-items: center; padding: 0 0 0 8.33%; background: url(../images/about_bg.jpg) no-repeat top center ; background-size: cover;}
.about .img_m{display: none;}
.about .cont{width: 45.79%; overflow: hidden;}
.about .info{width: 80.6%;}
.about .desc{margin: 3.5rem 0 0; font-size: 1rem; line-height: 2.5; color: #5F5E5E;}
.about .desc span{font-size: 1.5rem; line-height: 1; color: #26347F; margin-right: 3px;}
.about .desc p{text-indent: 2em;}
.about .bot{margin: 3.625rem 0 4.875rem; display: flex; justify-content: space-between;}
.about .bot dl::before{content: ''; width: 5.25rem; height: 1px; margin-bottom: 1.875rem; background: #DEDEDE; display: block;}
.about .bot dd{font-size: 1rem; color: #1C1C1C; line-height: 1;}
.about .bot dt{font-size: 2.5rem; color: #006B3F; line-height: 0.8; margin: 1.25rem 0 2rem;}
@media (max-width: 1200px){
	.about .desc{margin: 2rem 0 0;}
}
@media (max-width: 767px){
	.about{background-image: url(../images/about_m_bg.jpg); padding: 0;}
	.about .img_m{display: block; margin: 30px 0 0;}
	.about .cont{width: 100%; padding: 30px 15px;}
	.about .info{width: 100%;}
	.about .desc{font-size: 13px; line-height: 2; margin: 20px 0 0;}
	.about .desc p{margin-bottom: 10px;}
	.about .desc p:last-child{margin-bottom: 0;}
	.about .bot{margin: 20px 0 30px;}
	.about .bot dd{font-size: 13px;}
}


/*news*/
.news{display: flex; align-items: center; background: url(../images/news_bg.png) no-repeat top center; background-size: cover;}
.news .container{ display: flex;}
.news .fl{width: auto; margin-right: 5.375%;}
.news .fl .common_tit{ padding: 10.5rem 0 0; }
.news .fl .more{margin: 18.5rem 0 0;}
.news .cont{flex: 1; display: inline-block;vertical-align: middle; overflow: hidden;}
.news .cont li{transition: all .36s;background: rgba(0,0,0,0); }
.news .cont li .item{position: relative; padding: 2.5rem; display: flex; align-items: center; overflow: hidden;}
.news .cont li .item::after{content: ''; position: absolute; bottom: 0; left: 2.5rem; right: 2.5rem; height: 1px; background: #F1F1F1;}
.news .cont li:last-child .item::after{content: none;}
.news .cont .date{padding: 0 3.75rem; font-family: arial; text-align: center;}
.news .cont .date .p1{font-size: 3rem; line-height: 1; color: #2C3238;}
.news .cont .date .p2{font-size: 14px;line-height: 1; color: #999;}
.news .cont .picfocus{float: left; width: 280px; height: 140px; overflow: hidden;}
.news .cont .news_cont{ flex: 1; overflow: hidden;}
.news .cont .tit{font-size: 1.125rem; color: #0D0D0D; line-height: 1; transition: all .36s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news .cont .desc{ position: relative;font-size: 1rem; color: #838383; line-height: 1.5; margin: 1rem 0 0; padding-right: 7.75rem; text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.news .cont .desc::after{content: ""; position: absolute; right: 0; top: 50%; width: 28px; height: 28px; transform: translateY(-50%); background: url(../images/icon_more_gray.png) no-repeat top left;}
.news .cont li:hover{background: #EAEAEA; }
.news .cont li:hover .tit{color: #26347F; font-weight: bold;}
.news .cont li:hover .date .p1{color: #26347F;}
.news .cont li:hover .desc::after{background-image:  url(../images/icon_more_on.png);}
.news .swiper-page{margin: 3.5rem 0 0; padding: 0 2.5rem;}
@media(min-width: 768px) and (max-width: 1200px){
	.news .cont .picfocus{width: 200px; height: 140px;}
	.news .cont .picfocus img{width: 100%; height: 100%; object-fit: cover;}
	.news .cont .date{padding: 0 30px;}
    
}
@media (max-width:767px){
	.news{padding: 30px 0 100px; position: relative;}
	.news .container{display: block;}
	.news .fl .common_tit{padding: 0;}
	.news .fl .more{margin: 0; position: absolute; bottom: 30px;}
	.news .cont{width: 100%; height: auto; margin: 20px 0 0;}
	.news .cont li:hover{background: none;}
	.news .cont li .item{position: relative; margin: 0 0 15px; padding: 0; display: block;}
	.news .cont li .item::after{left: 0; right: 0;}
	.news .cont .picfocus{width: 100%; height: 170px;}
	.news .cont .date{position: absolute; left: 0; top: 0; padding: 6px; background: rgba(0,0,0,0.3);}
	.news .cont .date .p1{color: #fff; }
	.news .cont .date .p2{color: #fff; font-size: 12px;}
	.news .cont .news_cont{position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 15px; background: rgba(0,0,0,0.3);}
	.news .cont .tit{font-size: 14px; color: #fff; white-space: initial; line-height: 1.5;}
	.news .cont .desc{display: none; font-size: 13px; padding-right: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	.news .cont .desc::after{content: none;}
	.news .common_tit .more{position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); margin: 0;}
	.news .swiper-button{display: none;}
	.news .swiper-pagination{display: block;}
	.news .swiper-page{margin: 30px 0 0; padding: 0;}
}