/*  */
.title{text-transform: capitalize;}
.sub_page_main{padding: 0 50px;}
@media only screen and (max-width: 980px) {
	.sub_page_main{padding: 0 20px;}
	.main_404 svg{max-width: 80%;}
	.main_404>div{padding: 130px 0 100px !important;}
}

.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::after, .hoverItem .title, .hoverItem .brief, .hoverItem .pubPic, .hoverItem .pubPic::before, .pubPic img, .hoverItem .more, .hoverItem .item_icon, .hoverItem .order, .pubMore::before, .pubMore, .pubMoreBg, .hoverPic, .pubMore1, .pubMore1::before, .th_more, .pubMore2, .pubMore2::before, input[type="submit"]{
	-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, .hoverPic:hover{
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}

.sitemap-content{padding: 4% 0 0 !important;}
@media only screen and (max-width: 1023px) {
	.sitemap-content{padding: 152px 0 0 !important;}
	.privacy_main{padding: 152px 0 30px !important;}
}
@media only screen and (max-width: 980px) {
	#cont > ul > li > a{font-size: 22px !important;}
	#cont > ul > li > ul > li ul{grid-template-columns: repeat(1, 1fr) !important;}
}

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

/* web_th */
.web_th{text-align: center;}
.web_th .title{font-size: 36px; line-height: 1.4; font-family: 'Arial-Black'; text-transform: capitalize; color: #000;}
.web_th .title .txt{color: inherit; position: relative; font-size: inherit;}
.web_th .title a.txt:hover{color: var(--commonColor);}
.web_th .brief{line-height: 28px; color: #666; margin-top: 20px;}

.web_th.flex .brief{margin: 0;}

.th_left{text-align: left;}

.th_white .title{color: #fff;}
.th_white .title a.txt:hover{color: var(--commonColor);}
.th_white .brief{color: #fff;}

@media only screen and (max-width: 1350px) {
	.web_th .title{font-size: 32px;}

	/* .web_th .title{font-size: 46px;}
	.th_small .title{font-size: 42px;}
	.th_mini .title{font-size: 34px;}
	.web_th .title .small_txt{font-size: 26px;}
	.web_th .title .large_txt{font-size: 54px;}
	.home_choose .web_th .title .large_txt{font-size: 54px;} */
}
@media only screen and (max-width: 980px) {
	.web_th.flex{flex-direction: column; align-items: center;}
	.web_th.flex .title{width: 100%;}
	.web_th.flex .brief{margin-top: 10px; line-height: 26px;}
	.web_th .title{font-size: 26px;}
	.web_th .title br{display: none;}
	.web_th .brief{margin-top: 10px; line-height: 26px;}
}

/* pubMore */
.pubMore{display: inline-block; height: 46px; line-height: 44px; background: var(--commonColor); color: #fff; padding: 0 36px; position: relative; border: 1px solid var(--commonColor); z-index: 0; cursor: pointer; box-sizing: border-box; font-size: 17px;}
.pubMore:hover{color: var(--commonColor); background: #fff;}

.pubMoreBg{display: inline-block; height: 56px; line-height: 54px; background: #fff; color: var(--commonColor); padding: 0 30px; border: none; border-radius: 5px; cursor: pointer; border: 2px solid #fff; font-size: 20px;}
.pubMoreBg:hover{background: var(--commonColor); color: #fff;}

.pubMore1{display: inline-block; height: 50px; line-height: 50px; border-radius: 30px; cursor: pointer; position: relative; padding: 0 36px; color: #fff; background: var(--linearBg); overflow: hidden; font-family: 'Montserrat-Light';}

.pubMore1:hover, 
.swiper-slide .hoverItem:hover .pubMore1,
.pubMore1:hover{border: 1px solid var(--commonColor); background: #fff; color: var(--commonColor);}
li.hoverItem:hover .pubMore1::before,
.swiper-slide .hoverItem:hover .pubMore1::before,
.pubMore1:hover::before{background: none;}



@media only screen and (max-width: 1400px) {
	.pubMore{height: 52px; line-height: 48px; font-size: 18px;}
	.pubMoreBg{height: 52px; line-height: 50px; font-size: 18px;}
	.th_more{height: 56px; line-height: 56px;}
}
@media only screen and (max-width: 1200px) {
	.pubMore{height: 48px; line-height: 44px;}
	.pubMoreBg{height: 48px; line-height: 46px;}
	.th_more{height: 52px; line-height: 52px;}
}
@media only screen and (max-width: 980px) {
	.pubMore{height: 46px; line-height: 44px; padding: 0 30px; font-size: 16px;}
	.pubMoreBg{height: 46px; line-height: 44px;}
	.pubMore1{height: 46px; line-height: 46px; padding: 0 34px;}
	.th_more{height: 50px; line-height: 50px; margin-top: 18px; padding: 0 45px;}
}

/* c_banner */
.c_banner{position: relative; overflow: hidden;}
.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.6);} */
.c_banner .layout{z-index: 2; height: 100%;}
.c_banner_txt{text-align: center; width: 100%; min-height: 400px; padding: 9% 0 9.6%;}
.c_banner_txt .th{font-size: 40px; font-weight: Bold; color: #fff; line-height: 1.2; text-transform: capitalize; display: none;}

.c_banner_btn{text-align: center; margin-top: 24px;}
.c_banner_btn .btn{background: #fff; display: inline-block; height: 48px; line-height: 48px; width: auto; padding: 0 30px 0 62px; color: var(--commonColor); background-repeat: no-repeat; font-size: 20px; background-position: 26px 10px; background-size: 26px auto; border-radius: 30px; font-family: 'Montserrat-Light';}
.c_banner_btn .btn_pdf{background-image: url(../img/icon_down.png); margin-right: 16px;}
.c_banner_btn .btn_video{background-image: url(../img/icon_video.png);}
.c_banner_btn .btn:hover{color: #fff; background-color: var(--commonColor);}
.c_banner_btn .btn_pdf:hover{background-image: url(../img/icon_down_h.png);}
.c_banner_btn .btn_video:hover{background-image: url(../img/icon_video_h.png);}

@media only screen and (max-width: 1600px) {
	.c_banner_txt{min-height: 350px;}
}
@media only screen and (max-width: 1450px) {
	.c_banner_txt{min-height: 300px;}
	.c_banner_txt .th{font-size: 36px;}
}
@media only screen and (max-width: 1200px) {
	.c_banner_txt .th{font-size: 32px;}
}
@media only screen and (max-width: 1023px) {
	.c_banner{margin-top: 80px;}
}
@media only screen and (max-width: 980px) {
	.c_banner{margin-bottom: 0;}
	.c_banner_img{min-height: 200px; object-fit: cover;}
	.c_banner_title{margin-bottom: 10px; font-size: 24px;}
	.c_banner_txt{min-height: 180px; padding: 13% 0 15%;}
	.c_banner_txt .th{font-size: 26px;}
	.c_banner_btn{margin-top: 0;}
	.c_banner_btn .btn{font-size: 16px; padding: 0 12px 0 38px; background-position: 12px 10px; background-size: 20px auto; margin-top: 10px; height: 44px; line-height: 44px;}
	.c_banner_btn .btn_pdf{margin-right: 5px;}
}


/* c_location */
.c_location{justify-content: center; flex-wrap: wrap; line-height: 24px; overflow: hidden; padding: 16px 0 12px; background: #E5E5E5;}
.c_local_bar{justify-content: center; flex-wrap: wrap; text-transform: capitalize; font-size: 18px;}
.c_location li{position: relative; line-height: 26px; padding-right: 28px; margin-right: 10px; text-align: center; margin-bottom: 5px;}
.c_location li:first-child{padding-left: 32px;}
.c_location li:first-child::before{content: '';width: 20px;height: 18px;position: absolute; left: 0; top: 1px; background: url(../img/icon_home.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: ''; top: 3px; content: ''; background: url(../img/icon_next_b.png) no-repeat center; background-size: 12px auto; display: block; width: 20px; height: 22px; opacity: 0.6;}
.c_location li:last-child::after{content: ''; display: none;}
.c_location li a{display: block;}
.c_location li:last-child a{color: var(--commonColor); text-decoration: underline;}
.c_location li:last-child span{color: var(--commonColor); text-decoration: underline;}
.c_location li a:hover{color: var(--commonColor); text-decoration: underline;}

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


/* common-prev common-next */
.swiper{position: static;}
.common-prev, .common-next{display: none;}
.common-prev{left: -74px;}
.common-next{right: -74px;}
.common-pagination{display: none;}

@media only screen and (max-width: 1600px) {
	.common-prev{left: -66px;}
	.common-next{right: -66px;}
}
@media only screen and (max-width: 1540px) {
	.common-prev, .common-next{width: 48px; height: 48px; margin-top: -26px; line-height: 46px; font-size: 32px;}
	.common-prev{left: -54px;}
	.common-next{right: -54px;}
}
@media only screen and (max-width: 980px) {
	.common-prev, .common-next{display: none !important;}
	.common-pagination{display: block;}
}
/* .common-prev:hover, .common-next:hover{color: #fff;} */


/* sub_th */
.sub_th{font-size: 30px; font-weight: Bold; line-height: 1.25; text-transform: capitalize;}
@media only screen and (max-width: 1450px) {
	.sub_th{font-size: 26px;}
}
@media only screen and (max-width: 980px) {
	.sub_th{font-size: 24px;}
}

/* related_th */
.related_th .title{color: #333; text-transform: uppercase; font-family: 'Arial'; font-weight: bold;}
.related_th .title .txt{display: inline-block; position: relative;}


/* c_related_video */
.c_related_video{overflow: hidden;}
.related_video_inner{position: relative; margin-top: 3%;}
.related_video_inner .swiper-slide{height: auto; width: calc((100% - 50px) / 3); margin-right: 25px;}


.related_video_item .pro_pic{padding-bottom: 65%;}

.related_video_item .pro_pic::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.4); z-index: 1; opacity: 1; transition: all 0.5s;}
.related_video_item .item_icon{display: block; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-image: url(../img/play_h.png); opacity: 1; background-size: 20px auto; z-index: 2; background-color: #fff;}
.related_video_item .related_video_info{position: relative; margin-top: 20px;}
.related_video_item .title{font-size: 20px; line-height: 1.4; overflow: hidden; font-family: 'Montserrat-Bold'; text-transform: capitalize; color: #000;}

.related_video_item:hover .title{color: var(--commonColor);}
.related_video_item:hover .item_icon{opacity: 1; background-color: var(--commonColor); background-image: url(../img/play.png);}
.related_video_item:hover .pro_pic::before{background: rgba(0, 0, 0, 0.2);}

@media only screen and (max-width: 1350px) {
	.related_video_div{border-radius: 60px;}
}
@media only screen and (max-width: 980px) {
	.related_video_inner{margin-top: 0; padding: 22px 0 36px;}
	.related_video_inner .swiper-slide{width: 100%;}
	.related_video_item .title{font-size: 20px; height: auto; display: block;}
}


/* c_related_pro */
.c_related_pro{overflow: hidden;}
.related_pro_inner{padding: 2.6% 0 0; position: relative;}
.related_pro_inner .swiper-slide{width: calc((100% - 100px) / 5); margin-right: 25px; height: auto;}

.related_pro_item{height: 100%; border: 1px solid #F1F1F1; padding: 8px;}
.related_pro_item .pro_pic{padding-bottom: 100%;}
.related_pro_item .pro_info{flex: 1; margin-top: 8px;}
.related_pro_item .pro_info .title{background: #F1F1F1; padding: 6px 10px; text-align: center; line-height: 28px; height: 100%;}

.related_pro_item:hover{border-color: var(--commonColor);}
.related_pro_item:hover .pro_pic img{transform: scale(1.2);}
.related_pro_item:hover .pro_info .title{color: #fff; background: var(--commonColor);}


@media only screen and (max-width: 1400px) {
	.related_pro_inner .swiper-slide{width: calc((100% - 80px) / 5); margin-right: 20px;}
}
@media only screen and (max-width: 1200px) {
	.related_pro_inner .swiper-slide{width: calc((100% - 60px) / 4); margin-right: 18px;}
}
@media only screen and (max-width: 980px) {
	.related_pro_inner{padding: 18px 0 35px;}
	.related_pro_inner .swiper-slide{width: calc((100% - 20px) / 2); margin-right: 20px;}
}
@media only screen and (max-width: 768px) {
	.category_inner .swiper-slide{width: 100%; margin-right: 16px;}
}


/* c_related_news */
.c_related_news{overflow: hidden; background: #FAFAFA; padding: 4% 0 5%;}
.related_news_inner{padding: 2.6% 0 0; position: relative;}
.related_news_inner .swiper-slide{width: calc((100% - 84px) / 3); margin-right: 42px; height: auto;}

.related_news_item{height: 100%; position: relative; padding-bottom: 52px;}

.related_news_item .pic{padding-bottom: 65%;}

.related_news_info{padding: 20px 0 0;}
.related_news_info .date{color: var(--commonColor); font-weight: 500;}
.related_news_info .title{font-weight: bold; font-size: 20px; margin: 10px 0 10px; line-height: 1.4; overflow: hidden;}
.related_news_info .brief{color: #666; line-height: 26px; height: 52px; overflow: hidden; position: absolute; left: 0; bottom: 0;}

.related_news_item:hover .related_news_info .brief{color: #333;}


@media only screen and (max-width: 1400px) {
	.related_news_inner .swiper-slide{width: calc((100% - 52px) / 3); margin-right: 26px;}
	.related_news_info .title{font-size: 19px;}
}
@media only screen and (max-width: 980px) {
	.c_related_news{padding: 30px 0;}
	.related_news_inner{padding: 18px 0 35px;}
	.related_news_inner .swiper-slide{width: 100%; margin-right: 0;}
	.related_news_item{padding-bottom: 0;}
	.related_news_info{padding: 15px 0 0;}
	.related_news_info .title{font-size: 20px; max-height: unset; display: block; height: auto; margin-bottom: 0; line-height: 28px;}
	.related_news_info .brief{display: none;}
}

/* c_related_app */
.c_related_app{overflow: hidden;}
.related_app_inner{padding: 3.2% 0 0; position: relative;}
.related_app_inner .swiper-slide{width: calc((100% - 52px) / 3); margin-right: 26px; height: auto;}

.related_app_item{height: 100%; position: relative;}

.related_app_item .pic{padding-bottom: 65%;}

.related_app_info{padding: 20px 0 0;}
.related_app_info .title{font-family: 'Montserrat-Bold'; font-size: 24px; margin: 0 0 10px; line-height: 1.4; overflow: hidden;}
.related_app_info .brief{color: #666; line-height: 1.75; height: 5.4em; overflow: hidden; font-family: 'Montserrat-Light';}

.related_app_item:hover .related_app_info .brief{color: #333;}


@media only screen and (max-width: 1500px) {
	.related_app_info .title{font-size: 22px;}
}
@media only screen and (max-width: 1300px) {
	.related_app_info .title{font-size: 20px;}
}
@media only screen and (max-width: 980px) {
	.related_app_inner{padding: 22px 0 35px;}
	.related_app_inner .swiper-slide{width: 100%; margin-right: 0;}
	.related_app_info{padding: 15px 0 0;}
	.related_app_info .title{font-size: 20px; max-height: unset; display: block; height: auto;}
}

/* c_service_box */
.c_service_box{background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: 90px;}
.c_service_box .web_th{width: 65%;}
.c_service_box .web_th .title{text-transform: uppercase;}
.c_service_box .web_th .brief{color: #E5E5E5; margin-top: 3%;}

.c_service_ul{margin-top: 0; transform: translateY(90px);}
.c_ser_item{width: 31.5%; margin-right: 2.75%; background: #fff; border-radius: 30px; padding: 4% 3%; box-shadow: 0px 1px 44px 0px rgba(var(--comColorRgb), 0.25); position: relative;}
.c_ser_item::before{position: absolute; left: 50%; height: 4px; content: ''; background: var(--commonColor); width: 0; bottom: 0; border-radius: 5px;}
.c_ser_item:last-child{margin-right: 0;}
.c_ser_item .ser_pic img{height: 54px; width: auto;}
.c_ser_item .title{font-family: 'Montserrat-Bold'; font-size: 24px; margin: 20px 0 14px;}
.c_ser_item .brief{color: #666; line-height: 26px; font-family: 'Montserrat-Light';}

.c_ser_item:hover{box-shadow: 0px 1px 44px 0px rgba(var(--comColorRgb), 0.5);}
.c_ser_item:hover .ser_pic img{animation: swing 0.5s;}
.c_ser_item:hover::before{width: 40%; left: 30%;}
.c_ser_item:hover .brief{color: #333;}

@media only screen and (max-width: 1300px) {
	.c_service_box .web_th{width: 85%;}
	.c_ser_item{padding: 35px 24px; border-radius: 24px;}
	.c_service_ul{margin-top: -30px;}
	.c_ser_item .title{font-size: 22px;}
}
@media only screen and (max-width: 980px) {
	.c_service_box{padding-bottom: 32px; margin-bottom: 0;}
	.c_service_box .web_th{width: 100%;}
	.c_service_box .web_th .title{font-size: 26px; line-height: 1.5;}
	.c_service_box .web_th .title br{display: none;}
	.c_service_box .web_th .brief{margin-top: 10px;}
	.c_ser_item .title{font-size: 20px; margin: 14px 0 6px;}
	.c_service_ul{transform: none; margin-top: 24px; flex-direction: column;}
	.c_ser_item{width: 100%; padding: 24px 20px; border-radius: 20px;}
	.c_ser_item:nth-child(n+2){margin-top: 20px;}
	.c_ser_item .ser_pic img{height: 45px;}

}

/* c_faq_box */
.c_faq_box{}

.c_faq_div{width: 46%;}
.c_faq_right{width: 50%;}
.c_faq_right .pic{padding-bottom: 90%;}

.faq_list{margin-top: 4%;}
.faq_list li{margin-bottom: 4%;}
.faq_list li:last-child{margin-bottom: 0;}
.faq_list li .th{position: relative; padding: 14px 72px 14px 24px; cursor: pointer; line-height: 1.3; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 30px;}
.faq_list li .th .title{font-size: 20px;}

.faq_list li .left_icon{position: absolute; left: 30px; top: 18px; width: 30px; height: 30px; cursor: pointer; font-size: 16px; background: url(../img/icon_faq.png) no-repeat center; background-size: 30px auto;}

.faq_list li .right_icon{position: absolute; right: 14px; top: 50%; width: 32px; height: 32px; cursor: pointer; margin-top: -16px; transition: all 0.3s ease; border-radius: 50%; font-size: 28px;}
.faq_list li .right_icon::before{position: absolute; right: 0; top: 0; font-family: fontawesome; line-height: 32px; height: 100%; width: 32px; text-align: center; content: '\f107';}

.faq_list li .faq_con{padding: 24px 24px 6px; line-height: 1.75; display: none; position: relative; margin-top: 0; color: #666;}

.faq_list li.sel_item .th{border-color: var(--commonColor); border: none; background: var(--linearBg);}
.faq_list li.sel_item .th{color: #fff;}
.faq_list li.sel_item .right_icon{ transform: rotate(180deg);}
/* .faq_list li.sel_item .right_icon::before{color: ;} */
/* .faq_list li.sel_item .right_icon::before{content: '\f107'; width: 12px; height: 2px; background: #fff; top: 50%; margin-top: -1px; left: 50%; margin-left: -6px;} */
.faq_list li.sel_item .faq_con{display: block;}

@media only screen and (max-width: 980px) {
	.c_faq_box .layout{padding: 0 15px; flex-direction: column;}
	.c_faq_div{width: 100%; margin-top: 20px;}
	.c_faq_right{width: 100%;}
	.faq_list{padding: 0;}
	.faq_list li{margin-bottom: 18px;}
	.faq_list li:last-child{margin-bottom: 0;}
	.faq_list li .th{padding: 15px 40px 15px 20px; border-width: 1px;}
	.faq_list li .th::before{left: 15px; right: 15px;}
	.faq_list li .left_icon{left: 15px; top: 16px; background-size: 26px auto;}
	.faq_list li .right_icon{right: 8px; font-size: 26px;}
	.faq_list li .faq_con{padding: 16px 0 8px;}
	.faq_list li .th .title{font-size: 18px;}
}

/*-------------aside-------------*/
.aside {width: 300px;  margin-right: 3.5%;}
.c_right_box{flex: 1;}

.aside_form{height: 48px;}
.aside_form input{border: none; font-size: 16px; margin: 0; line-height: 48px; height: 100%;}
.aside_form .search_txt{background: #F1F1F1; flex: 1; padding: 0 20px; width: calc(100% - 50px);}
.aside_form .search_submit{width: 50px; background: url(../img/icon_search_w.png) no-repeat center; background-size: 24px auto; background-color: var(--commonColor); font-size: 0;}
.aside_form .search_submit:hover{background-color: var(--secondColor);}

.side-widget {position: sticky !important; top: 100px !important; margin: 0 0 0;}

.side-div{margin-top: 20px;}
.side-div:nth-of-type(n+2){margin-top: 30px;}

.side-tit-bar{position: relative; background: var(--commonColor); overflow: hidden;}
.side-tit-bar .side-tit{position: relative; font-size: 20px; line-height: 28px; padding: 12px 20px; color: #fff; font-weight: 500; text-transform: capitalize; display: block; background: var(--commonColor);}
.side-tit-bar a.side-tit:hover{text-decoration: underline;}

.side-cate {padding: 15px 20px 15px 0; background: #F1F1F1;}
.side-cate li {position: relative; line-height: 26px; font-size: 16px;}
.side-cate li li {font-weight: normal; border-bottom: none; margin-top: 5px; padding-left: 20px; text-transform: capitalize;}
.side-cate li li li{padding-left: 14px;}
.side-cate li a {position: relative; display: block; color: #333; padding: 8px 24px 8px 20px; line-height: 1.25;}
.side-cate>li>a{font-size: 17px;}
.side-cate>li>a.has_child::before{content: '';}
.side-cate ul {display: none; overflow: hidden; padding: 3px 0 8px;}
.side-cate ul ul{padding-left: 0;}
.side-cate ul li:last-child{border-bottom: none;}
.side-cate li li a {padding: 6px 24px 6px 12px; margin-right: 0; position: relative; color: #666;}
.side-cate li li a::before{position: absolute; left: 0; top: 50%; width: 4px; height: 4px; border-radius: 50%; margin-top: -2px; background: #333; content: '';}
.side-cate li a:hover, .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.nav-current a::before,
.side-cate li li a:hover::before{background: var(--commonColor);}

.side-cate>li.nav-current>a{color: var(--commonColor);}
.side-cate>li.nav-current>a::before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 18px; background: var(--commonColor);}

.side-cate li .icon-cate{position: absolute; right: -8px; top: 5px; 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: '\f0d7'; display: block;}
.side-cate li .icon-cate.icon-cate-up:before {content: '\f0d7'; display: block;}

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

.side-reso>li.nav-current::before{position: absolute; left: -20px; width: 12px; height: 2px; top: 50%; margin-top: -2px; content: ''; background: var(--commonColor);}

@media only screen and (max-width: 1440px) {
	.aside {width: 260px;  margin-right: 40px;}
}
@media only screen and (max-width: 1023px) {
	.aside{width: 260px; margin-left: 30px; display: none;}
	.c_right_box{width: calc(100% - 290px); width: 100%;}
	.side-cate{padding: 15px 0 12px;}
}

@media only screen and (max-width: 980px) {
	.c_category_box{padding-top: 30px;}
	.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;}
}


/* page_bar */
.page_bar{padding: 4% 0 0; font-size: 16px;}
.c_right_box .page_bar{padding: 5% 0 0;}

.page_bar .pagination, .page_bar .pagination .nav-links{display: flex; justify-content: center;}
.pagination .page-numbers{display: block; height: 38px; line-height: 38px; border-radius: 2px; color: #333; text-align: center; min-width: 38px; border: 1px solid #E5E5E5; margin-right: 8px; font-size: 16px; 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 15px;}


@media only screen and (max-width: 980px) {
	.page_bar{padding: 24px 0 0;}
	.c_right_box .page_bar{padding: 24px 0 0;}
	.pagination .page-numbers{min-width: 34px; height: 34px; line-height: 36px; margin-right: 6px; min-width: 30px;}
	.pagination a.prev, .pagination a.next{padding: 0 8px; line-height: 32px;}
}

/* table */
.table_wrap{overflow-x: auto; width: 100%; padding-bottom: 10px;}
table{border-spacing: 0; border-collapse: collapse; width: 100%;}
table tr td, table tr th{border: 1px solid #dcdcdc; line-height: 1.25; padding: 14px 30px; text-align: left; font-size: 16px; color: #666;}
table tr th{background: #F5F5F5; color: #333;}

@media only screen and (max-width: 950px) {
	table{max-width: 100%;}
	table tr td, .pro_table tr th{padding: 10px 8px;}
	
	
}

/* innerContent */
.con_data_share{margin: 20px 0;}
.con_data_share .date{color: #666; margin-right: 5%;}
.share_bar{padding: 0 0;}
.share_bar .txt{color: #666; margin-right: 10px; text-transform: capitalize;}

.innerContent{margin: 30px 0 0; color: #666;}
.innerContent, .innerContent p, .innerContent span{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: 0 auto; border-radius: 2px;}

.innerContent_other{margin-top: 4%; width: 100%; margin: 3% auto 0; border-top: 1px solid #E5E5E5; padding-top: 3%;}
.innerContent_other .link_prev, .innerContent_other .link_next{position: relative; line-height: 32px;}
.innerContent_other .link_btn{display: block; background: #171717; color: #fff; border-radius: 2px; width: 100px; height: 32px; position: relative; margin-right: 12px; padding-left: 26px;}
.innerContent_other .link_title{line-height: 26px; padding: 0 0; flex: 1;}
.innerContent_other .link_next{margin-top: 12px;}
.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: 6px solid #fff;
	position: absolute;
	top: 50%;
	margin-top: -7px; left: 15%; left: 11px;
}
.innerContent_other .link_next .link_btn::before{
	border-right: 0;
	border-left: 6px solid #fff;
}
.innerContent_other .link_btn:hover{background: var(--commonColor); color: #fff;}
.innerContent_other .link_prev .link_btn:hover::before{border-right-color: #fff;}
.innerContent_other .link_next .link_btn:hover::before{border-left-color: #fff;}


@media only screen and (max-width: 980px) {
	.con_data_share{flex-direction: column; align-items: flex-start; margin-top: 20px;}
	.share_bar{margin-top: 15px;}
	.innerContent{margin: 15px 0 0;}
	/* .innerContent p{padding-bottom: 15px;} */
	.innerContent, .innerContent p{line-height: 1.75;}
	.innerContent_other{margin-top: 20px; padding-top: 20px;}
	.innerContent_other .link_btn{margin-right: 10px; padding-left: 24px;}
	.innerContent_other .link_title{line-height: 24px;}
}




#index_scrollsidebar {
	    top: 45%;
	    right: 2px;
	    transition: all ease-in-out 1s;
	    /* visibility: hidden; */
	    opacity: 1;
	    position: fixed;
	    /* transform: translateY(-50%);*/
	    z-index: 99999
  }

  #index_scrollsidebar ul li {
	    width: 56px;
	    height: 56px;
	    background-color: var(--commonColor);
	    border-radius: 10px;
	    margin-bottom: 3px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    position: relative; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
  }

  #index_scrollsidebar ul li .show0 {
	    position: absolute;
	    background-color: var(--commonColor);
	    padding: 6px;
	    border-radius: 8px;
	    right: 80px;
	    top: 50%;
	    transition: all ease-in-out .5s;
	    transform: translateY(-50%);
	    display: none; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
  }

  #index_scrollsidebar ul li .show0,
  #index_scrollsidebar ul li .show0 a {
	    font-size: 16px;
	    color: #fff;
	    text-wrap: nowrap
  }

  #index_scrollsidebar ul li:hover .show0 {
	    display: block
  }

  #index_scrollsidebar ul li>a {
	    display: flex;
	    width: 100%;
	    height: 100%;
	    border-radius: 8px;
	    text-align: center;
	    line-height: 56px;
	    align-items: center;
	    justify-content: center;
	  }

  #index_scrollsidebar ul li img {
	    border: none;
	    vertical-align: middle;
	    max-width: 50%;
	  }

  #index_scrollsidebar .gototop {
	    background-color: var(--secondColor);
  }

  #index_scrollsidebar .gototop .s_smooth {
	    display: flex;
	    width: 100%;
	    height: 100%;
	    border-radius: 8px;
	    text-align: center;
	    line-height: 62px;
	    align-items: center;
	    justify-content: center;
	  }

  #index_scrollsidebar .gototop .s_smooth img {
	width: 23px; width: auto;
	}

.hvr-radial-out {
	display: inline-block; vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative; overflow: hidden; background: var(--commonColor); 
    -webkit-transition-property: color; transition-property: color; 
    -webkit-transition-duration: .3s; transition-duration: .3s;
}
.hvr-radial-out:before {
	content: ""; position: absolute; border-radius: 100%; z-index: -1;
	top: 0; left: 0; right: 0; bottom: 0; background: var(--commonColor);
	-webkit-transform: scale(0); transform: scale(0);
	-webkit-transition-property: transform; transition-property: transform;
	-webkit-transition-duration: .3s; transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {color: #fff;}
.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:active:before {-webkit-transform: scale(2);transform: scale(2)}
@media only screen and (max-width: 1024px) {
	#index_scrollsidebar {display: none;}
}
.fix_slide_foot {
	display: none;background: var(--secondColor);position: fixed;
	width: 100%;bottom: 0;flex-wrap: nowrap;flex-direction: row;
	justify-content: space-evenly;align-items: stretch;height: 55px;z-index: 111;
}
.fix_slide_foot li {
	/* border-right: 1px solid white; */ align-content: center;
	display: flex;width: 100%;align-items: center;justify-content: center;
}
.fix_slide_foot li:nth-child(odd){background: rgba(255, 255, 255, 0.15);}
.fix_slide_foot li:last-of-type() {border-right: none;}
.fix_slide_foot li a[title=email] img {height: 30px;}
.fix_slide_foot li a {
	display: flex;width: 100%;align-items: center;justify-content: center;
	align-content: center;
}
.fix_slide_foot li img {height: 30px;width: auto;}
.show0 img {width: 120px;margin: 0 auto 10px;display: block;max-width: unset !important;}
.show0 img:last-child {margin-bottom: 0;}
@media only screen and (max-width: 1024px) {
	#index_scrollsidebar{display: none;}
	.fix_slide_foot {display: flex;}
	body {padding-bottom: 50px;}
}