@charset "utf-8";
.zdly-content {
  width: 1100px;
  margin: 0 auto;
  background: url(img/2018_zdly_header_bg.jpg) top center no-repeat;
}
.zdly-content .zdly-header .con_title_left {
  line-height: 30px;
  color: #9e9e9e;
}
.zdly-content .zdly-header .con_title_left a {
  color: #9e9e9e;
}
.zdly-content .zdly-header .con_title_left a:hover {
  color: #A10000;
}
.zdly-content .zdly-header .con_title_left span {
  color: #9e9e9e;
}
.zdly-content .zdly-header .con_title_left .title {
  font-size: 26px;
  color: #333333;
}
.zdly-content .zdly-header .con_title_left .title .list_left_title {
  color: #0C86D8;
  font-size: 24px;
}
.zdly-content .zdly-header .con_title_left .listpo {
  padding-left: 25px;
  height: 40px;
  line-height: 40px;
}
.zdly-content h3.zdjsxm-title {
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: transparent;
  margin-top: 248px;
}
.zdly-content h3.zdjsxm-title a {
  display: block;
  width: 138px;
  height: 38px;
  line-height: 38px;
  margin: 0px auto;
  background: #1f89d7;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
}
.zdly-content .zdly-div {
  width: 1062px;
  padding: 0 19px 20px;
  background: #fff;
  overflow: hidden;
}
.zdly-content .zdly-div .project-box {
  width: 1062px;
  height: 219px;
  margin-bottom: 20px;
  background: url(img/2018_zdly_grid_bg.png) no-repeat;
}
.zdly-content .zdly-div .project-box .ztbxx-title {
  height: 50px;
  text-align: center;
  line-height: 70px;
  background: url(img/2018_zdly_title_bg.png) top center no-repeat;
}
.zdly-content .zdly-div .project-box .ztbxx-title a {
  font-weight: bold;
  font-size: 20px;
  color: #248cda;
}
.zdly-content .zdly-div .project-box.project-box-2 {
  height: 241px;
  background: url(img/2018_zdly_grid2_bg.png) no-repeat;
}
.zdly-content .zdly-div .project-box.project-box-2 .zdly-list {
  padding-top: 5px;
}
.zdly-content .zdly-div .zdly-list {
  width: 800px;
  height: 175px;
  margin: 0px auto;
  padding-top: 20px;
}
.zdly-content .zdly-div .zdly-list li {
  font-size: 16px;
  line-height: 35px;
  height: 35px;
  background: url(img/2018_zdly_list_icon.png) no-repeat 10px center;
  text-indent: 35px;
}
.zdly-content .zdly-div .zdly-list li a {
  float: left;
  font-size: 16px;
  line-height: 35px;
  height: 35px;
  width: 800px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zdly-content .zdly-div .zdly-list li a:hover {
  color: #347bd7;
}
.zdly-content .zdly-div .zdly-floor {
  width: 100%;
  height: 162px;
  overflow: hidden;
  padding-bottom: 20px;
}
.zdly-content .zdly-div .zdly-floor .zdly_floor_title {
  height: 50px;
  text-align: center;
  line-height: 70px;
  background: url(img/2018_zdly_title_bg.png) top center no-repeat;
  font-weight: bold;
  font-size: 20px;
  color: #248cda;
}
.zdly-content .zdly-div .zdly-floor .zdly_floor_title a {
  font-weight: bold;
  font-size: 20px;
  color: #248cda;
}
.zdly-content .zdly-div .zdly-floor ul {
  width: 484px;
  height: 95px;
  margin: 10px auto 22px;
  overflow: hidden;
}
.zdly-content .zdly-div .zdly-floor ul li {
  float: left;
  width: 202px;
  height: 95px;
  line-height: 95px;
  margin: 0px 20px;
  text-align: center;
  background: #f9f9f9;
}
.zdly-content .zdly-div .zdly-floor ul li a {
  display: block;
  width: 202px;
  height: 95px;
  line-height: 95px;
  text-align: center;
  background: #f9f9f9;
  font-size: 18px;
  overflow: hidden;
}
.zdly-content .zdly-div .zdly-floor ul li a:hover {
  color: #008DCA;
}
.zdly-content .zdly-div .zdly-floor ul li a:hover img {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.zdly-content .zdly-div .zdly-floor ul li a img {
  float: left;
  margin-top: 22px;
  margin-left: 20px;
  margin-right: 15px;
  -webkit-transition: all 0.5s;
}
.zdly-content .zdly-div .zdly-floor ul li a span {
  float: left;
  width: 90px;
  height: 50px;
  line-height: 1;
  margin-top: 30px;
}
.zdly-content .zdly-div .zdly-floor .zdly-floor-left {
  float: left;
  width: 518px;
  height: 180px;
  border: 1px solid #eeeeee;
  margin-right: 20px;
}
.zdly-content .zdly-div .zdly-floor .zdly-floor-right {
  float: left;
  width: 518px;
  height: 180px;
  border: 1px solid #eeeeee;
}
.zdly-content .con-title {
  margin-top: 24px;
  height: 30px;
  line-height: 30px;
  background: url("../images/2018_bsfw_border.png") repeat-x bottom;
}
.zdly-content .con-title span {
  float: left;
  display: block;
  text-align: center;
}
.zdly-content .con-title span.hover {
  color: #347bd7;
  border-bottom: 3px #347bd7 solid;
}
.zdly-content .con-title span.hover a {
  color: #347bd7;
  font-size: 20px;
  font-weight: bold;
}
.zdly-content .con-title a.more {
  float: right;
  color: #c70000;
}
.zdly-content .con-title a.more:hover {
  text-decoration: underline;
}
@media screen and (max-width:768px) {
  .zdly-content{width: 100%;background-size: contain;}
  .zdly-content .zdly-div{width: 100%}
  .zdly-content h3.zdjsxm-title{background: #fff;margin-top: 16%;}
  .zdly-content .zdly-div .project-box,.zdly-content .zdly-div .project-box-2{width: 100%;background:none!important;}
  .zdly-content .zdly-div .zdly-list{width: 100%;}
  .zdly-content .zdly-div .zdly-list li{text-indent: 0;background:none;}
  .zdly-content .zdly-div .zdly-list li a{width: 100%;}
  .zdly-content .zdly-div .zdly-floor{height: auto;width: 100%;}
  .zdly-content .zdly-div .zdly-floor .zdly-floor-left,.zdly-content .zdly-div .zdly-floor .zdly-floor-right{width: 100%;float: none;}
  .zdly-content .zdly-div .zdly-floor ul{width: 100%;}
  .zdly-content .zdly-div .zdly-floor ul li{width: 50%;margin: 0;}
}