/* 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: 0;
}
.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 img {
	width: 100%;
	height: auto;
    opacity: 0.85;
}
.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 2px rgb(0 0 0 / 65%);
}
.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:15px; 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:15px; color:#444; line-height: normal;}
.cnCateList .cn_sub .p_loopitem .e_timeFormat-3 {line-height:24px; font-size:12px;  color:#999;}
.cnCateList .cn_sub .p_loopitem:hover .e_text-2 a{color:var(--mcl2);}
.cnCateList .cn_sub .p_loopitem:hover .e_timeFormat-3{}


.pubNav .p_loopitem a {
  line-height: 80px !important; border-radius:0;
}
.pubNav .p_loopitem a:hover,.pubNav .p_loopitem a.light {  
    color: #fff; color:var(--c);
}
.pubNav.e_loop-3 .p_loopitem {	
    padding: 0!important;
    position: relative;
}
.pubNav.e_loop-3 .p_loopitem:before {
	content: "";
    width: 1px;
    height: 1rem;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 0;
    background: #ccc;
    transform: translateY(-50%);
}
.pubNav.e_loop-3 .p_loopitem >p {
    position: relative;
}
.pubNav.e_loop-3 .p_loopitem >p:before {
	content: "";
    width: 0%;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    background: #ccc;
	background-color:var(--c); transition:.4s;
}
.pubNav.e_loop-3 .p_loopitem >p:hover:before { 
	width:100%;
  left:0;
}
@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;}
.pubNav .p_loopitem a {line-height: 2.4rem !important; }
  .pubNav.e_loop-3 .p_loopitem {
  	max-width: none!important;
  }
  .pubNav.e_loop-3 .p_loopitem >p {
  	font-size:14px!important;
  }
}
@media (min-width:799px) and (max-width: 1024px) { 
	
}