/*关于我们*/
.indextit{ text-align: center; }
.indexabout{ padding-bottom:50px ;  background: url(../images/aboutbg.jpg) no-repeat center top; overflow: hidden;}
.abouttext {   width: 550px; overflow: hidden; line-height: 25px; float: left;}
.aboutinfo{ height: 300px; overflow: hidden; font-size: 16px; color: #666; line-height: 30px }
.aboutinfo p{text-indent:30px;}
.aboutimg {  height: 400px; width: 600px; float: right; }
.aboutimg  img{ height: 100%; width: 100%; border: 10px solid #0ba041 }
.abouttext ul li{ float: left; width: 135px; text-align: center; margin-top: 20px  }


.more{ position: absolute; top: 270px; background: #303440; height: 60px; width: 60px; line-height: 60px; text-align: center; transition: 0.5s  }
.more a{ display: block; font-size: 30px }
.more:hover a{ background: #0ba041; color: #fff }

.longimg{ width: 100%; margin-top: -50px; overflow: hidden;}
.longimg img{ width: 100% }



/*首页标题*/
.indextit{padding-top:60px; margin-bottom: 50px; }
.indextit p{font-size: 16px;}
.indextit span{font-size:24px;font-weight:bold;display: inline-block;color: #000;display: block;line-height: 40px}
.indextit em{height: 5px;width:70px;background: #0ba041;display: inline-block;}






.casecon{ background:url(../images/productbg.jpg) no-repeat center top;  width: 100%; margin: 0 auto; margin-bottom:100px;  
    text-align: center; overflow: hidden; display: block; }
.case{   }
.case ul li{ float: left; margin-right:20px; background: #0ba041; margin-bottom:30px; width: 285px; transition: 0.5s  }
.case ul li:nth-child(4n){ margin-right: 0 }
.case ul li p i{ margin-bottom:15px; display: block; overflow: hidden; }
.case ul li p{height: 100px;  text-align: center; display: block; color: #fff; font-size: 18px; margin-top: 20px  }
.case ul li p span{ display: block;  margin-top: 20px; border: 1px solid #fff; border-radius: 100%; height: 50px; width: 50px; line-height: 50px; margin:0 auto; overflow: hidden; display: block; }
.case ul li img{ width: 100%; height: 250px }
.case ul li:hover{ background: #82b93b }










/*产品*/
.indexpor{ background: url(../images/service.jpg) no-repeat center top; overflow: hidden; padding-bottom: 30px;  margin-bottom:50px; }
.indexpor p{ font-size: 16px;  line-height: 30px; color: #666 }
.indexpor .indextit{ margin-top: -5px; padding-top: 50px; color: #000 }
.indexpor .indextit span{ color: #fff }


.check_list{ margin-top:50px; }
.check_list li{ float:left; width:385px;  overflow: hidden; text-align: center;   transition: 0.8s; margin-right: 20px; overflow: hidden;  }
.check_list li:nth-child(3n){ margin-right: 0 }
.check_list li img{ height: 300px; width: 385px;  overflow: hidden;  display: block; }
.check_list li a{ display: block; margin-bottom:20px;   }
.check_list li a strong{  width: 100%; line-height: 50px;   font-size: 15px; color: #000; display: block; font-weight: normal;   }
.check_list li:hover a strong{ background: #0ba041; color: #fff }




.index-sec3{ position: relative; background: url(../images/ys_bg.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;}









.te_bg{margin:0 auto;width:100%; height:691px; background:url(../images/te_bg.jpg)  no-repeat center;}
.te_bg .te{margin:0 auto;width:1180px; padding-top:85px; position:relative;height: 600px;}
.te_bg .te .te_t{margin:0 auto;width:1180px; text-align:center; font-size:36px; font-weight:bold; color:#333;}
.te_bg .te .te_t p{text-align:center; font-size:18px; font-weight:normal; color:#666; margin-top:10px;}
.te_bg .te .te_nr{margin:0 auto;width:1180px; position:relative;}
.te_bg .te .te_nr ul{width:580px; float:left; margin:100px 0 0 40px;}
.te_bg .te .te_nr ul li{width:260px; float:left; height:90px; margin:0 30px 40px 0; }
.te_bg .te .te_nr ul li h5{ font-size:18px; font-weight:bold; color:#333; line-height:30px;}
.te_bg .te .te_nr ul li h5.te1{ background:url(../images/te1.png)  no-repeat left center; padding-left:38px;}
.te_bg .te .te_nr ul li h5.te2{ background:url(../images/te2.png)  no-repeat left center; padding-left:38px;}
.te_bg .te .te_nr ul li h5.te3{ background:url(../images/te3.png)  no-repeat left center; padding-left:38px;}
.te_bg .te .te_nr ul li h5.te4{ background:url(../images/te4.png)  no-repeat left center; padding-left:38px;}
.te_bg .te .te_nr ul li h5.te5{ background:url(../images/te5.png)  no-repeat left center; padding-left:38px;}
.te_bg .te .te_nr ul li h5.te6{ background:url(../images/te6.png)  no-repeat left center; padding-left:38px;}
.te_bg .te .te_nr ul li p{ font-size:16px; color:#666; line-height:24px;}
.te_bg .te .te_img{width:371px; height:371px; position:absolute; right: 120px;top: 100px; }



.banner1{margin:-30px auto 0 auto;width:100%; height:372px; background:url(../images/banner_1.png)  no-repeat center;}
.banner1 .zx {width:1180px;margin:0 auto;}
.banner1 .zx .zx1{ width:300px; float:right;margin:110px 0px 0 20px; }
.banner1 .zx .zx1 .rexian{ font-size:16px; color:#fff400;    line-height: 24px;font-weight:bold;}
.banner1 .zx .zx1 .rexian span{color:#fff400;font-size:18px;font-weight:bold; }
.banner1 .zx img{margin:20px 30px 0px 40px;}




.core{background: url(../images/bg.jpg) no-repeat center top; overflow: hidden; display: block;}
.coreright{ float: right; width: 600px }
.coreright dl{ color: #fff; height: 150px; padding-left: 100px; margin-left: 50px }
.coreright dl:nth-child(1){ background: url(../images/icon1.png) no-repeat left top; }
.coreright dl:nth-child(2){ background: url(../images/icon2.png) no-repeat left top; }
.coreright dl:nth-child(3){ background: url(../images/icon3.png) no-repeat left top; }
.coreright dl:nth-child(4){ background: url(../images/icon4.png) no-repeat left top; }

.coreright dl dt{ font-size: 20px; line-height: 50px }