/* ::::: http://www.gujian.cn/css/base.css ::::: */

* { margin: 0px; padding: 0px; }
img { border: 0px none; margin: 0px; padding: 0px; }
ul, li, ol, h1, h2, h3, dl, dt, dd, form, p, span, b, u, s, i { list-style: outside none none; margin: 0px; padding: 0px; text-decoration: none; }
em, i, strong { font-style: normal; }
.clearfix { display: inline-table; }
.clearfix::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0px; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.clearfloat { clear: both; height: 0px; font-size: 1px; line-height: 0px; }
input, textarea { outline: medium none; border: 0px none; }
.clear_h2 { font-weight: normal; font-size: 12px; padding: 0px; margin: 0px; text-align: center; color: rgb(255, 255, 255); }
a { outline: medium none; }
a:focus {  }
body { margin: 0px; color: rgb(0, 0, 0); font-size: 14px; font-family: Microsoft YaHei,微软雅黑,Arial,Helvetica,sans-serif; }
.clearfloat { clear: both; height: 0px; font-size: 1px; line-height: 0px; }
a:link { text-decoration: none; color: rgb(19, 19, 19); }
a:visited { text-decoration: none; color: rgb(19, 19, 19); }
a:hover { text-decoration: none; color: rgb(0, 0, 0); }
a:active { text-decoration: none; color: rgb(19, 19, 19); }
.headerbox { width: 100%; height: 126px; background: rgba(0, 0, 0, 0) url('./fg8/') no-repeat scroll center top; }
.header { width: 1180px; height: 156px; margin: 0px auto; overflow: hidden; }
.top { width: 1180px; height: 30px; font-size: 12px; color: rgb(229, 229, 229); line-height: 28px; overflow: hidden; }
.top p { float: left; line-height: 30px; }
.top ul { float: right; line-height: 30px; }
.top ul li { float: left; }
.top ul li a { font-size: 12px; color: rgb(229, 229, 229); }
.head { height: 126px; margin: 0px auto; overflow: hidden; }
.logo h1 a { float: left; }
.h_left { float: left; margin-top: 20px; margin-left: 10px; }
.h_left b { font-size: 24px; line-height: 46px; font-weight: bold; color: rgb(76, 76, 76); }
.h_left p { font-size: 18px; line-height: 26px; color: rgb(76, 76, 76); }
.tel_right { float: right; margin-top: 40px; }
.tel_right img { float: left; }
.phone { float: left; margin-left: 10px; }
.phone p { font-size: 14px; color: rgb(128, 128, 128); }
.phone span { font-size: 20px; color: rgb(196, 16, 27); font-weight: bold; }
.navbox { background-color: rgb(60, 61, 92); width: 100%; height: 38px; overflow: hidden; }
.nav { width: 1180px; height: 60px; margin: 0px auto; }
.nav ul { float: left; }
.nav ul li { font-size: 16px; float: left; font-weight: 500; line-height: 38px; }
.nav ul li a { float: left; color: white; display: block; padding-left: 25px; padding-right: 25px; }
.nav ul li a:hover, .nav ul .another a { background-color: rgb(1, 127, 90); text-align: center; }
.wy img { width: 100%; height: 30px; z-index: 99; position: relative; }

/* 工程案例 */
.con100 { width: 100%; display: block; }
.pic {
    float: left;
    width: 800px;
}

.pic ul {
    margin: 10px 0px;
}
ul, li {
    list-style-type: none;
}
.pic ul li {
    width: 245px;
    height: 172px;
    margin: 10px 20px 10px 0px;
    float: left;
    position: relative;
}
.pic ul li img {
    width: 245px;
    height: 172px;
}
.pic ul li a {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 30px;
    background: rgb(0, 0, 0) none repeat scroll 0% 0%;
    opacity: 0.7;
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 30px;
}
.img {
    border: 0px none;
    vertical-align: bottom;
}
.titl {
    background: rgba(0, 0, 0, 0) url('./fg8/sp_dot.png') no-repeat scroll left top;
    padding: 0px 0px 0px 35px;
    font-size: 18px;
    color: rgb(95, 65, 4);
}
.titl span {
    font-size: 12px;
    color: rgb(166, 166, 166);
    display: block;
}
.liuyan {
    float: right;
    width: 390px;
}
.liuyan .bd {
    background: rgb(245, 234, 209) none repeat scroll 0% 0%;
    width: 350px;
    height: 326px;
    margin: 20px 0px 0px;
    padding: 40px 0px 0px 40px;
}

.liuyan .bd li {
    height: 60px;
    line-height: 30px;
}
.liuyan .bd li .input {
    width: 250px;
    border: 1px solid rgb(241, 211, 148);
    height: 33px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    line-height: 33px;
}
.liuyan .bd li label {
    width: 60px;
    text-align: left;
}



/* 工程案例 */




/* 联系方式 */
.nei2 {
    height: 133px;
    background: rgba(0, 0, 0, 0) url('./fg8/heng.jpg') no-repeat scroll center top;
    width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -600.5px;
}
.rel {
    position: relative;
}
.container {
    width: 1200px;
    margin: 0px auto;
}
.nei2Con {
    position: absolute;
    right: 0px;
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-family: "黑体";
    top: 20px;
}

/* 联系方式 */




/* 中间导航 */
.container {
    width: 1200px !important;
    margin: 0px auto;
}

.cpfl-bg { background: rgba(0, 0, 0, 0) url('./fg8/cpfl-bg.jpg') no-repeat scroll center top; padding-bottom: 17px; }
.cpfl-title { text-align: center; padding: 40px 0px; }
.fenlei ul li { float: left; }
.fl1 { background: rgba(0, 0, 0, 0) url('./fg8/fl1.png') no-repeat scroll center top; width: 270px; padding-top: 260px; height: 129px; text-align: center; }
.fl1 a { font-size: 20px; color: rgb(0, 0, 0); }
.fl1:hover { background: rgba(0, 0, 0, 0) url('./fg8/fl1a.png') no-repeat scroll center top; }
.fl1:hover a { color: rgb(255, 255, 255); }
.fl2 { background: rgba(0, 0, 0, 0) url('./fg8/fl2.png') no-repeat scroll center top; width: 155px; height: 389px; }
.fl2:hover { background: rgba(0, 0, 0, 0) url('./fg8/fl2a.png') no-repeat scroll center top; }
.fl3 { background: rgba(0, 0, 0, 0) url('./fg8/fl3.png') no-repeat scroll center top; width: 155px; height: 389px; }
.fl3:hover { background: rgba(0, 0, 0, 0) url('./fg8/fl3a.png') no-repeat scroll center top; }
.fl4 { background: rgba(0, 0, 0, 0) url('./fg8/fl4.png') no-repeat scroll center top; width: 155px; height: 389px; }
.fl4:hover { background: rgba(0, 0, 0, 0) url('./fg8/fl4a.png') no-repeat scroll center top; }
.fl5 { background: rgba(0, 0, 0, 0) url('./fg8/fl5.png') no-repeat scroll center top; width: 155px; height: 389px; }
.fl5:hover { background: rgba(0, 0, 0, 0) url('./fg8/fl5a.png') no-repeat scroll center top; }
.fl6 { background: rgba(0, 0, 0, 0) url('./fg8/fl6.png') no-repeat scroll center top; width: 155px; height: 389px; }
.fl6:hover { background: rgba(0, 0, 0, 0) url('./fg8/fl6a.png') no-repeat scroll center top; }
.fl7 { background: rgba(0, 0, 0, 0) url('./fg8/fl7.png') no-repeat scroll center top; width: 155px; height: 389px; }
.fl7:hover { background: rgba(0, 0, 0, 0) url('./fg8/fl7a.png') no-repeat scroll center top; }

/* 中间导航 */



html { color: rgb(0, 0, 0); background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, textarea, button, p, blockquote, th, td { margin: 0px; padding: 0px; }
fieldset, img { border: 0px none; }
ol, ul { list-style: outside none none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q::before, q::after { content: ""; }
body { font-family: Arial,"宋体",sans-serif; font-size: 12px; line-height: 1.5; color: rgb(74, 74, 74); }
.clearfix { clear: left; }
.clearfix::before, .clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; }
.fl, .left { float: left; }
.w1000 { width: 1200px; margin: 0px auto; }
a { outline: medium none; text-decoration: none; color: rgb(102, 102, 102); font-family: "Microsoft YaHei"; }
a:link {  }
a:hover { text-decoration: underline; color: red; }
a:active {  }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.mt20 { margin-top: 20px; }
.w220 { width: 220px; }
.w300 { width: 300px; }
.w700 { width: 750px; }
/* ::::: http://www.gujian.cn/css/gb.css ::::: */

body { background: rgba(0, 0, 0, 0) url('./fg8/body-bg.jpg') repeat scroll 0% 0%; }



#container { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.w { background: rgba(0, 0, 0, 0) url('./fg8/guanggao.jpg') no-repeat scroll 0px bottom; padding: 10px 20px; }
.Area { float: left; overflow: hidden; padding-left: 40px; margin-right: 40px; }
.Area {  }
.Area .hd { width: 100%; height: 40px; line-height: 40px; }
.Area .hd h2 { color: rgb(69, 143, 206); font-size: 14px; float: left; margin-right: 10px; height: 40px; line-height: 40px; }
.Area .hd h2 a { color: rgb(96, 42, 15); padding-left: 45px; font-size: 20px; background: rgba(0, 0, 0, 0) url('./fg8/title-bg.png') no-repeat scroll 0% 0%; font-family: "隶书","华文楷体","微软雅黑"; }
.Area .hd h2 a:hover { text-decoration: none; }
.Area .hd span { float: right; }
.Area .hd span a { color: rgb(102, 102, 102); padding-right: 10px; }
.Area .hd span a:hover { color: rgb(0, 136, 204); }
.Area .bd { width: 300px; padding: 13px 0px 12px; float: left; border-bottom: 1px dashed rgb(102, 102, 102); }
.Area .imgArea { width: 135px; height: 100px; float: left; }
.Area .bd .txtArea { width: 155px; float: right; }
.Area .txtArea dt { width: 100%; line-height: 26px; font-size: 14px; font-weight: bold; height: 26px; overflow: hidden; }
.Area .txtArea dt a { color: rgb(51, 51, 51); }
.Area .txtArea dd { width: 100%; line-height: 22px; color: rgb(153, 153, 153); }
.Area .txtArea dd a { color: rgb(0, 136, 204); }
.Area .ulTxt { padding-top: 10px; }
.desgin-img { padding: 0px 10px; }
.desgin-img .Area { width: 960px; border-bottom: 1px solid rgb(221, 221, 221); }
.allimgs {  }
.imgs { border: 1px solid rgb(221, 221, 221); padding: 4px; float: left; margin: 10px 6px 0px 0px; width: 180px; overflow: hidden; }
.imgs-title { height: 30px; line-height: 30px; overflow: hidden; }
.title .gujiancailiao, .Area .hd h2 a.gujianshejitu { background: rgba(0, 0, 0, 0) url('./fg8/bg.jpg') no-repeat scroll 0% 0%; }
.ulTxt { clear: both; }
.ulTxt li { height: 28px; line-height: 28px; font-size: 14px; padding-left: 9px; vertical-align: top; overflow: hidden; background: rgba(0, 0, 0, 0) url('./fg8/dic.png') no-repeat scroll 0px 12px; }
.ulTxt li a { font-family: "宋体"; font-size: 12px; color: rgb(102, 102, 102); }
.ulTxt li a:hover { color: rgb(0, 136, 204); }
.links { width: 1160px; margin: 0px 10px; }
.links-tile { background: rgb(51, 51, 51) none repeat scroll 0% 0%; height: 28px; }
.links-tile h3 { font-size: 12px; color: rgb(255, 255, 255); background: rgb(138, 0, 33) none repeat scroll 0% 0%; display: block; width: 80px; height: 28px; line-height: 28px; text-align: center; }
.links-tile p { font-size: 12px; float: right; margin-top: -28px; height: 28px; line-height: 28px; padding-right: 15px; color: rgb(255, 255, 255); }
.links-con { border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(153, 153, 153) rgb(153, 153, 153); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; padding: 10px; }
.links-con ul {  }
.links-con ul li { display: inline-block; padding-right: 10px; }
.links-con ul li a { color: rgb(51, 51, 51); text-decoration: none; }
.foot { padding-bottom: 30px; background: rgba(0, 0, 0, 0) url('./fg8/footer-bg.jpg') repeat scroll right top; padding-top: 30px; }
.f-title { text-align: center; }
.f-title a { padding-right: 10px; color: rgb(51, 51, 51); text-decoration: none; }
.f-title a:hover { color: rgb(0, 136, 204); }
.foot p { text-align: center; padding-top: 20px; }
.online { background: rgba(0, 0, 0, 0) url('./fg8/sever.png') no-repeat scroll 0% 0%; padding: 0px 10px; height: 116px; }
.online dl {  }
.online dl dt { text-indent: -9999px; height: 40px; line-height: 30px; }
.online dl dd {  }
.online dl dd a { display: block; width: 80px; height: 30px; line-height: 30px; overflow: hidden; }
.online { position: fixed; right: 0px; top: 250px; }
/* ::::: http://www.gujian.cn/css/index.css ::::: */

.title .gujiancailiao { height: 40px; line-height: 40px; text-indent: -9999px; border-bottom: 1px solid rgb(221, 221, 221); }
.style ul li { width: 220px; display: inline-block; line-height: 26px; margin-bottom: 5px; }
.style ul li strong { font-size: 14px; }
.style ul li span { display: block; float: left; width: 73px; }
.plist ul { border-bottom: 1px solid rgb(221, 221, 221); height: 40px; }
.plist ul li { display: inline-block; width: 147px; height: 40px; line-height: 40px; text-align: center; position: relative; }
.plist ul li a { height: 40px; width: 140px; float: left; }
.nav_on { font-weight: bold; color: rgb(204, 0, 0); border-bottom: 1px solid rgb(204, 0, 0) !important; background: rgb(254, 254, 254) none repeat scroll 0% 0%; }
.nav_on i { position: absolute; width: 10px; height: 5px; overflow: hidden; background: rgba(0, 0, 0, 0) url('./fg8/i-sha.png') no-repeat scroll 0% 0%; display: block; margin-top: -5px; left: 50%; }
.sm { padding: 10px 8px; }
.sm .product { display: inline-block; overflow: hidden; width: 230px; margin-right: 10px; border: 1px solid rgb(255, 255, 255); }
.sm .product .p-price { color: rgb(204, 0, 0); font-size: 18px; font-family: Tahoma,Geneva,sans-serif; padding: 0px 5px; vertical-align: bottom; }
.sm .product .p-title { height: 48px; line-height: 20px; overflow: hidden; padding: 0px 5px; }
#HUABAN_WIDGETS { font-family: "helvetica neue",arial,sans-serif; color: rgb(68, 68, 68); font-size: 14px; }
#HUABAN_WIDGETS * { box-sizing: content-box; }
#HUABAN_WIDGETS .HUABAN-f-button { position: absolute; display: none; z-index: 2147483647; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2); background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%; color: white; cursor: pointer; padding: 0px 12px; height: 30px; line-height: 30px; border-radius: 2px; font-size: 14px; }
#HUABAN_WIDGETS .HUABAN-f-button:hover { background-color: rgba(0, 0, 0, 0.5); }
#HUABAN_WIDGETS .HUABAN-f-button:active { background-color: rgba(0, 0, 0, 0.6); }
#HUABAN_WIDGETS .HUABAN-cell.HUABAN-long .HUABAN-img-holder::after { content: ""; display: block; position: absolute; width: 236px; height: 12px; left: 0px; bottom: 0px; background: rgba(0, 0, 0, 0) url('./fg8/long_image_shadow_2.png') repeat-x scroll 4px top; }