@charset "UTF-8";

/*通用*/
body { font-family: "Noto Sans S Chinese Light", NotoSansHans-Light, 微软雅黑;  min-width: 1200px;background:#fff;overflow:hidden;}
.body-color {background: #ffffff;}

/*图片放大*/
.scale_img dl img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 1s linear 0s; }
.scale_img dl:hover img, .scale_img li:hover img { -webkit-transform: scale(1.1) rotate(0deg) translateY(0); -ms-transform: scale(1.1) rotate(0deg) translateY(0); transform: scale(1.1) rotate(0deg) translateY(0); }
.scale_img2 img { -o-transition: all 1s linear 0s; transition: all 1s linear 0s; }
.scale_img2:hover img { -webkit-transform: scale(1.1) rotate(0deg) translateY(0); -ms-transform: scale(1.1) rotate(0deg) translateY(0); transform: scale(1.1) rotate(0deg) translateY(0); }

/*阴影*/
.shadow_box dl dd, .shadow_box li { background: #fff; }
.shadow_box dl, .shadow_box li { -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.shadow_box dl:hover, .shadow_box li:hover { -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.35); box-shadow: 0 0 18px rgba(0, 0, 0, 0.35); }
.shadow dl, .shadow li img { -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.35); box-shadow: 0 0 18px rgba(0, 0, 0, 0.35); }

/*标题*/
h2 { position: relative; text-align: center; }
h2, h2 a { font-size: 30px; font-weight: bold; line-height: 100%; color: #000; }
h2 strong { font-size: 42px; color: #69BD60; }
h2 span { display: block; font-size: 16px; line-height: 100%; font-weight: normal; color: #8C8C8C; padding-top: 12px; }
h2 a:hover { color: #000; }
h2 a:hover strong { color: #69BD60; }
h2:before, h2:after { position: absolute; content: ""; width: 485px; border-top: 1px solid rgba(0, 0, 0, 0.1); top: 22px; }
h2:before { left: 0; }
h2:after { right: 0; }
.feature h2:before, .feature h2:after { background: rgba(255, 255, 255, 0.3); }

/*-----*/
/*长沙办公家具*/
.intro { overflow: hidden; padding-top: 52px; }
.intro .content { position: relative; height: 431px; }
.intro h3 { float: left; width: 254px; height: 300px; background: url(img/i_bg.png) no-repeat right 213px; padding-top: 88px; font-size: 16px; color: #4B4B4D; line-height: 100%; font-weight: normal; }
.intro h3 span { font-size: 30px; display: block; line-height: 100%; padding-top: 6px; font-weight: bold; }
.intro h3 em { padding-top: 72px; position: relative; display: inline-block; font-size: 22px; color: #86DC7C; text-transform: uppercase; line-height: 22px; }
.intro h3 em i { display: block; color: #69BD60; font-weight: bold; }
.intro h3 em:before { position: absolute; content: ""; width: 19px; height: 1px; background: #86DC7C; top: 60px; right: 0; }
.intro h3 em:after { position: absolute; content: ""; width: 16px; height: 16px; background: #69BD60; bottom: -43px; right: 0; }
.intro ul { float: left; padding-top: 89px; padding-left: 116px; }
.intro ul li { padding-left: 47px; background: url(img/fe01.png) no-repeat left top; margin-bottom: 32px; }
.intro ul li:nth-child(2) { background-image: url(img/fe02.png); }
.intro ul li:last-child { background-image: url(img/fe03.png); }
.intro ul li a { font-size: 22px; color: #616161; line-height: 22px; }
.intro ul li a span { display: block; font-size: 16px; line-height: 16px; padding-bottom: 9px; color: #909090; }
.intro ul li a span i { color: #69BD60; }
.intro .pic { position: absolute; left: 900px; top: -52px; }

/*伟豪办公家具*/
.feature { background: url(img/fe_bg.jpg) no-repeat center top; margin-top: -44px; height: 542px; padding-top: 82px; box-sizing: border-box; overflow: hidden; }
.feature h2 a { font-size: 30px; font-weight: bold; color: #fff; }
.feature h2 a strong { color: #86DC7C; font-size: 30px; }
.feature h2 span { color: #CFCFCF; padding-top: 9px; }
.feature ul { overflow: hidden; padding-top: 38px; }
.feature ul li { width: 220px; height: 334px; padding-top: 33px; float: left; text-align: center; margin-right: 25px; transition: all 1s; }
.feature ul li em { display: block; width: 96px; height: 96px; margin: 0 auto; background: #fff; border-radius: 50%; font-size: 55px; color: #4B4B4D; line-height: 90px; }
.feature ul li span { display: block; font-size: 14px; line-height: 26px; color: #fff; padding: 24px 58px 27px; }
.feature ul li a { display: block; width: 88px; height: 29px; margin: 0 auto; border: 2px solid #fff; font-size: 14px; line-height: 29px; color: #fff; }
.feature ul li:last-child { margin-right: 0; }
.feature ul li.cur { background: #69BD60; }
.feature ul li.cur em { color: #69BD60; }
.feature ul li.cur a { background: #fff; color: #69BD60; }

/*专属解决方案*/
.project { padding-top: 69px; position: relative; height: 669px; }
.project h2 { padding-bottom: 51px; }
.project ul { width: 311px; }
.project ul li { width: 98px; float: left; padding-top: 52px; height: 158px; position: relative; margin-bottom: 58px; transition: all 1s; }
.project ul li img { width: 47px; }
.project ul li em { display: block; font-size: 18px; color: #000; padding-top: 18px; padding-bottom: 40px; }
.project ul li i { display: block; width: 27px; height: 27px; background: #F1F1F1; border-radius: 50%; font-size: 16px; color: #666666; line-height: 27px; text-align: center; }
.project ul li span { display: none; }
.project ul li:nth-child(2n) { margin-left: 115px; }
.project ul li:hover img, .project ul li:hover em, .project ul li:hover i { display: none; }
.project ul li:hover span { display: block; position: absolute; top: 52px; font-size: 14px; color: #69BD60; line-height: 25px; font-weight: bold; }
.project ul li:hover span:after { position: absolute; content: ""; width: 70px; height: 1px; background: #69BD60; bottom: -37px; left: 0; }
.project .pic img { position: absolute; }
.project .pic img:first-child { top: 188px; left: 357px; }
.project .pic img:last-child { top: 321px; left: 279px; }

/*全系产品*/
.product { padding-top: 19px; height: 952px; }
.product h2:before, .product h2:after { width: 510px; }
.product h2 { padding-bottom: 50px; }
.product dl { width: 286px; height: 361px; float: left; margin-right: 40px; margin-left: 40px; margin-bottom: 18px; }
.product dl dt a { width: 286px; height: 286px; overflow: hidden; display: block; }
.product dl dt a img { width: 286px; height: 286px; }
.product dl dd { height: 75px; background: #fff url(img/pro_i.png) no-repeat 235px center; }
.product dl dd h4 { font-size: 16px; color: #000; line-height: 100%; padding-top: 20px; padding-left: 31px; transition: all 1s; }
.product dl dd h4 span { display: block; font-size: 10px; font-weight: normal; color: #B3B3B3; text-transform: uppercase; padding-top: 4px; }
.product dl:nth-child(4n) { margin-right: 40px; }
.product dl:hover dt a img { -webkit-filter: brightness(0.5); filter: brightness(0.5); }
.product dl:hover dd { background-image: url(img/pro_ih.png); }
.product dl:hover dd h4 { color: #6ABE61; font-weight: bold; }

/*案例欣赏*/
.case { background: url(img/case_bg.jpg) no-repeat center top; height: 1034px; }
.case h2 { padding-top: 70px; padding-bottom: 30px; margin: 0 18px; text-align: left; }
.case h2 a, .case h2 span { color: #fff; }
.case h2 a.more { float: right; font-size: 14px; line-height: 15px; border-bottom: 1px solid #fff; }
.case h2:before, .case h2:after { display: none; }
.case_con dl { width: 1120px; padding: 42px 40px; height: 698px; margin: 18px; background: #fff; }
.case_con dl dt { overflow: hidden; }
.case_con dl dt img { float: left; }
.case_con dl dt img:first-child { width: 554px; height: 554px; }
.case_con dl dt img:nth-child(2), .case_con dl dt img:nth-child(3) { width: 274px; height: 274px; margin-left: 8px; margin-bottom: 8px; }
.case_con dl dt img:last-child { width: 556px; height: 272px; margin-left: 8px; }
.case_con dl dd h4 a { display: block; padding-top: 47px; padding-bottom: 20px; font-size: 18px; color: #000; line-height: 100%; font-weight: bold; }
.case_con dl dd p { width: 844px; font-size: 14px; color: #999; line-height: 24px; }
.case_con dl dd a.online { width: 86px; height: 31px; border: 1px solid #6ABE61; font-size: 12px; color: #69BD60; line-height: 29px; text-align: center; display: block; float: right; font-weight: bold; transition: .3s; }
.case_con dl dd a.online:hover { color: #fff; background: #6ABE61; }
.case .content { position: relative; width: 1236px; }
.case .switch { position: absolute; top: 524px; opacity: .7; width: 35px; height: 78px; }
.case .c_prev { left: -50px; }
.case .c_next { right: -50px; }
.case .switch:hover { opacity: 1; }

/*好品质*/
.quality h2:before, .quality h2:after { width: 430px; }
.q_con { padding-top: 38px; padding-bottom: 100px; }
.q_con dl { overflow: hidden; }
.q_con dl dt { float: right; width: 744px; height: 344px; }
.q_con dl dd { float: left; width: 456px; box-sizing: border-box; padding-left: 83px; padding-top: 33px; padding-right: 67px; }
.q_con dl dd em { display: block; padding-left: 40px; font-size: 24px; color: #69BD60; line-height: 100%; padding-top: 53px; padding-bottom: 18px; font-weight: bold; }
.q_con dl dd span { display: block; padding-left: 40px; font-size: 14px; color: #666; line-height: 26px; }
.q_con dl:nth-child(2n) dt { float: left; }
.q_con dl:nth-child(2n) dd { float: right; padding-top: 36px; padding-left: 65px; padding-right: 90px; text-align: right; }
.q_con dl:nth-child(2n) dd em, .q_con dl:nth-child(2n) dd span { padding-left: 0; padding-right: 36px; }
.q_con dl:nth-child(2n) dd em { padding-top: 39px; }
.q_con dl:nth-child(3) dd { padding-top: 47px; }
.q_con dl:nth-child(3) dd em { padding-top: 41px; }
.q_con dl:nth-child(2) dt { position: relative; }
.q_con dl:nth-child(2) dt img:last-child { position: absolute; top: 19px; right: -21px; z-index: 2; }

/*快捷响应*/
.fast { background: url(img/fast_bg.jpg) no-repeat center top; height: 350px; padding-top: 72px; }
.fast h2 { padding-bottom: 73px; }
.fast h2 a { color: #fff; }
.fast h2 span { color: #ccc; }
.fast h2:before, .fast h2:after { width: 340px; background: rgba(255, 255, 255, 0.3); }
.fast dl { width: 335px; float: left; margin-right: 96px; }
.fast dl dt { width: 77px; height: 116px; float: left; text-align: center; }
.fast dl dt span { display: block; width: 57px; height: 20px; background: #69BD60; border-radius: 4px; font-size: 12px; color: #000; line-height: 20px; margin: 8px auto; }
.fast dl dd { float: right; width: 206px; font-size: 14px; line-height: 26px; color: #fff; padding-top: 28px; padding-left: 52px; position: relative; }
.fast dl dd:before { position: absolute; content: ""; width: 1px; height: 28px; background: rgba(31, 99, 23, 0.4); top: 48px; left: 32px; }
.fast dl:last-child { margin-right: 0; }

/*省心售后*/
.service { padding-top: 71px; height: 460px; }
.service h2:before, .service h2:after { width: 360px; }
.service h2 { padding-bottom: 29px; }
.ser_con { margin-top: 133px; }
.ser_con .sp { width: 277px; height: 236px; background: rgba(221, 221, 221, 0.4); position: relative; }
.ser_con .sp .s_person { position: absolute; top: -133px; left: 40px; z-index: 2; }
.ser_con .sp .s_title { width: 34px; height: 176px; border: 1px solid #E5E5E5; position: absolute; top: 24px; left: 194px; background: #fff; text-align: center; letter-spacing: 4px; word-wrap: break-word; line-height: 14px; padding-top: 13px; }
.ser_con .sp .s_word { position: absolute; top: -104px; left: 195px; height: 78px; background: url(img/s_w1_bg.png) no-repeat left bottom; }
.ser_con .sp .s_word p { white-space: nowrap; color: #666; line-height: 20px; }
.ser_con .sp .s_word:before, .ser_con .sp .s_word:after { position: absolute; content: ""; width: 19px; height: 15px; background: url(img/s_i1.png) no-repeat center top; }
.ser_con .sp .s_word:before { left: -30px; }
.ser_con .sp .s_word:after { right: -30px; top: 40px; background-image: url(img/s_i2.png); }
.ser_con .sp1 { float: left; }
.ser_con .sp2 { float: right; }
.ser_con .sp2 .s_person { top: -124px; left: 70px; }
.ser_con .sp2 .s_title { height: 157px; top: 22px; left: 189px; }
.ser_con .sp2 .s_word { left: -192px; top: -105px; height: 80px; background: url(img/s_w2_bg.png) no-repeat right bottom; }
.ser_con .s_con { float: left; width: 646px; height: 236px; background: #69BD60; font-size: 16px; line-height: 30px; color: #fff; padding-top: 75px; padding-left: 157px; box-sizing: border-box; }
.ser_con .s_con p { padding-left: 28px; position: relative; }
.ser_con .s_con p:before { position: absolute; content: ""; width: 9px; height: 9px; border-radius: 50%; border: 2px solid #fff; left: 0; top: 9px; }

/*新闻聚焦*/
.news { padding-top: 78px; height: 540px; }
.news_con { width: 368px; float: left; margin-right: 48px; }
.news_con h3 { padding-top: 46px; padding-bottom: 28px; }
.news_con h3 a { font-size: 18px; font-weight: bold; color: #333; line-height: 100%; }
.news_con dl dt { width: 368px; height: 184px; position: relative; overflow: hidden; }
.news_con dl dt span { position: absolute; bottom: 0; display: block; width: 368px; height: 40px; background: rgba(0, 0, 0, 0.7); text-align: center; color: #fff; line-height: 40px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;padding:0 20px; box-sizing:border-box;}
.news_con dl dd { height: 133px; box-sizing: border-box; padding: 28px 19px 0 28px; }
.news_con dl dd a { display: block; position: relative; font-size: 13px; color: #808080; padding-bottom: 20px; line-height: 100%; }
.news_con dl dd a span { width: 186px; display: inline-block; padding-left: 14px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news_con dl dd a i { float: right; }
.news_con dl dd a:before { position: absolute; content: ""; width: 4px; height: 2px; background: #808080; top: 6px; }
.news_con dl dd a:hover { color: #69BD60; font-weight: bold; }
.news_con dl dd a:hover:before { background: #69BD60; }
.news_con:last-child { margin-right: 0; }

/*伟豪家具*/
.about { background: url(img/about_bg.jpg) no-repeat center top; height: 612px; }
.about h2 { padding-top: 91px; padding-bottom: 33px; text-align: left; }
.about h2 a { color: #fff; }
.about h2:before, .about h2:after { display: none; }
.about .message { width: 314px; height: 361px; box-sizing: border-box; padding: 36px 33px 0; background: white; border-radius: 4px; }
.about .message p { font-size: 13px; color: #808080; line-height: 22px;  }
.about .message p span { display: block; font-size: 14px; color: #69BD60; font-weight: bold; margin-bottom:28px; }
.about .message li { margin-bottom: 20px; }
.about .message li label { font-size: 14px; color: #000; }
.about .message li input { padding-left: 16px; width: 189px; height: 34px; background: #eeeeee; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05) inset; border: none; margin-left: 10px; }
.about .message li span {display: none;}
.about .message .submit { padding-left: 39px; }
.about .message .submit input { cursor: pointer; width: 86px; height: 33px; background: #808080; border-radius: 4px; color: #fff; border: none; }
.about .message .submit input.form-btn-submit { background: #69BD60; margin-right:5px;}
.album { padding-top: 80px; position: relative; height: 473px; overflow: hidden; width: 724px; margin-right: -18px; }
.album .bd { height: 452px; overflow: hidden; text-align: center; }
.album .bd ul li { width: 824px; height: 452px; overflow: hidden; }
.album .bd ul li a { display: block; }
.album .bd ul li img { width: 788px; height: 416px; margin: 18px; }
.album .hd { position: absolute; width: 100%; height: 23px; left: 0; bottom: 0; text-align: center; }
.album .hd li { width: 12px; height: 12px; display: inline-block; background: #fff; border-radius: 6px; margin: 0 7.5px; cursor: pointer; }
.album .hd .on { background: #69BD60; }

/**/
@keyframes myfirst {
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-moz-keyframes myfirst

/* Firefox */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-webkit-keyframes myfirst

/* Safari and Chrome */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-o-keyframes myfirst

/* Opera */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}

/*# sourceMappingURL=index.css.map */