/*首页标题*/
.indextit{ margin: 30px auto; overflow: hidden; display: block; text-align: center; }
.indextit strong{ display: block;  color: #5ac642; font-size: 25px; line-height: 60px; height: 60px; border-top: 3px solid
 #000; display: inline-block; }
.indextit span{ display: block; color: #000;  }


/*关于我们*/
.video{ float: left; width:609px; height: 490px }
.video img{ height: 100%; width: 100% }
.aboutext{ width: 540px; float: right;  }

.aboutext h2{ font-size: 50px; color:#5ac642; border-bottom: 5px solid #000; line-height: 60px; }
.aboutext span{ color: #000; }

.aboutext strong { font-size: 19px;  margin:10px 0; display: inline-block; color:#333; }
.aboutext p{ line-height: 25px; color: #666; max-height: 130px; text-indent:30px; overflow: hidden; }
.aboutext a{ border:1px solid  #5ac642;     width: 120px;
    display: block;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 10px; }



/*关于我们*/
.count{overflow: hidden;  display: block; }
.count ul{ width: 1000px; float: right; background:#5ac642; }
.count ul li{ float: left; width: 250px; background: #5ac642; height:100px; text-align: center; padding: 30px 0; color: #fff }
.count ul li a{ color: #fff }
.count ul li a:hover{ color: #fff }
.count ul li:nth-child(2n){ background: #50b23a }

.count ul li img{ display: inline-block; text-align: center; }
.count ul li p{ font-size: 18px }
.count ul li span{ font-size:16px; display: block; line-height: 50px }
.count ul li span em{ font-size: 30px; font-weight: bold; }


/*产品*/
.newtit{ background: #5ac642; height: 52px; line-height: 50px; color: #fff; font-size: 20px; padding-left: 20px }
.newtit .more{ float: right; color: #fff;  margin-right:20px; font-size: 14px }
.know{ background:url(../images/bg.jpg) no-repeat  center top;  display: block; overflow: hidden; padding-bottom:100px; margin:100px 0; }
.knowlist {float: left; overflow: hidden; width:340px; margin-right:30px; background: #fff; padding: 20px}
.knowlist:nth-child(3n){ margin-right:0; }
.knowlist dl { padding-bottom: 20px;  border-bottom: 1px solid #ddd;}
.knowlist dl dt img{ width: 100%;  }
.knowlist dl dd strong{ font-size: 18px; height: 40px; line-height: 40px; }
.knowlist dl dd p{ height: 50px; overflow: hidden; color: #666}
.knowlist ul li{ height: 40px; line-height: 40px; overflow: hidden; font-size: 14px; border-bottom: 1px solid #e3e3e3  }
.knowlist ul li a{ display: block; }
.knowlist ul li span{ float: right; }



/*案例*/
.Box {position: relative; padding-bottom: 100px}
.Box .content {width: 1200px;margin: 0 auto;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 225px;height: 250px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li .pimg{ width: 225px; height: 200px; overflow: hidden; }
.Box .Box_con .conbox ul li img {display: block;width: 225px;height: 200px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1); height: 200px;}
.Box .Box_con .conbox ul li span{ line-height: 30px; text-align: center; display:block; color: #fff }
.Box .BoxSwitch {text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;
  width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: #b15300;}





.indexphone{background:url(../images/phonebg.jpg) no-repeat  center top; height: 300px; color: #fff;}
.indexphone dl{ width: 1200px; padding-top: 120px}
.indexphone dl dt{ width: 500px; float: left; }
.indexphone dl dd{ float: right; width: 250px; }


.indexphone dl dt strong{ font-size: 30px; margin-top: 50px }
.indexphone dl dt span{ display: block; font-size: 20px; line-height: 50px }
.indexphone dl dt i{ line-height:16px; display: inline-block; }


.indexphone dl dd p{ font-size: 20px }
.indexphone dl dd p img{ vertical-align: -7px; }
.indexphone dl dd span{ font-size:30px; line-height: 40px; display: block; }
.indexphone dl dd a{ display:inline-block; color: #fff; padding:5px 40px; border: 1px solid #fff; margin-top:10px; font-size: 14px   }
.indexphone dl dd a:hover{ color: #348d00; background:#fff; }




/*新闻*/
.index-sec3{ position: relative;}
.index-sec3 .title h3{color: #000;}
.index-sec3 ul{ display: flex;  display: -ms-flexbox; display: -moz-flex; flex-wrap: wrap; justify-content: space-between; }
.index-sec3 ul li{ width: 25%; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.15); padding:40px 35px; position: relative; overflow: hidden;
z-index: 3;}
.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: 32px;}
.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: #5ac642;}
.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: #5ac642; opacity: 0.3;}






/*地图*/
.card{ margin-bottom:100px; display: block; overflow: hidden; }
.cominfo{float: left; background: #348d00; width: 500px; padding: 50px; height: 220px; color: #fff;   }
.cominfo strong{ font-weight: bold; font-size: 30px; margin-bottom: 30px; display: block; }
.cominfo p{ line-height: 30px; font-size: 16px; }
.map{ float: left; width: 600px; height: 320px }