/* 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 {
	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;
} 

.saf-ltr {animation:fadeOutLeft 1s 1s both;}
.swiper-slide-active .saf-ltr {animation:fadeInLeft 1s 1s both;}

.saf-rtl {animation:fadeOutRight 1s 1s both;}
.swiper-slide-active .saf-rtl {animation:fadeInRight 1s 1s both;}

.saf-ttd {animation:fadeOutDown 1s 1s both;}
.swiper-slide-active .saf-ttd {animation:fadeInUp 1s 1s both;}
.swiper-slide-active .saf-d-1 {animation-delay:1.1s;}
.swiper-slide-active .saf-d-2 {animation-delay:1.2s;}
.swiper-slide-active .saf-d-3 {animation-delay:1.3s;}
.swiper-slide-active .saf-d-4 {animation-delay:1.4s;}
.swiper-slide-active .saf-d-5 {animation-delay:1.5s;}
.swiper-slide-active .saf-d-6 {animation-delay:1.6s;}
.swiper-slide-active .saf-d-7 {animation-delay:1.7s;}
.swiper-slide-active .saf-d-8 {animation-delay:1.8s;}
.swiper-slide-active .saf-d-9 {animation-delay:1.9s;}
.swiper-slide-active .saf-d-10 {animation-delay:2s;}
.cn-make .saf-ani {animation:none !important;}

@media (max-width:798px) { 
   .saf-ani {animation:none !important;}
}
@media (min-width:799px) and (max-width: 1024px) { 
}

* {word-break:break-word;}
 

@keyframes cn-data-circle {
    0% {
        transform: rotate(0)
    }

    0% {
        transform: rotate(-360deg)
    }
}
@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: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 2s;
	background: #000;
}
.pub_banner .b_container .p_slide .p_img img {
	width: 100%;
	height: auto;
}
.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:20px;
  letter-spacing:3px;
  background:#9753a2;
  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:var(--color1); color:#fff; padding:15px; margin:0;}

.cnCateList .cn_sub {border:1px #ddd solid; padding:15px; border-top:none; display:flex;flex-wrap:wrap;}
.cnCateList .cn_sub .p_loopitem {padding:10px;   flex:0 0 25%;}
.cnCateList .cn_sub .p_loopitem .cnRePro {padding:0 !important; border:1px  #ddd solid;}
.cnCateList .cn_sub .p_loopitem .cnRePro:hover {border-color:#218ccc; background:linear-gradient(to bottom, #69af33, #218ccc);}
.cnCateList .cn_sub .p_loopitem .cnRePro > .p_item {flex:0 0 100% !important; padding:0 !important; border:none !important;}
.cnCateList .cn_sub .p_loopitem .cnRePro > .p_item.cbox-2-1 {background:none !important;}
.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 h3 {margin:0 ;}
.cnCateList .cn_sub .p_loopitem .cnRePro h3 a {display:block; line-height:1.6; font-size:18px; color:#333;padding:10px;}
.cnCateList .cn_sub .p_loopitem .cnRePro:hover h3 a {color:#fff;}
.cnCateList .cn_sub .p_loopitem .cnRePro p {padding:0 10px 10px; display:none}
.cnCateList .cn_sub .p_loopitem .cnRePro p a { display:block; font-size:14px; line-height:1.6;  display-radio: -webkit-box;
-webkit-line-clamp:2;
	display: -webkit-box;
-webkit-box-orient:vertical;
	overflow: hidden;}
.cnCateList .cn_sub .p_loopitem .cnRePro:hover   p a {  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;}
.cnCateList .cn_sub .p_loopitem:hover  .e_text-2 a{color:#ec1823;}
.cnCateList .cn_sub .p_loopitem:hover  .e_timeFormat-3{color:#3C8768;}

.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:linear-gradient(to right, #69af33, #218ccc);
	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 #218ccc;
	border-bottom: 5px solid transparent;
	position: absolute;
	right: -8px;
	top: 50%;
	transform: translate(0,-50%);
}
.onlineBox ul li.weixin a p {
	padding: 5px;
	background: #218ccc;
}
.onlineBox ul li.weixin a p:after {
	border-left: 10px solid #218ccc;
}
.onlineBox ul li a p img {
	width: 130px;
}
.onlineBox ul li a:hover svg {
	fill: #218ccc;
}
.onlineBox ul li a:hover p {
	transform: translate(0,-50%);
	opacity: 1;
	visibility: visible;
}


/*统一标题*/
 
.pubTitle {padding:10px 15px 30px; text-align:center; max-width:1400px; margin:0 auto;}
.pubTitle h2 {color:#4c9613; font-size:36px; line-height:1.5; position:relative; z-index:1; font-weight:bold; margin:0;}
.pubTitle h2:before{ content:attr(title);text-stroke:1px #000; width:100%; display:block; -webkit-text-stroke:1px #000;opacity:0.1; position:absolute; bottom:0px; left:50%;transform:translate(-50%,0); z-index:0; color:transparent; font-size:50px; text-transform:uppercase; }
.pubTitle p {display:inline-block; padding:0 10px; text-transform:uppercase; font-size:16px; font-weigth:400;position:relative;}
.pubTitle p:before {content:"";display:block; position:absolute;width:40px; height:5px; right:100%; top:50%;transform:translate(0,-50%); background:#218ccc; border-radius:5px;}
.pubTitle p:after {content:"";display:block; position:absolute;width:40px; height:5px; left:100%; top:50%;transform:translate(0,-50%); background:#218ccc;border-radius:5px;}

.pubTitle.wcolor h2 {color:#fff;}
.pubTitle.wcolor h2:before {text-stroke:1px #fff; -webkit-text-stroke:1px #fff;}
.pubTitle.wcolor p{color:#fff;}
.pubTitle.wcolor p:before { background:#fff; }
.pubTitle.wcolor p:after {background:#fff;}

@media (max-width:798px) {
  
  .cnCateList .cn_sub {padding:0;}
  .pubTitle h2 {font-size:24px;}
  .pubTitle h2:before {font-size:30px;}
  .pubTitle p  {font-size:14px;}
}
 
.pubBtn {display:inline-block; padding:0 30px; border:1px #ddd solid;position:relative;  line-height:40px; color:#666; }
.pubBtn:before {content:"";display:block ;width:4px; height:calc(100% + 2px); position:absolute; left:-1px; top:-1px; transition:all 0.5s; z-index:1; background:linear-gradient(to right, var(--color1), var(--color1));}
.pubBtn span {position:relative;z-index:4; font-size:15px;}
.pubBtn:hover:before {width:calc(100% + 2px);}
.pubBtn:hover{color:#fff;}


.pubBtn.wc { border-color:#fff; color:#fff;}
.pubBtn.wc:hover{color:#fff; }

.cnCateTab .cn_cate {display:none;}
.cnCateTab .cn_cate.light {display:flex; flex-wrap:wrap; margin:0 -10px; padding:30px 0;}
.cnCateTab .cn_cate .p_loopitem {flex:0 0 25%;padding:10px;}
.cnCateTab .cn_cate .p_loopitem .s_layout{background:#f8f8f8; border:1px #ddd solid;}
.cnCateTab .cn_cate .p_loopitem .s_layout .s_img a{display:block;overflow:hidden; width:100%;height:250px;}
.cnCateTab .cn_cate .p_loopitem .s_layout .s_img a img {width:100%; height:100%; object-fit:cover;}

.cnCateTab .cn_cate .p_loopitem .s_layout > .p_item.cbox-2-1 {padding:15px; border-top:1px #ddd solid;}
.cnCateTab .cn_cate .p_loopitem .s_layout > .p_item.cbox-2-1 h3 a{display:block; line-height:1.5; font-size:18px; color:#333;}
.cnCateTab .cn_cate .p_loopitem .s_layout > .p_item.cbox-2-1 p a {display:block; line-height:1.5; font-size:13px; color:#666;}

.pubNav .p_loopitem a {line-height:50px !important; padding:0 30px !important;}
.pubNav .p_loopitem a:hover,.pubNav .p_loopitem a.light {background:linear-gradient(to right, #69af33, #218ccc) !important; border-color:#218ccc  !important;}
@media (max-width:798px) { 
  .pubNav .p_list {margin:0 -5px !important;}
  .pubNav .p_loopitem {padding:5px !important;}
  
  .cnCateList .cn_sub .p_loopitem {flex:0 0 100%;}
  

.pub_banner .b_container .p_slide .p_info h1 {font-size:30px;}
.pub_banner .b_container .p_slide .p_info h6 {font-size:16px; margin:0 auto 10px;}
  .pub_banner .b_container .p_slide .p_info p {font-size:13px;}
  .cnCateTab .p_list {margin:0 -5px; justify-content:left !important; max-width:none !important;}
  .cnCateTab .p_list > .p_loopitem {flex:0 0 50%;}
  .cnCateTab .cn_cate .p_loopitem {flex:0 0 100%;} 
   
}
@media (min-width:799px) and (max-width: 1024px) { 
	
}
.cnfullpage > .swiper-container > .swiper-wrapper > .swiper-slide{overflow:hidden;}
.cnfullpage > .swiper-container > .swiper-wrapper > .swiper-slide:before {transform:scale(1.3); transition:all 10s;}
.cnfullpage > .swiper-container > .swiper-wrapper > .swiper-slide.swiper-slide-active:before {transform:scale(1);}