.homefour { clear: both; position: relative; background: url(../imagespc/homefourbg01.jpg) center top no-repeat #090909; padding: 72px 0 48px } .homefour .homefourpic { width: 358px; position: absolute; left: 50%; bottom: 0; z-index: 1; margin-left: -562px } .homefour .hometit h2,.homefour .hometit p { color: #fff } .homefour .container { margin-top: 55px; position: relative; background: url(../imagespc/homefourbg02.png) right top no-repeat; height: 304px; background-size: 1000px 304px; padding-left: 290px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="../imagespc/homefourbg02.png", sizingMethod="scale"); -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="../imagespc/homefourbg02.png", sizingMethod="scale") } .homefour .homefourtit { color: #fff; font-size: 12px; padding: 15px 0 15px 35px; display: inline-block; position: relative } .homefour .homefourtit:after { content: ""; position: absolute; right: -106px; top: 25px; width: 100px; height: 8px; background: url(../imagespc/homefourpic03.png) right center no-repeat } .homefour ul { padding: 39px 0 25px } .homefour ul li { float: left; line-height: 20px; text-align: center; width: 150px; margin-right: 26px; position: relative; padding: 22px 10px; font-size: 12px } .homefour ul li i { clear: both; display: block; text-align: center; font-style: normal; padding-bottom: 10px } .homefour ul li i img { height: 28px!important; display: inline-block; vertical-align: bottom; margin-right: 5px; width: auto } .homefour ul li:after,.homefour ul li:before { content: ""; position: absolute; border-style: solid; border-color: #cf2423 } .homefour ul li:after { border-width: 1px; left: 0; bottom: 0; right: 5px; top: 5px } .homefour ul li:before { border-width: 2px; right: 0; top: 0; bottom: 5px; left: 5px } .homefour .homefourtxt { font-size: 12px; line-height: 20px; padding: 0 20px 0 35px; color: #333 } .homefive { clear: both; position: relative; background: url(../imagespc/homefivebg.jpg); padding: 40px 0 } .homefive .container { position: relative; z-index: 2 } 
 
 loating_ewmBom .floating_ewmBomFr { font-size: 16px; line-height: 28px } .floating_ewm .floating_ewmTop { font-size: 20px; background-size: 26px; padding-left: 35px } } .ie8-hack .homefour .homefourtit,.ie8-hack .homethree .homethreebom li .homethreefr .homethreetit i { display: none } .ie8-hack .homefour .container { background: url(../imagespc/homefivebg.jpg) } .ie8-hack .homethree .homethreebom li .homethreefr:after { background: 0 0; display: none }
.bncp {
  width: 90%;
  margin: 0px auto;
}
.bncp h4 {
  color: #8e8e8e;
  font-size: 18px;
}
.bncp h4 img {
  margin-bottom: 10px;
  display: block;
}
.bncp a {
  padding-top: 30px;
}
.sycpcon {
  width: 90%;
  margin: 40px auto;
  overflow: hidden;
}
.sycpcon li {
  background: #eaebeb;
  float: left;
  margin-bottom: 15px;
  position: relative;
  transition: all .3s;
}
.sycpcon li:hover {
  box-shadow: 0 0 15px #c4c4c4;
}
.sycpcon li a {
  display: block;
}
.sycpcon li a p {
  position: absolute;
  font-size: 24px;
  z-index: 92;
  color: #fff;
}
.sycpcon li a p em {
  display: block;
  font-size: 16px;
  color: #fff;
  margin-top: 20px;
}
.sycpcon li a img {
  position: absolute;
  z-index: 0;
}
.sycpcon li:nth-of-type(1) {
  width: 40%;
  height: 600px;
  margin-right: 1%;
  background: url(../images/3_03.jpg);
  background-size: 100% 100%;
}
.sycpcon li:nth-of-type(1) img {
  right: 20px;
  top: 15%;
  width: 80%;
}
.sycpcon li:nth-of-type(1) p {
  bottom: 40px;
  left: 4%;
}
.sycpcon li:nth-of-type(2) {
  width: 28%;
  margin-right: 1%;
  height: 292px;
  background: url(../images/3_05.jpg);
  background-size: 100% 100%;
}
.sycpcon li:nth-of-type(2) img {
  right: 0px;
  bottom: -16px;
  width: 80%;
}
.sycpcon li:nth-of-type(2) p {
  bottom: 40px;
  left: 4%;
}
.sycpcon li:nth-of-type(3) {
  width: 30%;
  height: 292px;
  background: url(3_07.jpg);
  background-size: 100% 100%;
}
.sycpcon li:nth-of-type(3) p {
  bottom: 40px;
  left: 4%;
}
.sycpcon li:nth-of-type(3) img {
  right: 10%;
  bottom: 16px;
  width: 60%;
}
.sycpcon li:nth-of-type(4) {
  width: 58%;
  margin-right: 0;
  height: 295px;
  background: url(3_11.jpg);
  background-size: 100% 100%;
}
.sycpcon li:nth-of-type(4) p {
  bottom: 40px;
  left: 4%;
}
.sycpcon li:nth-of-type(4) img {
  right: -20px;
  top: 16px;
  width: 60%;
}
.sycpcon li:nth-of-type(5) {
  width: 33%;
  height: 295px;
}
.sycpcon li:nth-of-type(5) p {
  bottom: 40px;
  left: 4%;
}
.sycpcon li:nth-of-type(5) img {
  right: 10%;
  bottom: 16px;
  width: 46%;
}
.sycpbj {
  back ground: #f4f4f4;
  padding: 20px 0 30px 0;
}
.syflm {
  text-align: center;
  margin: 0px auto 30px auto;
}
.syflm .button3 {
  display: inline-block;
  background: #fff;
  border: 1px solid #dddddd;
  padding: 10px 16px;
  border-radius: 50px;
  font-size: 18px;
}
.syflm .button3:hover {
  background: #ff3a44;
  color: #fff;
  box-shadow: 0 0 15px #ff3a44;
  border: 1px solid #ff3a44;
}
@media (max-width: 1440px) {
  .topwl {
    display: none;
  }
  .sy_wz_con ul li {
    height: 154px;
  }
  .syflm .button3 {
    display: inline-block;
    background: #fff;
    border: 1px solid #dddddd;
    padding: 5px 32px;
    margin-right: 30px;
    border-radius: 15px;
    font-size: 18px;
  }
  .syys .i3 {
    left: -68px;
    top: 294px;
  }
  .syys .i6 {
    right: -70px;
    top: 294px;
  }
  .syys .img2 {
    width: 46%;
  }
  .about {
    height: 1128px;
  }
}