* {
  padding: 0;
  margin: 0;
}
body {
  font-family: "微软雅黑", "黑体", "宋体";
}
a {
  text-decoration: none;
}
ul,
ol {
  list-style: none;
}
input {
  outline: none;
}
/*头部*/
.head{

  z-index: 100;
  background: white;
  position: fixed;
  left: 50%;
  transform: translatex(-50%);
  width: 3000px;
  border-bottom: rgba(6, 6, 6, 0.21) solid 1px;

}
.header {
  width: 1200px;
  height: 100px;
  position: relative;
  left: 50%;
  transform: translatex(-50%);
  /*position: fixed;*/
  /*left: 50%;*/
  /*transform: translatex(-50%);*/
}
.tag_left {
  position: absolute;
  /*left:50%;*/
  /*transform: translatex(-50%);*/
  font-size: 12px;
  line-height: 30px;
  color: #000;
  left: 0;
  top:0px;
}
.header .logo {
  float: left;
  bottom: 10px;
  position: absolute;
  width: 300px;
}
.header .logo img {
  width: 100%;
}
.header .contact {
  right: 0;
  top: 2px;
  position: absolute;
  font-size: 15px;
  animation: cont 5s 4 alternate linear ;
}
@keyframes cont{
  0%{right:0;}
  100%{right:100px;}


}
/*导航栏*/
.header-top {
  height: 45px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.nav {
  float: right;
}
.nav li {
  float: left;
  cursor: pointer;
  font-size: 15px;
  line-height: 45px;
  position: relative;
}
.nav li > a {
  padding: 10px 15px;
}
.nav li a {

  color: rgba(0, 0, 0, 0.83);
  transition: 1s;
}
.nav li:hover a{
  color: #ff3426;
}

.down {
  background:rgba(6, 6, 6, 0.8);
  position: absolute;
  line-height: 35px;
  font-size: 14px;
  top: 44px;
  left:50%;
  transform: translatex(-50%);
  z-index: 500;
  display: none;
}
.nav li .down a {
  display: block;
  text-align: left;
  padding: 3px 26px;
  white-space: nowrap;
  color: white;
  transition: 1s;
}
.nav li:hover {
  /*background:rgba(6, 6, 6, 0.49);*/
}
.down a:hover {
  background:rgba(203, 24, 28, 0.55);
}
.nav li:hover .down {
  display: block;
}
.heade_no {
  height: 100px;
}

/*轮播*/
#banner {position:relative; overflow:hidden;
  width:1920px;
  left:50%;
  transform: translatex(-50%);
  border-top: none;
}
#banner img{
  width: 100%;
  height: 100%;
}
#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;}
#banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; border:1px solid #fff;z-index:1002;
  margin:0; padding:0; bottom:3px; right:5px;}
#banner ul li { padding:0px 8px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer}
#banner ul li.on { background:#900}
#banner_list a{position:absolute;}

/*装修服务*/
.pro {
  position: relative;
  margin: 0 auto;
  width: 1200px;
}
.pro dl {
  text-align: center;
}
.pro dl dt {
  display: block;
  font-size: 20px;
  font-weight: 500;
  padding: 15px;
}
.pro dl dd {
  padding-bottom: 15px;
  font-size: 15px;
}
.out {
  width: 1251px;
  margin: 0 auto;
  left: 0px;
}
.out .box {
  width: 370px;
  height: 270px;
  margin-bottom: 35px;
  margin-right: 45px;
  float: left;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border: 1px #EEEEEF solid;
}
.box img {
  width: 100%;
  height: 100%;
}
.box-right-img {
  width: 370px;
  height: 270px;
}
.out .ceng {
  width: 370px;
  height: 270px;
  text-align: center;
  position: absolute;
  top: 230px;
  left: 0;
  transition: 0.6s;
  background: rgba(0, 0, 0, 0.6);
}
.ceng h2 {
  color: #FC3;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
}
.box .btn {
  text-align: center;
  width: 200px;
  height: 40px;
  line-height: 40px;
  margin: 30px auto 0px auto;
  position: relative;
  color: #FC3;
}
.btn span {
  display: block;
  position: absolute;
  transition: 1s;
  opacity: 0;
}
.btn .top {
  width: 200px;
  height: 2px;
  background: #FC3;
  top: 0;
  left: -200px;
}
.btn .left {
  width: 2px;
  height: 40px;
  background: #FC3;
  top: -40px;
  left: 0;
}
.btn .bottom {
  width: 200px;
  height: 2px;
  background: #FC3;
  bottom: 0;
  left: 200px;
}
.btn .right {
  width: 2px;
  height: 40px;
  background: #FC3;
  top: 40px;
  right: 0;
}
.out .box:hover span {
  opacity: 1;
}
.out .box:hover .ceng h2 {
  margin-top: 90px;
  color: #FC3;
}
.out .box:hover .ceng {
  top: 0;
  background: rgba(0, 0, 0, 0.6);
}
.out .box:hover .btn .top {
  width: 200px;
  height: 2px;
  background: #FC3;
  top: 0;
  left: 0px;
}
.out .box:hover .btn .left {
  width: 2px;
  height: 40px;
  background: #FC3;
  top: 0px;
  left: 0px;
}
.out .box:hover .btn .bottom {
  width: 200px;
  height: 2px;
  background: #FC3;
  bottom: 0;
  left: 0px;
}
.out .box:hover .btn .right {
  width: 2px;
  height: 40px;
  background: #FC3;
  top: 0px;
  right: 0px;
}
/*装修服务流程*/
.ser {
  width: 1200px;
  height: 280px;
  margin: 0 auto;
  background: #CCC;
}
.ser dl dt {
  width: 1200px;
  text-align: center;
  padding: 10px 0;
  font-weight: 500;
  font-size: 20px;
  margin-top: 10px;
}
.ser dl dd {
  text-align: center;
  padding: 10px 0;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 15px;
}
.ser ul li {
  float: left;
  margin: 0 30px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  background: #e8e8e8;
  overflow: hidden;
}
.ser ul dd {
  text-align: center;
  font-size: 12px;
  margin-top: 65px;
}
.ser ul li img {
  width: 62px;
  height: 180px;
  position: absolute;
  top: -7px;
  left: 14px;
}
.ser ul li:hover {
  background: #02203D;
}
.ser ul li:hover img {
  position: absolute;
  top: -97px;
}
.ser ul li:hover dd {
  color: #FFF;
}
/*<!--分类标题-->*/
.devide {
  position: relative;
  overflow: hidden;
}
.devide dl {
  margin: 0px auto;
  text-align: center;
  width: 1200px;
}
.devide dl .pzal01 {
  padding-top:15px;
  font-size: 20px;
}
.devide dl .pzal02 {
  padding-top: 30px;
  font-size: 15px;
}
.devide {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.devide ul {
  width: 1200px;
  height: 40px;
  margin: 30px auto;
  position: relative;
  left: 110px;
  margin-bottom: 10px;
}
.devide ul li {
  float: left;
  line-height: 40px;
  padding: 0 10px;
  margin: 0 5px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  transition: 1s;
}
.devide ul a {
  color: #000;
  font-size: 13px;
}
.devide > a {
  color: #000;
}
.devide .devide-bottom {
  width: 1200px;
  height: 40px;
  margin: 0px auto;
  position: relative;;
  margin-bottom: 10px;
  border-bottom: 1px #CCC solid;
}
.devide-left {
  background: #E44B4E;
  width: 100px;
  font-size: 13px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  bottom: 10px;
  position: absolute;
  z-index: 10;
  transition: 1s;
}
.devide-right {
  position: absolute;
  right: 0;
  bottom: 10px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  padding: 0 15px;
  cursor: pointer;
  font-size: 11px;
}
.devide .devide-right a {
  color: #000;
}
.devide .devide-left a {
  color: #FFF;
  z-index: 10;
}
.devide ul li:hover {
  background: #093866;
}
.devide ul a:hover {
  color: #FFF;
}
/*.devide .devide-right:hover {*/
  /*background: #093866;*/
/*}*/
/*.devide .devide-right:hover a {*/
  /*color: #FFF;*/
/*}*/
.devide-left:hover {
  background: #093866;
}
.education_devide-left {
  width: 100px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  font-size: 13px;
  bottom: 10px;
  position: absolute;
  z-index: 10;
  transition: 1s;
}
.education_devide-left a {
  color: #000;
}
.office_education {
  background: #E44B4E;
}
.education_devide-left:hover {
  background: #093866;
}
.devide > a:hover {
  color: #FFF;
}
.child_list {
  background: #E44B4E;
}
.game_list {
  background: #E44B4E;
}
.food_list {
  background: #E44B4E;
}
.medical_list {
  background: #E44B4E;
}
.industry_list {
  background: #E44B4E;
}
.market_list {
  background: #E44B4E;
}
.street_list {
  background: #E44B4E;
}
.classtoor_list {
  background: #E44B4E;
}
.foodshop_list {
  background: #E44B4E;
}
.factory_list {
  background: #E44B4E;
}
.threepast_list {
  background: #E44B4E;
}
.point_list {
  background: #E44B4E;
}
.busyhotel_list {
  background: #E44B4E;
}
.tour_list {
  background: #E44B4E;
}
.fast_list {
  background: #E44B4E;
}
.lovehotel_list {
  background: #E44B4E;
}
.redo_list {
  background: #E44B4E;
}
.american_list {
  background: #E44B4E;
}
.presence_list {
  background: #E44B4E;
}
.mix_list {
  background: #E44B4E;
}
.china_list {
  background: #E44B4E;
}
.german_list {
  background: #E44B4E;
}
.otherstyle_list {
  background: #E44B4E;
}
.sciencedisplay_list {
  background: #E44B4E;
}
.bowudisplay_list {
  background: #E44B4E;
}
.mediadis_list {
  background: #E44B4E;
}
.showdis_list {
  background: #E44B4E;
}
.makeface_list,
.makebody_list,
.chinadoc_list,
.goodpifu_list,
.makehair_list {
  background: #E44B4E;
}
/*装修案例*/
.project {
  width: 1200px;
  height: 800px;
  margin: 0 auto;
}
.project dl {
  margin: 0 auto;
  text-align: center;
  width: 1250px;
}
.project dl .pzal01 {
  padding-top: 30px;
  font-family: "微软雅黑", "黑体", "宋体";
  font-size: 28px;
  font-weight: 600;
}
.project dl .pzal02 {
  padding-top: 30px;
  font-family: "微软雅黑", "黑体", "宋体";
  font-size: 18px;
  margin: 20px 0;
}
.project dl .pzal03 {
  margin: 20px 0;
}
.project ul {
  width: 1251px;
  margin: 0 auto;
  position: relative;
}
.project ul li {
  float: left;
  width: 369px;
  height: 350px;
  margin-bottom: 45px;
  margin-right: 45px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border: 1px #EEEEEF solid;
  transition: 0.6s;
}
.pro-img{
  width: 369px;
  height: 270px;
}
.project ul li img {
  width: 100%;
  height: 100%;
  transition: 0.6s;
}
.project ul li:hover img {
  transform: rotate(0deg) scale(1.2);
}
.project .project-title {
  width: 370px;
  height: 80px;
  display: block;
  position: absolute;
  bottom: 0;
  background: #FFF;
  color: #CCC;
  font-size: 13px;
}
.project ul li dt.spefw {
  text-align: center;
  height: 30px;
  line-height: 30px;
  color: #000;
}
.project ul li dt.spefw03 {
  padding-left: 5px;
  text-align: center;
  position: absolute;
  bottom: 0;
  padding-bottom: 5px;
  color: #000;
}
.project ul li dt.spefw02 {
  padding-left: 5px;
  color: #000;
}
/*服务优势*/
.sera2 {
  width: 1200px;
  margin: 0 auto;
  font-size: 15px;
  text-align: center;
  padding: 15px 0;
}
.sera1 {
  font-size: 20px;
  font-weight: 500;
  width: 1200px;
  margin-top: 20px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0;
}
/*新闻资讯*/
.news-devide {
  border-bottom: 1px #EEEEEF solid;
  width: 1200px;
  height: 50px;
  margin: 0 auto;
  position: relative;
}
.news-devide a {
  color: #FFF;
}
.news-devide dt {
  position: absolute;
  left: 0;
  bottom: 0px;
  background: #E44B4E;
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  text-align: center;
}
.news-devide dl {
  position: absolute;
  left: 100px;
  bottom: 3px;
  color: #000;
}
.news-devide dd {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.news-devide dd a {
  color: #000;
}
.news .new-r {
  width: 1200px;
  height: 500px;
  margin: 0 auto;
  position: relative;
}
.news .new-r > dl {
  width: 550px;
  height: 500px;
  float: left;
}
.news .new-r > dl > a {
  color: #000;
}
.news .new-r > dl dt {
  border: 1px  #EEEEEF solid;
  width: 530px;
  height: 350px;
  margin-top: 15px;
  overflow: hidden;
  cursor: pointer;
}
.news .new-r > dl dt img {
  transition: 0.6s;
}
.news .new-r > dl dt:hover img {
  transform: rotate(0deg) scale(1.2);
}
.news .new-r > dl h3 {
  width: 530px;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  margin-top: 10px;
}
.news .new-r > dl h3 a {
  color: #000;
}
.news .new-r > dl p {
  width: 530px;
  height: 50px;
  font-size: 14px;
}
.news .new-r ul {
  width: 640px;
  height: 500px;
  position: absolute;
  right: 0;
  top: 0;
  font-family: "微软雅黑", "黑体", "宋体";
}
.news .new-r ul li {
  border: 1px #EEEEEF solid;
  width: 640px;
  height: 100px;
  position: relative;
  margin-bottom: 20px;
  margin-top: 15px;
}
.news .new-r ul li h1 {
  font-size: 16px;
  margin-bottom: 15px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 105px;
}
.news .new-r ul li p {
  font-size: 14px;
  overflow: hidden;
  margin-left: 10px;
  margin-right: 105px;
  color: #000;
}
.news .new-r ul li a {
  color: #000;
}
.news .new-r ul li span {
  border-left: 1px #EEEEEF solid;
  width: 100px;
  height: 100px;
  position: absolute;
  right: 0;
  top: 0;
}
.news .new-r ul li span dt {
  text-align: center;
  margin-top: 20px;
  font-size: 24px;
  font-weight: 500;
}
.news .new-r ul li span dl {
  text-align: center;
  margin-top: 15px;
}
/*底部*/
.footer {
  margin: 0 auto;
  background:rgba(0, 0, 0, 0.9);
  position: relative;
  color: #CCC;
  overflow: hidden;
}
.footer-center {
  width: 1200px;
  margin: 0 auto;
  height: 230px;
  position: relative;
}
.qgrx {
  height: 200px;
  position: absolute;
  top: 20px;
}
.qgrx dt {
  background-image: url(../img/contact.png);
  height: 120px;
  width: 150px;
}
.qgrx dd {
  margin: 8px 0;
}
.zxser {
  width: 150px;
  height: 300px;
  position: absolute;
  top: 20px;
  left: 270px;
}
.zxser a {
  color: #CCC;
}
.help {
  width: 150px;
  height: 300px;
  position: absolute;
  top: 20px;
  left: 455px;
}
.help a {
  color: #CCC;
}
.contact-bottom {
  width: 600px;
  height: 300px;
  position: absolute;
  top: 20px;
  left: 700px;
}
.contact-bottom dt {
  margin: 10px 0;
  font-size: 18px;
  font-weight: 400;
}
.contact-bottom dd {
  font-size: 15px;
}
.wechat {
  width: 150px;
  height: 200px;
  position: absolute;
  top: 120px;
  right: 0px;
}
.wechat dt {
  border: 1px #EEEEEF solid;
  background-image: url(../img/wechat.png);
  background-repeat: no-repeat;
  height: 150px;
}
.wechat dd {
  margin-top: 15px;
  text-align: center;
  font-size: 14px;
}
.exchange {
  left: 450px;
  height: 35px;
  margin-bottom: 20px;
  top: 170px;
  position: absolute;
  bottom: 20px;
  line-height: 35px;
  font-size: 13px;
  /*border: red solid 1px;*/
}
.exchange dd a {
  color: #CCC;
  padding-left: 10px;
  cursor: pointer;
}
.footer .right dd {
  text-align: center;
  width: 1200px;
  height: 35px;
  position: absolute;
  bottom: 2px;
  line-height: 35px;
  font-size: 13px;
}
.footer .right dd a {
  color: #CCC;
  padding-left: 10px;
  cursor: pointer;
}
.zxser dt,
.help dt {
  margin: 10px 0;
  font-size: 18px;
  font-weight: 400;
}
.zxser dd,
.help dd {
  margin: 10px 0;
  font-size: 15px;
}
.backtop {
  position: fixed;
  right: 30px;
  bottom: 50px;
  width: 50px;
  height: 54px;
}
.backtop img {
  width: 50px;
  height: 54px;
}
/*<!--news-当前位置-->*/
.possion {
  border: 1px #EEEEEF solid;
  width: 1200px;
  height: 57px;
  margin-top: 15px;
  margin: 15px auto;
  position: relative;
}
.possion li {
  float: left;
  border: 1px #EEEEEF solid;
  padding: 0 20px;
  text-align: center;
  height: 58px;
  line-height: 58px;
  border-left: none;
  border-bottom: none;
  border-top: none;
  font-size: 14px;
  cursor: pointer;
}
.possion ul a {
  color: #000;
}
.possion dl {
  height: 57px;
  padding: 0 20px;
  position: absolute;
  right: 0px;
  line-height: 57px;
  text-align: center;
  cursor: pointer;
  border-left: 1px #EEEEEF solid;
}
.possion li:hover {
  background: #E44B4E;
}
.possion ul a li:hover {
  color: #FFF;
}
.possion dl:hover {
  background: #E44B4E;
  color: #FFF;
}
.possion-right {
  height: 20px;
  position: absolute;
  right: 0;
  line-height: 56px;
  text-align: right;
  padding: 0 15px;
  cursor: pointer;
  margin-top: 15px;
  font-size: 11px;
}
.possion-right a {
  color: #000;
}
/*.possion-right:hover {*/
  /*background: #E44B4E;*/
/*}*/
/*.possion-right:hover a {*/
  /*color: #FFF;*/
/*}*/
/*<!--news-正文-->*/
.new-article {
  border: 1px #EEEEEF solid;
  overflow: hidden;
  margin: 0 auto;
  width: 1200px;
  position: relative;
}
.new-article > h1 {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
  font-size: 20px;
  font-weight: 700;
}
.new-article > dd {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding-top: 20px;
  border-bottom: 1px #EEEEEF solid;
  font-size: 15px;
}
.new-article .newsbody {
  width: 1200px;
  margin: 40px auto;
  float: left;
}

.newsbody-p {
  line-height: 25px;
  font-size: 14px;
}
.newsbody-p>dt>p{
  padding: 15px 100px;
}
.newsbody-p img{
  width: 100%;
  display: block;
  margin: 0 auto;
}
.newsbody-p>dt{
}

.newsbody_article p {
  padding: 20px 30px;
  line-height: 25px;
  font-size: 14px;
}

.newsbody_article dl {
  padding: 20px 30px;
  line-height: 25px;
  font-size: 14px;
}

.last-news{
  border: 1px #EEEEEF solid;
  width: 1200px;
  margin: 5px auto;
  height: 80px;

}
.last-news-top{
  background:#EEEEEF;
  width: 39px;
  height: 80px;
  float: left;
}
.last-news-top img{
  width: 100%;
  height: 100%;
}

.last-news ul{
  float: left;
  margin: 9px 20px;
  width: 343px;
  font-size: 14px;
}

.last-news ul a{
  color: #000000;
}

.newsbody>dl{
  width: 780px;
  color: #000000;
  font-size: 16px;
  margin: 10px 10px;
  margin-top: 20px;
}

.next-page {
  border: 1px #EEEEEF solid;
  border-top: none;
  width: 1200px;
  height: 40px;
  margin: 0 auto;
  position: relative;
}
.next-page a {
  color: #000;
}
.next-left {
  width: 600px;
  height: 40px;
  position: absolute;
  left: 10px;
  line-height: 40px;
}
.next-right {
  width: 600px;
  height: 40px;
  position: absolute;
  right: 10px;
  line-height: 40px;
  text-align: right;
}
.new-article_notime {
  border: 1px #EEEEEF solid;
  overflow: hidden;
  margin: 0 auto;
  width: 1200px;
  position: relative;
}
.new-article_notime dl {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
}
.new-article_notime .newsbody {
  width: 1200px;
  margin: 0px auto;
}
.new-article_notime .newsbody p {
  padding: 15px 35px;
  line-height: 25px;
  font-size: 14px;
}
.new-article_cultrue {
  border: 1px #EEEEEF solid;
  overflow: hidden;
  margin: 0 auto;
  width: 1200px;
  position: relative;
}
.new-article_cultrue dl {
  border-bottom: 1px #EEEEEF solid;
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  margin: 20px 0;
  padding-bottom: 20px;
}
.new-article_cultrue .newsbody {
  width: 1200px;
  margin: 0px auto;
}
.new-article_cultrue .newsbody p {
  padding: 15px 35px;
  line-height: 25px;
  font-size: 14px;
}
/*<!--news-相关资讯-->*/
.relative-news {
  border: 1px #EEEEEF solid;
  width: 1200px;
  overflow: hidden;
  margin: 15px auto;
}
.relative-news-top {
  border: 1px #EEEEEF solid;
  width: 1200px;
  height: 40px;
  margin: 15px auto;
}
.relative-news-top dl {
  border: 1px #EEEEEF solid;
  width: 700px;
  height: 40px;
}
.relative-news ul {
  width: 1200px;
  position: relative;
  margin: 0 auto;
}
.relative-news ul li {
  width: 390px;
  position: relative;
  float: left;
  margin-right: 15px;
}
.relative-news .rel-li-right {
  position: absolute;
  right: 0;
  margin-right: 0;
}
.relative-news ul li dl {
  border: 1px #EEEEEF solid;
  position: absolute;
  top: 10px;
  right: 0;
}
.relative-news ul li dd {
  border: 1px #EEEEEF solid;
  position: absolute;
  bottom: 60px;
}
.relative-news .li-time {
  border: 1px #EEEEEF solid;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  bottom: 5px;
}
.relative-news .li-tag {
  border: 1px #EEEEEF solid;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  bottom: 5px;
}
/*<!--news-快速上门-->*/
.fastservice {
  border: 1px #EEEEEF solid;
  width: 1200px;
  overflow: hidden;
  margin: 15px auto;
  padding-top: 30px;
  padding-bottom: 20px;
}
.fastservice dt,
.fastservice dl,
.fastservice dd {
  width: 900px;
  margin: 0 auto;
  text-align: center;
}
.fastservice dl {
  font-size: 35px;
  margin-top: 5px;
  margin-bottom: 20px;
}
.guide-list{
  width: 1200px;
  height:140px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
/*<!--advantage-工艺展示-->*/
.advantagenews {
  border: 1px #EEEEEF solid;
  width: 1200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.advantagenews dl {
  width: 600px;
  margin-left: 50px;
  margin-bottom: 20px;
  margin-top: 30px;
  font-size: 20px;
  font-weight: 600;
}
.advantagenews dd {
  width: 600px;
  line-height: 30px;
  margin-left: 50px;
  margin-bottom: 50px;
  font-size: 15px;
}
.advantagenews img {
  border: 1px #EEEEEF solid;
  width: 500px;
  height: 300px;
  position: absolute;
  right: 30px;
  top: 30px;
}

/*<!--advantage-工种-->*/
.advantageworker {
  border: 1px #EEEEEF solid;
  width: 1200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-top: none;
  padding-bottom: 30px;
}
.advantageworker ul {
  width: 1080px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  left: 55px;
}
.advantageworker li {
  float: left;
  width: 70px;
  height: 90px;
  position: relative;
  margin-right: 110px;
}
.advantageworker li img {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}
.advantageworker li a {
  position: absolute;
  left: 10px;
  bottom: 0;
  width: 50px;
  text-align: center;
  color: #666;
}
/*<!--advantage-工艺细节-->*/
.advantagetool {
  border: 1px #EEEEEF solid;
  width: 1200px;
  height: 550px;
  margin: 0 auto;
  position: relative;
}
.advantagetool .tool-top {
  width: 1200px;
  height: 130px;
  background: #CCC;
  margin: 0 auto;
}
.advantagetool .tool-top dl {
  width: 1200px;
  text-align: center;
  margin: 0 auto;
  font-size: 30px;
  padding-top: 25px;
}
.advantagetool .tool-top dd {
  width: 500px;
  text-align: center;
  margin: 0 auto;
}
.advantagetool .watertool,
.woodtool,
.electool,
.porttool,
.painttool {
  width: 380px;
  height: 210px;
}
.advantagetool .watertool dl,
.woodtool dl,
.electool dl,
.porttool dl,
.painttool dl {
  text-align: left;
  width: 380px;
  margin-left: 40px;
  margin-bottom: 25px;
  font-size: 18px;
  margin-top: 20px;
  font-weight: 600;
}
.advantagetool .watertool dd,
.woodtool dd,
.electool dd,
.porttool dd,
.painttool dd {
  text-align: left;
  width: 380px;
  margin-left: 20px;
  font-size: 13px;
}
.index-tool-top {
  width: 1200px;
  height: 130px;
  border: 1px #CCC solid;
  background: #CCC;
  margin: 0 auto;
}
.index-tool-top dl {
  width: 1200px;
  text-align: center;
  margin: 0 auto;
  font-size: 30px;
  padding-top: 25px;
}
.index-tool-top dd {
  width: 1200px;
  text-align: center;
  margin: 15px auto;
}
.electool {
  position: absolute;
  left: 400px;
  top: 210px;
}
.porttool {
  position: absolute;
  right: 0px;
  top: 130px;
}
.painttool {
  position: absolute;
  right: 0px;
  top: 340px;
}
/*<!--advantage-质量体系-->*/
.goodright {
  width: 900px;
  margin: 20px auto;
}
.goodright dl {
  width: 600px;
  margin: 0 auto;
  text-align: center;
  font-size: 23px;
  margin-bottom: 25px;
}
.goodright dd {
  width: 300px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
}
.advantagegood {
  border: 1px #EEEEEF solid;
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding: 50px 0;
}
.advantagegood ul {
  width: 1200px;
  margin: 35px auto;
  margin-left: 60px;
}
.advantagegood ul li {
  width: 480px;
  margin: 10px 30px;
  height: 70px;
  float: left;
  position: relative;
}
.advantagegood ul li dt {
  font-size: 35px;
  font-weight: 500;
  position: absolute;
  left: 0;
}
.advantagegood ul li dl {
  position: absolute;
  left: 50px;
  top: 0px;
  font-size: 12px;
}
.advantagegood ul li dd {
  position: absolute;
  left: 50px;
  top: 25px;
  font-size: 12px;
}
/*<!-advantage-all-选逸尚-->*/
.chooseyesan {
  border: 1px #EEEEEF solid;
  width: 1200px;
  height: 540px;
  margin: 0 auto;
  position: relative;
}
.chooseyesan dl {
  width: 1200px;
  height: 55px;
  margin: 0 auto;
  text-align: center;
  line-height: 55px;
  font-size: 24px;
}
.chooseyesan dd {
  width: 600px;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
}
.chooseyesan img {
  border: 1px #EEEEEF solid;
  width: 545px;
  height: 365px;
  position: absolute;
  left: 120px;
  top: 130px;
}
.chooseyesan ul {
  width: 300px;
  height: 365px;
  position: absolute;
  right: 220px;
  top: 130px;
}
.chooseyesan ul a {
  color: #000;
}
.chooseyesan ul dd {
  border: 1px #EEEEEF solid;
  width: 300px;
  height: 50px;
  line-height: 50px;
  margin-bottom: 11px;
}
/*<!-advantage-all-一站式服务---advantage-guarantee-无忧一站式售后->*/
.about-service {
  border: 1px #EEEEEF solid;
  border-bottom: none;
  width: 1200px;
  margin: 0 auto;
}
.about-service > dl {
  background: #CCC;
  width: 1200px;
  height: 100px;
  margin: 0 auto;
  text-align: center;
  line-height: 100px;
  font-size: 24px;
}
.about-service ul,
.allguarantee ul {
  width: 1200px;
  height: 390px;
  margin: 0 auto;
  margin-top: 45px;
  padding-left: 100px;
}
.about-service ul li,
.allguarantee li {
  width: 220px;
  height: 290px;
  float: left;
  margin-right: 40px;
  position: relative;
}
.about-service ul li img,
.allguarantee ul li img {
  width: 50px;
  height: 50px;
  float: left;
  position: absolute;
  top: 30px;
  left: 85px;
}
.about-service ul li dl,
.allguarantee ul li dl {
  position: absolute;
  top: 110px;
  font-size: 19px;
  left: 60px;
}
.about-service ul li dd,
.allguarantee ul li dd {
  position: absolute;
  top: 172px;
  font-size: 13px;
  margin: 0 30px;
  line-height: 25px;
}
/*<!-advantage-all-战略供应商-->*/
.about-provide {
  border: 1px #EEEEEF solid;
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 370px;
}
.about-provide > a {
  color: #000;
}
.about-provide dl {
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  position: absolute;
  left: 188px;
  top: 100px;
}
.about-provide dd {
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  position: absolute;
  left: 100px;
  top: 158px;
}
.about-provide .cooperation {
  background: #093866;
  margin: 0 auto;
  width: 140px;
  height: 40px;
  text-align: center;
  font-size: 14px;
  position: absolute;
  left: 200px;
  top: 237px;
  line-height: 40px;
  color: #FFF;
}
.about-provide ul {
  width: 575px;
  height: 120px;
  position: absolute;
}
.about-provide .providereone {
  right: 0px;
  top: 80px;
}
.about-provide .provideretwo {
  right: 0px;
  top: 200px;
}
.about-provide ul li {
  width: 90px;
  height: 90px;
  float: left;
  margin-right: 80px;
}
.about-provide ul li img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 1px #EEEEEF solid;
}
/*advantage-guarantee-无忧一站式售后*/
.allguarantee {
  border: 1px #EEEEEF solid;
  width: 1200px;
  margin: 0 auto;
}
.allguarantee > dl {
  width: 1200px;
  margin: 35px auto;
  text-align: center;
  font-size: 24px;
}
.allguarantee > dd {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
}
/*<!-advantage-guarantee-售后内容-->*/
.endsell {
  border: 1px #EEEEEF solid;
  width: 1200px;
  height: 360px;
  margin: 0 auto;
  position: relative;
}
.endsell .endselldt {
  width: 450px;
  height: 255px;
  top: 60px;
  position: absolute;
  margin-left: 65px;
}
.endsell dl {
  text-align: center;
  margin-bottom: 60px;
  font-size: 24px;
}
.endsell dd {
  margin: 15px 0px;
  font-size: 14px;
}
.endsell img {
  border: 1px #EEEEEF solid;
  width: 435px;
  height: 255px;
  position: absolute;
  right: 140px;
  top: 40px;
}
.endsellone {
  border: 1px #EEEEEF solid;
  width: 1200px;
  margin: 0 auto;
}
.endsellone {
  border: 1px #EEEEEF solid;
  width: 1200px;
  height: 360px;
  margin: 0 auto;
  position: relative;
}
.endsellone .endsellonedt {
  width: 450px;
  height: 255px;
  position: absolute;
  right: 110px;
  top: 60px;
}
.endsellone .endsellonedt dl {
  text-align: center;
  margin-bottom: 60px;
  font-size: 24px;
}
.endsellone .endsellonedt dd {
  margin: 15px 0px;
  font-size: 14px;
}
.endsellone img {
  border: 1px #EEEEEF solid;
  width: 435px;
  height: 255px;
  position: absolute;
  left: 65px;
  top: 40px;
}
/*hotel-list-<!--分类筛选-->*/
.goodlife {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.goodlife > dl {
  width: 1150px;
  font-size: 24px;
  height: 30px;
  border-bottom: 1px #EEEEEF solid;
  margin: 0 auto;
  padding: 15px 0;
}
.goodlife > dd {
  width: 120px;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
}
.goodlife ul {
  width: 1000px;
  position: absolute;
  left: 120px;
  top: 60px;
}
.goodlife ul li {
  width: 100px;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 40px;
}
.goodlife ul li a {
  color: #000;
}
/*<!-goodlife-养生馆项目-->*/
.goodlife-body {
  border: 1px #EEEEEF solid;
  width: 1200px;
  margin: 0 auto;
  position: relative;
  border-bottom: none;
}
.goodlife-body > dt {
  width: 600px;
  height: 40px;
  margin: 35px auto;
  text-align: center;
  font-size: 24px;
  line-height: 40px;
}
.goodlife-body > dl {
  width: 1060px;
  margin: 0 auto;
  font-size: 18px;
  margin-top: 20px;
  font-weight: 600;
}
.goodlife-body > dd {
  width: 1060px;
  margin: 0 auto;
  font-size: 14px;
}
/*<!-goodlife-养生馆效果图-->*/
.goodlife-img {
  border: 1px #EEEEEF solid;
  width: 1200px;
  margin: 0 auto;
  position: relative;
  border-top: none;
}
.goodlife-img dl {
  width: 900px;
  height: 50px;
  margin: 0 auto;
  padding-top: 50px;
  font-size: 24px;
  text-align: center;
}
.goodlife-img img {
  width: 1020px;
  height: 550px;
  margin: 0 auto;
  display: block;
  margin-bottom: 20px;
}
/*hotel-list-酒店装修效果图列表页*/
.hotel-list {
  width: 1200px;
  height: 1130px;
  margin: 0 auto;
}
.hotel-list ul {
  width: 1206px;
  height: 600px;
  margin: 0 auto;
}
.hotel-list ul li {
  border: 1px #EEEEEF solid;
  position: relative;
  width: 400px;
  height: 360px;
  float: left;
  overflow: hidden;
  cursor: pointer;
}
.hotel-list ul li img {
  position: absolute;
  top: 0;
  left: 0;
}
.hotel-list ul li dl {
  border: 1px #EEEEEF solid;
  background: rgba(9, 56, 102, 0.6);
  position: relative;
  width: 400px;
  height: 360px;
  top: 360px;
  left: 0px;
  transition: 1s;
  text-align: center;
  line-height: 360px;
  color: #FC3;
}
.hotel-list ul li:hover dl {
  top: 0;
}
.hotel-list-next {
  border-bottom: 1px #EEEEEF solid;
  width: 1200px;
  margin: 0 auto;
  height: 40px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 40px;
}

.scv_listpages{
  width: 800px;
  margin:0 auto;

}

.scv_listpages ul{

  left: 50%;
  transform: translatex(-50%);
  position: absolute;

  padding:6px 0px 12px 8px;

}

.scv_listpages ul li{

  float:left;

  font-family:Tahoma;

  line-height:17px;

  margin-right:6px;

  border:1px solid #E9E9E9;

}

.scv_listpages ul li a{

  float:left;

  padding:2px 4px 2px;

  color:#555;

  display:block;

}

.scv_listpages ul li a:hover{

  color:#690;

  text-decoration:none;

  padding:2px 4px 2px;

}

.scv_listpages ul li.thisclass,

.scv_listpages ul li.thisclass a,.pagebox ul li.thisclass a:hover{

  background-color:#F8F8F8;

  padding:2px 4px 2px;

  font-weight:bold;

}

.scv_listpages .pageinfo{

  line-height:21px;

  padding:12px 10px 12px 16px;

  color:#999;

}

.scv_listpages .pageinfo strong{

  color:#555;

  font-weight:normal;

  margin:0px 2px;

}

/*图集内容页*/
.article-imge {
  width: 1200px;
  height: 300px;
  margin: 0 auto;
  position: relative;
}
.article-imge ul {
  width: 1245px;
  margin: 0 auto;
  position: absolute;
  left: 0px;
  margin-top: 10px;
}
.article-imge ul li {
  position: relative;
  width: 370px;
  height: 270px;
  margin-right: 45px;
  margin-bottom: 20px;
  float: left;
  overflow: hidden;
  cursor: pointer;
}
.article-imge ul li img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.article-imge ul li dl {
  background: rgba(9, 56, 102, 0.6);
  position: relative;
  width: 370px;
  height: 270px;
  top: 350px;
  padding-top: 10px;
  left: 0px;
  transition: 1s;
  text-align: center;
  color: #FC3;
}
.article-imge ul li:hover dl {
  top: 0;
  line-height: 390px;
}
/*desiger-设计团队*/
.designer {
  width: 1200px;
  height: 1000px;
  margin: 0 auto;
  border: 1px #EEEEEF solid;
}
.designer ul {
  width: 1200px;
  height: 600px;
  margin: 0 auto;
  margin-left: 22px;
  margin-top: 20px;
}
.designer ul li {
  border: 1px #EEEEEF solid;
  width: 370px;
  height: 450px;
  float: left;
  margin: 20px 0px;
  margin-right: 20px;
  position: relative;
}
.designer ul li img {
  border: 1px #EEEEEF solid;
  width: 245px;
  height: 300px;
  position: absolute;
  left: 85px;
  top: 15px;
}
.designer ul li dt {
  border: 1px #EEEEEF solid;
  width: 370px;
  text-align: center;
  position: absolute;
  top: 235px;
}
.designer ul li .designer-dt {
  border: 1px #EEEEEF solid;
  width: 370px;
  text-align: center;
  position: absolute;
  top: 270px;
}
.designer ul li dl {
  border: 1px #EEEEEF solid;
  width: 350px;
  text-align: center;
  position: absolute;
  top: 320px;
  margin: 0 10px;
}
.designer ul li dd {
  border: 1px #EEEEEF solid;
  width: 370px;
  text-align: center;
  position: absolute;
  top: 400px;
}
.designer-list-next {
  border: 1px #EEEEEF solid;
  width: 900px;
  margin: 0 auto;
  height: 40px;
}
/*<!--新闻列表页-->*/
.news-list {
  width: 1200px;
  margin: 0 auto;
  height: 1050px;
}
.news-list ul {
  width: 1200px;
  margin: 0 auto;
}
.news-list ul li {
  border: 1px #EEEEEF solid;
  width: 1200px;
  margin: 15px auto;
  height: 190px;
  position: relative;
}
.news-list ul li a {
  color: #000;
}
.news-list ul li > img {
  width: 300px;
  height: 190px;
  position: absolute;
  top: 0;
  left: 0px;
}
.news-list ul li > dt {
  width: 350px;
  left: 330px;
  top: 30px;
  position: absolute;
  font-size: 18px;
  font-weight: 600;
}
.news-list ul li > dl {
  width: 350px;
  left: 330px;
  top: 110px;
  position: absolute;
}
.news-list ul li > dd {
  right: 40px;
  bottom: 35px;
  position: absolute;
}
.news-list .news-list-right {
  width: 135px;
  height: 30px;
  right: 157px;
  top: 30px;
  position: absolute;
}
.news-list .news-list-right img {
  width: 30px;
  height: 30px;
}
.news-list .news-list-right dl {
  height: 30px;
  left: 35px;
  top: 0px;
  position: absolute;
  line-height: 30px;
}
.news-list .news-list-right-time {
  width: 135px;
  height: 30px;
  right: 0px;
  top: 30px;
  position: absolute;
}
.news-list .news-list-right-time img {
  width: 30px;
  height: 30px;
}
.news-list .news-list-right-time dl {
  height: 30px;
  left: 35px;
  top: 0px;
  position: absolute;
  line-height: 30px;
}
/*house-<!--分类筛选-->*/
.houselife {
  width: 1200px;
  height: 200px;
  margin: 0 auto;
  position: relative;
}
.houselife > dl {
  width: 1150px;
  font-size: 24px;
  height: 30px;
  border-bottom: 1px #EEEEEF solid;
  margin: 0 auto;
  padding: 15px 0;
}
.houselife > dd {
  width: 120px;
  height: 40px;
  line-height: 40px;
  margin-left: 20px;
}
.houselife .houselifeone {
  width: 1000px;
  position: absolute;
  left: 65px;
  top: 61px;
  font-size: 14px;
}
.houselife .houselifetwo {
  width: 1000px;
  position: absolute;
  left: 65px;
  top: 102px;
  font-size: 14px;
}
.houselife .houselifethr {
  width: 1000px;
  position: absolute;
  left: 65px;
  top: 143px;
  font-size: 14px;
}
.houselife ul li {
  width: 100px;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 40px;
}
.houselife ul li a {
  color: #000;
}
/*<!-office_index-装修风格-->*/
.decrostyle {
  border: 1px #EEEEEF solid;
  width: 1200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.decrostyle-center {
  border: 1px #EEEEEF solid;
  width: 1200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.decrostyle > dl {
  border: 1px #EEEEEF solid;
  width: 900px;
  margin: 20px auto;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}
.decrostyle > dd {
  border: 1px #EEEEEF solid;
  width: 900px;
  margin: 20px auto;
  text-align: center;
  font-size: 14px;
}
.decrostyle-left li {
  border: 1px #EEEEEF solid;
  width: 230px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}
.decrostyle-left li a {
  color: #000;
}
.decrostyle-right {
  position: absolute;
  top: 0px;
  right: 0;
  width: 970px;
  height: 400px;
}
.decrostyle-right li {
  border: 1px #EEEEEF solid;
  float: left;
  width: 483px;
  height: 410px;
}
/*<!--office_index-装修服务-->*/
.decroservice {
  border: 1px #EEEEEF solid;
  width: 1200px;
  margin: 0 auto;
  height: 560px;
  position: relative;
}
.decroservice > dl {
  border: 1px #EEEEEF solid;
  width: 900px;
  margin: 20px auto;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}
.decroservice > dd {
  border: 1px #EEEEEF solid;
  width: 900px;
  margin: 20px auto;
  text-align: center;
  font-size: 14px;
}
.decroservice-left-top {
  border: 1px #EEEEEF solid;
  width: 350px;
  height: 175px;
  position: absolute;
  left: 0;
  top: 120px;
}
.decroservice-left-bottom {
  border: 1px #EEEEEF solid;
  width: 350px;
  height: 175px;
  position: absolute;
  left: 0;
  top: 355px;
}
.decroservice-center {
  border: 1px #EEEEEF solid;
  width: 350px;
  height: 412px;
  position: absolute;
  left: 420px;
  top: 120px;
}
.decroservice-right-top {
  border: 1px #EEEEEF solid;
  width: 350px;
  height: 175px;
  position: absolute;
  right: 0;
  top: 120px;
}
.decroservice-right-bottom {
  border: 1px #EEEEEF solid;
  width: 350px;
  height: 175px;
  position: absolute;
  right: 0;
  top: 355px;
}
/*<!-office_index-行业经验-->*/
.industry {
  border: 1px #EEEEEF solid;
  border-bottom: none;
  border-top: none;
  width: 1200px;
  margin: 0 auto;
  height: 250px;
  position: relative;
  overflow: hidden;
}
.industry ul {
  width: 1200px;
  margin-left: 60px;
  height: 210px;
  position: absolute;
  bottom: 20px;
  left: 0;
  margin-top: 20px;
}
.industry ul li {
  width: 230px;
  height: 200px;
  float: left;
  position: relative;
  margin: 0 20px;
}
.industry ul li img {
  width: 75px;
  height: 75px;
  position: absolute;
  left: 78px;
}
.industry ul li dl {
  width: 230px;
  text-align: center;
  position: absolute;
  top: 85px;
  font-size: 26px;
  font-weight: 500;
}
.industry ul li dd {
  width: 230px;
  text-align: center;
  position: absolute;
  top: 135px;
}
/*office_index-设计团队*/
.desigergroup {
  border: 1px #EEEEEF solid;
  width: 1200px;
  margin: 0px auto;
  position: relative;
  margin-bottom: 15px;
}
.desigergroup > dl {
  width: 900px;
  margin: 20px auto;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}
.desigergroup > dd {
  width: 900px;
  margin: 20px auto;
  text-align: center;
  font-size: 14px;
}
.designergroup-left {
  margin-left: 10px;
  width: 435px;
  height: 385px;
  top: 117px;
}
.designergroup-left > dt {
  width: 435px;
  font-size: 21px;
  margin: 40px 0;
}
.designergroup-left > dl {
  width: 400px;
  line-height: 30px;
  margin: 60px 0;
  font-size: 14px;
}
.designergroup-left dd{
  text-align: center;
}
.designergroup-left dd>a{
  background: blue;
  padding: 10px 30px;
  background:rgba(0, 0, 0, 0.9);
  color: #ffffff;
  transition: 1s;
}
.designergroup-left dd>a:hover {
  background:#d20d0d;
}
.designergroup-left > a {
  background: #02203D;
  padding: 10px 20px;
  color: #FFF;
}
.designergroup-right {
  width: 765px;
  height: 385px;
  position: absolute;
  top: 117px;
  right: 0;
}
.designergroup-right > a {
  color: #000;
}
.designergroup-right li {
  width: 245px;
  height: 380px;
  float: left;
  margin-left: 5px;
}
.designergroup-right li img {
  border: 1px #EEEEEF solid;
  width: 245px;
  height: 300px;
}
.designergroup-right li dl {
  text-align: center;
  margin: 10px 0;
  font-size: 19px;
}
.designergroup-right li dd {
  text-align: center;
  margin: 10px 0;
}
/*office_index-装修案例*/
.office-item {
  width: 1200px;
  margin: 0 auto;
  height: 820px;
  position: relative;
}
.office-title {
  width: 900px;
  margin: 20px auto;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}
.office-description {
  width: 900px;
  margin: 20px auto;
  text-align: center;
  font-size: 14px;
}
.office-item ul {
  width: 1245px;
  margin: 0 auto;
  position: absolute;
  left: 0px;
}
.office-item ul li {
  background: #096;
  position: relative;
  width: 370px;
  height: 270px;
  float: left;
  margin-right: 45px;
  margin-bottom: 10px;
  overflow: hidden;
  cursor: pointer;
}
.office-item ul li img {
  position: absolute;
  top: 0;
  left: 0;
}
.office-item ul li dl {
  border: 1px #EEEEEF solid;
  background: rgba(9, 56, 102, 0.6);
  position: relative;
  width: 390px;
  height: 390px;
  top: 390px;
  left: 0px;
  transition: 1s;
  text-align: center;
  line-height: 390px;
  color: #FC3;
}
.office-item ul li:hover dl {
  top: 0;
}
.office-item_list {
  width: 1200px;
  margin: 0 auto;
  position: relative;

}
.office-item_list ul {
  width: 1245px;
  float: left;
  left: 0px;
}
.office-item_list ul li {
  background: red;
  position: relative;
  width: 370px;
  height: 270px;
  float: left;
  margin-right: 45px;
  margin-bottom: 45px;
  overflow: hidden;
  cursor: pointer;
}
.office-item_list ul li img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.office-item_list ul li dl {
  border: 1px #EEEEEF solid;
  background: rgba(9, 56, 102, 0.6);
  position: relative;
  width: 390px;
  height: 390px;
  top: 390px;
  left: 0px;
  transition: 1s;
  text-align: center;
  line-height: 390px;
  color: #FC3;
}
.office-item_list ul li:hover dl {
  top: 0;
}
.lsy{
  font-size: 25px;
}