@charset "utf-8";

/*----------------------------------------------------
                 Procyon - CSS File
------------------------------------------------------*/
ul,li,p{
	padding:0px;
	margin:0px;
	list-style: none;
}
a{
	text-decoration: none;
}
body {
	font-size: 14px;
	min-width: 1200px;
	padding: 0px;
	margin: 0;
	background: #fff;
	font-family: "Microsoft Yahei", "微软雅黑";
}
::-webkit-scrollbar{
	width:6px;
	height: 5px;
	background:#ddd;/* 鏁翠釜婊氭潯鑳屾櫙 */
}
::-webkit-scrollbar-thumb{
	-webkit-border-radius:4px;
	border-radius:2px;
	background:#008E39; /* 婊氭潯鍐呭祵棰滆壊 */
}
::-webkit-scrollbar-button {
	background-color:#ddd;/* 涓よ竟绔寜閽鑹� */
	display: none;
}

/*banner*/
.banner {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
}
.banner .swiper-slide img{
	width: 100%;
}
.banner .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
	bottom: 15px;
}
img{
	vertical-align: middle;
}
.banner .swiper-pagination-bullet{
	width:33px;
	height:10px;
	background:#008E39;
	border-radius:5px;
}

/*头部logo*/
.top-logo{
	width: 1200px;
	margin: auto;
	height: 150px;
}
.top-logo>.left{
	float: left;
	margin-top: 48px;
}
.top-logo>.right{
	float: right;
	font-size:24px;
	font-weight:800;
	color:rgba(0,142,57,1);
	line-height:28px;
	margin-top: 33px;
}
.top-logo>.right>div:nth-child(1){
	text-align: right;
	font-size:16px;
	font-weight:400;
	color:rgba(125,125,125,1);
	background: url("../images/topphone.png")no-repeat;
	background-position: 65px center;
}
.top-logo>.left>.img{
	float: left;
	width:285px;
	height:54px;
	padding-right: 25px;
	border-right: 1px solid #DBDBDB;
}
.top-logo>.left>.img img{
	width:285px;
	height:54px;
}
.top-logo>.left>.wz{
	float: left;
	font-size:20px;
	font-weight:400;
	color:rgba(16,16,15,1);
	line-height:30px;
	margin-left: 25px;
}
.top_nav{
	background: #008E39;
}
.top_nav>div{
	width: 1200px;
	margin: auto;
	height: 50px;
}
.top_nav>div>.title{
	float: left;
	width: 149px;
	line-height: 30px;
	border-left: 1px solid rgba(255,255,255,0.4);
	margin-top: 10px;
}
.top_nav>div>.title:nth-child(1){
	border-left: 0;
}
.top_nav>div>.title>a{
	display: block;
	text-align: center;
	font-size:17px;
	width: 120px;
	margin: auto;
	font-weight:500;
	color:rgba(255,255,255,1);
}
.top_nav>div>.title>a.active,.top_nav>div>.title:hover>a{
	background: #FFD461;
	color: #10100F;
}
/*搜索*/
.sousuo{
	width: 1200px;
	margin: auto;
}
.sousuo>.left{
	float: left;
	line-height: 69px;
	background: url('../images/huo.png')no-repeat;
	background-position: left center;
	text-indent: 32px;
}
.sousuo>.right{
	float: right;
}
.ss-form{
	position: relative;
	margin-top: 14px;
}
#search-keyword{
	width:350px;
	height:37px;
	border:1px solid rgba(226,226,226,1);
	text-indent: 21px;
	font-size:13px;
}
.ss-sub{
	position: absolute;
	height: 39px;
	width: 42px;
	border: 0;
	background: url("../images/sousuo.png")rgba(0,142,57,1) no-repeat center;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.index-cp{
	background: url("../images/cpbg.jpg")no-repeat;
	background-position: center bottom;
}
.index-cp>div{
	width: 1200px;
	margin: auto;
	height: 1042px;
	padding-top: 75px;
}
.ttt{
	text-align: center;
}
.ttt>div:nth-child(1){
	font-size:42px;
	font-weight:800;
	color:rgba(16,16,15,1);
	background: url("../images/ttt.png")no-repeat center;
}
.ttt>div:nth-child(1)>span{
	color: #008E39;
}
.ttt>div:nth-child(2){
	font-size:20px;
	font-weight:400;
	color:rgba(101,102,101,1);
	line-height:48px;
}
.cp-con{
	width:1200px;
	height:775px;
	background:rgba(255,255,255,1);
	margin-top: 30px;
}


.gallery-top {
	overflow: hidden;
}
.gallery-thumbs {
	height: 86px;
	box-sizing: border-box;
	border-bottom: 1px solid #DBDBDB;
	overflow: hidden;
}
.gallery-thumbs .swiper-slide{
	padding: 0 23px;
	width: auto;
	text-align: center;
	position: relative;
	cursor:pointer;
}
.gallery-thumbs .swiper-slide>div:nth-child(1){
	height: 18px;
	line-height: 18px;
	margin-top: 23px;
}
.gallery-thumbs .swiper-slide>div:nth-child(1)>a{
	font-size:18px;
	font-weight:bold;
	color:rgba(127,127,127,1);
}
.gallery-thumbs .swiper-slide>div:nth-child(2){
	font-size:10px;
	font-weight:400;
	color:rgba(127,127,127,0.8);
	line-height: 9px;
	height: 9px;
	text-transform:uppercase;
	margin-top: 11px;
}
.gallery-thumbs .swiper-slide>div:nth-child(4){
	width:2px;
	height:30px;
	background:rgba(167,167,167,0.4);
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1px;
	margin: auto;
}
.cp1{
	float: left;
	width: 580px;
	height: 475px;
	margin-left: 30px;
	margin-top: 22px;
}
.cp1>a>div:nth-child(1){
	width:580px;
	height:435px;
	overflow: hidden;
}
.cp1>a>div:nth-child(1)>img{
	width:580px;
	height:435px;
}
.cp1>a>div:nth-child(2){
	position: relative;
	line-height: 40px;
	height: 40px;
	font-size:16px;
	font-weight:400;
	color:rgba(127,127,127,1);
	text-indent: 21px;
}
.cp1>a>div:nth-child(2)>span{
	position: absolute;
	width:15px;
	height:15px;
	background:rgba(0,142,57,1);
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.cp2{
	float: left;
	margin-top: 22px;
	width: 580px;
}
.cp2>a{
	float: left;
	margin-left: 20px;
	height: 240px;
	width: 260px;
	overflow: hidden;
}
.cp2>a>div:nth-child(1){
	width:260px;
	height:195px;
}
.cp2>a>div:nth-child(1)>img{
	width:260px;
	height:195px;
}
.cp2>a>div:nth-child(2){
	line-height: 44px;
	height: 44px;
	text-indent: 21px;
	position: relative;
	font-size:16px;
	font-weight:400;
	color:rgba(127,127,127,1);
	overflow: hidden;
}
.cp2>a>div:nth-child(2)>span{
	position: absolute;
	width:15px;
	height:15px;
	background:rgba(0,142,57,1);
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.cp-jj{
	width: 1140px;
	margin: auto;
}
.cp-jj>.left{
	float: left;
}
.cp-jj>.left>div:nth-child(1){
	font-size:29px;
	font-weight:bold;
	color:rgba(0,142,57,1);
	text-indent: 53px;
	background: url("../images/yh.png")no-repeat;
	background-position: left center;
	margin-top: 40px;
}
.cp-jj>.left>div:nth-child(2){
	width:810px;
	height:40px;
	font-size:14px;
	font-weight:400;
	color:rgba(127,127,127,1);
	line-height:20px;
	margin-left: 53px;
	margin-top: 15px;
	overflow: hidden;
}
.cp-jj>.right{
	float: right;
	margin-top: 70px;
}
.cp-jj>.right>a{
	display: block;
	width:170px;
	height:50px;
	background:rgba(255,212,97,1);
	line-height: 50px;
	text-align: center;
	font-size:16px;
	font-weight:500;
	color:rgba(16,16,15,1);
}
.gallery-thumbs .swiper-slide-thumb-active>div:nth-child(3) {
	position: absolute;
	width:85px;
	height:4px;
	background:rgba(0,142,57,1);
	left: 0;
	right: 0;
	bottom: -2px;
	margin: auto;
	z-index: 9999;
}
.gallery-thumbs .swiper-slide-thumb-active>div:nth-child(2){
	color:rgba(0,142,57,0.8);
}
.gallery-thumbs .swiper-slide-thumb-active>div:nth-child(1)>a{
	color:rgba(0,142,57,1);
}
/*案例*/
.index-al{
	width: 1200px;
	margin: auto;
	height: 915px;
	padding-top: 35px;
}
.al-list{
	margin-top: 55px;
	height: 517px;
}
.al-list>a{
	float: left;
	width: 293px;
	margin-left: 9px;
	margin-top: 10px;
}
.al-list>a:nth-child(4n-3){
	margin-left: 0px;
}
.al-list>a>div:nth-child(1){
	width:283px;
	height:200px;
	padding: 5px;
	border:1px solid rgba(219,219,219,1);
	position: relative;
	overflow: hidden;
}
.al-list>a>div:nth-child(1)>img{
	position: absolute;
	width:283px;
	height:200px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.al-list>a>div:nth-child(2){
	height: 36px;
	line-height: 36px;
	font-size:16px;
	font-weight:400;
	color:rgba(127,127,127,1);
	text-align: center;
}
.fwlc{
	width:1200px;
	height:124px;
	margin-top: 39px;
}
/*简介*/
.index-jj{
	background:rgba(56,187,139,1);
}
.index-jj>div{
	width: 1200px;
	margin: auto;
	height: 585px;
	padding-top: 65px;
}
.jj-con{
	margin-top: 58px;
	height: 320px;
	overflow: hidden;
}
.jj-con>.left{
	float: left;
	width: 621px;
}
.jj-con>.left>div:nth-child(1){
	font-size:40px;
	font-weight:bold;
	color:rgba(13,64,32,1);
	line-height:40px;
}
.jj-con>.left>div:nth-child(2){
	font-size:14px;
	font-weight:300;
	color:rgba(255,255,255,1);
	line-height:26px;
	margin-top: 25px;
	height: 234px;
	overflow: hidden;
}
.jj-con>.right{
	float: right;
	width:510px;
	height:320px;
}
.jj-con>.right img{
	width:510px;
	height:320px;
}
.shuaz{
	background: url("../images/shuaz.png")no-repeat center;
	display: block;
	line-height: 41px;
	height: 41px;
	text-indent: 100px;
	font-size:17px;
	font-weight:500;
	color:rgba(16,16,15,1);
}
/*新闻中心*/
.index-news{
	width: 1200px;
	margin: auto;
	height: 710px;
	padding-top: 90px;
}
.news-con{
	margin-top: 60px;
}
.news-con>.left{
	float: left;
	width: 580px;
	margin-left: 10px;
}
.news-con>.left>a:nth-child(1){
	width:580px;
	height:414px;
	display: block;
}
.news-con>.left>a:nth-child(1)>img{
	width:580px;
	height:414px;
}
.news-con>.left>a:nth-child(2){
	line-height: 51px;
	height: 51px;
	background: #F2F2F2;
	display: block;
}
.news-con>.left>a:nth-child(2)>span:nth-child(1){
	float: left;
	font-size:16px;
	font-weight:400;
	color:rgba(101,102,101,1);
	text-indent: 21px;
}
.news-con>.left>a:nth-child(2)>span:nth-child(2){
	float: right;
	font-size:14px;
	font-weight:400;
	color:rgba(102,102,102,1);
	margin-right: 27px;
}
.news-con>.right{
	float: right;
	width: 580px;
	margin-right: 10px;
}
.news-l{
	height: 101px;
	box-shadow:0px 3px 8px 0px rgba(0,0,0,0.5);
	margin-top: 20px;
}
.news-l:hover{
	box-shadow:0px 3px 8px 0px rgba(0,142,57,0.8);
}
.news-l:nth-child(1){
	margin-top: 0;
}
.news-l>.time{
	float: left;
	width: 99px;
	border-right: 1px solid #F2F2F2;
	height: 101px;
}
.news-l>.time>div{
	margin-left: 15px;
}
.news-l>.time>div:nth-child(1){
	font-size:24px;
	font-weight:400;
	color:rgba(16,16,15,1);
	margin-top: 28px;
	line-height: 24px;
}
.news-l>.time>div:nth-child(2){
	font-size:16px;
	font-weight:400;
	color:rgba(16,16,15,1);
}
.news-l>.coon{
	float: left;
	width: 479px;
}
.news-l>.coon>div{
	margin-left: 18px;
	text-overflow: ellipsis;/*文本超出以...显示*/
	overflow: hidden;/*超出盒子隐藏*/
	white-space: nowrap;/*强制在第一行显示*/
}
.news-l>.coon>div:nth-child(1){
	line-height: 18px;
	margin-top: 18px;
}
.news-l>.coon>div:nth-child(1)>a{
	font-size:16px;
	font-weight:400;
	color:rgba(16,16,15,1);
}
.news-l>.coon>div:nth-child(2){
	font-size:14px;
	font-weight:400;
	color:rgba(127,127,127,1);
	line-height:20px;
	height: 40px;
	margin-top: 8px;
	overflow: hidden;
}

/*行业新闻*/
.index-hy{
	background:rgba(240,242,241,1);
}
.index-hy>div{
	width: 1200px;
	margin: auto;
	height: 600px;
}
.index-hy>div>.left{
	float: left;
	width:410px;
	height:435px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(228,228,228,1);
	margin-top: 70px;
}
.index-hy>div>.right{
	float: right;
	width:746px;
	height:435px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(228,228,228,1);
	margin-top: 70px;
}
.news-ttt{
	position: relative;
	height: 53px;
	line-height: 53px;
	border-bottom: 1px solid #008E39;
}
.news-ttt>div:nth-child(1){
	float: left;
	font-size:20px;
	font-weight:400;
	color:rgba(99,99,99,1);
	margin-left: 59px;
}
.news-ttt>div:nth-child(2){
	float: right;
	margin-right: 20px;
}
.news-ttt>div:nth-child(2)>a{
	display: block;
	font-size:15px;
	font-weight:400;
	color:rgba(99,99,99,1);
	background: url("../images/yuan.png")no-repeat;
	padding-left: 30px;
	background-position: left center;
}
.news-ttt>div:nth-child(3){
	width:6px;
	height:20px;
	background:rgba(0,142,57,1);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 17px;
	margin: auto;
}
.list-li{
	width: 345px;
	margin: auto;
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: 23px;
	margin-top: 15px;
}
.list-li>div{
	padding-left: 38px;
}
.list-li>div:nth-child(1){
	line-height:32px;
	background: url("../images/wen.png")no-repeat;
	background-position: left center;
	text-overflow: ellipsis;/*文本超出以...显示*/
	overflow: hidden;/*超出盒子隐藏*/
	white-space: nowrap;/*强制在第一行显示*/
}
.list-li>div:nth-child(1)>a{
	font-size:16px;
	font-weight:500;
	color:rgba(99,99,99,1);
}
.list-li>div:nth-child(2){
	font-size:13px;
	font-weight:500;
	color:rgba(99,99,99,0.7);
	line-height:22px;
	margin-top: 5px;
	height: 44px;
	overflow: hidden;
}

.ne-li{
	margin-top: 15px;
}
.ne-li>a{
	float: left;
	width: 325px;
	border-bottom: 1px dashed #DBDBDB;
	line-height: 41px;
	height: 41px;
	margin-left: 46px;
	margin-top: 8px;
}
.ne-li>a:nth-child(2n-1){
	margin-left: 25px;
}
.ne-li>a>div:nth-child(1){
	float: left;
	width: 225px;
	font-size:15px;
	font-weight:400;
	color:rgba(127,127,127,1);
	text-overflow: ellipsis;/*文本超出以...显示*/
	overflow: hidden;/*超出盒子隐藏*/
	white-space: nowrap;/*强制在第一行显示*/
	text-indent: 23px;
	background: url("../images/san.png")no-repeat;
	background-position: 3px center;
}
.ne-li>a>div:nth-child(2){
	float: right;
	font-size: 14px;
	color:rgba(127,127,127,1);
}

/*在线留言*/
.zxly-index{
	width: 1200px;
	margin: auto;
	height: 630px;
	padding-top: 70px;
}
.zxly-post{
	width: 780px;
	margin: auto;
	margin-top: 59px;
}
.zxly-post>div>input{
	width:378px;
	height:56px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(186,186,186,1);
	font-size:24px;
	font-weight:400;
	color:#000;
	text-indent: 21px;
}
.zxly-post>div>textarea{
	width:763px;
	margin-top: 10px;
	height:158px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(186,186,186,1);
	font-size:24px;
	font-weight:400;
	color:#000;
	text-indent: 21px;
}
.zxly-post>div>.tj-sub{
	width:320px;
	height:58px;
	background:rgba(0,142,57,1);
	border: 0;
	font-size:24px;
	font-weight:500;
	color:rgba(255,254,254,1);
	float: left;
	margin-left: 55px;
}
.zxly-post>div>.yzm{
	width:171px;
	height:54px;
	border:1px solid rgba(186,186,186,1);
	float: left;
	margin-left: 30px;
	font-size:24px;
	font-weight:400;
	color:#000;
	text-indent: 11px;
}
.zxly-post>div>.img{
	width:150px;
	height:56px;
	border:1px solid rgba(186,186,186,1);
	float: left;
}


.foot{
	background:rgba(228,234,231,1);
}
.foot>div{
	width: 1200px;
	margin: auto;
	height: 500px;
}
.foot>div>.left{
	float: left;
	margin-left: 10px;
	width: 412px;
	margin-top: 140px;
}
.foot>div>.left>.f-nav{

}
.foot>div>.left>.f-logo{
	width:412px;
	height:78px;
	margin-top: 35px;
}
.foot>div>.left>.f-logo img{
	width: 100%;
	height: 100%;
}
.foot>div>.right{
	float: right;
	width: 438px;
	margin-top: 140px;
}
.f-nav>a{
	float: left;
	font-size:17px;
	width: 85px;
	text-align: center;
	margin-left: 29px;
	font-weight:500;
	color:rgba(101,102,101,1);
	line-height:48px;
}
.f-nav>a:nth-child(4n-3){
	margin-left: 0;
	width: 68px;
}
.foot>div>.right>div:nth-child(1){
	font-size:18px;
	font-weight:400;
	color:rgba(0,142,57,1);
	line-height:32px;
}
.foot>div>.right>div:nth-child(2){
	font-size: 30px;
	color:rgba(0,142,57,1);
	line-height:32px;
}
.foot>div>.right>div:nth-child(2)>div:nth-child(1){
	float: left;
}
.foot>div>.right>div:nth-child(2)>div:nth-child(2){
	float: left;
	/*margin-left: 30px;*/
}
.foot>div>.right>div:nth-child(3){
	font-size:14px;
	font-weight:500;
	color:rgba(101,102,101,1);
	line-height:30px;
	margin-top: 40px;
}
.foot>div>.right>div:nth-child(4){
	font-size:16px;
	font-weight:500;
	color:rgba(101,102,101,1);
	line-height:30px;
}
.links{
	background:rgba(228,234,231,1);
	border-top: 1px solid #fff;
}
.links>div{
	width: 1200px;
	margin: auto;
	line-height:50px;
}
.links>div>a{
	margin-left: 20px;
	font-size:14px;
	font-weight:500;
	color:rgba(101,102,101,1);
	line-height:30px;
}
