@charset "utf-8";
/*！
 * lib CSS 网页模版库 v1.0 基于bootstrap或ZUI
 * Copyright 2016-2017,XIAOBING TECH 
 * XBUI PC
 * Author:MR.YANGLIU
*/

/*通用组件开始 general component start*/

/*页头*/
.header{}
.header-top{height: 38px; background: #e7e7e7; line-height: 38px; font-family: microsoft yahei; font-size: 12px;}
.header-body{height: 110px; background: #fff;}
.logo{width: 470px; height: 100%;}
.logo img{position: relative; top: 35px;}
.subsite{width: 175px; height: 100%; float: left;}
.subsite select{position: relative; top: 43px;}
.head-search{width: 320px; height: 100%; float: left; position: relative;}
.search-box{width: 420px; height: 40px; border:2px solid #ff2430; position: absolute; top: 35px; left: 0px;}
.head-search select{width: 90px; height:100%; float: left; border-width: 0px 1px 0px 0px; border-style: solid; border-color:#dddddd; background: #f9f9f9; font-size: 12px; color: #666; padding-left: 20px;}
.head-search input[type=text]{width: 245px; height: 100%; float: left; border:none; padding-left:10px; background: #fff;}
.head-search input[type=submit]{width: 75px; height: 100%; float: right; background:#ff2430; color: #fff; border:none;}
.hotline{width: 230px; height: 100%; float: right; position: relative;}
.hotline img{position: absolute; left: 0px; top: 40px;}
.hotline .zh{position: absolute; left: 38px; top: 38px; font-family: microsoft yahei; font-size: 12px; color: #666;}
.hotline .time{position: absolute; left: 38px; top: 50px; font-family: microsoft yahei; font-size: 24px; font-weight: bold; color: #ff3440;}



.header-nav{height: 50px; background: #272526;}

.header-offer{width: 280px; height: 515px; position: absolute; left: 0px; top: 0px; z-index: 99999;}
.offer-head{width: 280px; height: 50px; background: #d30000; text-align: center; line-height: 50px; font-family: microsoft yahei; font-size: 16px; color: #fff;}
.offer-body{width: 280px; height: 460px; background: rgba(0,0,0,0.3);}
.offer-body .title{width: 100%; height: auto; padding: 20px 0; text-align: center; font-family: microsoft yahei; font-size: 14px; color: #fff;}
.offer-body .form{}
.offer-body .form .row{padding: 0; margin: 0;}
.offer-body .form .list-item{width: 100%; height: 35px; margin-bottom: 15px; padding: 0 20px;}
.offer-body .form .list-item input{width: 100%; height: 100%; background: #f2f2f2; border:none; padding-left: 10px;}
.offer-body .form .list-item input[type=text]:focus{background:#fff;}
.offer-body .form .list-item input[type=submit]{background: #ff343e; color: #fff;}
.offer-body .note{width: 100%; height: auto; text-align: center; font-family: microsoft yahei; font-size: 14px; color: #fff;}
.offer-body .note span{color: #ff343e;}

/*主导航*/
.nav-main{position: absolute; left: 25px; top: 0px; border:none;}

.nav-main .list-item{float: left; position: relative;}

.nav-main .item-content{height: 50px; text-align: center;}
.nav-main .item-content a{display: block; line-height: 50px; padding: 0 24px; font-family: microsoft yahei; font-size: 14px; color: #fff; position: relative;}
.nav-main .item-content a:before{content: ''; display: block; width: 1px; height: 10px; background: rgba(255,255,255,0.1); position: absolute; top: 21px; right: 0px;}
.nav-main .list-item:hover .item-content{background:#2c2b2b;}
.nav-main .list-item.hot-news:before{content: ''; display: block; width: 28px; height: 20px; position: absolute; top: 3px; right: 3px; background:url(../images/hot-news.png);}
.nav-main .list-item.active{background: rgba(255,255,255,0.1);}
.nav-main .list-item.active .item-content a{color: #d30000;}

.nav-main .item-media{width: 150%; height: auto; background:#fff; position: absolute; top: 50px; left: 0px; z-index: 999999; display: none;}
.nav-main .item-media .list-child{width: 100%; height: 50px; border-bottom: 1px solid #eee; text-align: center;}
.nav-main .item-media .list-child a{display: block; line-height: 50px;}
.nav-main .item-media .list-child:hover{background: #eee;}

.nav-main .list-item:hover .item-media{display: block;}

/*skitter*/
.skitter{width: 100%;height: 465px; max-width: 100% !important; margin-bottom: 0 !important;background:#08b2ad;}
.full-slide{width:100% !important;max-width:100%;position:relative;overflow:hidden;height:200px;}
.skitter img{max-width:none!important;}
.skitter.with-dots{margin-bottom: 0}
.skitter .info_slide_dots{bottom: 30px !important; display: none !important;}
.skitter .info_slide_dots .image_number{background: transparent;box-shadow:none;width: 14px;height: 14px;border:2px solid #ffffff;}
.skitter .info_slide_dots .image_number.image_number_select{background: #ffffff;}

/*页尾*/
.footer{height: auto; background: #252525;}
.foot-nav{padding:30px 0;}
.foot-nav .list-item{float: left; padding-right:50px;}
.foot-nav .list-item .zh{font-size: 18px; padding-bottom: 15px; color: #ccc;}
.foot-nav .list-item a{font-size: 14px; line-height: 30px; color: #ccc;}
.foot-nav .list-item a:hover{color: #fff;}

.foot-follow{padding:30px 0;}
.foot-follow .zh{font-size: 18px; padding-bottom: 15px; color: #ccc;}

.foot-contact{padding:30px 0;}
.foot-contact .tel{font-size: 30px; font-weight: bold; color: #ccc;}
.foot-contact .add{font-size: 12px; padding-bottom: 15px; color: #ccc;}

.foot-frlink{height: 30px; background: #999;}
.foot-frlink span,.foot-frlink a{line-height: 30px; color: #333; font-size: 14px;}
.foot-frlink a:hover{color: #000;}

.foot-copy{height: 30px;}
.foot-copy a,.foot-copy span{line-height: 30px;}
/*通用组件结束 general component end*/

/*首页栏目*/
.index-column{}
.column-head{height: 40px; border-bottom: 1px solid #dddddd; margin-top: 20px; margin-bottom: 20px;}
.column-head .zh{font-family: microsoft yahei; font-size: 18px; color: #000; line-height: 40px; display: block; height:40px; float: left; border-bottom: 1px solid #000;}
.column-head .note{font-family: microsoft yahei; font-size: 12px; color: #666; padding-left: 10px; line-height: 44px;}
.column-head .more{font-family: microsoft yahei; font-size: 12px; color: #666; line-height: 44px;}
.column-head .more:hover{color:#d30000;}


/*优势*/
.advantage{padding: 30px 0 0 0;}
.advantage .list-item{width: 285px; height: 180px; background:#b3840e; float: left; margin-right: 20px; position: relative;}
.advantage .list-item:last-child{margin-right: 0px;}
.advantage .list-item .item-media{width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: 88;}
.advantage .list-item .item-media img{width: 100%; height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.advantage .list-item:hover .item-media img{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.advantage .list-item .item-content{width: 100%; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px; z-index: 99;}
.advantage .list-item .item-content .zh{font-family: microsoft yahei; font-size: 26px; font-weight: bold; color: #fff; padding: 30px 0;}
.advantage .list-item .item-content .note{font-family: microsoft yahei; font-size: 14px; color: #fff; padding-bottom: 10px;}
.advantage .list-item .item-content input[type=submit]{width: 100px; height: 30px; border:1px solid #fff; background: none; color: #fff;}
.advantage .list-item .item-content input[type=submit]:hover{background: #fff; color: #666;}

/*品牌实力*/
.strength .column-body{overflow: hidden; margin-bottom: 20px;}
.strength-img{width: 500px; height: 315px; float: left; overflow: hidden;}
.strength-img img{width: 100%; height: 100%;}
.strength .news-list{width: 700px; height: 315px; padding: 20px 20px 20px 50px; background: #f7f7f7; float: left;}
.strength .news-list .list-item{padding-bottom: 10px;}
.strength .news-list .list-item .zh{font-family: microsoft yahei; font-size: 14px; color: #333; padding-bottom: 10px; overflow:hidden;white-space:nowrap;  text-overflow:ellipsis;}
.strength .news-list .list-item .desc{font-family: microsoft yahei; font-size: 12px; color: #666; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;  /*规定为5行*/ overflow: hidden;}
.strength .news-list .list-item .more{font-family: microsoft yahei; font-size: 12px; color: #666; padding-top: 10px;}
.strength .news-list .list-item .zh:hover,.strength .news-list .list-item .more:hover{color: #d30000;}

/*家装案例*/

/*切换*/
.case .nav-switch{height: auto;width: 100%; margin-bottom: 12px; position: relative;}
.case .nav-switch ul,
.case .nav-switch li, 
.case .nav-switch dl,
.case .nav-switch dt,
.case .nav-switch dd{padding: 0;margin:0;list-style: none}

.case .nav-switch>li{float: left;/*border-bottom: 4px transparent solid;*/ height:45px;  text-align: center; color: #ffffff; font-size: 14px; text-decoration: none;position: relative;}
.case .nav-switch>li:last-child{margin-right: 0;}
.case .nav-switch>li>a{height:45px;line-height:45px;overflow: hidden; color: #2e2e2e; margin: 0; padding:0 22px;}
.case .nav-switch>li>a span{display: block; font-size: 18px; position: relative;}
.case .nav-switch>li>.en{display: block;}
.case .nav-switch>li>a:hover{background:transparent; color:rgba(227,4,4,0.9); }
.case .nav-switch>.active >a{
  /*color: #fff;*/
  /*background: #0b6aad!important;*/
  -webkit-box-shadow: none!important; 
  -moz-box-shadow: none!important; 
  box-shadow: none!important; 
  text-shadow:none; 
}
.case .nav-switch>.active>a span{color:rgba(227,4,4,0.9); }
.case .nav-switch>.active,
.case .nav-switch>.on {

  /*border-bottom: 4px #ffb400 solid*/
}
.case .nav-switch>.on >a{
    /*color: #fff;*/
    /*background: #0b6aad!important;*/
}
.case .nav-switch>li.move{
  border-bottom: 4px transparent solid;
}
.case .nav-switch>li.move >a{color: #333!important; background: none !important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; text-shadow:none!important;}
.case .nav-switch .hot{display: block;width: 25px;height: 15px; position: absolute;top: 10px;right: 0; background: url(../images/hot.gif) no-repeat;}
.case .nav-switch .aline{position: absolute; width: auto; background: #ffffff;width: 60px; height: 2px;bottom:0;display: none;}

.movingLine{display: none; position: absolute;bottom: 0; overflow: hidden;width: 100px; height: 3px;background:rgba(227,4,4,0.9);}

/*//header页头001*/
.case .list-item{width:393px; height: 250px; margin-right: 10px; margin-bottom: 10px; border-radius: 5px; overflow: hidden; float: left; position: relative;}
.case .list-item:nth-child(3),.case .list-item:nth-child(6){margin-right: 0px;}
.case .list-item .item-media{width:100%; height: 100%; border-radius: 5px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 88;}
.case .list-item .item-media img{width:100%; height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.case .list-item .item-content{width: 100%; height: 55px; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 99;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.case .list-item .item-content span{font-size: 16px; color: #fff; text-align: center; line-height: 55px;}
.case .list-item:hover .item-media img{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.case .list-item:hover .item-content{background: rgba(227,4,4,0.7);}


/*设计团队*/
.team-primary{width: 590px; height: 380px; overflow: hidden; background: #eee; float: left; position: relative;}
.team-primary .primary-media{width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: 88;}
.team-primary .primary-media img{width: 100%; height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.team-primary:hover .primary-media img{-webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);}
.team-primary .primary-content{width: 100%; height:50px;background: rgba(0,0,0,0.5); text-align: center; position: absolute; left: 0; bottom: 0; z-index: 99;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.team-primary .primary-content .zh{font-size: 16px; color: #fff; line-height: 50px;}
.team-primary:hover .primary-content{background: rgba(227,4,4,0.7);}

.team-surface{width: 590px; height: 380px; background: #eee; float: right;}
.team-surface .list-item{width: 290px; height: 185px; margin-right: 10px; margin-bottom: 10px; float: left; position: relative;}
.team-surface .list-item:nth-child(2),.team-surface .list-item:nth-child(4){margin-right: 0px;}
.team-surface .list-item:nth-child(3),.team-surface .list-item:nth-child(4){margin-bottom: 0px;}
.team-surface .list-item .item-media{width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: 88;}
.team-surface .list-item .item-media img{width: 100%; height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.team-surface .list-item .item-content{width: 100%; height: 30px; background: rgba(0,0,0,0.5); text-align: center; line-height: 30px; position: absolute; bottom: 0px; left: 0px; z-index: 99;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.team-surface .list-item .item-content .zh{ font-size: 14px; color: #fff;}
.team-surface .list-item:hover .item-media img{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.team-surface .list-item:hover .item-content{background: rgba(227,4,4,0.7);}


/*热装小区*/
.charge-list{}
.charge-list .list-item{height: 520px;}
.charge-list .list-item .item-media{width: 100%;height: 300px; overflow: hidden; background: #eee;}
.charge-list .list-item .item-media img{width: 100%;height: 100%; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.charge-list .list-item:hover .item-media img{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.charge-list .list-item .item-content{width: 100%;height: 320px; padding: 35px 30px 20px 30px;}
.charge-list .list-item:nth-child(odd) .item-content{background: #434343;}
.charge-list .list-item:nth-child(even) .item-content{background: #2d9ff5;}
.charge-list .list-item .item-content .zh{font-family: microsoft yahei; font-size: 15px; line-height: 20px; font-weight: bold; color: #fff;}
.charge-list .list-item .item-content .note{font-family: microsoft yahei; font-size: 15px; line-height: 20px; font-weight: bold; color: #fff;}
.charge-list .list-item .item-content .line{width: 100%; height: 2px; background:rgba(255,255,255,0.6); margin: 15px 0;}
.charge-list .list-item .item-content .desc{font-family: microsoft yahei; font-size: 14px; line-height: 18px; color: #fff; padding-top: 10px;}

/*家装指南*/
.guide-left{width: 795px; height: 400px; float: left;}
.guide-news{width: 100%; height: 195px; margin-bottom: 10px; background:#fff;}
.guide-news:last-child{margin-bottom: 0px;}
.guide-title{width: 195px; height: 195px; padding: 35px; float: left; background:#ec6c00; position: relative;}
.guide-title:before{content: ''; border-style: solid;border-width: 10px 12px 10px 0;border-color: transparent #fff transparent transparent; position: absolute; right: 0px; top: 85px;}
.guide-news:nth-child(1) .guide-title{background: #ec6c00;}
.guide-news:nth-child(2) .guide-title{background: #999999;}
.guide-title  .title-img{width: 65px; height: 65px; background: #fff; border-radius: 50%; margin-right: auto; margin-left: auto;}
.guide-title .zh{font-size: 20px; color: #fff; padding-top: 10px;}
.guide-list{width: 590px; height: 100%; float: right; background: #f2f2f2;}
.guide-list .img{width: 195px; height: 100%; background:#eee; float: left;}
.guide-list .img img{width: 100%; height: 100%;}
.guide-list .row{width: 395px; height: 100%; float: left; padding: 30px 40px;}
.guide-list .row li{width: 100%; height: 30px;}
.guide-list .row li .zh:hover{color: #ff343e;}

.guide-right{width: 395px; height: 400px; background: #90c01f; float: right;}
.guide-right .zh{font-family: microsoft yahei; font-size: 24px; color: #fff; padding-top: 115px; padding-bottom: 30px;}
.guide-right .note{font-family: microsoft yahei; font-size: 16px; color: #fff; padding-bottom: 80px;}
.guide-right .more{font-family: microsoft yahei; font-size: 18px; color: #fff; line-height: 45px; width: 190px; height: 45px; overflow: hidden; display: block; border:1px solid #fff; position: relative; left: 50%; margin-left: -95px;}
.guide-right .more:before{content: ''; display: block; width: 30px; height: 2px; background: #fff; position: absolute; top: 0px; left: -30px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.guide-right .more:after{content: ''; display: block; width: 30px; height: 2px; background: #fff; position: absolute; bottom: 0px; right: -30px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.guide-right:hover .more:before{left: 50%; margin-left: -15px;}
.guide-right:hover .more:after{right: 50%; margin-right: -15px;}


/*合作伙伴*/
.partner{padding: 35px 0;}
.partner .list-item{float: left; width: 141px; height: 85px; border:1px solid #e4e4e4; margin-right: 10px; margin-bottom: 10px; overflow: hidden; background:none;}
.partner .list-item .item-media{width: 100%; height: 100%; overflow: hidden;}
.partner .list-item .item-media img{width: 100%; height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.partner .list-item:hover .item-media img{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.partner .list-item:nth-child(8),.partner .list-item:nth-child(16){margin-right: 0px;}







a.cp{ line-height:32px; font-weight:bold}
a.cp:link,a.cp:visited{font-size:16px;color:#333333; font-weight:bold}
a.cp:hover{font-size:16px; color: #ff0000; font-weight:bold}

a.cp1{ line-height:32px;}
a.cp1:link,a.cp1:visited{font-size:14px;color:#333333;}
a.cp1:hover{font-size:14px; color: #ff0000;}

a.cp2{ line-height:24px; font-weight:bold; font-size:14px; color:#038200;}
a.cp2:link,a.cp2:visited{font-size:14px;color:#038200; font-weight:bold}
a.cp2:hover{font-size:14px; color: #ff0000; font-weight:bold}

a.cp3{ line-height:32px; font-size:14px}
a.cp3:link,a.cp3:visited{font-size:14px; color:#333333;}
a.cp3:hover{font-size:14px; color:#ff0000;}