a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0; list-style:none; text-decoration:none; font-family:"宋体"; font-size:12px; color:#9d9d9d;}
.float_l{ float:left;}
.float_r{ float:right;}
.clear{ clear:both;}


@font-face{ font-family:"didot" src:
  url(../fonts/Didot.ttf)     
      }

/*头部区域 start*/
.header{ height:190px; overflow:hidden;}
.hd_con{ width:1100px; height:190px; margin:40px auto;}
.hd_logo{ margin-top:30px;}
.hd_nav{ width:500px; height:120px; margin-left:285px;}
.hd_nav li{ display:block; float:left; width:100px; height:120px; text-transform:uppercase; font-size:20px; color:#333; position:relative; top:0; left:0; transition:0.3s;}
.hd_nav li .nav_en{display:block; font-size:12px; width:100px; height:2px; float:left; word-wrap:break-word;-webkit-transform:rotateZ(90deg); transform:rotateZ(90deg); position:absolute; top:50px; left:-40px;}
.hd_nav li .nav_ch{display:block; font-size:20px; width:2px; height:120px; float:left; position:absolute; top:0px; left:8px;}
.hd_nav li:hover p,.hd_nav li.active p{ color:#794c0d;}
.nav_down{ width:100px; height:60px;  float:left; opacity:0;transition:0.3s;}
.nav_down a{ float:left;display:block; width:12px; height:60px; margin-left:10px; colo r:#666;}
.hd_nav li:hover .nav_down{ opacity:1;}
.nav_down a:hover{color:#794c0d;} 
.dl{ width:13px; height:140px; margin-top:10px; position:relative;}
.dl i{ display:block; width:13px; height:13px; background:url(../images/dl.png) no-repeat center center;}
.dl p { margin-top:10px;}
.dl p span{ color:#794c0d;}
.dl a:hover p{color:#794c0d;}
.zhuce{ display:none; background:#f5f3ed; width:386px; height:510px; position:fixed; top:50%; margin-top:-255px; left:50%; margin-left:-193px; z-index:100}

.zhuce .close{width:24px; height:24px; background:#000; color:#fff; text-align:center; line-height:24px; font-size:20px; position:absolute; right:0px; top:0; cursor:pointer;}
.zhuce_bg{ width:100%; height:100%; background:url(../images/btm80.png); position:fixed; top:0;left:0; display:none; z-index:10}
.zhuce h5{ font-size:24px; color:#666; text-align:center; margin-top:60px;}
.zhuce form{ width:300px; height:250px; bor der:1px solid red; margin:40px auto 30px;}
.zhuce form input{ width:300px; height:30px; border:1px solid #bfbfbf; background:#fff; margin-bottom:20px; text-indent:40px;}
.zhuce form input[type="submit"]{ background:#7c5013; text-align:center; text-indent:0; width:300px;height:30px; line-height:30px; cursor:pointer; font-size:12px; color:#fff;}

.zhuce form input:nth-of-type(1){ background:url(../images/emal.png) no-repeat 15px center ;}
.zhuce form input:nth-of-type(2){ background:url(../images/lock.png) no-repeat 15px center;}
.zhuce form input:nth-of-type(3){ background:url(../images/ren.png) no-repeat 15px center;}
.zhuce form input:nth-of-type(4){ background:url(../images/tel.png) no-repeat 15px center;}

.zhuce .yiyou{ width:180px; height:50px; margin:0 auto;}
.zhuce .yiyou li{ float:left; margin-right:10px;}
.zhuce .yiyou li span{ color:#ff8641;}

/*海报区域 start*/
.banner{ width:100%; height:730px; position:relative; overflow:hidden; z-index:5}
.banner a{ position:absolute; top:0; left:50%; margin-left:-960px; display:none;}
.banner .shu{ position:absolute; width:100%; bottom:20px; text-align:center;}
.banner .shu li{width:14px; height:14px; background:#aaa; font-size:10px; text-align:center; line-height:14px; border-radius:50%; display:inline-block; color:#fff; cursor:pointer;}
.banner .shu li.active{ background:#794c0d;}
.banner .btn{ font-size:100px; position:absolute; top:50%; margin-top:-50px;font-family:"宋体"; color:#fff; cursor:pointer; opacity:0; transition:0.3s}

.banner .btn_l{left:50%; margin-left:-500px}
.banner .btn_r{right:50%; margin-right:-500px;}
.banner:hover .btn_l{ opacity:1; margin-left:-600px;}
.banner:hover .btn_r{ opacity:1; margin-right:-600px;}
/*翻页区域*/
.pick{ border-top:dashed 1px #d1cfcf; width:1100px; height:433px; margin:70px auto 0;}
.pc_tu{ margin-top:90px;}
.pc_con{ margin-top:52px;}
.pc_con li{ float:left; margin-right:24px;}
.pc_con li a{ font-family:"宋体"; text-align:center; line-height:2em; color:#666;}
.pc_con li a h1{ font-size:12px; font-weight:100;}
.pc_con li a p{ font-size:10px;text-transform:uppercase;}
.pc_con li a:hover h1,.pc_con li a:hover p{ color:#7c5013}
.pc_con li a img{ transition:0.3s;}
.pc_con li a:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1)} 
/*走进木之韵*/
.about,.pro,.support{ border-top:solid 1px #d1d0d0; width:100%; height:500px;}

.ab_con{ width:1100px; height:522px;  margin:0 auto;}
.ab_left{ width:320px; height:380px;}
.ab_title{ position:relative; top:0; left:0;}

.en_title{font-size:50px; color:#794c0d; text-transform:uppercase; font-family:"didot";}
.ab_en_title{ width:400px; position:absolute; top:-60px; opacity:0; transition:0.5s }
.about.active .ab_en_title{opacity:1;}

.ab_text{ width:213px; height:140px; text-align:left; margin-top:220px; opacity:0; transition:0.3s}
.about.active .ab_text{ opacity:1;}

.ab_text h2{ font-size:14px; color:363636; line-height:36px;}
.ab_text p{ line-height:21px;}
.more{ margin-top:24px; color:#444; display:block; width:88px; height:14px; position:relative;top:0; left:0;}
.more:hover{ color:#794c0d}
.more span{ width:12px; height:12px; display:block; background:url(../images/more.png); position:absolute; top:50%; margin-top:-5px; left:80px; transition:left 0.3s;}
.more:hover span{ background-position:0 -12px;left:90px;}

.ab_right{ width:780px; height:380px;}
.ab_right img{ float:right;}

.ab_right .ab_ceng{ width:375px; height:358px; background:rgba(0,0,0,0.4); position:relative; transition:0.3s; opacity:0; z-index:20} 
.ab_right .ab_ceng .kuang{ width:200px; height:200px; position:absolute; top:50%; margin-top:-100px; left:50%; margin-left:-100px; }
.ab_right .ab_tu1:hover .ab_ceng,.ab_right .ab_tu2:hover .ab_ceng{ opacity:1;}

/*///////////////////svg*/
.ab_right .ab_tu1 rect,.ab_right .ab_tu2 rect{ fill:rgba(0,0,0,0); stroke:#c7cccd; stroke-width:2; stroke-dasharray:800; stroke-dashoffset:800; transition:1.2s; position:absolute; top:50%; margin-top:-100px; left:50%; margin-left:-100px; z-index:100;}

.ab_right .ab_tu1:hover rect,.ab_right .ab_tu2:hover rect{stroke-dashoffset:0;}

.ab_right .ab_ceng .kuang .text{ width:140px; height:60px; text-align:center; position:absolute; top:50%; margin-top:-30px;left:50%; margin-left:-70px; z-index:300;}
.ab_right .ab_ceng .kuang .text h5,.ab_right .ab_ceng .kuang .text p,.ab_right .ab_ceng .kuang .text span{ color:#CCC; text-transform:uppercase;}


/*产品分类区域*/
.pro_con{width:1100px; height:540px; margin:0 auto; }
.pro_left{ width:320px; height:380px; }
.pro_title{ position:relative; top:0; right:0;}
.pro_en_title{ position:absolute; top:-60px; right:0px; opacity:0; transition:0.5s;}
.pro.active .pro_en_title{ opacity:1;}

.pro_text{ width:213px; height:140px; text-align:left; margin-top:220px;}
.pro_text h2{ font-size:14px; color:363636; line-height:36px;}
.pro_text p{ line-height:21px;}


.pro_right{ width:780px; height:380px;}
.pro_right li{ float:left; margin-right:20px; position:relative; top:0; left:0;}
.pro_right li a .mc{ display:block; width:225px; height:364px; background:#000; opacity:0; transition:0.3s; position:absolute; top:0; left:0;}
.pro_right li a .mc h3{ display:block; width:46px; height:86px; border:1px solid #d1cdcb; border-radius:20% 0 20%; background:#988575; color:#FFF; font-size:14px; text-align:center; line-height:86px; position:absolute; top:50%; margin-top:-43px; left:50%; margin-left:-23px;}
.pro_right li:hover .mc{ opacity:0.5;}
.pro_right li:hover .mc h3{opacity:1; }

.lw_more{ float:left; width:1100px; height:67px; text-align:center; line-height:67px; color:#525252; background:#f5f4f4; margin:50px auto; cursor:pointer;}

/*新闻中心区域*/
.news{width:1100px; height:440px; margin:0 auto; overflow:hidden}
.news_left{ width:400px; height:440px; margin-top:100px}
.news_title{ width:220px; height:214px; border-right:solid 1px #ececec; }
.news_title img{ margin-left:70px;margin-top:30px;}
.news_right{ width:700px; height:440px;margin-top:80px;}
.news_text{ width:381px; height:73px; padding:20px 50px;}

.news_text h2{ font-size:14px; color:363636; line-height:36px;}
.news_text:hover h2{ color:#794c0d;}
.news_text:hover p,.news_text:hover span{color:#9d876f;}
.news_text p{ line-height:21px; }
.news_text p span{ float:right; line-height:2em;}

.news_r_tu{ float:left; width:180px; height:160px;}
.news_r_tu img{ float:left;}
.news_r_tu p{ float:left; margin-left:55px; line-height:20px; color:#222}
.news_r_tu a:hover p{ color:#794c0d;}
/*设计支持区域*/
.sp_con{ width:1100px; height:545px; margin:0 auto;}
.sp_left{ width:350px; height:378px; border-right:1px solid #d0cfcc;}
.sp_text{ width:260px; height:288px; text-align:left; margin-top:90px;}
.sp_text h2{ font-size:14px; color:363636; line-height:36px;}
.sp_text p{ line-height:21px;}


.sp_right{ width:652px; height:450px; }
.sp_title{ position:relative; top:0; right:0;}
.sp_en_title{ position:absolute; top:-60px;right:0px; opacity:0; transition:0.5s}
.support.active .sp_en_title{ opacity:1;}
.sp_tu{ width:450px; height:436px;}
.sp_tu .zc_tu{ width:422px; height:309px; overflow:hidden;}
.sp_tu img{ transition:0.3s;}
.sp_tu .zc_tu:hover img{-webkit-transform:scale(1.1); transform:scale(1.1); cursor:pointer;}
.sp_r_text{width:424px; height:100px;;text-align:left;}
.sp_r_text h2{ font-size:14px; color:363636; line-height:36px;}
.sp_r_text p{ line-height:21px;}
.sp_r_text a:hover h2{ color:#79440d;}
.sp_r_text a:hover p{ color:#9d876f;}

.sp_more{ color:#444; display:block; background:#fcfbf7; width:73px; height:15px; text-align:center; line-height:15px; border:1px solid #9b9b9b;}
.sp_more:hover{ background:#f5f1ee}
/*底部区域*/
.footer{ width:100%; height:215px; background:#dedee0; overflow:hidden;}
.ft_con{ width:1100px; height:80px; margin:90px auto;}
.logo_ft{ display:block;}
.lixi{ width:290px; height:33px; padding:20px 70px; line-height:1.5em;}
.dizhi{ position:relative;}
.dizhi b{ width:12px; height:12px; display:block; background:url(../images/iconfont-dizhi.png) no-repeat center center;left:-12px; position:absolute;top:0; left:-16px;}
.tel{ position:relative;}
.tel b{ width:12px; height:12px; display:block; background:url(../images/iconfont-dianhua.png) no-repeat center center; position:absolute;top:0; left:-16px;}

.copy{padding:20px 0}

/*内页公共样式*/
/*内页头部区域*/
.ny_header{ background:url(../images/hd_bg.png); width:100%; height:481px;}
/*内页海报区域*/
.ny_banner_out{ width:1100px; height:450px; margin:-188px auto 0;} 
.ny_banner_out p{ border-bottom:dashed 1px #999; line-height:3em; text-transform:uppercase; margin-bottom:10px;}
.ny_banner_out p span{ color:#666}
.ny_banner{ position:relative;}
.banner_title{ width:82px; height:321px; background:rgba(255,255,255,0.9); border:1px solid #794c0d; position:absolute; top:-100px; right:100px;}
.banner_title img{ margin-top:60px; margin-left:20px;}
.ny_banner{ position:relative;}
.ny_banner_wenzi{ width:840px; height:100px; font-size:40px; color:#fff; text-transform:uppercase; text-align:center; line-height:100px; position:absolute; top:100%; margin-top:0px; left:50%; margin-left:-420px; letter-spacing:0.5em; font-family:"didot"; font-weight:100;transition:0.3s;}
.ny_banner.active .ny_banner_wenzi{top:50%; margin-top:-50px; left:50%; margin-left:-420px;}


.box .shu{font-family:"didot"; font-size:120px; color:#794c0d; transition:0.3s;}
.box .bg{ width:294px; height:171px; background:rgba( 235,235,235,0.5);  }
.box .en{ font-family:"didot"; font-size:50px; color:#794c0d; text-transform:uppercase; transition:0.5s }
.box .text{ width:344px; height:144px;}
.box .text p{ font-size:12px;line-height:21px;}
.top{ width:40px; height:40px; border:1px solid #999; position:fixed; bottom:60px; right:20px; font-size:20px; color:#666; text-align:center; line-height:40px;}



/*内页新闻区域*/
.ny_con1,.ny_con2,.ny_con3,.ny_con4 {position:relative; top:0; left:0; margin:0 auto 60px;overflow:hidden;}
.ny_con1{ width:1100px; height:650px; }
.ny_news_t{ position:absolute; top:70px; left:0;}
.ny_news_tu_1{ position:absolute; top:150px; left:-40px; opacity:0; transition:0.3s;}
.ny_con1.active .ny_news_tu_1{ left:110px; opacity:1;}


.ny_news_en{ width:350px; height:130px; font-size:50px; line-height:60px; color:#794c0d; font-family:"didot"; font-weight:100; text-transform:uppercase; position:absolute; top:200px; right:-80px; opacity:0; transition:0.3s;}
.ny_con1.active .ny_news_en{right:100px; opacity:1;}
.ny_news_en span{ font-size:80px; color:#794c0d;}


.ny_news_text{  right:0; width:400px; height:170px; padding:40px 60px; border:1px solid #999; border-right:0; background:rgba(255,255,255,0.2);position:absolute; top:360px; right:-150px; opacity:0; transition:0.3s 0.3s;}
.ny_con1.active .ny_news_text{right:0; opacity:1;}
.text a:hover h2{ color:#794c0d;}
.text a:hover p,.text a:hover span{color:#9d876f}


h2{ font-size:14px; line-height:36px; color:#363636; font-weight:100;}
.ny_news_text p{ font-size:12px; line-height:21px;}  
.ny_news_text p span{ float:right;}

.ny_con2{ width:1100px; height:660px;}
.ny_con2 .shu{ position:absolute; top:65px; left:170px; z-index:3;}
.ny_con2 .bg{position:absolute; top:140px; left:114px; z-index:2}
.ny_con2 .en{position:absolute; top:240px; left:-200px; z-index:3; opacity:0; transition:0.3s;}
.ny_con2.active .ny_con2_en{left:50px; opacity:1;}
.ny_con2 .tu{ position:absolute; top:0; right:-80px; z-index:1; opacity:0; transition:0.3s;}
.ny_con2.active .tu{ opacity:1; right:80px;}

.ny_con2 .text{position:absolute; bottom:10px; left:0px; opacity:0; transition:0.3s 0.3s;}
.ny_con2.active .text{ opacity:1; left:150px;}

.ny_con3{ width:1100px; height:700px;}
.ny_con3 .shu{ position:absolute; top:140px; right:400px; z-index:3}
.ny_con3 .bg{position:absolute; top:220px; right:280px; z-index:2}
.ny_con3 .en{position:absolute; top:320px; right:0px; z-index:3;opacity:0; transition:0.3s;}
.ny_con3.active .en{right:210px; opacity:1;}
.ny_con3 .tu{ height:700px; position:absolute; top:0; left:-80px; z-index:1; opacity:0; transition:0.3s;}
.ny_con3.active .tu{ opacity:1; left:80px;}
.ny_con3 .text{position:absolute; bottom:80px; right:0px; opacity:0; transition:0.3s 0.3s;}
.ny_con3.active .text{ opacity:1; right:160px;}

.ny_con4{ width:1100px; height:660px;}
.ny_con4 .shu{ position:absolute; top:65px; left:250px; z-index:3}
.ny_con4 .bg{position:absolute; top:140px; left:194px; z-index:2}
.ny_con4 .en{position:absolute; top:240px; left:-30px; z-index:3; opacity:0; transition:0.3s;}
.ny_con4.active .en{left:130px; opacity:1;}
.ny_con4 .tu{ position:absolute; top:0; right:-150px; z-index:1; opacity:0; transition:0.3s;}
.ny_con4.active .tu{ right:0; opacity:1;}
.ny_con4 .text{position:absolute; bottom:20px; left:600px; opacity:0; transition:0.3s 0.3s;}
.ny_con4.active .text{ opacity:1; left:380px;}


/*内页产品区域*/
.ny_pro_con1,.ny_pro_con2,.ny_pro_con3{position:relative; top:0; left:0; margin:0 auto 80px;overflow:hidden;}
.ny_pro_con1{ width:1100px; height:1100px;}
.ny_pro_con1 .ny_pro_t{ position:absolute; top:70px; left:0;}
.ny_pro_en{ width:350px; height:130px; font-size:50px; line-height:60px; color:#794c0d; font-family:"didot"; font-weight:100; text-transform:uppercase;}
.ny_pro_en span{ font-size:80px; color:#794c0d;}
.ny_pro_con .tu{ width:700px; height:455px;}
.ny_pro_con1 .ny_pro_en{ position:absolute; top:380px; left:-50px; z-index:2; opacity:0; transition:0.5s;}
.ny_pro_con1.active .ny_pro_en{ left:125px; opacity:1;}
.ny_pro_con1 .pro_tu1{ position:absolute; top:160px; right:-210px; z-index:1; opacity:0; transition:0.5s;}
.ny_pro_con1.active .pro_tu1{ right:210px; opacity:1;}

.ny_pro_con1 .pro_tu2{ position:absolute; bottom:0px; left:-210px; z-index:1; opacity:0; transition:0.3s 0.8s}
.ny_pro_con1.active .pro_tu2{ left:110px; opacity:1;}

.ny_pro_con .text{ width:236px; height:131px; }
.ny_pro_con1 .ny_pro_text{position:absolute; bottom:45px; right:-200px; z-index:3; opacity:0; transition:0.3s 0.8s}
.ny_pro_con1.active .ny_pro_text{ right:20px; opacity:1;}

.ny_pro_con2{ width:1100px; height:940px;}
.ny_pro_con2 .ny_pro_t{ position:absolute; top:0px; right:0;}
.ny_pro_con2 .pro_tu3{position:absolute; top:0px; left:-200px; z-index:1; opacity:0; transition:0.5s 0.5s}
.ny_pro_con2.active .pro_tu3{ left:0; opacity:1;}

.ny_pro_con2 .pro_tu3 li{ display:block; width:210px; height:455px; float:left; margin-right:30px; position:relative; top:0; left:0; overflow:hidden;}
.ny_pro_con2 li:last-child{ margin-right:0}
.pro_tu3 .pro_more{display:block; width:210px; height:455px;background:rgba(0,0,0,0.5); text-transform:uppercase; position:absolute; top:455px; left:0; opacity:0; transition:0.3s;}
.pro_tu3 .pro_more .text{display:block; width:140px; height:60px;text-align:center; position:absolute; top:50%; margin-top:-30px;left:50%; margin-left:-70px;}
.pro_tu3 .pro_more .text p b{ display:block; width:10px; height:10px; border:1px solid #ccc; border-radius:50%; margin-left:64px;}
.pro_tu3 li:hover .pro_more{ top:-24px; opacity:1;}
.ny_pro_con2 .ny_pro_en{position:absolute; top:220px; right:0px; z-index:2; opacity:0; transition:0.5s 0.5s}
.ny_pro_con2.active .ny_pro_en{ right:110px; opacity:1;}
.ny_pro_con2 .pro_tu4{ width:800px; height:455px; position:absolute; bottom:0px; right:-200px; z-index:1; opacity:0; transition:0.5s 1s}
.ny_pro_con2.active .pro_tu4{ right:0px; opacity:1;}
.ny_pro_con2 .ny_pro_text{position:absolute; bottom:100px; left:30px; z-index:3;}

.ny_pro_con3{ width:1100px; height:980px;}
.ny_pro_con3 .ny_pro_t{ position:absolute; top:0px; left:0; z-index:1}
.ny_pro_con3 .ny_pro_en{ width:500px; height:80px; background:#fff; position:absolute; top:300px; left:0px; z-index:4; opacity:0; transition:1s 0.5s}
.ny_pro_con3.active .ny_pro_en{ left:60px; opacity:1;}
.ny_pro_con3 .ny_pro_text{ width:740px; height:350px; bord er:1px solid #999; position:absolute; top:80px; right:90px; z-index:2}
/*///////////////////svg*/
.ny_pro_con3 .ny_pro_text rect{ fill:rgba(0,0,0,0); stroke:#999; stroke-width:2; stroke-dasharray:2180; stroke-dashoffset:2180; transition:1s 1s;  top:20px; right:90px; z-index:100;}

.ny_pro_con3.active .ny_pro_text rect{stroke-dashoffset:0;}


.ny_pro_con3 .ny_pro_text .inner{ padding:60px 90px 180px; position:absolute; top:10px; left:60px;}
.ny_pro_tu5{ width:1100px; height:435px; position:absolute; bottom:50px;}
.ny_pro_tu5 li{ width:200px; height:435px; margin-right:25px; float:left; position:relative; top:0; left:0; z-index:1; overflow:hidden;}
.ny_pro_tu5 li:last-child{ margin-right:0}
.ny_pro_tu5 li:nth-child(even){top:50px;}
.ny_pro_more { width:200px; height:435px; background:rgba(0,0,0,0.5); text-transform:uppercase;}
.ny_pro_more .text{ width:140px; height:60px;text-align:center; position:absolute; top:50%; margin-top:-30px;left:50%; margin-left:-70px;}



.ny_pro_tu5 li:nth-child(odd) .ny_pro_more{position:absolute;top:-435px; left:0; z-index:2; opacity:0; transition:0.3s;}
.ny_pro_tu5 li:nth-child(odd):hover .ny_pro_more{ top:0; opacity:1;}
.ny_pro_tu5 li:nth-child(even) .ny_pro_more{position:absolute;top:435px; left:0; z-index:2 opacity:0; transition:0.3s;}
.ny_pro_tu5 li:nth-child(even):hover .ny_pro_more{ top:0; opacity:1}

/*设计师中心页面*/

.ny_dsg_con1,.ny_dsg_con2,.ny_dsg_con3{position:relative; top:0; left:0; margin:0 auto 60px; overflow:hidden;}
.ny_dsg_con1{ width:1100px; height:1000px; margin-bottom:0; top:200px; opacity:0; transition:0.5s;}
.ny_dsg_con1.active{ top:0; opacity:1;}

.ny_dsg_con1 .ny_dsg_t{ position:absolute; top:50px; left:0;}
.ny_dsg_con .one{ width:216px; height:279px; }
.ny_dsg_con .shu h6{ font-size:100px; color:#794c0d; font-family:"didot";}
.ny_dsg_con1 .dsg_tu1{position:absolute; top:200px; right:0;}
.ny_dsg_con .ny_dsg_con1 .shu h6{position:absolute; top:140px; right:160px;z-index:5;}

.ny_dsg_text{ width:340px; height:200px;}
.ny_dsg_con1 .ny_dsg_text{ position:absolute; top:100px; left:0px;opacity:0; transition:0.3s;}
.ny_dsg_con1.active .ny_dsg_text{ left:280px; opacity:1}
.ny_dsg_con .two{ width:655px; height:653px; bor der:1px solid #999;}
.ny_dsg_con1 .dsg_tu2{border-left:0; position:absolute; bottom:0px; left:0; z-index:2}

/*////////svg_1*/
.ny_dsg_con1 .dsg_tu2 rect{ fill:rgba(0,0,0,0); stroke:#999; stroke-width:2; stroke-dasharray:2616; stroke-dashoffset:2616; transition:1.5s 1s; position:absolute; bottom:0px; left:0; z-index:100;}
.ny_dsg_con1.active .dsg_tu2 rect{stroke-dashoffset:0;}
.ny_dsg_con1 .dsg_tu2 .wan {position:absolute; top:70px; left:77px; z-index:1;}
.ny_dsg_en{ width:350px; height:130px; font-size:50px; line-height:60px; color:#794c0d; font-family:"didot"; font-weight:100; text-transform:uppercase;}
.ny_dsg_en span{ font-size:80px; color:#794c0d;}
.ny_dsg_con1 .ny_dsg_en{ position:absolute; bottom:220px; right:-50px; z-index:3; opacity:0; transition:1.2s 0.3s;}
.ny_dsg_con1.active .ny_dsg_en{ right:180px; opacity:1;}


.ny_dsg_con1 .ny_dsg_text2{ position:absolute; bottom:60px; right:-50px; opacity:0; transition:1.5s 0.8s}
.ny_dsg_con1.active .ny_dsg_text2{ right:50px; opacity:1}

.ny_dsg_con2{ width:1100px; height:960px; margin-bottom:100px; top:100px; opacity:0; transition:0.5s;}
.ny_dsg_con2.active{ top:0; opacity:1;}

.ny_dsg_con2 .dsg_tu1{position:absolute; top:200px; left:0;}
.ny_dsg_con .ny_dsg_con2 .shu h6{position:absolute; top:140px; left:160px;z-index:5;}
.ny_dsg_con2 .dsg_tu2{ width:450px; height:600px; bord er:1px solid #999;border-right:0; position:absolute; bottom:0px; right:0; z-index:1}


/*////////svg_2*/
.ny_dsg_con2 .dsg_tu2 rect{ fill:rgba(0,0,0,0); stroke:#999; stroke-width:2; stroke-dasharray:2100; stroke-dashoffset:2100; transition:1.5s 1s;  position:absolute; bottom:0px; right:0; z-index:100;}

.ny_dsg_con2.active .dsg_tu2 rect{stroke-dashoffset:0;}



.ny_dsg_con2 .dsg_tu2 .bg{ width:160px; height:160px; background:#d8d9da; position:absolute; top:40px; right:0px; z-index:2}
.ny_dsg_con2 .dsg_tu2 .deng {position:absolute; top:70px; left:30px; z-index:3}
.ny_dsg_con2 .ny_dsg_text2{ position:absolute; bottom:140px; left:0px; opacity:0; transition:1.2s 0.3s;}
.ny_dsg_con2.active .ny_dsg_text2{ left:180px; opacity:1;}


.ny_dsg_con2 .ny_dsg_en{ position:absolute; bottom:220px; left:0px; z-index:4; opacity:0; transition:0.5s 0.3s;}
.ny_dsg_con2.active .ny_dsg_en{left:550px; opacity:1;}

.ny_dsg_con2 .ny_dsg_text{ position:absolute; top:140px; left:280px;}
.ny_dsg_con .tiao{ width:1100px; height:174px; margin:0 auto 60px; background:url(../images/ny_dsg_t3.jpg) no-repeat center left;}
.ny_dsg_con .tiao p{ font-size:40px; color:#fff; font-family:"didot"; line-height:174px; text-transform:uppercase; letter-spacing:1em; margin-left:100px;}

.ny_dsg_con3{ width:1100px; height:900px; top:300px; opacity:0; transition:0.5s}
.ny_dsg_con3.active{ top:0; opacity:1;}

.ny_dsg_con3 .dsg_tu1{position:absolute; top:200px; right:0;}
.ny_dsg_con .ny_dsg_con3 .shu h6{position:absolute; top:140px; right:160px;z-index:5;}
.ny_dsg_con3 .dsg_tu2{ width:655px; height:653px; bor der:1px solid #999;border-left:0; position:absolute; bottom:0px; left:0; z-index:1}

/*////////svg_2*/
.ny_dsg_con3 .dsg_tu2 rect{ fill:rgba(0,0,0,0); stroke:#999; stroke-width:2; stroke-dasharray:2616; stroke-dashoffset:2616; transition:1.5s 1s; position:absolute; bottom:0px; left:0; z-index:1;}
.ny_dsg_con3.active .dsg_tu2 rect{stroke-dashoffset:0;}


.ny_dsg_con3 .dsg_tu2 .wan {position:absolute; top:70px; left:77px; z-index:1}
.ny_dsg_con3 .ny_dsg_en{ position:absolute; bottom:220px; right:0px; z-index:3;opacity:0; transition:0.5s 0.8s}
.ny_dsg_con3.active .ny_dsg_en{right:180px; opacity:1}
.ny_dsg_con3.active{ top:0; opacity:1;}
.ny_dsg_con3 .ny_dsg_text{ position:absolute; top:40px; left:280px;}
.ny_dsg_con3 .ny_dsg_text2{ position:absolute; bottom:40px; right:50px;}

/*内页走进木之韵*/
.ny_about_con1,.ny_about_con2,.ny_about_con3{position:relative; top:0px; left:0; margin:0 auto 60px;overflow:hidden;}
.ny_about_con1{ width:1100px; height:640px;}


.ny_about_con1 .ny_about_t{ position:absolute; top:50px; left:0;}
.ny_about_con1 .about_tu1{position:absolute; top:70px; right:-150px; opacity:0; transition:0.5s;}
.ny_about_con1.active .about_tu1{right:0; opacity:1}
.ny_about_con1 .about_tu2{border-left:0; position:absolute; bottom:-150px; left:0; z-index:1;opacity:0; transition:0.3s 0.5s;}
.ny_about_con1.active .about_tu2{ bottom:0; opacity:1;}

.ny_about_con1 .ny_about_text{ width:423px; height:193px; position:absolute; top:70px; left:-150px; opacity:0; transition:0.5s; }
.ny_about_con1.active .ny_about_text{  left:150px; opacity:1 }


.ny_about_con2{ width:1100px; height:950px;}
.ny_about_con2 .ny_about_t{ position:absolute; top:0px; right:0;}
.ny_about_con2 .ny_about_text{ width:578px; height:178px; position:absolute; top:90px; left:-160px; opacity:0; transition:0.3s;}
.ny_about_con2.active .ny_about_text{ left:160px; opacity:1}

.ny_about_con2 .ny_about_text2{ width:452px; height:72px; position:absolute; bottom:40px; left:160px;}
.ny_about_con2 .about_tu1{ width:369px; height:482px; position:absolute; bottom:200px; right:0;  border-right:0; z-index:0}
.ny_about_con2 .about_tu1 rect{ fill:rgba(0,0,0,0); stroke:#999; stroke-width:2; stroke-dasharray:1702; stroke-dashoffset:1702; transition:1s 0.5s; position:absolute; bottom:200px; right:0; z-index:100;}
.ny_about_con2.active .about_tu1 rect{stroke-dashoffset:0;}



.ny_about_con2 .ren{ position:absolute; bottom:-150px; right:70px; z-index:1; opacity:0; transition:1.5s 0.5s;}
.ny_about_con2.active .ren{ bottom:0; opacity:1}


.ny_about_con2 .about_tu2{ width:610px; height:453px; background:#090; position:absolute; bottom:150px; left:170px; z-index:3; opacity:0; transition:1.5s 1s;}
.ny_about_con2.active .about_tu2{opacity:1}

.ny_about_en{ width:350px; height:130px; font-size:50px; line-height:60px; color:#794c0d; font-family:"didot"; font-weight:100; text-transform:uppercase;}
.ny_about_en span{ font-size:80px; color:#794c0d;}
.ny_about_con2 .ny_about_en{ position:absolute; bottom:330px; left:-60px; z-index:4; opacity:0; transition:0.5s 1s}
.ny_about_con2.active .ny_about_en{ left:60px; opacity:1}

.ny_about_con3{ width:1100px; height:750px;}

.ny_about_con3 .about_tu1{ width:603px; height:453px; position:absolute; bottom:60px; left:-150px; z-index:0; opacity:0; transition:0.3s}
.ny_about_con3.active .about_tu1{ left:0; opacity:1}
.ny_about_con3 .ny_about_text{ width:583px; height:250px; background:rgba(235,235,235,0.5); position:absolute; top:140px; right:-150px; opacity:0; transition:0.3s;}
.ny_about_con3.active .ny_about_text{ right:0px; opacity:1;}
.ny_about_con3 .ny_about_text .inner{ width:430px; height:110px;position:absolute; top:60px; right:30px;}
.ny_about_con3 .ny_about_en{ position:absolute; bottom:140px; right:0px; z-index:4; opacity:0; transition:0.3s 0.8s;}
.ny_about_con3.active .ny_about_en{ right:250px; opacity:1;}

/*详情页*/
.ny_banner .xq { width:1100px; height:198px; float:left;}
.ny_pro_con_xq{ width:1100px; height:3838px; margin:-180px auto 100px;}