@charset "gb2312";
/* CSS Document */
/*内页公共导航*/


.common_top{ width:100%; height:140px; line-height:70px; background:url(top_bg.png) repeat-x;}
.common_top .logo{ width:268px; height:101px; float:left; margin-top:20px;}
.common_top .logo img{ max-width:100%;}
.common_top .common_top_r{ float:right; width:840px; height:auto;}
.common_top .common_top_r .common_up{ float:left; width:100%; height:70px; overflow:hidden;}
.common_top .common_top_r .common_up .phone{ width:231px; height:31px; float:left; margin-top:10px; margin-left:350px;}
.common_top .common_top_r .common_up ul{ width:230px; height:29px; background:url(bg02.png) no-repeat; float:right;}
.common_top .common_top_r .common_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; }
.common_top .common_top_r .common_up ul li.r_none{ border:none;}
.common_top .common_top_r .common_up ul li a{font-size:12px; color:#fff;float:left; width:100%;}
.common_top .common_top_r .common_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*/
.common_banner{ width:100%; height:auto; overflow:hidden;}



/*栏目页面*/
.common{ width:100%; height:auto; overflow:hidden; background:#f5f5f5;}
.common .position{ width:100%; height:85px; background:#fff;}
.common .position h2.about_li{ background:url(abt.jpg) no-repeat; width:200px; font-size:24px; padding:5px 0px 0px 20px; float:left;
                    color:#333; height:65px; font-weight:600;}
.common .position h2.news_li{background:url(abt1.jpg) no-repeat; width:200px; font-size:24px; padding:5px 0px 0px 20px; float:left;
                    color:#333; height:65px;font-weight:600;}
.common .position h2.pro_li{background:url(adt4.jpg) no-repeat; width:200px; font-size:24px; padding:5px 0px 0px 20px; float:left;
                    color:#333; height:65px;font-weight:600;}
.common .position h2.contact_li{background:url(abt00.jpg) no-repeat; width:200px; font-size:24px; padding:5px 0px 0px 20px; float:left;
                    color:#333; height:65px;font-weight:600;}
.common .position h2.future_li{background:url(abt02.jpg) no-repeat; width:200px; font-size:24px; padding:5px 0px 0px 20px; float:left;
                    color:#333; height:65px;font-weight:600;}
.common .position h2.culture_li{background:url(abt3.jpg) no-repeat; width:200px; font-size:24px; padding:5px 0px 0px 20px; float:left;
                    color:#333; height:65px;font-weight:600;}
.common .position h2.designer_li{background:url(adt07.jpg) no-repeat; width:200px; font-size:24px; padding:5px 0px 0px 20px; float:left;
                    color:#333; height:65px;font-weight:600;}
.common .position .position_r{ padding:50px 20px 0px 0px; float:right;}
.common .position .position_r b{ background:url(icon2.jpg) no-repeat left center; padding-left:20px;}
.common .position .position_r a{ padding:0px 5px;/* background:url(line2.jpg) no-repeat right center;*/}
.common .position .position_r a:hover{ color:#8baa00;}
.common .common_con{ width:1180px; padding:10px; box-shadow:#d0d0d0 0px 0px 10px; height:auto; overflow:hidden; background:#fff; margin-bottom:20px;}
.common .common_con .common_left{ width:210px; float:left;}
.common .common_con .common_left ul{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.common .common_con .common_left ul li{ font-size:14px; line-height:40px; border-bottom:dashed 1px #ddd; padding-left:10px;}
.common .common_con .common_left ul li a{ display:block; color:#333; background:url(icon4.jpg) no-repeat left center; padding-left:30px;}
.common .common_con .common_left ul li a:hover{ background:url(icon3.jpg) no-repeat left center; color:#8baa00;}
.common .common_con .common_left ul li a.lav_choose{ background:url(icon3.jpg) no-repeat left center; color:#8baa00;}
.common_left_contact h2{ height:40px; background:#a0a4ad; line-height:40px; color:#fff; padding-left:10px;}

.contact_phone{ background:url(rxbg.jpg) no-repeat; height:90px;}
.contact_phone p{ font-size:18px; color:#8baa00; padding:10px 0px 0px 10px; font-weight:bold;}
.common_right{ width:900px; border-left:dashed 1px #ddd; padding:0px 20px; float:right; min-height:500px;}
.common_right .common_about{font-size:13px; line-height:24px; padding:0px 10px 10px;color:#333; padding-top:20px;}
/*公司文化*/
.about_culture{ width:900px; min-height:500px; background:url(bg.png) no-repeat;}
.about_culture ul{ width:500px; height:auto; overflow:hidden;}
.about_culture ul li{ width:500px; float:left; height:auto; overflow:hidden;}
.about_culture ul li i{ width:52px; height:52px; float:left;}
.about_culture ul li .about_culture_text{ width:400px; float:right; height:auto; overflow:hidden;}
.about_culture ul li .about_culture_text h2{ width:100%; color:#333; font-size:18px; line-height:34px; height:34px; float:left; font-weight:bold;}
.about_culture ul li .about_culture_text h3{ width:100%; font-size:14px; color:#555; float:left;}
.about_culture ul li .about_culture_text p{ width:100%; font-size:14px; line-height:30px; color:#8baa00; font-weight:600;}
/*新闻列表页面*/
.news_list{ width:100%; height:auto; overflow:hidden;}
.news_list li{ border-bottom:1px #ddd dashed; padding-bottom:20px; margin-top:20px; width:100%; height:auto; overflow:hidden;}
.news_list li dl dt{ float:left; width:630px; height:auto; overflow:hidden;}
.news_list li dl dt h3{ font-size:16px; line-height:40px; color:#333;}
.news_list li dl dt p{ font-size:13px; line-height:24px; padding:10px 0px 10px 0px;}
.news_list li dl dt span{ float:right;}
.news_list li dl dt span a{ display:block; background:url(xq1.jpg) no-repeat; width:70px; height:30px; color:#fff;
                  line-height:30px; text-align:center;}

.news_list li dl dd{ float:right; width:250px; height:138px; border:1px solid #ddd;}
.news_list li dl dd img{ width:100%;}
.news_list li:hover{ cursor:pointer;}
.news_list li dl dt span a:hover{ display:block; background:url(xq2.jpg) no-repeat; width:70px; height:30px; color:#fff;
 line-height:30px; text-align:center;}
 .news_list li dl dt h3:hover{color:#8baa00;}
 

/*终端页*/
.content{ width:100%;}
.content h2{ width:100%; font-size:16px; line-height:40px; color:#333; height:40px; text-align:center;}
.content h6{ width:100%; text-align:center; font-size:14px; color:#999; line-height:30px;}
.content p{font-size:14px; line-height:30px; text-align:left; margin-top:10px;
 text-align:justify; color:#555; text-indent:2em;}
.content img{max-width:90%;}
 
/*木屋产品页面*/
.pro_list{ width:100%; height:auto; overflow:hidden; padding-top:20px;}
.pro_list li{ width:390px; height:300px; float:left; margin-left:15px; margin-right:15px; margin-bottom:10px;}
.pro_list li i{ width:390px; height:260px; float:left;}
.pro_list li i img{ width:100%; max-height: 260px;}
.pro_list li span{ width:100%; text-align:center; font-size:14px; line-height:40px; height:40px;color:#333; display:block; float:left;}
.pro_list li:hover span{ color:#fff; background:#8baa00;}


/*联系我们页面*/

.dowetext {width:100%; float:left;}
.contact01{ width:100%; float:left;}
.contact02{ width:100%; float:left; margin-bottom:20px;}
.text01{ width:560px; float:left;}

.dowetext .wow { display: inline-block;font: 30px/280px "Microsoft Yahei"; vertical-align: top;
   				 *display: inline;zoom: 1;}
.rollIn{ width:500px; float:left;}
.rollIn h2{ margin-bottom:20px; font-size:20px; line-height:40px; height:40px; color:#333; font-weight:bold; text-align:left;
               padding-bottom:20px; border-bottom:1px solid #eee;}
.rollIn p{ font-size:14px; color:#666; line-height:40px; text-align:left;}
.rollIn p em{ color:#8baa00;}
.pulse p{ font-size:14px; color:#666; line-height:40px; text-align:left; float:left; margin-top:70px; margin-left:50px;}
.bounceInDown{ float:left; width:600px; height:400px; margin-left:40px;}
.contact_map{ float:left; width:820px; height:500px; margin-top:50px; margin-bottom:70px;}


.weixin{ width:120px; height:120px; margin-top:100px; margin-left:100px;}

/*友情链接*/
.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:400px; 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;}





/*翻页*/
.pages{ overflow:hidden; float:right; margin-top:50px;margin-bottom:50px; height:auto; overflow:hidden; margin-right:20px;}
.pages li{ float:left; margin-left:15px; }
.pages li a{padding:0 25px; height:25px; display:block; line-height:25px; border:1px solid #ddd; border-radius:3px; text-align:center; font-size:14px; color:#333;}
.pages .c{background:#8baa00; color:#fff;padding:0 25px; height:25px; display:block; line-height:25px; border:1px solid #8baa00;
 border-radius:3px; text-align:center; font-size:14px;}
.pages li:hover a{background:#8baa00;  transition:0.5s; color:#fff; border:1px solid #8baa00;}



/*客服*/



.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;
}






/*设计师团队*/

.designers{ width:100%; float:left; margin-top:20px;}
.designers .team_title{ width:100%; float:left; font-size:30px; line-height:50px; height:50px; 
                     color:#8baa00; font-weight:bold; text-align:center;} 
.designers ul{ width:850px; float:left; margin-top:15px; margin-left:25px;}
.designers ul li{ width:230px; float:left; margin-right:30px; margin-bottom:20px;}
.designers ul li a{ float:left; width:100%;}
.designers ul li a .team_per{width:230px; height:270px; float:left;}
.designers ul li a .team_per img{max-width:100%;}
.designers ul li a span{ display:block; width:100%;font-size:14px; line-height:30px; height:30px;
                     float:left; background:#8baa00; text-align:center; color:#fff;}
					 .team ul li a span:hover{ background:#8baa00;}
.designers ul li a .team_text{ width:100%; height:120px; float:left; background:#f5f5f5;}
.designers ul li a .team_text h1{ font-size:16px; color:#333; line-height:30px; height:30px;
         float:left; margin-left:20px; width:100%;}
.designers ul li a .team_text:hover h1{ color:#8baa00;}
.designers ul li a .team_text h2{ font-size:12px; line-height:20px; height:20px; color:#666; float:left; width:60px; margin-left:20px;}
.designers ul li a .team_text h3{ font-size:12px; line-height:20px; height:20px; color:#666; float:left; width:60px; margin-left:20px;}
.designers ul li a .team_text s{ float:left;font-size:12px; line-height:20px; height:20px; 
                              color:#fa4c06; font-weight:bold;}
.designers ul li a .team_p{ float:left; padding:0 20px 10px 20px; font-size:12px; color:#666; line-height:20px;}
.designers ul li a .team_text:hover p{ color:#000;}





/*设计师内页*/
.designer_con{ width:100%; float:left; margin-top:20px;}
.designer_con .design_con_l{ width:284px; height:320px; float:left;}
.designer_con .design_con_l img{ max-width:100%; float:left;}
.designer_con .design_con_r{ width:800px; float:left; margin-left:36px;}
.designer_con .design_con_r .designer_name{ float:left; width:100%;}
.designer_con .design_con_r .designer_name h1{ float:left; font-size:24px; color:#333; font-weight:bold; line-height:50px; height:50px; width:80px; display:inline;}
.designer_con .design_con_r .designer_name span{ display:block; width:120px; float:left; font-size:14px;  line-height:20px; height:20px; margin-top:20px;}
.designer_con .design_con_r .designer_name span:hover{ color:#fa4c06; cursor:pointer;}
.designer_con .design_con_r ul{ width:100%; float:left; margin-top:20px; }
.designer_con .design_con_r ul li{ width:100%; float:left; letter-spacing:3px; margin-bottom:10px;}
.designer_con .design_con_r ul li .i_l{ color:#333; font-size:14px; line-height:20px; height:20px; width:350px; float:left;}
.designer_con .design_con_r ul li .i_l em{ font-size:14px; font-weight:bold;}
.designer_con .design_con_r ul li .i_l s{color:#fa4c06;}
.designer_con .design_con_r ul li .i_r{ color:#333; font-size:14px; line-height:20px; height:20px;  width:350px; float:left;}
.designer_con .design_con_r ul li .i_r em{font-size:14px; font-weight:bold;}
.designer_con .design_con_r ul li .i_r s{color:#fa4c06; font-weight:bold;}
.designer_con .designer_text{width:600px; float:left; margin-top:20px; height:80px;}
.designer_con .designer_text p{font-size:14px; color:#333; line-height:20px; padding:20px; height:80px; float:left;
                                       padding-left:0px; padding-top:0px; letter-spacing:1px;}
.designer_con .designer_text p em{ font-size:14px; font-weight:bold;}
.designer_con .appointment{ float:left; width:100%;}
.designer_con .appointment a{ width:100px; font-size:14px; line-height:30px; height:30px; text-align:center; 
                                 background:#8baa00; color:#fff; display:block;}
.designer_con .appointment a:hover{background:#8baa00;}