*{
    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;}



  .i-search{
    height: 40px;
    background: #ededed;
    line-height: 40px;overflow: hidden;
}
.i-search-hd{
    width: 800px;
    overflow: hidden;
}
.i-search-hd span{
    font-size: 13px;
    color: #222;
}
.i-search-bd{
    width: 210px;
    margin-top: 9px;
}
.i-search-bd .search-key{
    width: 165px;
    height: 24px;
    border: 1px solid #c8c8c8;
    padding: 0 10px;
    color: #666;
    outline: none;
    float: left;
}
.i-search-bd .search-button{
    float: right;
    width: 45px;
    height: 24px;
    background: #3480ce;
    color: #fff;
    border: none;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
}


  .tit-box{
    text-align: center;margin-bottom: 60px;padding-top: 80px;
}
.tit-box .tit{
    font-weight: bold;
    display: inline-block;
    color: #333;
    font-size:30px;
    line-height: 60px;
}
.tit-box1 .tit{
    color: #fff;
}
.tit-box  i{
    display: inline-block;
    width:50px;
    height:1px;
    background: #999;
    vertical-align: middle;
    margin:0 15px;
    position: relative;
}
.tit-box p{
    font-size: 14px;
    color: #999;
    font-family: Arial;
    text-transform: capitalize;
}
.tit-box1 p{
    color: #eee;
}


.prolist{display: flex;height:46px;background: #eeeff0;}
.prolist li{flex: 1;text-align: center;line-height: 46px;}
.prolist li:first-child{background: #b91f29;}
.prolist li:first-child a{color: white;}
.prolist li:hover{background: #b91f29;}
.prolist li:hover a{color: white;}

.proshow{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 25px;}
.proshow li{width: 390px;height: 330px;position: relative;margin-bottom: 12px;}
.proshow li img{width: 100%;height: 100%;}
.proshow li .shaw{position: absolute;left: 0;top: 0;width: 100%;height: 100%;
  background: rgba(0,0,0,0.4);text-align: center;padding-top: 140px;display: none;}
.proshow li:hover .shaw{display: block;}
.proshow li .shaw img{vertical-align: middle;width: 46px;height: 46px;}
.proshow li .bot{position: absolute;left: 0;bottom: 0;height:40px;background:#eeeff0;
  text-align: center;line-height: 40px;width: 100%;transition: 0.5s;}
.proshow li:hover .bot{height: 60px;background: #b91f29;color: white;line-height: 60px;}

.youshi{background: url(../image/backed.jpg) no-repeat center;height: 890px;}
.youshi .tit{color: white;}
.youshi ul{overflow: hidden;}
.youshi li {width: 230px;text-align: center;color: white;margin:25px 85px;float: left;}
.youshi li div{width: 144px;height: 144px;border-radius: 72px;border: 2px white solid;margin: 0 auto;padding-top: 18px;}
.youshi li div p{font-size:25px;}
.youshi li p{font-size:16px;margin-top: 10px;line-height: 25px;}


.more2{width: 244px;height: 32px;border: 1px white solid;color: white;display: block;border-radius: 20px;
  text-align: center;line-height:32px;margin:50px auto;}
.more2:hover{background:#b91f29;border: 1px #b91f29 solid;color: white;}
.business-wrap{overflow: hidden;}
/* .business-box{padding:70px 0 0 0;} */
.business-box .more2{border: 1px black solid;color:black;}
.business-box .more2:hover{background:#b91f29;border: 1px #b91f29 solid;color: white;}
.business-box .col-xs-2{
  padding-right:0;
  transition: .46s;
}
.business-box .col-xs-2:nth-child(2n){
  margin-top:50px;
}
.business-box .col-xs-2:hover{
  transform: translateY(-40px);
}
.col-xs-2{float: left;width: 16.6%;}
.business-item{
  background: url("../image/img1.jpg") no-repeat;
  max-width: 100%;
  height:500px;
}
.business-item1{
  background: url("../image/img2.jpg") no-repeat;
}
.business-item2{
  background: url("../image/img3.jpg") no-repeat;
}
.business-item3{
  background: url("../image/img4.jpg") no-repeat;
}
.business-item4{
  background: url("../image/img5.jpg") no-repeat;
}
.business-item5{
  background: url("../image/img6.jpg") no-repeat;
}

.business-item>div{
  margin:25px 25px 0 0;
}
.business-item span{
  display: block;
  background: #b91a21;
  width:32px;
  height:32px;
  text-align: center;
  line-height:32px;
  color: #fff;
  font-size: 18px;
  margin:0 0 7px 0;
}
.business-more{
  margin-top:75px;
  text-align: center;
}
.business-more a{
  display: inline-block;
  width:200px;
  height:50px;
  border: 1px solid #eee;
  color: #b2b2b2;
  font-size: 18px;
  line-height:50px;
  border-radius: 50px;
}
.business-more a:hover{
  border: 1px solid #c4151c;
  color: #fff;
  background: #c4151c;
}
.aboutus{background: url(../image/backf.jpg) center no-repeat;height: 620px;padding-top: 100px;}

.more{width: 184px;height: 43px;border: 1px #dcdcdc solid;display: block;
  line-height: 43px;text-align: center;margin-top: 30px;}



.i-case-bd{
    margin-top: 45px;
    position: relative;
    margin-bottom:45px;
}
.i-case-bd .tempWrap{
    width: 1200px !important;
    overflow-x: hidden;
}
.i-case-bd li{
    width: 300px;
    margin-right: 37px;
    position: relative;
}
.i-case-bd li img{
    width: 100%;
    display: block;
}
.i-case-bd li p{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;    
    text-align: center;
    display: block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    background: rgba(0,0,0,.4);
    font-weight: normal;
    padding: 0 10px;
}
.i-case-bd li:hover p{
    background: #b91f29;
}
.i-case-bd .btn{
    display: block;
    background: url(../image/lt1.jpg) no-repeat center #dbdbdb;
    width: 23px;
    height: 45px;
    position: absolute;
    top: 50%;
    margin-top: -23px;
}

.i-case-bd .sPrev{
    left: -40px;
}
.i-case-bd .sNext{
    right: -40px;
    background: url(../image/rt1.jpg) no-repeat center #dbdbdb;
}
.i-case-bd .btn:hover{
    border: 1px solid #0162c5;
}



.i-hezuo-bd{
  margin-top: 45px;
  position: relative;
}
.i-hezuo-bd .tempWrap{
  width: 1200px !important;
  overflow-x: hidden;
}
.i-hezuo-bd li{
  width: 205px;
  margin-right: 37px;
  position: relative;
}
.i-hezuo-bd li img{
  width: 100%;
  display: block;
}
.i-hezuo-bd li p{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 300px;    
  text-align: center;
  display: block;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 15px;
  background: rgba(0,0,0,.4);
  font-weight: normal;
  padding: 0 10px;
}
.i-hezuo-bd li:hover p{
  background: #0162c5;
}
.i-hezuo-bd .btn{
  display: block;
  background: url(../image/lt1.jpg) no-repeat center #dbdbdb;
  width: 23px;
  height: 45px;
  position: absolute;
  top: 50%;
  margin-top: -23px;
}
.i-hezuo-bd .iPrev{
  left: -40px;
}
.i-hezuo-bd .iNext{
  right: -40px;
  background: url(../image/rt1.jpg) no-repeat center #dbdbdb;
}
.i-hezuo-bd .btn:hover{
  border: 1px solid #0162c5;
}


.newsxw{background: #f6f6f6;overflow: hidden;}
.newslist{margin-bottom: 30px;float: left;width: 730px;}
.newslist li{margin-bottom:13px;width: 720px;background: white;overflow: hidden;
  height: 92px;padding: 15px 30px;}
.greydate{color: white;background:#b91f29;float: left;text-align: center;
  width:70px;height: 60px;padding-top: 5px;}
.newscot{float: right;width: 560px;height: 80px;color:black}
.newscot p{font-size: 18px;}
.newscot div{font-size: 12px;margin-top:5px;line-height:18px;height: 40px;overflow: hidden;}
.newsringth{float: right;width: 400px;height: 405px;position: relative;}
.newsringth div{position: absolute;left: 0;bottom: 0;height: 40px;background: #b91f29;
  width: 100%;line-height: 40px;text-align: center;color: white;}


.blued{
  background-color: #282c2f;
}
.leid{
  padding-top:80px;
  text-align: left;
  color: white;
}
.caleft{
  width: 360px;
  height: 350px;
  float: left;
}
.camidd{
  width: 320px;
  height: 350px;text-align: center;
  float: right;margin-left:80px;}
  .camidd p{
    margin-bottom: 20px;
  }
  .camidd img{width: 120px ;}
.camrigh{
  width:150px;margin-left: 40px;
  height: 350px;
  float: left;
}
.camrigh p{
  color: white;
}
.leid .bigg{
  font-size: 24px;
}
.smma{
  font-size: 15px;
  margin-top: 15px;
}
.caleft .bgest{
  font-size:  55px;
  font-family:Impact; 
  margin-top: 30px;
  line-height: 60px;
  color: #b91f29 ;
}
.witbot{
  width: 100px;
  height: 35px;
  border: 1px  #b91f29 solid;
  color:  #b91f29;
  background-color: transparent;
  margin-top:20px;
}
.camidd input{
width: 310px;
background-color: transparent;
height: 40px;
border: 1px white solid;
margin-top: 15px;
text-indent: 15px;
color: white;
}
.camidd .conetne{
  height: 70px;
}
.camidd .submi{
  background-color: #b91f29;
  height: 50px;
  border: none;
  width: 310px;
  margin-top:15px ;
  color: white;
}
#myform input::placeholder{
  color:white ;
}
.camrigh .erwem{
  margin-top: 15px;
}
.camrigh p{
  margin-top: 13px;
}
.leid>p{
  width: 620px;
  height: 30px;
  text-align: center;
  margin:0 auto;
  font-size: 12px;
  margin-top: 30px;
}
.sharp{
  width: 290px;
  height: 0px;
  border-top: 1px white solid;
  margin-top: 10px;
}
.footer-bottom{
  text-align: center;
  color: white;
}
.footer-bottom a{
  color: white;
}
.addrass{
  background-color: #282c2f;
  border-top:1px #8f8f8f solid;
  padding: 20px 0 30px 0;

}


