/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;}
body{ font-size:16px; font-family:"微软雅黑";}
img {border:0;}
a{cursor:pointer; text-decoration:none;}
p{word-break:break-all; word-wrap:break-word;}
ul{list-style: none;}
/* clear */
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}

.fl{float:left;}
.fr{float:right;}
.clearflr{clear:both;}

select {   /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/   border: solid 1px #ddd;
    /*很关键：将默认的select选择框样式清除,ie10+,ie9需要模拟*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("../images/arrow.png") no-repeat scroll  transparent;
    background-position: right 50%;
    background-size: 13px auto;
    padding-right: 14px;
    background: none\9;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
select::-webkit-expand { display: none; }
select::-moz-expand { display: none; }
button{cursor: pointer;}

.warpper{width: 1000px; margin: 0 auto;}
.header{width: 100%; height: 128px;}
.nav{width: 100%;height: 40px;line-height: 40px;background: #68b83b;position: relative; }
.nav  ul >li{ width: 125px; height: 40px; line-height: 40px; float: left;text-align: center; }
.nav  ul >li>a{color: #fff;display: block;}
.nav  ul >li>a:hover{ background: #f6ab00; }

.menu .tow {z-index: 999;
        position: absolute;
        top: 40px;
        background: #ec7629;
        width: 125px;
        display: none;
}

.menu .tow li {
    height: 36px;
    line-height: 36px;
    display: block;
    text-align: center;
}

.menu .tow li a {
    color: #fff;
}

.menu .tow li a:hover {
    background: #fe8536
}




.banner{width: 100%;}
/*.banner img{width: 100%;}*/
.banner .slideBox{ width:100%;/* height:230px;*/ overflow:hidden; position:relative; }
.banner .slideBox .hd{ height:35px; overflow:hidden; position:absolute; right:50%; bottom:0%; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;border-radius: 15px; /*background: url(../images/banner_bg01.png) no-repeat bottom center;*/ }
.banner .slideBox .hd ul li.on{ background:#68b83b; color:#68b83b; }
.banner .slideBox .bd{position:relative; height: 446px; z-index: 0; }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; height:758px; }
.banner .slideBox .bd img{display:block;margin: 0 auto; /*padding-top: 50px;*/width: 100%}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .slideBox .prev,
.banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .slideBox .prev:hover,
.banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .slideBox .prevStop{ display:none;  }
.banner .slideBox .nextStop{ display:none;  }

.nbanner{width: 100%;height: 170px;overflow: hidden;}

.title{text-align: center;}
.title img{ margin: 0 auto; padding: 20px;}
.title p{background: url(../images/sb_title_bg.png) no-repeat center;text-align: center;height: 50px;line-height: 50px;color: #3d3d3d;font-size: 18px;}
.title span{display: block;text-align: center;font-size: 12px;color: #969696;}
.idx_eco{padding: 60px 0}
.idx_eco_con ul li{ float: left;width: 250px;height: 346px; overflow: hidden;}
.idx_eco_con ul li div{width: 250px;height: 346px;  padding: 20px 0;position: relative;z-index:2;}
.idx_eco_con ul li div:after{position:absolute;top:0;left:0;width:250px;height:346px;content:'';transition: all 0.6s;z-index:-1;}
.idx_eco_con ul li div:hover:after{transform: scale(1.3);}
.idx_eco_con{margin: 20px 0;}
.idx_eco_con span{display: block;}
.idx_eco_con .one:after{background: url(../images/idxeco3.png) no-repeat;}
.idx_eco_con .tow:after{background: url(../images/idxeco2.png) no-repeat;}
.idx_eco_con .three:after{background: url(../images/idxeco1.png) no-repeat;}
.idx_eco_con .four:after{background: url(../images/idxeco4.png) no-repeat;}

.idx_eco_con span{
    border: 3px solid #fff;
    width: 56px;
    font-size: 28px;
    padding: 10px;
    vertical-align: middle;
    margin: 100px auto;
    color: #fff;
    text-align: center;
}
.idx_case{background: #f4feef;padding: 30px 0;}
.idx_case_con{
    margin: 20px 0;
}
.idx_case_con li{ float: left; }
.idx_case_con li .idx_case_con1{padding: 64px;background: #fff;}
.idx_case_con li a{color: #81d154}
.idx_case_con li a p{line-height: 36px;text-align: center;}
.idx_case_con li a p em{font-size: 18px;font-style: normal;font-weight: normal;display: block;}
.idx_case_con li a hr{width: 45px; height:1px;border-width:0;color:#333;background-color:#333; margin: 20px auto;}
.idx_case_con li a span{font-size: 13px; text-align: center;color: #333;display: block;}

.idx_case_con .idx_case_pic{width: 328px;height: 259px;overflow: hidden;position: relative;}
.idx_case_con .idx_case_pic i{width: 23px; height: 12px;position: absolute;display: block;background: url(../images/jiao.png) no-repeat;left: 152px;z-index: 1}
.idx_case_con .idx_case_pic i.class1{width: 23px; height: 12px;position: absolute;display: block;background: url(../images/jiao1.png) no-repeat;left: 152px;bottom:0;z-index: 1}
.idx_case_con .idx_case_pic img{width: 328px;height: 259px; transition: all 0.6s;  }
.idx_case_con li:hover img{  transform: scale(1.3);  }


.idx_news{padding: 30px 0;}
.idx_news_con{margin: 30px 0;}
.idx_news_con .left{width: 496px; height: 405px;background: #f6f7f9;}
.idx_news_con .left .idx_news_pic{width: 496px; height: 236px;overflow: hidden;}
.idx_news_con .left img{transition: all 0.6s;width: 100%;}
.idx_news_con .left:hover img{transform: scale(1.3); }
.idx_news_text {margin: 25px; font-size: 14px; line-height: 28px;}
.idx_news_text a{color: #333; cursor: pointer;}
.idx_news_r{width: 485px;}
.idx_news_r ul{ width: 455px; }
.idx_news_r ul li{width: 425px;height: 95px;padding: 15px; background: #f6f7f9;margin-bottom: 15px;}
.idx_news_r ul li img{width: 115px; height: 88px;}
.idx_news_r ul li .idx_news_info{width: 300px}

.idx_news_r ul li h1{font-size: 15px;line-height:36px;width: 300px;height: 36px ;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.idx_news_r ul li h1 a{color: #333;}
.idx_news_r ul li h1 a:hover{color: #81d154;}
.idx_news_r ul li p{font-size: 12px;line-height: 24px;height: 54px;
overflow: hidden;
}

.location{height: 45px;line-height: 45px;font-size: 14px;background: #eee;}
.location span{padding: 0 5px;}
.location span a{color: #333;}
.footer{width: 100%; background: #68b83b;height: 60px;line-height: 60px;}
.footer p{color: #fff;font-size: 12px; text-align: center;}

/*内页标题*/
.ntitle{height: 70px; line-height: 70px;padding-top: 50px;}
.ntitle p{color: #3d3d3d; line-height: 50px; font-size: 18px;text-align: center;}

.main{padding: 30px 0;}
.ntitle.prot{background: url(../images/prot.png) no-repeat top center;}
.ntitle.abt{background: url(../images/abt.png) no-repeat top center;}
.ntitle.contactt{background: url(../images/contactt.png) no-repeat top center;}
.ntitle.newst{background: url(../images/newst.png) no-repeat top center;}
.ntitle.uset{background: url(../images/uset.png) no-repeat top center;}
.ntitle.colort{background: url(../images/colort.png) no-repeat top center;}
/*关于我们*/
.about_con{line-height: 32px;}

/*联系我们*/
.contact_con .left{width: 390px;line-height: 32px;}
.contact_con .left a{color: #333;}
.contact_con .right{width: 600px;}

/*新闻列表*/
.news > ul >li{padding: 30px;height: 140px;}
.news_center{width: 1000px;margin: 0 auto}
.news > ul >li:nth-child(2n+1){ background-color:#eee}
.news > ul >li em{line-height: 32px;font-style: normal;font-weight: normal;color:#9a9a99;}
.news > ul >li .left{width: 570px;}
.news > ul >li .left p{height: 36px; line-height: 36px;margin-bottom: 20px;overflow: hidden;}
.news > ul >li .left span a{color: #9a9a99;}
.news > ul >li .left span a:hover{color: #81d154}
.news > ul >li .right{width: 227px; height: 133px;display: block;overflow: hidden;}
.news > ul >li .right img{width: 227px; height: 133px;transition: all 0.6s;}
.news > ul >li:hover .right img{transform: scale(1.2); }
.news_center p a{ color: #333 }
.news_center p a:hover{color: #81d154}


/*新闻详情*/
.news_more h1{text-align: center;font-size: 24px;font-weight: normal;line-height: 48px;}
.news_more .news_title{padding: 10px 0;border-bottom: 1px dashed #ddd;margin-bottom: 20px; }
.news_more .news_title .admin{font-size: 12px;color:#9a9a99;text-align: center;line-height: 30px;}
.news_more .news_title .admin span{margin: 0 5px;}

/*应用领域*/
.use{}
.use ul >li{float: left;width: 470px; margin: 15px;}
.use ul >li img{width: 470px; height: 280px;}
.use ul >li a p {line-height: 32px; text-align: center;color:#9a9a99 }
.use ul >li a p:hover{color: #81d154}



/*色彩体验*/
.color ul >li{float: left;width: 470px; margin: 15px;}
.color ul >li img{width: 470px; height: 300px;}
.color ul >li a span {line-height: 32px; text-align: center;color:#9a9a99; font-size: 14px;display: block;}
.color ul >li a span:hover{color: #81d154}

/*色彩体验更多*/
.color_more ul >li{float: left;width: 158px; margin: 15px;}
.color_more ul >li img{width: 158px; height: 158px;transition: all 0.6s;}
.color_more ul >li:hover img{transform: scale(1.3); }
.color_more ul >li a span {line-height: 32px; text-align: center;color:#9a9a99; font-size: 14px;display: block;}
.color_more ul >li a span:hover{color: #81d154}

/*案例*/
#div1 { margin:auto; position:relative; }
.box { float:left; padding:10px; border:1px solid #ddd; background:#f6f6f6; box-shadow:0 0 8px #f6f6f6;width: 300px;box-sizing:border-box;margin: 5px;
height: 360px; }
.box:hover { box-shadow:0 0 10px #999; }
.box img {width: 278px;height: 166px; display: block;margin-bottom: 10px;}
.box .caseName{font-size: 18px;line-height: 25px;}
.box .caseClass{font-size: 12px;margin: 5px 0;}
.box .caseClass a{color: #333;}
.box .caseClass a:hover{color: #68b83b;}
.box .keywords{font-size: 12px; line-height: 24px;height: 48px; overflow: hidden;margin-bottom: 5px;}
.box .caseBtnMore{display: block;padding: 5px;background:#68b83b; color: #fff;width: 50px;font-size: 12px;text-align: center; }

/*产品更多*/
.pro_more_class{width: 230px;}
.pro_more_class h1{width: 200px;height: 53px;padding-top: 10px;text-align: left;font-weight: normal;padding-left: 30px;border: 1px solid #d1d1d1;border-bottom: none;background: url(../images/ico1.jpg) no-repeat 174px 20px;}
 .pro_more_class h1 a {    font-size: 20px;color: #009334;
}

.pro_more_class h1 em{display: block;font-size: 13px;text-transform: uppercase;color: #10a957;}
.pro_more_class ul{border-bottom: 3px solid #d1d1d1;margin-bottom: 11px;}
.pro_more_class li{width: 177px;height: 46px;line-height: 46px;overflow: hidden;text-align: left;font-weight: normal;padding-left: 53px;border: 1px solid #d1d1d1;border-bottom: none;background: url(../images/ico2.jpg) no-repeat 27px 16px;}
.pro_more_class li a{color: #333;display: block;padding: 5px;}
/*.pro_more_class li.active a{background:#68b83b; color: #fff; }
.pro_more_class li a:hover{background:#68b83b; color: #fff; }*/
.pro_more_text{line-height: 32px;width: 730px;}
.pro_more_con h1{color: #009334;font-size: 30px; font-weight: normal;}
.pro_more_con .slideBox{ width:730px; height:477px; overflow:hidden; position:relative; margin: 40px auto; }
.pro_more_con .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.pro_more_con .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative;}
.pro_more_info{position: absolute;background: rgba(0,0,0,0.5);left: 125px;bottom: 0;width: 412px;height: 70px;padding: 10px 20px 0 47px;}
.pro_more_info h3{font-size: 18px;font-weight: normal;}
.pro_more_info h3 a{color: #fff;}
.pro_more_info p{font-size: 14px;color: #fff;height: 24px;line-height: 24px;
overflow: hidden;}
.pro_more_con .slideBox .bd img{ width:479px; height:477px; display:block; margin: 0 auto }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.pro_more_con .slideBox .prev{position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:80px; background:url(../images/left_m.png)no-repeat;  }


.pro_more_con .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width: 32px; height:80px; background:url(../images/right_m.png)no-repeat;  }
.pro_more_con .slideBox .next{ left:auto; right:3%;}
.pro_more_con .slideBox .prevStop{ display:none;  }
.pro_more_con .slideBox .nextStop{ display:none;  }

/*产品分类页*/
.pro_more_con .product_list{width: 730px;}
.pro_more_con .product_list li{width: 220px;float: left; margin: 0 11px 15px;}
.pro_more_con .product_list li img{width: 220px;height: 220px;transition: all 0.6s;}
.pro_more_con .product_list li:hover img{transform: scale(1.2); }
.pro_more_con .product_list li p{font-size: 14px; text-align: center;}
.pro_more_con .product_list li a p{color: #333;}
.pro_more_con .product_list li a:hover p{color: #009334;}
/*分页start*/
.news_page {
    text-align: center;
    height: 40px;
    margin-top: 30px;
    line-height: 40px
}
.news_page span {
    width: 30px;
    height: 30px;
    margin-left: 2px;
    margin-right: 2px;
    border: 1px #e46d20 solid;
    display: inline-block;
    line-height: 30px;
    text-align: center
}
.news_page span a {
    font-size: 12px;
    color: #e46d20;
    display: block
}
.news_page span a:hover,
.news_page span.active a {
    color: #fff;
    background: #e46d20;
}
.news_page span.ellipsis {
    font-size: 12px;
    color: #e46d20;
    border: none
}
/*分页end*/

/*案例图片start*/
.ntitle.newst {
    background: url(../images/caset.png) no-repeat top center;
}
/*案例图片end*/