@charset "gb2312";
/* CSS Document */

/*首页*/
.sy_top{ width:100%; height:140px; line-height:70px;position:absolute; z-index:100; top:0px; background:url(top_bg.png) repeat-x;}
.sy_top .logo{ width:268px; height:101px; float:left; margin-top:20px;}
.sy_top .logo img{ max-width:100%;}
.sy_top .sy_top_r{ float:right; width:840px; height:auto;}
.sy_top .sy_top_r .sy_up{ float:left; width:100%; height:70px; overflow:hidden;}
.sy_top .sy_top_r .sy_up .phone{ width:231px; height:31px; float:left; margin-top:10px; margin-left:350px;}
.sy_top .sy_top_r .sy_up ul{ width:230px; height:29px; background:url(bg02.png) no-repeat; float:right;}
.sy_top .sy_top_r .sy_up ul li{ width:60px;float:left;text-align:center; line-height:12px;height:12px; margin-left:10px; border-right:1px solid #fff; margin-top:9px; }
.sy_top .sy_top_r .sy_up ul li.r_none{ border:none;}
.sy_top .sy_top_r .sy_up ul li a{font-size:12px; color:#fff;float:left; width:100%;}
.sy_top .sy_top_r .sy_nav{ width:840px; float:right; margin-top:20px;}


#nav-menu{height:50px;width:840px; float:right;}
#nav-menu .container{position:relative;overflow:visible; z-index:99;}

#nav-menu .menu li{position:relative;float:left; width:105px;display:inline;font-size:16px; line-height:50px; font-weight:300;}
#nav-menu .menu li h3{font-weight:normal;display:inline-block;float:left; line-height:50px;}
#nav-menu .menu li a.xialaguang{ display:inline-block;color:#000;height:50px; line-height:50px;text-decoration:none;font-size:16px;
width:105px;text-align:center;}
#nav-menu .menu li a.nav_choose{ display:inline-block;color:#000;height:50px; line-height:45px;text-decoration:none;font-size:16px;width:105px;text-align:center;}

#nav-menu .menu li a.selected,#nav-menu .menu li a.navhover,#nav-menu .menu li a.xialaguang:hover{color:#1a529c;}
#nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover{background-color:#8baa00; color:#fff;}
#nav-menu .menu li a.navhover, #nav-menu .menu li a.nav_choose{background-color:#8baa00; color:#fff;}
#nav-menu .menu li a.xialaguang span{height:50px;line-height:50px;display:inline-block;}
#nav-menu .menu li a.selected span,#nav-menu .menu li a.navhover span,#nav-menu .menu li a.xialaguang:hover span{cursor:pointer;}
#nav-menu .menu li a.navhover span, #nav-menu .menu li a.xialaguang:hover span{width:105px;}
#nav-menu .menu ul.children{display:none;position:absolute;top:50px;left:0px;width:105px;background:#FFF;border-top:0;line-height:normal;}
#nav-menu .menu ul.children li{width:105px;padding:0px;display:inline-block;font-size:12px; margin-top:1px;}
#nav-menu .menu ul.children li h3{display:block; width:100%;}
#nav-menu .menu ul.children li a{width:100%;height:40px;line-height:40px;overflow:hidden;display:block;color:#fff;text-align:center;
text-decoration:none; font-size:14px; background-color:rgba(130,170,0 ,0.9);}
#nav-menu .menu ul.children li a:hover{background-color:#8baa00;text-decoration:none; color:#000;}


/*banner轮播*/
.banner{ width:100%; height:auto; overflow:auto;z-index:1;}




/*关于我们*/
.sy_about{ width:100%; height:auto; overflow:hidden; margin-top:50px; margin-bottom:50px;}
.sy_about .title{ width:100%;}
.sy_about .title h2{ font-size:22px; font-weight:300; width:100%; text-align:center; line-height:30px; color:#000;}
.sy_about .title h3{ width:130px; font-size:14px; line-height:30px; color:#8baa00; font-weight:300; text-align:center; line-height:34px; 
             margin-left:535px; background:url(t_line_.jpg) center no-repeat;}

.sy_about .title p{ font-size:14px; width:100%; text-align:center; line-height:30px; color:#333;}
/*选项卡*/
.tabox{width:1200px;margin:20px auto;}
.tabox .hd{overflow:hidden;}
.tabox .hd ul{ width:366px; margin:0 auto; height:auto; overflow:hidden;}
.tabox .hd li{position:relative;height:40px;line-height:40px;text-align:center;width:120px;float:left;
border:1px solid #ddd;font:normal 14px/37px "Microsoft YaHei";_font-weight:bold;cursor:default;}
.tabox .hd li.on{width:120px;background:#8baa00;border-bottom:1px solid #fff;color:#fff; cursor:pointer;}
.tabox .bd{height:260px;}
.tabox .lh{overflow:hidden; margin-top:40px;}
.tabox .lh li{margin:0 auto; width:100%; height:auto; overflow:hidden;}
.tabox .lh li i{width:510px;height:260px; float:left; }
.tabox .lh li i img{ width:100%;}
.tabox .lh li .jieshao_text{ width:660px; text-align:left; text-align:justify; font-size:14px; color:#333;
                          line-height:30px;word-break:break-all;word-wrap:break-word;overflow:hidden; float:right; text-indent:2em;}
.tabox .lh li a{ width:100px; height:30px; border:#8baa00 solid 1px; color:#8baa00; font-size:14px; text-align:center; display:block;
                 line-height:30px; float:left; margin-left:20px; margin-top:10px;}

.tabox .lh li a:hover{ background:#8baa00; color:#fff;}
.tabox .lh li .culture_text{ width:600px; text-align:left; text-align:justify; font-size:14px; color:#333;
                          line-height:30px;word-break:break-all;word-wrap:break-word;overflow:hidden; float:right; text-indent:2em;}


.tabox .lh li .style_text{ width:600px; text-align:left; text-align:justify; font-size:14px; color:#333;
                          line-height:30px;word-break:break-all;word-wrap:break-word;overflow:hidden; float:right; text-indent:2em;}

/*木屋设计*/
.sy_design{ width:100%; height:auto; overflow:hidden; margin-top:50px; margin-bottom:50px;}
.sy_design .title{ width:100%;}
.sy_design .title h2{ font-size:22px; font-weight:300; width:100%; text-align:center; line-height:30px; color:#000;}
.sy_design .title h3{ width:130px; font-size:14px; line-height:30px; color:#8baa00; font-weight:300; text-align:center; line-height:34px; 
             margin-left:535px; background:url(t_line_.jpg) center no-repeat;}

.sy_design .title p{ font-size:14px; width:100%; text-align:center; line-height:30px; color:#333;}


/* summary */
.sy_design_con{ width:100%; height:auto; overflow:hidden; margin-top:50px;}
.sy_design_con ul{ width:1250px; float:left;}
.summary{background:url(bottom.png) repeat-y;}
.listbox{float:left;margin-bottom:8px;margin-right:8px;display:inline;width:596px;height:350px;position:relative;}
.listimg{float:left;width:596px;height:350px;position:relative;overflow:hidden;}
.listimg img{background:#333;width:596px;height:350px;top:0;left:0;position:absolute;}
.summary{width:596px;height:165px;top:350px;left:0;position:absolute;}
.summarytxt{width:auto;height:auto;font-size:20px;color:#fff; font-weight:bold; float:right; line-height:50px; margin-right:20px;;}




/*施工流程*/
.sy_process{ width:100%; height:auto; overflow:hidden;margin-bottom:50px;}
.sy_process .title{ width:100%;}
.sy_process .title h2{ font-size:22px; font-weight:300; width:100%; text-align:center; line-height:30px; color:#000;}
.sy_process .title h3{ width:212px; font-size:14px; line-height:30px; color:#8baa00; font-weight:300; text-align:center; line-height:34px; 
             margin-left:494px; background:url(process_line.jpg) center no-repeat;}

.sy_process .title p{ font-size:14px; width:100%; text-align:center; line-height:30px; color:#333;}
.sy_process_con{ width:100%; margin-top:50px;}
.sy_process_con img{ max-width:100%;}


/*首页设计师*/

.sy_designer{ width:100%; height:auto; overflow:hidden;}
.sy_designer_con{ width:960px; float:left;}
.sy_designer_con ul{ width:100%; height:auto; overflow:hidden;}
.sy_designer_con ul li{ float:left;width:230px; margin-right:10px;}
.sy_designer_con ul li img{ width:230px; height:320px;}
.imgbox { width:230px; height:337px;margin:0 auto; position:relative; }
.text { width:230px; height:auto; background-color:#000; FILTER:alpha(opacity=60); opacity:0.7; -moz-opacity:0.7; position:absolute; left:0px; bottom:0px; }

.imgtext { width:230px; height:auto; float:left; padding:10px; color:#fff;line-height:200%; }
.imgtext h3{ color:#fff;line-height:30px; height:30px;font-size:16px; width:100%; text-align:center;}
.imgtext a{ font-size:14px; color:#8baa00; width:100%; text-align:center; line-height:24px; display:block;}
.sy_designer_t{ width:230px; float:right; height:auto; overflow:hidden;}
.designer_t{ width:55px; height:122px; float:right;}
.designer_t img{ max-width:100%;}
.designer_con{ width:100%; margin-top:55px; height:auto; overflow:hidden; float:left;}
.designer_con a{ width:100%; display:block; float:left; font-size:14px; line-height:24px; color:#333;}
.designer_con a:hover{ width:100%; display:block; float:left; font-size:14px; line-height:24px; color:#8baa00;}
.designer_con .designer_line{ width:50px; height:10px; border-bottom:1px solid #333; float:left;}
.designer_con .bolang{ width:100%; margin-top:10px; background:url(bolang.jpg) no-repeat; float:left; height:13px; overflow:hidden;}
.designer_con p{ font-size:12px; width:230px;line-height:24px; color:#333; float:left; margin-top:15px;}



/*工程案例*/
.sy_case{ width:100%; height:auto; overflow:hidden;margin-top :50px;}
.sy_case .title{ width:100%;}
.sy_case .title h2{ font-size:22px; font-weight:300; width:100%; text-align:center; line-height:30px; color:#000;}
.sy_case .title h3{ width:212px; font-size:14px; line-height:30px; color:#8baa00; font-weight:300; text-align:center; line-height:34px; 
             margin-left:494px; background:url(process_line.jpg) center no-repeat;}

.sy_case .title p{ font-size:14px; width:100%; text-align:center; line-height:30px; color:#333;}
.sy_case_con{ width:100%; margin-top:50px;}

.page_container{width:1200px;height:auto; overflow:hidden;margin:0 auto;}
	.container{width:390px;height:260px;background: #f7f7f7;float:left;position: relative;overflow: hidden; 
	margin-left:5px; margin-right:5px; margin-bottom:10px;}
	.mask{width:100%;height:100%;position: absolute;display: none;}




/*新闻资讯*/
.sy_news{ width:100%; height:auto; overflow:hidden;margin-top :50px; margin-bottom:50px;}
.sy_news .title{ width:100%;}
.sy_news .title h2{ font-size:22px; font-weight:300; width:100%; text-align:center; line-height:30px; color:#000;}
.sy_news .title h3{ width:212px; font-size:14px; line-height:30px; color:#8baa00; font-weight:300; text-align:center; line-height:34px; 
             margin-left:494px; background:url(process_line.jpg) center no-repeat;}

.sy_news .title p{ font-size:14px; width:100%; text-align:center; line-height:30px; color:#333;}
.sy_news_con{ width:100%; margin-top:50px; height:auto; overflow:hidden;}

.sy_news_con ul{ width:1300px; height:auto; overflow:hidden; float:left;}
.sy_news_con ul li{ width:360px; height:auto; overflow:hidden; float:left; margin-right:60px;}
.sy_news_con ul li i{ width:358px; height:198px; border:1px solid #ccc; float:left;}
.sy_news_con ul li i img{ max-width:100%;}
.sy_news_con ul li .news_text{ width:100%; float:left; height:auto; overflow:hidden;}
.sy_news_con ul li .news_text h2{ font-size:14px; line-height:30px; height:30px; width:100%; color:#333;}
.sy_news_con ul li .news_text h3{ font-size:12px; color:#999; line-height:20px;}
.sy_news_con ul li .news_text p{ text-indent:2em; color:#555; font-size:13px; line-height:26px; text-align:justify;}
.sy_news_con ul li:hover i{ border:1px solid #8baa00;}
.sy_news_con ul li:hover h2{  color:#8baa00;}
.sy_news_con ul li:hover h3{color:#333;}
.sy_news_con ul li:hover p{color:#333;}



/*友情链接*/
.links{ width:100%; float:left; background:#fff;}
.links .links_con{ width:100%; position:relative; height:80px; float:left;}
.links .links_con .links_t{ width:107px; height:83px; position:absolute; top:-20px; left:0px; z-index:10;}
.links .links_con ul{ width:1100px; margin-left:150px; height:auto; overflow:hidden;}
.links .links_con ul li{ float:left; color:#333;}
.links .links_con ul li a{ padding:0 15px; font-size:12px; line-height:40px; height:40px; color:#333; margin-top:5px;}
.links .links_con ul li a:hover{ color:#8baa00;}

/*页脚*/
.footer{ width:100%; height:auto; overflow:hidden; background:#323232; padding-bottom:30px;}
.footer .footer_logo{ width:151px; height:183px; margin-top:30px; float:left;}
.footer .footer_nav{ width:auto; height:auto; overflow:hidden; float:left; margin-left:100px; margin-top:30px;}
.footer_about{ width:80px; float:left; margin-top:40px; margin-left:50px;}
.footer_about h3{ font-size:16px; color:#fff; width:100%; text-align:center; float:left; font-weight:bold; line-height:30px;}
.footer_about ul{ width:100%; float:left;}
.footer_about ul li{ width:100%; float:left;}
.footer_about ul li a{ width:100%; float:left; font-size:12px; color:#fff; text-align:center; line-height:22px;}
.footer_pro{ width:80px; float:left; margin-top:40px; margin-left:50px;}
.footer_pro h3{ font-size:16px; color:#fff; width:100%; text-align:center; float:left; font-weight:bold; line-height:30px;}
.footer_pro ul{ width:100%; float:left;}
.footer_pro ul li{ width:100%; float:left;}
.footer_pro ul li a{ width:100%; float:left; font-size:12px; color:#fff; text-align:center; line-height:22px;}
.footer_news{ width:80px; float:left; margin-top:40px; margin-left:50px;}
.footer_news h3{ font-size:16px; color:#fff; width:100%; text-align:center; float:left; font-weight:bold; line-height:30px;}
.footer_news ul{ width:100%; float:left;}
.footer_news ul li{ width:100%; float:left;}
.footer_news ul li a{ width:100%; float:left; font-size:12px; color:#fff; text-align:center; line-height:22px;}
.footer_address{ width:470px; float:right; height:auto; overflow:hidden; margin-top:40px;}
.footer_address ul{ width:100%;}
.footer_address ul li{ width:100%; float:left;}
.footer_address ul li i{ width:34px; height:30px; float:left;}
.footer_address ul li i img{ width:100%;}
.footer_address ul li p{ width:auto; float:left; margin-left:10px; color:#fff; font-size:14px; line-height:30px;}


/*客服*/



.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
		  
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:10000;
}
.izl-rmenu .consult{    
	background-image: url(consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}