@charset"utf-8";
/*自定义分页符样式*/
/***
    首页banner
***/
.container{
    padding: 0;
}
#banner{
    /*margin-top: 84px;*/
}
#banner .im_mo{display: none;}
#banner .im_pc{display: block;}
#banner .swiper-container-horizontal>.swiper-pagination{
    padding:0 3%;
    bottom:5%;
}
#banner .swiper-pagination-clickable .swiper-pagination-bullet{
    display: inline-block;
    width: 12px;
    height:12px;
    margin-left: 8px;
    background-color:#ffffff;
    transition: transform .2s;
    cursor: pointer;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    opacity: 1;
}
#banner .swiper-pagination-bullets{
    padding:0 30px;
}
#banner .swiper-pagination-clickable .swiper-pagination-bullet-active{
    background-color:#2f91d0;
}
@media screen and (max-width: 767px){
    #banner .im_mo{display: block;}
    #banner .im_pc{display: none;
        min-height: 400px;
    }
}
.inner{
    width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 1200px) {
    .inner{
        width: 1024px;
    }
}
@media screen and (max-width: 1024px) {
    .inner{
        width: 100%;
    }
}

/*******
        新闻中心
*/
.news{
    padding: 60px 0;
}
.h-title{
    width: 100%;
    padding-bottom: 60px;
}
.h-title h1{
    width: 600px;
    text-align: center;
    margin: 0 auto;
    font-size: 28px;
    color: #3a3a3a;
    position: relative;
    overflow: hidden;
}
.h-title i{
    position: absolute;
    display: block;
    width: 128px;
    height: 10px;
    top:8px;
}
.h-lf{
    left: -128px;
    background:url(../images/index/icon-lf.png) no-repeat;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.h-rt{
    right: -128px;
    background:url(../images/index/icon-rt.png) no-repeat;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.news-box ul{
    overflow: hidden;
    margin-bottom: 30px;
}
.news-box ul li{
    float: left;
    width: 33%;
    padding: 0 22px;
}
.news-box  li a{
    display: block;
}
.news-box  li a h2{
    font-size: 20px;
    line-height: 25px;
    width: 100%;
    color: #4c5965;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
    height: 54px;
    overflow: hidden;
}
.news-box  li a p{
    font-size: 16px;
    color: #666666;
    line-height: 20px;
    margin-bottom: 10px;
    /*font-family: '宋体';*/
    height: 80px;
    overflow: hidden;
}
.news-box  li a h2:hover,.news-box  li a p:hover{
    color: #2f91d0;
}
.news-box  li span{
    font-size: 16px;
    color: #808080;
}
.news-btn{
    width: 106px;
    border: 1px solid #2f91d0;
    color: #2f91d0;
    text-align: center;
    line-height: 36px;
    height: 38px;
    font-size: 16px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    background-color: #ffffff;
    margin: 0 auto;
    display: block;
    border-radius: 2px;
}
/*企业历程*/
.lc{
    padding: 45px 0 120px 0;
    background-image: url(../images/index/lc-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.lc-box{
    position: relative;
    width: 1560px;
    margin: 0 auto;
}
.lc-box img{
    max-width: 100%;
}
.lc-box .nei{
    position: absolute;
    display: none;
}
.lc-box .nei h2{
    font-size: 17px;
    color: #005aa0;
    line-height: 24px;
}
.lc-box .nei p{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
.lc-n1{
    top: 40px;
    left: 21px;
    width: 204px;
}
.lc-n2{
    bottom: 8px;
    left: 190px;
    width: 118px;
}
.lc-n3{
    width: 232px;
    left: 360px;
    top: 16px;
}
.lc-n4{
    top: 40px;
    left: 700px;
    width: 160px;
}
.lc-n5{
    bottom: 8px;
    left: 526px;
    width: 170px;
}
.lc-n6{
    bottom: 8px;
    left: 870px;
    width: 136px;
}
.lc-n7{
    top: 40px;
    left: 1044px;
    width: 96px;
}
.lc-box .im-ph{
    display: none;
}
.lc-ph{
    display: none;
}
/*
    产品中心
*/
.pro{
    width: 100%;
}
.pro .im{
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 50%;
    height: 334px;
    overflow: hidden;
    z-index: 5;
}
.pro .tx{
    padding: 65px 0;
    position: relative;
    width: 50%;
    z-index: 10;
}
.pro .tx span{
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    right: -25px;
    z-index: 500;
    top: 50%;
}
.pro-cp{
    overflow: hidden;
}

.pro-cp .tx{
    float: left;
    background-color: #2f91d0;
}
.pro-cp .tx span{
    background: url(../images/index/sj01.png) no-repeat;
    margin-top: -12px;
}
.pro-cp .im{
    float: right;
    background-image: url(../images/index/cp01.jpg);
}
.pro-cp .box{
    width: 420px;
    margin: 0 auto;
}
.pro-cp .tx h1{
    font-size: 28px;
    color: #fff;
    margin-bottom: 40px;
}
.pro-cp .tx p{
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 40px;
}
.pro .tx a{
    width: 140px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    line-height: 36px;
    height: 38px;
    font-size: 16px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    background-color: transparent;
    display: block;
    border-radius: 2px;
}
/*技术平台*/
.pro-js {
    overflow: hidden;
}
.pro-js .tx{
    float: right;
    background-color: #209e85;
}
.pro-js .tx span{
    background: url(../images/index/sj02.png) no-repeat;
    left: -25px;
}
.pro-js .im{
    float: left;
    background-image: url(../images/index/cp02.jpg);
}
.pro-js .box{
    width: 340px;
    margin: 0 auto;
}
.pro-js .tx h1{
    font-size: 28px;
    color: #fff;
    margin-bottom: 40px;
}
.pro-js .tx p{
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 40px;
}



.time-line {
  width: 100%;
  max-width: 100%;
  margin: 20px auto;
  position: relative;
}

.time-line .left-btn,
.time-line .right-btn {
  width: 30px;
  height: 30px;
  background: url(../images/index/arrow.png) no-repeat;
  position: absolute;
  margin-top: -15px;
  cursor: pointer;
}

.time-line .left-btn {
  left: 0;
  top: 50%;
}

.time-line .right-btn {
  right: 0;
  top: 50%;
  transform: rotate(180deg);
}

.time-line .right-btn:hover {
  background: url(../images/index/arrow-hover.png) no-repeat;
  transform: rotate(180deg);
}

.time-line .left-btn:hover {
  background: url(../images/index/arrow-hover.png) no-repeat;
}

.time-line .time-box {
  width: 94%;
  padding: 0px 20px;
  margin: 0 auto;
  overflow: hidden;
}

.time-line .time-box ul {
  overflow: hidden;
  position: relative;
  height: 355px;
}

.time-line .time-box ul:after {
  content: "";
  background: #009FDC;
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
}

.time-line .time-box li {
  /* width: 300px; */
  float: left;
  padding: 10px;
  box-sizing: border-box;
  /* border: 1px solid #d2d2d2; */
  position: relative;
  cursor: pointer;
  font-size: 16px;
  color: #009FDC;
  height: 92px;
}

.time-line .time-box li:nth-child(2n) {
  margin-top: 215px;
}

.time-line .time-box li:before {
  display: none;
  content: "";
  /* border-left: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2; */
  position: absolute;
  width: 16px;
  height: 16px;
  background: #fff;
  bottom: -9px;
  transform: rotate(-45deg);
  left: 50%;
  margin-left: -8px;
}

.time-line .time-box li h3{
  /* font-size: 16px;
  color: #005aa0; */
  padding-bottom: 10px;
}

.time-line .time-box li p{
  color: #999;
  /* max-height: 45px;
  height: 45px;

  overflow: hidden; */
  font-size: 18px;
}

.time-line .time-box li:after {
  /* display: none; */
  content: "";
  width: 15px;
  height: 15px;
  background: url(../images/index/point.png) no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  bottom: 0;
  bottom: -94px;
  z-index: 1;
}

.time-line .time-box li:nth-child(2n):before {
  bottom: auto;
  top: -10px;
  transform: rotate(-225deg);
}

.time-line .time-box li:nth-child(2n):after {
  bottom: auto;
  top: -45px;
}

.time-line .time-box li:hover,
.time-line .time-box li.active {
  /* background: #1b96ff;
  color: #fff;
  border-color: #1b96ff; */
}

.time-line .time-box li:hover:before,
.time-line .time-box li.active:before {
  /* border-color: #1b96ff;
  background: #1b96ff; */
}

.time-line .time-box li:hover:after,
.time-line .time-box li.active:after {
  background: url(../images/index/point-hover.png) no-repeat;
}




@media screen and (min-width: 1024px){
    .news:hover .h-lf{
        left: 0;
    }
    .news:hover .h-rt{
        right: 0;
    }
    .lc:hover .h-lf{
        left: 0;
    }
    .lc:hover .h-rt{
        right: 0;
    }
    .news-btn:hover{
        background-color: #2f91d0;
        color: #ffffff;
    }
    .pro .tx a:hover{
        background-color: #fff;
        color: #2f91d0;
    }
    .pro .im:hover{
        transform: scale(1.05,1.05);
        -moz-transform: scale(1.05,1.05);
        -webkit-transform: scale(1.05,1.05);
    }
    .foots{
        margin-top: 100px;
    }
}
@media screen and (max-width: 1560px) {
    .lc-box{
        width: 1200px;
    }
    .lc-n2{
        left: 150px;
    }
    .lc-n3{
        left: 283px;
    }
    .lc-n4{
        left: 542px;
    }
    .lc-n5{
        left: 410px;
    }
    .lc-n6{
        left: 672px;
    }
    .lc-n7{
        left: 802px;
    }
}
@media screen and (max-width: 1200px) {
    /* .lc-box .im-ph{
        display: block;
    } */
    /* .lc-box .im-pc{
        display: none;
    } */
    .lc-box .nei{
        display: none;
    }
    .lc-box{
        width: 1024px;
    }
    /* .lc-box img{
        max-width: 100%;
        display: block;
        margin: 0 auto;
    } */
    .lc-box .lc-ph{
        display: none;
    }
    .pro .tx{
        padding: 35px 0;
    }
    .pro .im{
        height: 239px;
    }
    .pro .tx p{
        font-size: 18px;
    }
    .pro .tx h1{
        font-size: 24px;
    }
}
@media screen and (max-width: 1024px) {
    .news-box ul li{
        padding: 0 12px;
    }
    .news-box li a h2{
        font-size: 18px;
    }
    .news .h-lf,.lc .h-lf{
        left: -50px;
    }
    .news .h-rt,.lc .h-rt{
        right: -50px;
    }
    .h-title h1{
        width: 310px;
    }
    .lc-box{
        width: 100%;
        padding: 0 5px;
    }
    .lc{
        padding: 45px 0;
    }
}
@media screen and (max-width: 996px) {
    .news-box ul li{
        padding: 8px 0;
        margin: 8px 0;
        float: none;
        width: 100%;
        border-bottom: 1px dashed #ddd;
        border-top: 1px dashed #ddd;
    }
    .news{
        padding: 30px 10px;
    }
    .h-title{
        padding-bottom: 25px;
    }
    .news-box  li a p{
        height: auto;
        font-size: 14px;
    }
    .news-box  li a h2{
        height: auto;
        border-bottom: none;
        margin-bottom: 0;
    }
    .news-box ul{
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 768px) {
    .h-title h1{
        font-size: 22px;
    }
    .h-title{
        padding-bottom: 20px;
    }
    .h-title h1{
        width: 284px;
    }

    .time-line .time-box{
      width: 77%;
    }


    /* .tosubmit{
      position: absolute;
      bottom: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 200px;
      margin: 0 auto;
    } */
    .lc-box .im-pc{
        display: none;
    }
    .lc-box .lc-ph{
        display: block;
    }
    .lc-box .im-ph{
        display: none;
    }
    .lc{
        padding: 25px 10px;
    }
    .pro .tx{
        padding: 20px 0;
    }
    .pro .im{
        height: 202px;
    }
    .pro .tx p{
        font-size: 16px;
    }
    .pro .tx h1{
        font-size: 20px;
    }
    .pro .box{
        width: auto;
        padding-left: 15px;
    }
}
.pro .btn {
    display: none;
}
@media screen and (max-width: 700px){
    .pro .tx{
        float: none;
        width: 100%;
    }
    .pro .im{
        float: none;
        width: 92%;
        margin: 0 4% 15px;
    }
    .pro-cp{
        background-color: #2f91d0;
    }
    .pro-js{
        background-color: #209e85;
    }
    .pro .btn {
        display: block;
    }
    .pro .tx a{
        display: none;
    }
    .pro .btn a{
        width: 106px;
        border: 1px solid #fff;
        color: #fff;
        text-align: center;
        line-height: 36px;
        height: 38px;
        font-size: 16px;
        background-color: transparent;
        display: block;
        margin: 0 auto;
        border-radius: 2px;
    }
    .pro .tx h1{
        margin-bottom: 15px;
    }
    .pro .tx p{
        margin-bottom: 0px;
    }
    .pro .tx span{
        display: none;
    }
    .time-line .time-box li p {
        font-size: 14px;
    }
}
/*浮动*/
.news h1,.history h1,.news-box,.lc h1,.lc-box,.pro-cp,.pro-js{
    margin-top: 100px;
}