@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1300px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1300px; margin:0 auto;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.dno{ display: none;}

*::selection {
  background: #5C307D;
  color: #FFFFFF;
  text-shadow: none; }
*::-moz-selection {
  background: #5C307D;
  color: #FFFFFF;
  text-shadow: none; }
.mainWrap {
  width: 1400px;
  margin: auto; }
.ie6 {
  text-align: center;
  font-size: 16px;
  background: #FC6;
  line-height: 100px;
  z-index: 100000;
  width: 100%;
  position: absolute;
  height: 100px;
  top: 0;
  left: 0; }
.ie6 span {
  float: right;
  margin-right: 30px;
  cursor: pointer; }
.masklayer {
  background: rgba(0, 0, 0, 0.9);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;}
/* CSS Document */


/*公共头部*/
.logo{margin-top:6px;}
.head .logo h1 {width:253px;height:110px}
.head .logo h1 img{vertical-align: bottom;}
.head .logo b{font-size:18px;color:#333;display: inline-block;vertical-align:bottom;line-height:26px;letter-spacing:2px;margin-left:5px}

.header-nav{height:45px; z-index: 3; width: 910px;margin-top:30px}
.header-nav  ul li{float: left; position: relative; padding-left:66px}
.header-nav  ul li:after{content: ''; display: block;height:2px;width:0; background: #A20915;transition: all .3s;}
.header-nav  ul li:hover:after,.header-nav  ul li.on:after{width:64px;}
.header-nav  ul li:hover a{color:#A20915}
.header-nav  ul li>a{display: block; font-size:16px; line-height: 56px; color: #333;width:64px;}
.header-nav  ul li.on>a{color:#A20915}

.navfixed{ position: fixed;top:0;left:0;width:100%;margin-top:0; background: #fff;z-index:9999999}
.navfixed .logo {margin:2px 0;display: none;}
.navfixed .header-nav{margin-top:0px;width:100%;padding:5px 0 10px 0}
.navfixed .header-nav ul li{padding:0 75px}

/*首页banner*/
.ny-banner .banner-hd{height:470px}
.banner{position:relative;}
.banner-hd {height:531px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}
/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3 ;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:16px;height:16px;  color: #FFFFFF;margin:0 10px; cursor:pointer; float: left; background: #fff; border-radius: 50%;}
.banner-hd .num li.on {background: #FFBA00;  } 
/*首页banner*/

/*服务*/
.service{ background:#9F010D;height:120px;}
.service-con div{float:left; position: relative;padding-left:75px;margin-top:28px;margin-right:87px}
.service-con .ser-5{margin-right:0}
.service-con div span,.service-con div b{ display: block;color:#fff}
.service-con div b{font-size:16px;margin-top:5px}
.service-con div:after{content: ''; display: inline-block;width:63px;height:63px;border:1px solid #fff;border-radius:100%;position: absolute;left:0;top:0;transition: all .6s;}
.service-con div:hover:after{transform: rotateY(180deg);}
.ser-1:after{ background: url(../images/icon1.png) no-repeat center left;}
.ser-2:after{ background: url(../images/icon2.png) no-repeat center left;}
.ser-3:after{ background: url(../images/icon3.png) no-repeat center left;}
.ser-4:after{ background: url(../images/icon4.png) no-repeat center left;}
.ser-5:after{ background: url(../images/icon5.png) no-repeat center left;}
/*服务*/

/*地板定制*/
.title span,.title b{ display: block; text-align: center;}
.title b{font-size:28px;color:#000;font-weight:normal;margin-top:10px;}
.title{margin:40px 0}

.pro-list{ overflow: hidden;zoom:1}
.pro-list li{float:left;width:425px;height:398px; overflow: hidden; position: relative;margin:0 4px}
.pro-list .pro-img{width:425px;height:398px;}
.pro-list .pro-info{width:425px;height:398px;text-align: center; background:rgba(159,1,13,0.33); position: absolute;top:-400px;left:0;transition: all .4s; }
.pro-list .pro-info span,.pro-list .pro-info b{ display: block;text-align: center;font-weight:normal}
.pro-list .pro-info b{font-size:16px;color:#fff;margin-top:10px;}
.pro-list .pro-info span{margin-top:185px;}
.pro-list li:hover .pro-info{top:0}

.more a{ display: block;width:141px;height:42px;text-align: center;line-height:42px;border:1px solid #828282;margin:40px auto;position: relative; overflow: hidden;transition: all .6s;}
.more a:after{height: 100%; width: 141px;   background:#9F010D; content: '';display: block;transform: rotate(50deg); position: absolute; top: 0;left: -190px;z-index: 99;transform: skewX(-45deg) translateX(0);transition: all .6s;}
.more a:hover:after{left:0;}
.more a:hover{color:#fff}
.more a em{ position: relative;z-index:9999}
/*地板定制*/

/*关于我们*/
.about{ background: url(../images/about-bg.jpg) no-repeat center center;height:762px;}
.about-h1{text-align: center;width:1235px;margin:0 auto;padding-top:50px;}
.about-h1-con{width:730px;margin:0 auto;float:left}
.about-h1 p{font-size:24px;color:#fff;margin-left:90px;}
.about-img1{animation:mymove1 8s infinite; position: relative;}
.about-img2{animation:mymove2 6s infinite; position: relative;}
@keyframes mymove2
{
0%   {top:0px; left:-20px;}
50% {top:0px; left:20px;}
100%   {top:0px; left:-20px;}
}

@keyframes mymove1
{
0%   {top:0px; right:-20px;}
50% {top:0px; right:20px;}
100%   {top:0px; right:-20px;}
}
.about-con{width:980px;margin:30px auto}
.about-left{color:#fff;writing-mode:tb-rl;font-size:26px;font-family: '楷体';width:600px;height:235px;font-weight: initial; letter-spacing:5px;line-height:50px;margin-top:120px;}
.about-right{width:300px;margin-top:110px;}
.about-right span{ display: block;margin-top:40px;}
.about-more{text-align: center;margin-top:55px;}
.about-more a{ display: block;width:55px;height:63px;margin:0 auto;transition: all .6s;}
.about-more a:hover{transform: rotate(180deg);}
/*关于我们*/

/*优势*/
.ys{ background: #F2F2F2;}
.ys-title {text-align: center;padding:50px 0}
.ys-title span{ display: block;font-size:30px;color:#333333}
.ys-title span em{font-family: Aparajita;font-size:60px;line-height:60px;margin-right:10px}
.ys-title p{font-size:18px;color:#666666;line-height:18px;margin-top:7px}

.ys-left{width:381px;margin-left:110px;}
.ys-center{width:90px;margin-top:125px;margin-left:50px;}
.ys-center span,.ys-center b{ display: block;color:#333333}
.ys-center span{font-size:28px;line-height:28px;}
.ys-center b{font-size:70px;font-weight:bold;line-height:70px;margin-top:10px;color:#9F010D}
.ys-right{width:610px;margin-top:40px;}
.ys-right p{line-height:24px;font-size:16px;padding:15px 0;border-bottom: 1px dotted #999;}
.ys-right p em{color:#E62230;font-weight:bold}
.ys-right p span{color:#333333;font-weight: bold;}

.ys-2{margin:40px 0}
.ys-2 .ys-left{margin-right:215px;margin-left:0;margin-top:20px}
.ys-2 .ys-right{width:550px;margin-left:80px;margin-top:0;}
.ys-2 .ys-center{    margin-top: 25px;}

.ys-3{padding:50px 0}
.ys-3 .ys-left{margin-left:135px;margin-top:20px}
.ys-3 .ys-right{width:550px;margin-top:0;}
.ys-3 .ys-center{    margin-top: 25px;margin-left:0;}
/*优势*/

/*留言*/
.message{ background: #9F010D;padding:30px 0 20px 0}
.mes-1 input{ display: block;width:200px;height:50px;border:1px solid #ED6B6D; background: none;color:#fff;padding-left:20px}
.mes-2 input{display: block;width:330px;height:50px;border:1px solid #ED6B6D; background: none;color:#fff;padding-left:20px}
.mes-3 textarea{font-family: "微软雅黑";display: block;width:510px;height:100px;border:1px solid #ED6B6D; background: none;color:#fff;padding-left:20px;padding-top:14px;}
.message form{ overflow: hidden;}
.message form div{float:left;margin-right:10px;}
.mes-4 input{ background: none;border:none;width: 140px; background: #FFFFFF;height:115px;line-height:115px;text-align: center;font-size:18px;font-weight:bold;color:#FF0013}
.message input{margin-bottom:11px }
/*留言*/

/*门店展厅*/
.store-ul li{width:413px;float:left;margin:0 10px 10px 10px}
.store-ul li:hover .store-info{ background: #9A0001;color:#fff}
.store-img{width:413px;height:289px;}
.store-info{width:413px;height:60px;line-height:60px;text-align: center; background: #D8D8D8;text-align: center;font-size:16px;color:#333}
/*门店展厅*/

/*底部*/
.footer{ background: #000000;padding:30px 0;margin-top:50px}
.footer-logo{text-align: center;}
.footer-nav {text-align:center;margin:30px 0 15px 0}
.footer-nav span{display: inline-block;margin-right:20px}
.f-span-1{height:66px;color:#fff;font-size:18px; vertical-align: middle;}
.footer-address .f-span-1{padding-left:200px}
.f-span-2{width:265px}
.f-span-2 a{width:80px; display: inline-block;color:#fff;margin-bottom:5px}
.footer-address{border-top:1px dotted #C3C3C3;padding-top:30px; overflow: hidden;padding-top:50px;}
.footer-address span{float:left;}
.f-span-span{width:450px;margin-left:60px;}
.f-span-span em{color:#BDBDBD;float:left;width:220px;}
.f-span-s{color:#A6A6A6;vertical-align: bottom;margin-top:20px;}
.f-span-w,.f-span-q{margin:0 20px}
.f-span-q{margin-top:-30px}
.footer-bottom{text-align: center;color:#5E5E5E;margin-top:20px}
.footer-bottom span{margin:0 16px}
.footer-bottom a:hover{color:#fff}

/*内页产品*/
.position{ padding: 35px 0 25px 0;border-bottom:1px solid #ddd;margin-bottom:20px;}
.position img{ vertical-align: middle;margin-right:19px;}
.position b{padding:0 10px;font-size:16px}
.position a{font-size:16px}

.ny-pro-list{ overflow: hidden;zoom:1}
.ny-pro-list li{float:left;width:310px;overflow: hidden;margin:7px}
.ny-pro-list .pro-img{width:310px;height:290px;}
.ny-pro-list .pro-info{width:310px;height:50px;text-align: center; background: #eee;line-height:50px;}
.ny-pro-list .pro-info span,.pro-list .pro-info b{ display: block;text-align: center;font-weight:normal}
.ny-pro-list .pro-info b{font-size:16px;font-weight:normal}
.ny-pro-list li:hover .pro-info{ background: #9A0001;color:#fff}

.ny-store-list{ overflow: hidden;zoom:1}
.ny-store-list li{float:left;width:310px;overflow: hidden;margin:7px}
.ny-store-list .store-img{width:310px;height:217px;}
.ny-store-list .store-info{width:310px;height:50px;text-align: center; background: #eee;line-height:50px;}
.ny-store-list .store-info span,.ny-store-list .store-info b{ display: block;text-align: center;font-weight:normal}
.ny-store-list .store-info b{font-size:16px;font-weight:normal}
.ny-store-list li:hover .store-info{ background: #9A0001;color:#fff}


.ny-right  .pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.ny-right .pagelist a,
.ny-right  .pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.ny-right  .pagelist span.current {color: #f30;border: 1px solid #ddd;}