*{
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    box-sizing: border-box;}
  a{text-decoration: none;color: #000000;}
  a:hover{color:none;}
  div,button,input{outline: none;}
  .w1200{width: 1200px;margin:0 auto;}
  .titles{padding-top: 65px;text-align: center;margin-bottom: 40px;}
  .titles p{font-size: 42px;line-height: 60px;}
  .titles p strong{color: rgb(221, 33, 34);}
  .titles span{display: block;margin: 8px 0;}

.jgo li{width: 230px;height: 200px;background: rgb(244, 244, 244);}
.imgsm{width: 50%;height: 500px;}
.imgsm img{width: 100%;height: 100%;text-align: center;}
.comrt{width: 50%;height: 500px;padding:20px 5px 10px 40px;border-bottom: 1px gray solid;}
.numm{width: 62px;height: 73px;background: url(../image/ggy.png) no-repeat;color: white;text-align: center;line-height: 73px;
    font-size: 38px;float: left;}
.smtit{margin-left: 20px;float: left;}
.smtit span{font-size: 14px;color: gray;text-transform: uppercase;}
.smtit p{font-size: 30px;}
.indut{font-size: 14px;line-height: 30px;margin-top: 30px;}


.feature{position:relative}
.feature .prev{position:absolute;top:35px;left:0}
.feature .next{position:absolute;top:35px;right:0}
.prev img{width:40px}
.next img{width:40px;transform:rotate(180deg)}
.exper{margin-left:50px;}

.exper img{width: 220px;height: 150px;margin:10px}
.fenl{display: flex;justify-content: center;color: white;margin-top: 20px;}
.fenl li{margin:0 10px;}
.fenl li div{width: 10px;height: 10px;border: 2px white solid;border-radius: 5px;display: inline-block;margin-right: 5px;}
.redbo{width: 590px;height: 123px;background: rgb(221, 33, 34);padding-top: 20px;}
.redbo>div{color: white;padding-left:45px;font-size: 24px;font-weight: bold;margin: 0 auto;width: 200px;}

.productlist{display: flex;flex-wrap: wrap;justify-content: space-between;}
.productlist li{width: 386px;height: 336px;margin-top: 20px;}
.productlist li>div{width: 100%;height:286px;position: relative;}
.productlist li>div>div{ position: absolute;left: 0;top: 0; width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: none;}
.productlist li:hover >div>div{display: block;}
.productlist li img{width: 100%;height:100%;display: block;transition: 0.5s;}
.productlist li p{width: 100%;height: 50px;background: white;text-align: center;line-height: 50px;}
.productlist li:hover img{transform: scale(0.9);}


.myd li{border-left:1px grey solid;text-align:center;color:white;float:left;font-size:22px;padding:0 25px}

.tempWrap{margin-left:40px}
.fir li{width: 300px;height: 130px;background: #eeeeee;float: left;text-align: center;padding-top: 15px;}
.fir li:hover{background: #dd2122;}
.fir li img{width: 42px;}
.fir li h1{font-size: 24px;margin: 5px;}
.fir li p{font-size: 12px;color:#d6d6d6;text-transform: uppercase;}
.fir li:hover h1{color: white;}
.firist li img{width: 1200px;height: 530px;}
.firist li{display: none;}
.firist li:first-child{display: block;}

.lesma{float: left;width: 400px;height: 484px;padding: 30px;position: relative;background: white;}
.lesma .yin{position: absolute;width: 100%;height: 230px;background: #2a2a2a;top: 0;left: 0;z-index: -1;}

.coop{overflow: hidden;}
.coop>p{float: right;width: 32px;height: 32px;border-radius: 16px;color: gray;border: 2px gray solid;text-align: center;
  line-height:25px;font-size: 25px;}
  .coop>div{float: left;}
  .coop>div>p{color: gray;text-transform: uppercase;font-size: 14px;}
  .coop>p:hover{background: #dd2122;color: white;border: 2px  transparent solid;}

 .lesma img{width: 335px;height: 225px;display: block;margin: 10px auto;margin-top: 20px;}
.lesma >p{font-size: 14px;font-weight: bold;}
.lesma >span{display: block;color:#dd2122;font-size: 24px;margin:6px 0;}
.lesma .contm{font-size: 14px;}

.hange{width: 100%;height: 230px;background: white;padding: 30px;}


.lesmme p{font-size: 14px;font-weight: bold;}
.lesmme span{display: block;color:gray;font-size: 12px;margin:6px 0;}
.lesmme div{font-size: 14px;height: 60px;overflow: hidden;}

.know{width:253px;height: 115px;float: left; font-size: 14px;}
.know li{background: url(../image/21.png) no-repeat left center;padding-left: 20px;height: 19px;overflow: hidden;}
.newson{float: right;width:435px;height: 115px;}

.titah p{text-transform: uppercase;font-size: 12px;color: gray;}
.titah h3{font-size: 24px;color: rgb(221, 33, 34);line-height:40px;}
.titah div{width: 20px;border-top:1px rgb(221, 33, 34) solid;}

.elew{line-height: 40px;padding-left: 30px;}

.advante li a{
    color: white;
    font-size: 14px;
    float: left;
    width: 150px;
    line-height: 30px;
}