/*服务范围*/

@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);
  }
}



/*应用场景*/
.in_case {
  width: 1200px;
  margin: 0 auto;
  display: block; overflow: hidden;
  margin-bottom:50px;
}
.in_case ul li{
  float: left;
  margin: 0 6px;
  position: relative;
}

.in_case ul li img{
  display: block;
  height: 200px;
}

.in_case ul li p{
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.50);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
  color: white;
  width: 100%;
  padding-left: 10%;
  line-height:50px;
  overflow: hidden;
  height: 0;
  transition: height 0.3s;
}
.in_case ul li:hover p{
  height: 50px;
}








/*关于我们*/
.aboutblock{  padding-bottom: 50px; padding-top: 50px }
.aboutcon{  overflow: hidden;  }
.abouttext{ float: left; width: 600px }
.abouttext div{ height:290px; overflow: hidden; }
.aboutimg{ position: relative;  float:  left; width: 550px;  height: 380px}
.aboutimg img{ position: absolute;  z-index: 10 ;left: 30px; top: 0;; width: 550px; height: 350px}
.aboutimg em{ position: absolute; background: #00873e; height: 380px; width: 550px; z-index: 5;  left: 100px; top: 30px;    }
.abouttit strong{ font-size:30px; color: #00873e; line-height: 50px }
.abouttit span{ font-size:28px; display: block;  font-weight:bold; color: #000 }



.aboutcon em{ display: block; font-size: 40px ; font-weight: bold; line-height: 60px }
.aboutcon em i{ color: #21357c }
.aboutcon p{  line-height: 25px; font-size:14px; margin: 20px 0;  overflow: hidden; text-indent:24px; }
a.more{ font-size: 14px; padding:10px; color: #fff;  text-align: center; display: block; margin: 10px auto; width: 180px; background: #00873e; margin-bottom: 50px }
a.more:hover{ color: #fff; }



/*首页标题*/
.indextit{ background: url(../images/titbg.png) no-repeat center  top; height: 90px;  text-align: center; color: #fff; font-size: 20px }
.indextit strong{ display: block; font-size: 30px; padding-top: 10px }
.indextit span{font-size: 16px;}






/*产品介绍*/
.proconlist{  width: 100%; }
.proconlist li{ float: left; margin-left: 24px; width: 273px;
 margin-bottom:15px; padding-bottom: 20px; transition: 0.8s; border:1px solid #ccc; position: relative;   background: #fff; text-align: center; overflow:hidden; }
.proconlist li:nth-child(4n){ margin-right: 0 }
.proconlist li img{ height:370px;  overflow: hidden; display: block; }
.proconlist li p{ height:30px; line-height:30px; font-size: 18px; text-align: left; padding-left: 20px }
.proconlist li span{ color: #328b16; text-align: left; padding-left: 20px; display: block; }
.proconlist li:hover{ box-shadow: 5px 5px 5px #ccc;  background: #00873e; color: #fff}
.proconlist li:hover p{ color: #fff }


.profenlei{ text-align:center; margin-bottom:30px; margin-top: 50px  }
.profenlei li{ line-height: 70px; font-size: 16px; 
  background: #f1f1f1;color: #666; padding:0 30px; transition: 0.5s; cursor: pointer; display: inline-block; margin-right: 20px }
.profenlei li:hover{  background: #208501; color: #fff }
.profenlei li:hover a{ color: #fff }







/*新闻*/
.index-sec3{ position: relative; background: url(../images/newbg.jpg) no-repeat center top; background-size:100% 100%; padding-bottom: 100px  }
.index-sec3 .title h3{color: #000;}
.index-sec3 ul{ display: flex;  display: -ms-flexbox; display: -moz-flex; flex-wrap: wrap; justify-content: space-between; padding-top: 50px;}
.index-sec3 ul li{ width: 32%; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.15); padding:40px 35px; position: relative; overflow: hidden;
z-index: 3; background: #fff}
.index-sec3 li h3{ font-size: 25px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index-sec3 li h4{ font-size: 12px; color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
font-family: "arial narrow"; text-transform: uppercase; letter-spacing: 1px; padding-top: 10px;}
.index-sec3 li p{ font-size:14px; color: #666; margin-top: 25px; line-height: 30px; height: 90px; overflow: hidden;}
.index-sec3 li .div1{ height: 60px; overflow: hidden; line-height: 60px; float: right;}
.index-sec3 li .div1 strong,.index-sec3 li .div1 b{ display: block; line-height: 60px; height: 60px; font-size: 60px; transition: all 0.6s;}
.index-sec3 li b{ color: #0ba041;}
.index-sec3 li:hover b{ margin-top: 0px;}
.index-sec3 li:hover strong{ margin-top: -60px;}
.index-sec3 li .cir{ position: absolute; top: 0; right:0; left:-50%;  background: #F4F4F4; height:200%; width: 100%; transform: scale(0); transition: all 0.6s;
border-radius: 100%; z-index: -1;}
.index-sec3 li:hover .cir{ transform: scale(1); background: #0ba041; opacity: 0.3;}












/*项目介绍*/
.stit{ text-align: center;  line-height: 100px; font-size: 24px; color: #00873e; font-weight:bold; }
.projectcon{  }
.projectcon .projectimg{ float: left;  }
.projectcon .projectimg img{ width: 600px; }
.projectcon .projecttext { float: left; margin-left: 30px; width: 570px;  }
.projectcon .projecttext span{ line-height: 70px; font-size: 20px }
.projectcon .projecttext p{ line-height: 20px; font-size: 14px; text-indent: 24px; color: #666 }

.commonlist{margin-bottom: 50px; overflow: hidden;}
.commonlist li{ float: left; overflow: hidden; width:380px; margin-right:30px;  }
.commonlist li:nth-child(3n){ margin-right:0; }
.commonlist li img{ height: 230px; width: 384px; margin-bottom:30px; }
.commonlist li strong{ height: 30px; line-height:30px; 
    font-size: 16px;  margin-top: 20px; color: #00873e }
.commonlist li em{ color: #999 }
.commonlist li p{ line-height: 25px;  font-size: 14px; height: 75px; overflow: hidden; margin-top:10px; }

/*合作模式*/
.cooperation{ background: url(../images/aaa_27.jpg) no-repeat center top; padding-bottom: 2px; background-size: 100% 100% }
.prolist{ background: url(../images/left.png)no-repeat left top;
  min-height: 500px}


.prolistcon{ padding-bottom:20px; display: block; overflow: hidden;    }
.prolist .pli{ width: 70%; float: right; }
.prolist .pli dl{ width: 43%; float: left; margin-right:7%; margin-bottom: 30px }
.prolist .pli dl dt{ float: left; width: 40px; height: 40px; line-height: 40px; font-size: 20px;   border-radius: 50%; margin-right: 10%; background: #00873e; color: #fff;  text-align: center;  }
.prolist .pli dl dd{ float: left; width: 74%; line-height: 25px }
.prolist .pli dl dd span{ font-size: 16px; color: #000;
 margin-bottom: 10px; display: inline-block; }
.prolist .pli dl dd p{ font-size: 14px; color: #333; }
.prolist .pli dl a{ display: block; }
.prolist .pli dl:hover a span{ color: #ff6600 }


/*几大优势*/
.check{ display: block; overflow: hidden; padding-bottom: 50PX }
.checktit{ text-align: center; margin: 80px 0 }
.checktit p{  font-size:40px; color: #348d00; font-weight: bold; }
.checktit span{  font-size:40px; color: #bdbdbd; font-size:22px; line-height: 60px }
.checkcon{  }
.checkcon dl{ display: block; clear:both; overflow: hidden; }
.checkcon dl dt { float: left ; width: 558px; margin-right:50px; padding-top:50px; height: 300px}
.checkcon dl dd{ float: left; width: 512px; text-align: center; }
.checkcon dl dd img{ width:430px;  }
.checkcon dl dt div strong{ font-size:30px; font-weight: bold; color: #00873e; 
  display: block; line-height: 50px ; margin-bottom: 20px; display: block;  }
  .checkcon dl dt div  i{ float:left; height: 200px;  text-align: center; color: #fff;  width: 100px; background: #00873e; margin-right: 30px; font-size: 50px; line-height: 200px; }
  .checkcon dl dt div strong i{ color:#fff; background:url(../images/checkicon.png) no-repeat center ; width: 40px; margin-right:10px; height: 52px; line-height: 50px; display: inline-block; text-align: center; }
.checkcon dl dt div{ margin-bottom: 50px; color: #979797 }
.checkcon dl dt div span{ font-size:22px;  color: #f18847; 
  margin-bottom: 12px; display: inline-block;   }
.checkcon dl dt div p{ line-height: 30px; font-size: 18px;  overflow: hidden; color:#000; }
.checkcon dl:nth-child(2n) dt{ float: right; }
.checkcon dl:nth-child(2n) dt div i{ float: right; }

.longimg { text-align: center;}
.longimg img{ width: 100%;}


.newsblock{ background: url(../images/goodbg.jpg) no-repeat  center top; overflow: hidden; display:  background; background-size: 100% 100%; padding: 100px 0  }
.dsdys { margin-bottom: 50px; overflow: hidden; display: block; }
.newsblock li{ float: left; display: inline-block; width: 175px; margin-right: 30px; overflow: hidden; background: #fff; padding-bottom:30px  }
.newsblock li:nth-child(6n){ margin-right: 0 }
.newsblock li img{ width: 100%; height: 150px }
.newsblock li p{ width: 100%; line-height: 50px; font-size: 16px; text-align: center; }
.newsblock li span{ display: block; text-align: center;  padding: 0 15px; line-height: 25px }








/*发展前景*/
.development{ margin-bottom: 50px; overflow: hidden; display: block; }
.development ul li { float: left; width: 280px; margin-right: 20px; overflow: hidden; display: block; background: #00873e; color: #fff }
.development ul li:nth-child(4n){ margin-right: 0 }
.development ul li img{ width: 100%; height: 230px }
.development ul li div{ padding:20px; text-align: center; }
.development ul li i{ height: 50px; width: 50px;  line-height: 50px; text-align: center; background:#ffde00; font-size: 40px; display: inline-block; margin:20px 95px;  border-radius: 50%  }
.development ul li span{ display: block; line-height: 40px; font-size: 24px }
.development ul li p{ line-height: 25px; font-size: 14px ; height: 200px; overflow: hidden;}





/*代收点*/
.collection{ background: url(../images/aaa_61.jpg) no-repeat center top; overflow: hidden; display: block; }
.bgimg{ text-align: center;  width: 800px; height: 400px; margin:0 auto; }
.hangyelist{ position: relative;  margin-top: -400px; width: 1200px;  left: 50%; margin-left: -600px }
.hangyelist dl{ position: absolute; width: 200px }
.hangyelist dl:nth-child(1){  top: 250px;  }
.hangyelist dl:nth-child(2){  left: 100px; top: 50px  }
.hangyelist dl:nth-child(3){  left: 900px; top: 50px   }
.hangyelist dl:nth-child(4){  top: 250px; left: 1000px  }


.hangyelist dl dt{ font-size: 24px; color: #00873e;  font-weight:bold; line-height: 50px }
.hangyelist dl dd{  line-height: 25px; font-size: 16px }



.key { margin-top: 20px; }
.key h4{ color: #fff; }
.key div{padding: 10px}
.key p{ font-size: 12px; line-height: 30px; color: #666;   }
.key p span{ color: #000;}


/*block17*/
.lb{ width: 100%; position: relative; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.clearfix {
    *zoom: 1;
}

.Cooldog_container {
    width: 1200px;
    height: 450px;
    margin: 0 auto 100px ;
    position: relative;
    overflow: hidden;
}

.Cooldog_container .Cooldog_content {
    position: absolute;
    width: 750px;
    height: 450px;
    top: 0;
    left: 50%;
    margin-left: -249px;
}

.Cooldog_container .Cooldog_content li {
    position: absolute;
    top: 0;
    left: 0;
    width: 750px;
    height: 450px;
    transition: all 0.3s ease;
}

.Cooldog_container .Cooldog_content li img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}

.lb .btn_left, .lb .btn_right {

    width: 50px;
    height: 100px;
    position: absolute;
    top: 200px;
    z-index: 50;
    color: #fff;
    line-height: 179px;
    background: #455199;
    font-size:50px;
    line-height:100px; 
    text-align: center;

}

.lb .btn_left {
    text-align: left;
    left: 0;

}

.lb .btn_right {
    text-align: right;
    right: 0;
}

.Cooldog_container i {
    font-size: 50px;
}


.Cooldog_container .btn_close i {
    font-size: 18px;
}

.Cooldog_container .buttons {
    width: 370px;
    height: 5px;
    line-height: 5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -185px;
    z-index: 80;
}

.Cooldog_container .buttons a {
    float: left;
    width: 40px;
    height: 5px;
    background-color: #fff;
    margin-right: 15px;
}

.Cooldog_container .buttons a.color {
    background-color: #455199;
}

.Cooldog_container .buttons a:last-child {
    margin-right: 0;
}

.p1 {
    transform: translate3d(-670px, 0, 0) scale(0.81);
    opacity: 0.4;
    z-index: 1;
}

.p2 {
    transform: translate3d(-450px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.6;
    z-index: 2;
}

.p3 {
    transform: translate3d(-220px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.8;
    z-index: 3;
}

.p4 {
    transform: translate3d(-120px, 0, 0) scale(1);
    opacity: 1;
    z-index: 4;
}

.p5 {
    transform: translate3d(130px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.8;
    z-index: 3;
}

.p6 {
    transform: translate3d(425px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.6;
    z-index: 2;
}

.p7 {
    transform: translate3d(625px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.4;
    z-index: 1;
}

/*关于我们*/
.in_about{
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
}

.in_about img{
  width: 490px;
  height: 300px;
  float: left;
}
.in_about .right{
  float: right;
  width:680px;
}
.in_about .right .h1{
  font-size: 18px;
  font-weight: bold;
}
.in_about .right .h2{
  font-size: 14px;
  color: #666666;
  margin-top: 20px;
  height: 150px;
  overflow: hidden;
}
.in_about .right .a{
  border: 1px solid #666;
  padding: 5px 10px;
  margin-top: 30px;
  display: block;
  width: 100px;
  text-align: center;
}
/*æ–°é—»*/
.in_new{
  background: url(../images/bg.jpg)center;
  min-width: 1200px;
  margin-top: 30px;
  padding: 55px 0;
  overflow: hidden;
}
.in_new .box{
  width: 1200px;
  margin: 0 auto;
}
.in_new .box .left{
  float: left;
  width: 48%;
}
.in_new .box .right{
  float: right;
  width: 48%;
}
.in_new .box .right img{
  margin-top: 30px;
}
.in_new .in_new_nav{width: 100%;border-bottom: 3px solid #bbb;}
.in_new .in_new_nav li{
  float: left;
  width: 100px;
  position: relative;
  cursor: pointer;
  line-height:40px;
  font-weight: bold;
  font-size: 16px;
}
.in_new  .in_new_nav li:after{
  content: "";
  position: absolute;
  bottom: -3px;
  height: 3px;
  width: 50px;
  background: #bbb;
  left: 0;
}
.in_new  .in_new_nav .on:after{
  
  background: #9e7842;

}
.in_new .box .img{
  margin-top: 30px;
}
.in_new .box .img img{
  width: 230px;
  height: 140px;
  float: left;
}
.in_new .box .img .p{
  float: right;
  width: 325px; margin-left:15px
  
}
.in_new .box .img .p .h1{
  color: #e77817;
  font-size: 16px;
  font-weight: bold;
}
.in_new .box .img .p .h2{
  margin-top: 10px;
  height: 100px;overflow: hidden
}
.in_new .box ol li{
  line-height: 30px;
}
.in_new .box ol li .h1{
  float: left;
  width: 400px;
  line-height: 30px;
}
.in_new .box ol li .h2{
  float: right;
  width: 100px;
  text-align: right;
  color: #999;
  line-height:30px;
}
.in_new .box ol{
  margin-top:20px;
}
/*页脚*/
.foot{
  background: #00873e;
  min-width: 1200px;
  padding:50px 0 ;
  padding-bottom: 30px;

}
.foot .box{
  width: 1200px;
  margin: 0 auto;
}
.foot .box dl{
  color: white;
  float: left;
  text-align: center;

  padding: 0 30px;
  border-right:1px dashed #fff;
}
.foot .box dl .tel{
  float: left;
}
.foot .box dl dt{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
}
.foot .box dl dd a{
  line-height: 30px;
  color: white;
}
.foot .logo{
  float: left;
  margin-left: 150px;
}
.foot .tel{
  padding-left:40px;
  margin-top: 20px;
  background: url(../images/foot_tel.png)no-repeat left;
}
.foot .tel .h1{
  font-size: 14px;
  color: white;
}
.foot .tel .h2{
  font-size: 18px;
  font-weight: bold;
  color: #d5a165;
}
.foot .code{
  float: right;
  padding-bottom: 100px;
  background: url(../images/code_bg.png)no-repeat bottom;
}
.copy{
  text-align: center;
  line-height: 40px;
  color: #fff;
  background: #00873e;
}
.copy a{
  color: #fff;
}