*{
    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: 40px;text-align: center;margin-bottom: 25px;}
  .titles p{font-size: 42px;line-height: 60px;}
  /*.titles p strong{color: rgb(221, 33, 34);}*/
  .titles span{display: block;margin: 8px 0;font-size:15px}

.jgo li{width: 230px;height: 200px;background: rgb(244, 244, 244);}
.imgsm{width: 50%;height: 500px; overflow:hidden;}
.imgsm img{height: 100%;text-align: center;}
.comrt{width: 600px;height: 500px;padding:20px 5px 10px 40px;border-bottom: 1px gray solid;}
.numm{width: 62px;height: 73px;background: url(../image/ggy2.png) no-repeat;color: white;text-align: center;line-height: 73px;
    font-size: 38px;float: left;background-size:100%}
.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;}


/*.safapro{display:flex;justify-content:space-between;margin-bottom:20px}*/
/*.safapro li{width:100px}*/
/*.safapro li img{width:100%;height:120px;border-radius:60px}*/
/*.safapro li p{width:100px;height:35px;background:grey;text-align:center;line-height:35px;border-radius:10px;color:white}*/
/*.safapro li:hover p{background:#da251d;}*/



.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;border:1px grey solid}
.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: white;line-height:40px;}
.titah div{width: 20px;border-top:1px rgb(221, 33, 34) solid;}

.elew{line-height: 40px;padding-left: 30px;}
.cases {margin:20px 0}
.cases li{width:283px;height:160px;float:left;margin-right:16px}
.cases li img{width:100%;height:100%}
.advante{margin-top:20px}
.advante li a{color:white;font-size:14px;float:left;width:150px;line-height:30px}


/*.swiper-slide{display:none}*/
.swiper-slide{transform: scale(0.3);display:flex!important;justify-content: center!important;}
.swiper-slide-active{z-index:100;display:block;transform: scale(0.8)}
.swiper-slide-prev,.swiper-slide-next{
    transform: scale(0.5);display: block;
}
img.pre{width:50px;position:absolute;left:-100px;top:200px}
img.next{width:50px;transform:rotate(180deg);position:absolute;right:-100px;top:200px}


.swip{position:relative}
  .advantage{display:flex;justify-content:center}
.advantage li{width:220px;height:260px;border-right:1px #dddddd solid;padding:30px}
.advantage li img{margin:0 auto;display:block}
.advantage li p{
    text-align: center;font-size: 23px;margin: 20px auto;
}
.advantage li span{text-align:center;display:block;color:grey}
.advantage li:hover{
    box-shadow: 0px 0px 20px grey;border: none;
}
.advantage li:hover p{
    font-weight: bold;
}
.product{width:280px;background:#274e9d;float:left;padding:20px}
h2{text-align:center;color:white;font-size:40px;}
.product ul{width:100%;background:#d6dce8;border-radius:10px;padding:10px 20px}
.product ul li{width:100%;border-radius:10px;background:#367bda;line-height:35px;padding:0 15px;margin:6px 0}

.product ul li a{border-bottom:rgba(255,255,255,0.5) dotted  1px; display:block;}
.product ul li a:hover p{color:#d82734}
.product ul li a.first{ display: block; padding:8px 0; border-bottom:#eee solid 1px; }
.product ul li p{color:white;font-size:14px;white-space: nowrap; padding: 8px 0;}
.product ul li a.first p{font-size:16px}

.productlists{width:905px;float:right;display:flex;justify-content:space-between;flex-wrap:wrap}
.productlists li{width:290px;height:285px;margin-bottom:20px;}
.productlists li>img{width:100%;height:215px}
.productlists li>div{
    width: 100%;height: 70px;background: white;margin-top: -5px;padding:10px
}
.productlists li div div{float:left;width:80%;overflow:hidden}
.productlists li div p{font-size:16px}
.productlists li div span{font-size:13px;height:16px;overflow:hidden;display: block;}
.productlists li div img{float:right;display:block}
.productlists li:hover div{background: #274e9d;color:white}
.productlists li div .img1{display:none}
.productlists li:hover .img1{display:block}
.productlists li:hover .img2{display:none}
.case{background:white;height:500px;padding:30px 15px}
.case ul{display:flex;justify-content:space-between;}
.case li{
    width: 260px;height: 370px;
}
.case li img{height:188px;width:100%;display:block}
.case li p{font-size:16px;margin:12px 0;font-weight:bold}
.case li a{display:block;font-size:14px;margin:0 auto;width:95px;height:30px;line-height:28px;text-align:center;margin-top:15px;font-weight:bold;background-image:url(../Public/image/ss.jpg)}
.case li a:hover{border:none;background:#d62a1f;color:white;height:28px;height:28px}
.case li div{height:65px}
.casetitle{height:50px}

.titles{padding-top:25px;margin-bottom:25px}

.casetitle h3{float:left;font-size:22px}
.casetitle a{float:right;display:block;font-weight:bold}
.flow{display:flex;justify-content:space-between}
.flow li{text-align:center;width:230px}.flow li img{display:block;margin:0 auto;margin-bottom:10px}
.flow li p{font-size:22px;margin:20px 0}
.flow li div{font-size:14px;margin-bottom:48px}
.cases li img:hover{transform:scale(1.2);transition:1s}
.cases li {overflow:hidden}.menu{float:right}
.menu{margin-bottom:60px}
.menu li{float:left;color:white;line-height:60px;font-size:16px;color:white;padding:0 40px}.menu li a{color:white}.footer-bottom a{color:white}
.searchkey{margin-left:120px;margin-top:12px}
.searchkey li{float:left}

.numm{background-size:100%}
.comrt{width:600px;padding: 40px 25px 10px 25px;}
/*.coop{display:none}*/
.next img{display:none}.prev img{display:none}
.xj{height:100px;width:900px;margin:0 auto;margin-top:35px}
.xj img{margin-left:10px;margin-right:10px;margin-top:5px}
.xj a{width:200px;height:40px;border-radius:20px;background:#d62a1f;display:block;text-align:center;float:left;line-height:40px;color:white;font-size:15px;margin-top:5px}
.xj>p{
    line-height: 30px;
}
.xj div span{font-size:35px;font-weight:bold;line-height:28px} 

.comrt{border:none}
.indut {
    width: 462px;
    float: right;
}
.smtit p{font-weight:bold;color:#274e9d}
.exper{margin:0}
.exper img {
    width: 255px;
    height: 160px;
    margin-top:70px;
}
.lesma{background: linear-gradient(to bottom,#164398 0%,#164398 50%,white 50%,white 100%);height:540px}
h2{margin:none;font-size:32px}
.coop>div>p{color:white}
.coop>p{    color: white;
    border: 2px white solid;}
    .lesma a {color:black}
.lesma a p{
    font-size: 20px;font-weight: bold;height: 30px;overflow: hidden;
}
.lesma .contm{height:60px;overflow:hidden}
.newson{width:325px}

.lesmme p{height:18px;overflow:hidden}
.lesmme .l:hover{color:#164398}
.newson {
    float: left;
    margin-right: 35px;}
    .hange{padding-top:50px;height:260px}
        .hange a{color:black}