/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.navigation{float:right;width:100px;}


/*头部样式*/
#header{width:1200px;margin:0 auto;}
.logo{float:left;
    padding:4px 0;
}
.topLink{
    float:right;
    text-align:right;position: relative;z-index: 9999;
    width:640px;
}
.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{
    line-height:28px;
    margin-bottom:6px;
    
}
.topLink .k2 {
    color:#999;
    font-size: 14px;
}
.topLink .k2 a {
    color:#999;
}
.topLink .k2 a span{
    color:#ff5a00;
    font-size: 20px;
    font-family: 'arial';
    font-weight: 600;
}

/*热门搜索*/
.search{
    position: absolute;
    top:50px;
    right:0;
    z-index: 99999;
    text-align:left;background-color:#f8f8f8;
    padding:20px;
}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
#formsearch{width:320px;float:left;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#4bb230;color:#fff;border:none;cursor:pointer;}
.hotSearch{width:300px;float:left;height:24px;line-height:24px;font-weight:normal;}
.hotSearch a{margin-right:6px;}

/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}


.common-title{
    font-weight: 600;
    color:#4bb230;
    font-size: 36px;
    text-align: center;
    background: url(../images/common-bg.jpg) no-repeat center 42px;
    line-height: 28px;
}
.common-title span{
    color:#999;
    font-weight:400;
    font-size:12px;
    text-transform: uppercase;
    display: block;
   
}
.common-title p {
    font-size: 16px;
    color:#999;
    font-weight: 400;
    line-height: 58px;
}

.sort-sec li {
    float:left;
    border:5px solid #e2e2e2;
    margin-right:64px;
    position: relative;
    cursor: pointer;
}
.sort-sec li:last-child{
    margin:0;
}
.sort-sec h3{
    position: absolute;
    top:18px;
    left:0;
    width:176px;
    height:120px;
    text-align: center;
}
.sort-sec h3 p a{
    color:#fff;
    font-size: 22px;
    font-weight: 600;
}
.sort-sec h3:hover p a{
    color:#51b638;
}
.sort-sec h3 span{
    display: block;
    margin: 0 auto;
    width:60px;
    height:60px;
    overflow: hidden;
    transition:all 0.85s;
}
.sort-sec li:hover h3 span{
    background-position:-60px 0 !important;
    transform:scale(-1,1);
}
.menu-cate{
    width:230px;
    margin-top:40px;
}
.cate-title{
    background: url(../images/pro-bg.jpg) no-repeat;
    height:70px;
    font-size: 24px;
    font-weight: 600;
    color:#fff;
    text-indent: 64px;
    padding-top:25px;
}
.cate-title p{
    font-weight: 400;
    text-transform: uppercase;
    color:#7ed069;
    font-size: 12px;
    font-family: 'arial';
}
.more-pro{
    background: #429b2b;
    padding: 48px 0;
}
.more-pro a{
    display: block;
    width:112px;
    line-height: 30px;
    text-align: center;
    color:#7dd166;
    margin:0 auto;
    border:1px dotted #6ec357;
}

/*产品推荐*/
.recommend_product{
    width:958px;
    margin-top:40px;
}
.roll_product li{padding-bottom:0px;}


.wrap-about{
    margin-top:40px;
    background: #f7f7f7;
    padding:40px 0;
}
.about{
    width:752px;
    padding:10px 20px;
    background: #fff;
}
.about-title{
    font-weight: 600;
    font-size: 24px;
    color:#439b2b;
    border-bottom:1px solid #dcdcdc;
    line-height: 54px;
}
.about-contact{
    background: #439b2b;
    width:350px;
    line-height: 30px;
    color:#fff;
    font-size: 16px;
    text-indent: 10px;
    margin-top:10px;
    margin-bottom:20px;
}
.about .content{
    color:#777;
    font-size: 14px;
    line-height: 34px;
}
.about .content a{
    display: block;
    color:#3c9e22;
    background: url(../images/about-more.png) no-repeat 104px 50%;
    margin-top:8px;
}


/*工程案例*/
.case{
    margin-top:30px;
}
.case-list li{
    float: left;
    margin-right:9px;
    position: relative;
    margin-bottom:28px;
    overflow: hidden;
    cursor: pointer;
}
.case-list li .img img{
    width:292px;
    height:194px;
}

.case-list li h3{
    display: block;
    line-height: 32px;
    height: 32px;
    width:292px;
    text-align: center;
    position: absolute;
    bottom:0;
    left:0;
    background: rgba(0, 0, 0, .5);
    transition: height 0.5s;
}
.case-list li h3 a{
    display: block;
    color:#fff;
    font-size: 14px;
    font-weight: 400;
    justify-content : center;
}
.case-list li:hover h3{
    height:194px;
}
.case-list li:hover h3 a{
    padding-top:60px;
}
.case-list li h3 p a{
    width:96px;
    height:26px;
    line-height: 26px !important;
    border:1px solid #a4a8aa;
    font-size: 12px;
    color:#a4a8aa;
    margin:0 auto;
    margin-top:30px;
    padding-top:0!important;
}

/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top:15px;line-height:30px;}

/*页面底部*/
.wrap-foot{
    background: url(../images/foot-bg.jpg) no-repeat;
    padding:20px 0;
}
#footer div {
    color:#fff;
}
#footer{position:relative;width:1200px;margin:0 auto;
    color:#fff;
}
#footer a{color:#fff;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{
    width:470px;
    height:216px;
    overflow: hidden;
}
.nav_foot li {
    float: left;
    width:154px;
    font-size: 18px;
    font-weight: 600;
    color:#fff;
}
.nav_foot li .dec{
    padding-top:14px;
}
.nav_foot li .dec a{
    display: block;
    font-size: 12px;
    color:#fff !important;
    font-weight: 400;
    line-height: 24px;
}
.copyright{text-align:left;line-height:24px;
    margin-top:20px;
}
.codes h2,
.contact h2{
    font-size: 18px;
    font-weight: 600;
    color:#fff;
    margin-bottom:10px;
}
.areo {
    position: absolute;
    right:-90px;
    bottom:0px;
}
/*------------内页-------------------*/
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;position: relative;left:50%;margin-left:-960px;}
.n_banner img{}

.left{width:230px;float:left;}
.left .box{margin-bottom:10px;}
.left .box h3{
    height:70px;
    font-size: 24px;
    font-weight: 600;
    color:#fff;
    text-indent: 64px;
    padding-top:25px;
}
.left .box h3 p{
    font-weight: 400;
    text-transform: uppercase;
    color:#7ed069;
    font-size: 12px;
    font-family: 'arial';
}
.left .box .content{
    border:1px solid #e5e5e5;
    padding:15px 10px;
}


.sort_product h3,
.sort_menu h3{
    background: url(../images/mune.jpg) no-repeat;
}
.n_news h3{
    background: url(../images/newh3.jpg) no-repeat;
}
.n_contact h3{
    background: url(../images/conh3.jpg) no-repeat;
}



.right{width:956px;float:right;padding-bottom:10px;}
.sitemp{
    line-height:50px;height:50px;overflow:hidden;padding-right:10px;
}

.sitemp .site{float:left;text-align:left;line-height:50px;
    font-size: 14px;
}
.right .content{
    overflow:hidden;line-height: 24px;
}