.video_section{background:#ffffff;padding:24px;border:1px solid #f1f1f1;}

.video_section_head{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid #ececec;}

.video_section_title{margin:0 0 10px;font-size:32px;line-height:1.2;color:#222222;}

.video_section_desc{margin:0;font-size:15px;line-height:1.8;color:#666666;}

.video_list{display:flex;flex-wrap:wrap;gap:28px;background-color:#ffffff;}

.video_item{width:calc(33.3333% - 18.67px);}

.video_card{display:block;height:100%;background:#ffffff;border:1px solid #ececec;border-radius:10px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,0.06);transition:transform .35s ease,box-shadow .35s ease;}

.video_card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(0,0,0,0.12);}

.video_img{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#111111;}

.video_img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}

.video_card:hover .video_img img{transform:scale(1.08);}

.video_info{padding:18px 18px 20px;}

.video_title{font-size:18px;font-weight:bold;color:#222222;line-height:1.5;margin-bottom:10px;min-height:54px;}

.pub_date{font-size:13px;color:#999999;line-height:1.4;margin-bottom:10px;}

.video_desc{font-size:14px;color:#666666;line-height:1.7;min-height:48px;}



.video_detail{width: 100%;background-color: #ffffff;padding:30px 20px;}

.video_con iframe{margin:20px auto;display: block;max-width: 100%;}

.video_con img{width: 100%;display: block;}

.page_article{margin:40px 0;}

.page_article .page_item{width: 45%;}

.page_article .page_item span{width: 56px;display: inline-block;vertical-align: middle;}

.page_article .page_item a{width: calc(100% - 60px);display: inline-block;vertical-align: middle;}

.page_article .page_item a:hover{color: #FF8B00;}



.video_img:before,.video_img:after{opacity:1;-webkit-transition:.5s all ease;transition:.5s all ease;position:absolute;}

.video_img:before{text-align:center;top:50%;left:50%;font-size:52px;color:#ffffff;margin-top:-26px;margin-left:-26px;z-index:3;text-shadow:0 4px 20px rgba(0,0,0,0.28);}

.video_img:after{content:'';top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0.18) 0%,rgba(0,0,0,0.4) 100%);z-index:2;}









/* 文章列表页 */

.article_item{width: 100%;}

.article_item a{display: block; width: 100%;font-family: Arial;font-style: normal;font-weight: normal;font-size: 14px;line-height: 1.5;}

.article_title{font-size: 18px;line-height: 24px;font-family: Arial;font-style: normal;font-weight: bold;margin-bottom: 14px; color: #363636;}

.article_item a:hover .article_title{color:#FF8B00; }

.article_desc{margin-bottom: 14px;}

.article_list .article_item{margin-bottom: 20px;}

.article_list .article_item:last-of-type{margin-bottom: 0;}

.article_list .article_item_img{width: 22%;overflow:hidden;}

.article_item_img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease;}

.article_list .article_item_img:hover img{transform: scale(1.1);}

.article_list .article_item_info{width: 75%;color: rgba(0, 0, 0, 0.54); padding-bottom:26px;padding-top: 10px; border-bottom:1px solid rgba(0, 0, 0, 0.12);}



/* 文章详情页 */

.article_detail{width: 100%;background-color: #ffffff;padding:30px 20px;}

.article_detail .article_title{ margin-bottom: 15px;font-size: 24px;line-height: 1.5; color: #37474f;}

.article_detail .info { padding-bottom: 20px;border-bottom: 1px solid #f0f2f5;font-size: 16px;font-weight: 300;color: #a3afb7;}

.article_detail .info span {padding-right: 20px;}

.article_con{padding:20px 0;font-size: 20px;font-weight: 400;line-height: 1.8;color: #222;width: 100%;}

.article_con img{display: block;width: 100%;}





/* 单页面 */

.onepage_title{font-family: Arial;font-style: normal;font-weight: bold;font-size: 36px;line-height: 40px;}

.onepage_con{padding:20px 0;font-size: 16px;font-weight: 400;line-height: 1.8;word-wrap:break-word;}

.onepage_con img{display: block;width: 100%;}



.company_display{width: 100%;background-color: #e8e8e8;padding:30px 20px;margin-top: 30px;}

.display_title{font-weight: bold;font-size: 24px;line-height: 30px;position: relative;padding-bottom: 10px;margin-bottom: 20px;}

.display_title::after{content: '';width: 50px;height: 2px;background-color: #333333;position: absolute;left:0;bottom:0;}

.display_list{width: 100%;font-size: 0;}

.display_item{display: inline-block;vertical-align: top;margin-right: 2%;margin-bottom: 2%;background-color: #ffffff;box-shadow: 2px 2px 12px #acaaaa;}

.display_item_name{padding:8px 5px;font-size: 16px;text-align: center;}



@media (min-width: 768px){

	.display_item{width: 32%;}

	.display_item:nth-of-type(3n){margin-right: 0;}

}





@media (max-width:1024px){

.video_section{padding:20px 16px;}

.video_section_title{font-size:26px;}

.video_list{gap:20px;}

.video_item{width:calc(50% - 10px);}

.video_title{font-size:16px;line-height:1.5;min-height:48px;}

.video_desc{font-size:13px;}

.video_detail,.article_detail,.onepage_con{padding:20px 10px;}

.video_detail .video_title{text-align: left;}

.page_article{display: block;}

.page_article .page_item{width: 100%;margin-bottom: 10px;}



.article_detail .article_title{ margin-bottom: 10px;font-size: 22px;}

.article_detail .info {padding-bottom: 15px;font-size: 14px;}

.article_con{padding:20px 0;font-size: 14px;line-height: 1.5;}



.onepage_title{font-size: 22px;}

.onepage_con{font-size: 14px;}

}





@media (max-width:768px){	

	.article_list .article_item_img{width: 30%;}

	.article_list .article_item_info{width: 66%;padding-bottom: 10px;}

	.article_title {font-size: 16px;margin-bottom: 6px;line-height: 1.5;}

	.article_desc {font-size: 12px;-webkit-line-clamp: 1;margin-bottom: 6px;}



	.article_detail .article_title{ margin-bottom: 10px;font-size: 18px;}

    .article_detail .info {padding-bottom: 15px;font-size: 14px;}

    .article_con{padding:15px 0;font-size: 14px;line-height: 1.5;}



}





@media (max-width:767px){

	.video_section{padding:16px 12px;}

	.video_section_head{margin-bottom:20px;padding-bottom:14px;}

	.video_section_title{font-size:22px;}

	.video_section_desc{font-size:13px;line-height:1.6;}

	.video_list{gap:16px;}

	.video_item{width:100%;}

	.video_info{padding:14px 14px 16px;}

	.video_title{min-height:auto;margin-bottom:8px;}

	.video_desc{display:block;font-size:13px;min-height:auto;}

    

    .company_display{padding:20px 10px;}

    .display_title{font-size: 20px;}

	.display_item{width: 48%;margin-right: 4%;margin-bottom:4%;}

	.display_item:nth-of-type(2n){margin-right: 0;}





}