
.c_location li::after, .side-cate li .icon-cate.icon-cate-up:before, .side-cate li .icon-cate.icon-cate-down:before, .side-cate li li a:before, .sel_item .sel::before, .c_faq_list li .title::before{
	font-family: fontawesome;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
}

/* img scale */
.relate_item .pro_pic img, .case_pic img{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.relate_item:hover .pro_pic img, .case_pic:hover img{
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
}

.search-product-detail .fl-rich-textqq .sep-datalistqq>li .summaryqq{word-break: break-word !important; display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
/* .sub_main .layout{width: 1500px;} */

/* c_banner */
.c_banner {position: relative; margin-bottom: 20px;}
.c_banner_img {width: 100%; height: auto;}
.c_banner_text {position: absolute; top: 50%; text-transform: uppercase; left: 50%; transform: translate(-50%, -50%); font-size: 18px; color: #FFFFFF; z-index: 1; margin-top: -30px; width: 84%;}
.c_banner_title { font-weight: bold; font-size: 60px; text-align: center; margin-bottom: 20px; line-height: 1.2; font-family: 'OPENSANS-BOLD';}
.c_banner_text a{color: #fff;}
.c_banner_text img {width: 20px; height: 18px; margin: 4px 18px 0 0;}
@media only screen and (max-width: 1600px) {
	.c_banner_title{font-size: 56px;}
}
@media only screen and (max-width: 1450px) {
	.c_banner_title{font-size: 50px;}
}
@media only screen and (max-width: 1300px) {
	.c_banner_title{font-size: 40px;}
}

/* c_location */
.c_location{justify-content: center; flex-wrap: wrap; line-height: 28px;}
.c_location_bar{justify-content: center; flex-wrap: wrap;}
.c_location li{position: relative; line-height: 1.25; padding-right: 40px; float: left; margin-right: 18px; text-align: center;}
.c_location li:first-child::before{content: ''; width: 18px; height: 18px; display: inline-block; background: url(../img/icon10.png) no-repeat left center/auto 100%; margin-right: 20px; vertical-align: text-top;
}
.c_location li:last-child{padding-right: 0; margin-right: 0;}
.c_location li::after{position: absolute; right: 0; content: '\f178'; top: 0; transform: scale(0.8);}
.c_location li:last-child::after{content: '';}
.c_location li a{color: #fff;}
.c_location li:last-child span,
.c_location li:last-child a{color: var(--commonColor);}
.c_location li a:hover{color: var(--commonColor);}

@media only screen and (max-width: 950px) {
	.c_banner{margin-top: 52px; margin-bottom: 0;}
	.c_banner_img{min-height: 200px; object-fit: cover;}
	.c_banner_title{margin-bottom: 10px; font-size: 26px;}
	.c_banner_text{font-size: 16px;}
	
	.swiper-button-next, .swiper-button-prev{width: 40px; height: 40px; line-height: 38px;}
}

/* c_sub_th */
.c_th_top{align-items: center;}
.c_sub_th{margin: 4% 0 1.5%;}
.c_sub_th .small_title, .c_sub_th span{display: inline-block; position: relative; padding-left: 20px; font-size: 24px; color: var(--commonColor); line-height: 36px;}
.c_sub_th .small_title::before, .c_sub_th span::before{position: absolute; left: 0; height: 24px; top: 50%; transform: translateY(-50%); content: ''; width: 3px; background: var(--commonColor);}
.c_sub_th .title{font-size: 48px; line-height: 1.2; font-weight: bold; margin-top: 16px; font-family: 'OPENSANS-BOLD';}
.c_sub_th .brief{color: #333; line-height: 30px; margin: 10px 0 0;}

.sub_th_center{text-align: center;}
.sub_th_center .small_title, .sub_th_center span{padding: 0;}
.sub_th_center .small_title::before, .sub_th_center span::before{width: 0;}
.sub_th_center .title{margin-top: 0;}
.sub_th_center .c_more_btn{margin: 0 auto;}
.c_sub_th  .c_more_btn{margin-top: 20px;}

.c_pro_th{color: #333; text-align: center;}
.c_pro_th_left{text-align: left;}
.c_pro_th .title{font-size: 40px; font-weight: bold; line-height: 1.2; text-transform: uppercase;}
.c_pro_th .brief{color: #666; line-height: 26px; margin-top: 10px;}


@media only screen and (max-width: 1450px) {
	.c_sub_th .title{font-size: 44px;}
	.c_sub_th .small_title, .c_sub_th span{font-size: 22px;}
	.c_pro_th .title{font-size: 36px;}
}
@media only screen and (max-width: 1300px) {
	.c_sub_th .title{font-size: 38px;}
	.c_pro_th .title{font-size: 34px;}
}
@media only screen and (max-width: 950px) {
	.c_sub_th{margin: 10px 0 15px; width: 100%;}
	.c_sub_th .small_title, .c_sub_th span{font-size: 18px; padding-left: 15px; line-height: 30px;}
	.c_sub_th .small_title::before, .c_sub_th span::before{height: 20px;}
	.c_sub_th .title{margin-top: 5px; font-size: 24px;}
	.sub_th_center .small_title{padding-left: 0;}
	.c_sub_th  .c_more_btn{margin-top: 15px;}
	.c_pro_th .title{font-size: 24px;}
}

/* c_more_btn */
.c_more_btn a{
	transition: all 0.5s ease-in-out;
	width: auto;
	height: 42px;
	background-color: #040e27;
	text-align: center;
	line-height: 42px;
	color: #ffffff;
	font-size: 20px;
	display: inline-block; padding: 0 25px; position: relative;
	margin: 0 5px; white-space: nowrap; z-index: 0;
}
.c_more_btn a::before{position: absolute; left: -5px; height: 24px; top: 8px; border: 1px solid #040E27; right: -5px; content: ''; z-index: 0; transition: all 0.5s ease-in-out;}
.c_more_btn a:hover{background-color: var(--commonColor);}
.c_more_btn a:hover::before{border-color: var(--commonColor);}

@media only screen and (max-width: 950px) {
	.c_more_btn a{font-size: 18px; height: 40px; line-height: 40px; padding: 0 20px;}
	.c_more_btn a::before{height: 22px;}
	.proType_product_top .c_more_btn{display: none;}
	.c_th_top .c_more_btn{display: none;}
}

/*-------------aside-------------*/
.c_category_box{padding: 20px 0 4.5%;}
.c_category_box .layout{display: flex; justify-content: space-between;}
.aside {width: 24.5%; position: sticky; margin-right: 4%;}
.c_right_box{flex: 1; width: 71.5%;}

.side-tit-bar {position: relative;}
.side-tit-bar .side-tit {position: relative; font-size: 26px; line-height: 1.2; color: #FFF; padding: 10px 12px; background: #040e27; font-weight: bold; text-align: center;}
.side-widget {position: sticky !important; top: 100px !important; margin: 0 0 0;}
.side-widget+.side-widget .side-tit-bar .side-tit {text-transform: none;}
.side-cate {padding: 20px 0 0 0;}
.side-cate li {position: relative; line-height: 26px; font-size: 16px; border-bottom: 1px solid #dcdcdc;}
.side-cate li li {font-size: 16px; font-weight: normal; border-bottom: none;}
.side-cate li a {position: relative; display: block; color: #333; padding: 12px 38px 12px 20px; line-height: 1.25;}
.side-cate>li>a{font-size: 18px; font-weight: bold;}
.side-cate ul {display: none; overflow: hidden; padding: 10px 0 10px 0;}
.side-cate ul li:last-child{border-bottom: none;}
.side-cate li li a {padding: 8px 20px 8px 20px; margin-right: 0; position: relative; color: #666;}
.side-cate li a:hover, .side-cate li.active>a, .side-cate li li a:hover,
.side-cate li li.active>a {color: var(--commonColor);}

.side-cate>li.nav-current>a{color: #fff; background: var(--commonColor);}
.side-cate li.nav-current>.icon-cate {color: #fff;}

.side-cate li .icon-cate {position: absolute; right: 0; top: 12px; display: inline-block; width: 30px; line-height: 1.25; overflow: hidden; text-align: center; font-size: 16px; cursor: pointer; color: #000; border-radius: 0%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

.side-cate li .icon-cate:before {font-size: 18px; width: 100%;}

.side-cate li .icon-cate.icon-cate-down:before {content: '\f0d7';}
.side-cate li .icon-cate.icon-cate-up:before {content: '\f0d7';}

.side-cate li .icon-cate.icon-cate-up {transform: rotate(180deg);}

.side-cate li li .icon-cate{top: 10px;}
.side-cate li li:hover>a, .side-cate li li:hover .icon-cate{color: var(--commonColor);}

.side-product-items {position: relative;}
.side-product-items .items_content {position: relative; padding: 35px 0;}
.side_product_item {position: relative; display: block; width: 100%; overflow: hidden;}
.side_product_item figure {position: relative; display: table; width: 100%; overflow: hidden;}
.side_product_item .item-img,
.side_product_item figcaption {display: table-cell; vertical-align: middle;}
.side_product_item .item-img {width: 70px; -webkit-box-sizing: content-box; box-sizing: content-box; position: relative; border: 1px solid #cdcdcd;}
.side_product_item .item-img:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.side_product_item .item-img img {display: block; width: 100%;}

.side_product_item:hover .item-img:before {background-color: rgba(255, 255, 255, .3);}
.side_product_item figcaption {padding-left: 15px;}
.side_product_item figcaption h3 {font-size: 16px; font-weight: normal;}
.side_product_item figcaption h3 a {display: block; max-height: 3.2em; line-height: 1.6em; -ms-word-break: break-all; word-break: break-all; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.side_product_item figcaption h3 a:hover,
.side_product_item .item-img:hover+figcaption h3 a {color: #f29a20;}
.side-product-items .swiper-slide {-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; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}

.side-product-items .side_slider {max-height: 450px; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box; position: relative;}
.side-product-items .side_slider .swiper-wrapper {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.side-product-items .side_product_item {height: 90px;}
.side-product-items .btn-prev,
.side-product-items .btn-next {position: absolute; left: 0; width: 100%; height: 32px; line-height: 32px; opacity: 1; filter: alpha(opacity=100); font-size: 38px; color: #ccd3d9; z-index: 1; text-align: center; cursor: pointer;}
.side-product-items .swiper-button-disabled {color: #eee; cursor: default;}
.side-product-items .btn-prev:before,
.side-product-items .btn-next:before {display: inline-block; -webkit-transform: scale(2.5, 1); -ms-transform: scale(2.5, 1); -o-transform: scale(2.5, 1); transform: scale(2.5, 1);}
.side-product-items .btn-prev {top: 0;}
.side-product-items .btn-prev:before {content: '\f106';}
.side-product-items .btn-next {bottom: 0;}
.side-product-items .btn-next:before {content: '\f107';}
.side-product-items .btn-prev:not(.swiper-button-disabled):hover,
.side-product-items .btn-next:not(.swiper-button-disabled):hover {color: #000;}
.aside .side-bn {width: 100%; margin: 0 0 40px;}
.aside .side-bn img {width: 100%
}

@media only screen and (max-width: 950px) {
	.side-tit-bar .side-tit{font-size: 20px;}
	.c_category_box{padding: 10px 0 20px;}
	.aside{width: 100%; float: none; margin-bottom: 20px; display: none;}
	.c_right_box{width: 100%; float: none; margin-top: 0; padding-top: 0;}
	.side-widget{position: static !important;}
}

/* more_border */
.more_border{width: auto; height: auto; display: inline-block; line-height: 24px; text-align: center; border: 1px solid #333; position: relative; padding-right: 24px; transition: background 0.5s ease; padding: 8px 40px 8px 25px;}
.more_border::before{position: absolute; content: ''; background: url(../img/icon_right.png) no-repeat center/auto 100%; width: 24px; height: 24px; right: 14px; top: 50%; margin-top: -12px; transform: rotate(315deg);}
.more_border:hover{color: #fff; background: var(--commonColor); border-color: var(--commonColor);}
.more_border:hover::before{background-image: url(../img/icon_right_w.png);}

/* c_pro_txt */
.c_pro_txt{padding-bottom: 3.5%;}
.c_pro_txt_th{font-weight: bold; font-size: 28px; color: #333;}
.c_pro_txt_th span{position: relative; text-transform: uppercase; padding-bottom: 10px; line-height: 1.25; display: block;}
.c_pro_txt_th span::before{position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 50px; background: #040e27;}

.c_pro_txt .txtContent{color: #666; padding-bottom: 0;}
.c_pro_txt .txtContent p:last-child{padding-bottom: 0;}

.txt_left{width: 47%;}
.txt_right{width: 49%; position: relative;}
.txt_right .txt_pic, .mobile_pic .txt_pic{padding-bottom: 63.3%; overflow: hidden;}
.txt_right::before, .mobile_pic::before{position: absolute; left: -8px; bottom: -8px; top: 8px; right: 8px; background: rgba(var(--colorRgb), 0.3); content: '';}
.mobile_pic{display: none; position: relative; margin-left: 8px; margin-top: 20px;}

.c_pro_txt .layout.flex{align-items: center; padding-bottom: 3.5%;}


@media only screen and (max-width: 980px) {
	.c_pro_txt_th{font-size: 20px;}
	.c_pro_txt{padding-bottom: 20px;}
	.c_pro_txt .layout.flex{flex-wrap: wrap; padding-bottom: 0;}
	.txt_left{width: 100%;}
	.mobile_pic{display: block;}
	.txt_right{width: 100%; margin-left: 8px; display: none;}
}

/* c_page */
.page_bar{padding: 30px 0 0;}

.pagination{display: flex; justify-content: center;}
.pagination li{margin-right: 10px;}
.pagination li:last-child{margin-right: 0;}
.pagination li a, .pagination li span{display: block; padding: 0 10px; height: 38px; line-height: 38px; border: 1px solid #ddd; border-radius: 1px; color: #333; text-align: center; min-width: 38px; background: #fff;}
.pagination li.active span{border-color: #333; background: #333; color: #fff;}
.pagination li:last-child span{border: none;}
.pagination li:hover a{border-color: var(--commonColor); background: var(--commonColor); color: #fff;}
.pagination li.prev_page a, .pagination li.next_page a{padding: 0 12px;}
.pagination li.prev_page a:hover, .pagination li.next_page a:hover{color: #fff;}

.page_bar .pagination, .page_bar .pagination .nav-links, .page_bar .pagination ul{display: flex; justify-content: center;}

.pagination .page-numbers{display: block; height: 38px; line-height: 38px; border: 1px solid #ddd; border-radius: 1px; color: #333; text-align: center; min-width: 38px; margin-right: 8px; background: #fff;}
.pagination .page-numbers:last-child{margin-right: 0;}
.pagination .page-numbers.current{background: var(--commonColor); color: #fff; border-color: var(--commonColor);}
.pagination a.page-numbers:hover{background: var(--commonColor); color: #fff; border-color: var(--commonColor);}
.pagination a.prev, .pagination a.next{position: relative; width: auto; padding: 0 12px;}


@media only screen and (max-width: 950px) {
	.page_bar{padding: 25px 0 0;}
	.pagination li{margin-right: 8px;}
	.pagination li:last-child{margin-right: 0;}
	.pagination li a, .pagination li span{min-width: 32px; height: 32px; line-height: 32px;}

	.pagination .page-numbers{min-width: 32px; line-height: 32px;}
}

/* c_faq_list */
.c_faq_list{}
.c_faq_list li{margin-bottom: 20px;}
.c_faq_list li:last-child{margin-bottom: 0;}
.c_faq_list li .title{font-size: 20px; padding: 14px 20px; padding-right: 40px; line-height: 26px; border: 1px solid #9b9fa9; position: relative; cursor: pointer;}
.c_faq_list li .title::before{position: absolute; right: 20px; content: '\f107'; font-size: 28px; top: 50%; margin-top: -13px; transition: all 0.3s ease;}
.c_faq_list li .brief{padding: 22px 30px; line-height: 30px; display: none;  color: #666;}
.c_faq_list li.sel_item .title{background: #040e27; color: #fff;}
.c_faq_list li.sel_item .title::before{transform: rotate(180deg);}
.c_faq_list li.sel_item .brief{display: block;}

@media only screen and (max-width: 950px) {
	.c_faq_list li{margin-bottom: 15px;}
	.c_faq_list li .title{padding: 8px 15px; padding-right: 32px; font-size: 18px;}
	.c_faq_list li .title::before{right: 15px;}
	.c_faq_list li.sel_item .brief{padding: 15px 15px 5px;}
}

/* c_related_th */
.c_related_th{font-size: 40px; padding-bottom: 10px; margin-bottom: 3%; font-weight: bold; color: #040E27; border-bottom: 1px solid rgba(4, 14, 39, .2); position: relative;}
.c_related_th::before{position: absolute; left: 0; width: 56px; height: 6px; bottom: -3px; content: ''; background: #040E27;}
@media only screen and (max-width: 1450px) {
	.c_related_th{font-size: 36px;}
}
@media only screen and (max-width: 1300px) {
	.c_related_th{font-size: 34px;}
}
@media only screen and (max-width: 980px) {
	.c_related_th{font-size: 24px; margin-bottom: 20px;}
}

/* c_related_pro */
.c_related_inner{position: relative; padding-bottom: 3%;}
.c_related_inner .swiper-slide{height: auto; width: calc((100% - 64px) / 3); margin-right: 32px;}
.relate_item{padding-bottom: 42px; position: relative; height: 100%;}
.relate_item .pro_pic{padding-bottom: 100%; border: 1px solid #ddd; overflow: hidden; box-sizing: border-box;}
.relate_item .title{margin: 16px 0; text-align: center; display: block; font-weight: bold; line-height: 26px; font-size: 20px; font-family: 'OPENSANS-BOLD';}
.relate_item .c_more_btn{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;}
.relate_item:hover .title a{color: var(--commonColor);}
.relate_item:hover .c_more_btn a{background: var(--commonColor);}
.relate_item:hover .c_more_btn a::before{border-color: var(--commonColor);}
.relate_item .date{color: #666; line-height: 24px; margin-top: 20px;}
.relate_item .brief{margin: 8px 0 18px; color: #333; line-height: 24px; height: 48px;}

.relate_news_item{display: flex; flex-direction: column;}
.relate_news_item .pro_pic{border: none; padding-bottom: 60%;}
.relate_news_item .title{text-align: left; margin: 6px 0 0; flex: 1;}
.relate_news_item .c_more_btn{margin: 0;}
.c_related_news .c_related_inner .swiper-button-prev, .c_related_news .c_related_inner .swiper-button-next{margin-top: -160px;}

.c_related_inner .swiper-button-prev, .c_related_inner .swiper-button-next{background-image: none; background: #999; border-radius: 0; width: 26px; height: 46px; margin-top: -110px;}
.c_related_inner .swiper-button-prev::before, .c_related_inner .swiper-button-next::before{content: ''; background-repeat: no-repeat; background-position: center; background-size: 60% auto; width: 100%; height: 100%; transform: scale(1);}
.c_related_inner .swiper-button-prev::before{background-image: url(../img/icon_left_w.png);}
.c_related_inner .swiper-button-next::before{background-image: url(../img/icon_right_w.png);}
.c_related_inner .swiper-button-prev{left: -12px;}
.c_related_inner .swiper-button-next{right: -12px;}
.c_related_inner .swiper-button-prev:hover, .c_related_inner .swiper-button-next:hover{background: var(--commonColor);}

@media only screen and (max-width: 980px) {
	.c_related_inner{padding-bottom: 30px;}
	.relate_item .title{margin: 12px 0; font-size: 18px;}
	.relate_news_item .title{margin: 6px 0 0;}
	.relate_item .brief{margin-bottom: 16px;}
	.relate_item .c_more_btn a{font-size: 16px;}
	.c_related_news .c_related_inner .swiper-button-prev, .c_related_news .c_related_inner .swiper-button-next{margin-top: -136px;}
}

/* innerContent */
.c_con_th{font-size: 28px; line-height: 1.4; color: var(--commonColor); font-weight: bold;}
.c_share{padding: 20px 0; align-items: center;}
.c_share .date{color: #666; margin-right: 5%;}
.c_share .share_bar{color: #666; justify-content: center; align-items: center;}

.innerContent{padding: 20px 0; color: #333; font-size: 16px;}
.innerContent, .innerContent p, .innerContent span{font-size: 16px; line-height: 30px;}
.innerContent img{max-width: 100%;}

.innerContent_other{}
.innerContent_other .link_prev, .innerContent_other .link_next{width: 100%; font-size: 16px; position: relative; line-height: 36px; padding-left: 130px; }
.innerContent_other .link_btn{line-height: 36px; display: inline-block; background: #040E27; color: #fff; border-radius: 5px; font-size: 16px; width: 120px; position: absolute; top: 0; left: 0; padding-left: 32px;}
.innerContent_other .link_prev{margin-bottom: 15px;}
.innerContent_other .link_btn::before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 0;
	border-right: 8px solid #fff;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	margin-top: -6px; left: 15%; left: 12px;
}
.innerContent_other .link_prev .link_btn::before{
	
	top: 50%;
}
.innerContent_other .link_next .link_btn::before{
	border-right: 0;
	border-left: 8px solid #fff;
}
.innerContent_other .link_btn:hover{background: var(--commonColor);}

@media only screen and (max-width: 950px) {
	.c_con_th{font-size: 22px; line-height: 32px; padding-top: 10px;}
	.c_share{flex-wrap: wrap; padding-bottom: 0;}
	.c_share .date{width: 100%;}
	.c_share .share_bar{margin-top: 15px;}
	
	.innerContent_other{padding-bottom: 10px;}
	.innerContent_other .link_btn{width: 90px; padding-left: 22px;}
	.innerContent_other .link_btn::before{left: 7px;}
	.innerContent_other .link_next, .innerContent_other .link_prev{padding-left: 100px; line-height: 20px; display: flex; align-items: flex-start; white-space: normal;}
	.innerContent_other .link_prev{margin-bottom: 15px;}
}