@charset "utf-8";
.pages-background{padding-bottom: 100px; background-color: #FAFAFA;}
@media (max-width: 768px) {
	.pages-background{ padding-bottom: 50px; }
}

/* 
*
----------------------------------  about 
*
*/
.about-desc-bg{ padding: 80px;}
.about-desc-width{max-width: 600px;}
.about-desc-content{ margin-top: 30px;} 
.about-desc-content p{ margin-top: 15px; color: #fff; }
@media (max-width:768px) {
	.about-desc-bg{ padding: 50px;}
}

@media (max-width:640px) {
	.about-desc-bg{ padding: 30px;}
}


/*  */
.about-mission-icos{ text-align: center;}
.about-mission-icos ul{justify-content:space-between;}
.about-mission-icos ul li{width: 18%; padding: 40px 26px; margin-top: 50px; text-align: center;border: 1px solid rgb(240, 243, 250);

border-radius:
3px;}
.about-mission-icos ul li img{width: 50%; margin:0 auto;}
.about-mission-icos ul li i{font-size: 64px; color: var(--default);} 
.about-mission-icos ul li h3{ margin-top: 10px; font-size: 18px; color:#808080;}

@media (max-width:1200px) {
	.about-mission-icos ul li h3{ font-size: 16px;}

}

@media (max-width:768px) {
	.about-mission-icos ul li{width: 30%; margin-top: 30px; }
		.about-mission-icos ul li h3{ font-size: 14px;}
}


@media (max-width:640px) {
	.about-mission-icos ul li{width: 48%;  margin-top: 20px;padding: 20px;}

}



/*  */
.about-photo-swiper{position: relative; margin-top: 50px; padding-bottom: 20px;}
.about-photo-swiper .swiper-slide{display: flex;}
.about-photo-swiper .swiper-slide img{ width: 100%;}

.about-photo-swiper .swiper-scrollbar{ position: absolute; left: 0; bottom: 0; width: 100%; height: 2px;}

.about-photo-swiper .swiper-scrollbar .swiper-scrollbar-drag{background-color: var(--default);}

/* 
*
----------------------------------  product 
*
*/
.product-wrapper{justify-content: flex-start;}

.product-left{ width: 300px;}
.product-right{flex: 1; padding-left: 50px;}

.product-left-head{ padding: 30px 15px; background-color: var(--default);}



.product-menu{ padding: 30px 0; background-color: #fff;}


.product-menu-f1 { margin-bottom: 10px;}
.product-menu-f1 h3 {position: relative;}
.product-menu-f1 h3 a { padding-left: 30px; font-size:16px; color: #333;}
.product-menu-f1 h3 span{position: absolute;top: 0; right: 15px; width: 14px;height: 100%; }
.product-menu-f1 h3 span::before,
.product-menu-f1 h3 span::after{position: absolute; top: 50%; content: ''; margin-top: -1px; width: 100%; height: 2px; background-color: #666; transition: .3s;}
.product-menu-f1 h3 span::before{}
.product-menu-f1 h3 span::after{transform: rotate(90deg);}

.product-menu-f2 { margin-top: 10px;display: none;}
.product-menu-f2 ul li{ padding-left: 30px; line-height: 30px;}
.product-menu-f2 ul li a{ font-size: 16px; color: #666;}

/*  */
.product-menu-f2 ul li>a:hover,
.product-menu-f2 ul li.on>a{ background-color : var(--default);} 
.product-menu-f2 ul li>a:hover,
.product-menu-f2 ul li.on>a{color: #fff;}
/* .product-menu-f1:hover>a, */

.product-menu-f1.product-menu-active h3 a{color:var(--default);}
.product-menu-f1.product-menu-active h3 span::before,
.product-menu-f1.product-menu-active h3 span::after{background-color: var(--default);}
.product-menu-f1.product-menu-active h3 span::after{transform: rotate(180deg);}

.product-menuSub-active>a{background-color: var(--default);}
.product-menuSub-active>a{ color:#fff!important;}

/*  */
.product-search{margin-left: auto; margin-bottom: 20px; width: 330px;}
.product-search form{align-items: center; border: 1px solid #ccc; background-color: #fff;}
.product-search button{display: inline-block; width: 40px; border: none; background-color: #fff;}
.product-search button i{ font-size: 22px; color: var(--default);}
.product-search input{ padding-left: 15px; font-size: 18px; flex: 1; display:block; line-height: 40px; }
/*  */
.product-lists ul {margin-left: -30px;}
.product-lists ul li{ width: 33.33%; padding-left: 30px; margin-bottom: 30px;}

/* mb */
.product-menu-title{position: relative; display: none; padding: 5px 0; cursor: pointer;}
.product-menu-title h3{font-size: 18px;}
.product-menu-title i {position: absolute;top: 9px;right: 10px;width: 8px;height: 8px;border-top: 1px solid #999;border-right: 1px solid #999;transform: rotate(135deg);}
.product-menu-title-actvie h3{color: var(--default);}


@media (max-width:1400px) {
	.product-left{ width: 260px;}
	.product-right{flex: 1; padding-left: 30px;}

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


@media (max-width:1000px) {
	.product-left{ width: 100%;}
	.product-right{flex: 1; width: 100%; margin-top: 25px; padding-left: 0;}
	
	.product-menu-title{display: block;}
	.product-menu{display: none;}

	.product-search{ width: 100%;}

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

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


/* 
*
----------------------------------  product detail
*
*/
.product-detail-bg{padding: 50px; background-color: #fff;}

.product-detail{}
.product-detail-left{width: 50%;}
.product-detail-right{width: 50%; padding-left: 50px;}

/*  */
.detail-product-poster{ position: relative; align-items: center; justify-content: center; padding: 30px; width: 100%; height: 400px; border: 1px solid #eee; overflow: hidden;}
.detail-product-poster img{max-width: 100%; max-height: 100%;}

.detail-product-swiper{position: relative; margin-top: 20px;}
.detail-product-swiper .swiper{padding-bottom: 10px;}
.detail-product-swiper .swiper-scrollbar{height: 2px!important;}
.detail-product-swiper .swiper-slide .detail-product-swiper-item { align-items: center; justify-content: center; padding: 15px; height: 100px; border: 1px solid rgb(230, 230, 230);}
.detail-product-swiper .swiper-slide .detail-product-swiper-item img{max-width: 100%; max-height: 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);} */
/*  */
.product-detail-title{ margin-bottom: 20px;}
.product-detail-title h1{font-size: 26px; color: var(--default);}
.product-detail-title h1 p{color: var(--default);}


.product-detail-parms ul li{ padding: 10px 15px; font-size: 18px; color: #666; background-color: #eee;}
.product-detail-parms ul li:nth-child(2n){background-color: #fff;}
.product-detail-parms ul li span{display:block; width: 150px;}
.product-detail-parms ul li p{flex: 1; color: #333;}

.product-detail-content p{margin-top: 30px;}
.product-detail-content img{max-width: 100%!important; max-height: 100%!important; width: auto!important; height: auto!important; }

@media (max-width: 768px) {
	.detail-product-poster{ height: 360px; padding:15px;}
}

@media (max-width: 1200px) {
	.product-detail-left{width: 100%;}
	.product-detail-right{ margin-top: 25px; width: 100%; padding-left: 0;}
	.product-detail-title h1{font-size: 24px;}

	
}
@media (max-width: 860px) {
	
}

@media (max-width: 640px) {
	.product-detail-bg{padding: 15px;}
	.product-detail-title h1{font-size: 20px;}
	.product-detail-parms ul li{ display: block;  font-size: 14px; }
	.product-detail-parms ul li p{flex: auto; margin-top: 10px; font-size: 16px;}
	
}


/* 
*
----------------------------------  service 
*
*/
.service-wrap{max-width:1200px; margin:0 auto;}

.service-lists{ margin-top: 50px;}
.service-lists .service-item:nth-child(2n+1){flex-direction: row-reverse;}
.service-content{width: 50%; padding: 80px 60px; display:flex; align-items:center; background-color: #FAFAFA;}
.service-content span{font-size: 18px; color: var(--default); text-decoration: underline;}
.service-content p{ margin-top: 87px; font-size: 16px; }

.service-pic{width: 50%;}
.service-pic img{width:100%;}

@media (max-width: 1200px) {
	.service-content{ padding: 50px;}
	.service-content p{ margin-top: 30px;}
	/*.service-pic{ height: 440px;}*/
}

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

	/*.service-pic{ height: 400px;}*/
}

@media (max-width: 860px) {
	.service-lists{ padding-bottom: 50px;}

	.service-content{ padding: 30px;}
	/*.service-pic{ height: 360px;}*/
}

@media (max-width: 768px) {
	/*.service-pic{ height: 300px;}*/
}

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



/* 
*
----------------------------------  faq 
*
*/
.faq-wrapper-bg{padding: 50px; background-color: #fff;}
.faq-lists ul li{ padding: 30px 0; border-bottom: 1px solid #ccc;}

.faq-title span{ display: inline-block; width: 30px; font-size: 20px; text-align: center; }
.faq-title h3{flex: 1; font-size: 20px;}


.faq-content{margin-top: 15px;}
.faq-content span{ display: inline-block; width: 30px; font-size: 14px; text-align: center; }
.faq-content div{ flex: 1; font-size: 14px;}
/* 
*
----------------------------------  news 
*
*/

.news-lists {padding: 50px 0;}
.news-lists ul li{margin-top: -1px;}
.news-lists ul li a { position: relative; justify-content: space-between; padding: 25px 0; border-bottom: 1px solid #ccc;}

.news-lists ul li:nth-child(1) {border-top: 1px solid #ccc;}
.news-lists ul li .news-data {width: 113px ; padding-left: 16px;text-align: left;font-size: 18px;color: #666;}
.news-lists ul li .news-content { width: 80%; padding-left: 23px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-lists ul li .news-ico {width: 36px; text-align: center;}

.news-lists ul li:hover {background: #F0F0F0;}

@media (max-width: 860px) {
	.news-lists ul li .news-data { margin-bottom: 10px; width:100% ; font-size: 14px; }
	.news-lists ul li .news-content { width: 90%; padding-left: 16px; font-size: 18px; }
}

@media (max-width: 480px) {
	.news-lists ul li .news-content { flex: 1; width:auto; padding-left: 16px; font-size: 18px; }
}


.news-detail-title h1{font-size: 32px;}
.news-detail-data{margin: 30px auto 50px;}
.news-detail-data p {align-items: center;}
.news-detail-data p span{font-size: 18px; color: #666;}
.news-detail-data p i{flex: 1; margin-left: 15px; height: 1px; background-color: #ccc;}

.news-detail-content p{margin-bottom: 15px;}
.news-detail-content img{max-width: 100%!important; max-height: 100%!important; width: auto!important; height: auto!important; }

.detail-next{ margin-top: 50px; padding-top: 50px; border-top: 1px solid #D9D9D9;}
.detail-next ul {justify-content: space-between;}
.detail-next ul li{width: 40%; overflow: hidden;}
.detail-next ul li:nth-child(2){width: 20%; text-align: center;}
.detail-next ul li:last-child{text-align: right;}

.detail-next-item a{flex: 1;}
.detail-next-item a:hover{color: var(--default);}

.detail-next-back a { display: inline-block; padding: 0 30px;font-size: 16px; color: #4D4D4D;line-height: 40px; border: 1px solid #CCC; border-radius: 4px;}
.detail-next-back a:hover{background-color: var(--default); color: #fff; border-color: var(--default);}

@media (max-width: 1200px) {
	.news-detail-title h1{font-size: 24px;}
	
}
@media (max-width: 860px) {
	.detail-next-item a{flex: initial;}

	.detail-next{ margin-top: 20px; padding-top: 20px;}

	.detail-next ul li{width: 100%; overflow: hidden;}
	.detail-next ul li:nth-child(2){ margin: 25px 0; width: 100%; text-align: center;}
	.detail-next ul li:first-child,
	.detail-next ul li:last-child{display: none;}
}

@media (max-width: 640px) {
	.news-detail-title h1{font-size: 20px;}
	.news-detail-data{margin: 20px auto 30px;}
	
	.detail-next{ margin-top: 20px; padding-top: 20px;}
}
/* 
*
----------------------------------  contact 
*
*/
.contact-wrapper{}

.contact-left{ padding: 60px 40px; width: 500px; background-color: var(--default);}

.contact-title h3{font-size: 20px; color: #fff;}
.contact-info{padding-top: 30px;}
.contact-info h3{ padding-bottom: 15px; color: #fff;}
.contact-info ul li{ display: flex; padding: 15px 0; border-bottom: 1px solid #468BC7; border-top: 1px solid #468BC7; color: #BBD6EC;}
.contact-info ul li span{display: inline-block; width: 76px;}
.contact-info ul li p{flex: 1; color: #BBD6EC;}

.contact-right{padding: 40px; flex: 1; background-color: #fff;}


.contact-form-title p{ margin-top: 20px; font-size: 18px; color: #666;}

.contact-form-wrapper{  justify-content: space-between;}
.contact-form-wrapper .contact-form-input{ width: 49%;}
.contact-form-input h3 i{color: red;}
.contact-form-input input{ margin-top: 20px; display: block; padding: 0 15px; width: 100%; line-height: 40px; border: 1px solid #ccc;}
.contact-form-textarea{margin-top: 20px;}
.contact-form-textarea textarea{ margin-top: 10px; padding: 0 15px; display: block; height: 280px; width: 100%; line-height: 40px; border: 1px solid #ccc;}

.contact-form-code{margin-top: 20px;}
.contact-form-code input{ padding: 0 15px; display: block; flex: 1; line-height: 40px; border: 1px solid #ccc;}
.contact-form-code img{ margin-left: 5px; width: 180px; height: 44px;}
.contact-form-submit{flex: 1; margin-top: 20px; }
.contact-form-submit button{ margin-left: auto; display: block; width: 120px; line-height: 40px; border: 1px solid #999; background-color: #999; color: #fff;}
.contact-form-submit button:hover{background-color: var(--default); border-color: var(--default);}


@media (max-width: 1200px) {
	.contact-left{ padding:40px; width: 100%;}
}

@media (max-width: 768px) {
	.contact-left{ padding:25px;}
	.contact-right{padding: 25px; }
	
	.contact-form-code{margin-top: 20px; width: 100%;}
	.contact-form-submit{width: 100%; margin-top: 20px; padding-left: 0;}
}

@media (max-width: 540px) {
	.contact-form-wrapper{ margin-top: 0; justify-content: space-between;}
	 .contact-form-wrapper .contact-form-input{ margin-top: 20px; width: 100%;}
	 .contact-form-code img{ margin-left: 0; width: 140px;}
	 .contact-form-submit button{ padding-left: 0; text-align: center;}
}