main{overflow: hidden;}
p{padding:0;margin: 0;}
.bann{height:360px;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;margin-top:150px;}
.bann .wrap{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;height:100%}
.bann .info{color:#fff;height:100%;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;box-pack:center;text-align:center}
.bann .info h2{font-size:48px;font-weight:bold;margin-bottom:5px;line-height: 50px;}
.bann .info .desc{font-size:30px;line-height: 40px;}

section{overflow: hidden;}

/* 新闻列表 */
.basebox { width: 88%; max-width: 1200px; margin-left: auto;margin-right: auto; background-color: #fff;margin-bottom: 1.5rem; padding: 0.7rem 0 1.1rem; }
.list-news .leftbox {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
  }
  .list-news .img {
    position: relative;
    display: block;
  }
  .list-news .img ._bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    transition: 0.3s;
  }
  .list-news .img:hover ._bg {
    transform: scale(1.1);
  }
  .list-news .info {
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
  .list-news .img {
    display: block;
    border: #dedede 1px solid;
  }
  .list-news .img img {
   
    width: 300px;
    height: 180px;
  }
  .list-news .item {
    margin-bottom: 5px;
    padding: 40px 0;
    border-bottom: 1px solid #f2f2f2;
  }
  .list-news .item .time {
    font-size: 12px;
    color: #999;
    margin-bottom: 0.2rem;
  }
  .list-news .item:hover {
    border-color: #1f469b;
  }
  .list-news .item:hover .title {
    color: #1f469b;
  }
  @media (min-width: 993px) {
    .list-news .item .leftbox {
      width: 70%;
    }
  }
  @media (min-width: 769px) {
    .list-news .item {
      display: -webkit-flex;
      display: flex;
      display: -webkit-box;
      display: box;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-align: center;
      box-align: center;
    }
    .list-news .item .inner {
      /* margin-right: 20%; */
    }
    .list-news .item .leftbox {
      min-width: 0;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
      flex-shrink: 1;
    }
    .list-news .item .img {
      overflow: hidden;
      max-width: 30%;
    }
    .list-news .item .img img {
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      -moz-transition: 0.5s;
      transition: 0.5s;
      width: 300px;
    }
    .list-news .item .img:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
    }
    .list-news .item .desc {
      overflow: hidden;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
    }
  }
  .list-news .datebox {
    margin-right: 0.3rem;
    min-width: 100px;
    color: #666;
    font-family: medium;
    text-align: center;
    width: 15%;
    max-width: 160px;
  }
  .list-news .datebox .day {
    font-size: 42px;
    line-height: 40px;
    margin-bottom: 3px;
  }
  .list-news .datebox .date {
    color: #ababab;
    font-size: 16px;
  }
  .list-news .title {
    font-size: 18px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: bold;
    color: #666;
  }
  .list-news .title:hover {
    color: #1f469b;
  }
  .list-news .desc {
    color: #999;
    position: relative;
    line-height: 34px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .list-news .arr {
    width: 42px;
    height: 7px;
    background-image: url('../images/arr2.png');
    display: block;
  }
  @media (max-width: 768px) {
    .list-news .img {
      margin-bottom: 0.3rem;
    }
    .list-news .item {
      position: relative;
    }
    .list-news .item .link {
      position: absolute;
      top: 0.4rem;
      bottom: 0.4rem;
      width: 100%;
      display: block;
      z-index: 5;
    }
    .list-news .item .arr {
      display: none;
    }
    .list-news .desc {
      line-height: 24px;
      height: 48px;
      display: -webkit-box;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      word-wrap: break-word;
      white-space: normal !important;
      -webkit-line-clamp: 2;
    }
    .list-news .desc::before {
      display: none;
    }
  }

  /* 新闻内容 */
  .article-box .archd {border-bottom: 1px solid #f2f2f2;padding-bottom: 0.25rem;margin-bottom: 0.35rem; padding-top:30px;}
  .article-box h1 { font-size: 24px;text-align: center; margin-bottom: 10px;}
  .article-box .data {font-size: 14px;color: #999;text-align: center;}
  .article-box .data span {padding: 0 5px;}
  .article-box .arcbd { color: #666;line-height: 1.9;border-bottom: 1px solid #f2f2f2;}
  .article-box .arcbd p {line-height: 25px;color: #666;font-size: 14px;}
  .article-box .arcbd img {display: block;margin: 0 auto 26px;max-height: auto;}
  

.reLink {height: 48px;line-height: 48px;padding: 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin: 20px auto;}
 .reLink .prevLink, .reLink .nextLink {width: 50%; font-size: 14px;}
.reLink .nextLink {text-align: right;}

/* 分类 */
.kepicf{width: 1200px; margin: 0 auto; padding-top:30px;}
.kepicf ul{overflow: hidden;text-align: center;}
.kepicf ul li{margin:0 5px; text-align: center;background: transparent; transition: all .5s linear; cursor: pointer; background: rgba(0,0,0,0.5); display:inline-block;border-radius:45px;}
.kepicf ul li:hover, .kepicf ul li.cur{ background: #274b9a;border-radius:45px; color: #fff;}
.kepicf ul li:hover a,.kepicf ul li.cur a{color: #fff;}
.kepicf ul li a{color: #fff; font-size: 1rem; line-height: 45px; padding:0 30px;}
/* 应用行业分类 */
.kepicf2{width: 1200px; margin: 0 auto; padding-top:30px;padding-bottom: 20px;}
.kepicf2 ul{overflow: hidden;}
.kepicf2 ul li{float: left;margin:0 5px; text-align: center;background: transparent; transition: all .5s linear; cursor: pointer; background:#f2f2f2; display:inline-block;border-radius:45px;}
.kepicf2 ul li:hover, .kepicf2 ul li.cur{ background: #274b9a; border-radius:45px;color: #fff }
.kepicf2 ul li:hover a,.kepicf2 ul li.cur a{color: #fff;}
.kepicf2 ul li a{color: #333; font-size: 1rem; line-height: 45px; padding:0 24px;}

/* 新闻资讯分类 */
.kepicf3{width: 600px; margin: 0 auto; padding-top:30px;}
.kepicf3 ul{overflow: hidden;}
.kepicf3 ul li{float: left;margin:0 5px; text-align: center;background: transparent; transition: all .5s linear; cursor: pointer; background:#f2f2f2; display:inline-block;border-radius:45px;}
.kepicf3 ul li:hover, .kepicf3 ul li.cur{ background: #274b9a; border-radius:45px;color: #fff }
.kepicf3 ul li:hover a,.kepicf3 ul li.cur a{color: #fff;}
.kepicf3 ul li a{color: #333; font-size: 1rem; line-height: 45px; padding:0 50px;}

/* 荣誉资质 */
.list-zs{overflow: hidden; padding-top:30px;}
.list-zs li{float: left;width: 31.2%; margin: 0 1% ;}
.list-zs li .cover-box {position: relative;display: block;overflow: hidden;border: 1px #dedede solid;}
.list-zs li .cover-box .coverimg {width: 100%; height: 100%; position: absolute;
 left: 0;top: 0;background-repeat: no-repeat;background-size: cover; background-position: center;
 z-index: 1;transition: transform 0.6s ease 0s;}
 .list-zs li .tit{line-height: 45px; text-align: center;font-size: 14px;}
 .list-zs li .cover-box ._bg {width: 100%;visibility: hidden;display: block;}

/*应用行业 */
.p_news{padding:1.1rem 0 1.4rem;}
.p_news .row{overflow: hidden;width: 1200px; margin: 0 auto;}
.p_news .row li { margin-bottom:40px;float: left;width: 31%; margin:0 1%; margin-bottom: 30px;}
.p_news .row li .tit { font-size: 17px; display: block; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis }
.p_news .row li .tit:hover { color:#1677ff }
.p_news .row li .time { padding: .1rem 0 .16rem; color: #666; font-size:16px }
.p_news .row li .desc { font-size: 14px; line-height: 28px; height: 54px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; color: #999; margin:0 0 30px; }
.p_news .row li .more { color: #666; padding-right: 26px; display: inline-block; background-image: url('../images/arr_r_0.png'); background-repeat: no-repeat; background-size: contain; background-position: right center; transition: all .4s ease 0s }
.p_news .row li .more:hover { color: #1677ff; transform: translateX(5px); background-image: url('../images/arr_r_l.png') }
.p_news .row .inner { position: relative; background: #fff; border: 1px solid #dedede }
.p_news .row .inner::after { content: ''; display: block; position: absolute; width: 0; height: 4px; background: #1677ff; left: 0; bottom: 0; transition: all .4s ease 0s }
.p_news .row li .cover-box1 { position: relative; display: block; overflow:hidden }
.p_news .row li .cover-box1 .coverimg1 { width: 100%; height: 254px; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; transition:transform .6s ease 0s }
.p_news .row li .cover-box1 ._bg { width: 100%; height: 245px; visibility: hidden; display: block }
.p_news .row .content { padding:24px 30px; }
.p_news .row li .cover-tip .bgbox{height: 254px;}
.p_news .row li .cover-box { position: relative; height: 254px; display: block; overflow:hidden }
.p_news .row li .cover-box .coverimg { width: 100%; height: 254px; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; transition:transform .6s ease 0s }
.cover-box ._bg { width: 100%; visibility: hidden; display: block }

/* 产品列表 */
.pic-li{width: 1200px; margin: 0 auto;padding-top:50px;padding-bottom: 50px}
.pic-li ul{overflow: hidden;}
.pic-li ul li{width:31%; margin:0 1%;float: left;overflow: hidden; margin-bottom: 30px;}
.pic-li ul li .inner{position: relative;text-align:center;overflow:hidden; border: 1px #dedede solid;}
.pic-li ul li .inner a img{-webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.pic-li ul li .inner:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
-ms-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1);}

.pic-li ul li:hover .inner .tit {background: #003399;color: #fff;}
.pic-li ul li .inner .tit { height: 48px;line-height: 48px; font-size: 16px;}

.mk_table { border-top: 1px solid #7b7b7b; border-left: 1px solid #7b7b7b; }
.mk_table tr td{ border-right: 1px solid #7b7b7b; border-bottom: 1px solid #7b7b7b; text-align: center; height: 20px; line-height: 20px; padding: 8px 0;}

/* 产品内容 */
.b2_banner {width: 100%;padding: 60px 0;overflow: hidden;}
.b2_banner .b2_baner_left {width: 50%;float: left;}
.b2_banner .b2_baner_right { width: 47%; float: left; margin-left: 3%;overflow: hidden;}
.b2_baner_swiper {width: 100%; }
.b2_baner_swiper .swiper-slide{background: none;}
.b2_baner_swiper .swiper-slide img { width: 100%; }
.b2_banner .b2_baner_left h3 {font-size: 32px;font-weight: bold;color: #00134C;margin-bottom: 14px; line-height: 50px;}
.b2_banner .b2_baner_left h4 {font-size: 18px;color: #00134C;line-height: 30px;margin-bottom: 10px;}
.b2_banner .b2_baner_left .tit {width: 100%;font-size: 16px;color: #666666;line-height: 36px;margin-bottom: 28px;}
.b2_banner .b2_baner_left h5 {font-size: 24px;font-weight: bold; color: #00134C;line-height: 30px;}
.b2_banner .b2_baner_left .b2_bar_lsi {width: 100%;margin-top: 30px;}
.b2_banner .b2_baner_left .b2_bar_lsi ul li {width: 25%;float: left;display: flex;flex-direction: column;align-items: center;}
.b2_banner .b2_baner_left .b2_bar_lsi ul li .icon {width: 76px;}
.b2_banner .b2_baner_left .b2_bar_lsi ul li p {font-size: 16px;color: #333333;line-height: 36px;margin-top: 18px;}
.b2_bra_top {width: 100%;display: flex;align-items: center;margin-top: 50px;}
.b2_bra_top .b2_top1, .b2_bra_top .b2_top2 {margin-right: 10px;}
.b2_bra_top .b2_top1 a, .b2_bra_top .b2_top2 a {width: 175px;height: 50px; border: 1px solid #00134C;border-radius: 25px; display: flex; align-items: center;
  justify-content: center;  font-size: 18px; color: rgba(0, 19, 76, 1);  transition: all .4s;}
.b2_bra_top .b2_top1 a i {margin-left: 16px;display: inline-block;width: 23px; height: 23px;
 background: url(../images/icon_xz.png) no-repeat center center; transition: all .4s;}
.b2_bra_top .b2_top2 a i { margin-left: 16px;  display: inline-block;  width: 23px;
  height: 23px; background: url(../images/icon_zx.png) no-repeat center center; transition: all .4s;}
.b2_bra_top .b2_top3 {width: 175px; height: 50px; border: 1px solid #00134C;border-radius: 25px;
 display: flex; align-items: center; justify-content: center; font-size: 18px;  color: rgba(0, 19, 76, 1); cursor: pointer;  transition: all .4s;}
.b2_bra_top .b2_top3 i { margin-left: 16px;display: inline-block; width: 19px; height: 22px;
 background: url(../images/icon_bf.png) no-repeat center center;transition: all .4s;}

.b2_ber_sapn { width: 100%; display: flex;justify-content: center;align-items: center;}
.b2_ber_sapn .swiper-pagination-bullet { width: 6px; height: 6px; background: #666666; border-radius: 50%;opacity: 1;margin: 0 7px;}
.b2_ber_sapn .swiper-pagination-bullet-active { background: #00134C;}

/* 详情 */
.b2_pro_list{width: 100%; padding-top:30px;padding-bottom:30px;}
.b2_pro_list-con{width: 1200px; margin: 0 auto;}
.b2_pro_list-con-tit{ line-height: 50px;}
.b2_pro_list-con-tit h3{color: #00134c; font-size: 28px; line-height: 45px; font-weight: bold;}
.b2_rest_lis{width:100%;margin-top:40px;font-size: 17px;padding-bottom: 30px;}
.b2_rest_lis p{line-height: 28px; }
.b2_Applications{ width: 100%;background: #F9F9F9;padding:30px 0;}
.b2_pro_list-con-b{overflow: hidden; padding-top:20px; line-height: 25px;}
.warp_a {width: 1200px;margin: auto;}
.b2_parameter{padding:50px 0;}
/* 分页 */
#pages{padding:15px 0 30px; margin:0px; text-align:center;}
#pages a{ display:inline-block; width:26px; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333;}
#pages a.a1{ width:56px;}
#pages a:hover{ background:#f1f1f1; color:#000; text-decoration:none;}
#pages span{ display:inline-block; width:26px; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;}
.page .noPage{ display:inline-block; width:56px; height:22px; line-height:22px;  border:1px solid #e3e3e3; text-align:center; color:#a4a4a4;}

/* 联系我们 */
.cinfo {padding:64px 0 50px;text-align: center;font-size: 16px;line-height: 1.76;}
.cinfo h1{text-align: center;font-size: 36px; font-weight: bold;line-height: 46px;}
.cinfo .cinfo-con{width: 1200px; margin: 0 auto;overflow: hidden;padding-top:50px;}
.cinfo li {margin-bottom: 0.5rem;float: left; width: 23%; margin: 0 1%;}
.cinfo img {margin-bottom: 0.2rem;}
.cinfo .tit {color: #666; }
.cinfo p {max-width: 224px;display: block;margin: 0 auto;}
.cinfo p img{width: 120px;}
/* 地图 */
.mapbox{padding-top:10px;width: 100%;}


/* 关于我们 */
.acompany {padding-bottom: 1.46rem;max-width: 1920px;position: relative; margin: 0 auto;padding-top: 94px;text-align: center;}
.acompany .wrap {max-width: 1130px; margin:0 auto; }
.acompany .datas .item{float: left;width: 20%;}
.acompany h2 { margin-bottom: 50px;}
.tit1 {text-align: center;font-size: 36px;font-weight: bold;}
.acompany .datas {margin: 10px 0 0;line-height: 1.3;color: #666;font-size: 16px;}
.acompany .datas b {display: block;font-size: 60px; color: #003399;font-family: medium;}
.acompany .datas b em{font-style: normal;}
.acompany .info {color: #666; line-height: 2; font-size: 16px; text-align: left; text-indent: 2em;}
 .acompany .info p + p {  }

/* 企业文化 */
.ainfo { width: 100%; margin-left: auto; margin-right: auto; max-width: 1920px;}
.ainfo li {position: relative;width: 33.3333%;float: left;}
.ainfo .info {position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);
z-index: 5;width: 80%; text-align: center; color: #fff; z-index: 55;}
.ainfo .info .ic { width: 70px;height: 70px;display: block;margin: 0 auto;}
.ainfo .info .ic1 {background-image: url('../images/ic_ab1.png');background-repeat: no-repeat;
background-size: contain;background-position: center center;}
.ainfo .info .ic2 {background-image: url('../images/ic_ab2.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; }
.ainfo .info .ic3 {background-image: url('../images/ic_ab3.png'); background-repeat: no-repeat;
 background-size: contain; background-position: center center; }
.ainfo .info h4 {font-size: 24px; margin: 16px 0 14px;}
.ainfo .info p {font-size: 16px;}


.ainfo li::after {content: ''; display: block;position: absolute;left: 0;right: 0; top: 0; bottom: 0; z-index: 4; opacity: 0;transition: ease-in-out 0.5s;}
  .ainfo li:hover:nth-child(1)::after {
    background: #003399;
    background-size: contain;
    opacity: 0.5;
  }
  .ainfo li:hover:nth-child(2)::after {
    background: #003399;
    background-size: contain;
    opacity: 0.5;
  }
  .ainfo li:hover:nth-child(3)::after {
    background: #003399;
    background-size: contain;
    opacity: 0.5;
  }

/* 发展历程 */
.about4 {padding: 90px 0 20px; text-align: center; }
.ihd h2{font-size: 36px; line-height: 40px;}
.ihd .en {font-size: 16px;color: #bbb;position: relative;}
  .ihd .en::after { content: ''; display: block; margin-top: 20px; width: 34px; height: 4px;background: #003399;}
.about4 .ihd { margin-bottom: 90px;}
.about4 .ihd .en:after {margin-left: auto;margin-right: auto;}
.about4 .bd {position: relative;}


.about4 .bd {
    position: relative;
  }
  .about4 .bd::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #dcdcdc;
    top: 80px;
    z-index: 99;
  }
  .historySwiper {
    padding-bottom: 100px;
    padding-top: 20px;
  }
  .historySwiper .swiper-button-next,
  .historySwiper .swiper-button-prev {
    color: #fff;
    border-radius: 50%;
    bottom: auto;
    top: 85px;
    width: 36px;
    height: 36px;
    background: #dcdcdc;
  }
  .historySwiper .swiper-button-next::after,
  .historySwiper .swiper-button-prev::after {
    font-size: 14px;
  }
  .historySwiper .swiper-button-next:hover,
  .historySwiper .swiper-button-prev:hover {
    background: #ff5722;
  }

  .historySwiper li {
    width: 25%;
    padding: 0 50px 0;
    display: block;
  }
  .historySwiper li .year {
    font-size: 30px;
    font-family: medium;
    color: #666;
    position: relative;
    transition: 0.3s;
    line-height: 30px;
    height: 30px;
  }
  .historySwiper li .year::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #dcdcdc;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -39px;
    border: 4px solid #fff;
    box-sizing: content-box;
    z-index: 5;
    transition: 0.3s;
  }
  .historySwiper li .info {
    font-size: 16px;
    color: #999;
    padding-top: 76px;
    position: relative;
  }
  .historySwiper li .info::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    top: 25px;
    border: 1px solid #ff5722;
    box-sizing: content-box;
    z-index: 6;
    opacity: 0;
    transition: 0.3s;
  }
  .historySwiper li .info::before {
    content: '';
    display: block;
    width: 1px;
    height: 23px;
    background: #dcdcdc;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    top: 42px;
  }

  .swiper-container {
    --swiper-theme-color: #ff5722;
  }

/* 公司环境 */

.kygs{width: 100%;  }
.kygs .ihd{padding-bottom: 50px;}
.kygs .ihd h2{font-size: 36px; line-height: 40px;}
.kygs .ihd .en {font-size: 16px;color: #bbb;position: relative;}
.kygs .ihd .en::after { content: ''; display: block; margin-top: 20px; width: 34px; height: 4px;background: #003399;}
.kygs .ihd .en:after {margin-left: auto;margin-right: auto;}
.kygs ul{overflow: hidden;}
.kygs ul li{float: left;width: 31.2%; margin: 0 1% ;}
.kygs ul li .cover-box {position: relative;display: block;overflow: hidden;}
.kygs ul li .cover-box .coverimg {width: 100%; height: 100%; position: absolute;
 left: 0;top: 0;background-repeat: no-repeat;background-size: cover; background-position: center;
 z-index: 1;transition: transform 0.6s ease 0s;}
 .kygs ul li .tit{line-height: 45px; text-align: center;font-size: 14px;}
 .kygs ul li .cover-box ._bg {width: 100%;visibility: hidden;display: block;}

 /* 人才招聘 */
 .company-join{width: 1200px; margin: 0 auto; padding-top:40px;}
 .company-join li { margin-bottom:30px; border:1px solid #eeeeee ;overflow: hidden;}
 .company-join h3 { background:#f2f2f3; padding-left:30px; position:relative; height:60px; line-height:60px; font-size:20px; cursor:pointer;width: 100%;float: left; }
 .company-join h3 .iconfont { float:right;width:48px; height: 48px;margin-top: 15px; display: block;  background: url(../images/jia.png) no-repeat;}
 .company-join h3:hover { color:#274b9a }
 .company-join .info { display:none; padding:30px 40px; line-height:1.76; color:#666 }
 .company-join .info p{font-size: 15px;}
 .company-join .info h4 { margin-bottom:5px; font-size:18px; color:#274b9a }
 .company-join .info p+h4 { margin-top:20px }
 .company-join .open { border:1px solid #eee }
 .company-join .open h3 { background-color:#274b9a; color:#fff }
 .company-join .open h3 .iconfont { color:#fff; transform:rotate(135deg); margin-top: -0px; margin-right: 20px; }
 .company-join .bottom { border-top:1px solid #e5e5e5; padding:.2rem 0 }