@charset "utf-8";
/* All Style */

*{ margin:0; padding:0}
ul,li{ list-style:none;}
a{ color:#454545; text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both;}
.clearfix{clear:both;}
.ofh{ overflow:hidden;}
.mc{ margin:0 auto;}
.w1000{width:1000px;}
.mt20{ margin-top:20px;}
.mt50{ margin-top:50px;}
.h136{height:136px;}
img{border:0}

.wrap{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.header {
	background:#fff;
	background:rgba(8, 16, 41, 0.8);
	position:absolute;
	left:0;
	right:0;
	height:70px;
	transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}
.sticky-wrapper {
	position:absolute;
	left:0;
	right:0;
	z-index:22;
}
.header.is-sticky {
	height:120px;
}
.header .logo, .header.is-sticky .logo {
	padding:18px 0 0 0px
}
.header .nav, .header.is-sticky .nav {
	padding:45px 0 0 0;
}
.logo {
	padding:35px 0 25px 0;
	float:left;
	transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}
.nav { width:886px; color:#bce0de;
	float:right;
	padding:62px 14px 0 0;
}
.nav ul {
}
.nav ul li {
	float:left;
	list-style:none;
}
.nav ul li a {
	display:block;
	font-size:18px;
	color:#bce0de;
	line-height:32px;
	padding:0 16px;
}
.nav ul li a:hover {
	color:#FFF;
}
.bannerpart {
	background:url(images/bannerimage-new.jpg) no-repeat fixed;
	background-size:100%;
	height:800px;
	padding:0px 0 0 0;
}
.bnerhead {
	text-align:center;
	font-size:40px;
	color:#fff;
	line-height:51px;
	font-weight:normal;
	padding:110px 0 80px 0;
	text-shadow:1px 1px 2px #2A2626;
}
.bannerleft {
	float:left;
	width:730px;
}
.bannerleft h3 {
	float:left;
	background:url(images/banrtxt-bg.png) repeat-x left top;
	width:235px;
	padding:18px 0 0 80px;
	border-radius:30px;
	margin:0 40px 15px 0;
	position:relative;
	height:41px;
	font-size:22px;
	line-height:23px;
	color:#fff;
	font-weight:normal;
	font-family: 'Roboto', sans-serif;
}
.bannerleft h3:hover {
	color:#f0e22b;
}
.bannerleft h3:hover span {
	transform:scale(1) rotate(360deg);
	-webkit-transform:scale(1) rotate(360deg);
	-moz-transform:scale(1) rotate(360deg);
	-o-transform:scale(1) rotate(360deg);
	-ms-transform:scale(1) rotate(360deg);
	background:#f0e22b;
}
.bannerleft h3 span {
	position:absolute;
	left:0;
	top:0;
	background:rgba(21, 36, 4, 0.7);
	border-radius:50%;
	transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}
.bannerleft h3:last-child {
	
}
.bannerright {
	float:right;
	background:url(images/enqry-patrn.png) repeat #f0e22b;
	width:338px;
	text-align:center;
	padding:30px 0;
	border-radius:5px;
	position:relative;
	transition:all ease-in-out 0.2s;
	-moz-transition:all ease-in-out 0.2s;
	-webkit-transition:all ease-in-out 0.2s;
	-webkit-box-shadow: 0 0 1px 0 #3b3810;
	box-shadow: 0 0 1px 0 #3b3810;
}
.bannerright:hover {
	background:rgba(255, 255, 255, 0.9);
}
.bannerright button {
	background:#3c3810;
	padding:0 54px;
	border:none;
	border-radius:5px;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	line-height:38px;
	text-transform:uppercase;
	color:#fff;
	cursor:pointer;
	transition:all ease-in-out 0.2s;
	-moz-transition:all ease-in-out 0.2s;
	-webkit-transition:all ease-in-out 0.2s;
	-webkit-box-shadow: 0 0 1px 0 #3b3810;
	box-shadow: 0 0 1px 0 #3b3810;
}
.bannerright button:hover {
	background:#417c23;
}
.bannerright img {
	display:inline;
	text-align:center;
	padding:10px 0;
}
.bannerright h4 {
	font-size:32px;
	line-height:34px;
	color:#38350e;
	font-family: 'Oswald', sans-serif;
	font-weight:normal;
	display:block;
}
.bnrshdw {
	position:absolute;
	top:100%;
	left:0;
}
.bnrshdw img {
	padding:0;
}
.manufacture {
}


.main .main1 .lunbo{ width:276px; height:258px;}
.fullSlide{ width:276px;  position:relative;  height:266px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:296px !important;  }
.fullSlide .bd li{ width:296px !important;  height:258px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:258px; }
.fullSlide .hd{ width:296px;  position:absolute; z-index:1; bottom:0px; height:30px; line-height:30px; background:url(../images/touming2.png) repeat-x; text-align:center; _background:#000; _filter:alpha(opacity=60);  }
.fullSlide .hd ul{ text-align:right;}
.fullSlide .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:15px; color:#a8c8c9; margin:5px; background:url(../images/tg_flash_p.png) -23px 0; overflow:hidden;line-height:9999px; }
.fullSlide .hd ul .on{background-position:0 0; }

.main .main1 .news_index{ margin-left:16px; width:346px;}
.main .main1 .news_index .news_index_title{ background:url(../images/bg_newstitle.jpg) no-repeat; height:44px; line-height:44px; padding-left:25px; font-size:18px; font-weight:bold;}
.main .main1 .news_index ul{ width:100%;}
.main .main1 .news_index ul li{ float:left; width:100%; height:30px; line-height:30px; border-bottom:1px solid #e8e8e8}
.main .main1 .news_index ul li.cur a,.main .main1 .news_index a:hover{ color:#f00}
.main .main1 .news_index ul li span{ float:right;}
.main .main1 .video{ margin-left:52px; width:310px; height:261px;}

.main .main2 ul{}
.main .main2 ul li{ width:323px; float:left; margin-left:15px;}
.main .main2 ul li.first{ margin-left:0px;}
.main .main2 ul li a{}
.main .main2 ul li span{ width:60%; display:block;font-family:"microsoft yahei", "微软雅黑"; color:#000; letter-spacing:3px; line-height:25px; text-align:center; padding:0 20%;}

.main .main3 ul li{ width:285px; float:left; margin-left:10px; display:block; border:1px solid #dcdcdc; background:#eee; padding:19px;}
.main .main3 ul li.first{ margin-left:0px;}
.main .main3 ul li h5{ line-height:60px; font-weight:normal; font-size:16px;}
.main .main3 ul li strong{float:left; border-style:solid; border-width:4px; border-color:#eee #eee #eee #979797; margin-top:10px;}
.main .main3 ul li img{ width:285px; height:180px; margin:18px 0;}
.main .main3 ul li dd{ float:left; height:30px; line-height:30px; border-bottom:1px dotted #999;
width:285px;/*设置宽度*/
white-space:nowrap;/*设置不折行*/
text-overflow:ellipsis;/*这就是省略喽*/
-o-text-overflow:ellipsis;/*兼容opera*/
overflow: hidden;/*设置超过的隐藏*/}

.foot{ background:#000000;color:#fff; font-family:"microsoft yahei", "微软雅黑"; padding-bottom:10px;}
.foot .footer{ width:1200px; padding-top:40px;}
.foot .footer .fnav,.foot .footer .fewm,.foot .footer .fcont{height:220px;}
.foot a{ color:#fff;}
.foot .footer .fnav .item{ float:left; margin-right:65px;}
.foot .footer .fnav .item dt,.foot .footer .fcont h5{ line-height:40px; font-size:16px;}
.foot .footer .fnav .item dd{ line-height:25px; font-size:12px;}
.foot .footer .fewm{ width:130px; line-height:30px; text-align:center; padding-top:13px; margin-right:60px;}
.foot .footer .fcont{width:180px; font-size:17px;}
.foot .footer .fcont .cont span{ width:100%; clear:both; display:block;}
.foot .footer .fcont .cont{ width:100%; height:50px; background:url(../images/fcont.png) 0 0 no-repeat; padding-left:45px; margin-bottom:20px;}
.foot .footer .fcont .dh{ background-position:0 10px; }
.foot .footer .fcont .qq{ background-position:0 -32px;}
.foot .footer .ad .ad1{ background:url(../images/fcont.png) 0 -84px no-repeat; height:50px; padding-left:50px;}
.foot .footer .ad .ad2{ background:url(../images/fcont.png) 0 -157px no-repeat; height:50px; padding-left:50px; margin:0 45px;}
.foot .footer .ad .ad3{ background:url(../images/fcont.png) 0 -230px no-repeat; height:50px; padding-left:50px;}
.foot .footer .ad{ border:1px solid #888; height:67px; line-height:67px; color:#888; font-size:25px; padding-left:90px; }
.foot .copyright{width:922px; text-align:center;}
.foot .copyright .links{ letter-spacing:3px; line-height:30px; font-size:13px;}
.foot .copyright .kwd{ color:#727171; margin-top:20px;}

 

/* 产品中心 */
.banner_product{ background:url(../images/banner_product.jpg) no-repeat; height:240px;}
.banner_product2{ background:url(../images/banner_product2.jpg) no-repeat; height:240px;}
.banner_product3{ background:url(../images/banner_product3.jpg) no-repeat; height:240px;}
.banner_product4{ background:url(../images/banner_product4.jpg) no-repeat; height:240px;}
.banner_product5{ background:url(../images/banner_product5.jpg) no-repeat; height:240px;}
.banner_product6{ background:url(../images/banner_product6.jpg) no-repeat; height:240px;}
.banner_product7{ background:url(../images/banner_product7.jpg) no-repeat; height:240px;}
.pro .position{ font-family:"microsoft yahei", "微软雅黑"; color:#666; height:50px; line-height:50px;}
.pro .left{font-family:"microsoft yahei", "微软雅黑"; width:230px;}
.top .left-type{width: 228px;margin-left: 0px;height:230px;background: #fff;border: 1px solid #e7e7e7;position: relative;}
.top .left-type-title{left: -6px;top: 11px;position: absolute;}
.top .left-type-title-name {width: 225px;height: 36px;line-height: 36px;color: #fff;text-indent: 22px;background:url(../images/bg_protitle.png) no-repeat; font-size:12px; }
.top .left-type-title ul li{ padding-left:35px; background:url(../images/bg_navlist.jpg) 25px 14px no-repeat; line-height:35px;}
.top .left-type-title ul li a{ height:35px; width:100%; display:block;}
.top .left-type-title ul li a:hover{ text-decoration:underline}
.pro .right{ margin-left:17px;height:auto !important;height:880px;min-height:880px; }
.pro .right .top{ border:1px solid #e9e9e9; width:729px; height:auto !important;height:174px;min-height:174px;  padding:11px;overflow:hidden;}
.pro .right .top h3{ border-bottom:1px solid #666666; height:30px; line-height:30px;}
.pro .right .top h3 span{border-bottom:2px solid #ff1700; height:29px; width:63px; display:block;}
.pro .right .top ul{ margin-top:30px; height:auto !important;height:160px;min-height:160px;}
.pro .right .top ul li{ float:left; border-radius: 12px; height:35px; line-height:35px; border:1px solid #595959; width:142px; text-align:center; margin-right:50px; margin-bottom:20px;}
.pro .right .top ul li.last{ margin-right:0px;}
.pro .right .top ul li a{ color:#666666; width:100%; height:35px; display:block;border-radius: 10px;}
.pro .right .top ul li a:hover{ background:#999; color:#fff;}
.pro .right .bottom{ width:753px;}
.pro .right .bottom ul{width:723px; overflow:hidden; border:1px solid #eaeaea; padding:15px;}
.pro .right .bottom ul li,.pro .right .top3 ul li{ width:160px; height:220px; text-align:center; float:left; margin:0 10px; margin-bottom:25px;}
.pro .right .bottom ul li img,.pro .right .top3 ul li img{ border:1px solid #cdcece;}
.pro .right .bottom ul li a,.pro .right .top3 ul li a{ color:#666; line-height:18px;}

.pro .right .page1{ height:65px; line-height:65px; color:#666;}
.pro .right .page2{ text-align:center; margin:30px 0;}
.pro .right .page2 a{ padding:5px 10px; border:1px solid #d3d3d3;}
.pro .right .page2 a.cur{ background:#dc0000; color:#fff; border:0;}

/* 地板大学堂 */
.banner_lesson{background:url(../images/banner_lesson.jpg) no-repeat; height:240px}
.pro .right .top2,.pro .right .top3{ border:1px solid #e9e9e9; width:729px; padding:11px; overflow:hidden; margin-bottom:50px;}
.pro .right .top2 h3,.pro .right .top3 h3{ border-bottom:1px solid #666666; height:30px; line-height:30px;}
.pro .right .top2 h3 span,.pro .right .top3 h3 span{border-bottom:2px solid #ff1700; height:29px; width:63px; display:block;}
.pro .right .top2 ul li h4{ height:50px; line-height:50px;}
.pro .right .top2 ul li{ height:210px; width:100%; overflow:hidden; float:left; padding-bottom:20px; border-bottom:1px solid #666;}
.pro .right .top2 .imge{ width:250px; height:160px; margin-right:8px;}
.pro .right .top2 .nei{ width:470px; height:135px; color:#666; line-height:30px;}
.pro .right .top2 .sja{ width:470px; height:30px; margin-bottom:0;}
.pro .right .top2 .sja .shij{ line-height:30px; }
.pro .right .top2 .sja .ckxq{ background:url(../images/bg_ckxq.png) no-repeat; height:25px; line-height:25px; width:62px; padding-left:30px;}
.pro .right .page3{ width:700px; height:50px; line-height:50px;}
.pro .right .neirong{ line-height:30px; font-size:14px;}
.pro .right .neirong h2{ width:100%; text-align:center; height:55px; line-height:55px; border-bottom:1px dotted #cbcbcb; margin-bottom:20px;}
.pro .right .neirong img{  margin:0 auto; display:block;}
.pro .right .neirong p{ text-indent:2em; margin-bottom:10px;}
.pro .right .top2 .mini{ border-top:1px dotted #c9c9c8;}
.pro .right .top2 .mini .ud{ height:50px; line-height:50px; text-align:center;}
.pro .right .top2 .mini .ud a{ text-decoration:underline; color:#073db7;margin-right:25px;}
.pro .right .top2 .mini .ud span{ }
.pro .right .top2 .mini h6{ height:30px; line-height:30px; width:100%; border-bottom:1px solid #234c7d;}
.pro .right .top2 .mini h6 span{ height:30px; display:block; background:url(../images/bg_xgwz.png) no-repeat; width:90px; text-align:center; color:#fff; font-size:12px;}
.pro .right .top2 .mini dl{}
.pro .right .top2 .mini dl dd{ float:left; width:240px; height:30px; line-height:30px; overflow:hidden;}
.pro .right .top2 .mini dl dd a{}

/* 经销商中心 ChinaMap 样式*/
.stateTip, #StateTip{display:none; position:absolute; padding:8px; background:#fff; border:2px solid #2385B1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size:12px; font-family:Tahoma; color:#333;}

.mapInfo i{ display:inline-block; width:15px; height:15px; margin-top:5px; line-height:15px; font-style:normal; background:#aeaeae; color:#fff; font-size:11px; font-family: Tahoma; -webkit-border-radius:15px; border-radius:15px; text-align:center}
.mapInfo i.active{background:#E27F21;}
.mapInfo span{ padding:0 5px 0 3px;}
.mapInfo b{ font-weight:normal; color:#2770B5}

.list{ line-height:30px;}
.list h4{ border-bottom:1px solid #b7b7b7;}
.list .city{border-bottom:1px dotted #d5d5d5; margin-bottom:20px;}

/* kefu */
.kefu{ position:fixed; z-index:999; top:22%; right:0; border:1px solid #9f9f9f; width:118px; height:324px; font-family:"微软雅黑", "microsoft Yahei"; font-size:12px; background:#e6e6e6;}
.kefu .kf1{color:#746457; background:url(../images/kefu_qq.png) no-repeat left; padding-left:33px; height:40px; line-height:40px;}
.kefu .kf2 ,.kefu .kf3{ padding:0 10px; border-bottom:3px solid #9f9f9f; }
.kefu .kf2 .duihua{color:#746457; background:url(../images/kefu_duihua.png) no-repeat left; padding-left:30px; height:30px; line-height:30px;}
.kefu .kf3 .tel{color:#746457; background:url(../images/kefu_tel.png) no-repeat left; padding-left:30px; height:50px; line-height:50px;}
.kefu .kf4 .img{ margin:0 auto; width:82px; margin:10px auto;}
.kefu .kf3 span,.kefu .kf4 span{ text-align:center; width:100%;display: block;height: 40px;line-height: 20px;}
.kefu .line{ background:#9f9f9f; height:2px; width:80%; margin:0 auto;}