/*banner*/

.m-Top{margin-top: 70px;}
.slidebox{position:relative;width:100%;overflow:hidden;}

.slidebox .slideshow{width:100%;overflow:hidden;}

.slidebox .slideshow ul{position:relative;}

.slidebox .slideshow ul li{float:left;}

.slidebox .slideshow ul li img{width:100%;height:auto;}

.slidebox .slidelist{position:absolute;width:100%;height:70px;left:0;bottom:0;text-align:center;}

.slidebox .slidelist ul{display:inline-block;*display:inline;*zoom:1;}

.slidebox .slidelist li{float:left;width:16px;height:16px;margin:30px 10px;border-radius: 50%;cursor:pointer;background-color:#fff;/*border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;*/}

.slidebox .slidelist li.active{background-color:#2a8f3a;border: 2px solid #2a8f3a;}

.slidebox .item-btn{position: absolute;width: 80px;height: 80px;top: 50%;margin-top: -40px;cursor: pointer;transition: left .5s,right .5s;-webkit-transition: left .5s,right .5s;-moz-transition: left .5s,right .5s;-ms-transition: left .5s,right .5s;-o-transition: left .5s,right .5s;}

.slidebox .prev{left: -88px;background:url(../images/prev.png) no-repeat;}

.slidebox:hover .prev{left: 88px;}

.slidebox .next{right: -88px;background:url(../images/next.png) no-repeat;}

.slidebox:hover .next{right: 88px;}

.other-banner{width:100%;height: auto;}

.other-banner img{width: 100%;height: auto;}



.tablist-container{width: 100%; padding-top:60px; padding-bottom:60px;}
.tablist{width: 100%;overflow: hidden;}
.tablist-top{width: 100%;}
.tablist-top ul{margin-left: -1%;}
.tablist-top ul li{width: 49%;float: left;margin-left: 1%;background-color: #ededf5;transition: all .4s linear;height: 420px;position: relative;padding: 32px 44px;}
.tablist-topwords h4{font-size: 28px;color: #111;}
.tablist-topwords p{font-size: 18px;color: #666;margin-top: 8px;}
.tablist-topwords a{display: inline-block;font-size: 16px;color: #2a8f3a;margin-top: 18px;position: relative;padding: 4px 0;}
.tablist-topwords a:after{position: absolute;content: "";width: 20px;height: 20px;background: url('../images/index/tablist-arr.png') no-repeat center center;top: 50%;right: -20px;margin-top: -10px;}
.tablist-topwords a:before{content: "";position: absolute;width: 0%;height: 1px;background: #2a8f3a;left: 0;bottom: 0;transition: all .4s linear;z-index: 2;}
.tablist-topwords a:hover:before{width: 100%;}
.tablist-toppic{width: 100%;margin-top: 18px;text-align: right;padding-right: 8%;}
.tablist-toppic img{max-width: 100%;object-fit: cover;max-height: 100%;transition: all .6s linear;}
.tablist-top ul li:hover{box-shadow: 0 6px 16px 2px rgb(216, 216, 216);transform: translateY(-4px);}
.tablist-top ul li:hover .tablist-toppic img{transform: translateY(-10px);}
.tablist-bottom{width: 100%;margin-top: 20px;}
.tablist-bottom ul{margin-left: -1%;}
.tablist-bottom ul li{width: 32.33333%;float: left;margin-left: 1%;background-color: #ededf5;transition: all .4s linear;height: 318px;position: relative;padding: 28px 44px;}
.tablist-bottomwords h4{font-size: 24px;color: #111;}
.tablist-bottomwords a{display: inline-block;font-size: 16px;color: #2a8f3a;margin-top: 10px;position: relative;padding: 4px 0;}
.tablist-bottomwords a:after{position: absolute;content: "";width: 20px;height: 20px;background: url('../images/index/tablist-arr.png') no-repeat center center;top: 50%;right: -20px;margin-top: -10px;}
.tablist-bottomwords a:before{content: "";position: absolute;width: 0%;height: 1px;background: #2a8f3a;left: 0;bottom: 0;transition: all .4s linear;z-index: 2;}
.tablist-bottomwords a:hover:before{width: 100%;}
.tablist-bottompic{width: 100%;margin-top: 22px;text-align: right;padding-right: 4%;}
.tablist-bottompic img{max-width: 100%;object-fit: cover;max-height: 100%;transition: all .6s linear;}
.tablist-bottom ul li:hover{box-shadow: 0 6px 16px 2px rgb(216, 216, 216);transform: translateY(-4px);}
.tablist-bottom ul li:hover .tablist-bottompic img{transform: translateY(-10px);}
@media all and (max-width:1560px) {
    .tablist-toppic{padding-right: 0;}
   
}
@media all and (max-width:1380px) {
    .tablist-top ul li {height: 410px;padding: 24px 28px;}
    .tablist-topwords h4{font-size: 24px;}
    .tablist-bottom ul li{height: 318px;padding: 24px 28px;}
    .tablist-bottomwords h4{font-size: 22px;}
}  

@media all and (max-width:1300px) {
   
    .tablist{}
}

@media all and (max-width:1200px) {
    .tablist-top ul li{height: 274px;}
	.tablist-topwords p{font-size: 12px;}
    .tablist-bottom ul li{height: 248px;}
   
}


@media all and (max-width:1000px) {
    .tablist-container{padding: 32px 0;}
}
.aboutPage .competence {
  background: url(../images/bg2.jpg) no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  text-align: center;
  padding: 36px 0 50px 0;

    background-attachment: fixed;
}
.aboutPage .competence .title {
  color: #fff;  font-size: 32px;
}
.aboutPage .competence .text {
  line-height: 30px;
  font-size: 16px;
  color: #ffffff;
  margin-top: 2px;  margin-left:15%; margin-right:15%;
}
@media only screen and (max-width: 1200px) {
	.aboutPage .competence {
	padding: 50px 10px;
	box-sizing: border-box;
}
.aboutPage .competence .text {
	margin-top: 10px;
}
}
.proInfo-more {
  background: #2a8f3a;
  display: block;
  width: 150px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent; margin:0px auto; }
  .proInfo-more:after {
    content: "";
    position: absolute;
    z-index: 0;
    background: #2a8f3a;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .proInfo-more:before {
    content: "";
    display: block;
    width: 124%;
    height: 100%;
    position: absolute;
    left: -148%;
    top: 0;
    z-index: 1;
    background: #fff;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    -moz-transform: skewX(45deg); }
  .proInfo-more .more-s0 {
    position: relative;
    z-index: 2;
    transition: .3s ease-in-out; }
  .proInfo-more:hover {
    border-color: #2a8f3a;
    color: #2a8f3a; }
    .proInfo-more:hover:before {
      left: -13%; }
/*服务*/
.contain{width:1200px;margin:0 auto;}
/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
.service-container{padding:60px 0 70px;text-align:center;background:url(../images/srv-bg.jpg) no-repeat center center / cover fixed;}
.service-container .t1{line-height:48px;font-size:32px;    font-weight: normal;color:#fff;}
.service-container .t2{line-height:37px;font-size:14px;color:#fff;}

.srv-list{width:100.8889%;margin:92px 0 0 -0.8889%;}
.srv-list li{width:25%;padding:0 0 0 0.8810681849043849%;float:left;}
.srv-list .srvlist-box{display:block;padding:46px 0;background:#fff;}
.srvlist-box .type{line-height:28px;font-size:18px;}
.srvlist-box .con{line-height:22px;color:#888888; width:96%; margin:auto; text-align:center;}
.srvlist-box .icon{width:70px;height:70px;position:relative;margin:27px auto 0;}
.srvlist-box .icon img{width:100%;}

.srvlist-box,
.srvlist-box .icon img,
.srvlist-box .type,
.srvlist-box .con,
.srvlist-box .icon{transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;}
.srvlist-box:hover{background:#2a8f3a;}
.srvlist-box:hover .type{color:#fff;transform:translateY(-15px);-webkit-transform:translateY(-15px);}
.srvlist-box:hover .con{color:#fff;transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.srvlist-box:hover .icon{transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.srvlist-box:hover .icon img{opacity:0;}
.srvlist-box:hover .icon img.rollover{opacity:1;}

/*通用img*/
.srvlist-box .icon img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}



@media (max-width: 1000px) { .srv-list li{width:49.2%;padding:0 0 0 0.8810681849043849%;float:left; margin-bottom:1%}
 

}

.title{ padding-bottom: 50px;padding-top: 50px; }
.title h2{line-height:35px;text-align:center;
text-transform:uppercase;font-family:"OpenSans-Bold";
    color: #000;
    font-size: 32px;
    font-weight: normal;
    line-height: 48px;
}
.title p{color:#999;text-align:center;padding-top: 1px;  }

.in-Case { text-align: center; color: #666; background: url() center center no-repeat; background-size: cover; padding-top: 60px;  padding-bottom: 60px;  }

.in-Case h3 {  font-weight: normal;text-transform: uppercase; font-size: 32px; color: #666; }

.in-Case .desc { opacity: 0.7;  margin: 0 auto; height: 87px; overflow:hidden; }

.in-Case .in-Case-bd { padding-top: 15px; overflow: hidden; }

.in-Case li { padding-bottom: 15px; }

.in-Case li img { width: 100%; display: block; }

.in-Case li .num { padding-top: 20px; color: #c3c3c3; font-size: 30px; line-height: 30px; padding-bottom: 5px; border-bottom: 1px solid #c3c3c3; display: inline-block; }

.in-Case li h4 { padding-top: 10px; padding-bottom: 15px; color: #4c4c4c; line-height: 22px;height: 90px; font-size: 16px; }

.in-Case li .thumb { background-color: #fff; }

@media (min-width: 768px) { .in-link { font-size: 0; line-height: 0; margin: 0 auto; }
 
  .in-Case { }
  .in-Case h3 { font-size: 32px; line-height: 34px; }
  .in-Case .in-Case-bd { padding-top: 22px; }

}

@media (min-width: 992px) { .banner .banner-dot { bottom: 15px !important; }
  .in-Case {  }
  .in-Case h3 { font-size: 32px; line-height: 40px;  }
  .in-Case .in-Case-bd { padding-top: 32px; }
 

}

@media (min-width: 1024px) { .in-Product-big:hover img, .in-Product-small .thumb:hover img { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
  .in-Case .thumb:hover { background-color: #2a8f3a; }
  .in-Case .thumb:hover .num { color: #fff; border-color: #fff; }
  .in-Case .thumb:hover a { color: #fff; } }

@media (min-width: 1200px) { .in-Case {}
  .in-Case h3 { font-size: 32px; line-height: 32px; }
  .in-Case .in-Case-bd { padding-top: 42px; }
  .in-Case .in-Case-dot { display: none; }
  .in-Case li .num { font-size: 48px; font-weight: lighter; padding-top: 53px; padding-bottom: 18px; }
  .in-Case li h4 { font-size: 18px; padding: 30px 10px 43px; }
 
  }