/*index----------*/
/*-banner-*/
.banner {
  position: relative; text-align: center; overflow: hidden;
}
.banner img {
  max-width: 100%; margin: auto;
}
.banner {
  overflow: hidden;padding-top: 136px;
}
.banner .slick-dots {
  position: relative; bottom: 30px;
}
.banner .slick-dots:after {
  content: ""; width: 100%; border: 1px solid rgba(255, 255, 255, 0.1); position: absolute; left: 0%; top: 50%; margin-top: -0.5px;
}
.banner .slick-dots li {
  position: relative; margin: 0px 10px;
}
.banner .slick-dots li button {
  background: #8f898b; height: 9px; width: 9px;
}
.banner .slick-dots .slick-active button {
  background: #ffffff;
}
.banner .slick-dots .slick-active:after {
  content: ""; height: 17px; width: 17px; border: 1px solid #fff; border-radius: 50%; position: absolute; top: -4px; left: -4px;
}

.section{
	padding: 60px 0;width: 100%;
}
.section1_wrapper{
	background: #f3f3f3;
}
.aboutbg{
	position: absolute;left: 0;top: 0;
}
.aboutleft{
	position: relative;margin-bottom: 30px;
}
.aboutleft .carousel{
	z-index: 2;margin: 30px 0 0 30px;
}
.aboutright .more{
    color: #fff; height: 40px;width: 150px; background: #fe9d00; display: block; text-align: center; line-height: 40px;
}
.aboutright .more:hover{
	background: #fd7801;
}
.i-bg {
    height: 215px; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: auto 100%;
}

.top-all {
  text-align: center; position: relative; overflow: hidden;margin-bottom: 30px;
}
.top-all h3 {
 font-size: 28px; color: #333; width: 120px; line-height: 50px; text-align: center; height: 50px; overflow: hidden; margin: auto;
}
.top-all span {
  color: #afafaf; font-size: 14px; display: inline-block; margin-top: 10px;
}
.top-all:after {
  content: url(../images/you.png); position: absolute; right: 0px; bottom: 5px;
}
.top-all:before {
  content: url(../images/zuo.png); position: absolute; left: 0px; bottom: 5px;
}
@media (max-width: 768px) {
  .top-all:after {
    display: none;
  }
  .top-all:before {
    display: none;
  }
}
.bx-wrapper {
    -moz-box-shadow:none; -webkit-box-shadow: none;  box-shadow: none;  border: none;
}
.project-item img {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.project-item:hover img {
	transform: scale(0.9, 0.9);
}
.project-item .txt {
	height: 40px; width: 100%; transition: all 0.3s ease-out 0s; text-align: center; position: relative;
}
.project-item .txt::after {
    width: 0%; height: 40px; position: absolute; content: ""; bottom: 0; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: #209345;
}
.project-item:hover .txt::after {
	width: 100%;
}
.project-item .txt .wrap {
    position: absolute; left: 0; top: 0; height: 40px; width: 100%; z-index: 1;
}
.project-item .txt .p1 {
	color: #666; padding: 8px 0px 5px; transition: all ease-out .3s;
}
.project-item:hover .txt .p1 {
    color: #fff;
}
.project-item .txt .p2 {
	color: #7B7B7B;
}
.bx-wrapper .bx-pager{
	display: none;
}

.section3{
	height: 524px;background-image:url(../images/sec3.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; 
}
.section3 h3{
	color: #fff;
}
.sec3-item a{
	height: 300px;overflow: hidden;position: relative;
}
@media (max-width: 768px) {
	.section3{
	height: 400px;
	}
    .sec3-item a{
	height: 150px;overflow: hidden;position: relative;
	}
	.sec3-item a div.text{
		display: block;
	}
}
.sec3-item a:hover{
	margin-top: -10px;-webkit-box-shadow: 0 5px 15px rgba(4,0,0,.6);box-shadow: 0 5px 15px rgba(4,0,0,.6);
}
.sec3-item img{
    display: block; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;position: absolute;z-index: 2
}
.sec3-item a:hover img {
	transform: scale(1.1, 1.1);
}
.sec3-item a div.text{
	position: absolute; left: 0; bottom: 0; padding: 10px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 3;height: 74px;background-color: rgba(255,255,255,.8);display: none;
}
.sec3-item a:hover div.text{
	display: block;transform: translate(0,0);
}
@media (max-width: 768px) {
	.sec3-item a div.text{
		display: block;
	}
}
.sec3-item a p{
    color: #209345;
}

.n_left {
  width: 44.5%; float: left; position: relative;
}
.n_left .imgd {
  position: relative; margin-bottom: 10px; overflow: hidden;
}
.n_left .imgd img {
  transition: 0.3s;
}
.n_left .imgd img:hover {
  transform: scale(1.1);
}
.n_left .imgd .ri {
  position: absolute; background: #2fa91e; z-index: 9999; top: 0px; left: 0px; color: #fff; font-family: AvantGardeITCbyBT-Book; padding: 5px 10px; max-width: 99px;
}
.n_left .imgd .ri i {
  font-style: normal; font-size: 40px; font-weight: 700; height: 40px; line-height: 40px; width: 98%; margin: auto; display: block; text-align: center; overflow: hidden;
}
.n_left .imgd .ri time {
  font-size: 13px; width: 98%; margin: auto; display: block; height: 20px; line-height: 20px; overflow: hidden;
}
@media (max-width: 480px) {
 
 .n_left .imgd .ri i {
    font-size: 20px; height: 25px; line-height: 25px;
  }
 
 .n_left .imgd .ri time {
    font-size: 10px;
  }
}
.n_left h4 {
  color: #333333; font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; width: 100%;
}
.n_left h4 a:hover {
  color: #2fa91e;
}
.n_left p {
  font-size: 14px; max-height: 80px; color: #666; line-height: 20px; margin: 10px 0px; overflow: hidden;
}
.n_left .more {
  width: 160px; height: 36px; background: #2fa91e; display: block; text-align: center; line-height: 36px; color: #fff; font-size: 12px; margin-top: 20px; transition: 0.3s;
}
.n_left .more:hover {
  background: #fe9d00;
}
.n_right {
  width: 52.5%; float: right;
}
.n_right ul li {
  border-bottom: 1px solid #ededed; padding: 10px 0;
}
.n_right ul li .ri {
  width: 15%; float: left; font-family: AvantGardeITCbyBT-Book; max-width: 90px; color: #a4a4a4; font-weight: 500; text-align: center;
}
.n_right ul li .ri i {
  font-style: normal; font-size: 50px; font-weight: 700; height: 48px; line-height: 48px; width: 98%; margin: auto; display: block; overflow: hidden; margin-bottom: 3px;
}
.n_right ul li .ri time {
  font-size: 17px; width: 98%; margin: auto; display: block; height: 20px; line-height: 20px; overflow: hidden;
}
.n_right ul li .wen_nei {
  width: 84%; float: right;
}
.n_right ul li .wen_nei h4 {
  font-size: 16px; line-height: 24px; height: 24px; color: #333333; margin-bottom: 6px; overflow: hidden; width: 100%;
}
.n_right ul li .wen_nei p {
  color: #666; font-size: 12px; height: 40px; line-height: 20px; overflow: hidden;
}
.n_right ul li:last-child {
  border-bottom: none;
}
.n_right ul li:hover .wen_nei h4 {
  color: #2fa91e;
}
@media (max-width: 768px) {
 
 .n_left {
    width: 100%; margin-bottom: 10px;
  }
 
 .n_right {
    width: 100%;
  }
}
@media (max-width: 480px) {
 
 .n_right ul li .ri {
    width: 20%;
  }
 
 .n_right ul li .ri i {
    font-size: 36px; height: 40px; line-height: 40px;
  }
 
 .n_right ul li .ri time {
    font-size: 12px;
  }
 
 .n_right ul li .wen_nei {
    width: 79%;
  }
}

.links {
  border-top: 1px solid #e8e8e8; padding-top: 10px;
}
.links .link_a {
  width: 94%; float: right;
}
.links .link_a a {
  display: inline-block; padding: 0px 5px;
  color: #666;
}
@media (max-width: 768px) {
  .links span {
    width: 10%; float: left;
  }
  .links .link_a {
    width: 84%; float: right;
  }
}
@media (max-width: 640px) {
  .links span {
    width: 100%;
  }
  .links .link_a {
    width: 100%;
  }
}



/*about-------------------------------------------------*/
/*honor*/
.proclear:nth-child(4),.proclear:nth-child(8),.proclear:nth-child(12){
    clear: both;
}
.honbox{
	background: #eaeaea;padding: 15px;margin-bottom: 30px;
}
.honbox p{
	line-height: 30px;
}
.page {
  margin: 20px 0px 40px 0px;
  text-align: center;
}
.page a {
  display: inline-block; vertical-align: middle; font-size: 15px; font-family: arial; margin: 0px 3px; color: #666666;
}
.page a:hover {
  text-decoration: underline; color: #821e20;
}
.page .active {
  text-decoration: underline; color: #821e20;
}
.page .ye {
  display: inline-block; height: 30px; width: 30px; background: #c2c2c2; border-radius: 50%; position: relative;
}
.page .ye:hover {
  background: #0083c7;
}
.page .ye1:after {
  content: ""; width: 0px; height: 0px; border: 7px solid transparent; border-right-color: #fff; position: absolute; top: 7px; left: 3px;
}
.page .ye2:after {
  content: ""; width: 0px; height: 0px; border: 7px solid transparent; border-left-color: #fff; position: absolute; top: 7px; right: 3px;
}
.about_ul li {
  margin-bottom: 15px;
}
.about_ul .quan {
  background: #209345; color: #fff; font-size: 22px; width: 85px; height: 85px; border-radius: 50%; text-align: center; display: block; overflow: hidden; line-height: 85px; float: left; font-family: Georgia;
}
.about_ul .wen {
  width: 87%; float: right; border: 1px solid #cdcdcd; box-shadow: 0px 5px 1px #ddd; padding: 1% 2%; 
}
.about_ul .wen h6 {
   width: 100%; overflow: hidden; font-size: 14px; line-height: 22px;
}
@media (max-width: 640px) {
  .about_ul .quan {
    width: 65px; height: 65px; font-size: 14px; line-height: 65px; font-family: Georgia;
  }
  .about_ul .wen {
    width: 85%;
  }
  .about_ul .wen h6 {
    font-size: 12px;line-height: 20px;
  }
}
@media (max-width: 640px) {
  .about_ul .quan {
    width: 60px; height: 60px; font-size: 12px; line-height: 60px; font-family: Georgia;
  }
  .about_ul .wen {
    width: 80%;
  }
}


/*news------------------------------*/
ul.newslist li{
  border-bottom: 1px solid #eee;padding: 15px 0;
}
ul.newslist li .newstitle{
  margin-bottom: 10px;
}
ul.newslist li .time{
  color: #999; font-family: "Helvetica" !important;display: block;margin-top: 15px;
}
ul.newslist li a.time:hover{
  padding-left: 10px;color: #00ace5;
}
.atctlt{
  padding-bottom: 30px;border-bottom: 1px solid #eee;margin-bottom: 30px;
}
.timex{
  display: none; color: #999; font-family: "Helvetica" !important;
}
@media (max-width: 640px) {
  .timex{
    display: block; 
  }
}

/*products-------------------------*/
.pro_ul {
  padding: 5% 0px; overflow: hidden;clear: both;
}
.pro_ul li {
  width: 29.4%; float: left; margin-right: 5.9%; position: relative; cursor: pointer; margin-top: 20px;
}
.pro_ul li .pic {
  position: relative; 
}
.pro_ul li .pic .zhe_a {
  background: url(../images/zhe_bg.png); position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: none;
}
.pro_ul li:nth-child(3n+3) {
  margin-right: 0px;
}
.pro_ul li:nth-child(3n+3):after {
  display: none;
}
.pro_ul li:after {
  content: ""; border-right: 1px dashed #ccc; height: 100%; position: absolute; top: 0px; right: -9.95%;
}
.pro_ul li:before {
  content: ""; border-bottom: 1px dashed #ccc; width: 120%; position: absolute; bottom: 0px; left: 0px;
}
.pro_ul li .text {
  padding: 3% 0px 20%;
}
.pro_ul li .text h4 {
  color: #606a71; font-size: 14px; height: 30px; line-height: 30px; width: 98%; overflow: hidden;
}
.pro_ul li .text .more {
  background: #999999; color: #fff; font-size: 12px; font-family: arial; width: 75px; display: block; height: 28px; line-height: 28px; border: 1px solid #8c8c8c; position: relative; text-align: center;
}
.pro_ul li .text .more:after {
  width: 71px; height: 24px; border: 1px solid #adadad; content: ""; position: absolute; top: 1px; left: 1px;
}
.pro_ul li:hover .pic .zhe_a {
  display: block;
}
.pro_ul li:hover .text .more {
  background: #0083c7; border: 1px solid #0083c7;
}
.pro_ul li:hover .text .more:after {
  border: 1px solid #0083c7;
}
@media (max-width: 640px) {
  .pro_ul li {
    width: 48%; margin-right: 4%;
  }
  .pro_ul li:nth-child(3n+3) {
    margin-right: 4%;
  }
  .pro_ul li:nth-child(3n+3):after {
    display: block;
  }
  .pro_ul li:nth-child(2n+2) {
    margin-right: 0px;
  }
  .pro_ul li:nth-child(2n+2):after {
    display: none;
  }
  .pro_ul li:after {
    content: ""; border-right: 1px dashed #ccc; height: 100%; position: absolute; top: 0px; right: -3.95%;
  }
}

.pro_s1 h3 {
  font-size: 20px; color: #333333; font-weight: 500; padding-bottom: 20px; height: 30px; line-height: 30px; width: 100%; overflow: hidden;
}
.cplib {
  background: url(../images/ce_bg.jpg) no-repeat; display: block; width: 100%; height: 7px; margin: 3% 0px;
}
.pro_s1 p {
  font-size: 14px;
  color: #6b6b6b;
  line-height: 24px;
}
.guan_top {
  border-bottom: 1px solid #f3f3f3; font-size: 20px; color: #333; font-weight: 700; margin-bottom: 20px;margin-top: 30px; padding: 8px; position: relative;
}
.guan_top:before {
  content: ""; height: 1px; width: 50px; background: #eaeaea; top: 24px; left: 109px; position: absolute;
}
.guan_top:after {
  content: ""; height: 1px; width: 170px; background: #eaeaea; bottom: 19px; left: 90px; position: absolute;
}
.guan_top span {
  width: 80px; height: 30px; line-height: 30px; overflow: hidden; display: inline-block;
}

/*case---------------------*/
.case_ul li {
  float: left; width: 31%; margin-right: 3.5%; margin-top: 3.5%;overflow: hidden;
}
.case_ul li .pic {
  position: relative; overflow: hidden;
}
.case_ul li .pic img {
  transition: 0.3s;
}
.case_ul li:nth-child(3n+3) {
  margin-right: 0px;
}
.case_ul li p {
  font-size: 15px; color: #1e1e1e; line-height: 40px; height: 40px; text-align: center; padding: 0px 10px; overflow: hidden; border-bottom: 1px solid #eaeaea; margin-top: 5px;
}
.case_ul li:hover img {
  transform: scale(1.1);
}
.case_ul li:hover p {
  color: #0083c7;
}
@media (max-width: 640px) {
  .case_ul li {
    width: 48%; margin-right: 4%;
  }
  .case_ul li:nth-child(3n+3) {
    margin-right: 4%;
  }
  .case_ul li:nth-child(2n+2) {
    margin-right: 0px;
  }
}

/*job---------------------*/
.job_lst{ 
  border:1px solid #e9e9e9;width:100%; text-align:center; margin-bottom:20px; 
}
.job_lst th{ 
  background:#3faa54; color:#fff; font-size:14px; font-weight:600;  border:1px solid #e9e9e9; padding: 10px;text-align: center;
}
.job_lst td{ 
  border:1px solid #e9e9e9;padding: 10px;
} 
.job_lst tr:hover{
  background: #eee;
}
.main-right-job-ny{
  color:#000; background:#f2f2f2; text-align:right;width: 20%;
}

/*联系我们------------------------*/
.share a{
  font-size: 24px;background: #b3b3b3;padding: 5px;border-radius: 30px;display: inline-block;line-height: 24px;
}
.share a i.iconfont{
  color:#fff;
}
.share a:hover{
  background: #929292;
}
.msgbox{
  margin: 0 auto;
}










/*filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
/*-moz-opacity:0.5; /*Firefox私有，透明度50%*/
/*opacity:0.5;/*其他，透明度50%*/