/*-----------------------------------------------------------*/
/*copyright by 动力无限  www.btoe.cn*/
/*邮箱 btoe@btoe.cn*/
/*合作电话 400-0599-360*/
/*版权所有违者必究*/
/*-----------------------------------------------------------*/
/*首页banner*/
.banner {
    max-height: 795px;
    overflow: hidden;
    transition: 0.7s;
  }
  .scrollfixed {
    z-index: -1 !important;
  }
  .pics_wrap {
    width: 100%;
    max-height: 795px;
    overflow: hidden;
  }
  .html5zoo-img-0 img {
    width: 100%;
  }
  .html5zoo-arrow-left-0 {
    left: 10% !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 100%;
  }
  .html5zoo-arrow-right-0 {
    right: 10% !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 100%;
  }
  .html5zoo-bullet-wrapper-0 div {
    margin: 0 4px !important;
  }
  .html5zoo-nav-0 {
    margin-top: -35px !important;
    left: 48% !important;
  }
  .html5zoo-bullet-wrapper-0 {
    width: 100% !important;
  }
  .banner {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  .banner ul.bb {
    position: relative;
    padding: 0px;
    margin: 0px;
    z-index: 5;
  }
  .banner ul.bb li {
    position: absolute;
    display: none;
  }
  .banner .num {
    position: absolute;
    right: 2px;
    bottom: 10px;
    z-index: 100;
  }
  .banner .num li {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
    background: #fff;
    line-height: 18px;
    text-indent: -100px;
    overflow: hidden;
    border-radius: 10px;
  }
  .banner .num li.num_hover {
    background-color: #f7de07;
  }
  .banner .num li.num_hover a {
    color: #fff;
  }
  .banner .num li a {
    float: left;
    display: block;
    text-align: center;
    color: #666;
    text-decoration: none;
    cursor: pointer;
    width: 18px;
    height: 18px;
    line-height: 18px;
  }
  #bannerArrow,
  #bannerCircle {
    display: none;
  }

  /* 产品中心 */
  .cpzx{
      width: 100%;
      height: 1240px;
      background: url(../images/you.png) no-repeat right 350px;
      overflow: hidden;
  }
  .cpzxs .bt{
      width: 326px;
      height: 81px;
      margin: 60px auto 0;
      background: url(../images/cp.png)no-repeat center top;
      overflow: hidden;
  }
  .cpzxs .bt h3{
    font-size: 30px;
	font-weight: bold;
    color: #007358;
    margin-top: 30px;
    text-align: center;
  }
  .cpzxs .fl{
    width: 1200px;
	height: 130px;
    background-color: #007358;
    margin-top: 40px;
    box-sizing: border-box;
    /* padding: 10px; */
  }
  .cpzxs .fl li:nth-child(6){
    width: 130px;
    padding-left: 50px;
    background: #1A8169 url(../images/i2.png) no-repeat 30px center;
}
.cpzxs .fl li:nth-child(6):hover{
    background: #fff url(../images/i3.png) no-repeat 30px center;
}
.cpzxs .fl li:last-child:hover{
    background: #fff url(../images/i3.png) no-repeat 30px center;
}
.cpzxs .fl li:last-child{
  width: 130px;
  padding-left: 38px;
  background: #1A8169 url(../images/i2.png) no-repeat 20px center;
}
  .cpzxs .fl li:hover{
    background: #fff url(../images/i3.png) no-repeat 45px center;
  }
  .cpzxs .fl li:hover a{
      color: #007358;
  }
  .cpzxs .fl li{
    width: 200px;
    height: 50px; 
    float: left;
    margin: 10px 0 0 10px;
    background: #1A8169 url(../images/i2.png) no-repeat 45px center;
    box-sizing: border-box;
    padding-left: 75px;
    transition: .3s;
    cursor: pointer;
    overflow: hidden;
    text-overflow:ellipsis; white-space: nowrap;
    padding-right: 10px;
    color: #fff;
  }

  .cpzxs .fl li a{
      font-size: 16px;
      color: #fff;
      line-height: 50px;
      transition: .3s;
  }
  .cpzxs .rem{
      width: 100%;
      height: 500px;
      margin-top: 40px;
      position: relative;
  }
  .cpzxs .rem .reti{
      width: 92px;
      height: 305px;
      float: left;
      margin-top: 30px;
      background: url(../images/Hotproducts.png) no-repeat left top;
  }
  .cpzxs .rem .reti h3{
      width: 25px;
      height: 305px;
      font-size: 24px;
      color: #333;
      background: url(../images/tt2.png) no-repeat center bottom;
      margin-top: -7px;
      float: right;
  }
  .cpzxs .rem .bd{
      width: 1020px;
      height: 500px;
      float: right;
  }
  
  .cpzxs .rem .bd li{
       width: 480px;
       height: 500px;
       float: left;
       margin: 30px 0 0 30px;
  }
  .cpzxs .rem .bd li .tu{
      width: 480px;
      height: 410px;
      overflow: hidden;
  }
  .cpzxs .rem .bd li .tu img{
    width: 480px;
    height: 410px;
    display: block;
    transition: .3s;
}
.cpzxs .rem .bd li .tu:hover img{
    transform: scale(1.1);
}

.cpzxs .rem .bd li .ti:hover{
    color: #007358;
}
.cpzxs .rem .bd li .ti{
    width: 100%;
    height: 55px;
    line-height: 55px;
    box-sizing: border-box;
    padding: 0 40px 0 15px;
    background: url(../images/i5.png) no-repeat 440px center;
    font-size: 16px;
    color: #545454;
    transition: .2s;
    overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;
}
.cpzxs .rem .hd{
    width: 160px;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.cpzxs .rem .hd a{
    display: block;
    float: left;
    margin-right: 20px;
}

.cpzxs .csan{
    width: 100%;
    height: 290px;
    margin-top: 40px;
}
.cpzxs .csan li:first-child{
    margin-left: 0;
}
.cpzxs .csan li{
    float: left;
    width: 380px;
	height: 290px;
    border: solid 1px #dcdcdc; 
    box-sizing: border-box;
    padding: 10px;
    position: relative;
    margin-left: 30px;
    transition: .3s;
}
.cpzxs .csan li .tu{
    width: 360px;
    height: 270px;
    overflow: hidden;
}
.cpzxs .csan li .tu:hover img{
    transform: scale(1.1);
}
.cpzxs .csan li .tu img{
    width: 360px;
    height: 270px;
    display: block;
    transition: .3s;
}
.cpzxs .csan li:hover{
    border: 1px solid #007358;
}
.cpzxs .csan li .ti{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 190px;
	height: 50px;
    border-radius: 30px 0px 0px 0px;
    box-sizing: border-box;
    background: #ffffff url(../images/qie_07.png) no-repeat 150px 10px;
    font-size: 16px;
    color: #545454;
    line-height: 50px;
    box-sizing: border-box;
    padding: 0 50px 0 15px;
    overflow: hidden;
    text-overflow:ellipsis; 
    white-space: nowrap;
    transition: .3s;
}
.cpzxs .csan li .ti:hover{
    background: #007358 url(../images/qie_09.png) no-repeat 150px 10px;
    color: #fff;
}

/* 我们的优势 */
.wmdy{
    width: 100%;
    height: 600px;
    background: url(../images/b1.png) no-repeat -6px top;
    overflow: hidden;
}
.wmdys .yti{
    width: 700px;
    height: 90px;
    margin-top: 33px;
}
.biaotis{
    width: 340px;
    height: 85px;
    float: left;
    font-weight: bold;
}
.biaotis .yi{
    font-size: 24px;
    color: #fff;
}
.biaotis h3{
    width: 100%;
    height: 45px;
    font-size: 24px;
    line-height: 45px;
    color: #fff;
    background: url(../images/tt4.png) no-repeat right center;
    font-weight: bold;
}
.wmdys .yti .zai{
    width: 150px;
	height: 44px;
    background-color: #ffffff;
    float: right;
    text-align: center;
    margin-top: 45px;
}
.wmdys .yti .zai a{
    font-size: 16px;
    line-height: 44px;
    display: block;
    color: #007358;
}
.wmdys .ys{
    width: 100%;
    height: 480px;
        
    position: relative;
}
.wmdys .ys .bd .tu{
    width: 700px;
    height: 380px;
    float: left;
    margin-top: 55px;
}
.wmdys .ys .bd .tu img{
    width: 700px;
    height: 380px;
    display: block;
}
.wmdys .ys .bd .zi{
    width:420px;
    height: 220px;
    float: left;
    margin-left: 40px;
}
.wmdys .ys .bd .zi .ti{
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #8ABCB1;
}
.wmdys .ys .bd .zi .ti .zh{
    font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	letter-spacing: 0px;
    color: #ffffff;
    float: left;
}
.wmdys .ys .bd .zi .ti .yi{
    font-size: 16px;
	line-height: 30px;
	letter-spacing: 0px;
    color: #ffffff;
    float: right;
    margin-top: 10px;
    font-weight: bold;
    font-family: Arial;
}
.wmdys .ys .bd p{
    font-size: 14px;
	line-height: 30px;
	letter-spacing: 0px;
    color: #ffffff;
    margin-top: 20px;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}

.wmdys .ys .hd{
    width: 460px;
	height: 261px;
    background-color: #ffffff;
    position: absolute;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 30px;
}
.wmdys .ys .hd li{
    width: 70px;
	height: 200px;
    background-color: #007358;
    box-sizing: border-box;
    padding: 10px;
    margin-left: 40px;
    float: left;
    cursor: pointer;
}
.wmdys .ys .hd li:first-child{
    margin-left: 0;
}
.wmdys .ys .hd li h4{
    width: 50px;
    height: 180px;
    text-align: center;
    background: url(../images/i4.png) no-repeat center 23px;
    border: 1px solid #4D9D8A;
    font-size: 20px;
    letter-spacing: 2px;
    color: #ffffff;
    box-sizing: border-box;
    padding: 38px 14px;
    font-weight: bold;
}
/* 一站式工程安装服务 */
.yzs{
    width: 100%;
    height: 530px;
    position: relative;
    overflow:  hidden;
    box-sizing: border-box;
    padding-top: 58px ;
}
.biaoti{
    width: 300px;
    height: 85px;
    background: url(../images/ti.png) no-repeat left bottom;
}
.biaotiss h3{
    font-size: 30px;
	font-weight: bold;
    
	color: #151515;
}
.biaotiss h3 span{
    color: #007358;
}
.biaotiss p{
    font-size: 14px;
	line-height: 30px;
	letter-spacing: 0px;
	color: #8b8b8b;
}
.yzs .tu{
    width: 630px;
    height: 360px;
    position: absolute;
    left: 0 ;
    bottom: 0; 
}
.yzs .tu{
    width: 630px;
    height: 360px;
    display: block;
}
.yzs .keng{
    width: 848px;
    height: 320px;
    float: right;
    z-index: 999;
    
}
.yzs .keng li:first-child{
    margin-left: 0;
}
.yzs .keng li:nth-child(5){
    margin-left: 0;
}
.yzs .keng li:hover{
    background: url(../images/y11.png) no-repeat left bottom;
}
.yzs .keng li:nth-child(2):hover{
    background: url(../images/y21.png) no-repeat left bottom;
}
.yzs .keng li:nth-child(3):hover{
    background: url(../images/y31.png) no-repeat left bottom;
}
.yzs .keng li:nth-child(4):hover{
    background: url(../images/y41.png) no-repeat left bottom;
}
.yzs .keng li:nth-child(5):hover{
    background: url(../images/y51.png) no-repeat left bottom;
}
.yzs .keng li:nth-child(6):hover{
    background: url(../images/y61.png) no-repeat left bottom;
}
.yzs .keng li:nth-child(7):hover{
    background: url(../images/y71.png) no-repeat left bottom;
}
.yzs .keng li:nth-child(8):hover{
    background: url(../images/y81.png) no-repeat left bottom;
}
.yzs .keng li:nth-child(2){
    background: url(../images/y2.png) no-repeat left bottom;
}
.yzs .keng li:nth-child(3){
    background: url(../images/y3.png) no-repeat left bottom;
}
.yzs .keng li:nth-child(4){
    background: url(../images/y4.png) no-repeat left bottom;
}
.yzs .keng li:nth-child(5){
    background: url(../images/y5.png) no-repeat left bottom;
}
.yzs .keng li:nth-child(6){
    background: url(../images/y6.png) no-repeat left bottom;
}
.yzs .keng li:nth-child(7){
    background: url(../images/y7.png) no-repeat left bottom;
}
.yzs .keng li:nth-child(8){
    background: url(../images/y8.png) no-repeat left bottom;
}

.yzs .keng li{
    width: 167px;
    height: 122px;
    float: left;
    margin-left: 60px;
    background: url(../images/y1.png) no-repeat left bottom;
    margin-top: 55px;
    transition: .3s;
    cursor: pointer;
}
.yzs .keng li:hover .zi{
    color: #007358;
}
.yzs .keng li .zi{
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
    color: #151515;
    transition: .3s;
}
.yzs .keng li:hover .yi{
    color: #007358;
}
.yzs .keng li .yi{
    font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
    color: #8b8b8b;
    margin: -1px 0 5px;
    transition: .3s;
}
.yzs .keng li:hover .xian{
    background: #007358;
}
.yzs .keng li .xian{
    width: 166px;
	height: 1px;
    background-color: #bebebe;
    transition: .3s;
}

/* 工程案例 */
.gcal{
    width: 100%;
    height: 680px;
    box-sizing: border-box;
    padding-top: 50px;
    overflow: hidden;
    background-color: #f7f8fa;
} 
.gcals .gcti{
    width: 100%;
    height: 106px;
}
.biaotit{
    width: 340px;
    height: 85px;
    float: left;
    font-weight: bold;
}
.biaotit .yi{
    font-size: 24px;
    color: #007358;
}
.biaotit h3{
    width: 100%;
    height: 45px;
    font-size: 24px;
    line-height: 45px;
    color:#007358;
    background: url(../images/tt3.png) no-repeat right center;
    font-weight: bold;
}
.gcti .mo:hover{
    padding-left: 40px;
}
.gcti .mo{
    width: 180px;
	height: 50px;
	background: #007358 url(../images/i1.png) no-repeat 42px center;
    float: right;
    text-align: center;
    margin-top: 45px;
    box-sizing: border-box;
    padding-left: 30px;
    color: #fff;
    line-height: 50px;
    transition: .3s;
}
.gcti .mo a{
    font-size: 12px;
    color: #fff;
}
.gcals .wan{
    margin-top: 30px;
}
.gcals .wan .hd{
    width: 70px;
    height: 315px;
    float: left;
    background: url(../images/qie_14.png) no-repeat center top;
    margin-top: 5px;
}
.gcals .wan .hd .pageState{
    display: block;
    width: 70px;
    height: 25px;
    margin-top: 285px;
    font-size: 16px;
    color: #797979;
    text-align: center;
}
.gcals .wan .hd .pageState span{
    font-size: 24px;
    color: #007358;
}
.gcals .wan .bd{
    width: 1100px;
    height: 415px;
    float: right;
}
.gcals .wan .bd li{
    width: 520px;
    height: 415px;
    float: left;
    margin-left: 30px;
}
.gcals .wan .bd li .tu{
    width: 520px;
    height: 320px;
    overflow: hidden;
}
.gcals .wan .bd li .tu:hover img{
    transform: scale(1.1);
}
.gcals .wan .bd li .tu img{
    width: 520px;
    height: 320px;
    display: block;
    transition: .3s;
}
.gcals .wan .bd li .zi{
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    padding: 0 10px;
    border-bottom: 1px solid #d4d4d4;
    transition: .3s;
    
}
.gcals .wan .bd li .zi:hover{
    border-bottom: 1px solid #007358;
}
.gcals .wan .bd li .zi:hover .ti{ 
    color: #007358;
}
.gcals .wan .bd li .zi .ti{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #545454;
    background: url(../images/i6.png) no-repeat right center;
    overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;
    transition: .3s;
    box-sizing: border-box;
    padding-right: 50px;
}
.gcals .wan .bd li p{
    font-size: 14px;
    line-height: 50px;
	letter-spacing: 0px;
    color: #8b8b8b;
    box-sizing: border-box;
    padding: 0 10px;
    overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;
}
/* 关于我们 */
.gywm{
    width: 100%;
    height: 630px;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 52px;
}
.gywm .gcti .mo{
    margin-top: 25px;
}

.gywms .yy{
    width: 307px;
	height: 405px;
    background-color: #007358;
    box-sizing: border-box;
    padding: 15px 27px;
    float: left;
    margin-top: 28px;
}
.gywms .yy h4{
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
    text-align: center;
}
.gywms .yy .tu{
    width: 253px;
    height: 329px;
    background: url(../images/2.png) no-repeat center center;
    margin-top: 10px;
    overflow: hidden;
}
.gywms .yy .tu img{
    width: 219px;
    height: 298px;
    display: block;
    margin: 16px auto;
}
.gywms .js{
    width: 840px;
    height: 415px;
    float: right;
    margin-top: 20px;
}
.gywms .js p{
    font-size: 14px;
	line-height: 30px;
	letter-spacing: 0px;
    color: #8b8b8b;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;
}
.gywms .js img{
    width: 840px;
    height: 250px;
    display: block;
    margin-top: 40px;
}
/* 新闻资讯 */
.xwzx{
    width: 100%;
    height: 830px;
    background: url(../images/b2.png) no-repeat center top;

}
.xwzxs{
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 40px;
}
.xwzxs .biaotit .yi{
    color: #fff;
}
.xwzxs .biaotit h3{
    color:#fff;
    background: url(../images/tt4.png) no-repeat right center;
}
.xwzxs .xw .hd{
    width:510px;
    height: 45px;
    position: absolute;
    right: 0;
    top: 80px;
}
.xwzxs .xw .hd li.on {
    background: #fff;
}
.xwzxs .xw .hd li.on a{
    color: #007358;
}
.xwzxs .xw .hd li{
    width: 150px;
    height: 44px;
    text-align: center;
    line-height: 45px;
    transition: .3s;
    float: left;
    margin-left: 20px;
}
.xwzxs .xw .hd li a{
    font-size: 16px;
    color: #fff;
    transition: .3s;
}
.xwzxs .xw .bd ul{
    width: 100% !important;
    height: 380px;
    background-color: #ffffff;
    margin-top: 45px;
    box-sizing: border-box;
    padding: 30px;
}
.xwzxs .xw .bd ul li:first-child{
    margin-left: 0;
}
.xwzxs .xw .bd ul li{
    width: 360px;
    height: 320px;
    background-color: #f7f8fa;
    margin-left: 30px;
    float: left;
}
.xwzxs .xw .bd ul li .tu{
    width: 360px;
    height: 230px;
    overflow: hidden;
    position: relative;
}
.xwzxs .xw .bd ul li .tu:hover img{
    transform: scale(1.1);
}
.xwzxs .xw .bd ul li .tu img{
    width: 360px;
    height: 230px;
   display: block;
   transition: .3s;
}
.xwzxs .xw .bd ul li .tu .shi{
    width: 100px;
	height: 36px;
    background-color: #f7f8fa;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #8b8b8b;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
}
.xwzxs .xw .bd ul li .zi{
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    padding: 10px;
}
.xwzxs .xw .bd ul li .zi .ti{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;
margin: 8px 0 7px;
}
.xwzxs .xw .bd ul li .zi .ti:hover a{
    color: #007358;
}
.xwzxs .xw .bd ul li .zi .ti a{
    color: #545454;
}
.xwzxs .xw .bd ul li .zi .jie{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;
}
.xwzxs .xw .bd ul li .zi .jie a{
    color: #8b8b8b;
}
.xwzxs .tiao:last-child{
    margin-top: 0;
}
.xwzxs .tiao {
    width: 100%;
    height: 115px;
    margin-top: 50px;
}
.xwzxs .tiao:last-child ul{
    border: none;
}
.xwzxs .tiao ul{
    width: 100%;
    height: 115px;
    border-bottom: 1px solid #ddd;
}
.xwzxs .tiao li:first-child{
    margin-left: 0;
}
.xwzxs .tiao li{
    width: 350px;
    height: 115px;
    float: left;
    box-sizing: border-box;
    padding-top: 30px;
    margin-left: 50px;
}
.xwzxs .tiao li .shi{
    width: 108px;
    float: left;
}
.xwzxs .tiao li .shi .ri{
    font-size: 24px;
	font-weight: bold;
 
	color: #545454;
}
.xwzxs .tiao li .shi .nian{
    font-size: 14px;
	color: #545454;
}
.xwzxs .tiao li .zi{
    width: 242px;
    float: left;
}
.xwzxs .tiao li .zi:hover .ti{
    color: #007358;
}
.xwzxs .tiao li .zi .ti{
    font-size: 16px;
    overflow: hidden;
    text-overflow:ellipsis; white-space: nowrap;
    color: #545454;

    margin: 5px 0;
}
.xwzxs .tiao li .zi .jie{
    font-size: 14px;
    overflow: hidden;
    text-overflow:ellipsis; white-space: nowrap;
	color: #8b8b8b;
}



/* 友情链接 */
.yqlj {
    width: 100%;
    height: 90px;
    margin-top: 20px;
}
.yqljs ul{
    width: 100%;
    height: 46px;
    border-bottom: 1px solid #ddd;
    background: url(../images/li_03.png) no-repeat left top;
    box-sizing: border-box;
    padding-left: 180px;
}
.yqljs li{
    float: left;
    margin-top: 6px;
}
.yqljs li a{
    font-size: 14px;
	color: #8b8b8b;
}
.yqljs .xian{
    width: 1px;
    height: 13px;
    float: left;
    background: #8B8B8B;
    margin: 12px 30px;
}