.head {
  color: #000;
  height: 80px;
  line-height: 80px;
}
.img-box {
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 25px;
  padding: 15px;
}
.title-li {
  float: left;
  margin-right: 40px;
}

.title-li.move {
  font-weight: bold;
  color: #0196da;
}

.logo {
  width: 185px;
  margin-top: 18px;
  margin-right: 50px;
}

.about-text {
  margin-right: 15px;
  cursor: pointer;
}

.about-us:hover .us-hover {
  display: block;
}

.about-us:hover {
  color: #DA2B1C;
}

.head-fr {
  font-size: 14px;
  display:inline-block;
}

.head-qr {
  width: 80px;
  height: 80px;
}

.about-us {
  display: inline-block;
  height: 80px;
  line-height: 78px;
  vertical-align: middle;
  position: relative;
}

.us-hover {
  background: #fff;
  position: absolute;
  top: 70px;
  right: -8px;
  width: 80px;
  height: 80px;
  border: 1px solid #e2e3e5;
  box-shadow: 0px 0px 7px rgba(226, 226, 226, 0.8);
  border-radius: 5px;
  text-align: left;
  padding: 5px;
  display: none;
  z-index: 10;
}

.us-hover .arrow-up {
  width: 0px;
  height: 0px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #e2e3e5;
  font-size: 0px;
  line-height: 0px;
  position: absolute;
  top: -7px;
  left: 50%;
  margin-left: -8px;
  z-index: 10;
}

.header-user .us-hover .arrow-up i {
  width: 0px;
  height: 0px;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #fff;
  font-size: 0px;
  line-height: 0px;
  z-index: 11;
  position: absolute;
  top: 1px;
  left: -6px;
}

.banner {
  width: 100%;
  height: 600px;
}

.slogan {
  width: 572px;
  height: 76px;
  background: url() no-repeat center;
  background-size: cover;
  position: absolute;
  top: 44%;
  left: 50%;
  margin-top: -40px;
  margin-left: -286px;
  z-index: 22;
}

.company {
  width: 98%;
  height: 100%;
}

.common-img {
  display: inline-block;
  width: 49.8%;
  height: 350px;
  text-align: center;
  padding-bottom:16px;
}

.main-title {
  font-size: 20px;
  text-align: center;
}
.main-title_top {
  font-size: 20px;
  text-align: center;
  padding-top:40px;
}

.main {
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}

.main-text {
  background: #ecedef;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 25px;
  padding: 15px;
}

.business-li {
  float: left;
  width: 48%;
  margin-right: 2%;
  height: 200px;
  position: relative;
  margin-top: 20px;
}

.business-li:nth-child(2n) {
  margin-right: 0;
}

.business-img {

  width: 100%;
  height: 155px;
  position: absolute;
 
  top:45px;
    border:solid 1px #99CCFF;
  overflow: hidden;
text-overflow: ellipsis ;
display: -webkit-box;
-webkit-line-clamp: 13;
-webkit-box-orient: vertical;
}

.li-text {
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-align: center;
  position: absolute;
  top: 0px;
  background: #99CCFF;
  opacity: .7;
  font-weight: bold;
  border:solid 1px #99CCFF;
}

.work-li {
  float: left;
  height: 280px;
  padding-right: 20px;
}

.work-img {
  width: 350px;
  height: 280px;
  text-align: center;
}

#work {
  width: 1200px;
  position: relative;
  height: 340px;
}

#div1 {
  width: 1200px;
  height: 300px;
  position: absolute;
  top: 34px;
  left: 0px;
  overflow: hidden;
}

.work-ul {
  margin-top: 20px;
  position: relative;
  height: 280px;
}

.footer
{ margin:0 auto; height:40px; line-height:40px; color:#adadad; text-align:center;
}

.common-p {
  margin-top: 10px;
}

.common-p:first-child {
  margin-top: 0;
}

.qr {
  width: 80px;
}

.please {
  color: #d00006;
  margin-top: 5px;
}

.qr-box {
  text-align: center;
}

.plain-one {
  color: #333;
  line-height: 250px;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 2px;
}
.plain-two{
  display:none;
  margin-top:10px;
}
.num{
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 3px;
}
.line{
      width: 120px;
    height: 10px;
    display: inline-block;
    background: #fff;
    border-radius: 10px;
        margin-top: 20px;
}
.small-body{
  text-align: left;
    margin-left: 30px;
    margin-top: -21px;
}
.small-text{
  line-height:35px;
}
.block-title{
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: bold;
  margin-top: -40px;
}
.plain-li {
  width: 32.3%;
  float:left;
  height: 250px;
  margin-right: 1%;
  border: 1px solid #ee1c25;
  text-align: center;
  margin-top: 30px;
  margin-bottom:30px;
}
.plain-li:hover .plain-one{
  display:none;
}
.plain-li:hover .plain-two{
  display:block;
}
.plain-li:hover{
  background:#0196da;
  color:#fff;
}
.plain-li:nth-child(3n) {
  margin-right: 0;
}