@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
  *:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@font-face {
	font-family:'siyuan-blod';
   src: url(../fonts/sy.woff),
   url(../fonts/sy.woff2)
}
html,body{height:100%;}

body{padding:0; margin:0px auto; font-size:14px; line-height:24px; color:#262626; width:100%; min-width:1200px; zoom:1;font-family: Arial,"微软雅黑","宋体"; background:#fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family: Arial,"微软雅黑","宋体";}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address,pre,time,menu{margin: 0;padding:0; display: block;font-family: Arial,"微软雅黑","宋体";} /*html5设置*/
pre{white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;}
figure,figcaption{ margin:0px; padding:0px;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#262626; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#429038;}
/**:hover{transition: all ease 0.3s;}*/

/*input字体*/
:-moz-placeholder {color: #cccccc;}
::-moz-placeholder {color: #cccccc;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #cccccc;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #cccccc;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #d9d9d9; text-indent:1em;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	/*background: url(../images/selectarr.png) no-repeat scroll 95% center transparent;*/
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}

/*网页滚动条*/
::-webkit-scrollbar{
            width: 6px; height:6px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #58504a;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #e6e6e6;}

/*公用样式*/
.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}
.hide{ display:none;}
.block{ display:block;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{*zoom:1;}.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.w1440{ position:relative; clear:both; max-width:1440px;width:88%; margin:0px auto;}
.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -1;}
.table {display: table;width: 100%;border-collapse: collapse;}
.table-tr {display: table-row;}
.table-th {display: table-cell;height: 100%;border: 1px solid gray;text-align: center;vertical-align: middle;}
.table .cell {display: table-cell;vertical-align: middle;}

/*font*/
.f_red{ color:#ec1c27;}
.iconfont{ font-size:24px; vertical-align:middle;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}
.dot1,.dot2,.dot3,.dot4,.dot5,.dot6{overflow: hidden;word-break:normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;}
.dot1{-webkit-line-clamp: 1;}
.dot2{-webkit-line-clamp: 2;}
.dot3{-webkit-line-clamp: 3;}
.dot4{-webkit-line-clamp: 3;}
.dot5{-webkit-line-clamp: 3;}
.dot6{-webkit-line-clamp: 3;}

@media ( max-width:1024px){
.iconfont{ font-size:18px;}
body{min-width:300px;padding-top:60px;font-size:14px; line-height:24px;}	
.w1280{max-width:none;width: auto; margin:0 15px;}
select,input,textarea,button{ font-size:14px;}
}
/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}

.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative; /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{ height:100%;object-fit: cover;width: 100%;}

/*pages*/
.Pages{clear: both;text-align: center;line-height: 30px;font-size: 14px;padding-top: 30px;position: relative;}
.Pages .total{background:#eaeaea;display:inline-block;padding:0 10px;}
.Pages a{display: inline-block;vertical-align: middle;margin:0 4px 0 5px;background:#eaeaea;padding:0 10px;}
.Pages a:hover{background:#429038;color:#fff;}
.Pages .num a{color:#333333;font-size: 16px;margin:0 5px;}
.Pages .num a:hover,.Pages .num a.a_cur{background:#429038;color:#fff;}
.Pages .select{border:1px solid #767676;border-radius: 2px;height:28px;padding:0 3px;width:84px;color:#000000;text-indent: 0;background:url(../images/selectarr.gif) right 7px center no-repeat;vertical-align: middle;}

/*pages end*/


/*Top*/
.Header{position:fixed; width:100%; left:0; top:0; z-index:900;
	background: url(../images/head.png) center no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 0 0 0 transparent;
 -webkit-transition: background 0.3s ease-in-out,-webkit-transform 0.8s ease-in-out;
    transition: background 0.3s ease-in-out,-webkit-transform 0.8s ease-in-out;
    transition: background 0.3s ease-in-out,transform 0.8s ease-in-out;
    transition: background 0.3s ease-in-out,transform 0.8s ease-in-out,-webkit-transform 0.8s ease-in-out;transition: all 0.8s;
}
.Header .LogoTop {display: flex;justify-content: space-between;align-items: center;min-height: 130px;}
.Header .LogoTop h1 img{height: 87px;}
.Header .LogoTop h1 .cai{display: none;}
.Header .top {display: flex;align-items: center;min-height: 56px;justify-content: flex-end;font-size: 14px;color: #fff;}
.Header .top span{width: 17px;text-align: center;}
.Header .top a{color: #fff;}
.Search .Searchico{ cursor:pointer; color:#fff;font-weight: bold;margin-left: 8px;}
.Search .Searchico .icongb{ display:none;}
.Search .Searchico.on .icongb{ display:block;}
.Search .Searchico.on .iconso{ display:none;}
.Search .Searchico .iconfont{ font-size:18px;}
.Search .searchbox{width:100%; line-height:34px;position: fixed;background-color: rgba(0,0,0,0.8);display: none;left: 0;top: 0;z-index: 1000;height: 100%;}
.Search .searchbox .icongb{position: absolute;right: 10%;top: 5%;color: #fff;font-size: 30px;cursor: pointer;}
.Search .searchbox .input{width:100%; height:47px; line-height:45px;padding:0 64px 0 39px; border:1px solid rgba(213, 213, 213, 1); border-radius:3px;background-color:rgba(255, 255, 255, 0);background-color: #fff;}
.Search .searchbox .inner .iconfont{position: absolute;left: 12px;top: 50%;transform: translateY(-50%);font-size: 20px;color: #bfbfbf;}
.Search .searchbox .btn { position:absolute; right:0; top:0; width:64px; height:47px; color:#fff;background-color: #2a8320;}
.Search .searchbox .btn:hover {opacity: 0.8;}
.Search .searchbox .btn .iconfont {font-size: 18px;}
.Search .searchbox.on{display: flex;align-items: center;justify-content: center;}
.Search .searchbox .inner{position: relative;max-width: 800px;margin: 0px auto;width: 90%;}

.MainNav{line-height: 52px;height: 52px;}
.MainNav li:not(:last-child){margin-right: 25px;}
.MainNav li{position:relative; z-index:100;text-align: center;}
.MainNav li:after{content: "";position:absolute;left: 50%;bottom: 10px;width:0;transition: all ease 0.3s;transform: translateX(-50%);background: linear-gradient( 134deg, rgba(66,145,56,0) 0%, #429138 49%, rgba(67,182,53,0) 100%);height: 6px;}
.MainNav span a{ position:relative; z-index:1;display:block; color:#fff;transition: all ease 0.3s;font-size: 20px;font-weight: 600; font-family:'SourceHanSerifCN-Bold';}
/* text-shadow: 0px 4px 10px rgba(0,0,0,0.3); */
.MainNav .arr{ display:none;}
.MainNav li:hover:after,.MainNav li.onnav:after{width: 100%;}
.MainNav li:hover span a,.MainNav li.onnav span a{ color:#fff;}

.NavPull{ z-index:99;display:none; position:absolute; text-align:center; top:114%; left:50%;width:130px;margin-left:-75px;padding:11px 0;line-height: 30px; background:#fff;border-radius: 2px;box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.NavPull:before{width: 10px;height: 10px;left: 50%;transform: translateX(-50%) rotate(45deg);content: "";position: absolute;background-color: #fff;top: -5px;}
.NavPull.null{background:none; padding:0;}
.NavPull dd{position:relative;}
.NavPull dd:not(:last-child){margin-bottom: 8px;}
.NavPull a{ color:rgba(38, 38, 38, 1); display:block; font-size:16px; padding:0 0;}
.NavPull a:hover,.NavPull dd:hover a{color:#429038;}

.closebtn{ position:fixed; left:0px; top:75px; width:100%; height:100%; z-index:0; display:none;background: rgba(0,0,0,0.5);}
.openbtn{ cursor:pointer;width:30px; height:30px; position:absolute; right:-12px; top:16px; z-index:999;background:#64a50b;display: none;}
.openbtn i{ display:block; background:#fff; margin:10px auto;transition: all ease 0.3s;margin:4px auto;width:20px;height:2px;border-radius: 3px;}
.openbtn i.sp2{border-left: 6px solid #64a50b;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp2 {border-left: 0;
	-webkit-transform: translate(0, 1px) rotate(-45deg) !important;
	-moz-transform: translate(0, 1px) rotate(-45deg) !important;
	-ms-transform: translate(0, 1px) rotate(-45deg) !important;
	-o-transform: translate(0, 1px) rotate(-45deg) !important;
	transform: translate(0, 1px) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

/* hover */
.Header.fixed2, .Header.fixed3 {transform-origin: top center;position: fixed;width: 100%;top: 0;}
.Header.fixed3{transform: translateY(-183px);transition: transform 0.5s .3s;}
.bodyon .Header.fixed3{transform: translateY(0px);}

.Header.fixed3,.Header.fixed2{background-color: #fff;background: url(../images/img_top.png) center repeat;background-size: cover;box-shadow: 0 8px 12px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0 8px 12px 0px rgba(0,0,0,0.06);
    -webkit-box-shadow: 0 8px 12px 0px rgba(0,0,0,0.06);
    -o-box-shadow: 0 8px 12px 0px rgba(0,0,0,0.06);
    -ms-box-shadow: 0 8px 12px 0px rgba(0,0,0,0.06);}
.Header.fixed3 .LogoTop h1 .cai,.Header.fixed2 .LogoTop h1 .cai{display: block;}
.Header.fixed3 .LogoTop h1 .white,.Header.fixed2 .LogoTop h1 .white{display: none;}
.Header.fixed3 .MainNav span a,.Header.fixed2 .MainNav span a{color: #333;}
.Header.fixed3 .Search .Searchico,.Header.fixed2 .Search .Searchico{color: #333;}
.Header.fixed3 .top a,.Header.fixed2 .top a{color: #333;}
.Header.fixed3 .top,.Header.fixed2 .top{color: #999;}
.Header.fixed3 .top a:hover,.Header.fixed2 .top a:hover{color:#429038;}

@media(min-width:1025px){
	.MainNav ul{display: flex;justify-content: flex-end;}
}
@media ( max-width:1560px){
	.Header .LogoTop h1 img{height: 85px;}
	.MainNav span a{font-size: 19px;}
	.MainNav li:not(:last-child){margin-right: 20px;}
}
@media ( max-width:1366px){
	.MainNav span a{font-size: 16px;}
	.MainNav li:not(:last-child){margin-right: 16px;}
		.MainNav{height: 40px;line-height: 40px;}
	.Header .LogoTop{min-height: 100px;}
}
@media(max-width:1280px){
	.Header .LogoTop h1 img{height: 69px;}
}
@media(max-width:1100px){
	.Header .LogoTop h1 img{height: 55px;}
	.MainNav li:not(:last-child){margin-right: 8px;}
	.Header .top{min-height: 40px;}
}
@media(min-width:1920px){
	.MainNav li:not(:last-child){margin-right: 35px;}
}
@media ( max-width:1024px){
/*.Header{background-color: #429038;}*/
.Header .top{min-height: auto;}
.Header .LogoTop{min-height: 60px;width: 96%;}
.Header .toper{height: 24px;line-height: 24px;}
.Header.fixed3{transform: translateY(0) !important;}
.Header .LogoTop .Top{height:49px;line-height:49px;background: none;}
.Header .LogoTop h1 img{ height:33px;}
.Header .openbtn{display: flex;flex-direction: column;justify-content: center;}
.Search{position: static;padding:0 10px 0 0;margin: 0 15px 0 0;}

.MainNav{ position:fixed; height:100%; overflow-y:auto; z-index:999; width:80%; padding:0; right:-80%;background: #fff;top:60px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.MainNav ul{ padding-top:30px;display: block;}
.MainNav li{ display:block; position:relative; float:none; border-bottom:1px solid #e9e9e9;border-top:1px solid #f9f8f6; width:auto; margin:0; background:none;text-align: left;}
.MainNav li a {line-height: 38px;padding:0 15px;font-size: 15px;color: #333;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#64a50b;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:10; width:100px; line-height:38px; height:38px; right:0px; top:-1px;}
.MainNav .arr i{ position:absolute; height:auto; background:none; right:15px; top:0;transition: all ease 0.3s;}
.MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.MainNav.on{visibility: visible;opacity: 1;filter: alpha(opacity=100); right:0;}
.MainNav li:after{display: none;}
.NavPull{position: static;width: auto;text-align: left;margin-left: 0;}
.NavPull dd a{padding-left: 25px;line-height: 30px;}
}
@media(max-width:640px){
.Header .top{font-size: 12px;}
.Header .top a{transform: scale(0.8);}
.Header .top span{width: 8px;}
.openbtn{top: 10px;}
.Search .Searchico .iconfont{font-size: 14px;}
.Header .LogoTop h1 img{height: 30px;}
.Header .LogoTop{min-height: 50px;}
.Search{margin-right: 23px;}
.openbtn{right: -3px;}
body{padding-top: 50px;}
}
/*Top*/

/*Bottom*/
.Footer{color:#fff;padding:32px 0 32px;background: url(../images/footerbg.jpg) no-repeat center center/100% 100%;}
.Footer .w1440{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.Footer .contact{width: 42.33%;position: relative;padding-left: 92px;}
.Footer .contact .unit{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 53px;}
.Footer .logo{width: 42%;}
.Footer .logo img{height: 87px;}

/* 返回顶部 */
@-webkit-keyframes vibes {
    0%, 40%, 100% {-webkit-transform: translateY(0)}
    20%, 60% {-webkit-transform: translateY(6px)}
}
@keyframes updown {
    0% {margin-bottom: 0;}
    100% {margin-bottom: 10px;}
}
.totop{position:fixed;right:2%;bottom:3%;text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;width: 55px;height: 55px;line-height: 55px; background: rgb(255,255,255);border: 1px solid #ddd;color:#000;z-index:210;border-radius: 50%;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}
.totop:hover{color:#fff;background:#64a50b;}
.totop #canvas{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;fill: none;stroke-width: 3px;stroke: #0f70b6;stroke-dasharray: 275;stroke-dashoffset: 275;}
.totop i{display: inline-block;}
.totop:hover i{-webkit-animation: vibes 1.5s ease infinite;animation: vibes 1.5s ease infinite;}

@media ( max-width:1024px){
	.Footer{padding: 20px 0;}
	.Footer .logo{display: none;}
	.Footer .contact{width: 100%;}
	.totop{width: 40px;height: 40px;line-height: 40px;}
}
@media(max-width:480px){
	.Footer .contact .unit{width: 30px;}
	.Footer .contact{padding-left: 45px;}
}
/*Bottom*/


/*首页 s*/

.itemhover{transition: all ease 0.3s;}
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);}
	.itemhover2{transition: all ease 0.3s;}
	.activehover2{
		-webkit-transform: translate3d(0, -2px, 0);
		transform: translate3d(0, -2px, 0);}


/*第一屏 s*/
.HomeBan{position: relative; z-index: 1; overflow:hidden; background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .item{ position:relative;}
/* .HomeBan .item .imgbox img{width: 100%;display: block;} */

/* .HomeBan .item  .imgbox img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform:scale(1.2);
	transition: all 5s ease-in-out;
	display: block;
}
.HomeBan  .slick-active .imgbox img{
	
	transform:scale(1.01);
} */
@keyframes zoom{
	from{
	  transform: scale(1.2);
	}
	to{
	  transform: scale(1);
	}
  }
  
  @-webkit-keyframes zoom /*Safari and Chrome*/ {
	from{
		transform: scale(1.2);
	  }
	  to{
		transform: scale(1);
	  }
}

  
  .HomeBan  .slick-active .imgbox img{
	display: block;
	width: 100%;
	height: 100%;
	animation: zoom 6s ease-in-out infinite alternate;
  }
.HomeBan .item .imgbox a::before{position: absolute; top: 0; left: -100%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); transform: skewX(-25deg);}
.HomeBan .item .imgbox a:hover::before{-webkit-animation: shine 1s; -moz-animation: shine 1s; animation: shine 1s;}
@-webkit-keyframes shine{100% {left: 125%;}}
@-moz-keyframes shine{100%{left: 125%;}}
@keyframes shine{100%{left: 125%;}}

.HomeBan .slick-dots{bottom:30px;}
.HomeBan .slick-dots li button{width: 40px;height: 10px;}
.HomeBan .slick-dots .slick-active button{background-color: #429138;border: 1px solid #fff;}

.HomeBan .slick-arrow{background-color: rgba(0,0,0,0.3);border:0;}
.HomeBan:hover .slick-prev { left:5%;}
.HomeBan:hover .slick-next { right:5%;}
.HomeBan .slick-arrow:hover{background-color:#429138;}

@media(max-width:1366px){
	.HomeBan .slick-dots{bottom: 18px;}
}
@media ( max-width:1024px){
.HomeBan .slick-arrow{display: none !important;}
.HomeBan .slick-dots{bottom: 12px;}
}

.mainBox{background: url(../images/bodybg.jpg) no-repeat center bottom;position: relative;overflow: hidden;}
.mainBox:After{height: 67.396vw;width: 100%;left: 0;top: 0;content: "";position: absolute;background: url(../images/a3.jpg) no-repeat center top/cover;z-index: -1;}

.HomeTit{margin-bottom: 30px;display: flex;align-items: center;position: relative;height: 61px;}
.HomeTit .icon{width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 25px;position: relative;}
.HomeTit .icon:after{border:2px  dashed #429038;left: 0%;top: 0%;content: "";position: absolute;width: 100%;height: 100%;transition: all 0.5;border-radius: 50%;transition: all 0.5s;z-index: 0;}
.HomeTit .icon:before{left: 25%;top: 25%;content: "";position: absolute;width: 25%;height: 25%;transition: all 0.5;border-radius: 50%;transition: all 0.5s;opacity: 0;background-color: #429038;z-index: 0;}
.HomeTit .icon img{width: 60px;height: 60px;object-fit: contain;position: relative;z-index: 1;}
.HomeTit h2{font-size: 36px;position: relative;z-index: 2;font-family: "siyuan-blod";}
.HomeTit h2:after{position: absolute;left: 0;bottom: -9px;width: 120%;height: 9px;content: "";background: linear-gradient( 134deg, #43B635 0%, rgba(29,142,167,0.5712) 76%, rgba(67,182,53,0) 100%);z-index: -1;}
.HomeTit a.more{position: absolute;right: 0;top:50%;background:url(../images/more.png) no-repeat right center;padding-right: 23px;color: #8C95A8;transition: all 0.5s;font-size: 14px;margin-top: -15px;}
.HomeTit a.more:hover{color: #429038;padding-right: 25px;background:url(../images/more2.png) no-repeat right center;}
.HomeTit:hover .icon:after{width: 120%;height: 120%;left: -10%;top: -10%;}
.HomeTit:hover .icon:before{width: 94%;height: 94%;left: 3%;top: 3%;opacity: 1;}
.HomeTit:hover .icon img{filter: brightness(0) invert(1);}




.tittc{display: flex;justify-content: center;align-items: center;}

.homeNews{padding: 38px 0 60px;background: url(../images/home-bg1.jpg) no-repeat center center/cover;}
.homeNews .news{width: 66.11%;float: left;}
.homeNews .news .content{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}

.homeNews .news .slider{width: 440px;overflow: hidden;box-shadow: 2px 0 25px rgba(0,0,0,0.15);}
.homeNews .news .slider .imgbox{padding-top: 70%;}
.homeNews .news .slider .date{line-height: 35px;color: #767373;}
.homeNews .news .slider .ti{font-size: 20px;line-height: 23px;font-weight: bold;}
.homeNews .news .slider .info{background-color: #fff;border-bottom: 3px solid #429038;padding: 15px 15px 0;}
.homeNews .news .slider .slick-dots{bottom: 97px;right: 0;left: auto;width: auto;}
.homeNews .news .slider .slick-dots li button{width: 10px;height: 10px;border-radius: 50%;}
.homeNews .news .slider .slick-dots .slick-active button{background-color: #429038;border:1px solid #fff;}
.homeNews .news .slider .slick-arrow{top: 45%;}
.homeNews .news .slider:hover .slick-prev{left: 0;}
.homeNews .news .slider:hover .slick-next{right: 0;}
.homeNews .news .list{flex: 1;padding-left: 23px;}
.homeNews .news .list .item a{display: flex;align-items: center;min-height: 82px;border-bottom: 1px solid #D8D8D8;transition: all 0.5s;position: relative;}
.homeNews .news .list .item a:after{position: absolute;right: 0;top: 50%;transform: translateY(-50%);content: "";background: url(../images/arr-r_blue.png);width: 22px;height: 10px;opacity: 0;transition: all 0.5s;}
.homeNews .news .list .item time{width: 76px;text-align: center;position: relative;font-size: 12px;color: #595959;}
.homeNews .news .list .item time b{display: block;font-size: 20px;color: #262626;}
.homeNews .news .list .item time:before{position: absolute;right: 0;top: 50%;transform: translateY(-50%);background-color: #CCCCCC;content: "";height: 22px;width: 1px;}
.homeNews .news .list .item .ti{width: calc(100% - 76px);font-size: 18px;padding-left: 18px;transition: all 0.5s;}
.homeNews .news .list .item.hover a{background: rgba(67,182,53,0.13);padding-right: 45px;color:#429038;}
.homeNews .news .list .item.hover .ti{font-weight: bold;font-size: 20px;}
.homeNews .news .list .item.hover a:after{opacity: 1;right: 15px;}

.homeNews .notice{width: 31.11%;float: right;}
.homeNews .notice .list li{border-bottom: 1px solid #D8D8D8;padding: 8px 0;position: relative;min-height: 69px;display: flex;justify-content: center;flex-direction: column;}
.homeNews .notice .list li:after{position: absolute;left: 0;bottom: -1px;height: 2px;transition: all 0.5s;background-color: #429038;width: 84px;content: "";}
.homeNews .notice .list li:hover:after{width: 100%;}
.homeNews .notice .list a{display: block;}
.homeNews .notice .list .ti{font-size: 18px;transition: all 0.5s;}
.homeNews .notice .list .date{color: #797979;font-size: 14px;}
.homeNews .notice .list li:hover .ti{font-weight: bold;}


.homeResearch{padding: 45px 0 65px;clear: both;background: url(../images/home-bg2.jpg) no-repeat center center/cover;background-position-y: top;}
.homeResearch .left{width: 41.66%;float: left;position: relative;}
.homeResearch .tab{display: flex;align-items: center;margin-bottom: 25px;}
.homeResearch .tab li{border-radius:5px;float: left;border: 1px solid #C8C8C8;background: #F8F8F8;backdrop-filter: blur(3.676470588235294px);color: #8B8B8B;cursor: pointer;position: relative;line-height: 43px;width: 155px;text-align: center;font-size: 20px;font-family: 'siyuan-blod';}
.homeResearch .tab li a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.homeResearch .tab li:not(:last-child){margin-right: 20px;}
.homeResearch .tab li.on{color: #fff;background-color: #429138;box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.3);font-weight: bold;}


/* Ujarak */
.homeResearch .tab li {
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
}
.homeResearch .tab li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #44973a;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.homeResearch .tab li.button--round-s::before {
	border-radius: 2px;
}
.homeResearch .tab li.button--inverted::before {
	background: #7986CB;
}
.button--ujarak,
.homeResearch .tab li::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.homeResearch .tab li:hover {
	color: #fff;
	border-color: #37474f;
}
.homeResearch .tab li.button--inverted:hover {
	color: #37474F;
	border-color: #fff;
}
.homeResearch .tab li:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


.homeResearch .list li .ti{font-size: 18px;font-weight: normal;line-height: 50px;}
.homeResearch .list li .desc{height: 48px;color: #429038;display: none;margin-top: 14px;}
.homeResearch .list li.on {padding:10px 0 22px;margin-bottom: 14px;border-bottom: 1px solid #dcdcdb;}
.homeResearch .list li.on .ti{font-weight: bold;line-height: 24px;}
.homeResearch .list li.on .desc{display: block;}

.homeResearch .more{margin-top: 30px;}
.homeResearch .more a{display: inline-block;background: url(../images/icon_more.png) no-repeat 0 center/17px 23px;padding-left: 26px;color: #8C95A8;font-size: 16px;}
.homeResearch .more a:hover{color: #429038; }

.homeResearch .right{width: 55.55%;float: right;position: relative;}
.homeResearch .right .logo{width: 11.823vw;height: 11.823vw;display: flex;align-items: center;justify-content: center;position: absolute;z-index: 10;top: -5.677vw;right: -4.677vw;}
.homeResearch .right .logo:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/img3-5.png) no-repeat center center/contain;animation: turn 10s linear infinite;}
.homeResearch .right .logo img{width: 100%;height: 100%;object-fit: contain;}
.homeResearch .sliderbox{position: relative;}
.homeResearch .sliderbox .arr{position: absolute;width: 11.5%;height: 96%;border-radius: 0;top: 2%;opacity: 0;}
.homeResearch .sliderbox .slick-prev{left: 0;}
.homeResearch .sliderbox .slick-next{right: 0;}

.homeResearch .slick-list{padding: 0 12%;}
.homeResearch .slider{padding-bottom: 85px;position: relative;}
.homeResearch .slider .imgbox{padding-bottom: 64%;}
.homeResearch .slider .ti{text-align: center;font-weight: bold;font-size: 20px;color: #429038;margin-top: 38px;}
.homeResearch .slider .slick-dots{width: 60%;display: flex;align-items: center;justify-content: center;}
.homeResearch .slider .slick-dots li{margin: 0;}
.homeResearch .slider .slick-dots li button{background-color: #dadde0;}
.homeResearch .slider .slick-dots .slick-active button{background-color: #429038;height: 5px;}
.homeResearch .slider .slick-arrow{width: 42px;height: 42px;border: 0px;top: auto;transform: translateY(0);bottom: -15px;}
.homeResearch .slider .slick-prev{left: auto;right: 123px;background-image: url(../images/icon_left.png);}
.homeResearch .slider .slick-prev:hover{background-image: url(../images/icon_left_on.png);}
.homeResearch .slider .slick-next{right: 55px;background-image: url(../images/icon_right.png);}
.homeResearch .slider .slick-next:hover{background-image: url(../images/icon_right_on.png);}
.homeResearch .slider .item{transform: scale(0.8) translateX(80px);transition: all 0.8s; opacity: .6;}

.homeResearch .slider .slick-active{opacity: 1;}
.homeResearch .slider .item .ti{transform: translateY(-10px);transition: all 0.5s;opacity: 0;}
.homeResearch .slider .slick-current{transform: scale(1);position: relative;z-index: 10;}
.homeResearch .slider .slick-current .ti{transform: translateY(0);opacity: 1;}
.homeResearch .slider .slick-current .imgbox{border-radius: 5px;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.homeResearch .slider .slick-current+li{transform: scale(0.8) translateX(-80px);}

.homeBot{padding: 55px 0 9px;background: url(../images/home-bg3.jpg) no-repeat center center/cover;}
.homeBot .serivce{width: 40.27%;float: left;padding-bottom: 78px;}
.homeBot .serivce .tab{display: flex;justify-content: space-between;padding: 30px 0 29px;flex-wrap: wrap;}
.homeBot .serivce .tab li a{display: flex;align-items: center;font-size: 20px;}
.homeBot .serivce .tab li img{margin: 0 12px 0 0;width: 30px;height: 30px;}
.homeBot .serivce .tab li.on a{font-weight: bold;color: #429038;}

.homeBot .serivce .list{display: flex;flex-wrap: wrap;}
.homeBot .serivce .list li{width: 44%;padding-top: 20px;}
.homeBot .serivce .list li:nth-child(2n+1){width: 56%;}
.homeBot .serivce .list li a{display: flex;align-items: center;font-size: 18px;}
.homeBot .serivce .list li img{margin: 0 20px 0 0;width: 56px;height: 57px;}
.homeBot .serivce .list li:hover{font-weight: bold;}

/* Effect 8 */
.homeBot .serivce .list li img {
	background: rgba(255,255,255,0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

.homeBot .serivce .list li:after img{
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.homeBot .serivce .list li:hover img{
	background: rgba(255,255,255,0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	
}

/* .homeBot .serivce .list li:hover:after img{
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
} */

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

.homeBot .laboratory{width: 53.75%;float: right;padding-bottom: 78px;}
.homeBot .laboratory ul{display: flex;justify-content: space-between;padding-top: 25px;text-align: center;margin-left: 32px;flex-wrap: wrap;}
.homeBot .laboratory ul .icon{margin-bottom: 34px;}
.homeBot .laboratory ul .icon img{width: 82px;height: 82px;}
.homeBot .laboratory ul .num{display: flex;align-items: center;height: 53px;justify-content: center;}
.homeBot .laboratory ul .num span{font-size: 46px;color: #262626;}
.homeBot .laboratory ul .num sup{font-size: 22px;color: #595959;margin-left: 5px;}
.homeBot .laboratory ul p{font-size: 22px;color: #595959;}
.homeBot .laboratory ul li:hover .num span{color: #429038;}

.homeBot .laboratory ul li:hover .icon{transform: translateY(-10px);}


.homeBot .link{line-height: 24px;font-size: 14px;font-weight: lighter;clear: both;}
.homeBot .link a{display: inline-block;}
.homeBot .link a:not(:last-child){margin-right: 20px;position: relative;}
.homeBot .link a:not(:last-child):after{position: absolute;width: 20px;content: "|";right: -20px;top: 0;text-align: center;}

.part2{padding: 600px 0;padding-bottom: 1em;position: relative;}
@media(max-width:1024px){
	.homeNews .news{width: 100%;float: none;margin-bottom: 30px;}
	.homeNews .notice{width: 100%;float: none;}
	.homeResearch .left{width: 100%;float: none;margin-bottom: 30px;}
	.homeResearch .right{width: 100%;float: none;}
	.homeBot .serivce{width: 100%;float: none;padding-bottom: 35px;}
	.homeBot .laboratory{width: 100%;float: none;}
	.homeResearch .slider .slick-dots{width: 100%;}
	.homeResearch .slider .slick-prev{right: auto;left: 0;}
	.homeResearch .slider .slick-next{right: 0;}
	.homeResearch .slider .slick-arrow{bottom: 0;}
	.homeResearch .tab li a{display: none;}
	.part2{padding: 300px 0;padding-bottom: 1em;position: relative;}
}
@media(max-width:768px){
	.homeNews .news .slider{width: 100%;margin-bottom: 30px;}
	.homeNews .news .slider .imgbox{padding-top: 60%;}
	.homeNews .news .list{flex: none;padding-left: 0;width: 100%;}

	.part2{padding: 200px 0;padding-bottom: 1em;position: relative;}
}
@media(max-width:640px){
	.HomeTit{height: 40px;margin-bottom: 20px;}
	.HomeTit .icon{width: 35px;height: 35px;margin-right: 10px;}
	.HomeTit h2:after{height: 3px;bottom: -5px;}
	.HomeTit h2{font-size: 20px;}

	.homeNews .news .slider .ti,.homeNews .news .list .item.hover .ti{font-size: 16px;}
	.homeNews .news .list .item .ti{font-size: 15px;}
	.homeNews .news .list .item:hover .ti{font-size: 15px;}
	.homeNews .news .list .item time{width: 65px;}
	.homeNews .news .list .item a{min-height: 65px;}
	.homeNews .notice .list .ti{font-size: 15px;}
	.homeResearch .list li .ti{font-size: 15px;}
	.homeResearch .list .ti{font-size: 15px;line-height: 38px;}
	.homeResearch .tab li{line-height: 35px;font-size: 17px;}
	.homeResearch .tab li:not(:last-child){margin-right: 15px;}

	.homeBot .serivce .tab{padding: 10px 0;}
	.homeBot .serivce .tab li{width: 50%;margin-bottom: 15px;font-size: 16px;}
	.homeBot .serivce .tab li a{font-size: 16px;}
	.homeBot .serivce .list li{width: 100% !important;padding-top: 10px;font-size: 16px;}
	.homeBot .serivce .list li a{font-size: 16px;}

	.homeBot .laboratory{padding-bottom: 30px;}
	.homeBot .laboratory ul{margin-left: 0;padding-top: 0;}
	.homeBot .laboratory ul .icon img{width: 45px;height: 45px;}
	.homeBot .laboratory ul .icon{margin-bottom: 0;}
	.homeBot .laboratory ul li{width: 50%;padding-top: 10px;}
	.homeBot .laboratory ul .num span{font-size: 30px;}
	.homeBot .laboratory ul .num sup{font-size: 18px;}
	.homeBot .laboratory ul p{font-size: 15px;}

	.homeResearch .slick-list{padding: 0 5%;}
	.homeResearch .slider .ti{font-size: 15px;margin-top: 15px;}
	.homeResearch .slider{padding-bottom: 45px;}
	.homeResearch .list li.on{padding: 10px 0;}
	.homeResearch .list li .ti{line-height: 38px;}

	.homeResearch,.homeBot,.homeNews{padding: 35px 0;}

	.HomeBan .slick-dots{bottom: 0;}
	.HomeBan .slick-dots li button{width: 25px;height: 4px;}

	.part2{padding: 200px 0;padding-bottom: 1em;position: relative;}
	
}
/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important; height:400px; min-height:400px; padding-bottom:60px;overflow: hidden;}
.SubBan { position:relative;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size:cover;padding-bottom: calc(400 / 1920 *100%);}

.ColumnName{ padding:19px 0 0 25px; color:#fff; line-height:36px; background:#429038;height:100px;font-weight: normal;}
.ColumnName .cn{display: block;font-size: 30px;}
.ColumnName .en{display: block;font-size: 24px;text-transform: uppercase;}
.ColumnName .arr{ display:none; position:absolute; right:0; top:0; width:100%; height:100%;}
.ColumnName .arr i{border:1px solid #f0f7ff; border-radius:50%; background:url(../images/menuarr.png) center center no-repeat; width:22px; height:22px; opacity:0.5;transition: all ease 0.3s; position:absolute; right:10px; top:15px;}
.ColumnName.on .arr i{ opacity:1;dis-moz-transform: translate(0, 0) rotate(-180deg) !important;
	-ms-transform: translate(0, 0) rotate(-180deg) !important;
	-o-transform: translate(0, 0) rotate(-180deg) !important;
	transform: translate(0, 0) rotate(-180deg) !important;}

.SubMenu{ width:20.5%; float:left; margin-top:-100px; position:relative; z-index:1;background: #FEFEFE;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.SubMenu ul{ margin-top:2px;padding: 20px;}
.SubMenu ul li a{display: block;padding: 18px 0 18px 15px;position: relative;border-bottom: 1px solid #DDD;font-size: 18px;}
.SubMenu ul li a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    transform: translateY(-50%);
    background: #CCC;
    border-radius: 50px;
    transition: background ease .3s;
}

.SubMenu .sub{ display:none; line-height:24px;}
.SubMenu .sub dd a{ display:block; margin-left:55px; font-size:16px;}
.SubMenu li.onli .sub{ display:block;}
.SubMenu li.onli a{font-weight: bold;color: #429038;border-bottom: 1px solid #429038;}
.SubMenu li:hover a:before{background-color: #429038;width: 6px;height: 6px;}

.RightCon{ width:76%; float:right;}
.Position{ margin-top:25px; margin-bottom:42px; border-bottom:3px solid #f8f8f8; line-height:56px; height:56px;}
.Position h3{ float:left; color:#333333; font-size:24px;color: #429038;}
.Position .place{ color:#999999; float:right;}
.Position .place:before{background: url(../images/home.gif) no-repeat 0 center;margin-right: 5px;display: inline-block;vertical-align: middle;width: 13px;height: 12px;content: "";}
.Position .place a{ color:#999999;}
.Position .place a:hover,.Position .place span{ color:#444444;}
.Position.lx h3{ color:#154a9a; border-bottom:3px solid #154a9a; padding:0 10px; font-weight:bold;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify; color:#333333; font-size:16px; line-height:34px;}

.mores{ font-size:14px; text-align:center; color:#fff; width:120px; line-height:35px; background:#0e53b3; box-shadow:0 10px 20px rgba(14,83,197,0.2); border-radius:18px;}
.mores i{ display:inline-block; margin-left:11px; width:17px; height:8px; background:url(../images/rightarr.png) center center no-repeat;}

@media ( max-width:998px){
	.SubPage{overflow:visible;}
.SubBan{height:100px;}
.ColumnName{ padding:6px 0 0 25px;font-size:16px;line-height: 22px;height:53px;}
.ColumnName .arr{ display:block;}
.ColumnName .cn{font-size: 16px;}
.ColumnName .en{font-size: 14px;}
.SubMenu{ width:auto; float:none; margin-top:-26px;}
.SubMenu ul{display:none;padding: 15px 0 60px 22px;}
.SubMenu li span a {font-size: 16px;}
.SubMenu ul li a{padding-top: 10px;padding-bottom: 10px;}
.SubMenu li { line-height: 34px;}
.SinglePage{ line-height:24px; font-size:14px;}
.SinglePage video{ width:100% !important;}
.SinglePage img{ width:auto !important; height:auto !important;}

.RightCon{width: auto;float:none;}
.Position{margin-top:15px;margin-bottom:25px;}

.SubPage{padding-bottom: 35px;}
.Position{height: auto;}
.Position h3{float: none;text-align: center;line-height: 25px;}
.Position .place{float: none;clear: both;text-align: right;}
}
@media(max-width:480px){
	.Position h3{font-size: 18px;}
}

/*栏目页公用样式 end*/

.NewsList{ margin:0 0 0 -3%;}
.NewsList li{ width:30.3333%; float:left; margin:0 0 4% 3%;}
.NewsList .imgbox{ padding-top:68%;}
.NewsList .date{ z-index:2; position:absolute; left:0; bottom:0; font-size:18px; text-align:center; background:rgba(0,0,0,0.6); width:100px; height:60px; padding-top:10px; color:#fff;line-height:22px;}
.NewsList .date i{ opacity:0.5; display:block;font-size:14px;}
.NewsList .tit{ margin-top:22px; line-height:33px;}
.NewsList .p{ font-size:14px; color:#999999; line-height:24px;-webkit-line-clamp: 2;}
.NewsList li:hover .date{background:url(../images/filter80.png);}

.NewsList2{ margin:0px 0 4% 0; background:url(../images/linebg.gif) 0px top repeat-x; padding-top:1px;}
.NewsList2 li{ background:url(../images/linebg.gif) 0px bottom repeat-x; padding:30px 30px 30px 137px; position:relative;transition: all ease 0.3s;}
.NewsList2 li .date{transition: all ease 0.3s; line-height:37px; color:#949494; font-size:16px; position:absolute; text-align:center; left:20px; top:28px; width:100px; height:100px; border-radius:19px 0 19px 0; font-family:"宋体"; background:#f2f2f2;}
.NewsList2 li .date span{ display:block; color:#000000; padding-top:6px; line-height:49px; margin:0 16px; border-bottom:1px solid #dfdfdf; font-size:36px;}
.NewsList2 li .tit{ line-height:38px; margin-bottom:2px; font-size:18px; color:#333333;}
.NewsList2 li .p{-webkit-line-clamp: 2; line-height:23px; height:46px; margin-bottom:7px; color:#999999;}
.NewsList2 li .more{ position:absolute; top:38px; right:22px; text-align:center; width:100px; line-height:34px; color:#fff;font-size:12px; border-radius:23px; box-shadow:0 5px 12px #dccdde; background:#429038;}
.NewsList2 li .more i{ display:inline-block; vertical-align:middle; background:url(../images/ico_arr.png); width:14px; height:14px; margin-left:8px;}
.NewsList2 li:hover{ background-color:#f8f8f8;}
.NewsList2 li:hover .date{ background:#429038; color:#fff;}
.NewsList2 li:hover .date span{color:#fff;}
.NewsList2 li:hover .tit{color:#429038;}

.NewsList3 li{border-bottom: 1px solid #EEE;}
.NewsList3 li a{display: flex;justify-content: space-between;align-items: center;height: 50px;font-size: 18px;padding: 0 10px;}
.NewsList3 li .title{flex: 1;}
.NewsList3 li .date{width: 110px;text-align: right;color: #999;font-size: 16px;}

.PhotoNews{margin-bottom:2%;}
.PhotoNews li{transition: all ease 0.3s; background:#fff; position:relative; padding-left:397px; margin-bottom:30px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.PhotoNews .imgbox{ position:absolute; left:0; top:0; width:360px; padding-top:240px;}
.PhotoNews .info{ padding-right:180px; position:relative; height:240px;}
.PhotoNews .tit{ padding-top:39px; line-height:53px; font-size:20px; color:#000;}
.PhotoNews .p{-webkit-line-clamp: 3; height:72px; color:#999999;font-size:14px;line-height:24px;}
.PhotoNews .date{ position:absolute; right:0; width:140px; text-align:center; top:50px; border-left:1px solid #e7e7e7; height:140px; color:#999999; font-size:16px;}
.PhotoNews .date i{ display:block; line-height:36px; padding-bottom:6px; font-size:22px; color:#222222;}
.PhotoNews .date .more{ display:block; width:70px; height:25px; margin:18px auto 0; border-radius:13px; background: #429038 url(../images/more3.png) center center no-repeat;}
.PhotoNews li:hover .tit{ color:#429038;}

.Titleinfo{ text-align:center; border-bottom:1px dashed #e5e5e5; margin-bottom:35px;}
.Titleinfo h2{-size:24px; color:#333333; line-height:26px;}
.Titleinfo .date{ padding:12px 0; font-size:14px;}
.Titleinfo .date i{ display:inline-block;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}
.PrevNextBox {margin:50px 0 0 0;position:relative; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:49%; line-height:60px; height:60px;overflow:hidden; background:#f7f7f7; position:relative;}
.PrevNextBox dl span{ padding-left:97px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:33px; top:0px; color:#000000; font-weight:bold;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#666666;}
.PrevNextBox dl:hover{background:#5c9d03; color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl:hover span em{color:#fff;}
.PrevNextBox dl a.none{color:#999;}

.SearchBox .form{padding-right:186px;position:relative;}
.SearchBox .input{width:100%;border:1px solid #dddddd;height:45px;padding-left:10px;font-size:20px;}
.SearchBox .btn{position:absolute;right:0;top:0;width:173px;height:45px;color:#fff;background:#429038;font-size:20px;}
.SearchBox .btn:hover{background:#4d8801;}
.SearchBox .result{font-size:14px;padding:14px 0 18px;}

@media(max-width:1024px){
.PhotoNews li{padding-left:300px; margin-bottom:15px;}
.PhotoNews .imgbox{width:280px; padding-top:180px;}
.PhotoNews .info{ height:180px; padding-right:120px;}
.PhotoNews .date{ width:100px; top:20px;}
.PhotoNews .tit{ padding-top:25px; line-height:35px; font-size:18px;}
.PhotoNews .date .more{width:50px;}
}
@media(max-width:768px){
.PhotoNews li{ height:auto; padding:0;}
.PhotoNews .imgbox{ position:relative; width:auto;padding-top:50%;}
.PhotoNews .info{ padding:0 80px 0 15px; height:115px;}
.PhotoNews .date{ width:65px; font-size:14px; height:80px;}
.PhotoNews .date i{ font-size:16px; line-height:24px; padding-bottom:0;}
.PhotoNews .date .more{ height:20px; margin-top:5px;}
.PhotoNews .tit{ font-size:16px; padding-top:10px;}
.PhotoNews .p{ height:48px;-webkit-line-clamp: 2;}

.NewsList2 li{padding:12px 0px 12px 75px;}
.NewsList2 li .date{ left:0; top:20px;line-height:28px;font-size:14px; width:65px; height:65px;}
.NewsList2 li .date span{line-height:24px; margin:0 16px; font-size:16px;}
.NewsList2 li .more{ display:none;}
.NewsList2 li .tit{ line-height:28px; font-size:16px;}

.SearchBox .form{padding-right:110px;}
.SearchBox .btn{width:100px;height:36px;font-size:14px;}
.SearchBox .input{height:36px;font-size:14px;}

}

@media (max-width:640px){
.NewsList li{width:auto;float:none;margin-bottom: 20px;}
.NewsList .tit{margin-top: 12px;line-height: 28px;}

.Titleinfo { line-height:20px; padding-bottom:0px; margin-bottom:20px;}
.Titleinfo h2{ font-size:18px;}
.Titleinfo .share{ display:none;}

.PrevNextBox {margin:30px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; float:none !important; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:65px;}
.PrevNextBox dl span em{left:10px;}
}

@media only screen and (min-width: 950px) and (max-width: 1920px) {
    
   
}

.button_su_inner{
    display: inline-block;
    background: #F8B627;
    color: #F4F4F4;
    font-size: 16px;
    font-weight: normal;
    width: 132px;
    text-align: center;
    border-radius: 3px;
    transition: 400ms;
    text-decoration: none;
    padding: 22px;
    z-index: 100000;
}

.button_text_container{
   position:relative;
   z-index: 10000;
}

.explode-circle {
   animation: explode 0.5s forwards;

}

.desplode-circle{
   animation: desplode 0.5s forwards;
}


#particles-js {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#particles-js::after {
  width: 100%;
  height: 2.55rem;
  background: url(../images/banshad.png) no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}

.p-list10{padding-top:43px;padding-bottom:38px}
.p-list10 li{ padding-left: 25px;position: relative; display: flex; justify-content: space-between; align-items: center;overflow:hidden;padding-bottom:20px;margin-bottom:39px;border-bottom:1px solid #e0e0e0;font-size:16px;color:#555;line-height:28px}

.p-list10 .det{overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.p-list10 .date{float:right;color:#242d31;line-height:32px;margin-left:10px;opacity:.7}
.p-list10 .tit{font-size:18px;color:#000;line-height:32px;font-weight:400;margin-bottom:14px;overflow:hidden;width: 100%}
.p-list10 .tit a{color:inherit}
.p-list10 li a .tit:hover{transform: translateX(5px);color:#3f8e47}
.p-list10 li a{width: 75%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .3s;
	font-size: 16px;}

.p-list10 li::before {
    content: '';
    position: absolute;
    left: 0;
    height: 1rem;
    width: 1rem;
    background: #539f1b;
    border: 0.3rem solid #ddecd1;
    transform: translateY(-50%);
    border-radius: 50%;
}

.pages{text-align:center;clear:both}
.pages .p_pages{display:inline-block;vertical-align:top}
.pages .p_pages span{float:left;margin:0 5px;font-size:16px;color:#000;line-height:42px;text-align:center;height:44px;border:1px solid #d3d3d3}
.pages .p_pages .p_no,.pages .p_pages .p_first,.pages .p_pages .p_no,.pages .p_pages .p_no_d{width:44px;}
.pages ul a{display:block;color:inherit}
.pages .p_pages .p_no_d,.pages .p_pages span:hover{background-color:#3f8e47;border-color:#3f8e47;color:#fff}
.pages .p_pages .p_first_d,.pages .p_pages .p_next_d,.p_pages .p_prev,.p_pages .p_next,.pages .p_pages .p_last_d,.pages .p_pages .p_last{width:68px}
.pages .p_pages .p_prev_d,.pages .p_pages .p_next_d {width:95px}

.m-txt6{font-size:16px;color:#333;line-height:1.75;padding:37px 0 42px}
.m-txt6 em{font-style: italic;}
.m-txt6 h1{font-size:26px;color:#282828;font-weight:600;text-align:center;font-family:'Microsoft YaHei';}
.m-txt6 .info{color:#676767;text-align:center;border-bottom:1px solid #e0e0e0;padding:10px 0 23px;margin-bottom:31px}
.m-txt6 .info span{display:inline-block;vertical-align:top;margin:0 12px}

.m-flip{overflow:hidden;text-align:left;padding-top:25px;border-top:1px solid #e0e0e0}
.m-flip .p-next,.m-flip .p-prev{display:inline-block;vertical-align:top;width:124px;height:42px;border:1px solid #dae0e5;margin-left:6px;font-size:14px;color:#3b3b3b;line-height:40px;text-align:center}
.m-flip .p-next:hover,.m-flip .p-prev:hover{background:#3f8e47;border-color:#3f8e47;color:#fff}
.m-flip .btn-back{display:block;float:left;width:166px;height:42px;font-size:14px;color:#fff;line-height:42px;text-align:center;background:#3f8e47}
.m-flip .btn-back:hover{background:#398040}
.m-flip .btn-back img{display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:12px}

.m-tit5{font-size:20px;color:#000;font-weight:700;line-height:64px;padding-left:44px;position:relative;z-index:1;overflow:hidden;background:#f1f4f8;margin: 15px 0px;}
.m-tit5:after{content:"";position:absolute;left:29px;top:50%;width:4px;height:21px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background:#3f8e47}
.m-tit5 span{font-size:16px;color:#000;margin-left:24px;font-weight:600}


.m-txt4{overflow:hidden;padding:25px 44px 20px;font-size:16px;color:#000;line-height:30px}
.m-txt4 .col-l{width:100%;padding-right:10px;    border-bottom: 1px solid #e0e0e0;}

.m-txt4 p{overflow:hidden;margin-bottom:14px}
.m-txt4 p span{display:block;float:left;margin-right:8px}
.m-txt4 p em{display:block;overflow:hidden}

.SinglePage .v_news_content p{font-size: 18.5px;line-height: 36px;font-family: '宋体';}
#vsb_content_500 .vsbcontent_start{font-size: 18.5px;line-height: 36px;font-family: '宋体';}
#vsb_content_500 P{font-size: 18.5px;line-height: 36px;font-family: '宋体';}
#vsb_content_500 DIV{font-size: 18.5px;line-height: 36px;font-family: '宋体';}
#vsb_content_500 .vsbcontent_img{text-align: center; text-indent: 0px;    margin: 15px auto;}
#vsb_content_500 .vsbcontent_end{font-size: 18.5px;line-height: 36px;font-family: '宋体';}