*{margin: 0;
padding: 0;
list-style: none;
border: none;
box-sizing: border-box;
outline: none;
}
a{
text-decoration: none;
}
a:hover{
color:none;
}
div,button,input{
outline: none;
}
.w1480{
  width: 1480px;
  margin:0 auto; 
}
.fourpro{
    height:750px;
    /*background: url(../image/backley.jpg) no-repeat;*/
    background-size:100%;
}
.fourpro li{
    width: 25%;height: 100%;float: left;transition: 0.5s;position: relative;
}  
.fourpro li div{position: absolute;top: 0;left: 0;
   width: 100%;height: 100%; background:rgba(0,0,0,0.5);
}
.fourpro li:hover div{
 opacity: 0;
}  
.title-name {
    text-align: center;height: 90px;margin: 95px 0 75px 0;
}
.title-name p{
    font-size: 21.5px;color: #666566;font-weight: bold;margin-top: -55px;text-transform: uppercase;
}
.design{
    display: flex;flex-wrap: wrap;justify-content: space-between;
}
.design li{width: 260px;height: 260px;border-radius: 130px;position: relative;
    overflow: hidden;margin-bottom: 45px;}
.design li .border{
    border-top:6px #1ad280 solid;border-left:6px #1ad280 solid;
    border-bottom:6px #ecab18 solid;border-right:6px #ecab18 solid;
    width: 260px;height: 260px;border-radius: 130px;transition: 1s;overflow: hidden;}
.design li img{width: 248px;height: 248px; border-radius:124px; position: absolute;left:6px;top:6px;}
.design li:hover .border{transform: rotate(180deg);}
.design li .zzj{color: white;text-align: center;width: 248px;height: 248px; border-radius:124px; position: absolute;left:6px;top:6px;background: rgba(0,0,0,0.5);opacity: 0;transition: 1s;font-size:30px;font-weight: bold;line-height:250px;}
.design li:hover .zzj{opacity: 1;}
.product{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:50px;}
.product li{width: 358px;height: 345px;overflow: hidden;margin-bottom: 30px;
line-height: 40px}
.product li img{width: 100%;height: 296px;}
.product li p{float: left;border-left: 4px #b5b5b5 solid;text-indent:12px;}
.product li span{float: right;}
.product-list{
    display: flex;justify-content: center;border-bottom: 1px #b5b5b5 solid;
}
.product-list li{font-size: 18.5px;
    width: 190px;height: 85px;text-align: center;line-height: 85px;
}
.product-list a:first-child{
    border-bottom: 2px black solid;
}
.product-list a:hover{
    border-bottom: 2px black solid;
}
.more{background: white;margin: 35px auto;display: block;
    width: 108px;height: 34px;border-radius: 10px;border: 1px black solid;}
.news{overflow: hidden;margin-top: 70px;}
.news li{width: 25%;float: left;color: #666566;}
.news li h1{font-size: 28px}
.news li img{width: 100%;}
.news li div{padding: 20px;}
.news li div .news-title{font-size: 18px;line-height: 40px;margin-top: 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.news li div .news-conten{font-size: 14px;line-height: 30px;margin-top: 10px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;
}
.news li div span{margin-top: 20px;display: block;}
.partner{display:flex;flex-wrap: wrap;justify-content: space-between;margin-bottom:80px}
.partner li{
    width: 285px;height: 100px;border: 1px #bfbfbf solid;margin-top: 20px;}
    .showstr{
        float:left;margin-left: 30px;padding-top: 10px;
      }
      .showstr dl{
        float: left;margin-left:20px;
      }
      .showstr dt{
        font-size: 16px;font-weight: bold;
      }
      .showstr dd a{
        font-size: 13px;color:black;display: block;line-height:35px;text-indent: 5px;
      }
      .footer-copyright{
          text-align: center;height:80px;margin-top: 20px;
          border-top:1px grey solid ;padding-top: 20px;
      }
.footer-bottom a{color: white;}
img{height:100%}
.items-pic{overflow:hidden}