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; font-family:fz,zs;}
body,html{ background:#fff;}
ul,li,ol,i{ list-style:none;}
img{border:none;}
a{ text-decoration:none;}
.clear{ clear:both;}
.float_l{ float:left}
.float_r{ float:right}

@font-face{ font-family:fz; src:url(../fonts/%E6%96%B9%E6%AD%A3%E6%B8%85%E5%88%BB%E6%9C%AC%E6%82%A6%E5%AE%8B%E7%AE%80%E4%BD%93.TTF);}
@font-face{ font-family:zs; src:url(../fonts/STZHONGS.TTF);}

@font-face{ font-family:st; src:url(../fonts/STSONG.TTF);}





/*头部区域*/
.header{ width:100%; height:70px; background:rgba(203,187,186,1); position:fixed; z-index:11; overflow:hidden;}
.header .ht{ width:1000px; height:70px; margin:0 auto;}
.header li{ float:left;}
.header li a{ display:block; font-size:12px; width:50px; height:70px; color:#362727; margin-left:125px; margin-top:15px;}
.header li a .logo{ margin-left:8px; transform:scale(0.6);-webkit-transform:scale(0.6); opacity:0.7; transition:0.3s;}
.header li a:hover .logo{ -webkit-transform:scale(1); transform:scale(1); opacity:1;}
.header li a span{ font-family:fz; text-align:center; display:block;}
.header li a:hover span{ color:#a28f8e;}
/*头部区域 结束*/



#pro .nav_pro span{ color:#a28f8e;}
#pro .nav_pro .logo{transform:scale(1);-webkit-transform:scale(1); opacity:1;}

#story .nav_story span{ color:#a28f8e;}
#story .nav_story .logo{-webkit-transform:scale(1);transform:scale(1); opacity:1;}

#news .nav_news span{ color:#a28f8e;}
#news .nav_news .logo{-webkit-transform:scale(1);transform:scale(1); opacity:1;}

#join .nav_join span{ color:#a28f8e;}
#join .nav_join .logo{-webkit-transform:scale(1);transform:scale(1); opacity:1;}






/*海报区域*/
.banner{ width:100%; height:580px; position:relative; top:0; left:0; background:#C33; overflow:hidden;}
.banner img{ position:absolute; top:0; left:50%; margin-left:-960px; }
.banner .ban_zi{ width:127px; height:218px; position:absolute; top:50%; margin-top:-150px; left:50%; margin-left:-78px;}
.banner .ban_zi .tu{position:absolute; top:-250px; left:50%; margin-left:-63px; transition:0.5s; opacity:0;}
.banner.active .ban_zi .tu{ top:0; opacity:1;}
.banner .ban_zi .zi_1{position:absolute; margin-top:245px; left:50%; margin-left:-40px; transition:0.5s; opacity:0;}
.banner.active .ban_zi .zi_1{ margin-top:45px; opacity:1;}
.banner .ban_zi .zi_2{position:absolute; margin-top:50px; left:50%; margin-left:245px; transition:0.5s; opacity:0;}
.banner.active .ban_zi .zi_2{ opacity:1; margin-left:45px;}

.banner .btn{ font-size:100px; color:#fff; position:absolute; top:50%; margin-top:-50px; font-family:"宋体"; cursor:pointer; opacity:0; transition:0.5s;}
.banner .btn_l{ left:50%; margin-left:-1100px;}
.banner .btn_r{ right:50%; margin-right:-1100px;}
.banner:hover .btn_l{ opacity:1; margin-left:-550px;}
.banner:hover .btn_r{ opacity:1; margin-right:-550px;}
.banner .btn_l:hover{ color:#725f5f;}
.banner .btn_r:hover{ color:#725f5f;}
/*海报区域 结束*/


/*分类区域*/
.class{ width:100%; height:275px; background:url(../images/class_bg.png) no-repeat center; overflow:hidden;}
.class .cla_c{ width:1000px; height:275px; margin:0 auto;}
.class .cla_left{ width:316px; height:177px; margin-left:50px; margin-top:-50px; position:relative;/* border:1px solid red;*/ transition:0.3s; opacity:0;}
.class.active .cla_left{ margin-top:70px; opacity:1;}

.class .cla_left .kk_l{ width:293px; height:68px; background:url(../images/class_tu1.png) no-repeat center; margin-top:20px; }
.class .cla_left .kk_l .tu3{ position:absolute; top:-20px; left:13px;}
.class .cla_left .kk_l h2{ font-weight:100; font-family:fz; color:#362727; font-size:18px; position:absolute; top:0; left:0; margin-top:45px; margin-left:130px; width:200px; height:40px border:1px solid red;}
.class .cla_left .kk_l h2 span{ color:#6c5757; font-size:12px;}
.class .cla_left .kk_l .tu_5,.class .cla_right .kk_r .tu_5{ display:block; width:33px; height:49px; background:url(../images/class_tu5.png) no-repeat bottom; position:absolute; left:50%; top:50%; margin-left:-19px; margin-top:20px; transitio n:0.3s;}
.class .cla_left .kk_l .tu_5:hover,.class .cla_right .kk_r .tu_5:hover{background:url(../images/class_tu5.png) no-repeat top;}
.class .cla_left .kk_l .tu_5 p,.class .cla_right .kk_r .tu_5 p{margin-left:-3px; text-align:center; font-size:12px; margin-top:12px; color:#362727;}
.class .cla_left .kk_l .tu_5:hover p,.class .cla_right .kk_r .tu_5:hover p{ color:#fff;}


.class .cla_right{ width:316px; height:177px; margin-right:50px; margin-top:-50px; position:relative;/* border:1px solid red;*/ transition:0.3s; opacity:0;}
.class.active .cla_right{ margin-top:70px; opacity:1;}

.class .cla_right .kk_r{ width:293px; height:68px; background:url(../images/class_tu2.png) no-repeat center; margin-top:20px;}
.class .cla_right .kk_r .tu4{ position:absolute; top:-45px; left:13px;}
.class .cla_right .kk_r h2{ font-weight:100; font-family:fz; color:#362727; font-size:18px; position:absolute; top:0; left:0; margin-top:45px; margin-left:130px; width:200px; height:40px; }
.class .cla_right .kk_r h2 span{ color:#6c5757; font-size:12px;}
/*分类区域 结束*/


/*设计师区域*/
.designer{ width:100%; height:625px; background:url(../images/d_bgcolor.png) no-repeat center; position:relative; overflow:hidden;}
.designer .d_title{ width:100%; height:170px; background:url(../images/d_title.png) no-repeat center;/* position:absolute; top:0; left:50%; margin-left:-960px;*/}
.designer .d_con{ background:url(../images/d_bgcolor.png) no-repeat center; width:100%; height:455px;}
.designer .d_con_t{ width:1000px; height:455px; margin:0 auto; /*margin-top:170px;*/}
.designer .d_con .d_con_t li{ float:left; margin:70px 46px 40px;}
.designer .d_con .d_con_t li a{ display:block; position:relative; width:240px; height:240px;}
.designer .d_con .d_con_t li .d_bg{ width:239px; height:239px; position:absolute; top:0; left:0;}
.designer .d_con .d_con_t li .d_tu{ width:239px; height:239px; position:absolute; top:0; left:0; transition:0.7s; opacity:1;}
.designer .d_con .d_con_t li:hover .d_tu{ opacity:0; -webkit-transform:scale(0); transform:scale(0);}
/*.designer .d_con .d_con_t li .ho{ width:240px; height:240px; transi tion:0.5s; position:absolute; top:0; left:0; z-index:5}
.designer .d_con .d_con_t li .qq{ width:240px; height:240px; background:rgba(125,93,93,0.5); border-radius:50%;}

.designer .d_con .d_con_t li .ho i{ display:block; border:1px solid #fff; width:223px; height:223px; border-radius:50%; background:rgba(255,255,255,0); position:absolute; top:8px; left:7px;}*/

.designer .d_con .d_con_b{ text-align:center; margin-top:40px;}
.designer .d_con .d_con_b h4{ font-weight:100; font-size:12px; color:#6c5757;}
.designer .d_con .d_con_b p{ font-size:18px; color:#362727;}
.designer .d_con .d_con_b span{ font-size:14px; color:#4b3a3a;}
/*设计师区域 结束*/



/*产品区域*/
.pro{ width:100%; height:1333px; background:url(../images/p_bgcolor.png); position:relative; overflow:hidden;}
.pro .p_title{ width:100%; height:183px; background:url(../images/pro_title.png) no-repeat center; /*position:absolute; left:50%; top:0; margin-left:-960px;*/}
.pro .p_con{ width:100%; height:1150px; background:url(../images/p_bg.png) no-repeat center;}
.pro .p_con .p_du{ width:1000px; height:1150px; bor der:1px solid red; margin:0 auto;}
.pro .p_con .p_du .du_l{ width:369px; height:1150px; ba ckground:#9C0; float:left;}
.pro .p_con .p_du .du_l .top{ width:369px; height:530px; display:block; position:relative;}
.pro .p_con .p_du .du_l .top .top_t{ position:absolute; top:0; left:0; margin-top:160px;/*margin-left:65px; */ /*width:244px; height:201px;*/ opacity:1; transition:0.5s;}
.pro .p_con .p_du .du_l .top:hover .top_t{ opacity:0;} 
.pro .p_con .p_du .du_l .top .top_b{ position:absolute; top:0; left:0;margin-top:160px; opacity:0;transition:0.5s;}
.pro .p_con .p_du .du_l .top:hover .top_b{ opacity:1;}


.pro .p_con .p_du .du_l .bottom{ height:620px; width:369px; display:block; position:relative;}
.pro .p_con .p_du .du_l .bottom .bottom_t{ position:absolute; top:0; left:50%; margin-left:-160px; margin-top:150px; opacity:1; transition:0.5s;}
.pro .p_con .p_du .du_l .bottom:hover .bottom_t{ opacity:0;}
.pro .p_con .p_du .du_l .bottom .bottom_b{position:absolute; top:0; left:50%; margin-left:-160px; margin-top:150px; opacity:0; transition:0.5s;}
.pro .p_con .p_du .du_l .bottom:hover .bottom_b{ opacity:1;}


.pro .p_con .p_du .du_r{ width:631px; height:1150px; bac kground:#F96; float:left;}
.pro .p_con .p_du .du_r .ttop{ width:631px; height:356px;}
.pro .p_con .p_du .du_r .ttop li{ float:left; margin-left:50px; margin-top:60px;}
.pro .p_con .p_du .du_r .ttop .lleft{ margin-top:85px; width:220px; height:166px; position:relative;}
.pro .p_con .p_du .du_r .ttop .lleft .lleft_t{ opacity:1; transition:0.5s;}
.pro .p_con .p_du .du_r .ttop .lleft:hover .lleft_t{ opacity:0;}
.pro .p_con .p_du .du_r .ttop .lleft .lleft_b{ position:absolute; top:20px; left:-20px; opacity:0;  transition:0.5s;}
.pro .p_con .p_du .du_r .ttop .lleft:hover .lleft_b{ opacity:1;}

.pro .p_con .p_du .du_r .ttop .rright{ margin-top:65px; width:300px; height:235px; position:relative;}
.pro .p_con .p_du .du_r .ttop .rright .rright_t{ opacity:1; transition:0.5s;}
.pro .p_con .p_du .du_r .ttop .rright:hover .rright_t{ opacity:0;}
.pro .p_con .p_du .du_r .ttop .rright .rright_b{ position:absolute; top:0; left:0; opacity:0; transition:0.5s;}
/*.pro .p_con .p_du .du_r .ttop .rright p{ width:300px; height:235px; font-size:14px; color:#fff; position:absolute; top:0; left:-30px; text-align:center; line-height:230px; opacity:0;}
.pro .p_con .p_du .du_r .ttop .rright:hover p{ opacity:1;}*/
.pro .p_con .p_du .du_r .ttop .rright:hover .rright_b{ opacity:1;}


.pro .p_con .p_du .du_r .center{ width:631px; height:435px; position:relative;}
.pro .p_con .p_du .du_r .center .center_t{ position:absolute; top:0; left:0; margin-left:80px; margin-top:90px; transition:0.5s; opacity:1;}
.pro .p_con .p_du .du_r .center:hover .center_t{ opacity:0;}
.pro .p_con .p_du .du_r .center .center_b{ position:absolute; top:; left:0; margin-left:80px; margin-top:70px; transition:0.5s; opacity:0;}
.pro .p_con .p_du .du_r .center:hover .center_b{ opacity:1;}


.pro .p_con .p_du .du_r .bbottom{ width:631px; height:365px;}
.pro .p_con .p_du .du_r .bbottom li{ float:left;}
.pro .p_con .p_du .du_r .bbottom li .left{ position:relative; width:407px; height:365px; display:block;}
.pro .p_con .p_du .du_r .bbottom li .left .bleft_t{ position:absolute; top:0; left:50%; margin-top:60px; margin-left:-96px; transition:0.5s; opacity:1;}
.pro .p_con .p_du .du_r .bbottom li .left:hover .bleft_t{ opacity:0;}

.pro .p_con .p_du .du_r .bbottom li .left .bleft_b{ position:absolute; top:0; left:50%; margin-top:60px; margin-left:-96px; transition:0.5s; opacity:0;}
.pro .p_con .p_du .du_r .bbottom li .left:hover .bleft_b{ opacity:1;}

.pro .p_con .p_du .du_r .bbottom li .right{ display:block; width:222px; height:65px;text-align:center; float:left; margin:90px auto; }
.pro .p_con .p_du .du_r .bbottom li .right p{color:#9d9490; font-size:18px; }
.pro .p_con .p_du .du_r .bbottom li .right p:hover{ color:#362727;}
/*产品区域 结束*/



/*内容区域*/
.con{ width:100%; height:1265px; background:url(../images/c_bg.png) no-repeat center; overflow:hidden; position:relative;}
.con .c_title{ width:100%; height:170px; background:url(../images/c_title.png) no-repeat center;}
.con .c_te{ width:1000px; height:1000px; margin:80px auto;/* border:1px solid red;*/}
.con .c_te .c_bg{ background:url(../images/c_tu.png) no-repeat center; width:100%; height:963px; position:absolute; top:90px; left:0; margin-left:150px;  }

.c_te .te_l,.c_te .te_r{ width:50%; float:left; height:900px;/* border:1px solid red;*/ }

.c_te .te_l .box{ width:50%; height:235px; bac kground:#FCC;}
.c_te .te_l .box span{ display:inline-block; width:47px; height:5px; background:#796666; mar gin-top:80px;}
.c_te .te_l .box h1{ font-weight:100; font-size:12px; color:#7b6868; margin-top:8px;}
.c_te .te_l .box p{ line-height:2.5em; font-size:12px; color:#7b6868; margin-top:15px;}

.c_te .te_l .box_1{ transition:0.3s; position:absolute; left:50%; margin-left:-1544px;/* border:1px solid red;*/ opacity:0;}
.c_te.active .te_l .box_1{ opacity:1; margin-left:-944px;}


.c_te .te_l .box_2{ width:680px; height:170px; /*border:1px solid red;*/ position:absolute; top:50%; margin-top:350px;}
.c_te .te_l .box_2 h2{ font-size:32px; color:#413434;}
.c_te .te_l .box_2 p{ color:#6c5757; margin-top:30px; line-height:2em;}

.c_te .te_r{ position:absolute; left:50%; margin-left:15px;}
.c_te .te_r .boxtu_t{ /*border:1px solid red;*/ margin-bottom:30px; margin-left:500px; transition:0.3s; opacity:0;}
.c_te.active .te_r .boxtu_t{ opacity:1; margin-left:0;}


.c_te .te_r .boxtu_b{ position:relative; /*position:absolute; left:50%; margin-top:385px; margin-left:25px;*/ transition:all 0.3s;}
.c_te .te_r .boxtu_b .icon{ dis play:none;width:410px; height:326px; background:url(../images/con_tuicon.png) no-repeat center 120px;position:absolute; top:0; text-align:center; line-height:336px; color:#fff; font-size:18px;}
/*.c_te .te_r .boxtu_b:hover .icon{ display:block; }*/


/*内容区域 结束*/


/*底部区域*/
.footer{ width:100%; height:660px; background:#F6F;}
.footer .f_top{ width:100%; height:610px; background:url(../images/footer_bg.jpg) no-repeat center; text-align:center;}
.footer .f_top .f_top_c{ width:1000px; height:460px; margin:0 auto;}
.footer .f_top .f_top_c .bg{ margin-top:50px; margin-left:30px;}
.footer .f_top .f_top_c .text{ width:1000px; height:215px; }
.footer .f_top .f_top_c .text h2{ color:#fdf1f1; font-weight:100; font-size:20px; margin-top:20px;}
.footer .f_top .f_top_c .text img{ margin-top:10px;}
.footer .f_top .f_top_c .text h5{ font-size:18px; font-weight:100; color:#fdf1f1; line-height:0.9em; margin-top:20px;}
.footer .f_top .f_top_c .text span{ font-size:12px; font-family:st; color:#d3c7c7;}
.footer .f_top .f_top_c .text p{ font-size:14px; color:#d3c7c7; margin-top:6px;}

.footer .f_top .f_top_zi{ width:1000px; height:150px; margin:0 auto;}
.footer .f_top .f_top_zi p{ display:inline-block; font-family:st; font-size:14px; color:#fdf1f1; margin-top:30px; }
.footer .f_top .f_top_zi p span{ font-family:"微软雅黑"; display:block; margin-top:8px;}
.footer .f_top .f_top_zi p b{ font-family:"微软雅黑"; font-weight:100; display:block; line-height:1em; margin-top:8px;}
.footer .f_top .page{ display:block; margin:15px auto 0; width:100px; height:20px; color:#fff;}

.footer .f_bottom{ background:#3d2626; width:100%; height:50px; text-align:center; color:#bb9b9b; font-size:12px; font-family:st; line-height:50px;}
/*底部区域 结束*/





/*内页所有公共样式*/
.ny_duct{ display:inline-block; width:1000px; height:50px; text-align:center; margin-top:40px;}
.ny_duct h2{ font-size:24px; font-weight:100; color:#564242;}
.ny_duct p{color:#8b7777; font-size:12px; font-family:zs; margin-top:6px;}



/*内页pro区域*/

.pro_banner{ width:100%; height:478px; background:url(../images/ny_pro_banner.jpg) no-repeat center;}

.ny_pro_class{ background:url(../images/ny_pro_bg.png) no-repeat center; width:100%; height:2050px;}
.ny_pro_class .ny_pro_fen{ width:1000px; height:718px; margin:0 auto;}



.ny_pro_fen .pro_con{ width:100%; height:628px;}
.ny_pro_fen .pro_con li{ float:left; width:250px; height:550px; margin-top:50px; margin-left:65px;}
.ny_pro_fen .pro_con li .p_tu{ width:250px; height:240px;/* background:#CC9;*/}
.ny_pro_fen .pro_con li .p_tu img{ margin:40px 25px;}
.ny_pro_fen .pro_con li .p_tu .p_center{ margin-top:-25px; margin-left:65px;}
.ny_pro_fen .pro_con li a{ display:block; width:45px; height:246px; border:1px solid #725b5b; margin-left:100px; margin-top:20px; transition:0.3s;}
.ny_pro_fen .pro_con li a:hover{ background:#725b5b;}
.ny_pro_fen .pro_con li a .text{ margin:o atuo;}
.ny_pro_fen .pro_con li a .text p{ width:20px; height:60px; float:left; color:#403131; margin-top:20px; margin-left:7px;}
.ny_pro_fen .pro_con li a:hover .text p{ color:#fff;}
.ny_pro_fen .pro_con li .text span{ margin-top:20px;width:10px; height:190px; display:block; float:left; color:#715b5b; font-size:12px;}
.ny_pro_fen .pro_con li a:hover .text span{ color:#e6d3d3;}
.ny_pro_fen .pro_con li a .text .xian{ width:20px; height:3px; background:#6f5656; float:left; margin-left:12px;}
.ny_pro_fen .pro_con li a:hover .text .xian{ background:#fff;}

.ny_pro_duct{ width:100%; height:1290px; position:relative; }
.ny_pro_duct .title{width:100%; height:166px; background:url(../images/ny_pr_con_bg.png) no-repeat center;}
.ny_pro_duct .p_biaoti{ width:100%; margin-bottom:120px;}
.ny_pro_duct .p_biaoti .ny_pro_hu{width:100%; background:url(../images/ny_pro_hu.png) no-repeat center; height:265px; borde r:1px solid red; position:absolute; top:80px; left:0;}

.ny_pro_duct .ny_pro_con{ width:1000px; height:858px; margin:0 auto; /*width:750px 250px 250px 498px; height:283px 505px 575px */}



/*公共样式*/
.ny_pro_duct .ny_pro_con .ny_btn h2{ font-size:24px; color:#533f3f; font-weight:100;}
.ny_pro_duct .ny_pro_con .ny_btn span{ color:#625454; font-size:14px; margin-top:10px; display:block;}
.ny_pro_duct .ny_pro_con .ny_btn p{ color:#837575; font-size:12px; margin-top:15px; line-height:2em; font-family:zs}
.ny_pro_duct .ny_pro_con .ny_btn .ny_pro_mar{ margin-left:30px; margin-top:30px;}
.ny_pro_duct .ny_pro_con .ny_btn{ float:left; position:relative; transition:0.3s; }


.ny_pro_duct .ny_pro_con .yun{ width:750px; height:283px; float:left;}
.ny_pro_duct .ny_pro_con .yun_tu{position:relative; transition:0.3s;}
.ny_pro_duct .ny_pro_con img{ float:left;}

.ny_pro_duct .ny_pro_con .yun_zi{width:250px; height:283px;}

.ny_pro_duct .ny_pro_con .yun .ny_btn .y_jiao{width:0; height:0; border:10px solid transparent; border-right:10px solid #fdf1f1; position:absolute; top:50%; left:0; margin-top:-10px; margin-left:-20px; opacity:0; transition:0.3s;}

.ny_pro_duct .ny_pro_con .con_btn:hover .ny_btn{background:#d5c3c3;}
.ny_pro_duct .ny_pro_con .yun:hover .ny_btn .y_jiao{ opacity:1; border-right:10px solid #d5c3c3;}


.ny_pro_duct .ny_pro_con .zhuo{ width:250px; height:505px; float:left;}
.ny_pro_duct .ny_pro_con .zhuo .zhuo_zi{ width:250px; height:222px;}
.ny_pro_duct .ny_pro_con .ny_btn .z_jiao{width:0; height:0; border:10px solid transparent; border-bottom:10px solid #fdf1f1; position:absolute; top:0; left:50%; margin-top:-20px; margin-left:-20px; opacity:0; transition:0.3s;}

.ny_pro_duct .ny_pro_con .con_btn:hover .ny_btn .z_jiao{ opacity:1; border-bottom:10px solid #d5c3c3;}

.ny_pro_duct .ny_pro_con .hui{ width:250px; height:575px; float:left; margin-top:-222px;}
.ny_pro_duct .ny_pro_con .hui .hui_zi{ width:250px; height:219px;}
.ny_pro_duct .ny_pro_con .hui .h_zi{ margin-top:50px;}
.ny_pro_duct .ny_pro_con .ny_btn .h_jiao{width:0; height:0; border:10px solid transparent; border-top:10px solid #fdf1f1; position:absolute; bottom:0; left:50%; margin-bottom:-20px; margin-left:-20px; transition:0.3s; opacity:0;}
.ny_pro_duct .ny_pro_con .con_btn:hover .ny_btn .h_jiao{opacity:1; border-top:10px solid #d5c3c3;}


.ny_pro_duct .ny_pro_con .jin{ width:500px; height:575px; float:left; margin-top:-222px;}
.ny_pro_duct .ny_pro_con .jin_zi{ width:500px; height:146px}
.ny_pro_duct .ny_pro_con .jin_zi .j_jiao{width:0; height:0; border:10px solid transparent; border-bottom:10px solid #fdf1f1; position:absolute; top:0; left:50%; margin-left:-10px; margin-top:-20px; transition:0.3s; opacity:0;}
.ny_pro_duct .ny_pro_con .con_btn:hover .jin_zi .j_jiao
{opacity:1; border-bottom:10px solid #d5c3c3;}
.ny_pro_duct .ny_pro_con .jin_zi .j_zi{ margin-top:20px;}

.ny_pro_duct .ny_pro_con .more{ width:250px; height:353px; background:#7a5e5e; float:left; text-align:center;}
.ny_pro_duct .ny_pro_con .more p{ font-size:18px; color:#fff4f4; margin-top:100px;}
.ny_pro_duct .ny_pro_con .more .cha a{ font-family:st; line-height:42px; font-size:14px; font-weight:100; width:143px; height:42px; color:#f5e9e9; border:1px solid #af9f9f; margin:30px auto; display:block; transition:0.3s;}

.ny_pro_duct .ny_pro_con .more .cha:hover a{ background:#fdf1f1; color:#7a5e5e;}


/*内页story区域*/
.ny_story_class{ background:url(../images/ny_pro_bg.png) no-repeat center; width:100%; height:2300px;}
.story_banner{ width:100%; height:567px; background:url(../images/ny_story_banner.jpg) no-repeat center; position:relative;}
.story_banner .stban_kk{ width:121px; height:282px; background:url(../images/ny_story_kuang1.png) no-repeat center; position:absolute; top:130px; left:50%; margin-left:-90px;}

.story_banner .stban_fa{ width:121px; height:152px; background:rgba(100,81,78,0.8); position:absolute; top:0; left:50%; margin-top:152px; margin-left:-60px;}
.story_banner .stban_fa .stban_zi{ width:110px; height:130px; color:#fff; position:relative; top:10px; left:50px; }
.story_banner .stban_fa .stban_zi h2{ font-size:30px; }
.story_banner .stban_fa .stban_zi p{ margin-top:0px; font-size:12px; color:#eadfdf; font-family:zs;}
.story_banner .stban_fa .stban_zi span{ display:block; font-size:14px; margin-top:15px;}



.story_top{ width:1000px; height:650px; margin:0 auto; overflow:hidden;}
.story_st{ width:1000px; height:520px; margin-top:110px;}
/*.story_st.active{margin-top:110px;}*/

.story_top .st_left{ width:500px; height:520px; float:left; position:relative;}
.story_top .st_left .st_bgtu{ position:absolute; top:50px; left:110px;}
.story_top .st_left .st_bgtu2{ position:absolute; top:0px; left:0; margin-top:-130px; transition:0.5s; opacity:0;}
.story_top .story_st.active .st_left .st_bgtu2{ margin-top:100px; opacity:1;}

.story_top .st_left .st_bgtu3{ position:absolute; bottom:-200px; right:0; margin-right:40px; transition:0.5s; opacity:0;}
.story_top .story_st.active .st_left .st_bgtu3{ bottom:0; opacity:1;}

.story_top .st_left .st_bgtu4{position:absolute; top:0; right:0; margin-right:30px;}

.story_top .st_left .st_bgtu5{ margin-right:300px; transition:0.5s; opacity:0;}
.story_top .story_st.active .st_left .st_bgtu5{ margin-right:30px; opacity:1;}


/*内页stcen_btn公共样式*/
.stcen_btn{ width:355px; height:131px; background:rgba(100,81,78,0.8); position:absolute; top:0; right:0; margin-top:145px; margin-right:30px;}
.stcen_btn h2{ font-size:32px; color:#fdf1f1; font-weight:100; margin-top:20px; margin-left:200px; }
.stcen_btn p{ color:#decdcd; font-size:18px; margin-top:15px; margin-left:190px; font-family:zs;}


.story_top .st_right{ width:500px; height:520px; float:left;}
.story_top .st_right h4{ font-family:st; font-size:24px; color:#493f3f; margin-left:20px;}

/*内页story公共样式*/
.story_btn p{ color:#6b6161; font-family:zs; font-size:12px; margin-top:30px; margin-left:20px; line-height:2.1em;}


.story_center{ width:100%; height:720px; background:url(../images/story_datu.jpg) no-repeat center; margin-top:140px;}
.story_center .stcen_zhuti{ width:1000px; height:470px; margin:0 auto; padding-top:190px; position:relative;}
.story_center .stcen_zhuti .stcen_l{ width:490px; height:433px; margin-left:120px;}
.story_center .stcen_zhuti .stcen_l h5{ font-family:zs; font-size:26px; color:#493f3f; font-weight:100; line-height:1.7em;}

.stcen_l .stcen_l_t{ margin-top:70px;}
.stcen_l p{ margin-top:20px; margin-left:0;}

.stcen_r{ width:360px; height:250px; position:absolute; top:0; left:0; margin-top:90px; margin-left:320px; /*border:1px solid red;*/}
/*.stcen_r .stcen_tu{ border:1px solid red;}*/

.stcen_zhuti rect{ fill:rgba(0,0,0,0); stroke:#907878; stroke-width:2; stroke-dasharray:1000; stroke-dashoffset:1000; transition:1.2s;}
.stcen_zhuti.active rect{stroke-dashoffset:0;}

.stcen_r .stcen_r_kk{background:rgba(100,81,78,1); position:absolute; top:0; right:0; margin-top:60px; margin-right:-130px; transition:0.5s; opacity:0;}
.stcen_zhuti.active .stcen_r .stcen_r_kk{margin-right:-30px; opacity:1;}


.stcen_r_kk h2{ margin-top:20px; margin-left:30px;}

.stcen_r_kk p{ margin-top:15px; margin-left:30px;}



.story_bottom{ width:100%; height:571px; background:url(../images/story_tu6.png) no-repeat center; margin-top:130px;}
.story_bottom .stbott_zhuti{ margin:0 auto; width:1000px; height:350px; padding-top:120px;}
.story_bottom .stbott_l{ width:355px; height:170px; margin-left:200px; position:relative;}
.story_bottom .stbott_l .stbott_xian{ width:60px; height:4px; background:#796666; float:right; margin-top:-40px;}
.story_bottom .stbott_l .stbott_k{ width:255px; height:130px; background:rgba(144,120,120,0.8); margin-top:30px; margin-left:-150px; transition:0.3s; opacity:0;}
.story_bottom .stbott_zhuti.active .stbott_k{ margin-left:100px; opacity:1; }

.story_bottom .stbott_l .stbott_k h2{ width:120px; height:65px; display:block; position:absolute; bottom:0; right:0; margin-right:430px; margin-bottom:50px; color:#fdf1f1; font-size:60px; font-weight:100; transition:0.8s; opacity:0;}
.story_bottom .stbott_zhuti.active .stbott_k h2{margin-right:10px; opacity:1; }


.story_bottom .stbott_r{ float:right; width:280px; height:350px; margin-top:-260px; margin-right:130px;}
.story_bottom .stbott_r h3{ font-weight:100; font-size:36px; color:#493f3f;}
.story_bottom .stbott_r p{ color:#756060; font-size:24px; margin-top:10px; font-family:zs; }
.story_bottom .stbott_r h5{ margin-top:40px; font-family:zs; font-weight:100; color:#634b4b; font-size:30px;}
.story_bottom .stbott_r .stbott_btn{ line-height:1.7em; font-family:zs; font-size:12px; line-height:2em}



/*内页news区域*/
.ny_news_class{ background:url(../images/ny_news_bg.png) no-repeat center; width:100%; height:2700px;}
.news_banner{ width:100%; height:525px; background:url(../images/ny_news_banner.jpg) no-repeat center; position:relative;}
.ny_news_fen{ width:1000px; height:1700px; margin:0 auto;}

.ny_news_fen .news_tu li{ width:1000px; height:437px; margin-top:85px;/*width:657*/}
.ny_news_fen .news_tu li a{ display:block;}
.ny_news_fen .news_tu li .nebg_left{ width:278px; height:437px; position:relative;}

.ny_news_fen .news_tu li .nebg_left .news_logo{ width:63px; height:57px; position:absolute; left:50%; top:0; margin-left:-31px; margin-top:30px; background:url(../images/news_logo.png) no-repeat top; transition:0.3s;}
.ny_news_fen .news_tu li .nebg_left:hover .news_logo{background:url(../images/news_logo.png) no-repeat bottom;}

.ny_news_fen .news_tu li .nebg_left .news_xiang{ width:330px; height:75px; background:rgba(183,155,155,0.8); position:absolute; bottom:0; right:0; margin-bottom:45px; margin-right:15px;}

.ny_news_fen .news_tu li .nebg_left .news_xiang .news_xian{ width:28px; height:22px; background:url(../images/news_tu4.png) no-repeat top; float:right; margin-top:25px; margin-right:20px; transition:0.1s;}
.ny_news_fen .news_tu li .nebg_left:hover .news_xiang .news_xian{background:url(../images/news_tu4.png) no-repeat bottom;}

.ny_news_fen .news_tu li .nebg_left .news_xiang .news_tex{ float:right; margin-top:15px; margin-right:40px; color:#fff;}

.ny_news_fen .news_tu li .nebg_left .news_xiang .news_tex h2{ font-family:zs; font-size:18px; font-weight:100; transition:0.3s;}
.ny_news_fen .news_tu li .nebg_left:hover .news_xiang .news_tex h2{ color:#4c3e3d;}
.ny_news_fen .news_tu li .nebg_left .news_xiang .news_tex p{ font-size:14px; color:#eee8e8; transition:0.3s;font-family:zs;}
.ny_news_fen .news_tu li .nebg_left:hover .news_xiang .news_tex p{  color:#645452;}



.ny_news_fen .news_tu li .nebg_right{ width:657px; height:437px;}
.ny_news_fen .news_tu li .nebg_right .nebg_right_l{ width:253px; height:437px; float:left;  color:#333333;}
.ny_news_fen .news_tu li .nebg_right .nebg_right_l h1{ font-weight:100;font-family:zs; color:#333333; font-size:60px;  line-height:1em; transition:0.3s;}
.ny_news_fen .news_tu li .nebg_right:hover .nebg_right_l h1{ color:#797777;}

.ny_news_fen .news_tu li .nebg_right .nebg_right_l span{ display:block; font-family:zs; font-size:24px; margin-top:10px;}
.ny_news_fen .news_tu li .nebg_right:hover .nebg_right_l span{ color:#4e4d4d;}

.ny_news_fen .news_tu li .nebg_right .nebg_right_l h2{ font-size:20px; font-family:zs; font-weight:100; margin-top:40px;}
.ny_news_fen .news_tu li .nebg_right:hover .nebg_right_l h2{ color:#5b5a5a;}

.ny_news_fen .news_tu li .nebg_right .nebg_right_l p{ margin-top:20px; font-family:zs; font-size:12px; color:#504e4e; line-height:1.8em;}
.ny_news_fen .news_tu li .nebg_right:hover .nebg_right_l p{ color:#676666;}

.ny_news_fen .news_tu li .nebg_right .nebg_right_l .more{ margin-top:40px; width:78px; height:28px; border:1px solid #645452; text-align:center; font-family:zs; font-size:12px; line-height:28px; color:#4e4545; transition:0.3s;}
.ny_news_fen .news_tu li .nebg_right .nebg_right_l .more:hover{ background:#645452; color:#fff;}

.ny_news_fen .news_tu li .nebg_right .nebg_right_r{ width:404px; height:437px; float:left;}
.ny_news_fen .news_tu li .nebg_right .nebg_right_r .nebg_kk{ width:167px; height:77px; background:rgba(175,152,152,0.6);  padding-left:20px; float:right;}
.ny_news_fen .news_tu li .nebg_right .nebg_right_r .nebg_kk p{ font-family:zs; font-size:20px; color:#8c7a79;}
.ny_news_fen .news_tu li .nebg_right .nebg_right_r .nebg_kk span{ font-family:zs; font-size:32px; color:#645452;}

.ny_news_fen .news_tu li .nebg_right .nebg_right_r img{ float:right; margin-top:90px;}

.ny_news_fen .news_tu li .nebg_right .nebg_right_r .nebg_img{ margin-right:60px;}
.ny_news_fen .news_tu li .nebg_right .nebg_right_r .nebg_imgtwo{ margin-right:30px;}


.ny_news_duct{ width:100%; height:910px;}
.ny_news_duct .p_biaoti{ width:1000px; height:70px; margin:40px auto 15px; display:block;} 
.ny_news_duct .news_btu{ width:100%; height:377px; background:url(../images/news_tu8.png) no-repeat center;}

.ny_news_duct .news_bottom{ width:1000px; height:370px; margin:70px auto 0;}
.ny_news_duct .news_bottom li{margin-right:35px; float:left; position:relative;  overflow:hidden;}
.ny_news_duct .news_bottom li a{ width:310px; height:370px; background:#ede1e1; display:block}

.ny_news_duct .news_bottom li a .nb_top{ width:310px; height:172px; }
.ny_news_duct .news_bottom li a .nb_top .nb_hover{ background:rgba(87,69,69,0.5); position:absolute; top:-172px; left:0; width:310px; height:172px;  transition:0.3s;}
.ny_news_duct .news_bottom li a:hover .nb_top .nb_hover{position:absolute; top:0; left:0; }



.ny_news_duct .news_bottom li a .nb_top .vedio{ position:absolute; top:0; left:50%; margin-left:-21px; margin-top:70px;}

.ny_news_duct .news_bottom li a .nb_bottom{ width:310px; height:198px; text-align:center;  color:#574545; background:##ede1e1; position:absolute; bottom:0; right:0; transition:0.3s;}
.ny_news_duct .news_bottom li a:hover .nb_bottom{ background:#e0cfcf;}
.ny_news_duct .news_bottom li a .nb_bottom h2{ margin-top:70px; font-family:zs; font-size:18px; font-weight:100;}
.ny_news_duct .news_bottom li a .nb_bottom p{font-family:zs; font-size:12px; color:#6e5a5a;}



/*内页join区域*/
.ny_join_class{ background:url(../images/ny_news_bg.png) no-repeat center; width:100%; height:2700px;}
.join_banner{ width:100%; height:500px; background:url(../images/ny_join_banner.jpg) no-repeat center; position:relative;}
.ny_join_reason{ width:1000px; height:1200px; margin:0 auto;}
.ny_join_reason .join_re{ width:1000px; height:960px; /*border:1px solid red;*/ margin-top:70px;}
.ny_join_reason .join_re li{ float:left; width:1000px; height:320px; /*background:#CF6;*/ display:block;}
.ny_join_reason .join_re li .re_one{ width:605px; height:320px; float:left;}
.ny_join_reason .join_re li .re_btn{ float:right;}
.ny_join_reason .join_re li .son_btn{ float:left;}

.ny_join_reason .join_re li .re_text{ width:345px; height:320px; float:left; padding-left:50px; position:relative; transition:0.3s}
.ny_join_reason .join_re li:hover .re_text{ background:#e5d4d4;}

.ny_join_reason .join_re li .re_text .re_jiao{width:0; height:0; border:10px solid transparent; border-right:10px solid #e5d4d4; position:absolute; top:50%; left:0; margin-left:-20px; margin-top:-10px; opacity:0; transition:0.3s;}
.ny_join_reason .join_re li:hover .re_text .re_jiao{ opacity:1;}

.ny_join_reason .join_re li .re_text .jiao_btn{width:0; height:0; border:10px solid transparent; border-left:10px solid #e5d4d4; position:absolute; top:50%;left:0; margin-left:395px; margin-top:-10px; opacity:0; transition:0.3s;}
.ny_join_reason .join_re li:hover .re_text .jiao_btn{ opacity:1;}


.ny_join_reason .join_re li .re_text .re_title{ font-size:12px; color:#908585; margin-top:20px;}
.ny_join_reason .join_re li .re_text h1{ font-size:84px; color:#787777; font-family:zs;}
.ny_join_reason .join_re li .re_text span{ width:25px; height:1px; background:#8d7a7a; display:block; margin-top:15px;}
.ny_join_reason .join_re li .re_text h5{ color:#514747; font-family:zs; font-weight:100; font-size:14px; line-height:1.5em;}
.ny_join_reason .join_re li .re_text p{ margin-top:10px; color:#8d8686; font-family:zs; font-size:12px; line-height:1.9em;}


.ny_join_t{ width:100%; overflow:hidden;}
.ny_join_team{ width:1000px; height:1450px; /*border:1px solid red;*/ margin:0 auto;/*height:850px*/}
.ny_join_team .join_ren{ position:relative; width:1000px; height:840px;/* border:1px solid red;*/ margin-top:70px; }
.ny_join_team .join_ren .ren_one{ width:338px; height:293px; background:url(../images/join_ren1.jpg) no-repeat center; float:left; margin-left:100px;}

.ny_join_team .join_ren .ren_two{ width:338px; height:293px; background:url(../images/join_ren2.jpg) no-repeat center; float:left; margin-left:100px; position:relative;}
.ny_join_team .join_ren .ren_two .ren_text{ width:210px; height:210px; position:absolute; top:0; left:0; margin-top:140px;margin-left:-100px; transition:0.5s;}


.ny_join_team .join_ren .ren_text{ width:210px; height:210px; position:absolute; top:0; left:0; margin-top:160px;margin-left:0px;transition:0.5s;}


.ny_join_team .join_ren .ren_text h2{ font-weight:100; font-size:34px; color:#3f3b3b; font-family:zs;}
.ny_join_team .join_ren .ren_text h5{ font-weight:100; font-family:zs; font-size:22px; color:#504c4c; margin-top:5px;}
.ny_join_team .join_ren .ren_text p{ margin-top:20px; font-size:12px; font-family:st; color:#615b5b; line-height:1.9em;}


.ny_join_team .join_ren .ren_2{ width:517px; height:483px; background:url(../images/join_ren3.jpg) no-repeat center;/*float:left;*/ margin-left:438px; position:relative;}
.ny_join_team .join_ren .ren_2 .ren_text{ width:210px; height:210px; position:absolute; top:0; left:0;margin-left:50px; margin-top:520px;transition:0.5s;}



.ny_join_team .join_tuan{ width:1000px; height:405px; margin-top:40px;}
.ny_join_team .join_tuan li{ float:left; width:334px; height:405px; position:relative;}
.ny_join_team .join_tuan li a{ display:block;}
.ny_join_team .join_tuan li a img{ float:left;}
.ny_join_team .join_tuan li a .t_kong{ width:334px; height:405px; background:rgba(79,65,65,0.7); float:left; position:absolute; top:0; left:0; opacity:0; transition:0.3s;}
.ny_join_team .join_tuan li a:hover .t_kong{ opacity:1;}  

.ny_join_team .join_tuan li a .tuan_tex{ position:absolute; top:0; margin-top:130px; left:50%; margin-left:-110px; color:#fdf1f1; width:220px; height:80px; text-align:center;}
.ny_join_team .join_tuan li a .tuan_tex h2{ font-family:zs; font-weight:100; font-size:30px;}
.ny_join_team .join_tuan li a .tuan_tex p{ color:#d7cfcf; font-size:12px; margin-top:10px; line-height:1.7em}


.ny_join_team .join_tuan .t_center{ width:332px; height:405px; text-align:center}

.ny_join_team .join_tuan .t_center p{ font-family:zs; color:#393030; font-size:18px; margin-top:120px;}
.ny_join_team .join_tuan .t_center span{ width:110px; height:30px; display:block; border:1px solid #6a5a5a; line-height:30px; color:#4f4141; font-size:12px; margin:40px auto; font-family:zs; transition:0.2s;}

.ny_join_team .join_tuan .t_center span:hover{ background:#6a5a5a; color:#f5e9e9;}


/*内内页详情页*/

.xiang{ background:#fff; width:100%; height:7120px;}
.xiang_banner{ width:100%; height:453px; background:url(../images/xiangqing_banner.jpg) no-repeat center; position:relative;}
.xiang .ye_one{ width:1000px; height:2224px; margin:0 auto; }
.xiang .ye_two{ width:1000px; height:1665px;margin:0 auto;}
.xiang .ye_three{ width:1000px; height:2749px;margin:0 auto; }