
.pdf_item, .pdf_info, .pdf_btn img{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.side-cate li.pdf a{color: var(--commonColor);}

/* listPdf */
.listPdf_ul{padding-top: 0;}
.listPdf_ul li{width: calc((100% - 48px) /3); margin-right: 24px; margin-top: 24px;}
.listPdf_ul li:nth-child(3n){margin-right: 0;}

.pdf_item{position: relative; padding: 24px; background: #fff; border: 1px solid #D9D9D9; border-radius: 2px;}

.pdf_info{background: url(../img/pdf.png) no-repeat left top/86px auto; padding-top: 86px; position: relative; padding-bottom: 52px; height: 100%;}
.pdf_info .title{line-height: 1.75; margin: 20px 0 0;}
.pdf_info .title a{color: inherit;}

.pdf_btn{position: absolute; left: 0; width: 100%; bottom: 0;}
.pdf_btn .btn_down, .pdf_btn .btn_view{width: 36px; height: 36px; display: block; overflow: hidden; padding: 4px;}
.pdf_btn img{width: 100%; height: 100%; display: block;}
.pdf_btn .icon_f{padding: 5%;}
.pdf_btn .btn_view{margin-left: 16px;}

.pdf_btn .btn_down:hover, .pdf_btn .btn_view:hover{background: var(--commonColor); border-radius: 5px;}
.pdf_btn .btn_down:hover .icon_d, .pdf_btn .btn_view:hover .icon_d{height: 0; opacity: 0;}


.pdf_item:hover{box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);}
.pdf_item:hover .pdf_info{background-image: url(../img/pdf_h.png);}
.pdf_item:hover .title{color: var(--commonColor);}
.pdf_item:hover .pdf_btn::before{animation: scale 2s infinite;}

@media only screen and (max-width: 1300px) {
	.listPdf_ul{padding-top: 10px;}
	.listPdf_ul li{width: calc((100% - 32px) /3); margin-right: 16px; margin-top: 16px; padding: 16px;}
	.pdf_info{padding-top: 76px; background-size: 76px auto;}
	.pdf_info .title{margin: 15px 0 0;}
}

@media only screen and (max-width: 980px) {
	.listPdf_ul{padding-top: 0;}
	.listPdf_ul li{width: 100%; margin-top: 20px; margin-right: 0; padding: 15px;}
	.listPdf_ul li:last-child{margin-bottom: 10px;}
	.pdf_item{padding: 15px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);}
	.pdf_info{padding-bottom: 48px;}
	.pdf_info .title{margin-top: 15px;}
	.pdf_btn{margin-top: 15px;}
}


