/*  */

.web_main {

	background: #fff;

	padding-bottom: 4%;

}



.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 */

.pubMore::before,

.pubMoreWhite::before,

.related_pro-prev::before,

.related_pro-next::before,

.c_ad_box2 .c_ad_btn .more::before,

.c_ad_box2 .c_ad_btn .more::after,

.side_rec_pro li .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;

}



.c_news_info .more,

.c_share .share_bar .share_btn img,

.pdf_btn img,

.listApp_ul li .app_pic img,

.innerPro_item .right_icon::before,

.home_pro_item .pro_pic img,

.home_advantage,

.service_pic .ser_pic img,

.related_news_item .news_pic img,

.intro_left .pro_pic img,

.video_item .video_pic img,

.related_video_item .pro_pic img,

.case_item .case_pic img,

.contact_pic_item img,

.news_pic_item .news_pic img,

.rec_pro_pic .rec_pic img,

.innerPro_box .pro_pic img,

.pro_big_pic img,

.pro_pic_div .pro_pic img,

.app_pic_item .app_pic img,

.web_th .s_title a.txt::before {

	-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,

.side-news li .news_pic img,

.related_news_item .news_pic::before,

.desc_pic_item .desc_pic img,

.related_pro_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 .video_pic:hover 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);

}



.about_say_item:hover .about_pic img,

.c_pro_item:hover .pro_pic img,

.related_news_item:hover .news_pic img,

.related_pro_item:hover .pro_pic img,

.side-news li:hover .news_pic img,

.side_rec_pro li:hover .pro_pic img {

	-webkit-transform: scale(1.08);

	-moz-transform: scale(1.08);

	-o-transform: scale(1.08);

	transform: scale(1.08);

}



/* web_th */

.web_th {

	text-align: center;

	max-width: 1200px;

	margin: 0 auto;

}



.web_th_left {

	text-align: left;

	max-width: 1400px;

	margin: 0;

}



.web_th .s_title {

	color: #0D44A8;

	margin-bottom: 10px;

	line-height: 1.25;

	text-transform: capitalize;

	font-family: 'MyriadPro-Regular';

}



.web_th .s_title .txt {

	color: inherit;

	position: relative;

	padding-bottom: 3px;

}



.web_th .s_title a.txt {

	position: relative;

}



.web_th .s_title a.txt::before {

	position: absolute;

	left: 0;

	bottom: 0;

	height: 2px;

	width: 0;

	background: #0D44A8;

	content: '';

}



.web_th .s_title a.txt:hover::before {

	width: 100%;

}



.web_th .title {

	font-size: 45px;

	line-height: 1.15;

	font-family: 'MyriadPro-Bold';

	color: #0D44A8;

	text-transform: capitalize;

}



.web_th .title .txt {

	color: inherit;

	position: relative;

}



.web_th .title a.txt:hover {

	text-decoration: underline;

}



.web_th .brief {

	line-height: 1.5;

	color: #666;

	margin-top: 12px;

	font-family: 'MicrosoftPhagsPa';

}



.web_th_upp .title {

	text-transform: uppercase;

}



.web_th_white .title {

	line-height: 1.5;

	padding-bottom: 10px;

}



.web_th_white .title,

.web_th_white .title .txt {

	color: #fff;

}



.web_th_white .title .txt {

	padding-bottom: 15px;

}



.web_th_white .title .txt::before {

	position: absolute;

	left: 0;

	width: 120px;

	bottom: 0;

	height: 3px;

	background: #fff;

	content: '';

}



.web_th_white .title a.txt:hover {

	text-decoration: none;

}



.web_th_white .title a.txt:hover:before {

	background-color: #3256A4;

}



.web_th_white .brief {

	color: #fff;

}



@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: 35px;

	}

}



@media only screen and (max-width: 1200px) {

	.web_th .title {

		font-size: 30px;

	}

}



@media only screen and (max-width: 950px) {

	.web_main {

		padding-bottom: 30px;

	}



	.web_th .title {

		font-size: 26px;

	}



	.web_th_white .title .txt::before {

		height: 2px;

	}

}



/* c_ad_box */

.c_ad_box {}

.c_ad_box.mask .c_ad_inner::after{
	content: ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: rgba(0, 0, 0, .4);
	left: 0;
	z-index: -1;
}



.c_ad_div {

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	position: relative;

	z-index: 0;

}



.c_ad_inner {

	width: 100%;

	margin: 0 auto;

	padding: 12% 30px;

	max-width: 1200px;

	font-family: 'Poppins-Medium';

}



.c_ad_inner .web_th .title {

	color: #fff;

	font-family: 'MyriadPro-Bold';

}



.c_ad_inner .web_th .brief {

	color: #fff;

	font-size: 24px;

	font-family: 'MicrosoftPhagsPa';

}



.c_ad_btn {

	text-align: center;

}



.c_ad_btn .more {

	display: inline-block;

	color: #fff;

	font-size: 20px;

	line-height: 1.25;

	padding: 12px 50px 12px;

	margin-top: 2%;

	border: 1px solid #fff;

	position: relative;

}



.c_ad_btn .more::after {

	display: inline-block;

	content: '\f105';

	margin-left: 20px;

}



.c_ad_btn .more:hover {

	background: #0D44A8;

	border-color: #14457B;

}





.c_ad_box2 .c_ad_div::before {

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	content: '';

	background: rgba(0, 0, 0, 0.5);

	z-index: -1;

}



.c_ad_box2 .c_ad_th {

	text-align: left;

}



.c_ad_box2 .c_ad_inner {

	max-width: 1500px;

	padding: 8.5% 50px;

	font-family: 'Poppins-Regular';

}



.c_ad_box2 .web_th .s_title {

	color: #fff;

	font-size: 16px;

	font-family: 'Poppins-Regular';

}



.c_ad_box2 .web_th .title {

	color: #fff;

	margin: 12px 0 8px;

	font-family: 'MyriadPro-Bold';

}



.c_ad_box2 .web_th .brief {

	color: #fff;

	font-family: Arial;

}



.c_ad_box2 .c_ad_btn {

	text-align: left;

}



.c_ad_box2 .c_ad_btn .more {

	background: #0D44A8;

	border-radius: 30px;

	border: none;

	font-size: 18px;

	padding: 12px 30px;

	position: relative;

	z-index: 0;

}



.c_ad_box2 .c_ad_btn .more::after {

	width: 20px;

	height: 20px;

	border-radius: 50%;

	line-height: 20px;

	background: #fff;

	color: #0D44A8;

	text-align: center;

	font-size: 16px;

	margin-left: 12px;

}



.c_ad_box2 .c_ad_btn .more::before {

	position: absolute;

	content: '';

	left: 50%;

	top: 50%;

	width: 0;

	height: 0;

	background: #111;

	z-index: -1;

	border-radius: 22px;

}



.c_ad_box2 .c_ad_btn .more:hover::before {

	background: #fff;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

}



.c_ad_box2 .c_ad_btn .more:hover {

	color: #0D44A8;

}



.c_ad_box2 .c_ad_btn .more:hover::after {

	color: #fff;

	background: #0D44A8;

}



@media only screen and (max-width: 1350px) {

	.c_ad_btn .more {

		font-size: 22px;

	}



	.c_ad_inner .web_th .brief {

		font-size: 22px;

	}

}



@media only screen and (max-width: 1200px) {

	.c_ad_btn .more {

		font-size: 20px;

	}



	.c_ad_inner .web_th .brief {

		font-size: 20px;

	}

}



@media only screen and (max-width: 950px) {

	.c_ad_btn .more {

		padding: 10px 26px 8px;

	}



	.c_ad_box2 .c_ad_inner {

		padding: 8% 20px;

	}

}



/* pad_top  mar_top */

.pad_top {

	padding-top: 4%;

}



.pad_tb {

	padding: 4% 0;

}



.pad_top_l {

	padding-top: 6%;

}



.pad_bot_l {

	padding-bottom: 6%;

}



.mar_top_l {

	margin-top: 6%;

}



@media only screen and (max-width: 1450px) {

	.pad_top_l {

		padding-top: 5.5%;

	}



	.pad_bot_l {

		padding-bottom: 5.5%;

	}



	.mar_top_l {

		margin-top: 5%;

	}

}



@media only screen and (max-width: 1350px) {

	.pad_top_l {

		padding-top: 5%;

	}



	.pad_bot_l {

		padding-bottom: 5%;

	}



	.mar_top_l {

		margin-top: 4%;

	}

}



@media only screen and (max-width: 1200px) {

	.pad_top_l {

		padding-top: 4.5%;

	}



	.pad_bot_l {

		padding-bottom: 4.5%;

	}



	.mar_top_l {

		margin-top: 3%;

	}

}



@media only screen and (max-width: 950px) {

	.pad_top {

		padding-top: 30px;

	}



	.pad_tb {

		padding: 30px 0;

	}



	.pad_top_l {

		padding-top: 30px;

	}



	.pad_bot_l {

		padding-bottom: 30px;

	}



	.mar_top_l {

		margin-top: 30px;

	}

}





/* c_banner */

.c_banner {

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	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.15);

}



.c_banner .layout {

	z-index: 2;

	height: 100%;

}



.c_banner_txt {

	text-align: center;

	width: 100%;

	min-height: 300px;

	padding: 14% 0 12%;

}



.c_banner_txt .th {

	font-size: 45px;

	font-family: 'MyriadPro-Semibold';

	color: #fff;

	line-height: 1.2;

	text-transform: capitalize;

}



.c_banner_btn {

	text-align: center;

}



.c_banner_btn .btn {

	background: #FAFAFA;

	display: inline-block;

	height: 36px;

	line-height: 36px;

	width: 136px;

	text-align: center;

	color: #0D44A8;

	background-repeat: no-repeat;

	border: 1px solid #fff;

	margin-top: 20px;

	font-family: 'MyriadPro-Bold';

}



.c_banner_btn .btn_pdf {

	background-image: url(../img/icon_down_1.png);

	background-position: 30% 10px;

	background-size: 20px auto;

	margin-right: 16px;

	padding-left: 20px;

}



.c_banner_btn .btn:hover {

	color: #fff;

	background-color: #0D44A8;

}



.c_banner_btn .btn_pdf:hover {

	background-image: url(../img/icon_down.png);

}



@media only screen and (max-width: 1450px) {

	.c_banner_txt .th {

		font-size: 40px;

	}

}



@media only screen and (max-width: 1350px) {

	.c_banner_txt .th {

		font-size: 35px;

	}

}



@media only screen and (max-width: 1200px) {

	.c_banner_txt .th {

		font-size: 30px;

	}

}



@media only screen and (max-width: 1023px) {



	/* .web_head .head_layer{height: auto;} */

	.c_banner {

		margin-top: 35px;

	}

}



@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: 24px;

	}



	.c_banner_txt {

		min-height: unset;

		padding: 15% 0;

	}



	.c_banner_txt .th {

		font-size: 24px;

	}



	.c_banner_btn .btn {

		margin-top: 12px;

	}



	.swiper-button-next,

	.swiper-button-prev {

		width: 40px;

		height: 40px;

		line-height: 38px;

		margin-top: -20px;

	}

}



/* c_location */

.c_location {

	justify-content: center;

	flex-wrap: wrap;

	line-height: 24px;

	overflow: hidden;

	padding: 10px 0 0;

	font-size: 20px;

	font-family: 'MyriadPro-Regular';

}



.c_local_bar {

	justify-content: center;

	flex-wrap: wrap;

	text-transform: capitalize;

}



.c_location li {

	position: relative;

	line-height: 1.25;

	padding-right: 18px;

	margin-right: 8px;

	text-align: center;

	color: #fff;

}



.c_location li:last-child {

	padding-right: 0;

	margin-right: 0;

}



.c_location li::after {

	position: absolute;

	right: 0;

	content: '\f105';

	top: -1px;

}



.c_location li:last-child::after {

	content: '';

}



.c_location li a {

	display: block;

	color: #fff;

}



/* .c_location li:last-child a{color: #355E40;} */

.c_location li a:hover {
/* 
	color: #14457B;

	color: #0d44a8; */
	color: #fff;
	text-decoration: underline;

}



.c_location li:last-child {

	color: #0d44a8;

}



@media only screen and (max-width: 950px) {

	.c_location {

		padding: 10px 0;

	}

}



/* pubMore */

.pubMore,

.pubMoreWhite {

	width: 150px;

	height: 44px;

	line-height: 44px;

	text-align: center;

	background: #0D44A8;

	color: #fff;

	display: block;

	font-family: 'MyriadPro-Regular';

	font-size: 20px;

	position: relative;

	z-index: 0;

	border: 2px solid #0D44A8;

	border-radius: 22px;

}



.pubMore::before,

.pubMoreWhite::before {

	position: absolute;

	content: '';

	left: 50%;

	top: 50%;

	width: 0;

	height: 0;

	background: #fff;

	z-index: -1;

	border-radius: 22px;

}



.pubMore:hover {

	color: #0D44A8;

}



.pubMore:hover::before {

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

}



.pubMoreWhite {

	border: 2px solid #fff;

	color: #0D44A8;

	background: #fff;

}



.pubMoreWhite::before {

	background: #0D44A8;

}



.pubMoreWhite:hover {

	color: #fff;

	background: none;

}



.pubMoreWhite:hover::before {

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

}



/* c_more_btn */

.more_btn .more {

	color: #0D44A8;

	position: relative;

	font-family: 'MyriadPro-Semibold';

	font-size: 20px;

}



.more_btn .more:hover {

	margin-left: 5px;

}



.more_btn_gr .more {

	color: #355E40;

}



.more_btn_gr .more::after {

	background-image: url(../img/icon_plus.png);

}





@media only screen and (max-width: 1200px) {}



@media only screen and (max-width: 950px) {}



/* sub_th */

.sub_th {

	line-height: 26px;

	padding-bottom: 10px;

	margin-bottom: 20px;

	position: relative;

}



.sub_th::before {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	height: 2px;

	background: #0D44A8;

	content: '';

	transform: scaleY(50%);

}



.sub_th .th {

	color: #000;

	text-transform: uppercase;

	font-size: 20px;

}



/* c_related_video */

.c_related_video .web_th .title {

	font-size: 24px;

}



.related_video_inner {

	padding: 2% 0 0;

	position: relative;

}



.related_video_inner .swiper-slide {

	height: auto;

	width: calc((100% - 40px) / 3);

}



.related_video_item {

	height: 100%;

}



.related_video_item .pro_pic {

	padding-bottom: 61%;

	overflow: hidden;

}



.related_video_item .video_icon {

	position: absolute;

	width: 74px;

	height: 74px;

	background: url(../img/play.png) no-repeat center/100% auto;

	top: 50%;

	left: 50%;

	margin: -37px 0 0 -37px;

}



.related_video_info {

	padding: 20px 0 0;

}



.related_video_info .title {}



.related_video_item:hover .title a {

	color: #0D44A8;

}



.related_video_item .video_more {

	font-size: 18px;

	height: 50px;

	line-height: 50px;

	width: 220px;

	text-align: center;

	margin: 12px auto 0;

	border-radius: 0;

	font-family: 'Poppins-Regular';

}



.related_video_item .video_more::before {

	border-radius: 0;

}



.related_video_item:hover .title a {

	color: #0d44a8;

}



.related_video_item:hover .video_more {

	background: #fff;

	color: #0D44A8;

}



.related_video_item:hover .video_more::before {

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

}



.related_video_item:hover .video_icon {

	background-image: url(../img/play_b.png);

}



.related_video-pagination {

	display: none;

}



.related_video-prev,

.related_video-next {

	width: 35px;

	height: 56px;

	background: #0D44A8;

	color: #fff;

	border-radius: 0;

	line-height: 56px;

}



.related_video-next:hover,

.related_video-prev:hover {

	background: #none;

	color: #fff;

}



.related_video-prev {

	left: -40px;

}



.related_video-next {

	right: -40px;

}



.related_video-prev::before,

.related_video-next::before {

	font-weight: bold;

	font-size: 34px;

	display: block;

	overflow: hidden;

}



.related_video-prev::before {

	content: '\f104';

}



.related_video-next::before {

	content: '\f105';

}



.related_video-next:hover,

.related_video-prev:hover {

	opacity: 0.8;

}



@media only screen and (max-width: 950px) {

	.related_video_item {}



	.related_video_inner {

		padding: 15px 0 36px;

	}



	.related_video-pagination {

		display: block;

	}



	.related_video-prev,

	.related_video-next {

		display: none;

	}



	.related_video_item .video_more {

		margin: 0 auto;

	}



	.related_video_item .video_icon {

		width: 60px;

		height: 60px;

		margin: -30px 0 0 -30px;

	}

}





/* c_related_pro */

.c_related_pro .web_th .title {

	font-size: 24px;

	font-family: 'MyriadPro-Regular';

	font-weight: bold;

}



.related_pro_inner {

	padding: 2% 0 0;

	position: relative;

}



.related_pro_inner .swiper-slide {

	height: auto;

	width: calc((100% - 30px) / 3);

}



.related_pro_item {

	background-color: #fff;

	border: 1px solid #0D44A8;

	box-sizing: border-box;

}



.related_pro_item .pro_pic {

	padding-bottom: 100%;

	overflow: hidden;

}



.related_pro_info {

	padding: 0 0 0;

}



.related_pro_info .view_more {

	background: #0D44A8;

	color: #fff;

	display: block;

	text-align: center;

	line-height: 2em;

	padding: 5px 0;

	font-size: 18px;

	font-family: Arial;

	display: flex;

	align-items: center;

	justify-content: center;

}



.related_pro_item:hover {

	box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2);

}



.related_pro_item:hover .title a {

	color: #14457B;

}



.related_pro-pagination {

	display: none;

}



.related_pro-prev,

.related_pro-next {

	width: 35px;

	height: 56px;

	background: #0D44A8;

	color: #fff;

	border-radius: 0;

	line-height: 56px;

}



.related_pro-next:hover,

.related_pro-prev:hover {

	background: #0D44A8;

	color: #fff;

}



.related_pro-prev {

	left: -40px;

}



.related_pro-next {

	right: -40px;

}



.related_pro-prev::before,

.related_pro-next::before {

	font-weight: bold;

	font-size: 34px;

	display: block;

	overflow: hidden;

}



.related_pro-prev::before {

	content: '\f104';

}



.related_pro-next::before {

	content: '\f105';

}



.related_pro-next:hover::before,

.related_pro-prev:hover::before {

	animation: jump 0.5s;

}



@media only screen and (max-width: 950px) {

	.related_pro_item {

		box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.05);

	}



	.related_pro_inner {

		padding: 12px 0 35px;

	}



	.related_pro-pagination {

		display: block;

	}



	.related_pro-prev,

	.related_pro-next {

		display: none;

	}

}





/* c_related_news */

.c_related_news .web_th .title {

	font-size: 24px;

}



.related_news_inner {

	padding: 2% 0 0;

	position: relative;

}



.related_news_left {

	width: 65%;

}



.related_news_right {

	width: calc(35% - 30px);

}



.related_news_item {

	height: 100%;

	position: relative;

}



.related_news_right .related_news_item:first-child {

	margin-bottom: 30px;

}



.related_news_item .linkA {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	z-index: 3;

	display: block;

}



.related_news_item .news_pic {

	padding-bottom: 75%;

	overflow: hidden;

	z-index: 0;

}



.related_news_left .related_news_item .news_pic {

	padding-bottom: 0;

	height: 100%;

}



.related_news_item .news_pic::before {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	content: '';

	background: rgba(0, 0, 0, 0.43);

	z-index: 1;

}



.related_news_info {

	padding: 4% 4.5% 6%;

	color: #fff;

	justify-content: flex-end;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	z-index: 2;

}



.related_news_info .date {

	font-size: 18px;

	font-family: 'MyriadPro-Regular';

}



.related_news_info .title {

	font-family: 'MyriadPro-Bold';

	font-size: 24px;

	margin: 8px 0;

	line-height: 26px;

	max-height: 52px;

	overflow: hidden;

}



.related_news_info .title,

.related_news_info .title a {

	color: #fff;

	line-height: 1.25;

}



.related_news_info .brief {

	opacity: 0.9;

	line-height: 1.35;

	font-family: 'MyriadPro-Regular';

	max-height: 5.4em;

	overflow: hidden;

}



.related_news_item:hover .news_pic::before {

	background: rgba(0, 0, 0, 0.3);

}



@media only screen and (max-width: 1200px) {

	.related_news_info .title {

		font-size: 22px;

	}



	.related_news_right {

		width: calc(35% - 20px);

	}



	.related_news_right .related_news_item:first-child {

		margin-bottom: 20px;

	}

}



@media only screen and (max-width: 950px) {

	.related_news_info {

		padding: 15px;

	}



	.related_news_info .title {

		font-size: 20px;

	}



	.related_news_inner {

		padding: 15px 0 0;

	}



	.related_news_left {

		width: 100%;

	}



	.related_news_right {

		width: 100%;

		margin-top: 20px;

	}



	.related_news_left .related_news_item .news_pic {

		height: 0;

		padding-bottom: 75%;

	}

}



/*-------------aside-------------*/

.c_category_box {

	padding: 3% 0 0;

}



.c_category_box .layout {

	display: flex;

	justify-content: space-between;

}



.aside {

	width: 22%;

	margin-right: 52px;

	font-family: Arial;

}



.c_right_box {

	flex: 1;

	width: calc(78% - 52px);

}



.side-tit-bar {

	position: relative;

	border-bottom: 1px solid #E7E7E7;

}



.side-tit-bar .side-tit {

	position: relative;

	font-size: 20px;

	line-height: 26px;

	padding: 0 0 11px;

}



.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: 20px;

}



.side-cate {

	padding: 8px 0;

}



.side-cate li {

	position: relative;

	line-height: 26px;

	font-size: 16px;

}



.side-cate li li {

	font-size: 16px;

	font-weight: normal;

	border-bottom: none;

	margin-top: 0;

	padding-left: 8px;

}



.side-cate li a {

	position: relative;

	display: block;

	color: #333;

	padding: 10px 34px 10px 0;

	line-height: 1.25;

}



.side-cate>li>a {

	font-size: 20px;

	color: #000;

}



.side-cate>li>a::before {

	content: '\f105';

	display: block;

	font-size: 20px;

	margin-right: 5px;

	position: absolute;

	right: 5px;

	top: 50%;

	transform: translateY(-50%);

}



.side-cate>li>a.has_child::before {

	content: '';

}



.side-cate ul {

	display: none;

	overflow: hidden;

	padding: 8px 0;

}



.side-cate ul ul {

	padding-left: 6px;

}



.side-cate ul li:last-child {

	border-bottom: none;

}



.side-cate li li a {

	padding: 6px 34px 6px 14px;

	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.active>a,

.side-cate li li a:hover,

.side-cate li li.active>a {

	color: #0D44A8;

}



.side-cate li li a:hover::before {

	background: #0D44A8;

}



.side-cate>li.nav-current>a {

	color: #0D44A8;

}



.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: #0D44A8;

}



.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 li:hover>a,

.side-cate li li:hover .icon-cate {

	color: #0D44A8;

}



.side-info {

	padding: 6px 0 8px;

	font-family: 'Poppins-Regular';

}



.side-info li {

	margin-top: 12px;

}



.side-info li p.name {

	font-size: 18px;

	color: #000;

	line-height: 1.5;

	margin-bottom: 4px;

}



/* side-resources */

.side-reso {

	border: none;

	padding: 0 0;

}



.side-reso>li {

	border-bottom: 1px solid #E7E7E7;

}



.side-reso>li>a {

	padding-left: 24px;

	padding-right: 24px;

	border-left: 3px solid #fff;

	font-size: 16px;

	color: #999;

}



.side-reso>li>a::before {

	content: '';

	left: 4px;

	right: auto;

	width: 20px;

	height: 20px;

	background: url(../img/icon8.png) no-repeat left center/10px auto;

}



.side-reso li a::after {

	position: absolute;

	content: '';

	width: 12px;

	height: 12px;

	border: 1px solid #999;

	border-radius: 50%;

	right: 8px;

	top: 50%;

	margin-top: -5px;

	box-sizing: border-box;

}



.side-reso>li>a:hover {

	border-color: #0D44A8;

}



.side-reso>li>a:hover::before {

	background-image: url(../img/icon7.png);

}



.side-reso>li>a:hover::after {

	border-color: #0D44A8;

	border-width: 4px;

	background: #fff;

}



.side-reso>li.nav-current>a {

	border-color: #0D44A8;

	background: rgba(13, 68, 168, 0.3);

}



.side-reso>li.nav-current>a::before {

	background-image: url(../img/icon7.png);

}



.side-reso>li.nav-current>a::after {

	border-color: #0D44A8;

	border-width: 4px;

	background: #fff;

}



.side-reso li a.has_child::after {

	border: none;

	background: none;

	opacity: 0;

}



.side-reso li .icon-cate {

	top: 5px;

}



.side-reso li .icon-cate::before {

	font-size: 14px;

	width: 12px;

	height: 12px;

	border-radius: 50%;

	box-sizing: border-box;

	border: 1px solid #999;

	line-height: 10px;

	float: left;

	margin: 9px;

}



.side-reso li .icon-cate:hover {

	background: none;

}



.side-reso li li:hover>a::after {

	border-width: 4px;

	background: #fff;

	border-color: #0D44A8;

}



.side-reso li.nav-current .icon-cate::before {

	border-color: #0D44A8;

}



.side-reso li li.nav-current>a {

	color: #0D44A8;

}



.side-reso li li.nav-current>a::after {

	border-width: 4px;

	background: #fff;

	border-color: #0D44A8;

}



.side-reso li li a::before {

	position: absolute;

	left: 0;

	top: 50%;

	width: 6px;

	height: 1px;

	margin-top: 0;

	background: #333;

	content: '';

}



.side-reso ul ul {

	padding-left: 6px;

}





/* side-news */

.side-tit-news {

	background: #F2F2F2;

	border: 1px solid #B6C7E5;

	border-bottom: 0;

	border-top-width: 3px;

	font-size: 18px;

	color: #0D44A8;

	padding: 12px;

	text-align: center;

}



.side-tit-news .side-tit {

	padding-bottom: 0;

}



.side-news {

	background: #fff;

	border: 1px solid #B6C7E5;

	border-top: 0;

	padding: 20px 10px 2px;

}



.side-news li {

	margin-top: 5px;

}



.side-news li:first-child {

	margin-top: 0;

}



.side-news li .side-news-info {

	padding: 14px 0 18px;

}



.side-news li .news_pic {

	padding-bottom: 82%;

	border-radius: 10px;

	overflow: hidden;

}



.side-news li .title {

	line-height: 1.25;

	font-size: 16px;

}



.side-news li .title a {

	line-height: 1.25;

}



.side-news li .brief {

	color: #999;

	line-height: 1.5;

	margin-top: 12px;

	font-family: 'Poppins-Regular';

}



.side-news li:hover .title {

	color: #0D44A8;

}



.side-news li:hover .title a {

	color: #0D44A8;

}





@media only screen and (max-width: 950px) {
	.related_news_info .brief{
		display: none;
	}

	.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;

	}

}





/* c_page */

.c_page {

	padding: 2.5% 0 0;

}



.c_page .pagination ul {

	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;

	height: 38px;

	line-height: 38px;

	border-radius: 10px;

	color: #333;

	text-align: center;

	min-width: 38px;

	background: #999;

	color: #fff;

}



.pagination li span {

	border: none;

	background: none;

	color: #333;

}



.pagination li.active span {

	background: #0D44A8;

	color: #fff;

}



.pagination li:hover a {

	background: #0D44A8;

	color: #fff;

}



.pagination li.prev-page a,

.pagination li.next-page a {

	width: 30px;

	min-width: 30px;

	position: relative;

	border: none;

}



.pagination li.prev-page a {

	background: none;

	color: #333;

}



.pagination li.next-page a {

	background: none;

	color: #333;

}



.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: 30px;

	height: 100%;

	font-size: 28px;

	line-height: 36px; */

}


/* 
.pagination li.prev-page a::before {

	content: '\f104';

	left: unset;

	right: 0;

} */



.pagination li.prev-page a:hover,

.pagination li.next-page a:hover {

	color: #0D44A8;

	background: none;

}



.pagination li.prev-page:hover a,

.pagination li.next-page:hover a {

	color: #0D44A8;

	background: none;

}



@media only screen and (max-width: 950px) {

	.c_page {

		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 {

		height: 34px;

		line-height: 34px;

		min-width: 34px;

	}



	.pagination li.prev-page a::before,

	.pagination li.next-page a::before {

		line-height: 34px;

	}

}





/* innerContent */

.c_con_th {

	font-size: 24px;

	line-height: 1.5;

	color: #2B2C30;

	font-weight: bold;

}



.c_share {

	padding: 15px 0;

	align-items: center;

}



.c_share .date {

	color: #666;

	margin-right: 5%;

}



.c_share .share_bar {

	color: #666;

	justify-content: center;

	align-items: center;

}



.c_share .share_bar .share_btn {

	display: block;

	width: 36px;

	height: 36px;

	margin-left: 10px;

	border-radius: 5px;

	background: #0D44A8;

	transition: all 0.3s ease;

}



.c_share .share_bar .share_btn img {

	padding: 6px;

}



.c_share .share_bar .share_btn:hover {

	background: #0d44a8;

}



.c_share .share_bar .share_btn:hover img {

	transform: rotate(15deg);

}



.innerContent {

	padding: 20px 0 0;

	color: #2B2C30;

	letter-spacing: 1px;

	font-family: Arial;

}



.innerContent,

.innerContent p,

.innerContent span {

	font-size: 16px;

	line-height: 2;

}



.innerContent p {

	padding-bottom: 2%;

}



.innerContent p:last-child {

	padding-bottom: 0;

}



.innerContent img {

	max-width: 100%;

	margin: 10px auto;

	border-radius: 2px;

}



.innerContent_other {

	padding-top: 3%;

}



.innerContent_other .link_item {

	max-width: 760px;

	width: 100%;

	font-size: 16px;

	position: relative;

	line-height: 26px;

	padding: 20px 0 15px;

	border-bottom: 1px solid rgba(51, 51, 51, 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_con_th {

		font-size: 22px;

		line-height: 30px;

	}



	.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.75;

	}



	.innerContent_other .link_item {

		max-width: 100%;

		padding: 12px 0 8px;

	}



	.innerContent_other .link_txt {

		font-size: 18px;

		margin-right: 2px;

	}


.footer .top .footer_share {
		display: none;
	}

	.footer .center {
		flex-direction: column;
	}

	.footer .center>div {
		width: 100%;
	}

	.footer .center .title {
		margin-bottom: 15px;
	}

	.footer .quicl_link {
		padding: 0;
		border: none;
		align-items: start;
		margin: 4% 0;
	}

	.footer .footer_product {
		padding: 0;
	}
}

