/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.tit{height: 38px;border-bottom: 2px solid #14ae67;font-weight: normal;font-size: 30px;line-height: 30px;color: #14ae67;margin-bottom: 20px;}
.tit .more{float: right;font-size: 16px;color: #666;line-height: 38px;}
.tit i{display: inline-block;height: 38px;width: 34px;background: url(../image/ye.png) no-repeat center;vertical-align: top;}
.tit .more:hover{color: #14ae67;}

/*banner*/
.banner{position: relative;}
.banner .bd li img{display: block;width: 100%;}
.ban_pg{position: absolute;width: 100%;left: 0;height: 12px;bottom: 20px;z-index: 10;text-align: center;}
.ban_pg i{display: inline-block;width: 12px;height: 12px;border-radius: 100%;background: #fff;margin: 0 15px;}
.ban_pg i.on{border: 3px solid #fff;background: none;box-sizing: border-box;}


/*search*/
.search{height: 80px;box-shadow:3px 4px 10px 0px rgba(0, 0, 0, 0.06);background: #fff;position: relative;z-index: 2;}
.search p{float: left;height: 80px;line-height: 80px;font-size: 16px;color: #333;}
.search p a{margin-right: 10px;color: #333;}
.search p a:hover{color: #14ae67;}
.s_box{float: right;width: 298px;height: 38px;margin-top: 20px;border-radius: 20px;border: 1px solid #e2e2e2;}
.s_box .input1{float:left;width:240px;padding-left: 20px;height:40px;line-height: 40px;font-size:14px;color:#333;border:0;background: none;outline: 0;}
.s_box .input2{float: left;width:32px;height: 30px;border: 0;background: url(../image/sou.png) no-repeat center;outline: 0;cursor: pointer;margin: 4px 0 0;}

/*pro*/
.pro{padding: 60px 0;background: #f5f5f5;}
.pro h2{margin-bottom: 20px;}
.pro_l{float: left;width: 270px;}
.pro_l li{height: 120px;border: 1px solid #eee;margin-bottom: -1px;background: #fff;box-sizing: border-box;transition: all 0.3s;}
.pro_l li a{display: block;height: 118px;}
.pro_l li i{float: left;width: 50px;height: 50px;overflow: hidden;margin: 35px 16px 0 26px;}
.pro_l li i img{position: relative;top: 0;transition: all 0.3s;}
.pro_l li span{float: left;font-size: 20px;line-height: 30px;color: #666;padding: 44px 0;width: 150px;transition: all 0.3s;white-space:nowrap;}
/*.pro_l li:first-child span{padding: 29px 0;}*/
.pro_l li:hover,.pro_l li.on{background: #14ae67;border-color: #14ae67;}
.pro_l li:hover i img,.pro_l li.on i img{top: -50px;}
.pro_l li:hover span,.pro_l li.on span{color: #fff;}
.pro_r{float: right;width: 910px;}
.pro_r dl{height: 358px;border: 1px solid #eee;background: #fff;}
.pro_r dt{float: left;width: 430px;text-align: center;}
.pro_r dt img{width: 358px;height: 358px;}
.pro_r dd{float: right;width: 370px;padding-left: 60px;height: 240px;margin-top: 65px;border-left: 1px solid #eee;}
.pro_r dd h4{font-size: 30px;color: #333;line-height: 30px;font-weight: normal;}
.pro_desc{font-size: 16px;color: #666;line-height: 32px;margin: 24px 0 48px;height: 96px;overflow:hidden;}
.pro_r dd .xq{display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;background: #8ec31f;margin-right: 10px;}
.pro_r dd .zx{display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;background: #14ae67;}
.pro_r ul{margin-top: 20px;}
.pro_r li{float: left;width: 218px;height: 218px;overflow: hidden;border: 1px solid #eee;position: relative;margin-right: 10px;}
.pro_r li img{width: 218px;height: 218px;transition: all 0.5s;}
.pro_r li h4{position: absolute;left: 0;bottom: 0;width: 100%;font-weight: normal;text-align: center;height: 46px;line-height: 46px;font-size: 16px;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_r li:last-child{margin-right: 0;}
.pro_r li:hover img{transform: scale(1.05);}
.pro_r li:hover h4{color: #14ae67;}


/*ys*/
.ys{padding: 60px 0;}
.ys ul{height: 80px;margin-bottom: 20px;}
.ys li{float: left;width: 285px;height: 80px;line-height: 78px;text-align: center;font-size: 22px;color: #666;border: 1px solid #eee;box-sizing: border-box;margin-right: 20px;transition: all 0.3s;}
.ys li:last-child{margin-right: 0;}
.ys li i{display: inline-block;width: 40px;height: 40px;overflow: hidden;margin: 19px 15px 0 0;vertical-align: top;}
.ys li i img{position: relative;top: 0;transition: all 0.3s;}
.ys li.on{background: #14ae67;color: #fff;border-color: #14ae67;}
.ys li.on i img{top: -40px;}
.ys_con dl{height: 450px;background: #f5f5f5;position: relative;}
.ys_con dt{float: left;width: 720px;height: 450px;overflow: hidden;}
.ys_con dt img{width: 720px;height: 450px;transition: all 0.5s;}
.ys_con dt:hover img{transform: scale(1.05);}
.ys_con dd{float: left;width: 325px;margin-left: 90px;height: 450px;}
.ys_con dd i{position: absolute;top: 70px;right: 440px;width: 80px;height: 80px;background: #14ae67;border-radius: 100%;text-align: center;line-height: 72px;font-weight: bold;font-size: 36px;color: #fff;font-family: Arial;}
.ys_con dd i:after{position: absolute;width: 30px;height: 2px;background: #d0efe1;content: "";left: 50%;bottom: 20px;margin-left: -15px;}
.ys_con dd h3{font-size: 30px;color: #333;line-height: 30px;font-weight: normal;padding: 95px 0 30px;}
.ys_con dd p{font-size: 16px;color: #333;line-height: 30px;margin-bottom: 15px; height:162px;}
.ys_con dd .xq{display: inline-block;width: 140px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #fff;background: #8ec31f;margin-right: 10px;border-radius: 2px;margin-top: 42px;}
.ys_con dd .zx{display: inline-block;width: 140px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #fff;background: #14ae67;border-radius: 2px;margin-top: 42px;}


/*spt*/
.spt{background: #f5f5f5;padding: 60px 0 56px;}
.spt li{float: left;width: 100px;height: 540px;overflow: hidden;margin-right: 5px;position: relative;transition: all 0.3s;}
.spt li:last-child{margin-right: 0;}
.spt li h3{position: absolute;width: 100px;left: 0;font-weight: normal;height: 540px;top: 0;background: rgba(20,171,103,0.8);box-sizing: border-box;padding-top: 108px;}
.spt li h3 img{display: block;height: 40px;margin: 0 auto 28px;}
.spt li h3 span{display: block;width: 40px;text-align: center;padding: 0 30px;line-height: 36px;font-size: 30px;color: #fff;}
.spt li .spt_desc{position: absolute;width: 100%;left: 0;bottom: -200px;padding: 0 34px;box-sizing: border-box;transition: all 0.3s;opacity: 0;}
.spt li .spt_desc h4{font-size: 24px;color: #fff;line-height: 24px;font-weight: normal; margin-bottom: 8px;}
.spt li .spt_desc p{font-size: 16px;color: #fff;line-height: 24px;}
.spt li.cur{width: 465px;}
.spt li.cur h3{display: none;}
.spt li.cur .spt_desc{bottom: 30px;opacity: 1;}
.spt .tel{height: 44px;line-height: 44px;font-size: 26px;color: #333;text-align: center;margin-top: 40px;}
.spt .tel b{font-size: 30px;font-family: Arial;}
.spt .tel .zx{display: inline-block;width: 220px;height: 44px;font-size: 18px;color: #fff;background: #14ae67;vertical-align: top;border-radius: 3px;margin-left: 22px;}

/*bz*/
.bz{padding: 60px 0 56px;}
.bz li{float: left;width: 292px;height: 292px;position: relative;text-align: center;margin-right: 10px;overflow: hidden;}
.bz li h3{position: absolute;left: 0;top: 97px;width: 100%;transition: all 0.5s;height: 105px;z-index: 10;}
.bz li h3 img{display: block;height: 48px;margin: 0 auto 20px;}
.bz li h3 span{display: block;font-size: 24px;color: #fff;line-height: 24px;font-weight: normal;}
.bz li p{position: absolute;left: 0;top: 180px;width: 100%;font-size: 16px;color: #fff;line-height: 26px;transform: translateY(100%);transition: all 0.5s;opacity: 0;z-index: 10;}
.bz li:nth-child(1),.bz li:nth-child(2){width: 595px;margin-bottom: 10px;}
.bz li:nth-child(2),.bz li:last-child{margin-right: 0;}
.bz li:hover h3{transform: translateY(-38px);}
.bz li:hover p{transform: translateY(0);opacity: 1;}
.bz li:hover h3:after{position: absolute;width: 40px;height: 2px;content: "";background: rgba(255,255,255,0.8);left: 50%;margin-left: -20px;bottom: 0;}
.bz li:hover:after{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0);content: "";}
.bz li:after{ /* 初始状态下就显示背景色 */
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    transition: background 0.3s;
}
/*cess*/
.cess{height: 300px;background: #14ae67;overflow:hidden;}
.cess_l{float: left;width: 210px;height: 300px;text-align: center;background: #108b52;}
.cess_l h2{font-size: 36px;color: #fff;line-height: 36px;padding: 56px 0 30px;font-weight: normal;}
.cess_l .tel{padding-top: 26px;background: url(../image/tel2.png) no-repeat top center;}
.cess_l .tel span{display: block;font-size: 26px;color: #fff;line-height: 46px;font-family: Arial;}
.cess_l .tel .zx{display: block;width: 140px;height: 44px;line-height: 44px;font-size: 18px;color: #555;border-radius: 3px;margin: 8px auto 0;background: #fff;}
.cess ul{float: right;}
.cess li{float: left;width: 120px;margin-right: 24px;position: relative;text-align:center;padding-top:70px;height:230px;}
.cess li:after{position: absolute;width: 14px;height: 14px;content: "";background: url(../image/cess_jt.png) no-repeat center;right: -19px;top: 112px;}
.cess li:last-child{margin-right: 0;overflow: hidden;}
.cess li i{display: block;width: 100px;height: 100px;border-radius: 100%;border: 1px solid #8ad7b3;transition: all 0.5s;box-sizing: border-box;margin: 0 auto;}
.cess li i img{height: 40px;padding: 30px 0;}
.cess li p{font-size: 22px;color: #fff;line-height: 32px;padding-top: 18px;text-align: center;}
.cess li .hv{display:block;font-size:16px;color:#fff;line-height:28px;padding:0 20px;opacity:0;visibility: hidden;transition: all 0.5s;}
.cess li:hover{background:#8ec31f;}
.cess li:hover p{display:none;}
.cess li:hover .hv{opacity: 1;visibility: visible;transform:translateY(-44px);}
.cess li:hover i{border:0;transform:translateY(-38px);}


/*case*/
.case{padding: 60px 0 50px;}
.case_list dl{float: left;width: 580px;margin-bottom: 40px;}
.case_list dl:nth-child(2n){float: right;}
.case_list dt{height: 290px;overflow: hidden;}
.case_list dt img{width: 580px;height: 290px;transition: all 0.5s;}
.case_list dt:hover img{transform: scale(1.05);}
.case_list dd{height: 110px;padding: 0 20px;background: #f7f7f7;position: relative;box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.1);}
.case_list dd .xq{position: absolute;width: 100px;height: 110px;background: url(../image/case_jt.jpg) no-repeat;right: 0;top: 0;}
.case_list dd h4{font-size: 24px;color: #333;line-height: 24px;font-weight: normal;padding: 26px 0 10px; width:459px;}
.case_list dd p{font-size: 16px;color: #666;line-height: 26px;}
.case_list dd h4:hover a{color: #14ae67;}
.case_con{position: relative; overflow:hidden;}
.case .prev{position: absolute;width: 35px;height: 64px;background: url(../image/case_lt.png) no-repeat;margin-left: -65px;margin-top: -570px;background-size:100%;}
.case .next{position: absolute;width: 35px;height: 64px;background: url(../image/case_rt.png) no-repeat;margin-left: 1225px;margin-top: -570px;background-size:100%;}
.case .prev:hover{background: url(../image/case_lt2.png) no-repeat;background-size:100%;}
.case .next:hover{background: url(../image/case_rt2.png) no-repeat;background-size:100%;}


/*xban*/
.xban{height: 240px;background: url(../image/xban1.jpg) no-repeat center 0;}
.xban .tel{float: right;margin-top: 60px;width: 300px;}
.xban .tel p{font-size: 18px;color: #fff;height: 62px;line-height: 30px;margin-bottom: 16px;}
.xban .tel p em{font-size: 32px;font-family: Arial;font-weight: bold;vertical-align: top;}
.xban .tel .zx{float: left;width: 150px;height: 44px;line-height: 44px;font-size: 18px;color: #6ea104;padding-left: 54px;box-sizing: border-box;border-radius:3px 0px 0px 3px;background: url(../image/zx1.png) no-repeat 24px center #fff;}
.xban .tel .xq{float: left;width: 144px;height: 44px;line-height: 38px;font-size: 18px;color: #fff;padding-left: 50px;box-sizing: border-box;border: 3px solid #fff;border-radius:0px 3px 3px 0px;background: url(../image/xq.png) no-repeat 20px center;}

/*abt*/
.abt{padding: 60px 0;}
.abt dl{height: 370px;}
.abt dt{float: left;width: 710px;height: 370px;overflow:hidden;}
.abt dd{float: right;width: 410px;position: relative;height: 370px;}
.abt dd h2{font-weight: normal;padding: 55px 0 30px;}
.abt dd h2 i{display: block;width: 98px;height: 25px;line-height: 25px;text-align: center;font-size: 18px;color: #14ae67;border: 1px solid #14ae67;}
.abt dd h2 span{display: block;font-size: 28px;color: #14ae67;line-height: 28px;padding-top: 10px;}
.abt dd p{font-size: 14px;color: #333;line-height: 30px;padding-right: 28px;}
.abt dd .more{position: absolute;width: 39px;height: 39px;right: 0;bottom: 0;}

/*news*/
.news{padding: 65px 0 60px;background: #f5f5f5;}
.new_list{float: left;width: 380px;margin-right: 30px;}
.new_list:last-child{margin-right: 0;}
.new_list h3{font-size: 24px;color: #333;line-height: 24px;height: 40px;border-bottom: 1px solid #e2e2e2;font-weight: normal;margin-bottom: 14px;}
.new_list h3 i{float: right;font-size: 16px;color: #666;}
.new_list h3 span{float: left;height: 39px;border-bottom: 2px solid #14ae67;}
.new_list img{display: block;width: 380px;height: 190px;margin-bottom: 16px;}
.new_list p{height: 44px;line-height: 44px;font-size: 16px;color: #666;border-bottom: 1px dashed #ccc;padding-left: 18px;position: relative;}
.new_list p:after{position: absolute;width: 6px;height: 6px;background: #14ae67;content: "";border-radius: 100%;left: 0;top: 19px;}
.new_list p:last-child{border: 0;}