.banner {
     width: 100%;
    /* height: 4rem;
     */
    /* height: 100vh;
     */
    /* background: url(http://web2.zheke.com/upload/images/aboutus.png) no-repeat;
     */
    /* background-size: contain;
     */
}
body{
     font-size: .16rem;
}
 .banner img {
     width: 100%;
}
 #comp {
     width: 72%;
     background-color: #fff;
     margin: 0 auto;
     padding-top: 0.5rem;
}
 #comp .comp-top {
     width: 100%;
     height: 4.27rem;
     background-color: #ecf8ff;
     margin: auto;
     display: flex;
}
 #comp .comp-top .top-ban {
     width: 44%;
     overflow: hidden;
     /* float: left; */
}
 #comp .comp-top .top-ban img {
     background-size: cover;
    /* height: 100%;
     */
     width: 100%;
}
 #comp .comp-top .top-word {
     /* float: left; */
     width: 56%;
     height: 100%;
}
 #comp .comp-top .top-word .word-a {
     padding-left: 0.7rem;
     margin-top: 0.5rem;
}
 #comp .comp-top .top-word .word-a span {
     font-size: 0.3rem;
     font-weight: 500;
}
 #comp .comp-top .top-word .word-a span:nth-child(1) {
     margin-right: 0.12rem;
     padding-right: 0.12rem;
     border-right: 0.02rem solid #000;
}
 #comp .comp-top .top-word .word-b {
     padding: 0 0.35rem 0 0.35rem;
}
 #comp .comp-top .top-word .word-b p {
     text-indent: 2em;
     margin-top: 3%;
     color: #59607a;
     line-height: 0.24rem;
}
 #comp .comp-top .top-word .word-b p span{
      font-size: .16rem !important;
 }
 #comp .comp-bot {
     margin-top: 10%;
     overflow: hidden;
}
 #comp .comp-bot .bot-top {
     text-align: center;
     padding-bottom: 0.5rem;
}
 #comp .comp-bot .bot-top p b {
     font-size: 0.4rem;
}
 #comp .comp-bot .bot-top p span {
     display: block;
     font-size: 0.24rem;
     color: #a2a8ad;
}
 #comp .comp-bot .bot-bot {
     padding: 0.5rem 1.4rem 0; 
}
 #comp .comp-bot .bot-bot::after{
      content: '';
      display: block;
      clear: both;
 }
 #comp .comp-bot .bot-bot .a {
     width: 75.5%;
     height: 1.05rem;
     float: left;
}
 #comp .comp-bot .bot-bot .a .ling-l {
     float: left;
     width: 50%;
     height: 1.04rem;
     background-color: #f5f5f5;
     text-align: end;
     padding: 0.2rem ;
     box-sizing: border-box;
     position: relative;
         transform: translateY(-36%);
}
/* #comp .comp-bot .bot-bot .a .ling-l span{
     text-align: left;
     display: inline-block;
} */
 #comp .comp-bot .bot-bot .a p img:nth-child(1) {
     position: absolute;
    top: 50%;
    transform: translate(-100%,-50%);
    left: -6px;
} 
#comp .comp-bot .bot-bot .a p img:nth-child(2){
     position: absolute;
     top: 120%;
     left: 50%;
}
 #comp .comp-bot .bot-bot .a p {
    position: relative;
     display: inline-block;
     width: 18%;
     height: 0.3rem;
     line-height: 0.3rem;
     border-radius: 0.15rem;
     background-color: #0f77ff;
     color: #fff;
     text-align: center;
     margin-left: 7.5%;
}
 #comp .comp-bot .bot-bot .b {
     width: 75.5%;
     float: right;
}
 #comp .comp-bot .bot-bot .b .ling-r {
     float: right;
     width: 50%;
     height: 1.04rem;
     background-color: #f5f5f5;
     text-align: left;
     padding-right: 0.3rem;
     position: relative;
     padding: 0.2rem;
     box-sizing: border-box;
    transform: translateY(-36%);
}
 #comp .comp-bot .bot-bot .b p img:nth-child(1) {
     position: absolute;
    top: 50%;
    transform: translate(100%,-50%);
    right: -6px;
}
 #comp .comp-bot .bot-bot .b p img:nth-child(2) {
     position: absolute;
     top: 120%;
     left: 50%;
}
 #comp .comp-bot .bot-bot .b p {
    position: relative;
     width: 18%;
     height: 0.3rem;
     line-height: 0.3rem;
     border-radius: 0.15rem;
     background-color: #0f77ff;
     color: #fff;
     text-align: center;
     margin-left: 9%;
     float: right;
     margin-right: 7%;
}
 .honor {
     background-color: #fff;
     width: 72%;
     margin: auto;
     padding: 1.3rem 0 1rem 0;
}
 .honor .hon-top {
     width: 100%;
     text-align: center;
     padding-bottom: 0.3rem;
}
 .honor .hon-top p {
     font-size: 0.32rem;
}
 .honor .hon-top span {
     color: #a2a8ad;
     font-size: 0.18rem;
}
 .honor .swiper-container {
     width: 13.44rem;
     height: 3.18rem;
}
 .honor .swiper-container .swiper-wrapper {
     margin: 0 !important;
}
 .honor .swiper-container .swiper-wrapper .swiper-slide {
     text-align: center;
     font-size: 0.18rem;
     background: #fff;
    /* Center slide text vertically */
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     -webkit-align-items: center;
     align-items: center;
}
 .honor .swiper-container .swiper-wrapper .swiper-slide img {
     width: 2.84rem;
     height: 1.95rem;
}
 .honor .swiper-container .swiper-button-prev {
     left: -0.02rem !important;
}
 .honor .swiper-container .swiper-button-next {
     right: -0.03rem !important;
}