*{
    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}
.shc{float:right}
.shc a{color:white}
.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: 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: white;}
.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}

.greyColor p{float:left;line-height:38px}



.swip{position:relative}
  .advantage{display:flex;justify-content:center;margin-bottom:20px}
.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:#1167ac;float:left;padding:16px}
h2{text-align:center;color:white;font-size:40px;}
.product ul{width:100%;background:#508fc0;border-radius:10px;padding:10px 20px;padding-bottom:40px}
.product ul li{width:100%;height:50px;border-radius:25px;background:#1775c5;line-height:50px;padding:0 15px;margin:16.5px 0}
.product ul li:hover{background:#d82734}
.product ul li p{color:white;font-size:16px;text-align:center}
.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 ul{display:flex;justify-content:space-between;}
.case li{
    width: 290px;height: 425px;overflow: hidden;position: relative;
}
.case li img{height:120%;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{position:absolute;color:white;left:25px;bottom:20px}
.case li div p{}
.case li:hover img{transform: translateY(-10px);transition:1s}
.casetitle{height:50px}

.case2 {display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}
 .case2 li{width:395px;margin-top:20px}
.case2 li img{width:100%;height:305px}

.case2 li p{height:62px;background:#1167ac;margin-top:-5px;text-align:center;line-height:62px;color:white;font-size:18px}
.case3 ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.case3 li{width:235px;height:130px;margin-bottom:20px;overflow:hidden}
.case3 li img{width:100%;height:100%;transition:0.8s}
.case3 li:hover img{transform: scale(1.1);}
.more{width:165px;height:40px;color:white;background:#007e38;font-size:16px;text-align:center;line-height:40px;display:block}

.aboutus{padding-top:100px}



.gd{position:relative}
.gd ul{}
.gd ul li{width: 215px;height: 300px;margin-right:8px;overflow:hidden}
.gd ul li img{width:100%;transition:0.8s}
.gd ul li div{width:100%;height:132px;background:white;margin-top:-6px}
.gd ul li div a{
    font-size:20px;color:#dc2423;border: 2px #dc2423 solid;display: block;margin: 0 auto;width: 110px;height: 30px;text-align: center;line-height: 26px;border-radius:15px;
}
.gd ul li div p{padding-top: 25px;margin-bottom: 10px;
    font-size: 24px;color: #1438b3;font-weight: bold;text-align: center;
}

.gd ul li:hover img{
    transform: scale(1.1);
}
.consultation{width:215px;height:40px;border-radius:20px;border:1px white solid;color:white;display:block;margin:0 auto;text-align:center;line-height:40px;font-size:15px;color:white;margin-top:40px}
.consultation:hover{color:white;background:red;border:none;}
.comment{margin-top:50px}
.comment p{font-size:15px;line-height:40px;}
.comLeft{float:left;width:510px}
.comRight{float:right;width:510px}

.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,#1167ac 0%,#1167ac 50%,white 50%,white 100%);height:540px}
h2{margin:none;font-size:32px;line-height:90px}
.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}
h3{
    text-indent: 40px;
}