@charset "utf-8";

@font-face {
  font-family: "SourceHanSansCN-Light";
  src: url("../font/SourceHanSansCN-Light.otf"),
    url("../font/SourceHanSansCN-Light.ttf");
  font-family: "SourceHanSansCN-Normal";
  src: url("../font/SourceHanSansCN-Normal.otf");
  font-family: "SourceHanSansCN-Regular";
  src: url("../font/SourceHanSansCN-Regular.otf");
}

/* banner */
.banner{
    background: url(../images/product_bg.png) center center no-repeat;
    background-size: 1920px auto;
    height: 400px;
    position: relative;
  }
.banner img{
  width: 1200px;
  display: block;
  margin: 0 auto;
}
.banner .sign{height:98px;width: 1200px;background:#fff;box-shadow:0px 2px 20px 0px rgba(0,0,0,0.1);left: 50%;margin-left: -600px;bottom: -49px;position: absolute;text-align: center;}
.banner .sign p:first-child{font-size: 20px;line-height: 26px;padding-top: 20px;color: #333;}
.banner .sign p:last-child{font-size: 18px;line-height: 24px;color: #999;margin-top: 8px;font-family: ArialMT,Arial;}

.fuli{padding-top: 95px;padding-bottom: 40px;}
.fuli li{padding-top: 52px;margin-bottom:40px;padding-left: 60px;}
.fuli li a{display: block;width: 504px;height: 342px;background-color: #fff;position: relative;border: solid 1px transparent;cursor: auto;}
.fuli li a:first-child{float: left;margin-right: 72px;}
.fuli li a:last-child{float: left;}
.fuli li a .icon{position: absolute;left: 14px;top: -56px;width: 103px;height: 103px;z-index: 99;}
.fuli li a .icon img{width: 100%;height: auto;display: block;}
.fuli li a .icon .iconActive{display: none;}
.fuli li a .normal{width: 504px;height: 342px;position: relative;}
.fuli li a .normal img{width: 100%;height: auto;}
.fuli li a .normal .normalWrap{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;color: #fff;box-sizing: border-box;padding-left: 30px;padding-top: 266px;}
.fuli li a .normal .normalWrap .normalTitle{height:20px;font-size:20px;font-family:"SourceHanSansCN-Normal";font-weight:600;line-height: 20px;}
.fuli li a .normal .normalWrap .normalCon{height:24px;font-size:16px;font-family:"SourceHanSansCN-Normal";line-height:24px;margin-top: 10px;}
.fuli li a .active{width: 504px;height: 342px;display: none;box-shadow:0px 4px 12px 0px rgba(0,0,0,0.05);position: relative;}
.fuli li a .active img{width: 100%;height: auto;}
.fuli li a .active .activeWrap{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.fuli li a .active .activeWrap .up{width: 100%;box-sizing: border-box;padding: 26px 22px 37px 133px;}
.fuli li a .active .activeWrap .up .upTitle{height:20px;font-size:20px;font-family:"SourceHanSansCN-Normal";font-weight:bold;color:rgba(40,54,73,1);line-height:20px;}
.fuli li a .active .activeWrap .up .upCon{height:20px;font-size:16px;font-family:"SourceHanSansCN-Normal";font-weight:400;color:rgba(51,51,51,1);line-height:20px;margin-top: 16px;}
.fuli li a .active .activeWrap .up .upEnCon{height:20px;font-size:12px;font-family:ArialMT,Arial;color:rgba(153,153,153,1);line-height:20px;margin-top: 5px;}
.fuli li a .active .activeWrap .down{width: 100%;box-sizing: border-box;padding: 15px 22px 0;}
.fuli li a .active .activeWrap .down .downCon{padding: 4px 0;line-height: 20px;font-size:14px;font-family:"SourceHanSansCN-Normal";font-weight:400;color:rgba(51,51,51,1);;}
.fuli li a .active .activeWrap .down .downEnCon{font-size:14px;font-family:ArialMT,Arial;color:rgba(153,153,153,1);line-height:20px;margin-top: 4px;word-break: keep-all;word-wrap: break-word;}
.fuli li a .lifeActive .activeWrap .up{padding: 26px 22px 16px 133px;}
.fuli li a .lifeActive .activeWrap .down{padding: 12px 14px 0 22px;}

.fuli li a:hover .icon .iconNormal{display: none;}
.fuli li a:hover .icon .iconActive{display: block;}
.fuli li a:hover .normal{display: none;}
.fuli li a:hover .active{display: block;}

@media screen and (max-width:1200px){
  .banner img{
    margin-left: 48px;
  }
}
@media screen and (min-width:1920px){
  .banner{
    background: url(../images/product_bg.png) center center no-repeat;
    background-size: 100% auto;
  }
}