.video_list{background-color: #ffffff;}

.video_item{border-bottom:1px dashed #e5e5e5;padding:10px;}

.video_img{width: 22%;max-height: 260px; float: left;overflow:hidden;}

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

.video_img a:hover img{transform: scale(1.1);}



.video_info{width: 75%;margin-left: 3%;float: left;}

.video_title{font-size: 20px;font-weight: bold;color:#333333;margin-bottom: 16px;line-height: 35px;}

.video_title a{position: relative;display: block;padding-bottom: 2px;}

.video_title a::after{content: '';width: 0;height: 2px;background-color: #FF8B00;transition: all 0.5s ease;position: absolute;left:0;bottom:0px;}

.video_title a:hover{color: #FF8B00;}

.video_title:hover a::after{width: 100%;}

.video_desc{margin-bottom: 20px;font-size: 16px;color:#666666;line-height: 1.5;}



.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{position: relative;}

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

.video_img a:before{text-align: center;top: 50%;left: 50%;font-size: 44px;color: #ffffff;margin-top:-22px;margin-left: -22px;z-index: 3;}

.video_img a:after{ content:'';top:0;left:0;width: 100%;height: 100%;background-color:rgba(0,0,0,0.5);z-index: 2;}

/* .video_item:hover .video_img a:before,.video_item:hover .video_img a:after{opacity: 1;} */









/* 文章列表页 */

.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: 18px;font-weight: 300;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: 300;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_title{font-size: 16px;line-height: 26px;margin-bottom: 10px;}

.video_desc{font-size: 12px;margin-bottom:10px;}

.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_desc{display: none;}

    

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





}