@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 14px; font-family: "微软雅黑"; -webkit-font-smoothing: antialiased; - webkit-text-size-adjust: 100%;
background: #fff; }
div, form, img, ul, ol, li, p, dl, dt, dd { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font- family: '\5FAE\8F6F\96C5\9ED1';
}
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
fieldset, img, input { border: 0 none; }
table { border-collapse: collapse; border-spacing: 0; }
ul, li { list-style: none; }
i, em { font-style: normal; }
fieldset, img { border: 0px; }
textarea { resize: vertical }
input, textarea, select, option, button { outline: none; }
a { text-decoration: none; blr:exPRession(this.onFocus=this.blur ());
-webkit-tap-highlight-color: rgba(0,0,0,0); transition: all .1s linear; }
a:focus { outline: 0; }
a:hover { text-decoration: none; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.clear:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.left { float: left; }
.right { float: right; }
.w1200 { width: 1200px; margin: 0 auto; display: block; overflow: hidden }
.m130 { margin-left: 30px; }
.mt35 { margin-top: 35px; }
.mt25 { margin-top: 25px; }
.f_l { float: left; }
.f_r { float: right; }
/* 顶部 */
.top { height: 38px; line-height: 38px; background-color: #f1f1f1; font-size: 14px; color: #888888 }
.top a { color: #888; }
.top a:hover { color: #cf4d47; }
.logo { margin: 20px 0; }
.logo h1 { float: left; }
.logo .logo_t { float: left; margin-left: 7px; margin-top: 10px; }
.logo .logo_t h2 { font-size: 14px; color: #cf4d47; }
.logo .logo_t h3 { font-size: 14px; color: #333333; }
.top_cen { margin-left: 140px; margin-top: 18px }
.top_cen .top_cen1 { float: left; width: 85px; text-align: center; margin-right: 30px; line-height: 28px }
.top_cen .top_cen1  p {color:#333;}
.top_tel { margin-left: 55px; ; margin-top: 16px }
.top_tel img { margin-top: 18px; margin-right: 10px }
.top_tel_t .tel_p1 { font-size: 15px; color: #333333; }
.top_tel_t .tel_p2 { font-size: 18px; color: #cf4d47; font-weight: bold }
.top_tel_t .tel_p3 { font-size: 18px; color: #cf4d47; letter-spacing: 2px; font-weight: bold }
.wenxin { width: 80px; text-align: center; margin-top: 15px }
.wenxin p { font-size: 12px; color: #333333; line-height: 24px }
/* 导航 */
.nav { min-width: 1200px; background-color: #cf4d47; height: 50px; }
.nav ul { width: 1200px; margin: 0 auto; }
.nav ul li { float: left; width: 109px; }
.nav ul li a { width: 109px; font-size: 15px; text-align: center; color: #fff; line-height: 50px; position: relative; display: block; overflow: hidden; font-weight: bold; }
.nav ul li a:hover, .nav ul li a.current, .nav ul li .on { background-color: #fbed06; color: #333; font-weight: bold; font-size: 15px }
.nav ul li .nav_box { width: 109px; overflow: hidden; line-height: 40px; background-color: #fbed06; position: absolute; display: none; z-index: 100; text-align: center; }
.nav ul li .nav_box ul li { float: none; }
.nav ul li .nav_box ul li a { width: 109px; color: #333; height: 40px; line-height: 40px; display: block; overflow: hidden; float: none; font-size: 14px; font-weight: bold }
.nav ul li .nav_box ul li a:hover { background-color: #cf4d47; color: #fff; font-weight: bold }
/* banner */
.banner { position: relative; display: block; overflow: hidden; width: 100%; z-index: 1; clear: both; }
.slides { position: relative; }
.slides li img { display: block; width: 100% \9; max-width: 100%; height: auto; }
.flex-control-nav { position: absolute; bottom: 20px; z-index: 2; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 13px; height: 13px; margin: 0 5px; *display:inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 13px; height: 13px; line-height: 40px; overflow: hidden; cursor: pointer; background-color: #cf4d47; border-radius: 10px; }
.flex-control-nav .flex-active { background-position: 0 0; border: 1px solid #cf4d47; background-color: rgba(255,255,255,0) }
/* 标题 */
.title1 { padding-top: 40px }
.title1 h2 { font-size: 30px; color: #333333; text-align: center; }
.title1 img { margin: 10px auto 10px auto; display: block; }
.title1 h3 { font-size: 14px; color: #777777; text-align: center; width: 666px; margin: 0 auto; line-height: 24px; }
.title2 { padding-top: 25px }
.title2 h2 { font-size: 30px; color: #333333; text-align: center; }
.title2 img { margin: 10px auto 10px auto; display: block; }
.title2 h3 { font-size: 14px; color: #777777; text-align: center; width: 666px; margin: 0 auto; line-height: 24px; }
/* 选择乐轩 */
.choose_bj { background-color: #f1f1f1; padding-bottom: 13px }
.choose { margin-right: -26px; margin-top: 35px }
.choose li { width: 230px; height: 190px; float: left; padding: 0 25px; background-color: #cf4d47; margin-right: 26px; margin-bottom: 26px }
.choose li img { margin: 25px auto 15px auto; display: block;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.choose li:hover  img{ margin-top: 17px; }
.choose li h2 { font-size: 18px; color: #ffffff; }
.choose li p { font-size: 15px; color: #fad3d2; line-height: 24px; padding-top: 10px }
/* 办公装修左边  */
.subnav_bj { float: left; width: 240px; }
.subnav_title { background: url(../images/icon10.png) no-repeat; width: 240px; height: 80px; }
.subnav_title h2 { font-size: 18px; color: #333; background: url(../images/icon11.png) no-repeat 53px 13px; padding-left: 81px; padding-top: 9px }
.subnav { background-color: #cf4d47; width: 210px; padding: 0 15px; display: block; overflow: hidden; height: 450px }
.subnav .subnav_1 { display: block; overflow: hidden; padding-bottom: 20px; }
.subnav .subnav_1 h3 { background: url(../images/sub_icon1.png) no-repeat; font-size: 17px; color: #fff; padding-left: 32px; line-height: 25px; padding-bottom: 10px }
.subnav .subnav_1 h4 { background: url(../images/sub_icon2.png) no-repeat; font-size: 17px; color: #fff; padding-left: 32px; line-height: 20px; padding-bottom: 10px }
.subnav .subnav_1 h5 { background: url(../images/sub_icon3.png) no-repeat; font-size: 17px; color: #fff; padding-left: 32px; line-height: 25px; padding-bottom: 10px }
.subnav .subnav_1 ul { margin-left: 30px }
.subnav .subnav_1 ul li a { width: 90px; float: left; line-height: 30px; color: #fff; }
.subnav .subnav_1 ul li a:hover { color: #fbed06; }
/* 办公装修右边  */
.wd1 { float: right; width: 940px; }
.slideBox .case_main1 { height: 50px; line-height: 50px; background-color: #fde4e3; }
.slideBox .case_main1 li { float: left; text-align: center; font-size: 16px; color: #333; width: 188px; cursor: pointer }
.slideBox .case_main1 li.on a { background-color: #cf4d47; color: #fff; display: block; }
.slideBox .case_main2 { height: 50px; line-height: 50px; background-color: #fde4e3; }
.slideBox .case_main2 li { float: left; text-align: center; font-size: 16px; color: #333; width: 188px; cursor: pointer }
.slideBox .case_main2 li.on a { background-color: #cf4d47; color: #fff; display: block; }
.slideBox .case_main8 { height: 50px; line-height: 50px; background-color: #fde4e3; }
.slideBox .case_main8 li { float: left; text-align: center; font-size: 16px; color: #333; width: 188px; cursor: pointer }
.slideBox .case_main8 li.on a { background-color: #cf4d47; color: #fff; display: block; }
.office ul { margin-right: -20px; }
.office ul li { float: left; width: 220px; height: 220px; position: relative; margin-right: 20px; margin-top: 20px }
.office ul li img { width: 220px; height: 220px; }
.office ul li .office1_img { width: 220px; height: 220px; display: block; overflow: hidden; }
.office ul li .office1_img img { width: 220px; height: 220px; transition: .2s transform; transform: translateZ(0); }
.office ul li:hover .office1_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
.office ul li .office_t { position: absolute; bottom: 0; left: 0px; overflow: hidden; color: #fff; background: url(../images/icon12.png) no-repeat; width: 220px; height: 69px; text-align: center; font-size: 15px; line-height: 95px }
/* 办公装修内页 */
.office2 ul { margin-right: -20px; }
.office2 ul li { float: left; width: 285px; height: 285px; position: relative; margin-right: 20px; margin-top: 20px }
.office2 ul li img { width: 285px; height: 285px; }
.office2 ul li .office1_img { width: 285px; height: 285px; display: block; overflow: hidden; }
.office2 ul li .office1_img img { width: 285px; height: 285px; transition: .2s transform; transform: translateZ(0); }
.office2 ul li:hover .office1_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
.office2 ul li .office_t { position: absolute; bottom: 0; left: 0px; overflow: hidden; color: #fff; background: url(../images/icon14.png) no-repeat; width: 285px; height: 69px; text-align: center; font-size: 15px; line-height: 95px }

.office6 ul { margin-right: -16px; }
.office6 ul li { float: left; width: 288px; height: 210px; position: relative; margin-right: 16px; margin-top: 20px }
.office6 ul li img {  width: 288px; height: 210px; }
.office6 ul li .office1_img {  width: 288px; height: 210px;display: block; overflow: hidden; }
.office6 ul li .office1_img img {  width: 288px; height: 210px; transition: .2s transform; transform: translateZ(0); }
.office6 ul li:hover .office1_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
.office6 ul li .office_t { position: absolute; bottom: 0; left: 0px; overflow: hidden; color: #fff; background: url(../images/icon14.png) no-repeat; width: 288px; height: 69px; text-align: center; font-size: 15px; line-height: 95px }
/* 办公装修左边  */
.office3 ul { margin-right: -19px; }
.office3 ul li { float: left; width: 207px; height: 210px; position: relative; margin-right: 19px; margin-top: 20px }
.office3 ul li img { width: 207px; height: 210px; }
.office3 ul li .office1_img { width: 207px; height: 210px; display: block; overflow: hidden; }
.office3 ul li .office1_img img { width: 207px; height: 210px; transition: .2s transform; transform: translateZ(0); }
.office3 ul li:hover .office1_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
.office3 ul li .office_t { position: absolute; bottom: 0; left: 0px; overflow: hidden; color: #fff; background: url(../images/icon14.png) no-repeat; width: 207px; height: 69px; text-align: center; font-size: 15px; line-height: 95px }
/* 案例 */
.case_bj { background: url(../images/case_bj.jpg) no-repeat; height: 1130px; margin-top: 50px }
.case_main3 { height: 50px; line-height: 50px; border-bottom: 2px solid #cf4d47 }
.case_main3 li { float: left; text-align: center; font-size: 16px; color: #333; width: 240px; cursor: pointer; }
.case_main3 li.on a { background-color: #cf4d47; color: #fff; display: block; }
.case ul { margin-right: -16px; margin-top: 8px }
.case ul li { width: 288px; float: left; margin-right: 16px; margin-top: 16px }
.case ul li img { width: 288px; height: 210px; }
.case ul li .case_img { width: 288px; height: 210px; display: block; overflow: hidden; }
.case ul li .case_img img { width: 288px; height: 220px; transition: .2s transform; transform: translateZ(0); }
.case ul li:hover .case_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
.case ul li p { background-color: #fff; height: 43px; line-height: 43px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333 }
.case ul li:hover p { background-color: rgb(0, 0, 0, 0.8); color: #fff; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.case_t { width: 288px; height: 60px; text-align: center; }
.case_bs { background-color: #fff; }
.case_bs1 { background-color: #f1f1f1; }
.case_t .case_t1 { color: #333; line-height: 32px; font-size: 14px }
.case_t .case_t2 { color: #666; font-size: 13px }
.case_t .case_t2 i { padding: 0 8px }
.case ul li:hover .case_t { background-color: #cf4d47; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.case ul li:hover .case_t h3 { color: #fff; }
/* 团队 */
.case_main4 { height: 37px; line-height: 35px; width: 310px; margin: 0 auto; display: block; overflow: hidden }
.case_main4 li { float: left; text-align: center; font-size: 16px; color: #cf4d47; width: 127px; border: 1px solid #cf4d47; cursor: pointer; margin-right: 26px }
.case_main4 li:last-child { margin-right: 0; }
.case_main4 li.on a { background-color: #cf4d47; color: #fff; display: block; }
.team { position: relative; margin-top: 35px }
.team_img div { float: left; margin-right: 1px; }
.team .d-big img{ width:512px; height:221px;}
.team_img div:last-child { margin-right: 0; }
.team_img img { width: 100% }
.team_img .team_img2 .img1 { width: 170px; height: 220px; }
.team_img .team_img2 { margin-top: 222px }
.team_img .team_img1 { width: 341px; height: 442px; display: block; overflow: hidden; }
.team_img .team_img1 img { width: 341px; height: 442px; transition: .2s transform; transform: translateZ(0); }
.team_img .team_img1:hover img { transform: scale(1.1, 1.1); transition: .4s transform; }
.team_img .team_img2 .img1 { width: 170px; height: 220px; display: block; overflow: hidden; }
.team_img .team_img2 .img1 img { width: 170px; height: 220px; transition: .2s transform; transform: translateZ(0); }
.team_img .team_img2 .img1:hover img { transform: scale(1.1, 1.1); transition: .4s transform; }
.d-big a {position: absolute;left: 342px;width: 512px;height: 221px;text-align: center;/* display:block; *//* overflow:hidden; */top:0;}
.d-big a h2 {font-size: 24px;color: #3e3e3e;transition: all .6s ease 0s;padding-top: 57px;position: relative;top: -220px;}
.d-big a .text { font-size: 14px; color: #bdbbbb; transition: all .6s ease 0s; margin-top: 10px ;position: relative;top: -220px;}
.d-big a .saymore { font-size: 16px; color: #666666; transition: all .6s ease 0s; margin-top: 18px;position: relative;top: -220px; }
.d-big a:hover .saymore { color: #cf4d47 }
/* 效果图 */
.case_main5 { height: 50px; line-height: 50px; border-bottom: 2px solid #cf4d47 }
.case_main5 li { float: left; text-align: center; font-size: 16px; color: #333; width: 240px; cursor: pointer; }
.case_main5 li.on a { background-color: #cf4d47; color: #fff; display: block; }
.xgt_subnav { display: block; overflow: hidden; margin-right: -14px; margin-top: 12px }
.xgt_subnav ul li { float: left; color: #333; margin-right: 14px; margin-top: 10px }
.xgt_subnav ul li a { display: block; color: #333; padding: 5px 15px; border: 1px solid #333; }
.xgt_subnav ul li.on a, .xgt_subnav ul li a:hover { background-color: #cf4d47; color: #fff; border: 1px solid #cf4d47; display: block; padding: 5px 15px }
.xgt_subnav_t { display: block; overflow: hidden; margin-right: -14px; margin-top: 12px }
.xgt_subnav_t a { float: left; color: #333; margin-right: 14px; margin-top: 10px; padding: 5px 15px; border: 1px solid #333; }
.xgt_subnav_t a.on2, .xgt_subnav_t a:hover { background-color: #cf4d47; color: #fff; border: 1px solid #cf4d47; display: block; padding: 5px 15px }
.xgt_subnav_li { display: block; overflow: hidden; margin-right: -14px; margin-top: 12px }
.xgt_subnav_li a { float: left; color: #333; margin-right: 14px; margin-top: 10px; padding: 5px 15px; border: 1px solid #333; }
.xgt_subnav_li a.on, .xgt_subnav_li a:hover { background-color: #cf4d47; color: #fff; border: 1px solid #cf4d47; display: block; padding: 5px 15px }
.xgt_main ul { margin-right: -13px; margin-top: 5px }
.xgt_main ul li { float: left; margin-top: 15px; margin-right: 13px; position: relative }
.xgt_main ul li .pt_img { display: block; width: 290px; height: 240px; overflow: hidden; position: relative }
.xgt_main ul li a img { width: 290px; height: 240px; }
.xgt_main ul li a p { height: 40px; line-height: 40px; background-color: rgba(0, 0, 0, 0.8); color: #fff; text-align: center; position: absolute; top: 200px; width: 290px }
.xgt_main ul li a img { transition: all .6s ease 0s; width: 100% }
.xgt_main ul li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
/* 客户 */
.customer { margin-top: 35px; padding-bottom: 12px; }
.customer dt { width: 368px; height: 180px; float: left; padding: 30px 55px; background: url(../images/customer.jpg) no-repeat center center; }
.customer dt h3 a { font-size: 30px; font-weight: bold; color: #fff; }
.customer dt p { font-size: 14px; color: #fff; padding: 20px 0; }
.customer dt span { font-size: 28px; font-weight: bold; color: #fff; }
.customer dd { width: 238px; height: 41px; float: left; border: 1px solid #ccc; text-align: center; padding: 18px 0 60px 0; margin: 0 -1px -1px 0; -webkit-filter: grayscale(100%); filter: grayscale(100%); background: #fff; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.customer dd:hover { -webkit-filter: grayscale(0); filter: grayscale(0); box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); position: relative; z-index: 9; }
.customer dd img { width: 238px; height: 82px; }
/* 新闻 */
.case_main6 { height: 50px; line-height: 50px; border-bottom: 2px solid #cf4d47 }
.case_main6 li { float: left; text-align: center; font-size: 16px; color: #333; width: 200px; cursor: pointer; }
.case_main6 li.on a { background-color: #cf4d47; color: #fff; display: block; }
.news { padding-top: 15px; display: block; overflow: hidden }
.news ul { margin-right: -78px; }
.news ul li a { float: left; margin-right: 76px; width: 350px; padding-bottom: 10px; background: url(../images/icon13.png) no-repeat 0 6px; border-bottom: 1px dashed #eee; margin-top: 10px }
.news ul li i { float: left; font-size: 14px; width: 220px; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 15px }
.news ul li em { font-size: 13px; color: #999; padding-right: 10px; float: right; }
.news ul li a:hover i { color: #cf4d47; }
/* 底部  */
.foot_a { padding: 20px 0; background: #cf4d47; display: block; overflow: hidden; margin-top: 40px }
.faItem { float: left; width: 25%; text-align: center; }
.faItem img { vertical-align: middle; }
.faItem .txt { display: inline-block; text-align: left; color: #fff; vertical-align: middle; margin-left: 5px; }
.faItem .txt .tit { font-size: 18px; }
.foot_b { background: #333; color: #fff; padding: 20px 0; }
.fbtit { background: #616161; width: 90px; height: 33px; line-height: 33px; text-align: center; text-align: center; font-size: 16px; margin-bottom: 10px; }
.flinks { display: block; overflow: hidden }
.flinks li { padding: 6px 0; float: left; width: 9%; }
.flinks li a { color: rgba(255,255,255,.75); font-size: 14px; }
.flinks li a:hover { color: #cf4d47; }
.fb_nav { margin-top: 20px; border-top: 1px solid #b4b4b4; padding-top: 25px; }
.fb_nav a { float: left; color: #fff; margin-right: 20px; font-size: 13px; }
.fb_nav a:hover { color: #cf4d47; }
.copyright { margin-top: 50px; margin-bottom: 15px; }
.copyright p { font-size: 14px; line-height: 24px }
.copyright p  a{ color:#fff;  padding-left:10px;}
.fb_bot { position: relative; }
.fb_bot .wxin { position: absolute; right: 320px; top: 15px; }
.fb_bot .wxin img { width: 130px; height: 130px; }
.fb_bot .dh { position: absolute; right: 0 }
.fb_bot .dh .p1 { font-size: 16px; color: #fff; text-align: right; padding-top: 45px }
.fb_bot .dh .p2 { font-size: 30px; color: #fbed06; }
/* 内页banner  */
.banner_zt { background: url(../images/banner_zt.jpg) no-repeat 50% 0; width: 100%; height: 400px; overflow: hidden; display: block; }
.banner_about { background: url(../images/banner_about.jpg) no-repeat 50% 0; width: 100%; height: 400px; overflow: hidden; display: block; }
.banner_team { background: url(../images/banner_team.jpg) no-repeat 50% 0; width: 100%; height: 400px; overflow: hidden; display: block; }
/* 位置  */
.location { background: url(../images/local.png) no-repeat 0 10px; font-size: 14px; color: #666; padding-left: 20px; padding-bottom: 1px; padding-top: 10px }
.location a { color: #999; }
.location a:hover { color: #cf4d47; }
/* 专题团队  */
.team_zt1 { width: 722px; float: left; }
.team_zt1 .team_zt_img1 { width: 306px; height: 395px; display: block; overflow: hidden; float: left; }
.team_zt1 .team_zt_img1 img { width: 306px; height: 395px; transition: .2s transform; transform: translateZ(0); }
.team_zt1:hover .team_zt_img1 img { transform: scale(1.1, 1.1); transition: .4s transform; }
.team_zt1 .team_zt_t1 { width: 344px; height: 395px; padding: 0 30px; background-color: #f1f1f1; float: left }
.team_zt1 .team_zt_t1 h2 { font-size: 20px; font-weight: bold; color: #cf4d47; margin-top: 60px; margin-bottom: 15px }
.team_zt1 .team_zt_t1 h2 i { font-size: 18px; font-weight: normal; color: #333333; padding-left: 10px }
.team_zt1 .team_zt_t1 p { font-size: 14px; color: #333; line-height: 24px; margin: 7px 0; }
.team_zt1 a .team_zt_t1 .more1 { font-size: 14px; color: #cf4d47; margin-top: 20px; font-weight: bold; display: block }
.team_zt2 { float: left; width: 478px; }
.team_zt2 ul { margin-left: -11px; }
.team_zt2 ul li { float: left; width: 150px; height: 192px; display: block; overflow: hidden; margin-left: 11px; margin-bottom: 11px }
.team_zt2 ul li img { width: 150px; height: 192px; transition: .2s transform; transform: translateZ(0); }
.team_zt2 ul li:hover img { transform: scale(1.1, 1.1); transition: .4s transform; }
/* 专题装修列表 */
.case_lb { padding-top: 10px; margin-top: 20px }
.case_lb .case_fl { display: block; overflow: hidden; }
.case_lb .case_fl:last-child { border-bottom: 0; }
.case_lb .case_fl label { font-size: 15px; color: #666; float: left; font-weight: bold; width: 55px; padding-top: 10px; padding-left: 28px }
.case_lb .case_fl .babel1 { background: url(../images/icon15.png) no-repeat 0 10px; }
.case_lb .case_fl .babel2 { background: url(../images/icon15.png) no-repeat 0 10px; }
.case_lb .case_fl .babel3 { background: url(../images/icon16.png) no-repeat 0 10px; }
.case_lb .case_fl .babel4 { background: url(../images/icon17.png) no-repeat 0 10px; }
.case_lb .case_fl .case_nav { float: right; font-size: 14px; width: 1117px; padding: 6px 0 8px 0 }
.case_lb .case_fl .case_nav a { margin-right: 15px; padding: 0px 10px; color: #666;/* margin-bottom: 20px; */ line-height: 30px; }
.case_lb .case_fl .case_nav a.on3, .case_lb .case_fl .case_nav a:hover { padding: 3px 10px; background-color: #cf4d47; color: #fff; border-radius: 5px }
/* 分页 */
.page { text-align: center; font-size: 12px; font-family: '\5b8b\4f53'; clear: both; padding-top: 35px; }
.page a { display: inline-block; margin: 0 5px; height: 24px; line-height: 24px; padding: 0 8px; border: #a3a3a3 solid 1px; border-radius: 2px; color: #a3a3a3; }
.page i { width: 0; height: 0; line-height: 0; display: block; border-width: 5px; border-style: solid; Filter: Chroma(color=color); position: absolute; top: 7px; }
.page .first { padding-left: 20px !important; position: relative; }
.page .last { padding-right: 20px !important; position: relative; }
.page .first i { border-color: transparent #a3a3a3 transparent transparent; left: 5px; }
.page .last i { border-color: transparent transparent transparent #a3a3a3; right: 5px; }
.page a:hover { color: #a3a3a3; border: #a3a3a3 solid 1px; text-decoration: none; }
.page .on { color: #FFF !important; border: #a3a3a3 solid 1px; background: #a3a3a3; }
/* 专题装修详情 */
.server_l { width: 885px; margin-top: 30px }
.server_l h2 { font-size: 24px; text-align: center; color: #000; line-height: 40px; }
.server_l h3 { font-size: 14px; color: #979696; text-align: center; line-height: 30px; }
.connected-carousels { width:80%; margin:20px auto;}
.connected-carousels img { width: 100%; }
.carousel_t h2 { font-size: 18px; color: #cf4d47; background: url(../images/ser_icon.png) no-repeat 0 10px; text-align: left; padding-left: 15px }
.carousel_t p { font-size: 14px; color: #666666; line-height: 28px; }
.carousel_t img { text-align: center; display: block; margin: 10px auto }
.zx img { margin: 15px 0; }
.zx p { font-size: 14px; color: #cf4d47; font-weight: bold; line-height: 24px; }
.page_text { font-size: 14px; padding: 10px 0px; margin-top: 10px; color: #cf4d47; display: block; overflow: hidden; }
.page_text p { line-height: 30px; height: 30px; overflow: hidden; font-weight: bold; }
.page_text p a { color: #3f3f3f; font-weight: normal; }
/* 专题装修详情团队 */
#pro_div1 { width: 885px; margin: 20px auto 0 auto; overflow: hidden; position: relative; }
#pro_list1 { width: 885px; margin: 0 auto; }
#pro_list1 ul li { float: left; width: 198px; margin-right: 30px }
#pro_list1 ul li .team_1 { width: 198px; height: 225px; display: block; overflow: hidden; float: left; }
#pro_list1 ul li .team_1 img { width: 198px; height: 225px; transition: .2s transform; transform: translateZ(0); }
#pro_list1 ul li:hover .team_1 img { transform: scale(1.1, 1.1); transition: .4s transform; }
#pro_list1 ul li p { width: 198px; padding: 0; background-color: #f1f1f1; color: #cf4d47; text-align: center; line-height: 36px }
#pro_list1 ul li p i { color: #333; padding-left: 5px }
.title3 { width: 885px; border-bottom: 2px solid #cf4d47; display: block; overflow: hidden; margin-top: 30px }
.title3 p { padding: 10px; font-size: 18px; color: #fff; text-align: center; background-color: #cf4d47; float: left }
/* 右边1 */
.zx_right { width: 270px; padding-right: 10px }
.gg1 { margin-bottom: 20px; }
.gg3 { margin-top: 20px; }
.list1_r { padding: 10px; box-shadow: 0px 6px 10px #ccc; width: 250px; margin-top: 20px; display: block; overflow: hidden }
.list1_title h2 { font-size: 18px; color: #cf4d47; background: url(../images/ser_icon.png) no-repeat 0 3px; text-align: left; padding-left: 15px; margin-top: 8px }
.list1_n { margin-top: 8px }
.list1_n ul li a { font-size: 14px; color: #666; background: url(../images/icon13.png) no-repeat 0 6px; width: 210px; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px }
.list1_n ul li a:hover { color: #cf4d47; }
.list1_r .bq { width: 120px; height: 36px; line-height: 36px; background-color: #cf4d47; text-align: center; color: #fff; float: left; overflow: hidden; display: block; margin-top: 10px; margin-right: 10px }
.list1_r .bq a { color: #fff; }
.klist { padding-top: 5px; }
.klist ul li { height: 32px; line-height: 32px; position: relative; }
.klist ul li i { width: 20px; height: 20px; line-height: 20px; text-align: center; background: #f4f4f4; display: inline-block; vertical-align: middle; margin-right: 3px; }
.klist ul li.lic i { background: #cf4d47; color: #fff; }
.klist ul li a { position: absolute; left: 25px; top: 0; right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666; }
.klist ul li a:hover { color: #cf4d47; }
/* 关于我们左边  */
.about { position: relative; top: -30px }
.subnav_left { width: 220px; }
.column { width: 190px; height: 100px; background-color: #cf4d47; padding: 30px 0 0 30px }
.column .x { width: 70px; height: 1px; background-color: #fff; }
.column h2 { font-size: 22px; color: #fff; padding: 15px 0 5px 0 }
.column h3 { font-size: 12px; color: #cad8f8; }
.accordion { border-left: 1px solid #dcdbdb; border-right: 1px solid #dcdbdb; }
.accordion .link { cursor: pointer; display: block; padding: 15px 15px 15px 42px; color: #333; font-size: 15px; font-weight: 700; background: url(../images/rjt_ico.png) no-repeat 188px center; position: relative; border-bottom: 1px solid #dcdbdb; width: 161px; }
.accordion .link a { color: #666; display: block }
.accordion .link a:hover { color: #cf4d47; }
.accordion .link a.on { color: #cf4d47; }
.accordion li i.fa-chevron-down { right: 12px; left: auto; font-size: 16px; }
.accordion li.open .link { color: #004da1; }
/* 关于我们右边  */
.about_main { width: 950px; margin-top: 65px }
.online h1 { height: 40px; background: #f0f0f0 url(../images/local.png) no-repeat 20px center; width: 100%; padding-left: 45px; color: #787878; }
.online h1 { font-size: 12px; line-height: 40px; }
.online a { color: #787878; font-size: 12px; }
.online a:hover { color: #cf4d47; font-size: 12px; }
.online a.xz { color: #cf4d47; }
.about_body { margin-top: 30px; }
.about_body p { font-size: 14px; color: #666; line-height: 28px; text-indent: 2em; }
.contact { margin-top: 30px; }
.contact h2 { font-size: 20px; color: #333; }
.contact p { font-size: 14px; color: #333; line-height: 30px; }
.con_p1 { background: url(../images/icon18.png) no-repeat 0 6px; padding-left: 25px }
.con_p2 { background: url(../images/icon19.png) no-repeat 0 6px; padding-left: 25px }
/* 团队列表  */
.team_ny ul { margin-right: -56px; margin-top: -20px }
.team_ny ul li { float: left; width: 570px; margin-right: 56px; margin-top: 50px }
.team_ny ul li .team_ny_img { width: 270px; height: 347px; display: block; overflow: hidden; float: left; }
.team_ny ul li .team_ny_img img { width: 270px; height: 347px; transition: .2s transform; transform: translateZ(0); }
.team_ny ul li:hover .team_ny_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
.team_ny_t { float: left; width: 260px; background-color: #f1f1f1; height: 347px; padding: 0 20px }
.team_ny_t h2 { font-size: 20px; font-weight: bold; color: #cf4d47; margin-top: 60px; margin-bottom: 15px }
.team_ny_t h2 i { font-size: 18px; font-weight: normal; color: #333333; padding-left: 10px }
.team_ny_t p { font-size: 14px; color: #333; line-height: 24px; margin: 7px 0; }
.team_ny_t .team_p { height: 70px; overflow: hidden; }
.team_ny ul li a .team_ny_t .more1 { font-size: 14px; color: #cf4d47; margin-top: 20px; font-weight: bold; display: block }
/* 团队详情  */
.team_xq { width: 1200px; margin-top: 30px; display: block; overflow: hidden; clear: both }
.team_xq .team_xq_img img { width: 238px; height: 310px; }
.sj_infor { width: 615px; margin-left: 30px; line-height: 1.7; color: #666; }
.sj_infor span { color: #333; font-weight:bold }
.sj_name { font-size: 20px; color: #111; }
.sj_name span {/* background: #B12031; */ color: #333; font-size: 15px; padding: 1px 4px; color: #cf4d47 }
.sj_name i { font-size: 14px; color: #333; padding-left: 10px }
.sj_name i em { color: #cf4d47; }
.sj_a { padding: 0px 0 10px 0; }
.sj_a li.li1 span { margin-right: 20px; }
.sj_lc { font-size: 14px;/* padding: 10px 0 4px; */ color: #fff; width: 90px; height: 30px; background-color: #cf4d47; text-align: center; line-height: 30px; margin-bottom: 5px }
.sj_b { line-height: 1.5; margin-bottom: 10px; }
/* 设计师作品  */
.title4 { width: 1200px; border-bottom: 2px solid #cf4d47; display: block; overflow: hidden; padding-top: 30px; clear: both }
.title4 p { padding: 10px; font-size: 18px; color: #fff; text-align: center; background-color: #cf4d47; float: left }
.ali_top { height: 190px; background: #eee; padding: 10px 0 10px 10px; margin-top: 30px }
.ali_user { padding-top: 14px; width: 150px; text-align: center; }
.ali_user .img { display: inline-block; }
.ali_user img { height: 158px; width: 122px; margin: 0; }
.ali_user p { padding-top: 10px; font-size: 14px; color: #333; }
.ali_infor { height: 170px; }
.ali_infor .xinming { font-size: 20px; color: #cf4d47; font-weight: bold; margin-top: 20px }
.ali_infor .xinming i { font-size: 14px; color: #333; font-weight: normal; margin-left: 30px }
.ali_infor ul { padding-left: 30px; font-size: 14px; }
.ali_infor li { padding: 10px 0; }
.ali_infor li span { color: #999; }
.ali_infor li a { margin-right: 10px; }
.team_zpxq1 { margin-top: 50px; }
.team_zpxq1 h2 { width: 160px; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #cf4d47; }
.team_zp_xq img { text-align: center; display: block; margin: 0 auto; margin-top: 20px; width:65%;}
/* 效果图列表 */
.wrap-page { background: #f5f5f5; padding-bottom: 15px; }
.w-tags { color: #333; font-size: 14px; border: 1px solid #f1f1f1; margin-top: 30px; width: 1198px }
.w-tags em, .w-tags a { color: #666; }
.buhuanhang { display : inline; }
.w-sear-menu { background: #fff; padding: 15px; }
.w-sear-item { font-size: 13px; position: relative; min-height: 35px; line-height: 35px; padding-left: 35px; padding-bottom: 2px; padding-top: 2px; }
.w-sear-menu label { position: absolute; left: 0; top: 2px; font-size: 15px; font-weight: bold; }
.w-sear-nav a { float: left; padding: 2px 5px; line-height: normal; margin: 6px 9px; color: #666; }
.w-sear-nav a.w-all, .w-sear-nav a:hover { background: #cf4d47; color: #fff !important; border-radius: 5px; }
.w-sear-menu-pic .w-sear-item { padding-left: 75px; }
.w-sear-menu .w-sear-nav.in { height: 33px; overflow: hidden; width: 97%; }
.w-sear-menu .w-sear-nav.on { height: auto; }
.pic_icon { display: none; position: absolute; right: 10px; top: 10px; cursor: pointer; }
/* 效果图详情 */
.xgt_left { width: 885px; }
.choose1 { margin-right: -17px; margin-top: 3px; display: block; overflow: hidden }
.choose1 ul li { width: 158px; height: 140px; float: left; padding: 0 25px; background-color: #cf4d47; margin-right: 17px; margin-top: 17px }
.choose1 ul li img { margin: 15px auto 10px auto; display: block; width: 22% }
.choose1 ul li h2 { font-size: 16px; color: #ffffff; text-align: left }
.choose1 ul li p { font-size: 14px; color: #fde5e4; line-height: 20px; padding-top: 8px }
.xgt_main1 ul { margin-right: -9px; margin-top: 7px; display: block; overflow: hidden }
.xgt_main1 ul li { float: left; margin-top: 9px; margin-right: 9px; position: relative }
.xgt_main1 ul li .pt_img { display: block; width: 214px; height: 177px; overflow: hidden; position: relative }
.xgt_main1 ul li a img { width: 214px; height: 177px; }
.xgt_main1 ul li a p { height: 40px; line-height: 40px; background-color: rgba(0, 0, 0, 0.8); color: #fff; text-align: center; position: absolute; top: 137px; width: 214px }
.xgt_main1 ul li a img { transition: all .6s ease 0s; width: 100% }
.xgt_main1 ul li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.news_li { padding-top: 15px; display: block; overflow: hidden }
.news_li ul { margin-right: -70px; }
.news_li ul li a { float: left; margin-right: 70px; width: 232px; padding-bottom: 10px; background: url(../images/icon13.png) no-repeat 0 6px; border-bottom: 1px dashed #eee; margin-top: 10px; font-size: 14px; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 15px }
.news_li ul li a:hover { color: #cf4d47; }
/* 效果图详情右边 */
.right_li { padding: 10px; box-shadow: 0px 6px 10px #ccc; width: 250px; margin-top: 20px; display: block; overflow: hidden; margin-bottom: 20px }
.right_li ul { margin-right: -10px; margin-top: 8px; }
.right_li ul li a { width: 120px; height: 36px; line-height: 36px; background-color: #f1f1f1; text-align: center; color: #fff; float: left; overflow: hidden; display: block; margin-top: 10px; color: #333; margin-right: 10px }
.right_li ul li a:hover { background-color: #cf4d47; color: #fff; }
.zx_lca li { border-bottom: 1px solid #E1E1E1; }
.za_tit { padding: 0 15px; height: 43px; line-height: 43px; font-size: 16px; background: url(../images/icon13.png) no-repeat 0 18px }
.za_tit .fa-angle-down { margin-top: 14px }
.sub_za { display: none; border-top: 1px solid #E1E1E1; }
.sub_za a { display: block; font-size: 14px; color: #666; padding: 5px 25px; }
.zx_lca li.in .za_tit { color: #cf4d47; }
.zx_lca li.in .za_tit .fa-angle-down { color: #cf4d47; transform: rotate(180deg); }
.zx_lca li.in .sub_za { display: block; }
.zx_lca li:last-child { border-bottom: none; }
.tagss { margin: 0 -5px; }
.tagss a { display: inline-block; background: #f5f5f5; min-width: 58px; float: left; text-align: center; line-height: 32px; color: #666; margin-top: 10px; margin-left: 5px; margin-right: 5px; }
.tagss h3 { display: inline-block; font-size: 12px; }
/* 新闻列表*/
.hot_box { background: #fff; margin-bottom: 20px }
.hot_item { padding: 15px 0; display: block; overflow: hidden }
.hot_item .himg img { width: 210px; height: 150px; }
.hot_item .info { width: 632px; border-left: 1px solid #ccc; padding-left: 20px; height: 150px }
.hot_item .info .title { font-weight: bold; font-size: 18px; color: #2c2c2c; background: url(../images/ser_icon.png) no-repeat 0 4px; padding-left: 13px }
.hot_item .info:hover .title { color: #cf4d47 }
.info_tags a { color: #666; display: inline-block; padding: 3px 6px; margin: 1px 2px; background: #e5e9e8; }
.info_tags a.in, .info_tags a:hover { background: #cf4d47; color: #fff; }
.info_tags { margin: 4px 0 }
.hot_item .info p { color: #666; padding-bottom: 10px; font-size: 14px; height: 30px; overflow: hidden; margin-bottom: 10px; }
.info_bot { display: block; overflow: hidden; margin: 15px 0 8px 0 }
.info_bot .time { background: url(../images/time.png) no-repeat 0 1px; padding-left: 23px; color: #666 }
.views { background: url(../images/views.png) no-repeat; padding-left: 23px; margin-left: 50px; color: #666; }
.case_main7 { height: 50px; line-height: 50px; border-bottom: 2px solid #cf4d47 }
.case_main7 li { float: left; text-align: center; font-size: 16px; color: #333; width: 177px; cursor: pointer; }
.case_main7 li.on a { background-color: #cf4d47; color: #fff; display: block; }
/* 新闻专题*/
.new { width: 580px; margin-top: 30px }
.thd_a a { float: left; border-left: 1px solid #d9d9d9; line-height: 20px; padding: 0 9px; margin-top: 10px; font-size: 13px; color: #666; min-width: 50px; text-align: center; }
.lc_inv { width: 100%; border-bottom: 1px solid #cf4d47; display: block; overflow: hidden }
.lc_inv .thd { margin-bottom: 20px; }
.lc_inv .thd li.right { float: right; margin: 0; }
.lc_inv .thd li.right a { font-size: 12px; color: #666; line-height: 40px }
.lc_inv .thd li.right a:hover { color: #cf4d47; }
.lc_inv .thd .on a { float: left; width: 95px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #cf4d47; font-size: 18px }
.new1 ul li { border-bottom: 1px dashed #ccc; margin-top: 10px; padding: 5px 0 }
.new1 ul li .new_img { width: 280px; height: 180px; display: block; overflow: hidden; float: left; }
.new1 ul li .new_img img { width: 280px; height: 201px; transition: .2s transform; transform: translateZ(0); }
.new1 ul li:hover .new_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
.new1 ul li h3 { font-size: 14px; color: #cf4d47; line-height: 28px; }
.new_w { width: 280px; display: block; overflow: hidden; margin-top: 8px }
.new_w ul li { font-size: 14px; color: #666; background: url(../images/icon13.png) no-repeat 0 11px; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px }
.new_w ul li a { color: #666; }
.new_w ul li a:hover { color: #cf4d47; }
.gg4 img { padding-top: 25px; }
/* 案例  */
.case_lb1 {/* border: 1px solid #f1f1f1; *//* padding: 10px; */ margin-top: 20px; }
.case_lb1 .case_fl { border: 1px dashed #f1f1f1; display: block; overflow: hidden; padding: 10px; margin-top: 10px }
.case_lb1 .case_fl:last-child { border-bottom: 0; }
.case_lb1 .case_fl label { font-size: 15px; color: #666; float: left; font-weight: bold; width: 42px; padding-top: 10px }
.case_lb1 .case_fl .case_nav { float: right; font-size: 14px; width: 1130px; padding: 8px 0 }
.case_lb1 .case_fl .case_nav a { margin-right: 15px; padding: 3px 10px; color: #666; }
.case_lb1 .case_fl .case_nav a.on3, .case_lb1 .case_fl .case_nav a:hover { padding: 3px 10px; background-color: #cf4d47; color: #fff; border-radius: 5px }
/* 案例详情  */
.case_xq { width: 1200px; margin-top: 30px }
.case_xq h2 { font-size: 24px; text-align: center; color: #000; line-height: 40px; }
.case_xq h3 { font-size: 14px; color: #979696; text-align: center; line-height: 30px; }
/* 网站地图  */
.map_ny { width: 1200px; display: block; overflow: hidden; margin-top: 20px }
.map_ny h2 { font-size: 18px; color: #000; line-height: 60px; border-bottom: 1px dashed #ccc; }
.map_ny h2 a { color: #333; }
.map_ny p { font-size: 14px; color: #000; line-height: 50px; }
.map_ny p a { margin-right: 80px; color: #666; }
.map_ny p a:hover { color: #cf4d47; }
.loupan { max-width: 1200px; margin: 30px auto 0 auto; display: block; overflow: hidden; }
