@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
html{ font-family:"微软雅黑"}
a{ text-decoration:none;}
ul li,ol li{ list-style:none;}
img{ border:0;}
.clear{ clear:both;}
.tops{ overflow:hidden;zoom:1; width:100%; min-width:1200px; margin:0 auto;}
.logos{ width:1150px; margin:0 auto; overflow:hidden;zoom:1; padding:10px 0;}
.logo{ float:left;}
.phone{ float:right; margin-top:10px;}
.da_nav{ overflow:hidden;zoom:1; height:36px; background:url(../images/nav_bg.jpg) left center repeat-x; border-top:1px solid #ccc; border-bottom:2px solid #6a5224;}
.nav{ width:1150px; margin:0 auto; height:36px;}
.nav>li{ float:left;}
.nav>li>a{ float:left;width:127px; height:36px; text-align:center; line-height:36px; background:url(../images/list.jpg) right center no-repeat; font-size:16px; color:#333; transition:0.3s;}
.nav>li>a.last{ background:none;}
.nav>li>a:hover,.nav>li>a.nav_style{ background-color:#6a5224; color:#fff;}
.banner{ overflow:hidden;zoom:1; min-width:1200px; margin:0 auto 20px;}
.banner_bg{ width:1150px; margin:0 auto; height:20px; text-align:center;}
.cont{ overflow:hidden;zoom:1; min-width:1200px; margin:0 auto 20px;}
.mod1,.mod2,.mod3{ overflow:hidden;zoom:1; width:1150px; margin:0 auto 20px;}
.mod1_left{ float:left; width:760px; overflow:hidden;zoom:1;}
h1{ font-weight:normal; border-bottom:1px solid #ccc; background:url(../images/list2.jpg) left bottom no-repeat; color:#b28238; font-size:18px; padding-left:5px; padding-bottom:3px; padding-right:5px; margin-bottom:15px;}
h1 span{ color:#a1a1a1; font-size:14px; padding-left:8px;}
.sg_more{ float:right; width:38px; height:13px; padding-top:5px;}
.m1l_c{ overflow:hidden;zoom:1;}
.m1l_c a{ float:left; width:301px; height:246px; overflow:hidden;zoom:1;}
.m1l_c a img{ display:block; width:301px; height:246px;}
.m1l_cw{ float:right; width:445px; padding-right:5px; overflow:hidden;zoom:1; height:246px;}
.m1l_cw p{ line-height:25px; font-size:14px; color:#555; margin-bottom:10px; text-indent:2rem;}
.mod1_right{ float:right; width:330px; overflow:hidden;zoom:1;}
.m1r_t{ display:block; width:328px; height:109px; border:1px solid #ccc; overflow:hidden;zoom:1; text-align:center; padding-top:3px; margin:0 auto 10px;}
.m1r_t img{ width:322px; height:105px;}
.md1_ul{ overflow:hidden;zoom:1; height:130px;}
.md1_ul li{ height:30px; line-height:30px; background:url(../images/list3.png) left center no-repeat; padding-left:10px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;zoom:1;}
.md1_ul li a{ font-size:14px; color:#555; }
.md1_ul li:hover a{ color:#b28238;}
.m2dls{ width:260px; height:170px; border:1px solid #ccc; float:left; padding:3px; margin-right:26px; margin-bottom:20px; overflow:hidden;zoom:1;}
.m2dls a{ display:block; position:relative; text-align:center; width:260px; height:170px;}
.m2dls a img{ width:260px; height:170px;}
.m2tit{ position:absolute; bottom:-35px; left:0; padding:0 10px; font-size:14px; background:rgba(0,0,0,0.5); color:#fff; height:30px; line-height:30px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;zoom:1; width:240px; transition:0.3s;}
.m2dls:hover .m2tit{ bottom:0;}
.m2dls_style{ margin-right:0;}
.mod2{ margin-bottom:0px;}
.design{height:184px;  width:500px; position:relative; overflow:hidden;zoom:1;}
.design_boy{ width:182px; height:182px; border:1px solid #ccc; border-radius:50%; overflow:hidden;zoom:1; position:absolute; left:0px; top:0;}
.design_boy img{ width:182px; height:182px;}
.design_box{ width:390px; height:184px;background-color:#f7f7f7; margin-left:101px; padding-right:10px;}
.desi{ float:right; width:281px; overflow:hidden;zoom:1;}
.sg_name{ height:30px; line-height:30px; margin-top:20px; margin-bottom:15px;}
.sg_name a{ font-size:18px; color:#6a5224; border-bottom:1px solid #c58838;}
.sg_name a span{ font-size:16px; color:#6a5224;}
.jy{ height:25px; line-height:25px; font-size:14px; color:#555;}
.ln{ height:73px; overflow:hidden;zoom:1; line-height:25px; font-size:14px; color:#555;}
#CSSBox{float:left;width:1075px;height:184px; margin:0 auto;overflow:hidden;background-color:#ffffff;}
#CSSBox .design{ float:left; list-style:none; border:0px solid red; margin:0px 18px;}
#LeftButton{cursor:hand;margin:5px;height:179px;width:25px;float:left;background:url(../images/left.png) center center no-repeat; cursor:pointer; margin-right:10px;}
#RightButton{cursor:hand;margin:5px;height:179px;width:25px;float:right;background:url(../images/right.png) center center no-repeat; cursor:pointer;}
.mod3 #wrapper{width:1150px; margin:0 auto; height:186px; display:block;}
#ProductShow{width:305px;height:245px;text-align:center;border:1px solid #c0c0c0;margin:5px;}
#CSSContent{height:184px;}
body>.foot{ overflow:hidden;zoom:1; background-color:#cbcbcb; padding:20px 0;}
.footer{ width:970px; margin:0 auto; overflow:hidden;zoom:1;}
.foot_logo{ float:left; margin-right:45px; margin-top:10px;}
.nav_di{ float:left; margin-right:45px;}
.saoyisao{ width:97px; overflow:hidden;zoom:1; float:left; margin-right:20px;}
.saoyisao img{ width:97px; height:97px; margin-bottom:5px;}
.saoyisao p{ text-align:center; font-size:14px; color:#7c632b;}
.address_foot{ float:left; width:480px; overflow:hidden;zoom:1;}
.address_foot p{ font-size:14px; color:#747066; line-height:25px;}
.address_foot p a{ color:#747066;}
.address_foot p a:hover{ color:#f00;}
.cont_mid{ width:1150px; margin:0 auto; overflow:hidden;zoom:1;}
.mianbao{ overflow:hidden;zoom:1; padding-bottom:5px; border-bottom:1px solid #ccc; margin-bottom:20px;}
.mianbao p{ font-size:18px; color:#6a5224; width:500px; float:left;}
.mianbao div{ float:right; width:500px; font-size:14px; color:#999; text-align:right;}
.mianbao div a{ font-size:14px; color:#999;}
.mianbao div a:hover{color:#6a5224;}
.content{ overflow:hidden;zoom:1;}
.case{ width:356px; overflow:hidden;zoom:1; padding:3px; border:1px solid #9c8348; float:left; margin-right:29px; background-color:#fcfcfc; margin-bottom:20px;}
.case dt,.case dt a{ display:block; width:356px; height:233px; overflow:hidden;zoom:1;}
.case dt img{ width:356px; height:233px;}
.case dd{ padding:0 10px; overflow:hidden;zoom:1; margin:5px 0; font-size:12px; color:#666; width:336px;text-overflow:ellipsis;white-space:nowrap;}
.case .case_tit{ float:left; max-width:200px; font-size:14px; color:#666}
.case .mianji{ float:right; width:100px; font-size:12px; color:#666; text-align:right;}
.page{ overflow:hidden;zoom:1; padding:5px 0; text-align:center; margin-top:20px;}
.page a{ padding:3px 7px; border:1px solid #ccc; margin-right:5px; font-size:14px; color:#666;}
.page a.style,.page a:hover{ background-color:#80672d; color:#fff;}
/* zoombox */
.zoombox{width:894px;height:535px;position:relative; float:left;}
#slideshow{list-style:none;color:#fff;}
#slideshow span{display:none}
.zoombox #wrapper{width:894px;margin:0px auto;display:none;}
.zoombox #wrapper *{margin:0;padding:0}
#fullsize{position:relative;width:888px;height:446px;padding:2px;border:1px solid #ccc;}
#information{position:absolute;bottom:0;width:888px;height:0;background:#000;color:#fff;overflow:hidden;z-index:200;opacity:0;filter:alpha(opacity=70)}
#information h3{padding:4px 8px 3px;font-size:14px; opacity:0;}
#information p{padding:0 8px 8px; opacity:0;}
#image{width:888px}
#image img{position:absolute;z-index:25;width:888px;height:446px;}
.imgnav{position:absolute;width:25%;height:452px;cursor:pointer;z-index:150}
#imgprev{left:0;background:url(../images/left.gif) left center no-repeat}
#imgnext{right:0;background:url(../images/right.gif) right center no-repeat}
#imglink{position:absolute;height:452px;width:100%;z-index:100;opacity:.4;filter:alpha(opacity=40)}
.linkhover{background:url(../images/link.gif) center center no-repeat}
 #thumbnails{margin-top:12px; height:77px;}
#slideleft{float:left;width:20px;height:81px;background:url(../images/scroll-left.gif) center center no-repeat;}
#slideleft:hover{background-color:#ccc}
#slideright{float:right;width:20px;height:81px;background: url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover{background-color:#ccc}
#slidearea{float:left;position:relative;width:844px;margin-left:5px;height:81px;overflow:hidden; margin-top:20px;}
.zoombox #slider{position:absolute;left:0;height:81px}
.zoombox #slider img{cursor:pointer;border:1px solid #333;padding:2px;width:125px;height:75px;}
.zozom_p{ position:absolute; left:1px; top:417px; width:868px; height:30px; background:rgba(0,0,0,0.7); color:#fff; font-size:14px; padding:0 10px; z-index:9999; line-height:30px;}
.p1{ float:left; margin-right:10px;}
.p2{ float:left; margin-right:20px;}
.p3{ float:left;}
.p4{ float:right;}

.designs{ float:right; width:226px; overflow:hidden;zoom:1; background-color:#f8f8f8; padding:10px 10px;}
.sj{ width:100%; display:block; margin-bottom:10px;}
.sjs{ overflow:auto; height:355px; font-size:14px; line-height:25px; color:#666;}
    ::-webkit-scrollbar {  
      width: 14px;  
      height: 14px;  
    }  
      
    ::-webkit-scrollbar-track,  
    ::-webkit-scrollbar-thumb {  
      border-radius: 999px;  
      border: 5px solid transparent;  
    }  
      
    ::-webkit-scrollbar-track {  
      box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;  
    }  
      
    ::-webkit-scrollbar-thumb {  
      min-height: 20px;  
      background-clip: content-box;  
      box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;  
    }  
      
    ::-webkit-scrollbar-corner {  
      background: transparent;  
    } 
.if{ overflow:hidden;zoom:1; margin-top:19px;} 
.if_left{ float:left; width:150px; font-size:12px; color:#b39356; overflow:hidden;zoom:1; margin-top:5px;}
.if_left img{ width:100%;}
.if_left span{ font-size:10px;}
.if_rigt{ float:right; width:70px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; background-color:#ac8c50;  }
.team{ float:left; width:268px;overflow:hidden;zoom:1; border:1px solid #e0dfdd; background-color:#f8f7f5; margin-right:23px; margin-bottom:20px;}
.sheji{ background:url(../images/designer-show.png) center center no-repeat; width:269px; height:76px;}
.team dt{ display:block; width:268px; height:269px; overflow:hidden;zoom:1; margin:0 auto;}
.team dt a{ display:block;}
.team dt img{ width:268px; height:269px;}
.team dd{ padding:0 10px;}
.jyan{ margin:10px 0 5px; font-size:16px; color:#6b5323;}
.gzln{ width:70px; margin-left:10px; height:25px; line-height:25px; font-size:14px; color:#fff; text-align:center; background-color:#9c8348; margin-bottom:10px;}
.team_js{ padding:0 10px; font-size:14px; color:#333; line-height:25px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; margin-bottom:20px;height:72px;}
.sgg{ display:block; font-size:18px; color:#fff; padding-left:20px; padding-top:10px;}
.sgactor{ display:block; font-size:14px; color:#fff; padding-left:20px; padding-top:5px;}
.actor{ float:left; width:325px; height:325px; overflow:hidden;zoom:1;}
.actor img{ width:325px; height:325px;}
.designer{ float:right; width:800px; overflow:hidden;zoom:1;}
.sgse{ font-size:20px; color:#6b5323; height:30px; line-height:30px; border-bottom:1px dashed #ccc; padding-bottom:5px; margin-bottom:10px;}
.sgse span{ font-size:14px;}
.sjjingy{ font-size:14px; border-bottom:1px dashed #ccc; line-height:25px; padding-bottom:5px; margin-bottom:30px;}
.sjjingy span{ color:#666;}
.grjj{ font-size:16px; color:#333; margin-top:10px; margin-bottom:10px;}
.boy_jes{ font-size:14px; color:#666; text-indent:2rem; line-height:25px; margin-bottom:20px;}
.zp_more{ float:right; font-size:14px; color:#999;}
.zp_more:hover{ color:#6b5323;}
.zp{ float:left; width:260px;margin-right:26px; margin-bottom:20px; border:1px solid #ccc; padding:3px; background-color:#f5f5f5;}
.zp dt,.zp dt a{ display:block; width:260px; height:170px; overflow:hidden;zoom:1;}
.zp dt img{ width:260px; height:170px;}
.zp dd{ padding:0 10px; text-align:center; height:30px; line-height:30px; font-size:14px; color:#555;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;zoom:1;}
.left{ float:left; width:224px; overflow:hidden;zoom:1; margin-right:30px; text-align:center;}
.left img{ display:block; margin-bottom:34px;}
#dituContent{ float:left;}
.right{ float:right; width:230px; padding-right:10px;font-size:14px; line-height:25px; color:#999;}
.trvel{ height:20px; line-height:20px; border-left:3px solid #927339; padding-left:10px; margin-bottom:20px;}
.address{ color:#927339; font-size:16px; padding-right:10px;}
.time{ font-size:14px; color:#999;}
.trvel a{ float:right; font-size:14px; color:#999;}
.trvel a:hover{color:#6b5323;}
.tupian{ float:left; width:272px; height:171px; overflow:hidden;zoom:1; margin-right:20px; margin-bottom:20px;}
.tupian img{ width:272px; height:171px;}
.case3{ margin-right:0;} 
.news{ overflow:hidden;zoom:1; border-bottom:1px dashed #ccc; margin-bottom:20px; padding:10px; transition:0.3s;}
.news_tu{ float:left; width:174px; height:107px; overflow:hidden;zoom:1; margin-right:20px;}
.news_tu img{ width:174px; height:107px;}
.news_dl{ float:left; width:760px; overflow:hidden;zoom:1;}
.news_dl dt,.news_dl dt a{ display:block; height:30px; line-height:30px; font-size:16px; color:#333; max-width:760px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;zoom:1;}
.news_dl dd{ font-size:14px; color:#666; line-height:25px; margin-top:15px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.date{ float:right; font-size:14px; color:#999; width:150px; text-align:right;}
.news:hover{ background-color:#fcfaf3;}
.newss{ margin-bottom:40px;}
.title{ font-size:18px; color:#333; height:40px; line-height:40px; text-align:center;}
/* .contents{ padding:0 60px;} */
.tiaowen{ height:30px; line-height:30px; background:url(../images/ttt.jpg) left center repeat-x; text-align:center; margin-bottom:20px;}
.tiaowen span{ font-size:14px; color:#666; margin:0 20px;}
.dl{ font-size:14px; color:#666; line-height:25px; text-indent:2rem; margin-bottom:20px;}
.ys{ display:block; margin:0 auto 20px;}
.sx{ border-top:1px solid #ccc; overflow:hidden;zoom:1; padding:20px 40px;}
.shang{ height:25px; line-height:25px;}
.shang a{ font-size:14px; color:#666;}
.sx a:hover{ color:#b28724;}
.huitiao{ height:30px; background-color:#f9fafc;}
.why{ text-align:center; padding:20px 0;}
.why img{ width:329px; height:74px;}
.why2{ width:1124px; height:627px; margin:0 auto 20px;}
.why2 img{width:1124px; height:627px;}
.and{ float:left; width:400px; overflow:hidden;zoom:1; padding:20px; background-color:#ebebeb;}
.and1{ font-size:14px; line-height:25px; color:#666; margin-bottom:30px;}
.requst{ color:#84652b; font-size:14px; line-height:25px; margin-bottom:30px;}
.and_lianxi{ display:block; width:150px; text-align:center; height:30px; line-height:30px; font-size:14px; color:#fff; background-color:#675637; margin:0 auto; border-radius:10px;}
.xun{ float:right; width:700px; height:349px; text-align:center; overflow:hidden;zoom:1;}
.xun img{ width:600px; height:349px;}
.ner_banner{ width:1150px; height:350px; overflow:hidden;zoom:1; margin:0 auto;}
.ner_banner img{ width:1150px; height:350px; }
/*kefu*/
.izl-rmenu{ width:82px; height:auto; position:fixed; right:0; bottom:130px; background-color:#fff; border:1px solid #ccc;}
.izl-rmenu .btn_top {
    text-align:center;
	font-size:14px;
	color:#333;
    display: block;
    height: auto;
	padding:10px 0;
	border-bottom:1px solid #ccc;
    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;
}
.rmenu_sq{ display:block; text-align:center; width:82px; font-size:14px; color:#333; border-bottom:1px solid #ccc; padding:10px 0;}
.close{ height:30px; text-align:center; font-size:14px; color:#666; line-height:30px; cursor:pointer;}
.close:hover{ background-color:#6a5224; color:#fff;}