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

body {
	opacity: 0;
	transition: padding-top 1s;
 
}
body.cn-show {
	opacity: 1;
}
body.cn-make {
	opacity: 1;
}
body.cn-show .wd-scroll-animation:not(.wd-no-scroll-animation).wd-scrolled {
	animation: fadeInUp 0.8s both;
}
.wd-scroll-animation:not(.wd-no-scroll-animation) {
	opacity: 0;
}
.cn-make .wd-scroll-animation {
	opacity: 1;
} 


* {word-break:break-word;}
.cnPubTitle {
    display: flex;
    flex-wrap: wrap;
    flex-direction:row;
    width: 100%;
  max-width:1400px;
  margin:0 auto;
   padding:15px;
  position:relative;
  z-index:4;
  text-align:center;
}
.cnPubTitle.alignleft {text-align:left;}

.cnPubTitle .p_item {width:100%;}

.cnPubTitle h1{

  font-size:30px;
  color:#f00;
}

.cnPubTitle p{
    line-height: 1.6;
  font-size:20px;
  font-family:"times";
  color:#005b27;
  padding-bottom:20px;
  text-transform:uppercase;
}


@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: 0px;
}
.pub_banner .b_container {
	width: 100%;
	height: auto;
}
.pub_banner .b_container .p_slide {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	max-height: 400px;
}
.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(8,141,31,0.4), transparent);
}
.pub_banner .b_container .p_slide .p_img img {
	width: 100%;
	height: auto;
	opacity: 1;
    transform: translateY(-20%);
}
.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;
  text-shadow: 0 2px 5px rgb(0 0 0 / 15%);
}
.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:16px; text-transform:uppercase;
}


.cnCateList {position:sticky; top:100px;}
.cnCateList h3.e_h3-28{ background:#333; color:#fff; padding:15px; margin:0;}

.cnCateList .cn_sub {border:1px #ddd solid; padding:15px; border-top:none;}
.cnCateList .cn_sub .p_loopitem {padding:10px 0; border-bottom:1px #ddd  dotted;}
.cnCateList .cn_sub .p_loopitem .cnRePro .s_img a {display:block; overflow:hidden;}
.cnCateList .cn_sub .p_loopitem .cnRePro img{ width:100%; transition:all 0.5s;}
.cnCateList .cn_sub .p_loopitem .cnRePro:hover img {transform:scale(1.1);}
.cnCateList .cn_sub .p_loopitem .cnRePro p a { display:block; font-size:16px; text-align:center; padding:10px; background:#f8f8f8;}
.cnCateList .cn_sub .p_loopitem .cnRePro:hover   p a {background:#ec1823; color:#fff;}
.cnCateList .cn_sub .p_loopitem .e_text-2 a {display:block; font-size:16px; color:#444; line-height:1.6;}
.cnCateList .cn_sub .p_loopitem .e_timeFormat-3 {line-height:24px; font-size:12px;  color:#999;}

.onlineBox {
	position: fixed;
	right: 5px;
	bottom: 10%;
	z-index: 22;
	width: 50px;
}
.onlineBox ul {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	margin-bottom: 10px;
}
.onlineBox ul li {
	display: block;
	border-bottom: 1px #eee solid;
	margin: 0;
}
.onlineBox ul li:last-child {
	border: none;
}
.onlineBox ul li a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	justify-content: center;
	position: relative;
}
.onlineBox ul li a svg {
	fill: #666;
}
.onlineBox ul li a p {
	position: absolute;
	right: 58px;
	background: #006bb8;
	padding: 5px 15px;
	border-radius: 5px;
	top: 50%;
	transform: translate(-50px,-50%);
	color: #fff;
	width: max-content;
	font-size: 14px;
	line-height: 30px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.6s;
}
.onlineBox ul li a p:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 10px solid #006bb8;
	border-bottom: 5px solid transparent;
	position: absolute;
	right: -8px;
	top: 50%;
	transform: translate(0,-50%);
}
.onlineBox ul li.weixin a p {
	padding: 5px;
	background: #fff;
}
.onlineBox ul li.weixin a p:after {
	border-left: 10px solid #fff;
}
.onlineBox ul li a p img {
	width: 130px;
}
.onlineBox ul li a:hover svg {
	fill: #006bb8;
}
.onlineBox ul li a:hover p {
	transform: translate(0,-50%);
	opacity: 1;
	visibility: visible;
}

.pubNav .p_loopitem a {line-height:50px !important; border-radius:5px;}
.pubNav .p_loopitem a:hover,.pubNav .p_loopitem a.light {
  background:#057E1A !important; border-color:#057E1A  !important;
}
@media (max-width:798px) { 
  
  
.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;}

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