html, body { background: #fff; }

/* CSS Document */
@media (max-width: 1024px) {
	.g_header { height: 50px; width: 100%; height: 50px; position: fixed; top: 0; left: 0; background: #da2027; z-index: 99; }
	.g_header .bar { padding: 0 !important; float: none; }
	.g_header .bar .logo { float: none; }
	.g_header .bar .logo a { color: #ffffff; font-size: 30px; font-weight: normal; text-align: center; display: block; line-height: 50px; }
	.g_header .bar .menu { display: block !important; position: absolute; top: 0; left: 0; padding: 10px 0 0 20px; }
	.g_header .bar .menu img { width: 30px; }
	.g_header .top { display: none; }


	.g_header .bar .logo_r { display: none; }
	#nav.show { display: block; }
	#nav.close { display: none; }
}

.g_header { }
.g_header .top { height: 30px; background: #262626; font-size: 14px; }
.g_header .top p { line-height: 30px; color: #acacac; }
.g_header .top .top_r img { height: 20px; vertical-align: middle; }

.nav_wrap { border-bottom: 2px solid #da2027; height: 90px; }
.g_header .bar { padding: 18px 0; }
.g_header .bar .logo { font-size: 40px; font-weight: bolder; color: #da2027; }
.g_header .bar .logo_r { vertical-align: middle; text-align: center; padding-top: 10px; font-size: 12px; }
.g_header .bar .logo_r span { color: #ea730d; }
.g_header .bar .menu { display: none; }

.g_header #nav .n_close { display: none; }
.g_header #nav .navContent { }
.g_header #nav .navContent li { float: left; text-align: center; margin-left: 42px; }
.g_header #nav .navContent li a { display: block; font-size: 16px; color: #565656; padding: 25px 14px; }
.g_header #nav .navContent li a:hover { background: #da2027; color: #ffffff; }
.g_header #nav .navContent li .cur { background: #da2027; color: #ffffff; }
.g_header #nav .navContent li a em { font-size: 12px; color: #999; }
.g_header #nav .navContent li a:hover em { color: #ffffff; }
.g_header #nav .navContent li .cur em { color: #ffffff; }

body > .banner { height: 571px; width: 100%; }
body > .banner .banner_con { height: 571px; width: 100%; }
body > .banner .banner_con .box_1 { display: inline-block; background: no-repeat center center; height: 571px; width: 100%; background-size: cover; }

@media (max-width: 1024px) {
	.g_header #nav { display: none; position: fixed; left: 0; top: 0; right: 80px; bottom: 0; background: #da2027; box-shadow: 5px 0 10px rgba(0,0,0,0.2); transition: .3s ease; }
	.g_header #nav.show { display: block; }
	.g_header #nav .n_close { display: block; position: absolute; top: 15px; right: -50px; }
	.g_header #nav .navContent { float: none; }
	.g_header #nav .navContent li { float: none; padding-top: 20px; margin: 0; }
	.g_header #nav .navContent li a { color: #ffffff; }
	.g_header #nav .navContent li a em { color: #ffffff; }
	.g_header #nav .navContent .n_close { display: block; position: absolute; top: 15px; right: -50px; }
	.g_header #nav .n_close img { width: 20px; }
	.g_header .nav_wrap { border-bottom: 0; }

	body > .banner { display: none; }
	body > .s_banner { display: block !important; margin-top: 50px; }
	body > .s_banner .s_banner_con img { width: 100%; }
}

@media (max-width: 1024px) {
	.g_footer .footer_l, .g_footer .footer_r { float: none; }
	.g_footer { padding: 20px !important; }
	.g_footer .f_gzh { padding-top: 20px; }
}

.g_footer { padding: 32px 0 48px 0; background: #1f1f1f; }
.g_footer p { }
.g_footer .f_nav > a { color: #ffffff; padding-right: 18px; font-size: 14px; }
.g_footer .f_p { color: #83888a; font-size: 12px; padding-top: 32px; }
.g_footer .f_gzh { text-align: center; font-size: 12px; }
.g_footer .f_gzh img { width: 120px; }


/*--con--*/
.main_bt { height: 85px; }
.main_bt > div { max-width: 324px; margin: 0 auto; }
.main_bt P { text-align: center; }
.main_bt .line { display: block; width: 57px; height: 1px; background: #d8d8d8; margin: 30px 0; }
.main_bt .btn_font { text-align: center; font-size: 40px; color: #565656; padding: 0 25px; }
.strength { margin-bottom: 68px; }
.strength_con { margin-left: -33px; margin-top: 48px; }
.strength_con .list > li { float: left; width: 25%; padding-left: 33px; box-sizing: border-box; }
.strength_con .list > li .box { display: block; height: 157px; padding: 53px 25px 70px 25px; text-align: center; color: #fff; overflow: hidden; }

@media (max-width: 1024px) {
	.strength_con { margin-top: 0; }
	.strength_con .list > li { width: 50%; }
}

.strength_con .list > li .box .ico { height: 80px; margin-bottom: 15px; }
.strength_con .list > li .box .h1 { font-size: 18px; color: #4a4a4a; padding-bottom: 12px; }
.strength_con .list > li .box:hover { block; background: #da2027; }
.strength_con .list > li .box:hover p { color: #ffffff; }
.strength_con .list > li .box .ico_1 { background: url(../images/str_icon1.png) no-repeat center center; background-size: contain; }
.strength_con .list > li .box:hover .ico_1 { background: url(../images/str_icon1_b.png) no-repeat center center; background-size: contain; }
.strength_con .list > li .box .ico_2 { background: url(../images/str_icon2.png) no-repeat center center; background-size: contain; }
.strength_con .list > li .box:hover .ico_2 { background: url(../images/str_icon2_b.png) no-repeat center center; background-size: contain; }
.strength_con .list > li .box .ico_3 { background: url(../images/str_icon3.png) no-repeat center center; background-size: contain; }
.strength_con .list > li .box:hover .ico_3 { background: url(../images/str_icon3_b.png) no-repeat center center; background-size: contain; }
.strength_con .list > li .box .ico_4 { background: url(../images/str_icon4.png) no-repeat center center; background-size: contain; }
.strength_con .list > li .box:hover .ico_4 { background: url(../images/str_icon4_b.png) no-repeat center center; background-size: contain; }
.strength_con .list > li .box:hover .ico .img1 { opacity: 0; }


.g_case { }
.offset { margin-left: -15px; margin-bottom: -15px; margin-top: 48px; }
.offset .list > li { float: left; width: 25%; padding-left: 15px; padding-bottom: 15px; box-sizing: border-box; }
.offset .list > li a .pic { position: relative; }
.offset .list > li a .pic img { max-width: 100%; display: block; }
.offset .list > li a .img1:after { content: '欧式古典'; }
.offset .list > li a .img2:after { content: '现代简约'; }
.offset .list > li a .img3:after { content: '新古典'; }
.offset .list > li a .img4:after { content: '雅致主义'; }
.offset .list > li a .img5:after { content: '美式乡村'; }
.offset .list > li a .img6:after { content: '现代前卫'; }
.offset .list > li a .img7:after { content: '新中式'; }
.offset .list > li a .img8:after { content: '地中海式'; }
.offset .list > li a .pic:after { text-align: center; padding-top: 30%; font-size: 24px; font-weight: bolder; color: #fff; position: absolute; left: 13px; right: 13px; top: 13px; bottom: 13px; opacity: 0; transition: .3s ease; border: 1px solid rgba(255,255,255,.5); }
.offset .list > li a .pic:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; transition: .3s ease; background: rgba(0,0,0,.5); }
.offset .list > li a:hover .pic:before { opacity: 1; }
.offset .list > li a:hover .pic:after { opacity: 1; }
.offset .list > li a .fbox { position: absolute; top: 0; left: 0; z-index: 999; }
.offset .list > li a .fbox .title { text-align: center; }

@media (max-width: 1024px) {
	.offset .list { margin: 0 10px; }
	.offset .list > li { width: 50%; padding-bottom: 10px; }
	.offset .list > li a .pic img { width: 100%; }
}

.kind { margin-top: 26px; height: 200px; }
.kind .list > li { float: left; width: 12.5%; padding-left: 30px; padding-right: 30px; text-align: center; box-sizing: border-box; }
.kind .list > li a .pic img { border-radius: 50px; max-width: 100%; }
.kind .list > li a .pic { position: relative; }

@media (max-width: 1024px) {
	.kind .list > li { width: 25%; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; }
}

/*.kind .list > li a .more:after{content: '+';text-align:center;font-size:30px;color:#fff; position: absolute; left:40%; top:30%; opacity:1; transition: .3s ease;}*/
.see_btn { text-align: center; margin-top: 50px; }
.see_btn .see_con { display: inline-block; padding: 10px 50px; border: 1px solid #dfdfdf; }

/*--设计师--*/
.g_designer { margin-top: 74px; margin-bottom: 88px; }
.fs_banner { margin-bottom: 30px; }
.fs_banner img { width: 100%; }
.x_fs_banner { display: none; }

.g_designer .sjs_li { margin-left: -20px; margin-bottom: -20px; margin-top: 48px; }
.g_designer .sjs_li .list > li { float: left; width: 25%; padding-left: 20px; padding-bottom: 20px; box-sizing: border-box; }
.g_designer .sjs_li .list > li .box .pic img { max-width: 100%; }
.g_designer .sjs_li .list > li .box .name { display: inline-block; padding: 19px 0 11px 0; margin-left: 19px; border-bottom: 1px solid #999; font-size: 18px; color: #565656; margin-bottom: 12px; }
.g_designer .sjs_li .list > li .box .post { padding: 0 0 14px 19px; }
.g_designer .sjs_li .list > li .box { display: block; }
.g_designer .sjs_li .list > li .box:hover { background: #da2027; }
.g_designer .sjs_li .list > li .box:hover .name { color: #fff; border-bottom: 1px solid #fff; }
.g_designer .sjs_li .list > li .box:hover .post { color: #fff; }

@media (max-width: 1024px) {
	.g_designer { margin-top: 150px; }
	.g_designer .sjs_li .list { margin: 0 10px; }
	.g_designer .sjs_li .list > li { width: 50%; padding-bottom: 10px; }
	.g_designer .sjs_li .list > li .box .pic img { width: 100%; }
}

/*--装修案例列表页--*/
@media (max-width: 1024px) {
	.page_nav { padding: 50px 15px 0 15px; }
	.case_li .list > li img { width: 100%; }
	.x_fs_banner { display: block; margin-bottom: 20px; }
	.x_fs_banner img { width: 100%; }
	.fs_banner { display: none; }
}

.pages .list { padding: 44px 0; }
.page_nav { margin: 18px 0 25px 0; font-size: 14px; }
.page_nav p { }
.case_li { margin-left: -13px; margin-bottom: -13px; }
.case_li .list > li { float: left; width: 25%; padding-left: 13px; padding-bottom: 13px; box-sizing: border-box; }
.case_li .list > li a { display: block; border: 1px solid #eaeaea; }
.case_li .list > li a .pic { position: relative; }
.case_li .list > li a .pic .per { position: absolute; right: 14px; bottom: -10px; width: 63px; height: 63px; border: 2px solid #fff; border-radius: 50px; overflow: hidden; }
.case_li .list > li a .pic .per img { width: 100%; border-radius: 50px; }
.case_li .list > li a .font { padding: 13px 0 27px 9px; font-size: 12px; line-height: 22px; }
.case_li .list > li img { max-width: 100%; }

@media (max-width: 1024px) {
	.case_li .list { margin: 0 10px; }
	.case_li .list > li { width: 50%; }
}

@media (max-width: 600px) {
	.case_li .list > li { padding-left: 10px; }
	.case_li .list > li a .pic .per { width: 40px; height: 40px; right: 10px; bottom: -10px; }
	.case_li .list > li a .font { padding: 10px 2px 10px 2px; }
}

.pages { clear: both; text-align: center; font-size: 16px; line-height: 2.2em; overflow: hidden; }
.pages .list { display: inline-block; }
.pages .list > li { float: left; margin: 0 5px; }
.pages .list > li .box { display: inline-block; border: 1px solid #ddd; padding: 0 15px; text-align: center; color: #999; }
.pages .list > li .box:hover { background: #ff3740; color: #fff; text-decoration: none; }

@media (max-width: 1024px) {
	.pages .list .number { display: none; }
}

/*--设计师列表页--*/
.des_li { margin-left: -20px; margin-bottom: -27px; }
.des_li .list > li { float: left; width: 25%; padding-left: 20px; padding-bottom: 27px; box-sizing: border-box; }
.des_li .list > li a { display: block; border: 1px solid #eaeaea; }
.des_li .list > li a .pic { }
.des_li .list > li a .pic img { max-width: 100%; }
.des_li .list > li a .con { padding: 16px 18px; text-align: center; font-size: 14px; }
.des_li .list > li a div .title { border-bottom: 1px solid #eaeaea; padding-bottom: 12px; color: #565656; }
.des_li .list > li a div .title .name { font-size: 18px; }
.des_li .list > li a div .sub { padding-top: 12px; }
.des_li .list > li a div .sub span { display: inline-block; }
.des_li .list > li a div .sub span em { color: #da2027; }

@media (max-width: 1024px) {
	.des_li .list { margin: 0 10px; }
	.des_li .list > li { width: 50%; }
	.des_li .list > li img { width: 100%; }
}

@media (max-width: 600px) {
	.des_li .list > li a div .sub span { float: none; display: block; text-align: left; line-height: 22px; }
}

/*--品牌实力--*/
@media (max-width: 1024px) {
	.power_left, .power_right { float: none; width: auto; border: none !important; }
	.power_left { width: 90%; max-width: none !important; margin: 0 auto; padding-bottom: 30px; }
	.free .list > li { text-align: center; }
	.free .list > .sub_li { width: auto !important; }
}

.power_left { max-width: 280px; }
.power_left .p_nav { margin-bottom: 23px; }
.power_left .p_nav .list > li { margin-bottom: 2px; }
.power_left .p_nav .list > li .box { display: block; background: #efefef; color: #565656; padding: 18px 20px; }
.power_left .p_nav .list > li .box .arr { display: block; background: url(../images/p_arrow.svg) no-repeat left center; width: 12px; height: 18px; background-size: contain; }
.power_left .p_nav .list > li .box:hover { background: #da2027; color: #fff; }
.power_left .p_nav .list > li .box:hover .arr { background: url(../images/p_arrow_b.svg) no-repeat left center; width: 12px; height: 18px; background-size: contain; }
.power_left .p_nav .list > li .cur { background: #da2027; color: #fff; }
.power_left .p_nav .list > li .cur .arr { background: url(../images/p_arrow_b.svg) no-repeat left center; width: 12px; height: 18px; background-size: contain; }
.free { padding: 22px 24px 30px 15px; border: 1px solid #eaeaea; background: #f8f8f8; }
.free .bt { font-size: 18px; color: #565656; font-weight: bold; text-align: center; padding-bottom: 16px; }
.free .font { font-size: 14px; text-align: center; }
.free .font span { color: #da2027; }
.free .list { margin-top: 20px; }
.free .list > li { margin-bottom: 10px; }
.free .list > li .text { background: #ffffff; border: 0; color: #565656; font-weight: lighter; width: 220px; line-height: 36px; font-size: 12px; padding-left: 16px; }
.free .list > li .select { background: #ffffff; border: 0; color: #565656; font-weight: lighter; width: 240px; line-height: 36px; height: 36px; font-size: 12px; padding-left: 16px; }
.free .list > li .submit { background: #b9393d; border: 0; color: #fff; font-weight: lighter; width: 240px; line-height: 36px; font-size: 12px; }
.free .list > .sub_li { width: 240px; height: 36px; padding: 10px 0 12px 0; }
.mainfei { display: none; }

@media (max-width: 1024px) {
	.power_left .mf_1 { display: none; }
	.power_left .p_nav .list > li { float: left; width: 33.33%; }
	.power_left .p_nav .list > li .box .arr { display: none; }
	.power_left .p_nav .list > li .cur .arr { display: none; }
	.mainfei { display: block !important; }
}

.power_right { max-width: 900px; border: 1px solid #eaeaea; margin-bottom: 35px; }
.power_right .power_con { max-width: 900px; padding: 22px 26px 57px 22px; }
.power_right .power_con .title { font-size: 22px; font-weight: bold; color: #333; text-align: center; }
.power_right .power_con .font { color: #565656; font-size: 16px; line-height: 33px; padding-top: 36px; }
.power_right .power_con .pic { text-align: center; padding-top: 40px; }
.power_right .power_con .pic img { max-width: 100%; }

@media (max-width: 1024px) {
	.power_right .power_con { padding-bottom: 0; }
}

/*--装修案例内容--*/
.power_right .power_con .source { font-size: 12px; padding-top: 25px; text-align: center; line-height: 22px; }
.power_right .power_con .source span { color: #565656; }
.power_right .power_con .source .ico { padding-right: 7px; line-height: 22px; vertical-align: middle; }
.power_right .power_con .source .collect { padding: 4px 12px; background: #f74f46; color: #fff; }
.power_right .power_con .font .ll_bt { font-weight: bold; color: #565656; }
.intro_per { border: 1px solid #eaeaea; border-bottom: none; padding: 15px 0 19px 17px; }
.intro_per .title { color: #333; font-weight: bold; font-size: 14px; padding-bottom: 14px; }
.intro_per .per_con { }
.intro_per .per_con .per_img { width: 110px; }
.intro_per .per_con .per_img img { border: 1px solid #eaeaea; max-width: 100%; }
.intro_per .per_con .per_font { padding-left: 12px; color: #565656; }
.intro_per .per_con .per_font h3 { font-size: 18px; }
.intro_per .per_con .per_font p { font-size: 14px; color: #565656; padding-top: 3px; }
.intro_per .per_con .per_font .contact { display: block; padding: 10px 28px; color: #fff; background: #da2027; margin-top: 3px; }

/*--设计师内容--*/
.xq_des { padding: 39px 18px 27px 18px; }
.xq_des .bt_name { color: #565656; font-size: 24px; font-weight: bold; border-bottom: 1px dashed #e5e5e5; padding-bottom: 20px; }
.xq_des .intro_con { margin-top: 30px; }
.xq_des .intro_con div { }
.xq_des .intro_con div .zw { text-align: center; padding-top: 18px; }
.xq_des .intro_con div .zw .mz { color: #333; font-size: 22px; padding-right: 5px; }
.xq_des .intro_con .jianji { padding-left: 40px; color: #999; }
.xq_des .intro_con .jianji p,
.xq_des .intro_con .jianji pre { line-height: 36px; }
.xq_des .intro_con .jianji .jj_con { border-bottom: 1px dashed #e5e5e5; padding-bottom: 18px; }
.xq_des .intro_con .jianji .jj_btn { color: #565656; padding-top: 10px; display: inline-block; }
.xq_des .zuoping { margin-top: 50px; }
.xq_des .zuoping .case_li { margin-top: 30px; }

@media (max-width: 1024px) {
	.xq_des .intro_con div { float: none; }
	.xq_des .intro_con div p { text-align: center; }
	.xq_des .intro_con .jianji { padding: 0 20px; }
	.s_pz_banner { display: block !important; margin-bottom: 20px; }
	.pz_banner { display: none; }
}

.pz_banner { width: 100%; height: auto; margin-bottom: 20px; }
.pz_banner img { display: block; width: 100%; }
.s_pz_banner { display: none; }
.s_pz_banner img { display: block; width: 100%; }