﻿/* CSS Document */
#banner { margin:0 auto; width:1000px; height:279px; margin-top:12px;}
.some { margin-top:18px;}
.sy_about { float:right; width:284px; height:305px; overflow:hidden;}
.sy_about .top { float:left; width:284px; height:32px; line-height:32px; text-align:center; background:url(../images/sy_about_top.jpg) no-repeat; font-size:14px; color:#fefffe; font-weight:bold;}
.sy_about .text { float:left; width:240px; padding:14px 21px 0px 21px; height:257px; border:1px #e6e6e6 solid;}
.sy_about .text p { float:left; width:240px; line-height:22px; text-align:2em; font-size:12px; color:#595959; padding-top:10px;}
.sy_about .text p a { color:#138d15;}
.sy_about .text p a:hover { color:#f00;}
.sy_about .text span { float:left; width:208px;}
.sy_about .text span a { float:left; width:208px; height:26px; line-height:26px; color:#21741c; background:url(../images/sy_about_line.jpg) no-repeat; font-size:12px; text-align:center; margin-left:16px; margin-top:10px;}
.sy_about .text span a:hover { color:#f00;}
#KinSlideshow { float:left; width:330px; height:305px; margin-right:20px;}
#sy_news_top { float:left; width:344px;}
#sy_news_top li { float:left; width:172px; height:32px; background:url(../images/sy_news_top2.jpg) no-repeat; text-align:center; line-height:32px; color:#217526; font-size:14xp; cursor:pointer;}
#sy_news_top li a{color:#333333;font-weight: normal;}
#sy_news_top li.curr a{ color:#FFFFFF}

.news_box { float:left; width:342px; height:271px; border:1px #e6e6e6 solid; display:none;}
.news_box ul { float:left; width:310px; padding:10px 16px 0px 16px;}
.news_box ul li { float:left; width:310px; background:url(../images/sy_news_li_bg.jpg) no-repeat;}
.news_box ul .one { background:none;}
.news_box ul li .bt { float:left; width:310px; text-align:center; height:36px; line-height:36px; font-weight:bold; color:#227327; font-size:14px; overflow:hidden;}
.news_box ul .one p { float:left; width:310px; line-height:22px; font-size:12px; color:#333333}
.news_box ul .one p a { color:#138d15 !important; float:none !important; margin:0 !important; padding:0 !important;}
.news_box ul li p a { float:left; line-height:34px; font-size:12px; color:#6d6d6d; padding-left:10px;}
.news_box ul li .time { float:right; line-height:34px; font-size:12px; color:#bfbfbf;}
.news_box ul li a:hover { color:#f00 !important;}
.sy_pro { float:left; width:998px; height:300px; border:1px #e6e6e6 solid; margin:20px 0px;}
.sy_pro .top { float:left; width:948px; height:42px; background:url(../images/sy_line_top1.jpg) no-repeat; font-size:16px; color:#fdfeff; line-height:40px; font-weight:bold; padding-left:50px;}
.sy_pro .left { float:left; padding-left:16px; padding-top:100px; cursor:pointer;}
.sy_pro .right { float:right; padding-right:16px; padding-top:100px; cursor:pointer;}
.sy_pro ul { float:left;  height:230px; margin-top:16px; padding:0px 8px;}
.sy_pro ul li { float:left; width:150px; height:230px; padding:0px 15px;}
.sy_pro ul li span { float:left; width:150px; height:200px;}
.sy_pro ul li span img { float:left;}
.sy_pro ul li p { float:left;}
.sy_pro ul li p a { float:left; text-align:center; width:277px; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#6c6c6c; font-weight:bold;}
.sy_pro ul li p a:hover { color:#f00;}
.ctList { float:left; width:320px; margin-bottom:20px; height: 307px;}
.ctList .top { float:left; width:273px; height:32px; line-height:32px; background:url(../images/sy_line_top2.jpg) no-repeat; font-size:14px; color:#fff; padding-left:35px; font-weight:bold; padding-right:12px;}
.ctList .top a { float:right; font-size:12px; font-weight:normal; color:#fff;}
.ctList .top a:hover { color:#ff1111;}
.ctList ul { float:left; border:1px #e6e6e6 solid; padding:14px;height:244px}
.ctList ul li { float:left; width:290px; background:url(../images/sy_news_li_bg.jpg) no-repeat 0px 29px;}
.ctList ul .one { background:none;}
.ctList ul .one img { float:left; padding-right:10px;}
.ctList ul li .bt { float:left; width:180px; text-align:center; height:30px; line-height:30px; font-weight:bold; color:#227327; font-size:12px; overflow:hidden;}
.ctList ul .one p { float:left; width:180px;line-height:22px; font-size:12px; color:#333333}
.ctList ul .one p a { color:#138d15 !important; float:none !important; margin:0 !important; padding:0 !important;}
.ctList ul li p a { float:left; line-height:30px; font-size:12px; color:#6d6d6d; padding-left:10px;}
.ctList ul li .time { float:right; line-height:30px; font-size:12px; color:#bfbfbf;}
.ctList ul li a:hover { color:#f00 !important;}
.hyjs { padding-left:20px;}
.tzgg { padding-left:20px;}
.sy_xzzx { padding-left:20px;}
.zbxx { padding-left:20px;}
.sy_xzzx .top,.zbxx .top { background:url(../images/sy_line_top3.jpg) no-repeat; color:#666666;}
.sy_xzzx .top a,.zbxx .top a { color:#666666;}
.good_links { float:left; width:1000px; color:#666666; font-size:14px; color:#158c16; font-weight:bold; line-height:22px; margin-bottom:16px;}
.good_links a { padding:0px 10px; color:#666666; font-size:12px; height:22px; line-height:22px; border-right:1px #666666 solid; font-weight:normal;}
.good_links a:hover { color:#333;}
/*首页留言*/
.ljzx .box { float:left; width:290px; background:url(../images/sy_liuyan_bg.jpg) no-repeat; height:232px; padding:21px 15px;}
.ljzx .box div { float:left; width:290px; margin-bottom:12px;}
.ljzx .box span { float:left; width:52px; height:24px; line-height:24px; text-align:right; font-size:12px; color:#333333;}
.ljzx .box input { float:left; width:210px; height:20px; padding:2px 10px; background:none;}
.ljzx .box textarea { float:left; width:210px; height:114px; line-height:20px; padding:4px 8px; background:none; overflow:hidden; font-size:12px;}
.ljzx .anniu { float:left; width:96px !important; height:32px; margin-top:-4px; margin-left:58px; cursor:pointer;}

.ljzx .anniu1 { float:left; width:96px !important; height:32px; background:none; cursor:pointer;}

/*展会在线*/
#inner { float:left; width:240px; padding:10px 21px 4px 21px; height:257px; border:1px #e6e6e6 solid;}
.hot-event { position: relative;}
.hot-event li { height:245px; width:240px; position:absolute; z-index:1; left:0; top:0;}
.hot-event li .banner { display: block;}
.hot-event li img { width:240px; height:245px;}
.hot-event li img { -webkit-box-reflect: below 0 -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(85%, transparent), to(rgba(255, 255, 255, .2))); border: 0;}
.online_zhanhui { float:left; width:998px; height:300px; border:1px #e6e6e6 solid; margin:20px 0px;}
.online_zhanhui .top { float:left; width:948px; height:42px; background:url(../images/sy_line_top1.jpg) no-repeat; font-size:16px; color:#fdfeff; line-height:40px; font-weight:bold; padding-left:50px;}
.online_zhanhui .top a { float:right; font-size:12px; line-height:42px; color:#3c3c3c; margin-right:65px; font-weight:normal;}
.online_zhanhui .top a:hover { color:#269629;}
.online_zhanhui .left { float:left; padding-left:16px; padding-top:100px; cursor:pointer;}
.online_zhanhui .right { float:right; padding-right:16px; padding-top:100px; cursor:pointer;}
.online_zhanhui ul { float:left; width:900px; height:230px; overflow:hidden; margin-top:16px; padding:0px 8px;}
.online_zhanhui ul li { float:left; width:150px; height:230px; padding:0px 15px;}
.online_zhanhui ul li span { float:left; width:280px; height:200px;}
.online_zhanhui ul li span img { float:left;}
.online_zhanhui ul li p { float:left;}
.online_zhanhui ul li p a { float:left; text-align:center; width:280px; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#6c6c6c; font-weight:bold;}
.online_zhanhui ul li p a:hover { color:#f00;}

.zhanshang { float:left; width:998px; height:212px; border:1px #e6e6e6 solid; margin:20px 0px;}
.zhanshang .top { float:left; width:948px; height:42px; background:url(../images/sy_line_top1.jpg) no-repeat; font-size:16px; color:#fdfeff; line-height:40px; font-weight:bold; padding-left:50px;}
.zhanshang .top a { float:right; font-size:12px; line-height:42px; color:#3c3c3c; margin-right:65px; font-weight:normal;}
.zhanshang .top a:hover { color:#269629;}
.zhanshang .left { float:left; padding-left:16px; padding-top:53px; cursor:pointer;}
.zhanshang .right { float:right; padding-right:16px; padding-top:53px; cursor:pointer;}
.zhanshang ul { float:left; overflow:hidden; margin-top:16px; padding:0px 8px;}
.zhanshang ul li { float:left; width:150px; height:230px; padding:0px 15px;}
.zhanshang ul li span { float:left; width:200px; height:87px;}
.zhanshang ul li span img { float:left;}
.zhanshang ul li p { float:left;}
.zhanshang ul li p a { float:left; text-align:center; width:200px; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#6c6c6c; font-weight:bold;}
.zhanshang ul li p a:hover { color:#f00;}


.zhanshang .top { float:left; width:948px; height:42px; background:url(../images/sy_line_top1.jpg) no-repeat; font-size:16px; color:#fdfeff; line-height:40px; font-weight:bold; padding-left:68px;}
/*绿建专家*/
.ljzj { float:left; width:998px; height:300px; border:1px #e6e6e6 solid; margin-bottom:20px;}
.ljzj .top { float:left; width:948px; height:42px; background:url(../images/sy_line_top1.jpg) no-repeat; font-size:16px; color:#fdfeff; line-height:40px; font-weight:bold; padding-left:50px;}
.ljzj .top a { float:right; font-size:12px; line-height:42px; color:#3c3c3c; margin-right:65px; font-weight:normal;}
.ljzj .top a:hover { color:#269629;}
.ljzj .left { float:left; padding-left:16px; padding-top:100px; cursor:pointer;}
.ljzj .right { float:right; padding-right:16px; padding-top:100px; cursor:pointer;}
.ljzj ul { float:left; width:900px; height:230px; overflow:hidden; margin-top:16px; padding:0px 8px;}
.ljzj ul li { float:left; width:150px; height:230px; padding:0px 15px;}
.ljzj ul li span { float:left; width:150px; height:200px;}
.ljzj ul li span img { float:left;}
.ljzj ul li p { float:left;}
.ljzj ul li p a { float:left; text-align:center; width:150px; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#6c6c6c; font-weight:bold;}
.ljzj ul li p a:hover { color:#f00;}
.ljzj_renqi { float:left; width:998px; height:300px; border:1px #e6e6e6 solid; margin-bottom:20px;}
.ljzj_renqi .top { float:left; width:948px; height:42px; background:url(../images/sy_line_top1.jpg) no-repeat; font-size:16px; color:#fdfeff; line-height:40px; font-weight:bold; padding-left:50px;}
.ljzj_renqi .top a { float:right; font-size:12px; line-height:42px; color:#3c3c3c; margin-right:65px; font-weight:normal;}
.ljzj_renqi .top a:hover { color:#269629;}
.ljzj_renqi ul { float:left; width:924px; height:250px; overflow:hidden; padding:0px 35px;}
.ljzj_renqi ul li { float:left; width:100px; height:107px; margin:0px 27px; margin-top:8px; padding-bottom:10px;}
/*绿色空间*/
.lj_zone_sh { float:right; width:284px; height:305px; overflow:hidden;}
.lj_zone_sh .top { float:left; width:174px; height:32px; line-height:32px; background:url(../images/sy_about_top.jpg) no-repeat; font-size:14px; color:#fefffe; font-weight:bold; padding-left:110px;}
.lj_zone_sh .top a { float:right; color:#ffffff; font-size:12px; font-weight:normal; font-family:Arial; margin-right:6px;}
.lj_zone_sh .top a:hover { text-decoration:underline;}
.lj_zone_sh .text { float:left; width:240px; padding:14px 21px 0px 21px; height:257px; border:1px #e6e6e6 solid;}
.lj_zone_sh span { float:left; width:240px; text-align:center; font-weight:bold; font-size:14px; color:#666666;}
.lj_zone_sh p { float:left; width:240px; line-height:24px; font-size:12px; color:#666666; margin-top:10px;}
.lj_zone_sh p a { color:#138d15;}
.lj_zone_cx_top { float:left; width:210px; height:32px; line-height:32px; background:url(../images/sy_about_top1.jpg) no-repeat; font-size:14px; color:#fefffe; font-weight:bold; padding-left:134px;}
.lj_zone_cx_top a { float:right; color:#ffffff; font-size:12px; font-weight:normal; font-family:Arial; margin-right:6px;}
.lj_zone_cx_top a:hover { text-decoration:underline;}
.lj_zone_cx { float:left; width:342px; height:271px; border:1px #e6e6e6 solid;}
.lj_zone_cx ul { float:left; width:310px; padding:10px 16px 0px 16px;}
.lj_zone_cx ul li { float:left; width:310px; background:url(../images/sy_news_li_bg.jpg) no-repeat 0px 29px;}
.lj_zone_cx ul li p a { float:left; line-height:30px; font-size:12px; color:#6d6d6d; padding-left:10px;}
.lj_zone_cx ul li .time { float:right; line-height:30px; font-size:12px; color:#bfbfbf;}
.lj_zone_cx ul li a:hover { color:#f00;}
.lj_zone_cx ul .one { background:none;}
.lj_zone_cx ul .one img { float:left; margin-right:16px; margin-bottom:18px;}
.lj_zone_cx ul li .bt { float:left; width:192px; text-align:center; height:20px; line-height:20px; font-weight:bold; color:#227327; font-size:12px; overflow:hidden;}
.lj_zone_cx ul .one p { float:left; width:192px; line-height:22px; font-size:12px; color:#333333}
.lj_zone_cx ul .one p a { color:#138d15; float:none;}
.lj_zone_kj { float:left; width:998px; height:312px; border:1px #e6e6e6 solid; margin:20px 0px;}
.lj_zone_kj .top { float:left; width:998px; background:url(../images/sy_line_top1.jpg) no-repeat; height:42px;}
.lj_zone_kj .top span { float:left; width:124px; text-align:center; height:42px; line-height:42px; padding-left:22px; color:#fff; font-weight:bold;}
.lj_zone_kj .top a { float:right; color:#228f25; font-family:Arial; margin-right:20px; font-size:12px; height:42px; line-height:42px;}
.lj_zone_kj .text { float:left; width:974px; padding:12px;}
.lj_zone_kj .text img { float:left; margin-right:16px;}
.lj_zone_kj .text span { float:left; width:740px; text-align:center; height:20px; line-height:20px; font-size:14px; color:#666666; font-weight:bold; padding-top:20px; padding-bottom:30px;}
.lj_zone_kj .text p { float:left; width:740px; text-indent:2em; font-size:12px; color:#666666; line-height:24px;}
.lj_zone_kj .text p a { color:#138d15;}
/*绿建家装*/
.ljjz { float:left; width:998px; height:312px; border:1px #e6e6e6 solid;}
.ljjz .top { float:left; width:998px; background:url(../images/sy_line_top1.jpg) no-repeat; height:42px;}
.ljjz .top span { float:left; width:124px; text-align:center; height:42px; line-height:42px; padding-left:22px; color:#fff; font-weight:bold;}
.ljjz .top a { float:right; color:#228f25; font-family:Arial; margin-right:20px; font-size:12px; height:42px; line-height:42px;}
.ljjz .left { float:left; padding-left:16px; padding-top:100px; cursor:pointer;}
.ljjz .right { float:right; padding-right:16px; padding-top:100px; cursor:pointer;}
.ljjz ul { float:left; width:900px; height:230px; overflow:hidden; margin-top:16px; padding:0px 8px;}
.ljjz ul li { float:left; width:150px; height:230px; padding:0px 15px;}
.ljjz ul li span { float:left; width:150px; height:200px;}
.ljjz ul li span img { float:left;}
.ljjz ul li p { float:left;}
.ljjz ul li p a { float:left; text-align:center; width:269px; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#6c6c6c; font-weight:bold;}
.ljjz ul li p a:hover { color:#f00;}
.cfsj { margin-top:20px;}
.wsjsj { margin-top:20px; margin-left:20px;}
.sfsj { margin-top:20px; margin-left:20px;}
.wssj { margin-left:20px;}
.jzcs { margin-left:20px;}


.wost{ clear:both;}
.wost .wos-panel-c{ padding:12px;}
.wost span.wost-close{ width:14px; height:14px; background: url(../images/onlie-service-bg.png) no-repeat -197px -242px; display:block; position:relative; float:right;}
.wost span.wost-close-r{ width:14px; height:14px; background: url(../images/onlie-service-bg.png) no-repeat -197px -242px; display:block; position:relative; float:left;}
.wost .wos-bar-blue{ width:36px; height:111px; background:url(../images/onlie-service-bg.png) no-repeat -248px -400px; float:right; margin-top:15px;}
.wost .wos-bar-green{ width:36px; height:111px; background:url(../images/onlie-service-bg.png) no-repeat -45px -285px; float:left; margin-top:15px;}
.wost .wos-bar-red{ width:36px; height:111px; background:url(../images/onlie-service-bg.png) no-repeat -90px -285px; float:left; margin-top:15px;}
.wost .wos-bar-orange{ width:36px; height:111px; background:url(../images/onlie-service-bg.png) no-repeat -138px -285px; float:left; margin-top:15px;}
.wost .wos-bar-black{ width:36px; height:111px; background:url(../images/onlie-service-bg.png) no-repeat -188px -285px; float:left; margin-top:15px;}
.wost .wos-bar-purple{ width:36px; height:111px; background:url(../images/onlie-service-bg.png) no-repeat -241px -285px; float:left; margin-top:15px;}
.wost .wos-panel{ /*width:282px;*/min-height:135px; -moz-box-shadow:0px 0px 3px 2px rgba(0,0,0,.2); -webkit-box-shadow:0px  0px  3px 2px  rgba(0,0,0,.2); box-shadow:0px  0px  3px 2px  rgba(0,0,0,.2); behavior: url(/script/pie.htc); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; float:left; background:url(../images/wos-panel.gif) repeat-x #f2f2f2; margin-left:-2px; position:relative; z-index:100;}
.wost .wos-panel-c ul li{ padding:6px 4px;  background:url(../images/wos-panel-c_ul_li.gif) repeat-x bottom;}
.wost .wos-panel-pull ul li{ text-align:center;}
.wost .wos-panel-c ul li img{ margin-right:5px; vertical-align:middle; border:none;}
.wost .wos-panel-c ul li a {display:inline-block;white-space:nowrap;overflow:hidden;}


.wost .wos-bar-blue-r{ width:42px; height:111px; background:url(../images/onlie-service-bg.png) no-repeat -241px -399px; float:left; z-index:-100; margin-left:-4px; position:relative; margin-top:15px;}
.wost .wos-panel-r{ /*width:282px;*/ -moz-box-shadow:0px 0px 3px 2px rgba(0,0,0,.2); -webkit-box-shadow:0px  0px  3px 2px  rgba(0,0,0,.2); box-shadow:0px  0px  3px 2px  rgba(0,0,0,.2); behavior: url(/script/pie.htc); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:url(../images/wos-panel.gif) repeat-x #f2f2f2; float:left; margin-right:-1px; z-index:100; }
.wost .wos-bar-green-r{ width:42px; height:111px; background:url(../images/onlie-service-bg.png) no-repeat -196px -399px; float:left; z-index:-100; margin-left:-4px; position:relative; margin-top:15px;}
.wost .wos-bar-red-r{ width:42px; height:111px; background:url(../images/onlie-service-bg.png) no-repeat -151px -399px; float:left; z-index:-100; margin-left:-4px; position:relative; margin-top:15px;}
.wost .wos-bar-orange-r{ width:42px; height:111px; background:url(../images/onlie-service-bg.png) no-repeat -103px -399px; float:left; z-index:-100; margin-left:-4px; position:relative; margin-top:15px;}
.wost .wos-bar-black-r{ width:42px; height:111px; background:url(../images/onlie-service-bg.png) no-repeat -54px -399px; float:left; z-index:-100; margin-left:-4px; position:relative; margin-top:15px;}
.wost .wos-bar-purple-r{ width:42px; height:111px; background:url(../images/onlie-service-bg.png) no-repeat 0 -399px; float:left; z-index:-100; margin-left:-4px; position:relative; margin-top:15px;}
