@charset "utf-8";

/* publication */
	
	.pub{background-image: url('../images/pub_bg.jpg'); background-size:cover; background-repeat:no-repeat; background-position: right; padding: 100px 0;}
	.pub ul.slider{width: 100%; height: auto; position: relative;}
	.pub ul.slider:after{display:block; content:''; clear:both;}
	.pub ul.slider .slick-list{margin: 0 -40px; padding: 20px 0;}
	.pub ul.slider .slick-slide{margin: 0 40px;}
	.pub ul.slider li{background-color: #fff; height: 353px; float: left; margin: 0.3%; border: 1px solid #ddd; transition:0.3s;}

	.pub ul.slider li a{padding: 20px 0; background-color: #fff; display:inline-block; width: 100%; height: 100%; position: relative; z-index: 3;}
	.pub ul.slider li a p.cate{display:inline-block; background-color: #6a95cc; color:#fff; font-size: 18px; font-weight: 400; padding: 5px 50px;}
	.pub ul.slider li a p.pub_tit{font-size: 18px; color:#222; line-height:24px; padding: 45px 30px 40px 30px; word-break:keep-all;}
	.pub ul.slider li a p.pub_sen{font-size: 16px; line-height:24px; color:#595959; padding: 0 30px; word-break:keep-all;}

	.pub ul.slider li:hover{box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);}

	/* publication arrow */
	
	.pub ul.slider button{position: relative; z-index: 99; top: -60px;}
	.pub ul.slider button.slick-arrow{position: absolute; font-size: 0; height: 38px; width: 21px; content:''; display:block;}
	.pub ul.slider button.slick-prev{background-image: url('../images/arrow_prev.png'); background-size:cover; background-repeat:no-repeat; background-position: center; left: 0px;}
	.pub ul.slider button.slick-next{background-image: url('../images/arrow_next.png'); background-size:cover; background-repeat:no-repeat; background-position: center; right: 0px;}
	

	@media (max-width: 1240px){
	.pub{padding: 60px 0;}

	.pub ul.slider .slick-list{margin: 0 -20px; padding: 20px 0;}
	.pub ul.slider .slick-slide{margin: 0 20px;}

	.pub ul.slider li{background-color: #fff; height: 320px;}
	.pub ul.slider li a p.cate{font-size: 16px;}
	.pub ul.slider li a p.pub_tit{font-size: 16px; line-height:22px; padding: 35px 30px 30px 30px;}
	.pub ul.slider li a p.pub_sen{font-size: 14px; line-height:22px;}

	.pub ul.slider button.slick-arrow{position: absolute; font-size: 0; height: 32px; width: 16px; content:''; display:block;}
	}

	@media (max-width:840px){
	.pub ul.slider li a p.cate{font-size: 15px;}
	.pub ul.slider li a p.pub_tit{padding: 25px 20px 20px 20px;}
	.pub ul.slider li a p.pub_sen{padding: 0 20px;}
	}

	@media (max-width: 640px){

	.pub ul.slider button{top: -35px;}
	.pub ul.slider li{background-color: #fff; height: 260px;}
	.pub ul.slider li a p.cate{font-size: 14px;}
	.pub ul.slider li a p.pub_tit{font-size: 15px; line-height:21px;}
	.pub ul.slider li a p.pub_sen{font-size: 13px; line-height:19px;}
	}

	@media (max-width: 380px){
	.pub ul.slider li{background-color: #fff; height: 300px;}
	}