.indextit{ margin:50px auto; overflow: hidden; display: block;  text-align: center;}
.indextit strong{ display: block;  color: #538c05; font-size: 25px; line-height: 60px; height: 60px; border-top: 3px solid
 #ccc; display: inline-block; }
.indextit span{ display: block; color: #ccc;  }


.proconlist{ float: left; width: 925px; }
.proconlist li{ float: left; margin-left: 24px; width: 281px;
 margin-bottom:15px; padding-bottom: 20px; transition: 0.8s; border:1px solid #ccc; position: relative;   background: #fff; text-align: center; overflow:hidden; }
.proconlist li img{ height: 300px;overflow: hidden;width: 100%;}
.proconlist li p{ height:30px; line-height:30px; font-size: 18px; text-align: left; padding-left: 20px }
.proconlist li span{ color: #7fb832; text-align: left; padding-left: 20px; display: block; }
.proconlist li:hover{ box-shadow: 5px 5px 5px #ccc; margin-top: -10px; margin-bottom:25px;}


.prolist{float: left; width: 275px; }
.prolist strong{ background:#538c05 ; display: block; text-align: center; color:#fff; padding:20px 0;  }
.prolist strong p{font-size: 25px }
.profenlei{background: #7fb832; }
.profenlei li{ line-height: 70px; font-size: 18px; border-bottom: 1px solid #a5e54f; 
  color: #fff; padding-left: 30px; transition: 0.5s; cursor: pointer; border-left: 4px solid #7fb832; }
.profenlei li a{ color: #fff }
.profenlei li:hover { background: #fff; border-left: 4px solid #7fb832; padding-left:80px; color: #666 }
.profenlei li:hover a{ color: #7fb832 }
.profenlei li span{ float: right; padding-right: 30px; font-weight:bold; }
.profenlei li:hover span{ color: #7fb832 }



.contact{ background:  #7fb832; overflow: hidden; padding:0; }
.contact .leftimg img{ margin:0; float: left; }
.contacttext{ padding-top: 30px; }
.contacttext strong{ line-height: 50px; font-size:30px; color: #000 }
.contacttext p,.contacttext span{color: #fff; line-height: 50px; font-size: 22px; font-weight: bold;}
.contacttext a{ margin-left:10px; color: #fff; background: #7fb832; border-radius: 20px; padding:5px 15px; }
.contacttext a img{ margin-left:5px; vertical-align: -5px }





.aboutcon{ text-align: right;  margin-top: 50px; background: url(../images/index_25.jpg) no-repeat center top; 
 }
.aboutcon .abouttitle{ font-size: 30px; color: #fff; text-align: center; line-height:100px;  }
.aboutcon p{  font-size: 14px; line-height: 30px; text-indent: 30px;  color: #fff; padding-bottom: 50px; }
.aboutcon span{margin-top: 30px;  font-size: 50px; color: #f0ff00; font-weight: bold;  
	display: block; line-height: 130px}
.aboutcon img{vertical-align: -10px;}
.aboutcon em{ font-size:45px; color: #fff; }






/*案例展示*/
.casetit span{ font-size: 20px; margin: 30px 0 20px 0; display: inline-block;  
	background: linear-gradient(#a4db5b,#7fb832); color: #fff; padding: 10px 30px;
	border-radius: 30px 0 30px 0 }
.casetit a{float: right;  font-size: 16px; margin-top: 50px}
.media {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 273px;
  height:300px;
  margin:10px 32px 10px 0;
  
}
.media:nth-child(4n){margin-right: 0;}
.media__image {
  display: block;
  width:100%;
  height: 300px;
}
.media__body {
  background:rgba(127,184,50,0.7);;
  bottom: 0;
  color: white;
  font-size:2em;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 1em 3em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.media__body:hover {
  opacity: 1;
}
.media__body:after, .media__body:before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  bottom: 1em;
  content: '';
  left: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}
.media__body:before {
  border-bottom: none;
  border-top: none;
  left: 2em;
  right: 2em;
}
.media__body:after {
  border-left: none;
  border-right: none;
  bottom: 2em;
  top: 2em;
}
.media__body:hover:after, .media__body:hover:before {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.media__body h2 {
  margin-top:30px;
  font-size:30px;
}

.media__body p {
  margin-bottom: 1.5em;
  font-size:14px
}


/*关于我们*/
.aboutblock{ background: #7fb832; overflow: hidden; padding:50px 0; margin: 60px 0}
.aboutblock img { float: left; width: 400px; height: 250px }
.abouttext{ float: left;  width: 750px; margin-left: 50px }
.abouttext strong{  font-size:25px;  color: #fff; margin-bottom:20px; display:block; }
.abouttext p{ font-size: 16px; line-height: 30px;   }
.abouttext p a{color: #fff;}




/*荣誉资质*/
.marqueeleft{height:435px; width:1200px;overflow:hidden; margin:0 auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:320px;height:435px;overflow:hidden;}
.marqueeleft li .pic{display:block; width:320px;height:400px;
  padding:2px;overflow:hidden;}
.marqueeleft li img{ width: 100% }
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}

.indexlink {}
.indexlink{ margin-top: 50px; background: #f1f1f1; border:1px solid #ccc; padding: 20px; color: #cc1c1d }
.indexlink a{ margin: 0 10px; color: #333;  }






/*流程*/
   .good{ 
   	width: 1200px;
	margin:0 auto;
    }
		.our-team{
		    padding-bottom: 20px;
		    text-align: center;
			width:240px;
			float:left;

		}
		.our-team .pic{
		    display: inline-block;
		    width: 150px;
		    height: 150px;
		    border-radius: 50%;
		    margin-bottom: 20px;
		    position: relative;
        text-align: center;
        display: block;
        margin: 10px;
        margin:0 45px;
        background: linear-gradient(#a4db5b,#7fb832);

		}

		
		.our-team .pic p{ color: #fff; font-size: 20px; line-height: 50px; padding-top: 15px }

		.our-team .pic img{
		    width: 40%;
		    height: 40%;
		    transition: all 0.6s ease 0s;

		}
		.our-team:hover .pic {
		   -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
		}
		
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
		.our-team .title{
		    display: block;
		    font-size:50px;
		    color: #ffd126;
		    letter-spacing: 1px;
		    margin-bottom: 5px;
		}


.lc{ text-align: center; display: block;
        font-size:40px;
        color: #ffd126;
        letter-spacing: 1px;
        margin-bottom: 5px; 
        line-height: 100px;
        font-weight: bold;

      }

.lc img{ vertical-align: -18px; margin:0 10px }
.lc span{ color: #7fb832 }









.indexleft , .indexright { float: left;  width: 580px }
.indexleft{ margin-right:40px; }

.caselist{  }
.caselist li{line-height: 40px; font-size: 16px; border-bottom: 1px solid #ccc; }

.caselist span{ float: right; color: #999 }



.eighttit{ text-align: center; margin: 0 auto; }
.eight{ background: #fff; text-align: center; padding:30px 0; }
.eight img{  margin: 20px auto; }