/* CSS Document */


@keyframes puBanner {
from {
	transform: translateY(100px);
	opacity: 0;
}
to {
	transform: translateY(0px);
	opacity: 1;
}
}
@keyframes bannerimg {
from {
	transform: scale(1.2);
}
to {
	transform: scale(1);
}
}
@keyframes jiantoushang {
from {
	opacity: 0;
}
to {
	opacity: 1;
}
}
.pub_banner {
	width: 100%;
	height: auto;
  padding-top:140px;
}
.pub_banner .b_container {
	width: 100%;
	height: auto;
}
.pub_banner .b_container .p_slide {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	max-height: 500px;
}
.pub_banner .b_container .p_slide .p_img {
	width: 100%;
	animation: bannerimg 2s;
	background: #000;
}
.pub_banner .b_container .p_slide .p_img:before {
  content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(45deg, rgba(0,0,0,0.4), transparent,transparent);
}
.pub_banner .b_container .p_slide .p_img img {
	width: 100%;
	height: auto;
	opacity: 1;
}
.pub_banner .b_container .p_slide .p_info {
	width: 100%;
	padding: 20px;
	max-width: 1300px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 3;
	text-align: left;
}
.pub_banner .b_container .p_slide .p_info h1 {
	animation: puBanner 2s;
  font-size:40px;
  letter-spacing:3px;
    font-weight: bold;
}
.pub_banner .b_container .p_slide .p_info h6 {
	animation: puBanner 3s;
  font-size:24px;
  letter-spacing:3px;
  border:1px #fff solid;
  padding:10px 20px;
  display:inline-block;
  width:auto;
  margin:10px ;
}
.pub_banner .b_container .p_slide .p_info p {
	animation: puBanner 4s;
  font-size:16px; text-transform:uppercase;
}



@media (max-width:798px) {   
.pub_banner {
  padding-top: 0;
}
  .pub_banner .b_container .p_slide .p_info h1 {
    animation: puBanner 2s;
    font-size: 2rem;
    letter-spacing: 0;
    font-weight: normal;
}
  .pub_banner .b_container .p_slide .p_img {
    height: 140px;
}
  .pub_banner .b_container .p_slide .p_img img {
    object-fit: cover;
    height: 100%;
}
}