Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in /www/wwwroot/www.85520057.com/css.php on line 6
@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:24px;font-family:"微软雅黑";color: #333;}
*{margin:0;padding:0;box-sizing: border-box; -webkit-box-sizing: border-box;}
input{vertical-align: middle;}
img{border:0;vertical-align:middle;}
ul,li{list-style-type:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.rel{position: relative;}.abs{position: absolute;}
h3{font-weight: normal;}
em{font-style: normal;}
/*header*/
.content{
width: 1200px;
margin: 0 auto;
}
.tel1{
margin: 34px 0 0 55px;
width: 203px;
height: 53px;
background: #fff;
margin: 0 auto;
font-size: 12px;
color: #555;
padding: 30px 0 0;
line-height: 22px;
}
.tel1 h3{
color: #000000;
font-size: 16px;
}
.tel1 h3 img{
vertical-align: bottom;
}
.tel1 b{
font-family: impact;
color: #e80000;
font-size: 28px;
line-height: 34px;
}
.nav_bg{
min-width: 1200px;
background: #363636;
height: 60px;
padding: 14px 0 0;
}
.nav>ul>li{
width: 116px;
height: 33px;
text-align: center;
float: left;
margin: 0 2px;
}
.nav>ul>li>a{
font-size: 16px;
color: #fff;
display: block;
line-height: 33px;
}
.nav>ul>li>a:hover{
background: #ffdb01;
border-radius: 20px;
color: #000;
}
.unslider{overflow:auto}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel li{float:left}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer;top:45%;}
.unslider-arrow.next{left:auto;right:20px}
.unslider{position: relative;}
.banner { position: relative; overflow: hidden; text-align: center; height: auto!important;}
.banner li { list-style: none;}
.banner ul li { float: left;}
.banner ul li img{width: 100%;}
.unslider-nav{position: relative;}
.unslider-nav ol { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; z-index: 100;}
.unslider-nav ol li{display: inline-block; width: 78px; height: 11px; margin: 0 10px; text-indent: -999em; background: #000;cursor: pointer; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s;}
.unslider-nav .unslider-active{background: #fff!important;opacity: 1;}
/*index*/
.budget{
border: solid 5px #cccccc;
height: 300px;
margin: 40px 0 0;
}
.budget_box{
width: 673px;
height: 290px;
background: #f5f5f5;
padding: 42px 0 0 25px;
}
.budget_con p{
margin-bottom: 15px;
}
.budget_con p label{
width: 100px;
display: inline-block;
color: #333;
}
.budget_con p label img{
vertical-align: middle;
margin-right: 6px;
}
.budget_con p select{
width: 110px;
height: 30px;
border: solid 1px #e3e3e3;
line-height: 30px;
margin-right: 10px;
}
.user1{
width: 160px;
height: 30px;
border: solid 1px #e3e3e3;
line-height: 30px;
background: url(../images/index_09.jpg) no-repeat right center;
padding: 0 30px 0 10px;
font-family: "微软雅黑";
font-size: 14px;
}
.user2{
width: 230px;
height: 30px;
border: solid 1px #e3e3e3;
line-height: 30px;
font-family: "微软雅黑";
font-size: 14px;
padding: 0 10px;
}
.budget_con p span{
margin-right: 38px;
}
.user3{
width: 110px;
margin-right: 10px;
}
.budget_btn{
font-size: 18px;
color: #fff100;
font-weight: bold;
width: 143px;
height: 35px;
display: block;
margin:10px auto 0 ;
background: #b80d16;
border: none;
font-family: "微软雅黑";
border-radius: 8px;
}
.namelist{
width: 284px;
height: 290px;
background: url(../images/index_07.jpg) no-repeat;
}
.namelist h4{
color: #ffdb01;
font-size: 23px;
text-align: center;
line-height: 60px;
}
.namelist_list{
height: 210px;
overflow: hidden;
}
.namelist li{
color: #ffdb01;
font-weight: bold;
line-height: 30px;
}
.namelist li span{
width: 33.3%;
display: inline-block;
text-align: center;
}
.tit{
background: url(../images/index_10.png) no-repeat center bottom;
margin: 40px 0 0;
padding-bottom: 16px;
}
.tit p{
color: #666;
font-size: 20px;
line-height: 34px;
}
.tit h2{
color: #333333;
font-size: 30px;
line-height: 44px;
}
.about_bg{
min-width: 1200px;
background: #1d1e24;
height: 462px;
margin: 30px 0 0;
}
.about_pic{
width: 562px;
height: 387px;
background: url(../images/index_11.jpg) no-repeat left;
margin: 44px 0 0;
padding: 67px 0 0 66px;
}
.about_con{
width: 595px;
margin: 37px 20px 0 0;
}
.about_txt{
font-size: 16px;
color: #fff;
line-height: 30px;
margin: 12px 0 0;
text-indent: 2em;
}
.about_more{
text-align: right;
color: #fff;
display: block;
}
/*发展历程*/
.history{
background: url(../images/index_18.jpg) repeat-x left 14px;
padding: 1px 0 0;
}
#slider {
width: 1200px;
margin: 0 auto;
position: relative;
}
.navigation {
margin: 40px 0 0;
}
.navigation li {
float: left;
margin: 0 40px;
}
.navigation a {
font-size: 16px;
color: #333;
background: url(../images/index_19.png) no-repeat center top;
padding: 40px 0 0;
line-height: 28px;
}
.navigation a.selected {
background: url(../images/index_20.png) no-repeat center top;
font-weight: bold;
color: #333;
font-size: 18px;
}
.navigation a:focus {
outline: none;
}
.scroll {
height: 202px;
width: 1010px;
overflow: auto;
overflow-x: hidden;
position: relative;
clear: left;
margin: 46px auto;
}
.scrollContainer div.panel {
height: 202px;
width: 1010px;
}
.history_txt{
width: 695px;
}
.history_txt h4{
color: #333;
font-size: 18px;
line-height: 38px;
}
.history_txt p{
line-height: 30px;
color: #555;
font-size: 16px;
text-indent: 2em;
}
.scrollButtons {
position: absolute;
top: 150px;
cursor: pointer;
}
.scrollButtons.left {
left: 0;
}
.scrollButtons.right {
right: 0;
}
.hide {
display: none;
}
/*家装案例*/
.case_bg{
min-width: 1200px;
background: url(../images/index_33.jpg) no-repeat center top ;
height: 652px;
}
.case_code{
margin: 48px 0 0;
}
.case_r{
width: 930px;
}
.case_type{
padding: 37px 0 0;
}
.case_type p{
color: #333;
font-size: 16px;
margin: 10px 0;
max-height: 50px;
overflow: hidden;
}
.case_type p a{
color: #333;
padding: 1px 1px;
margin: 0 2px;
}
.case_type p a:hover{
background: #ffdb01;
}
.case_list{
padding: 10px 0 0;
}
.case3{
width: 287px;
margin-left: 19px;
}
.case3 li{
margin-bottom: 18px;
position: relative;
width: 287px;
height: 195px;
overflow: hidden;
}
.case1{
width: 319px;
height: 409px;
overflow: hidden;
position: relative;
background-position: top left;
-webkit-transition: all 5.5s;
transition: all 5.5s;
cursor: pointer;
}
.case1:hover{
background-position: top right !important;
}
.case2{
width: 286px;
height: 409px;
overflow: hidden;
position: relative;
background-position: top left;
-webkit-transition: all 5.5s;
transition: all 5.5s;
cursor: pointer;
}
.case2:hover{
background-position: top right !important;
}
.case_txt{
width: 100%;
height: 70px;
background: rgba(0,0,0,0.8);
color: #fff;
font-size: 16px;
padding: 10px 0 0 10px;
position: absolute;
left:0;
bottom:-70px;
transition: all .3s;
-webkit-transition: all .3s;
}
.case:hover .case_txt{
bottom:0;
}
/*热门活动*/
.hot{
margin: 30px 0;
}
.slideBox {
position: relative;
overflow: hidden;
width: 589px;
height: 438px;/* 设置焦点图最大宽度 */
}
.slideBox .hd {
position: absolute;
height: 23px;
line-height: 23px;
bottom: 12px;
left:45%;
z-index: 1;
}
.slideBox .hd li {
float: left;
width: 15px;
height: 15px;
border-radius: 100%;
line-height: 15px;
text-align: center;
color: #fff;
overflow: hidden;
cursor: pointer;
text-indent: -999em;
background: #fff;
margin: 0 6px;
}
.slideBox .hd li.on {
background: rgba(0,0,0,0.8);
}
.slideBox .bd {
position: relative;
z-index: 0;
}
.slideBox .bd li {
position: relative;
text-align: center;
}
.slideBox .bd li img {
vertical-align: top;
width: 100%;/* 图片宽度100%，达到自适应效果 */
}
.slideBox .bd li a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
} /* 去掉链接触摸高亮 */
.hot_list{
width: 591px;
}
.hot_list ul{
margin-right: -19px;
}
.hot_list li{
float: left;
margin-bottom: 17px;
margin-right: 19px;
}
/*设计团队*/
.index_05 {
min-width: 1200px;
height: 801px;
overflow: hidden;
background: #fff url(../images/index_55.jpg) no-repeat top center;
}
.tit1{
background: url(../images/index_23.png) no-repeat center bottom;
}
.tit1 h2{
color: #fff;
}
.index_05 .mian {
text-align: center;
}
.index_05 .mian .inst {
padding: 95px 0 0;
margin: 0 auto;
}
.index_05 .mian .inst .kk {
position: relative;
padding: 129px 0;
/*cursor: default;*/
cursor: pointer;
}
.index_05 .mian .inst .kk h4 {
width: 152px;
height: 152px;
overflow: hidden;
margin-left: 20px;
border-radius: 50%;
box-sizing: border-box;
text-align: center;
-webkit-transition: all .5s;
transition: all .5s;
}
.index_05 .mian .inst .kk h4 img {
width: 100%;
}
.index_05 .mian .inst .kk.slick-center {
z-index: 9;
}
.index_05 .mian .inst .kk.slick-center h4 {
-webkit-transform: scale(2.7);
transform: scale(2.7);
}
.index_05 .mian .inst .kk .ck-name {
position: absolute;
top: 20px;
left: 188px;
width: 120px;
height: 120px;
overflow: hidden;
border-radius: 50%;
background: #ffdb01;
-webkit-transition: all .5s;
transition: all .5s;
}
.index_05 .mian .inst .kk .ck-name h5 {
padding: 25px 0 0;
font-size: 24px;
color: #333;
font-weight: normal;
line-height: 38px;
}
.index_05 .mian .inst .kk .ck-name h6 {
font-size: 16px;
color: #333;
font-weight: normal;
line-height: 30px;
}
.index_05 .mian .inst .kk .ck-name p span {
font-size: 24px;
}
.index_05 .mian .inst .kk .ck-name {
visibility: hidden;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.index_05 .mian .inst .kk.slick-center .ck-name {
visibility: inherit;
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.index_05 .mian .inst .kk:focus {
outline: none;
}
.index_05 .mian .inst .slick-arrow {
position: absolute;
bottom: -30px;
z-index: 9;
width: 52px;
height: 51px;
border: none;
font-size: 0;
cursor: pointer;
}
.index_05 .mian .inst .slick-prev {
left: 50%;
background-position: left center;
margin-left: -200px;
background: url(../images/index_42.png) no-repeat;
}
.index_05 .mian .inst .slick-next {
right: 50%;
background-position: right center;
margin-right: -200px;
background: url(../images/index_43.png) no-repeat;
}
.index_05 .mian .gg {
margin-top: 60px;
padding: 25px 0;
text-align: center;
}
.index_05 .mian .gg a {
display: inline-block;
width: 200px;
height: 50px;
background: #3f4a55;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 50px;
-webkit-transition: all .5s;
transition: all .5s;
}
.index_05 .mian .gg a:hover {
background: #E1112A;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-slider:focus, .slick-slider:active {
outline: none;
blr: expression(this.onFocus="this.blur"());
cursor: pointer;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
cursor: pointer;
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before, .slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*主材卖场*/
.zhucai{
margin: 30px 0 50px;
}
.zhucai_list{
margin: 25px 0 0;
height: 200px;
overflow: hidden;
}
.zhucai_list li{
width: 286px;
height: 200px;
overflow: hidden;
float: left;
margin: 0 10px;
position: relative;
cursor: pointer;
}
.zhucai_infor{
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
position: absolute;
top:0;
left:0;
color: #fff;
display: none;
}
.zhucai_infor h3{
font-size: 20px;
line-height: 42px;
border-bottom: solid 1px #fff;
width: 137px;
margin: 42px auto 0;
}
.zhucai_infor p{
font-size: 16px;
line-height: 32px;
margin-bottom: 10px;
}
.zhucai_infor a{
width: 130px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 16px;
color: #333;
display: block;
background: #ffdb01;
margin: 0 auto;
}
.zhucai_list li:hover .zhucai_infor{
display: block;
}
/*在建工地*/
.site_bg{
min-width: 1200px;
background: url(../images/index_62.jpg) no-repeat center top;
height: 1320px;
overflow: hidden;
}
.yuyue{
width: 529px;
height: 547px;
background: url(../images/index_70.png) no-repeat;
margin: 283px auto 0;
padding: 124px 115px 0;
}
.yuyue h4{
color: #fff;
font-size: 24px;
line-height: 38px;
text-align: center;
margin-bottom: 35px;
}
.yuyue p{
margin-bottom: 23px;
width: 137px;
height: 40px;
position: relative;
}
.yuyue p input{
width: 137px;
height: 40px;
background: #fff;
border: none;
padding: 0 10px;
line-height: 40px;
font-size: 14px;
color: #555;
font-family: "微软雅黑";
}
.yuyue p span{
position: absolute;
right:15px;
top:0;
line-height: 40px;
color: #555;
}
.yuyue_btn{
width: 166px;
height: 40px;
background: #ffdb01;
border: none;
font-size: 18px;
color: #333;
line-height: 40px;
text-align: center;
font-weight: bold;
font-family: "微软雅黑";
display: block;
margin: 4px auto 10px;
}
.tel{
width: 203px;
height: 53px;
background: #fff;
margin: 0 auto;
font-size: 12px;
color: #555;
padding: 6px 0 0;
line-height: 22px;
}
.site{
width: 275px;
margin: 0 auto;
}
.site img{
width: 171px;
height: 171px;
border-radius: 100%;
border: solid 5px #dadada;
text-align: center;
}
.site h3{
color: #333;
font-size: 16px;
margin: 15px 0 0;
}
.site1{
top:-252px;
left:0;
right:0;
}
.site2{
top:-22px;
left:-272px;
}
.site3{
bottom:-100px;
left:-272px;
}
.site4{
bottom:-300px;
left:0;
right:0;
}
.site5{
bottom:-100px;
right:-264px;
}
.site6{
top:-22px;
right:-264px;
}
/*品质保障*/
.quality{
padding: 30px 0 50px;
}
.quality ul{
margin-right: -12px;
}
.quality li{
width: 230px;
float: left;
margin-right: 12px;
}
.quality_infor{
height: 93px;
background: #2c2c2c;
color: #fff;
}
.quality_infor h3{
font-size: 16px;
line-height: 38px;
border-bottom: solid 1px #fff;
font-weight: bold;
}
.quality_infor p{
line-height: 18px;
padding: 8px 0 0;
}
/*.quality li:hover .quality_infor{
background: #ffdb01;
color: #333333;
}
.quality li:hover .quality_infor h3{
border-bottom: solid 1px #2c2c2c;
}*/
/*footer*/
.footer_bg{
min-width: 1200px;
background: #2c2c2c;
padding-bottom: 30px;
}
.footer_bg h3{
color: #6a6a6a;
font-size: 16px;
padding: 30px 0 0;
}
.footer_bg h3 a{
color: #6a6a6a;
margin-left: 10px;
font-size: 12px;
}
.about{
width: 480px;
}
.footer_bg p{
color: #b9b9b9;
font-size: 12px;
margin: 20px 0 0;
}
.footer_bg span{
color: #b9b9b9;
font-size: 12px;
}
.contact{
width: 230px;
margin-left: 60px;
}
.code{
margin: 44px 0 0;
}
.code li{
width: 138px;
float: left;
margin-left: 37px;
text-align: center;
}
.code li img{width: 138px; height: 138px;}
.code li h4{
color: #fff;
font-weight: normal;
}
.copyright{
min-width: 1200px;
background: #000;
padding: 15px 0;
color: #fff;
}
/*二级页*/
/*家装案例*/
.main{
padding-bottom: 70px;
}
.path{
line-height: 48px;
}
.path a{
color: #333;
}
.path span{
color: #e80000;
}
.main_tit p{
color: #666;
font-size: 20px;
line-height: 26px;
}
.main_tit h2{
font-size: 30px;
line-height: 62px;
}
.case_classify{
margin: 23px 0 30px;
border: solid 1px #e0e0e0;
}
.case_classify li{
border-bottom: solid 1px #e0e0e0;
/*height: 50px;*/
position: relative;
}
.case_classify li:last-child{
border-bottom: none;
}
.case_classify li h4{
width: 107px;
/*border-right: solid 1px #e0e0e0;*/
line-height: 50px;
font-size: 16px;
}
.case_classify li h4 img{
vertical-align: middle;
margin-right: 8px;
}
.case_classify li p{
padding: 7px 0px 7px 10px;
width: 900px;
line-height: 35px;
border-left: solid 1px #e0e0e0;
}
.case_classify li p a{
font-size: 16px;
color: #333;
padding: 1px 1px;
margin: 0 2px;
}
.case_classify li p a.active,.case_classify li p a:hover{
background: #ffdb01;
}
.case_cla_more{
position: absolute;
right:60px;
top:0;
color: #333;
line-height: 50px;
font-size: 16px;
}
.m_case{
padding-bottom: 55px;
}
.m_case ul{
margin-right: -30px;
}
.m_case li{
width: 380px;
float: left;
margin: 16px 30px 16px 0 ;
min-height: 380px;
}
.m_case li table{
border: solid 1px #c8c8c8;
padding: 7px;
}
.m_case_tit{
margin: 15px 8px 0;
}
.m_case_tit h3{
font-size: 16px;
line-height: 30px;
}
.m_case_tit p{
font-size: 16px;
line-height: 30px;
}
.m_case_tit a{
color: #e80000;
}
.page{
color: #c0c0c0;
}
.page a{
color: #666;
font-size: 16px;
padding: 7px 10px;
margin: 0 7px;
border: solid 1px #c8c8c8;
}
.page input{
width:40px;
height: 38px;
border: solid 1px #c8c8c8;
text-align: center;
margin: 0 10px;
}
.page .on1{
background: #ff0000;
color: #fff;
}
/*工装案例*/
.tit2{
background: url(../images/main7.jpg) no-repeat center bottom;
padding-bottom: 6px;
}
.main_classify{
line-height: 60px;
}
.main_classify a{
color: #333;
font-size: 18px;
padding: 0 30px;
}
.main_classify .current1{
font-weight: bold;
}
/*热门活动*/
.m_case_tit h4{
font-size: 16px;
}
.m_case_tit span{
color: #818181;
display: block;
height: 48px;
overflow: hidden;
}
/*设计团队*/
.team{
padding-bottom: 60px;
}
.team ul{
margin-right: -18px;
}
.team li{
width: 286px;
height: 373px;
overflow: hidden;
position: relative;
cursor: pointer;
margin:28px 18px 28px 0;
float: left;
}
.team_con{
color: #333;
height: 87px;
}
.team_con h3{
border-bottom: solid 1px #e8e8e8;
padding: 10px 0 0 20px;
line-height: 36px;
font-size: 24px;
}
.team_con span{
position: absolute;
top:15px;
right:20px;
color: #f90000;
font-size: 14px;
}
.team_con p{
padding-left: 17px;
line-height: 42px;
}
.team_con2{
width: 100%;
height: 100%;
position: absolute;
top:0;
left:0;
background: rgba(0,0,0,0.8);
padding: 147px 0 0;
color: #fff;
opacity: 0;
}
.team_con2 span{
color: #fff;
}
.team_more{
width: 242px;
height: 46px;
color: #000;
font-size: 18px;
background: #ffdb01;
margin: 76px auto 0;
display: block;
text-align: center;
line-height: 46px;
}
.team li:hover .team_con{
opacity: 0;
}
.team li:hover .team_con2{
opacity: 1;
}
/*二级页单页*/
.m_about{
font-size: 16px;
line-height: 30px;
padding: 45px 20px 0;
}
/*工装案例详情*/
.pro_xx{width:1200px;height:835px;position:relative; margin:33px auto 55px;}
.pro_xx .btn{position:absolute;width:19px;height:33px;top:730px;cursor:pointer;z-index:99;}
.pro_xx .prev{left:0;background:url(../images/prevBtn.png) no-repeat;}
.pro_xx .next{right:0;background:url(../images/nextBtn.png) no-repeat;}
.pro_xx #prevTop,.pro_xx #nextTop{top:247px;width: 45px;height: 100px;}
.pro_xx #prevTop{background: url(../images/prevBtnTop.png) 0 0 no-repeat;left:180px;}
.pro_xx #nextTop{background: url(../images/nextBtnTop.png) 0 0 no-repeat;right:180px;}
.picBox_wrap{width: 883px; height: 593px;margin: 0 auto;border: solid 1px #d3d3d3;padding: 8px;}
.pro_xx .picBox{position:relative;overflow:hidden;width: 865px; height: 575px;}
.pro_xx .picBox ul{width:865px;height:575px;position:absolute;}
.pro_xx .picBox li{width:865px;height:575px;}
.pro_xx li{float:left;}
.pro_xx .cf li{position: relative;color: #fff;}
.pro_xx .cf a{display: block; width: 680px;height: 330px; position: absolute;color: #fff;}
.pro_xx .listBox{width:1136px;height:180px;margin:60px auto 0;position:relative;overflow:hidden;}
.pro_xx .listBox ul{height:180px;position:absolute;}
.pro_xx .listBox li{width:270px;height:180px;cursor:pointer;position:relative;margin: 0 8px;}
.pro_xx .listBox li i{display:none;}
.pro_xx .listBox li a{display: block;width:270px;height: 180px;}
.pro_xx .listBox li img{width:270px;height: 180px;position: relative;}
.pro_xx .listBox .on img{width: 270px;height: 180px;border:2px solid #dc0000;}
.pro_xx .listBox .on i{display:block;}
.pro_xx_tit{
font-size: 18px;
height: 42px;
background: #f6f6f6;
padding-left: 8px;
line-height: 42px;
}
.pro_xx_tit a{
width: 94px;
height: 24px;
text-align: center;
line-height: 24px;
color: #fff;
display: block;
background: #9c0000;
font-size: 14px;
position: absolute;
right:7px;
top:8px;
}
.pro_xx_con{
font-size: 16px;
line-height: 30px;
padding: 15px 8px 65px;
border-bottom: solid 6px #e6e6e6;
}
.pagenext{
padding: 30px 15px;
}
.pagenext a{
font-size: 16px;
}
.pagenext img{
margin-left: 5px;
}
.page1{
color: #e80000;
}
.page2{
color: #333;
}
/*热门活动详情*/
.active_xx{
padding:53px 0 0 ;
}
.active_xx h4{
font-size: 20px;
line-height: 40px;
}
.active_xx h5{
font-weight: normal;
font-size: 14px;
line-height: 34px;
margin-bottom: 40px;
}
.team_xx_pic{
margin: 40px 0 0;
}
.team_xx_pic img{
padding: 8px;
border: solid 1px #d3d3d3;
}
.team_xx_pic p{
line-height: 100px;
font-size: 18px;
}
.img_b{
padding: 8px;
border: solid 1px #d3d3d3;
}