@charset "utf-8";
/* CSS Document */
html{margin:0px;padding:0px; }
body{margin:0px;padding:0px;font-family:"微软雅黑";font-size: 12px;color:#363636;background:#fff;}
div,ul,form,dd,ol,h1,h2,h3,h4,h5,h6,dl,dt,p{margin:0px;padding:0px;}
li{margin:0px;padding:0px;list-style-type: none;}
.locationm {width:1200px; margin:0 auto;}
.efont{font-family:Arial, Helvetica, sans-serif;}
a:link{color:#363636;text-decoration: none;}
a:visited{color:#363636;text-decoration: none;}
a:hover{color:#ae1c1c;text-decoration: none;}
img{ border:0;}
.clear{ clear:both;}


/*----index css-----*/
.top{ background:url(topbg.png)/*tpa=http://www.tzxqy.com/e/template/default/images/topbg.png*/ repeat-x; height:87px; width:100%; position:fixed; z-index:999; top:0;}
.topm{width:1310px; margin:0 auto;}
.logo{ float:left; width:254px;}
/*---- 导航------*/
.home{ width:110px; float:left;background:url(navline.jpg)/*tpa=http://www.tzxqy.com/e/template/default/images/navline.jpg*/ no-repeat right 50%; text-align:center;}
.home a{background:url('navhover.png')/*tpa=http://www.tzxqy.com/e/template/default/images/navhover.png*/ no-repeat ; width:110px; height:87px; display:block;}
.home h1{font-size:14px; font-family:"微软雅黑"; color:#fff; font-weight:normal; padding:20px 0 1px 0;}
.home span{clear:both; display:block;color:#fff;  font-size:10px;-webkit-transform: scale(0.88);font-family:"微软雅黑";}
#nav_ecwms { float:left; width:880px; padding-left:25px;}
#nav_ecwms .wxmenu1 { zoom:1;   }
#nav_ecwms .wxmenu1 li {  z-index:100;  position:relative; float:left; width:110px; background:url(navline.png)/*tpa=http://www.tzxqy.com/e/template/default/images/navline.png*/ no-repeat top right; color:#FFFFFF;font-family:"微软雅黑"; height:80px;}
#nav_ecwms .wxmenu1 li h1{font-size:14px; text-align:center; display:block; padding:20px 0 1px 0;font-weight:normal;}
#nav_ecwms .wxmenu1 li span{clear:both; display:block; font-size:10px;-webkit-transform: scale(0.88);text-align:center; color:#c4c2c1;font-weight:normal;}
#nav_ecwms .wxmenu1 li a:hover span{ color:#FFFFFF;}
#nav_ecwms .wxmenu2 li h1{ font-size:12px; color:#fff; padding:0;}
#nav_ecwms .wxmenu2 li h1 a:hover{color:#000;}
#nav_ecwms .wxmenu2 li span{ display:none;}

#nav_ecwms .wxmenu1 li a {color: #fff; font-weight:bold;  width:110px; height:40px; display: block; text-decoration: none;  /*一级链接的颜色宽度和高度*/ }
#nav_ecwms .wxmenu1 li a:hover { color:#fff; text-decoration: none; background:url('navhover.png')/*tpa=http://www.tzxqy.com/e/template/default/images/navhover.png*/ no-repeat ; width:110px; height:87px;/*鼠标滑上去后，链接的颜色和背景*/}
#nav_ecwms .wxmenu1 ul { display:none;}
#nav_ecwms .wxmenu1 ul li { position:relative; }
#nav_ecwms .wxmenu1 li ul { width:110px;  top:80px; /*下拉二级ul*/ position:absolute; left:0px; margin: 0px; padding:0; z-index:100; }
#nav_ecwms .wxmenu1 li ul li { width:110px; background-color:#ae1c1c;/*下拉二级和三级li的样式*/ border:0; background-image:none; height:30px; line-height:30px; text-align:left; padding:0; border-bottom:#ffb1b1 1px solid;}
#nav_ecwms .wxmenu1 li ul li a { color:#fff; width:110px; /*下拉二级和三级链接样式 */font-weight:normal;  text-align:left;  display:block; text-indent:0px; height:30px; background:none; overflow:hidden; zoom:1;}
#nav_ecwms .wxmenu1 li ul li a span { padding:0 0 0 5px;}
#nav_ecwms .wxmenu1 li ul li a:hover { color:#000719; width:110px; background:#ffb1b1; /*下拉二级三级鼠标滑过样式*/ height:30px; text-align:left; display:block;}
#nav_ecwms .wxmenu1 li ul ul { left:110px;/*下拉三级左边距*/ z-index:200; top:0;}
#nav_ecwms .wxmenu1 li a.selected { color: #fff; font-weight:bold;  width:110px; height:87px; display: block; text-decoration: none;  background:url('navhover.png')/*tpa=http://www.tzxqy.com/e/template/default/images/navhover.png*/ no-repeat top; /*当前位置*/}


.tel{ float:right; width:146px;}
.banner{ height:567px; width:100%; clear:both;}
.news{ clear:both; width:100%; padding:40px 0 40px 0;}
.newstop img { width:35px; height:35px; padding: 55px 0 0 0;}
.newstop{ background:url(newstitle.jpg)/*tpa=http://www.tzxqy.com/e/template/default/images/newstitle.jpg*/ no-repeat center top;text-align: center; position:relative;}
.newsline{ border-bottom:#ececec 1px dashed; width:100%; height:2px; position:absolute; top: 70px; left:0px;}
.newsmain{ clear:both; width:100%; margin-top:20px;}
.newsleft{ width:580px; float:left;padding-top: 20px;}
.newsright{ width:570px; float:right;}
.newsright li a{ width:100%; height:90px; background:#FFFFFF; display:block;}
.newsright li a:hover{ background:#ae1c1c; color:#FFFFFF; width:100%; height:90px;display:block; padding:10px;}
.newsinfo h1{ font-size:18px; font-weight:normal; float:left; padding-top:30px;padding: 30px 0 15px 0px;}
.newsinfo span{ float:right; width:100px; color:#6f6f6f;padding: 30px 0 15px 0px;text-align: right;}
.newsc{ width:100%; clear:both; color:#6f6f6f; line-height:25px;}
.newsright li{ float:left; width:100%; margin:15px 0 15px 0;height:90px;display:block; padding:10px;}
.num{ float:left; font-size:70px; border-right:#9a9a9a 1px solid; width:108px;}
.newlist{ float:right; width:426px;}
.newlist h1{ font-size:18px; float:left; font-weight:normal;}
.newlist span{ float:right; color:#787878;}
.newsinfo1{ display:block; clear:both; line-height:22px;color:#787878; padding-top:10px;}
.newsright li a:hover .num{border-right:#fff 1px solid; }
.newsright li a:hover .newsinfo1{ color:#febdb9;}
.newsright li a:hover .newlist span{ color:#fff;}
.zoom-images {
  width: 580px;
  height: 237px;
  display: block;
  position: relative;
  float: left;
}


.cp{ clear:both; width:100%; background:#343434;padding: 40px 0 50px 0;}
.cptop{ background:url(cptitle.jpg)/*tpa=http://www.tzxqy.com/e/template/default/images/cptitle.jpg*/ no-repeat center top;text-align: center; position:relative;}
.cptop img { width:35px; height:35px; padding: 55px 0 0 0;}
.cpline{ border-bottom:#434343 1px dashed; width:100%; height:2px; position:absolute; top: 70px; left:0px;}
.cpmain{ clear:both; width:100%; padding-top:30px;}
.cpmain ul{ margin:0 auto; width:1270px;}
.cpmain li{ float: left;padding:0 3px 20px 4px;}
.cpmain li img{ width:310px; height:202px;}



#case{clear:both; width:1200px; padding-top:30px; margin:0 auto;}
.casebox  {text-align:center;}
.casebox li{display:inline-block;  float: left;margin:0 3px 20px 4px; position:relative; overflow:hidden;  zoom: 1;vertical-align: top; width:293px; }

.casebox li  img{font-size:0; line-height:0; display:block;width:293px; height:202px;}
.casebox li  a{width:100%;  display:block; position:absolute;z-index:55; }
.casebox li  .fangdajing{z-index:5; left:0; top:-173px}
.casebox li  .fangdajing i{width:57px; height:59px; background:url("indexIco.png")/*tpa=http://www.tzxqy.com/e/template/default/images/indexIco.png*/ 0 0 no-repeat;display:block; margin:60px auto; }
.casebox li  .beijing{background:url("opbg_1.png")/*tpa=http://www.tzxqy.com/e/template/default/images/opbg_1.png*/ repeat;z-index:4; top:242px; color:#fff; font-size:16px; line-height:280px; text-align:center;}





.casebox {
perspective: 800px;
-webkit-perspective: 800px;
-moz-perspective: 800px;
-o-perspective: 800px;
}
.casebox li {
position:relative;
transform-origin:100% 100% 0px; 
-webkit-transform-origin:100% 100% 0px; 
-moz-transform-origin:100% 100% 0px; 
-o-transform-origin:100% 100% 0px; 

transform: rotateY(-100deg);
-webkit-transform: rotateY(-100deg);
-moz-transform: rotateY(-100deg);
-o-transform: rotateY(-100deg);

transition: all 1.5s ease;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
z-index:1;
opacity:0;

}
.casebox li:nth-child(2n+1){

position:relative;
transform-origin:0 100% 0px; ; 
-webkit-transform-origin: 0 100% 0px; 
-moz-transform-origin: 0 100% 0px; 
-o-transform-origin: 0 100% 0px; 

transform: rotateY(100deg);
-webkit-transform: rotateY(100deg);
-moz-transform: rotateY(100deg);
-o-transform: rotateY(100deg);

transition: all 1.5s ease;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
z-index:1;
opacity:0;

}


.casebox li.hover{
transform: rotateY(0deg); 
-webkit-transform: rotateY(0deg); 
-moz-transform: rotateY(0deg); 
-0-transform: rotateY(0deg); 
opacity:1;}




.section{ clear:both; width:100%; padding:20px 0 0 0;}
.contact{ background:url(contactbg.jpg)/*tpa=http://www.tzxqy.com/e/template/default/images/contactbg.jpg*/ no-repeat right top; width:525px; float:left; margin-top:30px; padding-bottom:50px;} 
.econtact{ background:url(econtactbg.jpg)/*tpa=http://www.tzxqy.com/e/template/default/images/econtactbg.jpg*/ no-repeat right top; width:525px; float:left; margin-top:30px; padding-bottom:50px;} 
.contact ul,.econtact ul{ padding:150px 0 0 15px;}
.contact li,.econtact li{ line-height:30px;}
.contact li img,..econtact li img{ float:left; padding:5px 10px 0 0;}
.contact li,..econtact li{ width:100%; clear:both;}
.about{ float:right; width:650px;}
.abouttop{ background: url(abouttitle.jpg)/*tpa=http://www.tzxqy.com/e/template/default/images/abouttitle.jpg*/ no-repeat 0px 8px;width:467px;height: 50px;margin-top: 30px; padding-left:175px;}
.aboutline{border-bottom:#ececec 1px dashed; width: 432px; float:left; height:2px;margin-top: 17px;}
.aboutmore{ width: 35px; height: 35px; float:left;}
.aboutmain{ clear:both;  border:#d0d2cf 1px solid; padding:10px 9px; width:630px;}
.aboutmain img{ width:630px; clear:both; height:148px;}
.aboutmain span{ clear:both; display:block; line-height:25px; padding-top:10px;}

.btm_nav{width:100%; clear:both; padding:10px 0 20px 0; background-image:url(btmnavbg.jpg)/*tpa=http://www.tzxqy.com/e/template/default/images/btmnavbg.jpg*/; background-repeat:repeat-x; background-position:top left; background-color:#363636;} 
.menue{ float:left;}
.menue li{ color:#ffffff; float:left; font-size:14px; width:150px; line-height:35px;}
.menue li ul{ clear:both; padding-top:20px;}
.menue li ul li{ clear:both; width:100%; background:url(arrow.jpg)/*tpa=http://www.tzxqy.com/e/template/default/images/arrow.jpg*/ no-repeat 0 50%; padding-left:10px; line-height:25px; color:#a9a9a9; font-size:12px;}
.menue .wxmenu1 li a h1{ font-size:12px; color:#a9a9a9}
.menue .wxmenu1 li a:hover h1{ font-size:12px; color:#fff; text-decoration:underline;}
.menue .wxmenu1{ height:240px;}
.qcode{ float:right; width:223px; padding-top:80px;}
.btm{ clear:both; width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#676767; background:#1b1a1a; height:108px; line-height:36px;}

/*--about css--*/
.banner1{ width:100%; clear:both; height:300px; background:url(banner.jpg)/*tpa=http://www.tzxqy.com/e/template/default/images/banner.jpg*/ no-repeat center top;}
.main{ width:1200px; margin:0 auto;}
.left{ width:240px; float:left; margin-top: -79px;}
.right{ width:920px; float:right;}
.lefttop{ background:url(leftop.png)/*tpa=http://www.tzxqy.com/e/template/default/images/leftop.png*/ no-repeat; height:79px; line-height:79px; color:#FFFFFF; font-size:30px; padding-left:40px; width:199px;}
.leftnav{ background:#f0f0f0; width:222px;}
.leftnav li{ border-bottom:#FFFFFF 2px solid; background: url(lefticon.jpg)/*tpa=http://www.tzxqy.com/e/template/default/images/lefticon.jpg*/ no-repeat 30px 50%; padding-left: 50px; line-height: 50px; font-size:14px;}
.leftnav li h1{ font-size:14px; font-weight:normal;}
.leftcontact_title{  background:#9d9d9d; height:58px; line-height:58px;   font-size: 25px; color:#FFFFFF;width:222px;  text-align: center;}
.leftcontact{ width:222px; background:#f0f0f0; padding:15px 0 20px 0; margin-bottom:30px;}
.leftcontact li{ width:212px clear:both; line-height:45px; padding: 0 0 0 10px;}
.leftcontact li img{ float:left; padding:8px 10px 0 0;}
.site{height: 74px;padding-left: 35px;font-size: 26px;font-weight: normal;line-height: 64px;color: #5C5C5C;border-left: 4px solid #ae1c1c; margin-top:50px;}
.content{ font-size:14px;margin-top: 30px;color: #797979; line-height:35px;}


/*---新闻---*/
#news { padding-top:10px;}
#news li{ width:100%; float:left; border-bottom: 1px solid #e2e2e2; margin-bottom:15px;  padding-bottom:15px; float:left;}
#news li img{ width:480px; height:150px;}
.news1 img{width:480px; height:150px;}
.news1{ width:246px; float:left;}
.news2{ width:380px; float:right; height:100%; overflow:hidden;}
.news2 span{ display:block; clear:both; font-size:12px;line-height: 25px;padding-top: 15px;}
.news2 h1{ font-size:16px; }
#h2_news{ font-size:30px; text-align:center; padding-bottom:20px; font-weight:normal;}
#news_top1{ font-size:12px; border:#e9e9e9 1px solid; background:#f6f6f6; line-height:35px; text-align:center; color:#938654;}
#news_contain{ padding:20px 0 20px 0;}
.page{ font-size:12px; border-top:#938654 1px solid; padding-top:10px; margin-top:20px; line-height:25px;}
.read{ display:block; text-align:right; color:#b3b3b3;padding-right: 15px; padding-top:5px;}

/*---产品展示---*/
#web_product2{ clear:both; with:100%; padding-top:20px;}
#web_product2 li{ float:left; width:306px; height:260px; text-align:center;}
#web_product2 li img{ width:293px; height:202px;}
#web_product2 li span{ display:block; clear:both; width:100%; text-align:center; padding-top:10px;}
#web_product2 li a{width:293px; height:202px; display:block;}
#web_product2 li a:hover{width:288px; height:197px; border:#fac3c3 5px solid; display:block;}
#web_product2 li a:hover img{width:288px; height:197px;}
.pro_name{ float:left; display:block; color: #414141;font-size: 35px;font-weight: normal;border-bottom: 1px solid #D9D9D9;margin-top: 20px;padding-bottom: 20px;width: 400px;}
.t2{ float:left; width:400px; border:#CCC 1px solid; margin-right:50px; position:relative;}
.fangda{background:url(search.png)/*tpa=http://www.tzxqy.com/e/template/default/images/search.png*/ no-repeat; width:64px; height:64px; position:absolute; top:370px;left:365px;}
#protext{ clear:both; padding-top:30px;}


/*--- 分页 ---*/
.page_num { width:100%; height:50px; padding:10px 0 0 0; text-align:center; clear:both; }
.page_num strong { padding:0 5px 2px 5px; background-color:#ae1c1c; color:#fff; margin:0 3px; border:#e33f3f 1px solid;}
.page_num a { padding:0 5px 2px 5px; background-color:#fff; border:1px solid #c6c6c6; margin:0 3px;}
.page_num a:hover { background-color:#e33f3f; color:#fff; border:1px solid #ae1c1c;}

/*---壁纸体验--*/
#colorbg{ background:url(bg.jpg)/*tpa=http://www.tzxqy.com/e/template/default/images/exp/bg.jpg*/ repeat; width:100%; height:700px;}
.area{ width:250px; position:absolute; top:150px; left:3%; z-index:3;}
.areatop{ color:#ff4019; font-size:20px; text-align:center; padding:15px 0 15px 0;background:#FFFFFF;}
#color{background:#FFFFFF; height:380px; padding-left:5px; }
#color li{ float:left; width:38px; margin-right:2px;cursor:pointer}
#color li img{ width:38px; height:38px;} 
.pic{ width:250px; margin-top:10px;}
.pic li{ float:left; background:#FFFFFF; padding: 5px 5px 2px 5px; margin-left:7px; cursor:pointer}
.changjin{ width:100%;}
.light{ position:absolute; left:40%; top:0px;z-index:2;}
.photo{ position:absolute; left:60%; top:100px;z-index:2;}
.sofa{ position: absolute; left:58%; top:380px; margin-left:-480px;z-index:2;}
.btmlight{position: absolute; right:0%; top:250px; z-index:2;}
.ditan{ position:absolute; top:500px;left:0; background:url(ditan.png)/*tpa=http://www.tzxqy.com/e/template/default/images/exp/ditan.png*/ no-repeat center top; height:292px; width:100%;}
#tv{ background:url(tv.png)/*tpa=http://www.tzxqy.com/e/template/default/images/exp/tv.png*/ no-repeat center top; height:800px; width:100%; zoom:90%;}
#bed{ background:url(bed.png)/*tpa=http://www.tzxqy.com/e/template/default/images/exp/bed.png*/ no-repeat center top; height:700px; width:100%; }


.pro_name1{ display:block; font-size:18px; line-height:45px; width:100%; clear:both; padding-left:10px;}
#span_color p{ color:#797979;}
.pro_name1 p{ color:#797979;}
.proinfo{ float:right; width:450px;}
.mg20{ padding-top:30px;}
.MsoNormal{color:#797979;}

/*浮动QQ*/
.lanren{ position:absolute; right:0; top:80px;}
.lanren .slide_min{ width:33px; height:168px; background:url(qqbg.jpg)/*tpa=http://www.tzxqy.com/e/template/default/images/qqbg.jpg*/ no-repeat; cursor:pointer;}
.lanren .slide_box{ width:154px; height:auto; overflow:hidden; background:url(slide_box_bg.jpg)/*tpa=http://www.tzxqy.com/e/template/default/images/slide_box_bg.jpg*/; font-size:12px; text-align:center;  color:#666; border-bottom:2px solid #b0b0b0;}
.lanren .slide_box .weixin{ margin-bottom:5px; width:140px; height:140px;}
.lanren .slide_box img{ cursor:pointer;}
.lanren .slide_box p{ text-align:center; padding:5px; margin:5px;border-bottom:1px solid #b0b0b0;}
.lanren .slide_box span{ padding:5px 10px; display:block;}
.lanren .slide_box span a{ color:#76A20C;}