﻿@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:'times';
    src: url('../fonts/times.ttf') format('ttf');
    font-weight: 100;
    font-style: normal;
}
html,body{height:100%;}

body{padding:0; margin:0px auto; font-size:16px; line-height:1.5; color:#262626; width:100%; min-width:1200px; zoom:1; font-family:'times',Arial, Helvetica, sans-serif; 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:'times',Arial, Helvetica, sans-serif;}
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:'times',Arial, Helvetica, sans-serif;} /*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:#017230;}
/**: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;}
.w1400{ position:relative; clear:both; max-width:1400px;width:92%; 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: 4;}
.dot5{-webkit-line-clamp: 5;}
.dot6{-webkit-line-clamp: 6;}

@media ( max-width:1024px){
.iconfont{ font-size:18px;}
body{min-width:300px;font-size:14px; line-height:24px;padding-top: 60px;}	
.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: 40px;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;min-width: 40px;text-align: center;}
.Pages a:hover{background:#017230;color:#fff;}
.Pages .num a{color:#333333;font-size: 16px;margin:0 5px;}
.Pages .num a:hover,.Pages .num a.a_cur{background:#017230;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:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 8px;background-image: linear-gradient(90deg, #b29873 0, #b29873 36%, #017230 0, #017230);z-index: 1;}
.Header:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    height: 260px;
    background: url("../images/h-mask.png")repeat-x top center/auto 99%;
    transition: .5s;
	z-index: -1;
}
.Header{position:absolute; width:100%; left:0; top:0; z-index:900;padding-top: 15px;
 -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;padding: 15px 11.5% 0 3.8%;}
.Header .LogoTop h1 img{height: 105px;z-index: 9;}
.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;}
.Header .top .ver{font-size: 16px;display: flex;align-items: center;margin-right: 16px;z-index: 9;}
.Header .top .ver:before{display: inline-block;width: 25px;height: 25px;background: url(../images/diqiu.gif) no-repeat center center/120% 120%;border: 2px solid #fff;filter: brightness(0) invert(1);content: "";margin-right: 9px;border-radius: 50%;vertical-align: middle;}
.Search .Searchico{ cursor:pointer; color:#fff;font-weight: bold;margin-left: 8px;display: none;font-weight: bold;color: #fff;}
.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:250px; line-height:40px;position: relative;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;display: none;}
.Search .searchbox .input{width:100%; height:40px; line-height:40px;padding:0 30px 0 20px; border:1px solid #fff; border-radius:40px;background-color: transparent;color: #ffffff;}
.Search .searchbox .btn { position:absolute; right:0; top:0; width:40px; height:40px; color:#fff;background-color: transparent;}
.Search .searchbox .btn:hover {opacity: 0.8;}
.Search .searchbox .btn .iconfont {font-size: 21px;}
.Search .searchbox.on{display: flex;align-items: center;justify-content: center;}
.Search .searchbox .inner{position: relative;}

.MainNav{line-height: 50px;height: 50px;}
.MainNav li:not(:last-child){margin-right: 53px;}
.MainNav li{position:relative; z-index:100;text-align: center;}
.MainNav li:after{content: "";position:absolute;left: 50%;bottom: 0;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: 24px;font-weight: 700;font-family: Arial, Helvetica, sans-serif;}
.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:200px;margin-left:-100px;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:#017230;}
.NavPull dl{max-height: 300px;overflow-y: auto;}

.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 */

@media(min-width:1025px){
	.MainNav ul{display: flex;justify-content: flex-end;}
}
@media ( max-width:1800px){
	.MainNav span a{font-size: 22px;}
	.MainNav li:not(:last-child){margin-right: 40px;}
}
@media ( max-width:1560px){
	.Header .LogoTop h1 img{height: 85px; z-index: 9;}
	.MainNav span a{font-size: 20px;}
	.MainNav li:not(:last-child){margin-right: 25px;}
}
@media ( max-width:1366px){
	.MainNav span a{font-size: 16px;}
	.MainNav li:not(:last-child){margin-right: 16px;}
		.MainNav{height: 40px;line-height: 40px;}
}
@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: 53px;}
}
@media ( max-width:1024px){
.Header {padding-top: 4px;position: fixed;}
.Header:before{height: 4px;}
.Header .top{min-height: auto;}
.Header .LogoTop{padding: 0 58px 0 4%;height: 56px;background-color: #017230;}
.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;z-index: 9;}
.Header .openbtn{display: flex;flex-direction: column;justify-content: center;}
.Search .Searchico{display: block;}
.Search .searchbox{position: absolute;left: 0;top: 100%;width: 100%;display: none;background-color: rgba(0,0,0,0.8);padding: 15px 0;}
.Search .searchbox{line-height: 33px;}
.Search .searchbox .input{height: 33px;line-height: 33px;}
.Search .searchbox .btn{width: 33px;height: 33px;}

.Header:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    height: 260px;
    background: url("../images/h-mask.png")repeat-x top center/auto 99%;
    transition: .5s;
	z-index: -1;
}
.MainNav{ position:fixed; height:calc(100% - 60px); 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:480px){
	.Search .searchbox .input{}
}
/*Top*/

/*Bottom*/
.Footer{color:#fff;background: url(../images/footerbg.jpg) no-repeat center center/cover;padding: 40px 0;}
.Footer .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;min-height: 180px;}
.Footer .contact{width: calc(726 / 1400 * 100%);position: relative;padding-left: 28px;font-weight: bold;}
.Footer .contact:before{position: absolute;left: 0;content: "";top: 8px;height: calc(100% - 16px);width: 1px;background-color: #fff;}
.Footer .contact p:not(:last-child){margin-bottom: 11px;}
.Footer .contact p{position: relative;padding-left: 20px;}
.Footer .contact p img{position: absolute;left: 0;top: 7px;max-width: 14px;}
.Footer .logo{width: calc(585 / 1400 * 100%);padding-left: 71px;}
.Footer .logo img{height: 118px;}

/* 返回顶部 */
@-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:#004c42;}
.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{padding-left: 15px;}
}
/*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 .video-section {
  position: relative;
  width: 100%;
  height: auto; /* 关键：自适应屏幕高度 */
  /* overflow: hidden; */
}

/* 视频自适应 */
.HomeBan .item .video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto; /* 高度自动按比例适应 */
object-fit: cover; 
  z-index: 1;
}


.HomeBan .item .imgbox img{width: 100%;display: block; transform: scale(1.05,1.05);}

.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 .slick-dots{bottom:18px;}
.HomeBan .slick-dots li:not(:last-child){margin-right: 22px;}
.HomeBan .slick-dots li button{width: 55px;height: 10px;border: 1px solid #b6b5b5;background-color: #fff9f9;}
.HomeBan .slick-dots .slick-active button{background-color: #008e46;border: 1px solid #008e46;}

.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: 5px;}
.HomeBan .slick-dots li button{width: 25px;height: 4px;}
}
@media ( max-width:480px){
.HomeBan .slick-dots li button{width: 25px;height: 4px;}
.HomeBan .slick-dots li:not(:last-child){margin-right: 10px;}
}

.mainBox{position: relative;overflow: hidden;}

.HomeTit{padding-bottom: 50px;}
.HomeTit h2{font-size: 32px;color: #00712E;}

.HomeAbout{padding: 70px 0;background: url(../images/home-aboutbg.jpg) no-repeat center bottom/cover;}
.HomeAbout .HomeTit{padding-bottom: 15px;}
.HomeAbout .photo{position: relative;margin-top: 12px;}
.HomeAbout .slider{overflow: hidden;}
.HomeAbout .slider .imgbox{border-radius: 20px;padding-bottom: calc(447 / 685 * 100%);}
.HomeAbout .slider:hover .slick-prev{left: 10px;}
.HomeAbout .slider:hover .slick-next{right: 10px;}

.readmore{text-align: center;padding-top: 30px;}
.readmore a{padding-right: 24px;background: url(../images/arr.png) no-repeat right center/19px 10px;color: #017230;transition: all 0.5s;}
.readmore a:hover{padding-right: 32px;}

.HomeNews{padding: 60px 0 70px;background: url(../images/home-newsbg.jpg) no-repeat center bottom/cover;}
.HomeNews .slider{display: flex;flex-wrap: wrap;margin-left: -40px;padding-bottom: 20px;}
.HomeNews .item a{display: block;}
.HomeNews .item{width: calc(100% / 2 - 40px);margin-left: 40px;margin-bottom: 40px;}
.HomeNews time{color: #999;}
.HomeNews .imgbox{padding-bottom: calc(203 / 312 * 100%);}
.HomeNews .item:nth-child(2n+1){border-top: 3px solid #053888;}
.HomeNews .item:nth-child(2n+2){border-top: 3px solid #00671c;}
.HomeNews .item .info{background-color: #fff;border: 1px solid #d8d8d8;border-top: 0;padding: 25px 7px 15px 7px;}
.HomeNews .item .info .ti{min-height: 6em;margin-bottom: 24px;}

.HomePlat{padding: 60px 0 70px;background: url(../images/home-partbg.jpg) no-repeat center bottom/cover;}
.HomePlat .slider{display: flex;flex-wrap: wrap;margin-left: -35px;}
.HomePlat .item{width: calc(100% / 2 - 35px);margin-left: 35px;margin-bottom: 35px;position: relative;}
.HomePlat .info{color: #fff;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;display: flex;align-items: center;justify-content: baseline;padding: 0 10px;}
.HomePlat .info span{color: #fff;width: 100%;min-height: 80px;padding: 8px 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;font-size: 17px;font-weight: bold;line-height: 1.2;}
.HomePlat .imgbox{padding-bottom: calc(185 / 305 * 100%);border: 1px solid #c9c7c7;transition: all 0.5s;}
/* .HomePlat .imgbox:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 8;content: "";background-color: rgba(0,76,66,0.4);} */
.HomePlat .item:hover .imgbox{transform: scale(1.065);}
.HomePlat .item:nth-child(1) .info span{margin-top: 15%;}
.HomePlat .item:nth-child(4) .info span{font-size: 12px;}

@media(min-width:1025px){
.HomeAbout .w1400{display: flex;justify-content: space-between;}
.HomeAbout .content{width: calc(675 / 1400 * 100%);}
.HomeAbout .photo{width: calc(685 / 1400 * 100%);margin-top: 0;}

.HomeNews .item{width: calc(100% / 4 - 40px);margin-bottom: 0;}

.HomePlat .item{width: calc(100% / 4 - 40px);margin-bottom: 0;}
}
@media(max-width:1024px){
	.HomeAbout .slick-prev{left: 0 !important;}
	.HomeAbout .slick-next{right: 0 !important;}
}
@media(max-width:480px){
	.HomeAbout,.HomeNews,.HomePlat{padding: 30px 0 40px !important;}
	.HomeTit{padding-bottom: 25px;}
	.HomeTit h2{font-size: 26px;}
	.readmore{padding-top: 12px;}
	.HomeNews .slider{margin-left: -12px;}
	.HomeNews .item{width: calc(100% / 2 - 12px);margin-left: 12px;margin-bottom: 12px;}
	.HomeNews .item .info{padding: 12px 8px;}
	.HomeNews .item .info .ti{margin-bottom: 12px;}
	.HomePlat .slider{margin-left: -12px;}
	.HomePlat .item{width: calc(100% / 2 - 12px);margin-left: 12px;margin-bottom: 12px;}
}
/*首页 end*/


/*栏目页公用样式 s*/

.ny_page_cont{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: #f4f4f4 url(../images/newsbg.jpg) no-repeat bottom center;
    background-size: cover;
    padding-bottom: 2.05rem;
}
.SubPage{ height:auto !important; height:400px; min-height:400px; padding:60px 0;overflow: hidden;background-color: #ffffffbd;padding: 15px;margin-top: 65px;border-top: 7px solid #017230;}
.SubBan { position:relative;overflow: hidden;}
.SubBan .img{background-repeat: no-repeat;background-position: center center;background-size:cover;padding-bottom: 25%;}

.Position{position: absolute;left: 0;bottom: 0;width: 100%;}
.Position .bar{display: flex;justify-content: space-between;width: 50%;background-color: #017230;padding: 30px 50px 30px 0;border-top-right-radius: 30px;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);align-items: center;}
.Position .bar:before { content: " ";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: -100%;    background-color: transparent;background-image: linear-gradient(to right, #0172301c, #017230);-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);}
.Position h3{font-size:30px;color: #fff;}
.Position .place{ color:#fff;}
.Position .place a{ color:#fff;}
.Position .place a:hover,.Position .place span{ color:#fff;}
.Position .place a:first{text-decoration: underline;}
.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;line-height: 1.8;}

.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;}

.subTit h2{font-size: 32px;color: #017230;text-align: center;}
.subTit .spliter {width: 100%;height: 5px;margin: 20px 0;display: flex;align-items: center;}
.subTit .spliter:before {content: " ";display: block;width: 30px;height: 3px;background-color: #017230;margin-right: 15px;}
.subTit .spliter:after {content: " ";display: block;width: 5px;height: 5px;background-color: #017230;}
@media ( max-width:998px){
.SubPage{overflow:visible;}
.SinglePage{ line-height:24px; font-size:14px;}
.SinglePage video{ width:100% !important;}
.SinglePage img{ width:auto !important; height:auto !important;}

.SubPage{padding: 35px 0;}
}
@media(max-width:768px){
	.Position{position: static;margin-top: 20px;}
	.Position .bar{width: 100%;border-radius: 0;}
	.Position .bar:before{display: none;}
	.Position .w1400{width: 100%;padding: 0 4%;}
	.Position .bar{padding: 15px;}
	.Position h3{font-size: 24px;}
}
@media(max-width:480px){
	.Position .bar{padding: 7px 10px;}
	.Position h3{font-size: 20px;}
}

/*栏目页公用样式 end*/

.FacultyList .leftbar li a{display: block;padding: 10px 0;color: #017230;border-bottom: 1px solid #017230;font-size: 18px;transition: all 0.5s;}
.FacultyList .leftbar li.on a{padding-left: 30px;background: url(../images/arr-r_blue.png) no-repeat 0 center/21px auto;font-weight: bold;}
.FacultyList .rightcon ul{margin-left: -15px;display: flex;flex-wrap: wrap;}
.FacultyList .rightcon li{width: calc(100% / 3 - 15px);margin: 0 0 15px 15px;}
.FacultyList .rightcon li a{display: flex;padding: 20px 20px 16px;align-items: center;background-color: #f0eff0;border-bottom: 4px solid #f0eff0;}
.FacultyList .rightcon li a:hover{border-bottom: 4px solid #017230;background-image: linear-gradient(to bottom, #cee9d9 , #fff);}
.FacultyList .rightcon .avatar{width: 72px;height: 72px;border-radius: 50%;overflow: hidden;}
.FacultyList .rightcon .avatar img{width: 100%;height: 100%;border-radius: 50%;object-fit: covers;}
.FacultyList .rightcon .info{flex: 1;padding-left: 15px;}

.list_title {
    font-weight: 300;
    font-size: 42px;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 20px;
    color: #017230;
}
.list_title:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 1px;
    background-color: #017230;
}
.list_title:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 40px;
    width: calc(100% - 40px);
    height: 1px;
    background-color: #017230;
}

.NewsList .slider{display: flex;flex-wrap: wrap;margin-left: -40px;padding-bottom: 20px;}
.NewsList .item a{display: block;}
.NewsList .item{width: calc(100% / 2 - 40px);margin-left: 40px;margin-bottom: 40px;}
.NewsList time{color: #999;}
.NewsList .imgbox{padding-bottom: calc(203 / 312 * 100%);}
.NewsList .item:nth-child(2n+1){border-top: 3px solid #053888;}
.NewsList .item:nth-child(2n+2){border-top: 3px solid #00671c;}
.NewsList .item .info{background-color: #fff;border: 1px solid #d8d8d8;border-top: 0;padding: 25px 7px 15px 7px;}
.NewsList .item .info .ti{min-height: 6em;margin-bottom: 24px;}

.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;}

.Titleinfo{ text-align:center; border-bottom:1px dashed #e5e5e5; margin-bottom:35px;}
.Titleinfo h2{font-size:30px; color:#017230;padding-bottom: 10px;}
.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:60px; 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:#017230; 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:#017230;font-size:20px;}
.SearchBox .btn:hover{opacity: 0.8;}
.SearchBox .result{font-size:14px;padding:14px 0 18px;}

@media(min-width:1025px){
.FacultyList{display: flex;justify-content: space-between;}
.FacultyList .leftbar{width: calc(330 / 1400 * 100%);}
.FacultyList .rightcon{flex:1;padding-left: 50px;}
.NewsList .item{width: calc(100% / 4 - 40px);}
}
@media(max-width:768px){
.NewsList li{padding:12px 0px 12px 75px;}
.NewsList li .date{ left:0; top:20px;line-height:28px;font-size:14px; width:65px; height:65px;}
.NewsList li .date span{line-height:24px; margin:0 16px; font-size:16px;}
.NewsList li .more{ display:none;}
.NewsList 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){
.Titleinfo { line-height:20px; padding-bottom:0px; margin-bottom:20px;}
.Titleinfo h2{ font-size:22px;}
.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:45px;}
.PrevNextBox dl span em{left:10px;}

.FacultyList .rightcon li{width: calc(100% / 2 - 15px);}
}
@media(max-width:480px){
	.NewsList .slider{margin-left: -12px;}
	.NewsList .item{width: calc(100% / 2 - 12px);margin-left: 12px;margin-bottom: 12px;}
	.NewsList .item .info{padding: 12px 8px;}
	.NewsList .item .info .ti{margin-bottom: 12px;}
	.FacultyList .leftbar li a{padding: 6px 10px;font-size: 16px;}
	.list_title{font-size: 30px;padding-top: 35px;}
	.FacultyList .rightcon li{width: calc(100% / 1 - 15px);}
}
.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:#00653e;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}