/* Copyright © Chennan All rights reserved.
 * This source code is Written by Chennan in CE·Chengdu.
 * You can use it with permission from the author. */

 @keyframes puBanner {
from {
	transform: translateY(100px);
	opacity: 0;
}
to {
	transform: translateY(0px);
	opacity: 1;
}
}
@keyframes bannerimg {
0% {
	transform: scale(1);
}
  50% {
	transform: scale(1.2);
}
100% {
	transform: scale(1);
}
}
@keyframes jiantoushang {
from {
	opacity: 0;
}
to {
	opacity: 1;
}
}
.pub_banner {
	width: 100%;
	height: auto;
  padding-top:80px;
}
.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 25s infinite;
	background: #000;
}
.pub_banner .b_container .p_slide .p_img img {
	width: 100%;
	height: auto;
	opacity: 0.6;
}
.pub_banner .b_container .p_slide .p_info {
	width: 100%;
	padding: 20px;
	max-width: 1400px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 3;
	text-align: center;
}
.pub_banner .b_container .p_slide .p_info h1 {
	animation: puBanner 2s;
  font-size:40px;
  letter-spacing:3px;
}
.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:12px; text-transform:uppercase;
}


.ReInfo .cn_sub {display:flex; flex-wrap:wrap;}
.ReInfo .cn_sub .p_loopitem {flex:0 0 100%; padding:10px 0; border-bottom:1px #ddd dashed; transition:all 0.5s;}
.ReInfo .cn_sub .p_loopitem .s_layout {width:100%;}

.ReInfo .cn_sub .p_loopitem:hover .s_layout img {transform:scale(1.1);}
.ReInfo .cn_sub .p_loopitem .s_layout .e_h3-3 {margin:0;}
.ReInfo .cn_sub .p_loopitem .s_layout .e_h3-3 a{display:block; font-size:16px; color:#444; line-height:1.6; padding:5px 0;}
.ReInfo .cn_sub .p_loopitem .s_layout p {font-size:13px; color:#888; line-height:1.5;  -webkit-line-clamp: 2;display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.ReInfo .cn_sub .p_loopitem:hover {border-color:#28a745;}
.ReInfo .cn_sub .p_loopitem:hover * {color:#e06419 !important;}

.ReInfo .cn_sub .p_loopitem .s_layout.cnRePro .e_h3-3 a{ text-align:center; background:#eee;   padding:10px 0;}
.ReInfo .cn_sub .p_loopitem .s_layout.cnRePro .s_img a {display:block; overflow:hidden; border:1px #eee solid;}
.ReInfo .cn_sub .p_loopitem .s_layout.cnRePro img {width:100%; transition:all 0.5s;}

.ReInfo .cn_sub .p_loopitem:hover .s_layout.cnRePro .s_img a {border-color:#e06419;}
.ReInfo .cn_sub .p_loopitem:hover .s_layout.cnRePro .e_h3-3 a{ background:#e06419; color:#fff !important;}


.p_subTitle {
	font-size: 2.5rem;
	text-align: center;
	color: #333;
	padding-bottom: 25px;
	position: relative;
}
.p_subTitle:after {
	content: "";
	display: block;
	width: 50px;
	height: 4px;
	background: #176634;
	border-radius: 4px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,0);
}

@media (max-width:798px) { 
  .p_subTitle {
	font-size: 2rem;
  }
  .pub_banner .b_container .p_slide .p_img img {height:300px; width:auto; position:relative;left:50%;transform:translate(-50%,0);} 

.pub_banner .b_container .p_slide .p_info h1 {font-size:30px;}
.pub_banner .b_container .p_slide .p_info h6 {font-size:20px;}
  
  .pubCate {width:100%;} 
.pubCate .p_loopitem {flex:0 0 50%; padding:5px !important;}
.pubCate .e_text-3 a {text-align:center; padding:0 20px !important;}
#c_static_001-16623933626290 .e_container-1 > .p_item.cbox-1-1 {flex:0 0  100%;}
  #c_static_001-1659957107031 .e_container-1 > .p_item.cbox-1-1 {flex:0 0  100%;}
  #c_static_001-16623933626290 .e_container-1 > .p_item.cbox-1-1 {flex:0 0  100%;}
  #c_static_001-16623933626290 .e_container-1 > .p_item.cbox-1-1 {flex:0 0  100%;}
  #c_static_001-16623933626290 .e_container-1 > .p_item.cbox-1-1 {flex:0 0  100%;}

}
@media (min-width:799px) and (max-width: 1024px) { 
}