@charset "utf-8";
/*Ô¤ÖÆ°ôÒ³*/
.yzb-page{padding: 50px;background-color: #fff;}
.yzb-page .big-title{margin: 30px 0;font-size: 26px;line-height: 40px;color: #009adc;}
.yzb-page .brief{font-size: 18px;line-height: 30px;}
.yzb-page .feature-list{}
.yzb-page .feature-list li{margin-bottom: 35px;}
.yzb-page .feature-list li .tit{font-size: 18px;line-height: 30px;}
.yzb-page .feature-list li .tit span{color: #009adc;}
.yzb-page .feature-list li .txt{}
.yzb-page .feature-list li .txt table{width: 100%;margin-top: 35px;border-collapse: collapse;}
.yzb-page .feature-list li .txt table td{padding: 15px;font-size: 16px;line-height: 20px;border: 1px solid #99CCEB;word-break: break-all;}
.yzb-page .feature-list li .txt table td:first-child{color: #009adc;}
.yzb-page .feature-list li .txt table .title td{color: #009adc;}
.yzb-page .video-info-list{}
.yzb-page .video-info-list li{display: flex;justify-content: space-between;align-items: center;padding: 25px;margin-bottom: 45px;background-color: #f5f5f5;}
.yzb-page .video-info-list li .info-wrap{flex: 1 1 47%;box-sizing: border-box;padding-right: 3%;}
.yzb-page .video-info-list li .video-wrap{flex: 1 1 53%;cursor: pointer;}
.yzb-page .video-info-list li .tit{margin-bottom: 35px;font-size: 18px;line-height: 2;color: #009adc;}
.yzb-page .video-info-list li .txt{font-size: 18px;line-height: 2;text-align: justify;}
.yzb-page .video-info-list li .pic{position: relative;overflow: hidden;}
.yzb-page .video-info-list li .pic:before{content: '';z-index: 1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 68px;height: 68px;margin: auto;background-image: url("data:image/svg+xml,%3Csvg width='68' height='68' viewBox='0 0 68 68' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34 0C15.252 0 0 15.252 0 34c0 18.748 15.252 34 34 34 18.748 0 34-15.252 34-34C68 15.252 52.748 0 34 0zm11.05 35.472l-15.3 8.833c-1.132.657-2.55-.163-2.55-1.472V25.167c0-1.31 1.418-2.125 2.55-1.472l15.3 8.833c1.132.656 1.132 2.291 0 2.944z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E");background-size: 100% 100%;opacity: .9;}
.yzb-page .video-info-list li .pic:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.3);}
.yzb-page .video-info-list li .pic em{display: block;padding-top: 60%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.yzb-page .video-info-list li .name{margin-top: 20px;font-size: 16px;line-height: 20px;text-align: center;color: #999;}
.yzb-page .video-info-list li .video-wrap:hover .pic em{transform: scale(1.05);}

/*µ¯´°-ÊÓÆµ*/
.popup-video{display: none;z-index: 2;position: fixed;left: 50%;top: 50%;width: 90%;max-width: 1000px;transform: translate(-50%,-50%);}
.popup-video .close-btn{z-index: 1;position: absolute;right: 0;top: 0;width: 40px;height: 40px;background-color: #0091db;font-size: 40px;text-align: center;line-height: 32px;color: #fff;cursor: pointer;}
.popup-video video{display: block;width: 100%;}


/*ÖÐÆÁPC:<=1400px(Õë¶Ô1366*650)*/
@media screen and (max-width: 1400px){
	
}

/*Ð¡ÆÁPC:>=1025px && <=1200px*/
@media screen and (max-width: 1200px){
	
}

/*padºáÆÁ:>=769px && <=1024px*/
@media screen and (max-width: 1024px){
	
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/*Ô¤ÖÆ°ôÒ³*/
	.yzb-page{padding: 15px;}
	.yzb-page .big-title{margin: 15px 0;font-size: 18px;line-height: 30px;}
	.yzb-page .brief{font-size: 14px;line-height: 24px;}
	.yzb-page .feature-list li{margin-bottom: 15px;}
	.yzb-page .feature-list li .tit{font-size: 14px;line-height: 24px;}
	.yzb-page .feature-list li .txt table{margin-top: 15px;}
	.yzb-page .feature-list li .txt table td{padding: 5px;font-size: 13px;}
	.yzb-page .video-info-list li{display: block;padding: 15px;margin-bottom: 20px;}
	.yzb-page .video-info-list li .info-wrap{padding-right: 0;}
	.yzb-page .video-info-list li .video-wrap{margin-top: 10px;}
	.yzb-page .video-info-list li .tit{margin-bottom: 10px;font-size: 16px;line-height: 24px;}
	.yzb-page .video-info-list li .txt{font-size: 14px;}
	.yzb-page .video-info-list li .pic:before{width: 50px;height: 50px;}
	.yzb-page .video-info-list li .name{margin-top: 10px;font-size: 14px;}
}