@media only screen and (min-width: 320px) and (max-width: 740px) {
.video ul li{width: 100%;}
					}					
		@media only screen and (min-width: 741px) and (max-width:1200px) {	
	.video ul li{width: 22.857%;margin-right: 0.2rem;}
	.video ul li:nth-of-type(4n){margin-right: 0 !important;}
					}
		@media only screen and (min-width: 1200px)  {	
.video ul li{width: 22.857%;margin-right: 0.4rem;}
.video ul li:nth-of-type(4n){margin-right: 0 !important;}
					}	
.biaoti{text-align: center;margin-bottom: 0.36rem;}
.biaoti h1{display: inline-block;z-index: 999;font-size: 0.45rem;color: #333333;font-weight: 600;text-align: center;position: relative;}
.biaoti h1:after{content: '';z-index: -1;position: absolute;top: -2px;left: -0.18rem;background:linear-gradient(to right, rgba(243, 152, 0, 1), rgba(243, 152, 0, 0));width:0.45rem;height: 0.45rem;border-radius: 50%;}
.video{padding: 0.59rem 0 0.1rem 0;}
lite-youtube{width: 100%;height: 2.56rem;}
.video ul{display: flex;flex-wrap: wrap;}
.video ul li{margin-bottom: 0.35rem;}
.video ul li h3{font-size: 0.16rem;color: #333333;text-align: center;font-weight: 600;margin-top: 0.1rem;}
.pdf{background: #F2F2F2;padding: 0.24rem 0 0.32rem 0;}
.pdf .bx{display: flex;flex-wrap: wrap;justify-content: center}
.pdf .cata{margin:0.27rem 0.96rem 0 0;}
.pdf .cata h2{font-size: 0.3rem ;color: #333333;font-weight: 600;}
.pdf .cata h2 span{color: #F39800;}
.pdf .cata .type{font-size: 0.2rem;color: #333333;margin: 0.17rem 0 0.6rem 0;}
.pdf .cata .type svg{vertical-align: middle;margin-left: 7px;}
.pdf .cata a{background: #F39800;color: #FFFFFF;font-size: 0.18rem;font-weight: 600;padding:0.12rem 0.18rem;
border-radius: 23px;}
.pdf .cata a i{display: inline-block; font-weight: 400;transform: rotateY(180deg);font-size: 0.22rem;margin-left: 0.12rem;}
.pdf img{max-width: 100%;height: auto;}
.online{padding-bottom:0.8rem;}