/* 电子病历 */
.clearfix:after{
    content:".";        
    display:block;        
    height:0;        
    clear:both;        
    visibility:hidden;        

}
.bannerbottom{
    background-color: #fff;
}
.bannerbottom p{
        font-family: "Adobe Heiti Std";
        color: rgb(67, 67, 67);
        text-transform: uppercase;
        line-height: 1.8;
        text-align: center;
}
.box2{
    padding-bottom: 0px;
}
.box2 h2{
        color: rgb(255, 255, 255);
        line-height: 1.25;
}
.box2 ul{
  
    margin-top: 90px;
    overflow: hidden;
}
.box2 ul li{
    transition: .5s;
    box-sizing: border-box;
    padding-left: 35px;
    position: relative;
    height: 370px;
    border-left: 1px solid #bdbcba;
    width: 21%;
    float: left;
 
}
.box2 ul li img{
    display: block;
    position: absolute;
    top: 0px;
    left: 35px;
    display: none;
    width: 54px;height: 51px;
}
.box2 ul li p{
    margin-top: 35px;
    display: none;
    color: rgb(255, 255, 255);
        line-height: 1.857;
}
.box2 ul .on{
    
    border-left: 2px solid #289dd9;
    margin-top: 90px;
    height: 278px;
    width: 57.23%;
}
.box2 ul .on img{
    display: block;
    position: absolute;
    top: -85px;
    left: 35px;
}
.box2 ul .on p{
    display: block;
    height: 144px;
}
.box2 ul li h3{
    color: rgb(255, 255, 255);
    line-height: 1;
}
.title{
        color: rgb(67, 67, 67);
        text-align: center;
}
.box3 ul{
    overflow: hidden;
}
.box3 ul li .img{
    width: 45px;
    height: 45px;
   
}
.box3 ul li{
    float: left;
    width: 33.33%;
}
.box3 ul li .box_wrap{
    border-radius: 10px;
    padding: 50px;
    background: #fff;
    margin: 11px;
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.3);

}
.box3 ul li .box_wrap h2{
    color: #000;
    margin-top: 30px;
    margin-bottom:20px ;
    line-height: 1;      
}
.box3 ul li .box_wrap p {
    color: rgb(67, 67, 67);
    line-height: 1.857;
  }
  .box3 ul li .box_wrap .scolltext{
      height: 75px;
  }
  .box3 ul .on .box_wrap{
      background: url(../images/ldjimg/onbg.jpg);
  }
  .box3 ul .on .box_wrap h2{
      color: #fff;
  }
  .box3 ul .on .box_wrap p{
    color: #fff;
}
.box4{
    background: #e4e8f3;
}
.box4  .topwrap{
    border-bottom: 1px solid #c9ccd3;
    position: relative;
    margin-bottom: 50px;
}
.box4 > div  .top{
    width: 95%;
    margin: 0 auto ;
    height: 60px;
 
    text-align: center;
}
.box4 ul{
    height: 60px;
    /* display: inline-block; */
}
.box4 ul li{
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    /* padding-left: 20px; */
    /* padding-right: 20px; */
    line-height: 60px;
    height: 60px;
    float: left;
}
.box4 ul li  i {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 3px;
    background: #289dd9;
    width: 100%;
}
.box4 ul li.on i {
    visibility: visible;
    opacity: 1;
}
.box4 ul li.on{
    font-weight: bold;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto !important;
}
.disabled{
    opacity: .35 !important;
}
.box4 .slider_btn div {
    top: 15px !important;
}
.bottom{
    padding-top: 85px;
    background: #f0f3fa;
    border-radius: 10px;
}
.bottom .rl{
   padding-left: 140px;
   box-sizing: border-box; 
   float: left;
    width: 50%;
}
.bottom .rl h2{
    line-height: 1;
    margin-bottom: 20px;
    margin-top: 85px;
}
.bottom .rl .edit_con_original{
    height: 168px;
}
.bottom .rr{
   
    box-sizing: border-box;
    float: left;
    width: 50%;
}
.bottom .rr img{
    margin-left: 20px;
    width: 80.66%;
}

/* 电子公文应用 */
.what1 {
    padding-bottom: 0px;
}
.what1 ul{
    margin-top: 115px;
}
.what1 ul li{
    transition: all 1s;
    margin-bottom: 70px;
    float: left;
    min-height: 150px;
    position: relative;
  width: 50%;
}
.what1 ul li:nth-child(2n+1){clear:both}
.what1 ul li::before{
    transition: .5s;
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    width: 1px;
    height: 100%;
    background: #babcc0;
}
.what1 ul li::after{
    content: '';
    position: absolute;
    background: #e9ebf0;
    height: 20px; 
    width: 100px;
    top: 0;
    left: 60px;
}
.what1 ul li:hover h1{
  color: #289dd9;
  top: -90px;
}
.what1 ul li:hover:before{
    background-color: #289dd9;
  top: -40px;
}
.what1 ul li h1{
    transition: .5s;
    top: -65px;
    left: 60px;
    position: absolute;
        color: #dfe1e5;
        font-weight: bold;
        text-transform: uppercase;
}
.what1 ul li>div{ 
    padding-top: 20px;
    padding-left: 60px;
}
.what1 ul li>div h2{
    margin-bottom: 20px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 1;
  }
  .what1 ul li>div p{
      height: 52px;
    color: rgb(67, 67, 67);
    text-transform: uppercase;
    line-height: 1.625;
  }
  .ldjpro_light_2  ul{
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
  }
  .ldjpro_light_2 li{

      margin-bottom: 0px;
      background-color: #f2f4f7;

  }
  .ldjpro_light_2 dl {
      border-radius: 0px;
      margin: 0px;
    padding: 50px;
    box-shadow:none;
}
.ldjpro_light_2 li:nth-child(1),.ldjpro_light_2 li:nth-child(4){
    background-color: #e8f0fb;



}
.ldjpro_light_2  p {
    height: 104px;
}
  @media only screen and (min-width: 1025px){
  .ldjpro_light_2 dl:hover {
      background: url(../images/ldjimg/whatonbg_03.jpg) no-repeat;
      background-size: 100% 100%;
  }
}
@media only screen and (max-width:1250px){
    .box4 ul li {
        cursor: pointer;
        position: relative;
        /* padding-left: 8px; */
        /* padding-right: 8px; */
        line-height: 60px;
        height: 60px;
        float: left;
    }
}
.what3{
    background: #e5eaf4;

}
.what3 .what_wrap {min-height: 590px;}
.what_wrap ul li{
    box-sizing: border-box;
    cursor: pointer;
    padding-left: 40px;
    line-height: 2.3;
}
.what_wrap ul .on{
    font-size: 18px;
    /*margin-bottom: 10px;*/
    color: #fff;
    position: relative;
    background: #289dd9;
    border-radius: 10px;
}
.what_wrap ul .on::after{
    height: 65%;
    width: 1px;
    background: #69bbe4;
    content: '';
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.what_wrap ul .on::before{
    content: '\e72a';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.what_wrap {
    position: relative;
   
}

.what_wrap .l{
    width: 260px;
    position: relative;z-index: 2;
    margin-top: 50px;
}
.what_wrap .r{
    border-radius: 10px;
    box-sizing: border-box;
    float: left;
    padding-top: 90px;
    padding-bottom: 40px;
    padding-left: 140px;
    float: right;
    width: calc(100% - 210px);height: 590px;box-sizing: border-box;
    background: url(../images/ldjimg/rrbg_03.jpg) no-repeat;
    position: absolute;top:0;right: 0;
}
.what_wrap .r .rl{
    width: calc(100% - 600px);height: 460px;
    float: left;
}
.what_wrap .r .rl h2{
    margin-top: 30px;
    margin-bottom: 30px;
}
.what_wrap .r .rr{
    float: right;
    width:535px;
}
.what_wrap .r .rr img{
    width: 100%;
}

/* 电子证照支撑平台 */

.what5 .swiper-slide .box-wrap {
    width: 100%;
  
    background: #f2f3f5;
   
}
.what5 .swiper-slide .box-wrap > div{
    height: 100%;
    border: 1px solid #dadadc;
    box-sizing: border-box;
padding: 40px 45px 50px 25px;
}

.what5 .swiper-slide .box-wrap .leftimg{
    float: left;
    width: 24px;
}
.what5 .swiper-slide .box-wrap .righttext{
    float: left;
    width: calc(100% - 40px);
    padding-left: 20px;
    box-sizing: border-box;
}

.what5 .swiper-slide .box-wrap .righttext h2{
    color: rgb(0, 0, 0);
    text-transform: uppercase;
line-height: 1;    
margin-bottom: 20px;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
  .what5 .swiper-slide .box-wrap .righttext p{
    color: rgb(67, 67, 67);
    line-height: 1.857;
    height: 175px;
  }
  
  .what5 .swiper-slide:hover .box-wrap{
    background-color: #fff;
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.3);
}
.jiantou{
    position: relative;
    height: 80px;
}
.jiantou .swiper-button-next{
    left: 50%;
    height: 30px;
    width: 30px;
    background: url(../images/ldjimg/xiayige.png);
}
.jiantou .swiper-button-prev{
    left: 45%;
    height: 30px;
    width: 30px;
    background: url(../images/ldjimg/shangyige.png);
}

.jiantou .swiper-button-next.swiper-button-disabled{

    background: url(../images/ldjimg/xiayige_dis.png);
}
.jiantou .swiper-button-prev.swiper-button-disabled{

    background: url(../images/ldjimg/shangyige_dis.png);
}
@media only screen and (max-width: 1440px){
    .what1 ul li h1 {
        top: -55px;
    }
    .what_wrap .r{padding-left: 120px;width: calc(100% - 190px);}
}
@media only screen and (max-width: 1366px){
    .bottom .rl {
        padding-left: 100px;
        box-sizing: border-box;
        float: left;
        width: 50%;
    }
    .bottom .rl h2 {
        line-height: 1;
        margin-bottom: 20px;
        margin-top: 41px;
    }
    .what1 ul li h1 {
        top: -50px;
    }
    .what1 ul li:hover h1 {
        color: #289dd9;
        top: -65px;
    }
    .what1 ul li:hover:before {
        background-color: #289dd9;
        top: -30px;
    }


    .what_wrap .r{padding-left: 100px;}
}
@media only screen and (max-width: 1024px){
    .what1 ul li h1 {
        top: -30px;
    }
    .what1 ul li:hover h1 {
        color: #289dd9;
        top: -50px;
    }
    .what1 ul li:hover:before {
        background-color: #289dd9;
        top: -30px;
    }
    .what_wrap .l{
        margin-bottom: 10px;
        width: 100%;
        position: static;
        margin-top: 0;
            box-sizing: border-box;
    padding: 0 50px;
    }
    .what_wrap .r{
        width: 100%;
        padding: 40px ;
        padding-right: 10px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: static;
    }


    .what_wrap .r .rr{width: 300px;}
    .what_wrap .r .rl{width: calc(100% - 310px)}
    .what_wrap .r .rl,.what_wrap .r{height: auto;}
    .what3 .what_wrap{min-height: inherit;}
    .bottom .rl h2{margin-top: 0}
    .bottom .rl{padding-left: 30px;}
    .box2 ul li,.box2 ul .on{height: auto;width: 100%;}
    .box2 ul{margin-top: 20px;}
    .box2 ul li img,.box2 ul .on img,.box2 ul li p{display: block;position: static;}
    .box2 ul .on p,.box2 ul li p{height: auto;}
    .box2 ul li p{margin: 0;}
    .box2 ul li h3{line-height: 24px;margin: 10px 0;}
    .box2 ul .on{margin: 0;}
    .box2 ul li,.box2 ul li.on{border:0;padding: 0;padding: 20px 0;border-bottom: 1px solid rgba(255,255,255,0.3)}
    .box2 ul li:last-child{border: 0 !important;}
    .box2 ul li img{width: 40px;height: 38px;}
    .box2{padding: 40px 0;}
}
@media only screen and (max-width: 768px){
    .what1 ul li h1 {
        top: 0px;color: #2787ed;position: static;
    }
    .what1 ul li>div{padding: 0;}
    .what1 ul li::before{display: none;}
    .what_wrap ul li{
        padding: 0;
        text-align: center;
    }
    .what_wrap ul li::before{
        display: none;
    }
    .what_wrap ul li::after{
        display: none;
    }
    .what1 ul li:hover h1 {
        color: #289dd9;
        top: -30px;
    }
    .what1 ul li:hover:before {
        background-color: #289dd9;
        top: -20px;
    }
    .what1 ul li {
        width: 100%;
        padding: 20px 0;border-bottom: 1px solid #ccc;margin-bottom: 0;
    }
    .what1 ul li:last-child{border-bottom: 0;}
    .what1 ul {
        margin-top: 0px;
    }
    .what1 ul li>div p {
        height:auto;

    }
    .what_wrap .r .rl h2 {
        margin-top: 0px;
    }
    .what_wrap .r {
        padding-top: 40px;
    }
    .jiantou .swiper-button-prev {
        left: 35%;
        height: 30px;
        width: 30px;
        background: url(../images/ldjimg/shangyige.png);
    }
    .jiantou .swiper-button-next {
        left: 55%;
        height: 30px;
        width: 30px;
        background: url(../images/ldjimg/xiayige.png);
    }
    .what5 .swiper-slide .box-wrap > div {
        padding: 20px;
    }
    .what5 .swiper-slide .box-wrap{
        height: auto !important;
    }
    .ldjpro_light_2 li:nth-child(3){
        background-color: #f2f4f7;
    }
    .ldjpro_light_2 li:nth-child(4){
        background-color: #e8f0fb;
    }
    .ldjpro_light_2 dl {
        padding: 20px;
    }
    .ldjpro_light_2 p{height: auto;}
    .what_wrap .r .rr,.what_wrap .r .rl{float: none;width: 100%;}
    .what_wrap .r{padding:20px;}
    .what_wrap .r .rl h2{margin-bottom: 10px;}
    .what_wrap .r .rl{margin-bottom: 20px}
    .what_wrap ul li{
        font-size: 18px;
        margin-bottom: 10px;
        color: #fff;
        position: relative;
        background: #289dd9;
        border-radius: 10px;
    }

    .jiantou{height: 40px;}
    .jiantou div{margin-top: 0;}

}
@media only screen and (min-width: 1025px){
    .what_wrap  .l .swiper-wrapper {
    display: block;
}
}
@media only screen and (max-width:767px) {
    .bottom .rl {
        padding: 10px;
        box-sizing: border-box;
        float: left;
        width: 100%;
    }
    .box2 ul {
        margin-top: 0px;
    }
    .box2 ul li {
        padding-left: 10px;
    }
    .box2 ul .on img {
        width: 40px;
        display: block;
        position: absolute;
        top: -50px;
        left: 10px;
    }
    .box3 ul li {
        width: 100%;
    }
    .box3 ul li .box_wrap {
        padding: 35px;
    }
    .bannerbottom p{
        text-align: left;
    }
    .bottom {
        padding-top: 0px;
    }
    .bottom .rl h2 {
        line-height: 1;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .bottom .rr {
        box-sizing: border-box;
        float: left;
        width:100%;
    }
    .bottom .rr img {
       display: block;
        width: 80.66%;
        margin: 0 auto;
    }
    .bottom .rl .edit_con_original{height: auto;}
    .box3 ul{overflow: inherit;}
}




.site_banner02 h2{text-overflow: inherit;    white-space: inherit;line-height: 1.2em;}