@charset "utf-8";
/* title */
.page-title {padding-bottom: 20px;}
.page-title h3 {position: relative; line-height: 1.4; font-size: 36px; color: #333;}
.page-title h3 span{display: block;}
.page-title p {position: relative; margin-bottom: 10px;font-size: 18px;line-height: 1.6; color: var(--default);  text-transform: uppercase;}
.page-title-white h3,
.page-title-white p {color: #fff;}
.page-title-center{text-align: center;}

@media (max-width:1200px) {
	.page-title h3 { font-size: 28px;}
}

@media (max-width:768px) {
	.page-title h3 { font-size: 24px;}
}

@media (max-width:640px) {
	.page-title h3 { font-size: 20px;}
	
	.page-title p { margin-bottom: 0;font-size: 16px; }
}

/*  */
.page-breadcrumb{ padding: 30px 0; line-height: 30px; display: flex; align-items: center; flex-wrap: wrap; overflow: hidden; }
.page-breadcrumb b{display: inline-block; margin: 0 7px; width: 6px; height: 6px; border-top: 1px solid #777; border-right: 1px solid #777; transform: rotate(45deg);}
.page-breadcrumb a,
.page-breadcrumb span{margin: 5px 0; color:#777; white-space: nowrap;}
.page-breadcrumb span{color: var(--default);}
@media(max-width:768px){
	.page-breadcrumb{padding: 10px 0; height: auto;}
}
/* 
*
----------------------------------  about 
*
*/
.about-banner{position: relative; overflow: hidden;}
.about-banner picture{display: block;}
.about-banner picture img{width: 100%;}
.about-banner-desc{position: absolute; top: 0;left: 0; width: 100%; height: 100%; padding-left: 160px; display: flex; align-items: center; }
.about-banner-desc h4{ font-size: 18px; color: #fff; text-transform: uppercase;}
.about-banner-desc h3{ margin: 15px 0 30px; font-size: 40px; color: #fff;}
.about-banner-desc p{ max-width: 450px; line-height: 1.4; font-size: 20px; color: #fff;}
.about-banner-desc a{ position: relative; z-index: 1; margin-top: 50px; display: inline-block; padding: 0 50px; line-height: 50px; font-size: 18px; border: 1px solid #fff; color: #fff;}
.about-banner-desc a::after {position: absolute;top: 0;left: 0; content: ''; width: 0; height: 100%; background: rgba(255, 255, 255, 0.2); z-index: -1; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); transition: .3s;}
.about-banner-desc a:hover::after{width: 100%;}
@media (max-width:1600px) {
	.about-banner-desc {padding-left: 100px;}
}

@media (max-width:1440px) {
	.about-banner-desc {padding-left: 60px;}
}

@media (max-width:1200px) {
	.about-banner-desc {padding-left: 30px;}
	.about-banner-desc h4{ font-size: 16px; color: #fff;}
	.about-banner-desc h3{ margin: 15px 0 30px; font-size: 32px;}
	.about-banner-desc p{ font-size: 18px;}
	.about-banner-desc a{ margin-top: 30px; padding: 0 30px; line-height: 40px; font-size: 16px; }
	
}

@media (max-width:768px) {
	.about-banner-desc {padding-left: 15px;}
	.about-banner-desc h4{ font-size: 16px;}
	.about-banner-desc h3{ margin: 15px 0 ; font-size: 24px;}
	.about-banner-desc p{ max-width: 450px; line-height: 1.4; font-size: 14px;}
	.about-banner-desc a{ margin-top: 20px; padding: 0 20px; line-height: 40px; font-size: 14px; }
}

#alert-video {display: none;width: 100%;padding: 2px;height: auto;overflow: hidden;}
#alert-video video {width: 100%;height: 100%;}
@media (max-width:1000px) {
	.layui-layer{width: 90%!important;}
}

/*  */
.about-desc-infos{width: 58.4%;background-image: url(../images/about/desc-bg.png); background-repeat: no-repeat; background-position: left bottom ;}
.about-desc-infos .page-breadcrumb{padding-bottom: 150px;}

.about-desc-poster{width: 41.6%;background-image: url(../images/about/desc-poter.png);}
.about-desc-content{padding: 60px 0 250px; line-height: 1.8; font-size: 18px;}
.about-desc-content div{position: relative; margin: 30px 0; padding: 20px 80px; border: 1px solid #B4B4B4;}
.about-desc-content div span{position: absolute; top: -3px; left: 50px; font-size: 64px; color: var(--default);}
.about-desc-content div h3{font-weight: bold; color: #333;}

@media (max-width:1200px) {
	.about-desc-infos{width: 100%;}
	.about-desc-infos .page-breadcrumb{padding-bottom: 100px;}
	.about-desc-poster{display: none;}
}

@media (max-width:768px) {
	.about-desc-infos .page-breadcrumb{padding-bottom: 50px;}
	.about-desc-content{padding: 20px 0 150px; line-height: 1.8; font-size: 18px;}
	.about-desc-content div{ margin: 20px 0; padding: 20px 40px; }
	.about-desc-content div span{ left: 12px; }
}

@media (max-width: 640px) {
	.about-desc-content{padding: 0 0 80px; font-size: 14px;}
	.about-desc-content div span{  top: -8px; }
}



/*  */
.about-special-bg{ padding: 150px 0 460px; background-image: url(../images/about/special-bg.png);}
.about-special-content{flex: 1; margin-left: 120px; padding-left: 120px; border-left: 1px solid #fff; }
.about-special-content > p{line-height: 1.6; font-size: 18px; color: #fff;}
.about-special-content ul{ margin-top: 80px; justify-content: space-between;}
.about-special-content ul li{text-align: center;}
.about-special-content ul li h3{ margin-top: 15px; font-size: 24px; color: #fff;}

@media (max-width:1200px) {
	.about-special-content{  margin-left: 80px; padding-left: 80px;  }
	.about-special-bg{ padding: 150px 0 260px;}
}

@media (max-width:960px) {
	.about-special-bg{ padding: 100px 0 250px;}
	.about-special{flex-direction: column;}
	.about-special-content{ width: 100%; margin-left: 0; padding-left: 0; border: none;  }
	.about-special-bg{ padding: 100px 0 220px;}
}

@media (max-width: 768px) {
	.about-special{flex-direction: column;}
	.about-special-content{ width: 100%; margin-left: 0; padding-left: 0; border: none;  }
	.about-special-content > p{ font-size: 16px;}
	.about-special-bg{ padding: 50px 0 150px;}
	.about-special-content ul{ margin-top: 40px; }
	.about-special-content ul li img{width: 60px;}
	.about-special-content ul li h3{ font-size: 18px; color:}
}

@media (max-width: 640px) {
	.about-special-content > p{ font-size: 14px;}
}

/*  */
.about-advant-bg{ position: relative; background-image: url(../images/about/advant-bg.png);}

.about-advant-infos{width: 51%; padding: 120px 0 150px;}
.about-advant-content{margin-top: 40px;}
.about-advant-content ul li{align-items: flex-start; padding: 20px 0;}
.about-advant-content ul li img{width: 45px;}
.about-advant-content ul li div{flex: 1; padding-left: 15px;}
.about-advant-content ul li div h3{font-size: 24px; line-height: 1.8;}
.about-advant-content ul li div p{ margin-top: 15px; line-height: 1.6; font-size: 18px; color: #666;}

.about-advant-poster{ position: relative; width: 49%; }
.about-advant-poster img{position: absolute; bottom: 0; left: 0; width: 100%;}

@media (max-width:1600px) {
	.about-advant-infos{width: 51%; padding: 120px 0 60px;}
	.about-advant-content ul li{align-items: flex-start; padding: 10px 0;}
}

@media (max-width:1200px) {
	.about-advant-infos{width: 51%; padding: 60px 0 ;}
	.about-advant-content{margin-top: 20px;}
	.about-advant-content ul li{align-items: flex-start; padding: 10px 0;}
	.about-advant-content ul li div h3{font-size: 20px; line-height: 2.3;}
	.about-advant-content ul li div p{ margin-top: 5px; line-height: 1.4; font-size: 16px;}
}

@media (max-width:1000px) {
	.about-advant-infos{width: 100%; }
	.about-advant-poster{ position: absolute; bottom: 0; right: 0; z-index: -1; width: 49%; }
}

@media (max-width:640px) {
	.about-advant-content ul li div p{font-size: 14px; }
}
/*  */
.about-honor-desc{max-width: 800px; margin: 0 auto; line-height: 1.6; font-size: 18px; text-align: center;}

.about-honor-swiper{position: relative; margin-top: 50px; padding: 0 100px;}
.about-honor-swiper .swiper-button-next,
.about-honor-swiper .swiper-button-prev{ margin-top: -25px; background: none; width: 50px; height: 50px; background:none!important;}
.about-honor-swiper .swiper-button-next::after,
.about-honor-swiper .swiper-button-prev::after{display: none;}
.about-honor-item{border: 8px solid #F6F6F7;}
.about-honor-item img{width: 100%;}

@media (max-width:640px) {
    
	.about-honor-desc{ font-size: 16px; }
	
    .about-honor-swiper{position: relative; margin-top: 50px; padding: 0 70px;}
    
    .about-honor-swiper .swiper-button-next,
    .about-honor-swiper .swiper-button-prev{ margin-top: -20px; background: none; width: 40px; height: 40px;}
}
/* 
*
----------------------------------  product 
*
*/
.product-banner{position: relative; overflow: hidden;}
.product-banner picture{display: block;}
.product-banner picture img{width: 100%;}
.product-banner-desc{position: absolute; top: 0;left: 0; width: 100%; height: 100%; padding: 0 15px;  display: flex; align-items: center; justify-content: center; text-align: center; }
.product-banner-desc h4{ font-size: 18px; color: #fff; text-transform: uppercase;}
.product-banner-desc h3{ margin: 15px 0 30px; font-size: 40px; color: #fff;}
.product-banner-desc p{ max-width: 680px; line-height: 1.4; font-size: 20px; color: #fff;}

@media (max-width:1200px) {
	.product-banner-desc {padding-left: 30px;}
	.product-banner-desc h4{ font-size: 16px; color: #fff;}
	.product-banner-desc h3{ margin: 15px 0 30px; font-size: 32px;}
	.product-banner-desc p{ font-size: 18px;}
	.product-banner-desc a{ margin-top: 30px; padding: 0 30px; line-height: 40px; font-size: 16px; }
	
}

@media (max-width:768px) {
	.product-banner-desc {padding-left: 15px;}
	.product-banner-desc h4{ font-size: 16px;}
	.product-banner-desc h3{ margin: 15px 0 ; font-size: 24px;}
	.product-banner-desc p{ max-width: 450px; line-height: 1.4; font-size: 14px;}
	.product-banner-desc a{ margin-top: 20px; padding: 0 20px; line-height: 40px; font-size: 14px; }
}

/*  */
.product-bg{background-color: #f7f7f7;}

.product-left{width: 80%; padding-right: 60px;}
.product-right{width: 20%;}
@media (max-width:1600px) {
	.product-left{width: 72%; padding-right: 25px;}
	.product-right{width: 28%;}
}

@media (max-width:1200px) {
	.product-left{width: 100%; padding-right: 0;}
	.product-right{width: 100%;}
}

.product-lists ul {margin-left: -45px;}
.product-lists ul li{width: 50%; padding-left: 45px; margin-bottom: 45px;}

.product-item{ padding: 60px; background-color: #fff;}
.product-pic{overflow: hidden;}
.product-pic img{width: 100%;}

.product-title{ margin-top: 20px; text-align: center;}
.product-title p{ font-size: 20px; color: var(--default);}
.product-title h3{ margin-top: 15px; font-size: 24px; line-height: 1.4;}
.product-title a{ position: relative; z-index: 1; margin-top: 30px; display: inline-block; padding: 0 50px; line-height: 40px; font-size: 18px; border: 1px solid #666; color: #666;}
.product-title a::after {position: absolute;top: 0;left: 0; content: ''; width: 0; height: 100%; background: rgba(29, 101, 55, .9); z-index: -1; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); transition: .3s;}
.product-title a:hover{color: #fff; border-color: var(--default);}
.product-title a:hover::after{width: 100%;}

@media (max-width:1600px) {
	.product-lists ul {margin-left: -25px;}
	.product-lists ul li{width: 50%; padding-left: 25px; margin-bottom: 25px;}
}

@media (max-width:1440px) {
	.product-item{ padding: 30px; background-color: #fff;}
	.product-title p{ font-size: 18px; color: var(--default);}
	.product-title h3{ margin-top: 15px; font-size: 20px;}
	.product-title a{padding: 0 40px; font-size: 16px;}
}

@media (max-width:1200px) {
	.product-item{ padding: 30px; background-color: #fff;}
	.product-title p{ font-size: 18px; color: var(--default);}
	.product-title h3{ margin-top: 15px; font-size: 20px;}
	.product-title a{padding: 0 40px; font-size: 16px;}
}

@media (max-width: 768px) {
	.product-lists ul li{width: 100%; }
}
/*  */




.product-aside-item{ margin-bottom: 25px; padding: 30px; background-color: #fff;}
@media (max-width:640px) {
	.product-aside-item{ margin-bottom: 15px; padding: 30px 15px;}
}

.product-select select{width: 100%; display: block; padding: 0 15px; height: 40px; line-height: 40px; border: 1px solid #999; background-color:#fff;}
.product-select select option{ margin: 15px 0; padding: 15px 0; height: 40px;}

.product-aside-title{justify-content: space-between;}
.product-aside-title a{position: relative; display: inline-block; padding-right: 15px; color: var(--default);}
.product-aside-title a i{ position: absolute; top: 3px; right: 0; display: inline-block; width: 8px; height: 8px; border-top: 1px solid var(--default); border-right: 1px solid var(--default); transform: rotate(45deg);}
.product-tags{margin-top: 20px;}
.product-tags a{ display: inline-block; margin: 0 8px 8px 0; padding: 0 10px; line-height: 1.8; background-color: #eee;}
.product-tags a:hover{background-color: var(--default); color: #fff;}

.product-sendarticle{margin-top: 30px;}
.product-sendarticle ul li{padding: 15px 0; border-bottom: 1px solid #eee;}
.product-sendarticle ul li:first-child{border-top: 1px solid #eee;}
.product-sendarticle ul li a{ position: relative; display: block; padding-left: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product-sendarticle ul li a::before{position: absolute; top: 5px; left: 0; content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: var(--default);}
.product-sendarticle ul li a:hover{color: var(--default);}


.product-hotarticle ul li{margin-top: 25px;}
.product-hotarticle ul li a{ position: relative; display: block; height: 200px; overflow: hidden;}
.product-hotarticle ul li a img {width:100%;height:auto;}/*ykit.cn修复*/
.product-hotarticle ul li a h3{position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 12px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px;}
.product-hotarticle ul li a h3::after {position: absolute;top: 0;left: 0; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: -1; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); transition: .3s;}

.product-hotarticle ul li a:hover img{transform: scale(1.2);}
.product-hotarticle ul li a:hover h3{background: rgba(29, 101, 55, .6);}

/*.product-hotarticle ul li a img {width:100%;height:auto;}与311行相同*/
@media (max-width:1200px) {
	.product-hotarticle ul{ display: flex; flex-wrap: wrap; margin-left: -25px;}
	.product-hotarticle ul li{width: 50%; padding-left: 25px;}
}

@media (max-width:768px) {
	.product-hotarticle ul li{width: 100%;}
}


/* 
*
----------------------------------  product detail
*
*/
.detail-product-head{ padding: 60px 0 140px; justify-content: space-between;}
.detail-product-name{ width: 30%;}
.detail-product-title p{ font-size: 24px; color: var(--default);}
.detail-product-title h1,
.detail-product-title h3{ margin-top: 15px; font-size: 32px;}

.detail-product-desc{width: 60%;}
.detail-product-desc p{line-height: 1.6; font-size: 18px; color: #666;}


@media (max-width:1200px) {
	.detail-product-head{ padding: 30px 0 60px;}
	.detail-product-name,
	.detail-product-desc{width: 100%;}
	.detail-product-desc{margin-top: 25px;}
	.detail-product-desc p{ font-size: 16px;}
	
	.detail-product-title p{ font-size: 20px;}
	.detail-product-title h1,
	.detail-product-title h3{ margin-top: 15px; font-size: 28px;}
	
}

@media (max-width:768px) {
	.detail-product-title p{ font-size: 18px;}
	.detail-product-title h1,
	.detail-product-title h3{ margin-top: 15px; font-size: 22px;}
}

@media (max-width: 640px) {
	.detail-product-title p{ font-size: 18px;}
	.detail-product-desc p{ font-size: 14px;}
}
/*  */
.detail-product-nav{ background-color: #fff; box-shadow: 0px 4px 10px rgba(190, 190, 190, 0.25);}
.detail-product-nav ul{justify-content: center;}
.detail-product-nav ul li{margin: 0 35px;}
.detail-product-nav ul li a{ position: relative; display: block; line-height: 60px; font-size: 18px;}
.detail-product-nav ul li a::before{position: absolute; bottom: 0; left: 0; content: ""; width: 0; height: 4px; background-color: var(--default); transition: .3s;}
.detail-product-nav ul li a:hover,
.detail-product-nav ul li.on a{ color: var(--default);}
.detail-product-nav ul li a:hover::before,
.detail-product-nav ul li.on a::before{ width: 100%;}

@media (max-width: 768px) {
	.detail-product-nav ul li{margin: 0 25px;}
	.detail-product-nav ul li a{line-height: 50px;  font-size: 16px;}
}

@media (max-width: 640px) {
	.detail-product-nav ul li{margin: 0 10px; }
	.detail-product-nav ul li a{line-height: 40px; font-size: 14px;}
}
/*  */

.detail-product-images{width: 50%; padding: 80px 160px; background: linear-gradient(rgba(239,242,244,255) 0%,rgba(255,255,255,255) 100%);}

/*.detail-product-poster{border: 1px solid #333;}*/
.detail-product-poster img{width: 100%;}

.detail-product-swiper{position: relative; margin-top: 50px; padding: 0 40px;}
.detail-product-swiper .swiper-slide {border: 1px solid #eee;}
.detail-product-swiper .swiper-slide img{width: 100%;}
.detail-product-swiper .swiper-button-next,
.detail-product-swiper .swiper-button-prev{top: 0; margin-top: 0; height: 100%; display: flex; align-items: center; justify-content: center;outline: none; border: 1px solid #666; z-index: 3;}
.detail-product-swiper .swiper-button-next::after,
.detail-product-swiper .swiper-button-prev::after{font-size: 20px; color: #666;}
.detail-product-swiper .swiper-button-next{right: 0;}
.detail-product-swiper .swiper-button-prev{left: 0;}
.detail-product-swiper .swiper-button-next:hover,
.detail-product-swiper .swiper-button-prev:hover{border-color: var(--default);}
.detail-product-swiper .swiper-button-next:hover::after,
.detail-product-swiper .swiper-button-prev:hover::after{color: var(--default);}

.detail-product-special{width: 50%; padding: 120px 160px; background-color: #FCFCFC;}
.detail-product-special ul{margin-top: 50px;}
.detail-product-special ul li{padding: 25px 0; border-bottom: 1px solid #eee;}
.detail-product-special ul li:first-child{border-top: 1px solid #eee;}
.detail-product-special ul li p{ position: relative; display: block; padding-left: 15px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.detail-product-special ul li p::before{position: absolute; top: 7px; left: 0; content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: var(--default);}


@media (max-width:1600px) {
	.detail-product-images,
	.detail-product-special{padding: 100px;}
	.detail-product-special ul{margin-top: 40px;}
	.detail-product-special ul li{padding: 20px 0;}
}

@media (max-width:1200px) {
	.detail-product-images,
	.detail-product-special{padding: 50px;}
	.detail-product-special ul{margin-top: 40px;}
	.detail-product-special ul li{padding: 20px 0;}
}

@media (max-width:1000px) {
	.detail-product-images,
	.detail-product-special{padding: 50px;}
	.detail-product-special ul{margin-top: 40px;}
	.detail-product-special ul li{padding: 15px 0;}
	
	.detail-product-special ul li p{ font-size: 16px;}
	.detail-product-special ul li p::before{ top: 5px;}
	
}


@media (max-width: 860px) {
	.detail-product-images,
	.detail-product-special{ width: 100%;}
}

@media (max-width: 640px) {
    .detail-product-special{padding: 50px 20px;}
	.detail-product-special ul li p{font-size: 14px;}
}



/*  */

.detail-product-contents{ max-width: 1200px; margin: 0 auto; padding-bottom: 100px;}

.detail-product-contents .detail-product-title{padding-top: 100px; text-align: center;}
.detail-product-content-image{margin-top: 60px;}
.detail-product-content-image div{width: 100%; overflow-x: auto;}




@media (max-width: 1230px) {
	.detail-product-contents{ padding: 0 15px 50px;}
}


@media (max-width: 640px) {
    .detail-product-contents .detail-product-title{padding-top: 50px; }
    .detail-product-content-image{margin-top: 30px;}
    .detail-product-content-image img{width:768px}    
}



.detail-app-bg{background-color: #F8F9FA;}

.detail-app-swiper{ position: relative; margin-top: 40px;}

.detail-app-arrows{position: absolute; top: -60px; right: 0; display: block; width: 120px;}
.detail-app-arrows .swiper-button-prev,
.detail-app-arrows .swiper-button-next{ margin-top: -25px; width: 50px; height: 50px; border: 1px solid var(--default);}
.detail-app-arrows .swiper-button-prev::after,
.detail-app-arrows .swiper-button-next::after{font-size: 18px; color: var(--default);}

.detail-app-arrows .swiper-button-prev{left: 0;}
.detail-app-arrows .swiper-button-next{right: 0;}

.detail-app-item{ flex-direction: column; justify-content: space-between; height: 400px; padding: 60px 50px;}
.detail-app-item h3{font-size: 30px; color: #fff;}
.detail-app-item a{ position: relative; z-index: 1; margin-top: 50px; display: inline-block; max-width: 180px; padding: 0 50px 0 20px; line-height: 50px; font-size: 18px; border: 2px solid #fff; color: #fff; overflow: hidden;}
.detail-app-item a i{ position: absolute; top: 20px; right: 20px;  display: inline-block; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg);}


.detail-app-item a::after {position: absolute;top: 0;left: 0; content: ''; width: 0; height: 100%; background: rgba(255, 255, 255, 0.2); z-index: -1; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); transition: .3s;}
.detail-app-item a:hover::after{width: 100%;}
@media (max-width: 1200px) {
	.detail-app-item{ height: 300px; padding:30px;}
	.detail-app-item h3{font-size: 24px; }
	.detail-app-item a{ margin-top: 30px; max-width: 160px; padding: 0 50px 0 20px; line-height: 40px; font-size: 16px;}
	.detail-app-item a i{top: 15px; }
}

@media (max-width: 768px) {
	.detail-app-arrows{ width: 90px;}
	.detail-app-arrows .swiper-button-prev,
	.detail-app-arrows .swiper-button-next{ margin-top: -20px; width: 40px; height: 40px; }
	.detail-app-item h3{font-size: 20px; }
}
/* 
*
----------------------------------  news
*
*/

.news-category{display: inline-block; padding-bottom: 40px;}
.news-category ul li{margin-right: 15px;}
.news-category ul li a{ display: inline-block; padding: 0 25px; line-height: 45px;  border: 1px solid #eee; color: #666;}
.news-category ul li.on a,
.news-category ul li a:hover{background-color: var(--default); color: #fff; border: 1px solid var(--default);}

@media (max-width: 640px) {
    .news-category ul li a{  padding: 0 15px; line-height: 35px; }
}

.news-lists ul li{ width: 100%; margin-bottom: 45px;}

.news-item{ height: 100%; background-color: #fff; overflow: hidden;}
.news-pic{ position: relative; display: block; width: 400px; min-height: 300px; height: 100%; overflow: hidden;}
.news-pic::before{position: absolute; top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; background-color: rgba(29, 101, 55,.4); opacity: 0; visibility: hidden; transition: .3s;}

.news-content{ position: relative; flex: 1; padding: 30px 60px; }
.news-content::before,
.news-content::after{position: absolute; bottom: 0; left: 0; content: ''; width: 0; height: 1px; background-color: var(--default); transition: .3s;}
.news-content::after{height: 5px; bottom: -2px;}

.news-content span{font-size: 18px; color: #808080;}
.news-content h3{ margin-top: 10px;}
.news-content h3 a{display: block; height: 30px; line-height: 1.4; font-size: 24px; color: #172045; overflow: hidden;}
.news-content p{ margin-top: 25px; line-height: 1.4; font-size: 16px; color: #666; overflow: hidden;}

.news-item:hover .news-pic::before{ opacity: 1; visibility: visible;}
.news-item:hover .news-pic img{transform: scale(1.2);}

.news-content > a{ position: relative; z-index: 1; margin-top: 30px; display: inline-block; max-width: 180px; padding: 0 50px 0 20px; line-height: 50px; font-size: 18px; border: 2px solid #666; color: #666; overflow: hidden;}
.news-content > a i{ position: absolute; top: 20px; right: 20px;  display: inline-block; width: 10px; height: 10px; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg);}
.news-content > a:hover{color: #fff; border-color: var(--default);}
.news-content > a:hover i{ border-color: #fff;}
.news-content > a::after {position: absolute;top: 0;left: 0; content: ''; width: 0; height: 100%; background: rgba(29, 101, 55, 0.7); z-index: -1; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); transition: .3s;}
.news-content > a:hover::after{width: 100%;}

@media (max-width:1000px) {
	.news-content{  padding: 30px; }
}

@media (max-width:860px) {
	.news-pic{width: 50%;}
	.news-content h3 a{ height: 24px; font-size: 20px; }
	.news-content p{ margin-top: 15px;}
}

@media (max-width: 768px) {
	.news-pic{height: 250px;}
	.news-content > a{ margin-top: 20px; max-width: 160px; padding: 0 30px 0 20px; line-height: 40px;}
	.news-content > a i{  top: 15px; }
}

@media (max-width: 640px) {
	.news-content{padding: 20px 15px; }
	.news-content span{font-size: 14px;}
	.news-content h3 a{ font-size: 18px; }
	.news-content p{ font-size: 14px;  }
	.news-content > a{ margin-top: 30px; padding: 0 50px 0 20px; line-height: 40px; font-size: 16px;}
}

@media (max-width: 480px) {
	.news-pic{width: 100%;}
	.news-content{ width: 100%; }
}

/* 
*
---------------------------------- news detail 
*
*/
.news-detail{ padding: 60px; background-color: #fff;}
.news-detail-title-images{padding-bottom: 40px;}
.news-detail-title-images img {width:100%;height:auto;}
.news-detail-title{padding-bottom: 40px;}
.news-detail-title h1{font-size: 32px; line-height: 1.4;}
.news-detail-title p{margin-top: 20px; font-size: 18px; color: #C4C4C4;}
.news-detail-title p span{ position: relative; display: inline-block;padding-right: 15px; margin-right: 15px;}
.news-detail-title p span:first-child::before{position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 16px; background-color: #999;}

.news-detail-content{padding: 20px 0 40px; margin-bottom: 40px; line-height: 1.6; border-bottom: 1px solid #C6C6C6; font-family: Arial !important;}
.news-detail-content img{max-width: 100%; height: auto;}
.news-detail-content p{margin-bottom: 15px; color: #666;}

.next-article{ position: relative; padding: 40px 0; overflow: hidden;}
.next-article ul{margin-left: -25px; background-color: #fff;}
.next-article ul li{padding-left: 25px; width: 50%;}
.next-article ul li a{ display: block; padding: 25px;  font-size: 18px; line-height: 1.4; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.next-article ul li a:hover{ color: var(--default); }

.article-likes{margin-top: 40px; padding-top: 40px; border-top: 1px solid #C6C6C6;}
.article-likes ul{justify-content: center;}
.article-likes ul li{margin: 5px 10px;}
.article-likes ul li a{ display: inline-block; padding: 0 35px; line-height: 45px;  border: 1px solid #eee; color: #666;}
.article-likes ul li.on a,
.article-likes ul li a:hover{background-color: var(--default);}
.article-likes ul li.on a span,
.article-likes ul li a:hover span{ color: #fff;}
.article-likes ul li.on a svg path,
.article-likes ul li a:hover svg path{fill: #fff;}

@media (max-width:1200px) {
	.news-detail{ padding: 50px; }
	.next-article ul{display: block;}
	.next-article ul li{width: 100%;}
	.next-article ul li a{ padding: 15px; white-space: initial; }
}

@media (max-width: 768px) {
	.news-detail{ padding: 15px; }
	.news-detail-title h1{font-size: 24px; line-height: 1.4;}
	.next-article ul{padding: 10px 0;}
	.next-article ul li a{ padding: 5px 15px ; font-size: 14px; }
	
	.article-likes{margin-top: 20px; padding-top: 20px;}
}

@media (max-width: 640px)  {
	.news-detail-title{padding-bottom: 20px;}
	
    .news-detail-title h1{font-size: 20px;}
    .news-detail-title p{ font-size: 14px;}
	
	
	.article-likes ul li a{ line-height: 40px;}
}
/* 
*
---------------------------------- solution 
*
*/


.solutin-bg{ background: linear-gradient( to top, rgba(239,242,244,255) 0%,rgba(255,255,255,255) 100%);}
.solutin-technical{padding-top: 0;}

.solutin-technical-swiper{position: relative; margin-top: 60px; padding: 0 80px;}
.solutin-technical-swiper .swiper-button-prev,
.solutin-technical-swiper .swiper-button-next{ margin-top: -25px; width: 50px; height: 50px; border: 1px solid var(--default);}
.solutin-technical-swiper .swiper-button-prev::after,
.solutin-technical-swiper .swiper-button-next::after{font-size: 18px; color: var(--default);}

.solutin-technical-swiper .swiper-button-prev{left: 0;}
.solutin-technical-swiper .swiper-button-next{right: 0;}

.solutin-technical-swiper .swiper-slide{height: auto; }
.solutin-technical-item{ margin-top: 32px; padding: 0 50px 80px; height: 100%;  background-color: #fff; text-align: center;}
.solutin-technical-item span{ display: inline-block; width: 64px; height: 64px; line-height: 64px; font-size: 24px; border-radius: 50%; color: #fff; background-color: var(--default); transform: translateY(-32px);}
.solutin-technical-item h3{ margin: 40px 0 30px; font-size: 28px; line-height: 1.4;}
.solutin-technical-item p{ line-height: 1.6; font-size: 18px; color: #666; text-align: left; }

.solutin-technical-ico{ position: relative; width: 230px; margin: 0 auto;}
.solutin-technical-ico img{width: 100%;}
.solutin-technical-ico img:last-child{position: absolute; top: 0; left: 0; width: 100%;}
@media (max-width: 1600px) {
	.solutin-technical-item{ margin-top: 25px; padding: 0 30px 50px;}
	.solutin-technical-item span{ display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 20px; transform: translateY(-25px);}
	.solutin-technical-item h3{ margin: 30px 0; font-size: 24px;}
	.solutin-technical-item p{ line-height: 1.6; font-size: 16px;}
	.solutin-technical-ico{width: 200px;}
}

@media (max-width: 768px) {
	.solutin-technical-swiper{ margin-top: 20px; padding: 0 60px;}
	.solutin-technical-item{ margin-top: 25px; padding: 0 20px 30px;}
	.solutin-technical-item span{ width: 40px; height: 40px; line-height: 40px; font-size: 18px; transform: translateY(-20px);}
	.solutin-technical-item h3{ margin: 20px 0; font-size: 24px;}
	.solutin-technical-ico{width: 150px;}
}


@media (max-width: 640px) {
	.solutin-technical-swiper{ margin-top: 20px; padding: 0 65px;}
	
	.solutin-technical-swiper{position: relative; padding: 0 60px;}
    .solutin-technical-swiper .swiper-button-prev,
    .solutin-technical-swiper .swiper-button-next{ margin-top: -20px; width: 40px; height: 40px;}
    .solutin-technical-swiper .swiper-button-prev::after,
    .solutin-technical-swiper .swiper-button-next::after{font-size: 16px; color: var(--default);}
	
	.solutin-technical-item{ margin-top: 25px; padding: 0 20px 30px;}
	.solutin-technical-item h3{ margin: 20px 0; font-size: 18px;}
	.solutin-technical-ico{width: 120px;}
	
	
}

/*  */
.solution-cases{margin-top: 20px;}
.solution-cases ul{margin-left: -35px;}
.solution-cases ul li{ width: 33.33%; padding-left: 35px;}
.solution-cases ul li a{display: block;}
.solution-cases-pic{overflow: hidden;}
.solution-cases-pic img{width: 100%;}

.solution-cases-title{padding: 25px 25px 35px; background-color: #FAFBFC;}
.solution-cases-title p{font-size: 18px; color: #666;}
.solution-cases-title h3{ margin-top: 15px; font-size: 24px; line-height: 1.4; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.solution-cases ul li a:hover .solution-cases-pic img{transform: scale(1.1);}
.solution-cases ul li a:hover .solution-cases-title h3{color: var(--default);}

.solution-cases-more{text-align: center;}
.solution-cases-more a{ position: relative; z-index: 1; margin-top: 50px; display: inline-block; max-width: 180px; padding: 0 50px; line-height: 50px; font-size: 18px; border: 2px solid #666; color: #666; overflow: hidden;}
.solution-cases-more a::after {position: absolute;top: 0;left: 0; content: ''; width: 0; height: 100%; background: rgba(29, 101, 55, 0.7); z-index: -1; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); transition: .3s;}

.solution-cases-more a:hover{color: #fff; border-color: var(--default);}
.solution-cases-more a:hover::after{width: 100%;}


@media (max-width: 1700px) {
	.solution-cases-title h3{ margin-top: 15px; font-size: 20px; line-height: 1.4; }
}

@media (max-width: 1200px) {
	.solution-cases ul{margin-left: -15px;}
	.solution-cases ul li{ padding-left: 15px;}
	.solution-cases-title{padding: 15px 15px 25px ;}
}

@media (max-width: 960px) {
	.solution-cases ul{ justify-content: center;}
	.solution-cases ul li{ width: 50%; margin-bottom: 15px;}
	.solution-cases-title{padding: 15px 15px 25px ;}
}

@media (max-width: 768px) {
	.solution-cases ul li{ width: 100%; margin-bottom: 25px;}
}

@media (max-width:640px) {
	.solution-cases-title p{font-size: 14px;}
	.solution-cases-title h3{ font-size: 18px;}
	
	.solution-cases-more a{ margin-top: 40px; max-width: 180px; padding: 0 40px; line-height: 40px; font-size: 16px; }
	
}

/* 
*
---------------------------------- contact 
*
*/
.contact-map-bg{ padding-bottom: 100px; background-color: #F7F7F7;}
.contact-map-desc{ font-size: 18px; text-align: center; color: #666;}

.contact-infos ul{margin-left: -80px;}
.contact-infos ul li{width: 33.33%; padding-left: 80px; margin-top: -1px;}
.contact-infos-item{ padding: 25px 0; height: 100%; border-top: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5;}
.contact-infos-item h3{font-size: 20px; color: var(--default);}
.contact-infos-item p{ margin-top: 10px; word-break: break-all; line-height: 1.4; font-size: 20px; color: #666;}

.contact-map-wx{ margin-top: 25px;}
.contact-map-wx h3{ font-size: 20px; color: var(--default);}
.contact-map-wx img{ margin-top: 20px; width: 140px;}

@media (max-width:1200px) {
	.contact-infos ul{margin-left: -30px;}
	.contact-infos ul li{ padding-left: 30px;}
	
	.contact-infos-item{ padding: 15px 0;}
	.contact-infos-item h3{font-size: 18px;}
	.contact-infos-item p{font-size: 16px;}
}

@media (max-width: 768px) {
	.contact-infos ul li{ width: 50%;}
	
	.contact-map-bg{ padding-bottom: 50px;}
}

@media (max-width: 640px) {
	.contact-infos ul li{ width: 100%;}
	.contact-infos-item h3{font-size: 14px;}
	.contact-infos-item p{ margin-top: 5px; font-size: 14px;}
	
	.contact-map-wx{ margin-top: 25px;}
	.contact-map-wx h3{ font-size: 16px;}
	.contact-map-wx img{ margin-top: 10px; width: 100px;}
	
}


.BMap_bubble_pop,
.shadow{transition: none;}
#baidumap{ position:relative; height: 600px;}
.baidumap-mask{position:absolute; top:0; left:0; z-index:11; width:100%; height:100%;}

@media (max-width: 768px) {
	#baidumap{height: 400px;}
}

@media (max-width: 640px) {
	#baidumap{height: 300px;}
}



/* tags */
.tags-lists{}
.tags-lists ul li a{ display: inline-block; margin: 0 8px 8px 0; padding: 0 10px; line-height: 1.8; background-color: #fff;}
.tags-lists ul li a:hover{background-color: var(--default); color: #fff;}