*{
transition-property: all;
-ms-transition-property: all;
-moz-transition-property: all;
-webkit-transition-property: all;
-o-transition-property: all;
}
.header{  width:100%;  z-index:999; overflow: visible !important;}

.header_top{background:#efefef; line-height: 32px; color:#666666;}
.header_top p{float:right;}
.header_top p img{vertical-align: middle; padding:0 5px;}
.header_top p a{color:#b6b6b6; padding-left:10px;}
.header .m{overflow: hidden;}
.header .m .tel{float: right; margin-top:30px;}
.logo{ display:block;  float: left; margin:30px 0 30px;}
.nav{  height:50px; overflow: visible !important; background:#048b20; line-height: 50px; color:#fff;}
.nav li{ width:150px; height:50px; float:left; position:relative; 
		-webkit-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
		-moz-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
		-ms-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
		-o-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
		box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
		overflow: visible !important;
}
.nav li a{ text-align:center; display:block; font-size:16px; color:#fff; line-height:50px;  overflow: visible !important;}
.nav  li ul{ display:none; position:absolute; top:120px; left:0; z-index:999; overflow: visible !important;}
.nav  li ul li{ background:#fff; width:115px; float:left; height:38px; border-bottom: 1px solid #c6c5c4;}
.nav  li ul li a{ display:block; line-height:38px;  color:#666; text-align:center; font-size:14px;animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow; }
.nav  li ul li a:hover{ background:#1892a9;}


.banner{position: relative;width: 100%;height: auto;overflow: hidden;}
#kinMaxShow .kinMaxShow_button{width:200px;}

.title{margin:80px 0 50px;}
.title h2{line-height: 35px; background:url(../images/line.png) no-repeat center; color:#000; font-size: 32px; text-align: center;}
.title p{font-size: 16px; text-align: center; color:#656565;padding-top:5px; }



.about{ background:#fff; }
.about .l{float: left; overflow: hidden;}
.about .l img{transition: all  0.5s ease-out}
.about .l:hover img{transform: scale(1.12)}
.about .text{float:right; width:600px;}
.about .text h2{color:#3c3c3c; font-size: 20px; font-weight: normal; }
.about .text h2 img{width:13px; height: 13px; display: inline-block; vertical-align: middle; padding-right: 5px;}
.about .text p{color:#666666; font-size: 14px; line-height: 33px; margin-top:20px;}
.about .text .amore{width:95px; height: 30px; line-height: 30px; color:#fff; float: right; background: #048b20; border-radius: 15px; text-align: center; margin:12px 0}
.about .text .honor{width:600px; height: 149px;}
.about .text .honor a{display: block;}
.about .text .honor a:hover{cursor: pointer;}


 .about .box{ width:280px; margin-right:174px; float:left;}
.about .box a{width: 280px;height: 280px; background: #EFEFEF;border-radius: 280px; display:block;}
.about .box:last-child{ margin-right:0;}
.about .box img{ display:block;
transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;

 }
 
 
 .about .box img:hover {
	transform:rotate(20deg) scale(1.4);
	-moz-transform:rotate(20deg) scale(1.4);
	-ms-transform:rotate(20deg) scale(1.4);
	-o-transform:rotate(20deg) scale(1.4);
	-webkit-transform:rotate(20deg) scale(1.4);
}

.about .box h2{margin-top: 46px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;line-height: 52px;color: #666;font-size: 24px; text-align:center;}
.about .box p{padding-top: 26px;line-height: 26px;color: #999999;font-size: 14px; text-align:center; } 



.in_good{background: url(../images/bg1.jpg) no-repeat center; height: 548px; margin-top:70px; }
.in_good .size{padding-top:210px;}
.in_good .box{ width:280px; margin-right:174px; float:left;}
.in_good .box a{width: 81px;height: 81px;  display:block; margin: 0 auto}
.in_good .box:last-child{ margin-right:0;}
.in_good .box img{ display:block;
transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;

 }
 
 
 .in_good .box:hover img {
	transform:rotate(20deg) scale(1.4);
	-moz-transform:rotate(20deg) scale(1.4);
	-ms-transform:rotate(20deg) scale(1.4);
	-o-transform:rotate(20deg) scale(1.4);
	-webkit-transform:rotate(20deg) scale(1.4);
}

.in_good .box h2{margin-top: 30px;line-height: 52px;color: #fff;font-size: 24px; text-align:center; font-weight: bold;opacity: 0.9;}
.in_good .box p{padding-top: 16px;line-height: 26px;color: #fff;font-size: 14px; text-align:center; opacity: 0.7; }


.in_calog .box {background: #f3f4f6; overflow: hidden; }
.in_calog .box a{display: inline-block; overflow: hidden; color:rgba(5, 153, 74); }
.in_calog .box img{transition: all 0.5s ease-out;}
.in_calog .box img:hover {transform: scale(1.15)}
.in_calog .box .img1{float: left; margin-right: 15px;}
.in_calog .box .img2{float:left}
.in_calog .box .text{margin:45px 100px; float: left; padding:0 45px; border-left:1px solid #049949; color:#666;}
.in_calog .box .text h2{color:#049949; font-weight: bold; font-size: 26px; position: relative; line-height: 26px; transition: all ease 0.3s;}
.in_calog .box .text h2::before{ content: ''; position: absolute; left: -47px; top:0; height: 100%; width:3px; background:#049949 }
.in_calog .box .text span{ font-size: 18px; display: block;margin-bottom:40px; line-height: 40px;}
.in_calog .box .text p{line-height: 30px;  font-size: 14px;  position: relative;}
.in_calog .box .text p::before{content:" "; position: absolute; left:-51px; width:11px; top:10px; height: 11px; border-radius: 5.5px; background: #048b20;transition: all 0.5s ease-out;}
.in_calog .box .text p:hover::before{transform: scale(1.3); cursor: pointer;}
.in_calog .box .text p:hover{cursor: pointer;}
.in_calog .box:hover h2{transform: translateY(-10px)}
.in_calog .box1{margin-top:25px;}
.in_calog .box1 .text{margin:45px; padding:0 0 0 45px;}



.in_good2{height:491px; background:url(../images/bg2.jpg) no-repeat center; margin-top: 100px; }
.in_good2 .text{float: right; width:730px; margin:50px  0 50px 0; background: url(../images/bg2t.png) repeat; height: 380px; padding:65px 35px; box-sizing: border-box; text-align: center;}
.in_good2 .text li{text-align: center; display: inline-block; padding:0 28px; min-height: 110px; vertical-align: top; margin-bottom:28px; }
.in_good2 .text li h2{color:#333333; font-size: 24px; transition: all ease-in-out 0.4s; }
.in_good2 .text span{width:67px; height: 3px;  background: #009b4c;display: inline-block; transition: all ease-out 0.3s}
.in_good2 .text p{color:#666666; font-size: 16px; line-height: 30px;}
.in_good2 .text:hover h2{transform:rotate(20deg) scale(1.12)}
.in_good2 .text:hover span{width:100%; transform: width 700ms;}


.in_case {overflow: hidden;}
.in_case .title2{ overflow: hidden; background:url(../images/title2.png)  no-repeat center; height: 52px; margin:60px auto; font-size: 24px; color:#fff; text-align: center; line-height: 52px; font-weight: bold; letter-spacing: 2px;}
.in_case .caselist li{ background: #f0f0f0; width:360px; float:left; margin-right: 60px;}
.in_case .caselist li .div_pc{width:360px; height:250px ; overflow: hidden;}
.in_case .caselist li .div_pc img{transition: all ease-out 0.3s;}
.in_case .caselist li p{line-height: 60px; padding:0 20px; background: url(../images/yuan.png) no-repeat 310px center;  font-size: 18px; color: #666; }
.in_case .caselist li:hover img{transform: scale(1.13)}
.in_case .caselist li:hover a{font-weight: bold;}




.footer{background:#2a2a2a; margin-top:70px; color:#a5a5a5; }
.footer .l{width: 550px; float: left;margin-top: 40px;margin-left: 10px;}
.footer .m{ width: 100px;float: left; margin: 40px auto 20px 120px;}
.footer .r {width:283px; float: right; margin-top:40px;}
.footer h3 {
    background: none;
    border-bottom: 0px;
    text-indent: 0px;
    font-size: 16px;
    color: #ffffff;
    width: 100px;
    float: left;
    height: 50px;
    line-height: 40px;
    font-family: "微软雅黑", "黑体";
    font-weight: 400;
}
.bgbg{overflow: hidden; margin-bottom:15px;}
.bgbg1 {
    width: 25px;
    height: 1px;
    background-color: #01bea8;
    margin: 0;
    float: left;
}
.bgbg2 {
    width: 60px;
    height: 1px;
    background-color: #ffffff;
    float: left;
}
.footer .l .bgbg2{width:450px;}
.footer .l p{font-size: 14px;margin-bottom: 5px; }
.footer .l p span{color: #e36c09;}
.footer .l p.p1{font-size: 18px;}
.footer .m{line-height: 30px;}

.footer .footer_botm{background: #048b20; line-height: 48px; color:#fff; text-align: center; margin-top:30px;}


@keyframes rightOpacityShow {
0% {
transform: translateX(-80px);
opacity:0;
}
80% {
transform: translateX(20px);
}
100% {
transform:translateX(800);
opacity:1;
}
}