@import url(style.css);


/*


首页


*/


/* Callback example */


.callbacks_container{position:relative;width:100%;max-width:100%;text-align:center; }


.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}


.callbacks li{position:absolute;width:100%;left:0;top:0;}


.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}


.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}


.callbacks_nav{position:absolute;top:50%; margin-top:-19px;left:50%; margin-left:-670px;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:38px;width:21px;background:transparent url("../images/left.png") no-repeat left top;transition:all 0.3s;}


.callbacks_nav:hover{opacity:0.8;filter:Alpha(opacity=80);}


.callbacks_container:hover .callbacks_nav{display:block;}


.callbacks_nav:active{}


.callbacks_nav.next{left:auto;right:50%; margin-right:-670px;background:transparent url("../images/right.png") no-repeat 0px top;}


.rslides{


	position:relative;


	list-style:none;


	overflow:hidden;


	width:100%;


	padding:0;


	margin:0;


}


.rslides li{


	-webkit-backface-visibility:hidden;


	position:absolute;


	display:none;


	width:100%;


	left:0;


	top:0;


}


.rslides li:first-child{


	position:relative;


	display:block;


	float:left;


}


.rslides img{


	display:block;


	height:auto;


	float:left;


	width:100%;


	border:0;


}


.banner_content{ width:1140px; height:780px;/* background:url(../images/banner_bg.png) repeat-x;*/ position: relative; z-index: 120;  font:300 14px "宋体"; color:#FFF; }


.banner_content a{ display:block; width:100%; height:100%;}


.b_center{ margin:0 auto; text-align:center;}





.callbacks_tabs.callbacks1_tabs{margin-top:-30px; position:relative;z-index:9; margin-bottom:14px;}


.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:34px;height:10px;margin-right:7px; margin-left:7px;/*border:1px solid #FFF;*/position:relative;}


.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:34px;height:3px;/*border-radius:50%;position:absolute;*/ left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent; background-color:#fff;}


.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background-color:#c8a063;}





.i_t{ text-align:center; margin:0 auto;  margin-top:64px;overflow:hidden; }


.i_t h2{ display:inline-block; color:#333333; font-weight:normal; font-size:36px; height:58px; line-height:58px; position:relative; overflow:hidden; padding-left:34px; padding-right:34px;}


.i_t h2:before{ content:""; position:absolute; left:0; top:28px; height:2px; width:12px; background:#333333;}


.i_t h2:after{ content:""; position:absolute; right:0; top:28px; height:2px; width:12px; background:#333333;}


.i_t p{ height:44px; line-height:44px;color:#888888; font-size:18px; overflow:hidden;}





/*第一屏*/


#index_nav{overflow:hidden; margin-top:47px; margin-bottom:49px;}


#index_nav li{float:left; width:12.5%; height:163px; text-align:center; font-size:16px; overflow:hidden; position:relative;}


#index_nav li a{display:block; width:100%; height:184px; position:relative; z-index:2;}


#index_nav li i{ width:100px; height:100px; display:block; margin:0 auto;transition:all 0.3s; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; position:relative;}


#index_nav li i:after{    content: ""; position: absolute; width: 100%; height: 100%; left: 0%; top: 0; transition: all 0.3s; background-size: 0% 0%; background-repeat: no-repeat;background-position: center center; z-index: 1;}


#index_nav li.n1 i{ background-image:url(../images/i_n1.png);}


#index_nav li.n2 i{ background-image:url(../images/i_n2.png);}


#index_nav li.n3 i{ background-image:url(../images/i_n3.png);}


#index_nav li.n4 i{ background-image:url(../images/i_n4.png);}


#index_nav li.n5 i{ background-image:url(../images/i_n5.png);}


#index_nav li.n6 i{ background-image:url(../images/i_n6.png);}


#index_nav li.n7 i{ background-image:url(../images/i_n7.png);}


#index_nav li.n8 i{ background-image:url(../images/i_n8.png);}


#index_nav li.n1 i:after{ background-image:url(../images/i_n1_on.png);}


#index_nav li.n2 i:after{ background-image:url(../images/i_n2_on.png);}


#index_nav li.n3 i:after{ background-image:url(../images/i_n3_on.png);}


#index_nav li.n4 i:after{ background-image:url(../images/i_n4_on.png);}


#index_nav li.n5 i:after{ background-image:url(../images/i_n5_on.png);}


#index_nav li.n6 i:after{ background-image:url(../images/i_n6_on.png);}


#index_nav li.n7 i:after{ background-image:url(../images/i_n7_on.png);}


#index_nav li.n8 i:after{ background-image:url(../images/i_n8_on.png);}


#index_nav li h2{ font-weight:normal; font-size:16px; color:#333; height:64px; line-height:64px; overflow:hidden;transition:all 0.3s;}


#index_nav li:hover h2{ color:#c8a063;}


#index_nav li:hover  i:after{background-size:100% 100%;}


/*#index_nav li.n1:hover  i{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}*/


/*品牌实力*/


.i_two{ background:#fbfbfb; overflow:hidden; padding-bottom:83px;}





/*作品案例*/


.i_case{ overflow:hidden; margin-top:37px; margin-bottom:18px;}


.i_case .i_case_hidden{ display:none; overflow:hidden;}


.i_case ul li{ float:left; width:226px; margin-right:18px; margin-bottom:16px; overflow:hiddenl;}


.i_case ul li:first-child{ width:468px;}


.i_case ul li:nth-child(4),.i_case ul li:nth-child(7){ margin-right:0;}


.i_case ul li .imgs{ overflow:hidden; position:relative;}


.i_case ul li .imgs img{display: block;width: 100%; height:226px;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; transition:all 0.4s ease-out 0s;}


.i_case ul li:first-child .imgs img{ height:468px;}


.i_case ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}


.i_case ul li .txts{ position:absolute; bottom:0; width:100%; background:rgba(0,0,0,0.6); overflow:hidden;color:#fff;font-size:12px; }


.i_case ul li:first-child .txts{ padding-top:14px; padding-bottom:12px;}


.i_case ul li .txts .h2{ height:32px; line-height:32px; font-weight:normal; margin-left:19px; margin-right:19px; font-size:12px;white-space:nowrap;text-overflow:ellipsis;}


.i_case ul li:first-child .txts .h2{font-size:16px;margin-left:29px; margin-right:29px;}


.i_case ul li .txts .p{height:22px; line-height:22px;margin-left:29px; margin-right:29px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}





.i_case_a{ padding-top:30px; overflow:hidden; background-color:#fbfbfb; padding-bottom:12px; margin-bottom:80px;}





/*装修百科*/


.i_news{ overflow:hidden; padding-bottom:86px; background:url(../images/i_bg2.jpg) center center no-repeat; background-size:cover;}


.i_news .i_news_div{ width:580px; overflow:hidden; background:#fff; padding-bottom:26px; border-radius:4px; margin-top:50px;}


.i_news .i_news_div .i_news_con{ width:500px; margin:0 auto;}


.i_news .i_news_div .i_news_t{ margin-top:47px; text-align:center; overflow:hidden; margin-bottom:24px;}


.i_news .i_news_div .i_news_t img{ margin:0 auto; display:block; width:43px; height:48px;}


.i_news .i_news_div .i_news_t .h2{ height:76px; line-height:76px; color:#333333; font-size:24px; font-weight:normal; overflow:hidden;}


.i_news .i_news_div ul li{ display:block; margin-bottom:30px; overflow:hidden;}


.i_news .i_news_div ul li .imgs{ overflow:hidden; float:left; width:160px; height:110px; position:relative;}


.i_news .i_news_div ul li .imgs img{ width:100%; height:110px;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}


.i_news .i_news_div ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}


.i_news .i_news_div ul li .txts{ float:right; width:312px; overflow:hidden;}


.i_news .i_news_div ul li .txts .p{ height:48px; line-height:24px; overflow:hidden; color:#888888; font-size:14px;}


.i_news .i_news_div ul li .txts .h3{ font-weight:normal; height:42px; line-height:42px; color:#333333;font-size:16px; margin-top:2px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;}


.i_news .i_news_div ul li:hover .txts .h3{ color:#c8a063;}





/*尊享服务*/


.i_serve{ overflow:hidden; padding-bottom:80px;}


.i_serve_b{ border:1px solid #e5e5e5; padding:40px; overflow:hidden;}


.i_serve_l{ float:left; width:790px; overflow:hidden;}


.i_serve_l .h2{ font-size:px; height:36px; line-height:36px; overflow:hidden; font-weight:normal; font-size:14px; color:#555555; margin-bottom:9px;}


.i_serve_l .h2 label{ font-size:24px;}


.i_serve_l .h2 .yellows{ color:#c8a063;}


.i_serve_l ul li{ float:left; width:380px; overflow:hidden;}


.i_serve_l ul li:nth-child(2n+0){ float:right;}


.i_serve_l ul li .i_service_t{ display:block; height:44px; line-height:44px; font-size:14px; color:#333333; font-weight:bold;}


.i_serve_l ul li select{appearance: none; -moz-appearance: none; -webkit-appearance: none;}


.i_serve_l ul li .selects{height:50px; line-height:50px; padding-left:14px;width:100%; background:url(../images/i_bg3.png) 95% center no-repeat #f2f2f2; border:none;font-size:14px;color:#999999; font-family:"微软雅黑"; outline:none; border-radius:4px;}


.i_serve_l ul li .inputs{display: block;border: none; border-radius: 4px; background: #f2f2f2;  height: 50px;padding: 0 14px; line-height: 50px; outline:none;width:calc(100% - 28px);width:-webkit-calc(100% - 28px);width:-moz-calc(100% - 28px);font-size:14px;color:#999999;font-family:"微软雅黑";}


.i_serve_l ul li .inputs::placeholder{ color:#999999;}


.i_serve_l .btn2{ background:#c8a063;width:100%; height:50px; border:none; cursor:pointer; color:#fff; font-size:16px; -webkit-appearance: none; transition:all 0.3s; border-radius: 4px; outline:none;font-family:"微软雅黑"; margin-top:29px;}


.i_serve_l .btn2:hover{filter:alpha(opacity=80);opacity:0.8;}


.i_serve_r{ float:right; width:266px; height:318px; background:url(../images/i_bg4.jpg) no-repeat; overflow:hidden; text-align:center;}


.i_serve_r .h3{ font-weight:normal; margin-top:78px; height:30px; line-height:30px; font-size:16px; color:#555; overflow:hidden; }


.i_serve_r .nums{ color:#ff5a00; font-size:26px;height:42px; line-height:42px;  overflow:hidden; }


.i_serve_r .tels{transition:all 0.3s; margin:0 auto;  display:block; width:120px; height:40px; line-height:40px; font-size:14px; color:#fff;margin-top:24px; background:#ff5a00;border-radius:4px;}


.i_serve_r .tels:hover{opacity:0.8;filter:Alpha(opacity=80);}


.i_map{ overflow:hidden;}


.i_map img{ width:100%;}