/*  */
.web_main{background: #fff;}

.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, .more_detail .more:before, .innerPro_item .right_icon::before, .side-cate>li>a::before, .c_ad_btn .more::after, .award_info::before{
	font-family: fontawesome;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
}
/* transition */
.hoverItem, .hoverItem::before, .hoverItem .name, .hoverItem .pubPic img, .hoverItem .title, .hoverItem .brief, .hoverItem .video_icon, .hoverItem .more_btn, .internal_inner .internal_img, .pubPic img{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.hoverItem:hover .pubPic img{
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.web_th .title .txt::before, .pubMore::before, .pubMoreBg::before, .pubMoreBg .icon, .innerContent_other .link_btn, .innerContent_other .link_btn a::before{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.share_bar .share_btn, .share_bar .share_btn img{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* img scale */
/* .pro_item .pro_pic img, .c_news_item .news_pic img, .about_say_item .about_pic img, .home_about_left .about_pic img, .about_sec_pic .about_pic1 img, .c_pro_item .pro_pic img, .video_div .video_pic img, .news_item .news_pic img, .c_customer_item .c_cus_info, .video_item .pro_pic img{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
} */
/* .pro_item:hover .pro_pic img, .c_news_item:hover .news_pic img, .home_about_left .about_pic:hover img, .about_sec_pic:hover .about_pic1 img, .video_div:hover .video_pic img, .news_item:hover .news_pic img, .rec_pro_list li:hover .rec_pic img, .listApp_ul li:hover .app_pic img, .listApp_inner .hot_pic:hover img, .listApp_inner .hot_pic_l:hover img, .home_pro_item:hover .pro_pic img, .intro_left:hover .pro_pic img, .video_item:hover .video_pic img, .related_video_item:hover .pro_pic img, .case_item:hover .case_pic img, .contact_pic_item:hover img, .news_pic_item:hover .news_pic img, .pro_pic_list li:hover .pro_pic img, .pro_big_pic:hover img, .pro_pic_div .pro_pic:hover img, .app_pic_item:hover .app_pic img, .desc_pic_item:hover .desc_pic img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
} */
{
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}

.linkA{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;}


/* sitemap */
.sitemap-content{padding-top: 136px !important;}
#cont > ul > li > ul > li.has-childs > ul > li.has-childs > a:after{background: none !important;}
.privacy_main{padding: 136px 0 4%;}


.main.search-page{margin-top: 3%;}
.search-product-detail .tab-panel-wrapqq{margin-bottom: 0 !important;}
@media only screen and (max-width: 950px) {
	.main.search-page{margin-top: 30px;}
	.sitemap-content{padding: 66px 0 36px !important;}
	.privacy_main{padding: 66px 0 36px;}
}

/* web_th */
.web_th{text-align: center;}

.web_th .title{font-size: 45px; line-height: 1.25; font-family: 'Humanist777BT-BlackCondensedB'; text-transform: capitalize; position: relative;}
.web_th .title .txt{color: inherit; position: relative; display: inline-block; padding-bottom: 4px; color: var(--commonColor);}
.web_th .title .txt::before{position: absolute; left: 50%; width: 0; bottom: 0; background: var(--commonColor); content: ''; height: 3px; border-radius: 6px; margin-left: 0;}
/* .web_th .title a.txt:hover{color: var(--commonColor);} */
.web_th .title a.txt:hover::before{width: 90px; margin-left: -45px;}

.web_th .brief{line-height: 1.75; color: #666; margin-top: 24px;}

@media only screen and (max-width: 1550px) {
	.web_th .title{font-size: 42px;}
}
@media only screen and (max-width: 1450px) {
	.web_th .title{font-size: 40px;}
}
@media only screen and (max-width: 1350px) {
	.web_th .title{font-size: 36px;}
}
@media only screen and (max-width: 1200px) {
	.web_th .title{font-size: 32px;}
}
@media only screen and (max-width: 950px) {
	.web_th .title{font-size: 28px;}
	.web_th .title a.txt:hover::before{width: 50px; margin-left: -25px;}
	.web_th .brief{margin-top: 12px; line-height: 1.5;}
}

/* pro_th */
.pro_th{}
.pro_th .title{font-size: 36px; line-height: 1.25; font-family: 'Humanist777BT-BlackCondensedB'; text-transform: capitalize; position: relative; border-bottom: 3px solid #D1D1D1;}
.pro_th .title .txt{position: relative; display: inline-block; padding-bottom: 8px; color: var(--commonColor);}
.pro_th .title .txt::before{position: absolute; left: 0; width: 48px; bottom: -4px; background: var(--commonColor); content: ''; height: 6px;}

@media only screen and (max-width: 1450px) {
	.pro_th .title{font-size: 34px;}
}
@media only screen and (max-width: 1350px) {
	.pro_th .title{font-size: 32px;}
}
@media only screen and (max-width: 1200px) {
	.pro_th .title{font-size: 30px;}
}
@media only screen and (max-width: 950px) {
	.pro_th .title{font-size: 26px;}
}

/* c_ad_box */
.c_ad_box{margin-top: 4%;}
.c_ad_box{background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 0;}
.c_ad_box::before{position: absolute; left: 0; top: 0; bottom: 0; right: 0; /* background: rgba(0, 0, 0, 0.7); */ content: ''; z-index: 0;}
.c_ad_inner{padding: 15% 0;}
.c_ad_inner .web_th .title{color: #fff;}
.c_ad_inner .web_th .title .txt::before{height: 0; opacity: 0;}
.c_ad_inner .web_th .brief{color: #fff; line-height: 2; margin: 16px 0 24px;}
.c_ad_inner .pubMoreBg{width: 180px; border-radius: 30px; margin: 0 auto; height: 46px; line-height: 46px;}
.c_ad_inner .pubMoreBg .icon{background-image: url(../img/icon_more.png); background-size: 19px auto; margin-left: 10px;}
.c_ad_inner .pubMoreBg:hover .icon{background-image: url(../img/icon_more_h.png);}

.c_ad_inner .pubMoreBg::before{border-radius: 30px;}


@media only screen and (max-width: 950px) {
	.c_ad_box{margin-top: 30px;}
	.c_ad_inner{padding: 40px 0 46px; flex-direction: column;}
	.c_ad_inner .web_th .brief{margin: 10px 0 15px;}
}

/* pad_top  mar_top */
.pad_top{padding-top: 3.5%;}
.pad_tb{padding: 3.5% 0;}
.pad_bot{padding-bottom: 3.5%;}
.mar_top{margin-top: 3.5%;}
/* @media only screen and (max-width: 1450px) {
	.pad_top{padding-top: 5.5%;}
	.pad_tb{padding: 5.5% 0;}
	.pad_bot{padding-bottom: 5.5%;}
	.mar_top{margin-top: 5.5%;}
}
@media only screen and (max-width: 1350px) {
	.pad_top{padding-top: 5%;}
	.pad_tb{padding: 5% 0;}
	.pad_bot{padding-bottom: 5%;}
	.mar_top{margin-top: 5%;}
}
@media only screen and (max-width: 1200px) {
	.pad_top{padding-top: 4.5%;}
	.pad_tb{padding: 4.5% 0;}
	.pad_bot{padding-bottom: 4.5%;}
	.mar_top{margin-top: 4.5%;}
} */
@media only screen and (max-width: 950px) {
	.pad_top{padding-top: 30px;}
	.pad_tb{padding: 30px 0;}
	.pad_bot{padding-bottom: 30px;}
	.mar_top{margin-top: 30px;}
}


/* c_banner */
.c_banner{position: relative; z-index: 1;}
.c_banner_bg{
	position: relative; z-index: 0; background-repeat: no-repeat; background-size: cover; background-position: center;
}
.c_banner_bg::before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; z-index: -1; background: rgba(0, 0, 0, 0.2);}
.c_banner .layout{z-index: 2; height: 100%;}
.c_banner_txt{text-align: center; width: 100%; min-height: 400px; padding: calc(110px + 3.2%) 0 3.6%; max-width: 1280px; margin: 0 auto;}
.c_banner_txt .title{font-size: 60px; color: #fff; line-height: 1.2; text-transform: capitalize; font-family: 'Humanist777BT-BlackCondensedB';}
.c_banner_txt .brief{color: #fff; line-height: 1.75; text-align: center; margin-top: 15px; max-width: 1000px; margin: 0 auto;}
.c_banner_btn{text-align: center; margin-top: 2%;}
.c_banner_btn .pubMoreBg{margin: 0 auto; width: 196px; height: 54px; line-height: 54px; font-size: 24px; font-weight: bold;}

@media only screen and (max-width: 1550px) {
	.c_banner_txt .title{font-size: 54px;}
}
@media only screen and (max-width: 1450px) {
	.c_banner_txt .title{font-size: 48px;}
}
@media only screen and (max-width: 1350px) {
	.c_banner_txt .title{font-size: 42px;}
}
@media only screen and (max-width: 1200px) {
	.c_banner_txt .title{font-size: 36px;}
	.c_banner_btn .pubMoreBg{font-size: 22px; height: 50px; line-height: 50px; width: 176px;}
}
@media only screen and (max-width: 1023px) {
	.c_banner{margin-top: 46px;}
}
@media only screen and (max-width: 950px) {
	.c_banner{margin-bottom: 0;}
	.c_banner_img{min-height: 200px; object-fit: cover;}
	.c_banner_title{margin-bottom: 10px; font-size: 28px;}
	.c_banner_txt{min-height: unset; padding: 6% 0;}
	.c_banner_txt .title{font-size: 36px; line-height: 1.5;}
	.c_banner_txt .th{font-size: 24px; line-height: 1.5;}
	.c_banner_txt .brief{line-height: 1.5;}
	.c_banner_btn .pubMoreBg{font-size: 20px; height: 46px; line-height: 46px; width: 168px; margin-top: 15px;}
	
	.swiper-button-next, .swiper-button-prev{width: 30px; height: 30px; line-height: 28px; margin-top: -15px; background: none; border: 1px solid var(--commonColor); color: var(--commonColor);}
	.swiper-button-prev{left: -12px;}
	.swiper-button-next{right: -12px;}
	.swiper-button-prev::before, .swiper-button-next::before{display: block; font-weight: normal; font-size: 24px;}
	.swiper-button-prev::before{content: '\f104';}
	.swiper-button-next::before{content: '\f105';}
}

/* c_location */
.c_location{line-height: 24px; overflow: hidden; padding: 12px 0 15px;}
.c_local_bar{flex-wrap: wrap;}
.c_location li{position: relative; line-height: 30px; padding-right: 18px; margin-right: 8px; text-align: center; text-transform: capitalize; font-size: 20px;}
.c_location li:last-child{padding-right: 0; margin-right: 0;}
.c_location li::after{position: absolute; right: 0; content: '\f105'; top: 0; color: #fff; font-size: 20px; line-height: 28px;}
.c_location li:last-child::after{content: '';}
.c_location li a{display: block; color: #fff;}
.c_location li:last-child span{color: var(--commonColor);}
.c_location li a:hover{color: var(--commonColor);}

@media only screen and (max-width: 1023px) {
	.c_location{padding: 10px 0 12px;}
}

/* pubMore */
.pubMore, .pubMoreBg{min-width: 130px; height: 40px; line-height: 40px; text-align: center; background: #fff; color: var(--commonColor); display: inline-block; position: relative; z-index: 0; text-transform: capitalize; border: 1px solid var(--commonColor); padding: 0 24px;}
.pubMore::before, .pubMoreBg::before{position: absolute; content: ''; left: 50%; top: 50%; width: 0; height: 0; background: var(--commonColor); z-index: -1;}
.pubMore:hover{color: #fff; border-color: var(--commonColor);}
.pubMore:hover::before{width: 100%; height: 100%; left: 0; top: 0;}

.pubMoreBg{color: #fff; background: var(--commonColor); width: 200px; height: 56px; line-height: 56px; display: flex;}
.pubMoreBg::before{background: #fff;}
.pubMoreBg .icon{background: url(../img/icon_right.png) no-repeat center/12px auto; width: 24px; height: 24px; display: block;}
.pubMoreBg:hover{color: var(--commonColor);}
.pubMoreBg:hover .icon{background-image: url(../img/icon_right_h.png);}
.pubMoreBg:hover::before{width: 100%; height: 100%; left: 0; top: 0;}

@media only screen and (max-width: 950px) {
	/* .pubMore{font-size: 18px; width: 140px; height: 40px; line-height: 40px;} */
}

/* swiper-prev swiper-next */
.common-prev, .common-next{width: 36px; height: 36px; line-height: 34px; font-size: 24px; border: 1px solid var(--commonColor); background: #fff; color: var(--commonColor);}
.common-prev{left: -44px;}
.common-next{right: -44px;}
.common-prev:hover, .common-next:hover{color: #fff;}
/* 
@media only screen and (max-width: 1640px) {
	.common-prev{left: -60px;}
	.common-next{right: -60px;}
} */
@media only screen and (max-width: 950px) {
	.common-next, .common-prev{width: 30px; height: 30px; line-height: 28px; margin-top: -15px;}
	.common-prev{left: -12px;}
	.common-next{right: -12px;}
}

/* sub_th */
.sub_th{}
.sub_th_center{text-align: center;}
.sub_title{text-transform: capitalize; font-size: 50px; font-family: 'Humanist777BT-BlackCondensedB'; color: #000; line-height: 1.25;}
.sub_th a.sub_title:hover{color: var(--commonColor);}
@media only screen and (max-width: 1450px) {
	.sub_title{font-size: 44px;}
}
@media only screen and (max-width: 1350px) {
	.sub_title{font-size: 38px;}
}
@media only screen and (max-width: 1200px) {
	.sub_title{font-size: 32px;}
}
@media only screen and (max-width: 950px) {
	.sub_title{font-size: 26px;}
}

/* c_related_video */
.c_related_video{}
.swiper_related_video{padding: 5px 3px;}
.related_video_inner{padding: 2% 0 0; position: relative;}
.related_video_inner .swiper-slide{height: auto; width: calc((100% - 48px) / 4); margin-right: 16px;}

.related_video_item{background: #F8F8F8; border-radius: 50px 0 50px 0;}
.related_video_info{padding: 18px 15px 18px;}

.related_video_item .pro_pic{padding-bottom: 67%; border-radius: 50px 0 0 0;}
.related_video_item .pro_pic .video_icon{width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px; z-index: 1; background: url(../img/icon_pay.png) no-repeat center;}

.related_video_item .title{font-family: 'Humanist777BT-BlackCondensedB'; height: 56px; overflow: hidden; font-size: 24px; line-height: 28px;}
.related_video_item .brief{line-height: 24px; margin: 8px 0; color: #333;}

.related_video_item .more_btn{font-size: 20px;}
.related_video_item .more_btn:hover{margin-left: 5px;}
.related_video_item .more_btn .txt{color: var(--commonColor);}
.related_video_item .more_btn .icon{display: inline-block; content: ''; width: 24px; height: 24px; background: url(../img/icon_right_h.png) no-repeat center / 15px auto; margin-left: 2px;}

.related_video_item:hover{box-shadow: 0px 4px 4px 0px rgba(var(--comColorRgb), 0.3);}
.related_video_item:hover .title a{color: var(--commonColor);}
.related_video_item:hover .pro_pic .video_icon{background-image: url(../img/icon_pay_h.png);}

.related_video-pagination{display: none;}

@media only screen and (max-width: 1200px) {
	.related_video_info .title{font-size: 22px;}
}
@media only screen and (max-width: 950px) {
	.related_video_item{}
	.related_video_inner{padding: 12px 0 36px;}
	.related_video_inner .swiper-slide{width: 100%;}
	.related_video_info .title{max-height: unset; height: auto; display: block; font-size: 20px;}
	.related_video_item .brief{display: block; height: auto;}
	.related_video_item .video_icon{width: 60px; height: 60px; margin: -30px 0 0 -30px;}
	.related_video_item .more_btn{font-size: 18px;}
	.related_video_item .more_btn .icon{background-size: 14px auto;}
	.related_video-pagination{display: block;}
	.related_video-prev, .related_video-next{display: none;}
}

/* c_related_pro */
.c_related_pro .web_th .brief{margin-top: 5px; color: #999;}

.related_pro_inner{padding: 2.5% 0 0; position: relative;}
.related_pro_inner .swiper-slide{height: auto; width: calc((100% - 70px) / 3); margin-right: 35px;}
.related_pro_item{height: 100%; position: relative;}
.related_pro_item .pro_pic{padding-bottom: 123%;}
.related_pro_info{padding: 0 0 0; text-align: center;}
.related_pro_info .title{margin: 20px 0 8px; font-size: 22px; height: 2.6em; line-height: 1.3; overflow: hidden; font-family: 'Poppins-Medium'; text-transform: capitalize;}
.related_pro_info .brief{color: #666; line-height: 1.75;}

.related_pro_item:hover .title{color: var(--commonColor);}
.related_pro_item:hover .brief{color: var(--commonColor);}

.related_pro-pagination{display: none;}

@media only screen and (max-width: 1200px) {
	.related_pro_info .title{font-size: 20px;}
}
@media only screen and (max-width: 950px) {
	.related_pro_inner{padding: 15px 0 35px;}
	.related_pro-prev, .related_pro-next{display: none;}
	.related_pro_inner .swiper-slide{width: 100%; margin-right: 15px;}
	.related_pro_info .title{display: block; height: auto;}
	.related_pro_info .brief{display: block; height: auto;}
	
	.related_pro-pagination{display: block;}
	.related_pro-prev, .related_pro-next{display: none;}
}


/* c_related_news */
.c_related_news .web_th .brief{margin-top: 5px; color: #999;}

.related_news-pagination{display: none;}
.related_news_inner{padding: 2.5% 0 0; position: relative;}
.related_news_inner .swiper_related_news{padding: 5px 3px;}
.related_news_inner .swiper-slide{height: auto; width: calc((100% - 48px) / 3); margin-right: 24px;}

.related_news_item{height: 100%; background: #FAFAFC; box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.09);}
.related_news_item .news_pic{padding-bottom: 66%;}

.related_news_info{padding: 6.5% 20px;}

.related_news_info .news_date{line-height: 26px; color: #999;}
.related_news_info .title{font-weight: bold; font-size: 20px; margin: 8px 0; line-height: 1.5; height: 3em; font-family: 'Humanist777BT-BlackCondensedB';}
.related_news_info .brief{line-height: 1.5; height: 4.5em; overflow: hidden; color: #999;}

.related_news_item:hover{box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.26);}
.related_news_item:hover .title{color: var(--commonColor);}
.related_news_item:hover .brief{color: var(--commonColor);}

@media only screen and (max-width: 1200px) {
	.related_news_info{padding: 24px 20px;}
}
@media only screen and (max-width: 950px) {
	.related_news_inner .swiper-slide{width: 100%; margin-right: 20px;}
	.c_related_news .web_th .brief{margin-top: 10px;}
	.related_news_inner{padding: 15px 0 35px;}
	.related_news_info{padding: 24px 16px 20px;}
	
	.related_news_item .title{height: auto; display: block;}
	.related_news_item .brief{/* height: auto; display: block; */ -webkit-line-clamp: 2; height: 3em;}
	.related_news-pagination{display: block;}
	.related_news-prev, .related_news-next{display: none;}
}

/*-------------aside-------------*/
.c_category_box{}
.c_category_box .layout{display: flex; justify-content: space-between;}
.aside {width: 23%;  margin-right: 55px; font-family: Arial;}
.c_right_box{flex: 1; width: calc(77% - 55px);}

.side-tit-bar {position: relative; background: var(--commonColor); border-radius: 5px 5px 0 0;}
.side-tit-bar .side-tit {position: relative; font-size: 24px; line-height: 1.1; color: #fff; padding: 18px 18px; font-family: 'Humanist777BT-BlackCondensedB';}
.side-tit-bar .side-tit a{color: inherit;}
.side-tit-bar .side-tit a:hover{text-decoration: underline;}

.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-widget .side-tit-bar:nth-child(n+2){margin-top: 26px;}
.side-cate {padding: 8px 14px 20px; background: #F5F5F5;}
.side-cate li {position: relative; line-height: 26px; font-size: 16px; border-bottom: 1px solid #EBEBEB;}
.side-cate li li {font-size: 16px; font-weight: normal; margin-top: 0;}
.side-cate li a {position: relative; display: block; color: #333; padding: 10px 34px 10px 15px; line-height: 1.5;}
.side-cate>li{}
.side-cate>li>a{font-size: 18px; color: #000; position: relative;}
.side-cate>li>a::before{content: '\f105'; display: block; font-size: 20px; margin-right: 5px; position: absolute; left: 0; top: 46%; transform: translateY(-50%);}
/* .side-cate>li>a.has_child::before{content: '';} */
.side-cate ul {display: none; overflow: hidden; padding: 5px 0;}
.side-cate ul ul{padding-left: 15px;}
.side-cate ul li:last-child{border-bottom: none;}
.side-cate li li a {padding: 10px 34px 10px 15px; margin-right: 0; position: relative; color: #999; font-size: 16px;}
/* .side-cate li li a::before{position: absolute; left: 0; top: 50%; width: 5px; height: 5px; margin-top: -2px; background: #666; content: ''; border-radius: 50%;} */
.side-cate li:hover>a, .side-cate li.nav-current>a, .side-cate li li a:hover,
.side-cate li li.nav-current>a {color: var(--commonColor);}
/* .side-cate li li a:hover::before, .side-cate li:hover>a::before{color: var(--commonColor);} */

.side-cate>li.nav-current>a{color: var(--commonColor);}

.side-cate li .icon-cate{position: absolute; right: 0; top: 10px; display: inline-block; width: 30px; height: 30px; line-height: 29px; 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.nav-current>.icon-cate{color: var(--commonColor);}

.side-cate li .icon-cate:before {font-size: 20px; width: 100%;}
.side-cate li .icon-cate.icon-cate-down:before {content: '\f107'; display: block;}
.side-cate li .icon-cate.icon-cate-up:before {content: '\f107'; display: block;}

.side-cate li .icon-cate.icon-cate-up {transform: rotate(180deg);}
.side-cate li .icon-cate:hover{background: #f5f5f5;}
.side-cate li li .icon-cate{top: 1px;}
.side-cate li>a:hover, .side-cate li>.icon-cate:hover{color: var(--commonColor);}

.hot_pro_div{position: relative; padding: 20px 14px 50px; box-shadow: 0px 1px 19px 8px rgba(0,0,0,0.1); overflow: hidden;}

.hot_pro_div .swiper-slide{width: 100%; margin-right: 10px;}

.hot_pro_item{border: 1px solid #CECECE; padding: 12px;}
.hot_pro_pic{width: 30%;}
.hot_pro_pic .pro_pic{padding-bottom: 100%;}
.hot_pro_info{width: 65%;}
.hot_pro_info .title{font-family: 'Poppins-Medium';}

.hot_pro-pagination{bottom: 14px !important;}
.hot_pro-pagination .swiper-pagination-bullet{width: 9px; height: 9px;}
.hot_pro_item:hover .title{color: var(--commonColor);}

@media only screen and (max-width: 1350px) {
	.side-tit-bar .side-tit{font-size: 28px;}
}
@media only screen and (max-width: 1200px) {
	.aside {width: 260px; margin-right: 40px;}
	.c_right_box{width: calc(100% - 300px);}
	.side-tit-bar .side-tit{font-size: 24px;}
	.side-cate{padding: 8px 8% 25px;}
}
@media only screen and (max-width: 950px) {
	.c_category_box{padding-top: 30px;}
	.c_category_box .layout{flex-direction: column;}
	.side-tit-bar .side-tit{font-size: 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;}
}

/* c_page */
.page_bar{padding: 2.5% 0 0;}

.page_bar .pagination ul{display: flex; justify-content: center;}
.pagination li{margin-right: 10px;}
.pagination li:last-child{margin-right: 0;}
.pagination li a, .pagination li.active span{display: block; height: 40px; line-height: 40px; border-radius: 3px; color: #333; text-align: center; min-width: 40px; border: 1px solid #dcdcdc; font-size: 18px;}
.pagination li span{height: 40px; line-height: 40px; color: #333;}
.pagination li.active span{background: var(--commonColor); color: #fff;}
.pagination li:hover a{background: var(--commonColor); color: #fff; border-color: var(--commonColor);}
.pagination li.prev-page a, .pagination li.next-page a{position: relative;}
.pagination li.prev-page a::before, .pagination li.next-page a::before{position: absolute; content: '\f105'; font-family: 'fontawesome'; left: 0; top: 0; text-align: center; width: 100%; height: 100%; font-size: 18px; line-height: 40px; background-position: center; background-repeat: no-repeat; background-size: 24px auto;}
.pagination li.prev-page a::before{content: '\f104'; left: unset; right: 0;}

@media only screen and (max-width: 950px) {
	.page_bar{padding: 20px 0 0;}
	.pagination{flex-direction: column; justify-content: flex-end; align-items: center;}
	.pagination li{margin-right: 8px;}
	.pagination li:last-child{margin-right: 0;}
	.pagination li a{min-width: 34px; height: 34px; line-height: 34px;}
	.pagination li span, .pagination li.active span{height: 34px; line-height: 34px; min-width: 34px;}
	.pagination li.prev-page a::before, .pagination li.next-page a::before{line-height: 34px;}
}


/* page_bar */
.page_bar{padding: 2.5% 0 0;}

.page_bar .pagination, .page_bar .pagination .nav-links{display: flex; justify-content: center;}
.pagination .page-numbers{display: block; height: 40px; line-height: 40px; border-radius: 3px; color: #333; text-align: center; min-width: 40px; border: 1px solid #dcdcdc; font-size: 18px; margin-right: 10px;}
.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; color: transparent; width: 40px;}
.pagination a.prev{background: none; color: #333; color: transparent;}
.pagination a.next{background: none; color: #333; color: transparent;}
.pagination a.prev::before, .pagination a.next::before{position: absolute; content: '\f105'; font-family: 'fontawesome'; left: 0; top: 0; text-align: center; width: 100%; height: 100%; font-size: 18px; line-height: 40px; background-position: center; background-repeat: no-repeat; background-size: 24px auto; color: #333;}
.pagination a.prev::before{content: '\f104'; left: unset; right: 0;}

.pagination a.prev:hover::before, .pagination a.next:hover::before{color: #fff;}
.pagination a.prev:hover, .pagination a.next:hover{color: transparent;}

@media only screen and (max-width: 950px) {
	.page_bar{padding: 20px 0 0;}
	.pagination .page-numbers{min-width: 34px; height: 34px; line-height: 34px;}
	.pagination a.prev, .pagination a.next{width: 34px;}
	.pagination a.prev::before, .pagination a.next::before{line-height: 34px;}
}


/* innerContent */
.c_share{padding: 15px 0 0;}
.c_share .date{margin-right: 4%;}
.c_share .share_bar{justify-content: center; align-items: center;}
.c_share .share_bar .share_btn{display: block; width: 36px; height: 36px; margin-left: 10px; background: var(--commonColor); border-radius: 5px;}
.c_share .share_bar .share_btn img{width: 100%; height: 100%; padding: 5px;}
.c_share .share_bar .share_btn:hover{background: #393F54;}
.c_share .share_bar .share_btn:hover img{transform: rotate(15deg);}

.innerContent{padding: 20px 0 0; color: #666;}
.innerContent, .innerContent p{font-size: 16px; line-height: 1.75;}
.innerContent p{padding-bottom: 2%;}
.innerContent p:last-child{padding-bottom: 0;}
.innerContent img{max-width: 100%; margin: 10px auto; border-radius: 2px;}
.innerContent .img_div{overflow: hidden; clear: both; margin-bottom: 2%;}
.innerContent .img_div img:first-child{float: left; width: 49%;}
.innerContent .img_div img:last-child{float: right; width: 49%;}

.innerContent_other{padding-top: 3%;}
.innerContent_other .link_item{max-width: 80%; width: 100%; font-size: 16px; position: relative; line-height: 26px; padding: 20px 0 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
.innerContent_other .link_txt{margin-right: 10px; font-size: 24px;}
.innerContent_other .link_title{flex: 1;}


@media only screen and (max-width: 1350px) {
	.innerContent_other .link_txt{font-size: 22px;}
}
@media only screen and (max-width: 1200px) {
	.innerContent_other .link_txt{font-size: 20px;}
}
@media only screen and (max-width: 950px) {
	.c_share{flex-wrap: wrap; padding-bottom: 0;}
	.c_share .date{width: 100%;}
	.c_share .share_bar{margin-top: 15px;}
	.innerContent p{padding-bottom: 15px;}
	.innerContent, .innerContent p{line-height: 1.5;}
	
	.innerContent_other .link_item{max-width: 100%; padding: 12px 0 8px;}
	.innerContent_other .link_txt{font-size: 18px; margin-right: 2px;}
}