/* CSS Document */
/*  ------------------------ 通用 ----------------------------  */
*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*{ margin:0px; padding:0px;}
body { color:#333; font-family:"微软雅黑", Arial;  font-size:14px; line-height:24px; background:#fafbf6; min-width:1000px;}
body.bgfff{ background:#fff;}
body,html{ width:100%; height:100%;}
html.ovhide{ overflow:hidden;}
.bodyhid{ overflow:hidden;}
ol, ul ,li{list-style: none; margin:0px; padding:0px}
img,ol, ul ,li{ border:none;}
div{ margin:0 0; padding:0 0}
a{text-decoration:none; color:#666; outline:none; star:expression_r(this.onFocus=this.blur());}
a:hover {text-decoration: none; color:#ad0606 ;cursor:pointer;}
img{ border:none;}
input[type=button], input[type=submit], input[type=reset] {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
input:focus,textarea:focus,input:hover,input:active {outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;outline:0;}
select:focus,select:hover,select:active {outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;outline:0;}
.cl{ clear:both; width:100%; overflow:hidden; height:0px}
.clins{ clear:both; width:100%; margin:0; height:50px;}
.conten{ margin:auto;}
.pointer { cursor:pointer; }
.NoBorder { border:0 none; }
.NoPadding { padding:0; }
.t_l { text-align:left; }
.t_c { text-align:center; }
.t_r { text-align:right; }
.Break { word-break:break-all; word-wrap:break-word; }
.Nobreak { word-break:keep-all; word-wrap:normal; }
.fl{ float:left; }
.fl100{float:left;width:100%;}
.fr{ float:right; }
.UnLine { text-decoration:underline; }
.DisunLine { text-decoration:none; }
.absolute { position:absolute; }
.relative { position:relative; }
.wrapper { clear:both; overflow:hidden; }
.o-hidden { overflow:hidden; }
.invisible { visibility:hidden; }
.hidden { display:none; }
.block { display:block; }
.clear { clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden; }
.FB { font-weight:bold; }
.FN { font-weight:normal; }
.FI { font-style:italic; }
.F10 { font-size:10px; }
.F11 { font-size:11px; }
.F12 { font-size:12px; }
.F13 { font-size:13px; }
.F14 { font-size:14px; }
.F16 { font-size:16px; }
.F18 { font-size:18px; }
.DivH5, .DivH10, .DivH15, .DivH20, .DivH25, .DivH30, DivH1, .DivH40 { width:100%; overflow:hidden; }
.DivH1 { height:1px; }
.DivH5 { height:5px; }
.DivH8 { height:8px; }
.DivH10 { height:10px; }
.DivH15 { height:15px; }
.DivH20 { height:20px; }
.DivH25 { height:25px; }
.DivH30 { height:30px; }
.DivH40 { height:40px; }
.DivH60 { height:60px; }
.DivH80 { height:80px; }
.LH1 { line-height:1px; }
.LH10 { line-height:10px; }
.LH15 { line-height:15px; }
.LH18 { line-height:18px; }
.LH20 { line-height:20px; }
.LH25 { line-height:25px; }
.LH30 { line-height:30px; }
.LH35 { line-height:35px; }
.color_green { color:#85c226; }
.color_red { color:#e8470a; }
.color_red1 { color:#F00; }
.color_yellow { color:#bf0000; }
.numadd span.hui{background:#ccc;}
.clearfix{zoom:1}
.clearfix:after{content:".";display:block; width:100%; height:0; line-height:0; float:none; clear:both; overflow:hidden}
.opacity {filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity: 0;}
.disnone{ display:none; }
.ftheight{ width:100%; height:50px; line-height:50px; clear:both;}
.mt20{margin-top:20px;}

.ts3{transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; 
	-o-transition:all ease 0.3s;}

.contain{ width:1160px; height:auto; margin:auto;}

.header{background:rgba(0,0,0,0.8);height:50px;width:100%;position:fixed; left:0; top:20px; z-index:99999;}
.header .wrap{position:relative}
.header .logo{background:#fff; padding:7px 40px; box-shadow:0 10px 10px rgba(0,0,0,0.3); margin-top:-20px;}
.logo img{ height:70px; }
.fixed{position:fixed; left:0; top:0;}
.fixed .logo{ margin-top:0; }
.nav{list-style:none;padding:0;margin:0}
.nav li{float:left;margin-left:25px;position:relative;}
.nav li>a:link,.nav li>a:visited{color:#fff;font-size:14px;padding:0 10px;display:block;line-height:48px}
.nav li.current>a,.nav li>a:active,.nav li>a:hover{color:#fff;border-bottom:2px solid #fff}
.nav li .drop{display:none;background:rgba(0,0,0,0.5);width:120px;position:absolute;top:50px;left:0}
.nav li:hover>a{color:#fff;border-bottom:2px solid #fff}
.nav li .drop a{color:#fff;padding:0 10px;display:block; height:40px; line-height:40px;border-bottom:1px solid #666;}
.nav li .drop a:last-child{border:none;}
.nav li .drop a:hover{background-color:#ad0606;color:#fff;}
.icon_jt{ display:inline-block; width:20px; height:50px; vertical-align:top; background:url(../images/icon_jt.png) no-repeat center center/10px 5px; }
.nav li:hover .icon_jt{transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */}

.nav li.nav_tel{color:#fff; height:50px; line-height:50px;margin-left:0;font-size:16px;}
.icon_sj{ display:inline-block; width:40px; height:50px; background:url(../images/icon_sj.png) no-repeat center center/25px 25px;
vertical-align:top;}


.nybanner{width:100%;height:auto;min-width:1160px; padding-top:0px;}
.nybanner img{ width:100%; height:auto; }
/* banner */
.banner{position:relative;}
.banner .swiper-container { width: 100%;position: relative;min-width:1160px;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
.banner .swiper-slide img{width:100%; height:auto;min-width:1160px;}
.banner .arrow{width:60px; height:60px; position:absolute; top:50%; margin-top:-30px; z-index:30; cursor:pointer;}
.banner .arrow-left{left:20px; background:url(../images/left-arrow.png) center center/60px 60px;}
.banner .arrow-right{right:20px; background:url(../images/right-arrow.png) center center/60px 60px;}

.banner_con{ position:absolute;right:200px; top:200px; color:#fff; z-index:33; text-align:right;
 }
.banner_text{ font-size:50px;font-weight:bold; line-height:70px; }
.banner_small{ font-size:16px; margin-top:20px; }
.banner_btn{ display:block; width:200px; height:50px; line-height:50px; background:#c1030d; color:#fff; text-align:center;
font-size:18px; border-radius:5px;float:right; margin-top:30px; box-shadow:0 0 4px rgba(0,0,0,0.5); }
.banner_btn:hover{ background:#9f010f; color:#fff; }


/* 推荐产品 */
.product_top{ padding:50px 0; }
.productleft{ width:860px; overflow:hidden; }
.product_ul{ width:880px; }
.product_ul li{ display:block; width:282.5px; height:282.5px; float:left; margin:0 10px 0 0;}
.product_ul li a{ display:block; width:100%; height:100%; overflow:hidden; position:relative; }
.product_ul img{ width:100%; min-height:100%;}
.product_tit{ width:100%; height:60px; line-height:30px; padding:0 10px; text-align:center; background:rgba(0,0,0,0.5); position:absolute;left:0;
 bottom:-30px; z-index:1; color:#fff;}
.product_ul li a:hover .product_tit{ bottom:0; }
.product_ul li a:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}

.consult{ width:280px; height:280px; background:url(../images/yuyue_bg.jpg) no-repeat center center; padding-top:50px;}
.consult a{ display:block; width:220px; height:60px; line-height:54px; border:0px solid #ccc;color:#eee; border-radius:6px;margin:25px auto; text-align:center;font-size:22px; background:url(../images/yuyue_bg1.jpg) no-repeat center center }
.consult i,.consult span{ display:inline-block; vertical-align:middle; }
.consult i{ width:28px; height:28px; margin-right:20px;}
.consult .icon_yy{ background:url(../images/icon_yy.png) no-repeat center center/28px 28px; }
.consult .icon_wb{ background:url(../images/icon_wb.png) no-repeat center center/28px 28px; }
.consult a:hover{ background:#ad0606; font-weight:bold}

/* ad_banner */
.ad_banner{position:relative; margin:40px 0;}
.ad_banner .swiper-container { width: 100%;position: relative;}
.ad_banner .swiper-slide {text-align: center;font-size: 18px; display:block;}
.ad_banner .swiper-slide img{width:100%; height:auto; display:block;}


/* 品牌故事 */
.brand_story{ background:#fff; padding:20px; }
.leftlogo{ width:500px; height:300px;line-height:300px;background:#eee; text-align:center;}
.leftlogo img{ display:inline-block; vertical-align:middle; height:200px;}

.story{ width:620px; height:300px; padding:0 40px 0 60px;}
.story_tit{ font-size:22px; text-align:center; font-weight:bold; height:60px; line-height:60px;}
.story_con{ width:100%; max-height:144px; line-height:24px; overflow:hidden; text-indent:2em; color:#666;}
.story_more{ display:block; width:140px; height:40px; line-height:40px; border:1px solid #ad0606; color:#ad0606; text-align:center;
border-radius:5px;font-size:16px; margin:30px auto 0; background:#f9f9f9}
.story_more:hover{ background:#ad0606; color:#fff;}

/* 家装大讲堂 */
.lecture_hall{ padding:50px 0; }
.lecture_tit{ width:100%; height:45px; line-height:45px; padding:0 10px; background:#000;margin-bottom:10px;}
.lecture_tit_l{ font-size:16px; color:#fff;}
.lecture_tit_l span{font-weight:normal; color:#fff;margin-left:5px; font-size:12px;}
.lecture_tit_more{color:#fff; line-height:42px;}
.lecture_tit_more i,.lecture_tit_more span{ display:inline-block; vertical-align:middle;}
.icon_more{ display:inline-block; width:20px; height:13px; background:url(../images/icon_more.png) no-repeat center center/13px 13px; }

.lecture_ul{ width:1170px;clear:both;}
.lecture_ul li{ display:block; float:left; width:224px; height:auto; margin:10px 10px 0 0;}
.lecture_ul li a{ display:block; width:100%; height:auto; background:#fff; border:1px solid #ddd;}
.video_pic{ display:block; width:100%; height:187px; overflow:hidden;}
.video_pic img{ display:block; width:100%; min-height:100%; } 
.video_tit{ width:100%; height:60px; line-height:20px; text-align:center;color:#333; padding:10px; border-top:1px solid #ddd; overflow:hidden;}

/* 大师顾问团 */
.team{ width:100%; height:auto; background:#000;min-width:1160px;}
.team_tit{ width:100%; height:70px; line-height:70px;background:url(../images/guwen.png) no-repeat center center; color:#fff;font-size:30px;}
.team_tit span{ font-size:12px;text-transform:uppercase; }
.team_tit b{font-size:18px;font-weight:normal;color:#ad0606;}
.team_ul{ width:257px; height:528px; float:left;margin:20px 0;}
.team_ul li{ display:block; float:left;}
.team_ul li.team_small,.team_ul li.team_block{ width:128.5px; height:132px; }
.team_ul li.team_big{ width:257px; height:264px; }
.team_ul li a{ display:block; width:100%; height:100%; overflow:hidden;}
.team_ul li img{ width:100%; min-height:100%;-webkit-filter: grayscale(1);/* Webkit */   filter: grayscale(1);filter:gray;/* IE6-9 */ }
.team_ul li a:hover img{-webkit-filter: grayscale(0);/* Webkit */   filter: grayscale(0); filter: none;/* IE6-9 */}
.team_ul_r{ width:385.5px;height:528px;}
.team_ul li.team_logo{width:385.5px; height:396px; text-align:center; line-height:396px;}
.team_ul li.team_logo img{ display:inline-block; width:auto; height:130px; min-height:auto; vertical-align:middle;}
.team_ul li.team_block{ width:128.5px; height:132px; line-height:132px; text-align:center;}
.team_ul li.team_block span,.team_ul li.team_block i{ display:inline-block; vertical-align:middle; color:#fff; }
.team_ul li.team_block2{ background:#3a3839;}
.team_ul li.team_block3{ background:#292929;}

/* 产品列表 */
.product_wrap{ padding:20px 0; }
.product_list{clear:both;}
.product_list li{ margin-bottom:10px; }
.product_list .product_ul{ width:1170px; }

/* 底部 */
.footer{ width:100%; height:auto; background:#000; min-width:1160px;}
.footernav{ width:120px; height:auto; float:left; color:#fff; }
.footer_top{ width:100%; height:auto; background:#000; border-bottom:1px solid #333; padding:30px 0;} 

.footer_pic{ width:410px; height:auto; float:right; text-align:right;}
.footer_pic img{ display:inline-block; width:130px; height:130px; margin-left:20px;}

.footer_link{ padding:10px 0; }
.footer_link li{ float:left; padding-right:10px;}

.footer_bot{ text-align: center; color:#999; font-size:12px; padding:30px 0; border-top:1px solid #333; }

/* 返回顶部 */
.float_right{ position:fixed;right:0; top:320px; z-index:10000000}
.float_right li{ display:block; width:75px;height:75px; background:#000; border:1px solid #000;margin-top:-1px;}
.float_right li a{ display:block; width:73px; height:73px;background:#000; border:1px solid #fff; text-align:center;
	font-size:12px; color:#fff;padding-top:5px;}
.float_right li i{display:block; width:100%; height:35px; }
.float_right li a:hover{ background:#333; }
.icon_top{ background:url(../images/icon_top.png) no-repeat center center/25px 25px;}
.icon_join{ background:url(../images/icon_join.png) no-repeat center center/25px 25px;}
.icon_yuyue{ background:url(../images/icon_yuyue.png) no-repeat center center/25px 25px;}