@charset "utf-8";
@font-face {
	font-family: 'OPENSANS';
	src: url('OPENSANS-REGULAR_0.TTF');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PF';
	src: url('PingFang Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

.ellipsis {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}


::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #666666;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #666666;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #666666;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #666666;
}


/**/

/*.pc_header {
	position: relative;
	background: #333333;
}*/


/*weizhi*/

.neinav {
	/*margin-top: 60px;*/
	font-size: 15px;
	color: #555555;
	line-height: 102px;
	height: 102px;
	background: #fbfbfb;
}

@media only screen and (max-width:1024px ) {
.neinav {
	margin-top:52px;
}
	
}

.neinav a {
	font-size: 15px;
	color: #555555;
	padding-right: 5px;
}


/*rancai*/

.zhaoxian_section {
	padding: 70px 0 130px;
	background: #fbfbfb;
}

.zhaoxian_section .main {}

.zhaoxian_section .main ul li {
	position: relative;
	float: left;
	width: 29.55%;
	margin-left: 5.675%;
	background: #fff;
	border-radius: 10px;
	/*overflow: hidden;*/
	-moz-box-shadow: -1px 0px 10px #cdcdcd;
	-webkit-box-shadow: -1px 0px 10px #cdcdcd;
	box-shadow: -1px 0px 10px #cdcdcd;
}

.zhaoxian_section .main ul li:first-child {
	margin-left: 0;
}

.zhaoxian_section .main ul li .top {
	position: absolute;
	/*top: -15%;*/top: -66px;
	left: 35%;
	width: 133px;
	height: 133px;
	background: #fff;
	text-align: center;
	font-size: 16px;
	color: #2b2b2b;
	font-weight: bold;
	border-radius: 50%;
	-moz-box-shadow: -1px 0px 10px #cdcdcd;
	-webkit-box-shadow: -1px 0px 10px #cdcdcd;
	box-shadow: -1px 0px 10px #cdcdcd;
}

.zhaoxian_section .main ul li .top img {
	margin-top: 40px;
}

.zhaoxian_section .main ul li .pic {
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.zhaoxian_section .main ul li .pic img {
	display: block;
	width: 100%;
}

.zhaoxian_section .main ul li .tbox {
	padding: 20px 35px;
	color: #75a339;
	min-height: 214px;
}

.zhaoxian_section .main ul li .tbox .t1 {
	font-size: 20px;
}

.zhaoxian_section .main ul li .tbox .t2 {
	font-size: 16px;
}

.zhaoxian_section .main ul li .tbox .t3 {
	font-size: 13px;
	color: #555555;
	line-height: 25px;
}

.zhaoxian_section .main ul li .tbox .t4 {
	font-size: 14px;
	font-weight: bold;
}


/*产品*/

.prodetails_section {
	background: #fbfbfb;
}

.prodetails_section .title {
	font-size: 25px;
	color: #75a339;
	text-align: center;
}

.prodetails_section .main {
	padding: 40px 0 80px;
}

.proimg {
	float: left;
	width: 59%;
}

.prot {
	float: right;
	width: 41%;
	padding: 70px 60px;
	font-size: 16px;
	color: #555555;
	line-height: 36px;
	background: #fff;
}

.proimg .swiper-container {
	width: 100%;
}


.proimg .gallery-top img{
	display: block;
	width: 100%;
	height: auto;
}

.proimg .gallery-thumbs {
	padding: 0px 29px;
	margin: 20px 0;
}


.proimg .gallery-thumbs .swiper-slide {
	/*width: 17%;
	margin-right: 3%;*/
	height: 107px;
	opacity: 0.4;
}
.proimg .gallery-thumbs .swiper-slide img{display: block; width: 100%; height: 100%;}
.proimg .gallery-thumbs .swiper-slide-active {
	opacity: 1;
}

.proimg .swiper-button-next, .proimg .swiper-button-prev{ height: 54px; width: 27px;}
.proimg .swiper-button-prev{background: url(../images1/pl.jpg) no-repeat center; left: 0px;}
.proimg .swiper-button-next{background: url(../images1/pr.jpg) no-repeat center; right: 0px;}
.proimg .swiper-button-prev:hover{background: url(../images1/pl0.jpg) no-repeat center;}
.proimg .swiper-button-next:hover{background: url(../images1/pr0.jpg) no-repeat center;}


/*join*/
.intit{ font-size: 25px; color: #75a339; text-align: center; height: 34px; line-height: 34px;}
.intit span{color: #555555;}
.join_section{padding-bottom: 75px; background: #fbfbfb;}
.join_section .title{padding: 45px 0 15px; font-size: 20px; color: #75a339; background: url(../images1/titbg.png) no-repeat bottom left;}
.join_section .main{padding: 20px 40px; margin-top: 35px; background: #fff; border: 1px solid #d9d9d9;}

.jobsearch{}
.jobsearch select{
	float: left;
	font-size: 15px;
	color: #555;
	display: block;
	width: 19.1%;
	margin-right: 4.175%;
	padding: 0 30px 0 20px; line-height: 30px; height: 30px; border: 1px solid #eeeeee; background: url(../images1/sele.jpg) no-repeat right center; appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  }
select::-ms-expand { display: none; }
.jobsearch input{
	width: 13%;
	margin-right: 4.175%;
	float: left;
	display: block;
	padding: 0 30px 0 20px; line-height: 30px; height: 30px; border: 1px solid #eeeeee;
}
.jobsearch input[type=button]{
	margin-right: 0;
	background: #75a339;
	color: #fff;
	font-size: 16px;
	background: #75a339 url(../images1/seach.png) no-repeat 30% center;
	border-radius: 25px;
}

.joblist{}
.joblist .list1{padding: 0 55px; margin-top: 15px; height: 40px; line-height: 40px; font-size: 15px; color: #75a339; font-weight: bold; background: #f3f3f3; border-top: 1px  solid #d9d9d9;}
.joblist .list1 ul li{display: inline-block; width: 24%; text-align: left;}
.joblist .list1 ul li:first-child{text-align: left;}
.joblist .list1 ul li:last-child{text-align: right;}







.list2{padding: 0 55px;}

.list2 h3{
	height:60px; 
	line-height:60px; 
	
	font-size: 16px;
	color: #454545;
	border-bottom: 1px dotted #cccccc;
	cursor:pointer;
	
}
.list2  h3 span{display: inline-block; width: 24.5%; text-align: left; font-size: 15px; color: #555;}
.list2  h3 span:first-child{text-align: left;}
.list2  h3 span:last-child{text-align: right;}
.list2  .box.on h3{
	color: #1c6ea9;
}

.list2  .box ul{
	padding:20px 35px; 
	background: #fafafa;
	display:none; 
}
.list2  .box ul li{
	position:relative;
	padding-bottom: 10px;
} 
.list2  .con1{
	margin: 15px 0;
	font-size: 14px;
	color: #343434;
	line-height: 22px;
}
.list2  .con1 .ctit{
	float: left;
	display: inline-block;
	font-size: 14px;
	color: #75a339;
}
.list2  .con1 .cp{
	float: left;
	width: 68%;
	/*padding-left: 70px;*/
}
.list2  .con2{
	/*float: right;*/
	position: absolute;
	right: 0;
    top: 50%;
    transform: translateY(-50%);
}
 .con2box{
 	text-align: center;
	width: 130px;
	height: 48px;
	line-height: 48px;
	color: #fff;
	font-size: 16px;
	background: #75a339;
	border-radius: 25px;
}

/**/
.pagebox{margin-top: 35px;}
.pagebox .all{font-size: 14px; color: #b1b1b1;}
.page{}
.page .jump{float: right; margin-left: 30px;}
.page .jump input{float: left;padding: 0 15px; height: 30px; line-height: 30px;text-align: center;  border: 1px solid #cacaca; border-left: none;background: #f8f8f8; }
.page .jump input[type=text]{padding: 0; width: 30px;background: #fff; border-left: 1px solid #cacaca;}
.page .jump input[type=button]{cursor: pointer;}
.page .jump input[type=button]:hover{background: #75a339; color: #fff;}
.page .pn{float: right;height: 30px; line-height: 30px;}
.page .pn span{float: left; font-size: 14px; color: #b1b1b1; margin: 0 15px; }
.page .pn a{float: left; display: block; border: 1px solid #cacaca; border-right: none;background: #f8f8f8;font-size: 14px;color: #000; padding: 0 15px; }
.page .pn a:last-child{border-right: 1px solid #cacaca;}
.page .pn a:hover{background: #75a339; color: #fff;}
.beizhu{margin-top: 20px; text-align: right; font-size: 12px; color: #75a339;}

/*新闻*/
.newsxq_section{padding: 0 0 100px; background: #fbfbfb;}
.newsxq_section .main{margin-top: 50px;}
.newsmain{float: left; width: 70.66%;}
.newspage{float: right; width: 27%;}

.newsmain .con{position: relative; padding: 0 35px; margin-top: -45px;}
.newsmain .pic{}
.newsmain .pic img{display: block; width: 100%;}
.newsmain .details{/*position: absolute; top: -45px; width: 100%;*/ padding: 50px 45px 150px; background: #fff;}
.newsmain .details .t1{font-size: 30px;color: #2b2b2b; font-weight: bold;}
.newsmain .details .t2{margin: 20px 0 40px; font-size: 14px;color: #5a5a5a;}
.newsmain .details .t2 .sp1{margin-right: 80px;}
.newsmain .details .t3{font-size: 15px;color: #535353; line-height: 26px;}

.newspage .np{padding: 30px 40px; background: #fff; margin-bottom: 20px;}
.np .t1{font-size: 18px; color: #2b2b2b; font-weight: bold;}
.np .t2{margin: 20px 0; font-size: 16px; color: #666666; font-weight: bold;}
.np .t3{font-size: 14px; color: #5a5a5a;}
.np .fh{height: 35px; line-height: 35px; background: #75a339; border: 2px solid #75a339; font-size: 18px; font-weight: bold; text-align: center; border-radius: 10px;overflow: hidden;}
.np .fh a{color: #fff; display: block;}
.np .fh:hover{background: #fff;}
.np .fh:hover a{ color: #75a339;}

.sharebox{margin: 20px 0;}
.sharebox .bdshare-button-style0-16 a {
	display: inline-block;
	float: none!important;
	padding-left: 0!important;
	line-height: 40px!important;
	height: 40px!important;
	width: 40px!important;
	margin: 0 13px!important;
	transition: all 0.3s;
	border: 1px solid #d7d7d7;
	border-radius: 100%;
	cursor: pointer;
}

.sharebox .bdshare-button-style0-16 a.bds_weixin {
	background: #fff url(../images1/weixin.jpg) no-repeat center;
}

.sharebox .bdshare-button-style0-16 a.bds_sqq {
	background: #fff url(../images1/other.jpg) no-repeat center;
}

.sharebox .bdshare-button-style0-16 a.bds_tsina {
	background: #fff url(../images1/weibo.jpg) no-repeat center;
}

.sharebox .bdshare-button-style0-16 a:hover {
	border-color: #75a339 ;
}


/*项目展示*/
.centerlist_section{ background: #fbfbfb; padding-bottom: 60px;}
.neinav2{float: right; margin-top: -70px;}
.neinav2 ul li{width: 200px; display: inline-block; height: 46px; line-height: 46px; text-align: center; border-radius: 25px; border: 1px solid #f4f4f4; overflow: hidden;}
.neinav2 ul li a{display: block;  font-size: 18px; color: #555555; background: #fff url(../images1/n1.png) no-repeat 20% center;}
.neinav2 ul li:nth-child(2) a{background-image: url(../images1/n2.png);}
.neinav2 ul li:nth-child(3) a{background-image: url(../images1/n3.png);}

.neinav2 ul li:hover a,.neinav2 ul li.on a{color: #fff; background-color: #75a339 ; background-image:url(../images1/n10.png) ;}
.neinav2 ul li:nth-child(2):hover a,.neinav2 ul li:nth-child(2).on a{background-image: url(../images1/n20.png);}
.neinav2 ul li:nth-child(3):hover a,.neinav2 ul li:nth-child(3).on a{background-image: url(../images1/n30.png);}


.centerlist_section .main{/*position: relative; background: #fff */}
.cltext{float: left; width: 24%; padding: 35px 30px; background: #fff url(../images1/pic5.jpg) no-repeat left bottom;}
.cltext .intit{text-align: left;}
.cltext .t1{margin-top: 20px; font-size: 15px; color: #555555; line-height: 31px;}
.cltext .t2{ left: 180px; bottom: 30px;font-size: 18px; color: #75a339; text-align: right; margin-top:20px;}

.clpic{ float: right; /*width: 73.5%;margin-left: 2.5%;*/width: 76%;padding-left: 2.5%; background: #fbfbfb;}
.clpic ul li{ position: relative; float: left; width: 32%; margin-left: 2%; margin-top: 20px; overflow: hidden;}
.clpic ul li:nth-child(1){margin-top: 0;}
.clpic ul li:nth-child(2){margin-top: 0;}
.clpic ul li:nth-child(3){margin-top: 0;}
.clpic ul li:nth-child(3n+1){margin-left: 0;}
.clpic ul li .pic{}
.clpic ul li .pic img{display: block; width: 100%;}
.clpic ul li .mbg{ position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); transition: top 1s ease;}
.clpic ul li .tbox{ position: absolute; top: 100%; left: 0; width: 100%; height: 100%; padding: 0 35px; text-align: center;transition: top 1s ease;}
.clpic ul li .tbox .t1{margin-top: 50px; font-size: 20px; color: #fff;}
.clpic ul li .tbox .t2{margin-top: 20px; font-size: 14px; color: #fff; line-height: 24px;}
.clpic ul li .tbox .t3{margin-top: 20px;}

.clpic ul li:hover{}
.clpic ul li:hover .mbg{top: 0;}
.clpic ul li:hover .tbox{top: 0;}

/*联系我们*/
.contact_section{ background: #fbfbfb; padding-bottom: 100px;}
.contact_section .main1{   }
.contact_section .main1 .con{margin-top: 40px; background: #fff; box-shadow: 2px 2px 15px #eeeeee;}
.contact_section .main1 .con .map{float: left; width: 37.5%;}
.contact_section .main1 .con .map img{display: block; width: 100%;}

.contact_section .main1 .con .xinxi{float: left; width: 31%; font-size: 16px; color: #525252; padding:30px 25px; line-height:30px;}
.contact_section .main1 .con .erweima{margin-top: 80px; float: right; width: 31.5%; text-align: center;}
.contact_section .main1 .con .erweima ul li{padding: 10px; margin: 0 20px; display: inline-block; background: #f6f9f1; border-radius: 10px;}
.contact_section .main1 .con .erweima ul li img{width: 135px; height: 135px;}
.contact_section .main1 .con .erweima ul li .t{font-size: 14px; color: #555555; margin: 10px 0;}


.contact_section .main2{margin-top: 40px;}
.contact_section .main2 .in2{margin-top: 20px; text-align: center; font-size: 15px; color: #5d5d5d;}
.contact_section .main2 .con{ margin-top: 35px;background: #fff; padding: 40px; -moz-box-shadow:2px 2px 15px #eeeeee; -webkit-box-shadow:2px 2px 15px #eeeeee; box-shadow:2px 2px 15px #eeeeee; }
.biaodan{}
.biaodan input{ display: block;float: left; width: 48%; margin-left: 4%; padding: 0 60px; line-height: 50px; height: 50px;font-size: 16px; color: #666666; border: 2px solid #dfdfdf; border-radius: 25px;background: url(../images1/l2.png) no-repeat 25px center;}
.biaodan input:first-child{margin-left: 0; background-image: url(../images1/l1.png);}
.biaodan textarea{display: block; width: 100%; margin: 20px 0px; padding: 0 60px; line-height: 50px; height: 250px; font-size: 16px; color: #666666;font-family: 'OPENSANS'; border: 2px solid #dfdfdf;border-radius: 25px;background: url(../images1/l3.png) no-repeat 25px 20px; resize: none; overflow: hidden;}


.contact_section .main2 .con .btns{margin: 40px 0 20px; text-align: center;}
.contact_section .main2 .con .btns input{margin: 0 5px; display: inline-block; width: 160px; height: 48px; line-height: 48px; border-radius: 25px; font-size: 18px; color: #fff;background: #555555;}
.contact_section .main2 .con .btns input[type=submit]{background: #75a339;}
.contact_section .main2 .con .btns input:hover{opacity: 0.8;}

/*响应式样式*/

@media only screen and (max-width:1400px ) {

.w{
	width:1200px;
}


}
@media only screen and (max-width:1366px ) {
	.cltext .t2{left: 150px;}
	.contact_section .main1 .con .xinxi{width: 38%;}
	.contact_section .main1 .con .erweima{width: 24.5%;}
.contact_section .main1 .con .erweima ul li img{width: 80px; height: 80px;}

}


@media only screen and (max-width:1200px ) {

.w{
	width:1024px;
}

}


@media only screen and (max-width:1024px ) {

.w{
	width:100%;
	padding:0 3%;
}

.contact_section .main1 .con .map{width: 50%;}
.contact_section .main1 .con .xinxi{width: 50%;}
.contact_section .main1 .con .erweima{width: 50%; margin:10px 0;}

.centerlist_section .main{background-image: none;}
.cltext{width: 100%;background: #fff url(../images1/pic5.jpg) no-repeat left bottom;}
.cltext .t2{position: static;}
.clpic{width: 100%; padding-left: 0;}

.zhaoxian_section .main ul li{width: 100%; margin-left: 0; margin-top: 100px;}
.zhaoxian_section .main ul li .top{left: 45%; }
.zhaoxian_section .main ul li .tbox{height: auto;}

.proimg{width: 100%;}
.prot{width: 100%; padding: 30px;}

.newsmain .details{padding-bottom: 50px;}
}


@media only screen and (max-width:960px ) {



}


@media only screen and (max-width:780px ) {
	.neinav {margin-top: 50px;}
	.contact_section,.centerlist_section,.newsxq_section,.join_section{padding-bottom: 30px;}
	
	.contact_section .main1 .con .map{width: 100%;}
	.intit{font-size: 20px;}
	.intit span{display: none;}
	.neinav{height: 30px; line-height: 30px; margin-top: 50px;}
	
	.neinav2{float: none; margin-top: 0; text-align: center;}
	
	.newsmain{width: 100%;}
	.newspage{width: 100%; padding: 0 35px; margin-top: 20px;}
	
	.jobsearch input[type=button]{background-image: none;}
	.page{width: 100%;}
	
	.list2  .con2{position: static;transform: none;}
	.con2box{margin: 0 auto;}
}


@media only screen and (max-width:560px ) {



}
@media only screen and (max-width:480px ) {
	.intit{font-size: 18px;}
.contact_section .main1 .con .xinxi{width: 100%;}
.contact_section .main1 .con .erweima{width: 100%;}
.contact_section .main2 .con{padding: 20px;}
.biaodan input{width: 100%; margin-left: 0; margin-bottom: 20px;}
.contact_section .main2,.contact_section .main2 .con{margin-top: 30px;}
.contact_section .main2 .in2{margin-top: 10px;}

.neinav2 ul li{width: 125px;}
.neinav2 ul li a{background-image: none!important;}
.neinav2 ul li:hover a,.neinav2 ul li.on a{background-image: none!important;}

.clpic ul li{width: 100%;margin-left: 0; margin-top: 20px!important;}

.zhaoxian_section .main ul li .top {
    left: 35%;
}

.proimg .gallery-thumbs .swiper-slide{height: 54px;}
.proimg .swiper-button-next, .proimg .swiper-button-prev{top: 22px;}

.newsmain .details .t1{font-size: 18px;}
.newsmain .details .t2{margin: 10px 0;}
.newsmain .details{padding: 20px;}
.newsmain .details .t2 span{display: block; margin: 0;}

.jobsearch select{width: 100%; margin-bottom: 20px;}
.jobsearch input{width: 100%;margin-bottom: 20px;}
.join_section .main{padding: 20px;}
.joblist .list1{padding: 0;}
.list2{padding: 0;}
.list2  h3 span{overflow: hidden; height: 60px;}

.page .pn{width: 100%;}
.page .pn span{width: 100%;}
.page .jump{width: 100%; margin-left: 0;}
.beizhu{text-align: left; margin-top:40px;}
}

@media only screen and (max-width:380px ) {

	.cltext .t1{margin-top: 0;}
}

@media only screen and (max-width:320px ) {
.zhaoxian_section .main ul li .top {
    left: 30%;
}
.joblist .list1{font-size: 13px;}
.list2  h3 span{font-size: 12px;}
.page .pn a{padding: 0 13px;}

}