/*主页样式*/
.fullscreenbanner .btn-border{ padding: 5px 30px; background: rgba(19,48,118,0.6);  border: 1px solid #467acb; }
.page-index .nr-box{  width: 1120px; margin: 0 auto; }
.page-index #works-list{ display: flex; justify-content: space-between; }
.page-index #works-list .one-li{ width: 32%; }
.page-index #works-list .one-li .preview{ margin-top:30px; }
.page-index .description{ width: 320px!important; }
.main .nr-box{ width: 1120px!important; margin: 0 auto; padding-top: 20px; }
.picScrollBd{ margin: 0 auto; width: 1120px!important; }

@media screen and (max-width:1399px){
.qmmAccordion{ width: 1120px!important; margin: 0 auto; }
.page-index .nr-box{ width: 1120px!important; }
.page-index .container{ width: 1120px; }
.qmmAccordion .solution-item{ width: 1120px!important; }
.picScrollBd{ margin: 0 auto; width: 1120px!important; }
.main .nr-box{ width: 1120px!important; }
}
@media screen and (min-width:1400px) and (max-width:1679px){

.page-index .nr-box{ width: 1260px!important; }
.page-index .container{ width: 1260px; }
.qmmAccordion .solution-item{ width: 1260px!important; }
.qmmAccordion{ width: 1260px!important; margin: 0 auto; }
.picScrollBd{ margin: 0 auto; width: 1260px!important; margin: 0 auto; }
.main .nr-box{ width: 1260px!important; }
}
@media screen and (min-width:1680px) and (max-width:1919px){
.page-index .nr-box{ width: 1304px!important; }
.page-index .container{ width: 1304px; }
.qmmAccordion .solution-item{ width: 1304px!important; }
.qmmAccordion{ width: 1304px!important; margin: 0 auto; }
.picScrollBd{ margin: 0 auto; width: 1304px!important; margin: 0 auto; }
.main .nr-box{ width: 1304px!important; }
}
@media screen and (min-width:1920px){
 .page-index .nr-box{ width: 1304px!important; }
 .page-index .container{ width: 1304px; }
 .qmmAccordion .solution-item{ width: 1304px!important; }
 .qmmAccordion{ width: 1304px!important; margin: 0 auto; }
 .picScrollBd{ margin: 0 auto; width: 1304px!important; margin: 0 auto; }
.main .nr-box{ width: 1304px!important; }
}


/*员工关怀样式*/
.page-personnel{ width: 100%; }
.page-personnel .banner-box{ width: 100%; max-height:420px;  margin: 0 auto; position: relative; text-align: center; align-items: center; color: #fff; }
.page-personnel .banner-box .banner{ position: absolute; top:0; width: 100%;max-height:420px;left: 0;  }
.page-personnel .banner-box h2{ position: absolute; top:150px;  width: 100%; text-align: center; font-size: 48px;  }
.page-personnel .banner-box h3{ position: absolute; top:220px;  width: 100%; text-align: center; font-size:22px; }
.page-personnel .h2-box{ width: 100%; display: flex; text-align: center; margin: 0 auto; justify-content: center; flex-wrap: wrap; }
.page-personnel .h2-box h2{ text-align: center; width: 100%; font-size: 36px; color: #005faf; padding-top: 72px !important; }
.page-personnel .h2-box h3{ text-align: center; width: 100%; font-size: 18px; color: #444444; padding-top: 20px; padding-bottom: 46px; }
.page-personnel .nr-box{ width: 1120px; margin: 0 auto; }
.page-personnel .nr-box .h-box{ width: 100%; display: flex; }
.page-personnel .nr-box .h-box .box-l{ width: 48%; height: auto; background: #267eba; color: #fff; position: relative; }
.page-personnel .nr-box .h-box .box-l .h3{ padding: 120px 60px 80px 100px; font-size: 42px; line-height: 1.8; }
.page-personnel .nr-box .h-box .box-l .ks-links{ display: flex; justify-content:space-between; padding: 0 60px; position: absolute; bottom: 60px; text-align: center; }
.page-personnel .nr-box .h-box .box-l .ks-links .icon{ width: 80px; height: 80px; margin-bottom: 8px; }
.page-personnel .nr-box .h-box .box-l .ks-links em{ width: 100%; box-sizing: border-box; padding: 0 12px; }
.page-personnel .nr-box .h-box .box-l .ks-links li{ flex-wrap: wrap; display: flex; justify-content: center; }
.page-personnel .nr-box .h-box .r-img{ width: 52%; height: auto; }
.page-personnel .nr-box .h-box .l-img{ width: 52%; height: auto; }
.page-personnel .nr-box .h-box .box-r{ width: 48%; background: #ecf6fc; height: auto; }
.page-personnel .nr-box .h-box .box-r .h3{ padding: 120px 60px 120px 80px; font-size: 42px; color: #555555; line-height: 1.8; }
.page-personnel .nr-box .h-box .box-r .p-box{ padding: 80px 100px 120px 80px; font-size: 14px; color: #555555; line-height: 2.0; }
.page-personnel .c1-box{ width: 100%; height:auto; min-height: 436px;  position: relative; color: #fff; margin-bottom: 10px; }
.page-personnel .c1-box .bg{ width: 100%;  position: absolute; top: 0; left: 0; }
.page-personnel .c1-box .k-bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(38,126,186,0.8); }
.page-personnel .c1-box h2{ position:absolute; left: 50%; width: 400px; margin-left: -520px; top:30%; font-size: 36px; }
.page-personnel .c1-box em{ position:absolute; left: 50%; width: 400px; margin-left: -520px; top:45%; font-size: 18px; }
.page-personnel .c1-box .title{ position: absolute; width: 500px; top: 30%; left: 50%; margin-left: -120px; font-size: 30px; }
.page-personnel .c1-box .p{ position: absolute; width: 500px; top: 60%; left: 50%; margin-left: -120px; font-size: 14px; line-height: 1.8; }
@media screen and (max-width:1399px){
.page-personnel  .nr-box{ width: 1120px; }
}
@media screen and (min-width:1400px) and (max-width:1679px){
.page-personnel  .nr-box{ width: 1260px; }
}
@media screen and (min-width:1680px) and (max-width:1919px){
.page-personnel  .nr-box{ width: 1304px; }
}
@media screen and (min-width:1920px){
 .page-personnel  .nr-box{ width: 1304px; }
}


/*数据中台样式*/
.page-data{ width: 100%; }
.page-data .banner-box{ width: 100%; max-height:420px;  margin: 0 auto; position: relative; text-align: center; align-items: center; color: #fff; }
.page-data .banner-box .banner{ position: absolute; top:0; width: 100%;max-height:420px;left: 0;  }
.page-data .banner-box h2{ position: absolute; top:150px; margin-left: -23%;  width: 100%; text-align: center; font-size: 48px;  }
.page-data .banner-box h3{ position: absolute; top:220px;  margin-left: -23%;  width: 100%; text-align: center; font-size:22px; }
.page-data .c1-info{ text-align: center; width: 100%; background: #e8f7ff; }
.page-data .c1-info h2{ color: #333;  line-height: 1.8; padding: 54px 0 50px; }
.page-data .c1-info .info-box{ display: flex; justify-content: center; }
.page-data .c1-info .info-box li{ width: 25%; text-align: center; padding-bottom: 20px; }
.page-data .c1-info .info-box li .icon{ width: 112px; height: 112px;  margin-bottom: 6px; }
.page-data .c1-info .info-box li i{ font-size: 17px; }
.page-data .c1-info .info-box li p{ width: 80%; margin: 10px auto 40px; font-size: 14px; line-height: 1.8; }
.page-data .c2-info{ margin: 0 auto; text-align: center; }
.page-data .c2-info h2{ font-size:30px; margin-top: 68px; margin-bottom: 20px; color: #005faf;  }
.page-data .c2-info .des{ line-height: 1.8; font-size: 17px; }
.page-data .c2-info .imgshow{ width: 80%; height: auto; }
.page-data .c2-info .info-box{ width:70%; margin: 0 auto; display: flex; justify-content: space-between; padding-bottom: 60px; }
.page-data .c2-info .info-box dd{ min-width: 205px;text-align: left;  margin-top: 12px; padding-left: 20px; box-sizing: border-box; }
.page-data .c3-info{ text-align: center; width: 100%; background: #e8f7ff; }
.page-data .c3-info h2{ font-size:30px; padding-top: 68px; margin-bottom: 20px; color: #005faf;  }
.page-data .c3-info .des{ line-height: 1.8; font-size: 17px; }
.page-data .c3-info .nr-box{ margin: 0 auto; }
.page-data .c3-info .imgshow{ width: 80%; height: auto; margin-top: 30px; }
.page-data .c3-info .h3-list{ width: 74.6%; display: flex; justify-content: space-around; margin: 0 auto; margin-left: 12%; }
.page-data .c3-info .data-list{width: 74.6%;  display: flex; justify-content: space-around; margin-left: 12%; padding-bottom: 40px; }
.page-data .c3-info .data-list dt{ font-weight: bold; padding-top: 0px; padding-bottom: 12px; }
.page-data .c3-info .data-list li{ width: 12%; margin-top: 20px; line-height: 30px; padding: 20px 0; }
.page-data .c3-info .data-list dl{ width:100%;  padding: 20px 0; box-sizing: border-box; border-radius: 20px; border: 1px #4c889d solid;  box-shadow:5px 0 3px #ccc;}
.page-data .c3-info .data-list li dl:nth-child(2){ margin-top: 12px; }
.page-data .c3-info .data-list li dl.dg{ height: 330px; }
.page-data .c3-info .data-list li .img-icon{ margin-top: 50px; }
.page-data .c4-info{ margin: 0 auto; text-align: center; }
.page-data .c4-info h2{ font-size:30px; margin-top: 68px; margin-bottom: 20px; color: #333333;  }
.page-data .c4-info .info-box{ display: flex; justify-content: space-around; margin-top: 30px; padding-bottom: 60px; }
.page-data .c4-info .info-box li{ width: 24%; height: 600px; border-top: 3px solid #71b4e4; box-shadow:0px 0 3px #ccc; text-align: center;  }
.page-data .c4-info .info-box li dl dt{padding-bottom: 30px;}
.page-data .c4-info .info-box li dl dd{ width: 70%; text-align: left; margin-left:10%; height: 40px; font-size: 18px; margin-top: 12px; display:flex; align-items: center; }
.page-data .c4-info .info-box li dl dd img{ width: 28px; height: 28px; margin-right: 12px; }
.page-data .c4-info .info-box .icon{ margin-top: 12px; }
.page-data .c4-info .info-box li dl dt{ font-size: 26px; margin-left: 10%; margin-top: 30px; margin-bottom: 20px; }
.page-data .c4-info .info-box li dl dd.min{ font-size: 14px; margin-left: 20%; }
.page-data .c5-info{ text-align: center; width: 100%; background: #e8f7ff; }
.page-data .c5-info h2{ font-size:30px; padding-top: 68px; margin-bottom: 20px; color: #005faf;  }
.page-data .c5-info .des{ line-height: 1.8; font-size: 17px; }
.page-data .c5-info .nr-box{ margin: 0 auto; }
.page-data .c5-info .imgshow{ width: 80%; height: auto; margin-top: 30px; }
@media screen and (max-width:1399px){
.page-data  .nr-box{ width: 1120px; }
}
@media screen and (min-width:1400px) and (max-width:1679px){
.page-data  .nr-box{ width: 1260px; }
}
@media screen and (min-width:1680px) and (max-width:1919px){
.page-data  .nr-box{ width: 1304px; }
}
@media screen and (min-width:1920px){
 .page-data  .nr-box{ width: 1304px; }
}

/*软件开发样式*/
.page-software{ width: 100%; }
.page-software .banner-box{ width: 100%; max-height:420px;  margin: 0 auto; position: relative; text-align: center; align-items: center; color: #fff; }
.page-software .banner-box .banner{ position: absolute; top:0; width: 100%;max-height:420px;left: 0;  }
.page-software .banner-box h2{ position: absolute; top:150px;  width: 100%; text-align: center; font-size: 48px;  }
.page-software .banner-box h3{ position: absolute; top:220px;  width: 100%; text-align: center; font-size:22px; }
.page-software .c1-box ul{ display: flex; justify-content: space-between; padding: 20px 0; }
.page-software .c1-box li{ width: 25%; text-align: center; }
.page-software .c1-box li p{ font-size: 28px; }
.page-software .c1-box li em{ font-size: 16px; color: #999; }
.page-software .nr-box{ width: 1120px; margin: 0 auto; }
.page-software .c2-box h2{ font-size:30px; padding-top: 68px; margin-bottom: 20px; color: #005faf;  }
.page-software .c2-box .des{ line-height: 1.8; font-size: 17px; }
.page-software .c2-box { text-align: center; }
.page-software .c2-box .data-list{ width: 90%; margin-left: 5%; display: flex; justify-content: space-between; text-align: center; padding-top: 30px; }
.page-software .c2-box h3{ margin-top: 12px; font-size: 24px; }
.page-software .c2-box p{ max-width: 340px; padding-top: 10px; padding-bottom: 30px;margin: 0 auto; line-height: 1.5; }
.page-software .c3-box h2{ font-size:30px; padding-top: 68px; margin-bottom: 20px; color: #005faf;  }
.page-software .c3-box .des{ line-height: 1.8; font-size: 17px; }
.page-software .c3-box { text-align: center; width: 100%; background: #e8f7ff; }
.page-software .c3-box .data-list{ width: 90%; margin-left: 5%; display: flex; justify-content: space-between; text-align: center; padding-top: 30px; }
.page-software .c3-box h3{ margin-top: 12px; font-size: 24px; }
.page-software .c3-box p{ max-width: 340px; padding-top: 10px; padding-bottom: 30px;margin: 0 auto; line-height: 1.5; }
.page-software .c3-box .y{  width: 165px; height: 165px; background: #005faf; border-radius: 200px; display: flex; align-items:  center;justify-content: center; margin: 30px auto 20px; }
.page-software .c4-box{ width: 100%; }
.page-software .c4-box .nr-box{ width: 1120px;  margin: 0 auto; text-align: center; }
.page-software .c4-box h2{ font-size:30px; padding-top: 68px; margin-bottom: 20px; color: #005faf;  }
.page-software .c4-box .des{ line-height: 1.8; font-size: 17px; }
.page-software .c4-box .line-x{ width: 1120px; height: 1px; background: #ccc; margin-top: 120px; }
.page-software .c4-box .data-list{ width: 760px;margin-left: 200px; display: flex; justify-content:space-around; margin-top: -45px; position: relative; }
.page-software .c4-box .data-list li{ cursor: pointer;width: 80px;
    height: 80px;
    font-size: 32px;
    position: relative;
    cursor: pointer;
    -webkit-transition: left 1s ease-in;
    transition: left 1s ease-in;
    display: flex; justify-content: center; align-items: center; }
.page-software .c4-box .data-list li i{width: 64px;
    height:64px;
    border-radius: 50%;
    font-size: 48px;
    display: inline-block;
    text-align: center;
    line-height:48px;
    background-color: #61c0f9;
    color: #fff; padding-top: 8px;
    box-sizing: border-box;
}
.page-software .c4-box .data-list li.active i{background-color: #E3603D;}
.page-software .c4-box .data-list li:hover{ opacity: 0.9; }
.page-software .c4-box .box-b{ display: flex; padding-top: 40px; padding-bottom: 60px; }
.page-software .c4-box .box-b .b-r{ width: 40%; height: auto; margin-left: auto; }
.page-software .c4-box .box-b .b-l{ width: 50%; padding-left: 30px; text-align: left; }
.page-software .c4-box .box-b .b-l h3{ margin-top: 60px; font-size: 36px; margin-bottom: 30px; }
.page-software .c4-box .box-b .b-l p{ line-height: 1.8; }
.page-software .c5-box{ width: 100%; background: #e8f7ff; padding-bottom: 50px; }
.page-software .c5-box .nr-box{ width:1120px; }
.page-software .c5-box h2{ font-size:30px; padding-top: 68px; margin-bottom: 20px; color: #005faf; text-align: center; }
.page-software .c5-box .des{ line-height: 1.8; font-size: 17px;text-align: center; }
.page-software .c5-box .c5-con{ display: flex; }
.page-software .c5-box .showimg{ width: 35%; }
.page-software .c5-box .con-r{ width: auto; margin-left: 30px; } 
.page-software .c5-box .con-r .logo-all{ display: flex; height: 120px; align-items: center; }
.page-software .c5-box .con-r .logo-all li{ margin-right: 20px; }
.page-software .c5-box .con-r .b-c-text{ width: 80%; padding: 30px 0; line-height: 1.8; }
.page-software .c5-box .con-r .b-b{ display: flex; align-items: center; }
.page-software .c5-box .con-r .b-b .btn-go{ width: 145px; height: 44px; line-height: 44px; text-align: center; background: #189aff;  border-radius: 4px; color: #fff; cursor: pointer; }
.page-software .c5-box .con-r .b-b .btn-go:hover{ opacity: 0.8; }
.page-software .c5-box .con-r .phone-logo{ display: flex; margin-left: 20px; }
.page-software .c5-box .con-r .phone-logo li{ margin:0 8px 0 0;  }
.page-software .c5-box .con-r .phone-logo li .mlogo{ cursor: pointer; }
.page-software .c5-box .con-r .phone-logo .line-y{ height: 26px; width: 1px; background: #ccc; }
.page-software .c6-box{ width: 100%; padding-bottom: 50px; }
.page-software .c6-box .nr-box{ width:1120px; text-align: center; }
.page-software .c6-box h2{ font-size:30px; padding-top: 68px; margin-bottom: 20px; color: #005faf;  }
.page-software .c6-box .des{ line-height: 1.8; font-size: 17px; }
.page-software .c6-box .showimg{ width: 80%; }
.page-software .c7-box{ width: 100%; padding-bottom: 50px; background: #e8f7ff; }
.page-software .c7-box .nr-box{ width:1120px; text-align: center; }
.page-software .c7-box h2{ font-size:30px; padding-top: 68px; margin-bottom: 20px; color: #005faf;  }
.page-software .c7-box .des{ line-height: 1.8; font-size: 17px; }
.page-software .c7-box .case-list{  display: flex; flex-wrap: wrap; }
.page-software .c7-box .case-list li{ width: 22%; min-height:300px;  cursor: pointer; margin-left: 4%; position: relative; margin-top: 40px; background: #fff; border-radius: 6px; overflow: hidden; box-shadow:0px 0 5px #ccc;}
.page-software .c7-box .case-list li:nth-child(4n-3){ margin-left: 0; }
.page-software .c7-box .case-list li img{ height: auto; }
.page-software .c7-box .case-list li:hover img{ transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; transform:scale(1.1);-moz-transform:scale(1.1); }
.page-software .c7-box .case-list li b{ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; position: absolute;  bottom: 80px; z-index: 9999; left: 5%; width: 90%; }
.page-software .c7-box .case-list li p{ padding: 12px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; position: absolute;  bottom: 20px; }
@media screen and (max-width:1399px){
.page-software  .nr-box{ width: 1120px; }
}
@media screen and (min-width:1400px) and (max-width:1679px){
.page-software  .nr-box{ width: 1260px; }
}
@media screen and (min-width:1680px) and (max-width:1919px){
.page-software  .nr-box{ width: 1304px; }
}
@media screen and (min-width:1920px){
 .page-software  .nr-box{ width: 1304px; }
}


/*人力资源服务样式*/
.page-hr{ width: 100%; }
.page-hr .banner-box{ width: 100%; max-height:420px;  margin: 0 auto; position: relative; text-align: center; align-items: center; color: #fff; }
.page-hr .banner-box .banner{ position: absolute; top:0; width: 100%;max-height:420px;left: 0;  }
.page-hr .banner-box h2{ position: absolute; top:150px;  width: 100%; text-align: center; font-size: 48px;  color: #fff !important; }
.page-hr .banner-box h3{ position: absolute; top:220px;  width: 100%; text-align: center; font-size:22px;  color: #fff !important;}
.page-hr .qy-box{ width: 100%; padding:30px 0 12px; }
.page-hr .qy-box .nr-box{ width: 1120px; margin: 0 auto; display: flex; align-items: center; line-height: 30px; }
.page-hr .qy-box .nr-box .box-l{ color: #005faf; width: 20%; padding-right: 30px; font-weight: bold; border-right: 1px solid #005faf; padding: 12px 30px 12px 0; }
.page-hr .qy-box .nr-box .des{ padding-left: 30px; width: 75%; }
.page-hr .c1-box{ width: 100%; background: #005faf; text-align: center; padding-bottom: 50px; }
.page-hr .c1-box h2{ font-size:30px; padding-top: 68px; margin-bottom: 20px; color: #fff;  }
.page-hr .c1-box .nr-box{ width: 1120px; margin: 0 auto; color: #000; }
.page-hr .c1-box .info-list{ display: flex; justify-content: flex-start; flex-wrap: wrap; }
.page-hr .c1-box .info-list li{ width: 22%; margin-left: 4%; margin-top: 30px; padding: 30px; background: #fff; border-radius: 5px; box-sizing: border-box; }
.page-hr .c1-box .info-list li:nth-child(4n-3){ margin-left: auto; }
.page-hr .c1-box .info-list li b{ width: 100%; display: block; padding-bottom: 20px; padding-top: 10px; }
.page-hr .c2-box h2{ font-size:30px; padding-top: 68px; margin-bottom: 20px; color: #005faf;  }
.page-hr .c2-box .des{ line-height: 1.8; font-size: 17px; }
.page-hr .c2-box { text-align: center; }
.page-hr .c3-box h2{ font-size:30px; padding-top: 68px; margin-bottom: 20px; color: #005faf;  }
.page-hr .c3-box .des{ line-height: 1.8; font-size: 17px; }
.page-hr .c3-box { text-align: center; }
.page-hr .c4-box{ width: 100%;background: #e8f7ff; padding: 40px 0;  }
.page-hr .c4-box .nr-box{ width: 1120px; margin: 0 auto; display: flex; align-items: center; }
.page-hr .c4-box .r-box{ width: 40%;  padding: 30px; background: #fafafa; margin-left: 80px; border-radius: 4px;box-shadow:0px 0 5px #ccc; }
.page-hr .c4-box .r-box ul{ display: flex; flex-wrap: wrap; }
.page-hr .c4-box .r-box ul li{ width: 49%; margin-left: 1%; display: flex; align-items: center; }
.page-hr .c4-box .r-box ul li img{ width: 54px; height: 54px; }
.page-hr .c5-box { text-align: center; }
.page-hr .c5-box h2{ font-size:30px; padding-top: 68px; margin-bottom: 20px; color: #005faf;  }
.page-hr .c5-box .des{ line-height: 1.8; font-size: 17px; }
.page-hr .c5-box .data-info{ display: flex; justify-content: space-around; width: 100%; text-align: center; }
.page-hr .c5-box .nr-box{ width: 1120px; margin: 0 auto; }
.page-hr .c5-box .data-info li{ width: 20%; position: relative; }
.page-hr .c5-box .data-info em{ font-size: 16px; position: absolute; top: 32px; left: 0; width: 100%; }
.page-hr .c5-box .data-info i{ font-size: 52px; position: absolute; top: 54px; left: 0; width: 100%; color: #005faf; font-weight: bold; }
.page-hr .c6-box{ width: 100%; background: #e8f7ff; text-align: center; padding: 40px 0; }
.page-hr .c6-box .nr-box{ margin: 0 auto; }
.page-hr .c6-box .imgshow{ padding: 60px 0; width: 80%; }
.page-hr .c6-box h2{ font-size:30px; padding-top: 68px; margin-bottom: 20px; color: #005faf;  }
.circleProgress_wrapper{
            width: 160px;
            height: 160px;
            margin: 50px auto;
            position: relative;
            
            border-radius: 50%;
            box-sizing: border-box;
        }

        .wrapper{
            width: 100px;
            height: 200px;
            position: absolute;
            top:0;
            overflow: hidden;
        }
        .right{
            right:0;
        }
        .left{
            left:0;
        }
        .circleProgress{
            width: 160px;
            height: 160px;
            border:2px solid rgb(226, 226, 226);
            border-radius: 50%;
            position: absolute;
            top:0;
            -webkit-transform: rotate(45deg);
        }
        .rightcircle{
            border-top:2px solid rgb(8,122,253);
            border-right:2px solid rgb(8,122,253);
            right:0px;
            -webkit-animation: circleProgressLoad_right 5s;
        }
        .leftcircle{
            border-bottom:2px solid rgb(8,122,253);
            border-left:2px solid rgb(8,122,253);
            left:0;
            -webkit-animation: circleProgressLoad_left 5s;
        }
        @-webkit-keyframes circleProgressLoad_right{
            0%{
                border-top:2px solid rgb(8,122,253);
                border-right:2px solid rgb(8,122,253);
                -webkit-transform: rotate(45deg);
            }
            50%{
                border-top:2px solid rgb(8,122,253);
                border-right:2px solid rgb(8,122,253);
                border-left:2px solid rgb(8,122,253);
                border-bottom:2px solid rgb(8,122,253);
                -webkit-transform: rotate(225deg);
            }
            100%{
                border-left:2px solid rgb(8,122,253);
                border-bottom:2px solid rgb(8,122,253);
                -webkit-transform: rotate(225deg);
            }
        }
        @-webkit-keyframes circleProgressLoad_left{
            0%{
                border-bottom:2px solid  rgb(8,122,253);
                border-left:2px solid  rgb(8,122,253);
                -webkit-transform: rotate(45deg);
            }
            50%{
                border-bottom:2px solid  rgb(8,122,253);
                border-left:2px solid  rgb(8,122,253);
                border-top:2px solid rgb(8,122,253);
                border-right:2px solid  rgb(8,122,253);
                -webkit-transform: rotate(45deg);
            }
            100%{
                border-top:2px solid rgb(8,122,253);
                border-right:2px solid  rgb(8,122,253);
                border-bottom:2px solid  rgb(8,122,253);
                border-left:2px solid  rgb(8,122,253);
                -webkit-transform: rotate(225deg);
            }
        }
.page-hr .c7-box { text-align: center; }
.page-hr .c7-box h2{ font-size:30px; padding-top: 68px; margin-bottom: 20px; color: #005faf;  }
.page-hr .c7-box .des{ line-height: 1.8; font-size: 17px; }
.page-hr .c7-box .nr-box{ margin: 0 auto; }
.page-hr .c7-box .tab{ display: flex; justify-content: center; padding: 40px 0; }
.page-hr .c7-box .tab li{ border: 1px solid #005faf; width: 336px; height: 54px; line-height: 54px; cursor: pointer; text-align: center; margin: 0 6px; }
.page-hr .c7-box .tab li.active{ background: #005faf; color: #fff; }
.page-hr .c7-box .data-info{ display: flex; justify-content: space-between; padding-bottom: 40px; }
.page-hr .c7-box .data-info .info-l{ text-align: left; padding-left: 30px; box-sizing: border-box; padding: 40px; background: #e8f7ff; border: 1px #efefef solid;     line-height: 1.8;
    font-size: 16px;}
.page-hr .c7-box .data-info .info-r{ width: 75%; height: auto; margin-left: 10px; }
.page-hr .c8-box{ width:100%; background: #3381c1; }
.page-hr .c8-box .nr-box{ width: 1120px; margin: 0 auto; padding-bottom: 50px; padding-top: 10px; }
.page-hr .c8-box .nr-box h2{ width: 300px; margin: 60px auto 0; text-align: center; color: #fff; position: relative; padding-bottom: 8px;  }
.page-hr .c8-box .data-list{ display: flex; flex-wrap: wrap; }
.page-hr .c8-box .data-list li{ border: 0px #ccc solid; width: 18%; box-shadow:2px 0 5px #999; cursor: pointer; text-align: center; margin:30px 1% 0; box-sizing: border-box; }
@media screen and (max-width:1399px){
.page-hr  .nr-box{ width: 1120px; }
}
@media screen and (min-width:1400px) and (max-width:1679px){
.page-hr  .nr-box{ width: 1260px; }
}
@media screen and (min-width:1680px) and (max-width:1919px){
.page-hr  .nr-box{ width: 1304px; }
}
@media screen and (min-width:1920px){
 .page-hr  .nr-box{ width: 1304px; }
}


/*关于我们样式*/
.page-about .banner-box{ width: 100%; max-height:420px;  margin: 0 auto; position: relative; text-align: center; align-items: center; color: #fff; }
.page-about .banner-box .banner{ position: absolute; top:0; width: 100%;max-height:420px;left: 0;  }
.page-about .banner-box h2{ position: absolute; top:150px;  width: 100%; text-align: center; font-size: 48px;  color: #fff !important; }
.page-about .banner-box h3{ position: absolute; top:220px;  width: 100%; text-align: center; font-size:22px;  color: #fff !important;}
.page-about .c1-box{ width:100%;  }
.page-about .c1-box .nr-box{ width: 1120px; margin: 0 auto; padding-bottom: 50px; }
.page-about .c1-box .nr-box h2{ width: 300px; margin: 60px auto 0; text-align: center; color: #005faf; position: relative; padding-bottom: 8px;  }
.page-about .c1-box .nr-box h2 em{ position: absolute; left:50%; margin-left: -28px; bottom: -3px; width: 56px; height: 3px; background: #005faf;  }
.page-about .c1-box .nr-box .p-box{ padding: 50px 0; line-height: 1.8; text-indent:2em;}
.page-about .c1-box .img-box{ display: flex; justify-content:space-between; }
.page-about .c2-box{ width: 100%; padding-bottom: 80px; }
.page-about .nr-box{ margin: 0 auto;  padding-bottom: 50px;  }
.page-about .text-center{ margin: 0 auto; display: flex; justify-content: center; margin-top: -70px; }
.page-about .c3-box{ width: 100%; height:114px; display: flex; justify-content: center; position: relative; margin-bottom: 30px;  background: #4580c2; margin-top: -50px; }
.page-about .c3-box .bg-l{ position: absolute; left: 0; top: 0; height: 114px; width: auto; }
.page-about .c3-box .bg-r{ position: absolute; right: 0; top: 0; height: 114px; width: auto; transform: rotateY(180deg); }
.page-about .c3-box ul li em{ border-radius: 12px; height: 12px; width: 12px; background: #fff; border: 3px #fc7300 solid; margin-right: 12px; margin-top: 8px; }
.page-about .c3-box ul li{ display: flex; height: 114px; flex-wrap: wrap; line-height:18px; align-items: center; }
.page-about .c3-box ul li a{ color: #fff; }
.page-about .c3-box ul li a span{ text-decoration: underline; }
.page-about .c3-box ul li p{ width: 90%; padding-left: 30px;  margin-top: -40px; }
.page-about .c3-box .data-list{ width: 70%; display: flex; position: absolute; left: 15%; z-index: 9999;  }
.page-about .c3-box ul{  display: flex; justify-content: center; color: #fff; }
.page-about .c3-box ul li{ width: 40%; }
.page-about .c3-box .nr-box{ margin: 0 auto; }
.page-about .c3-box .icon-jt{ position: absolute; bottom: -24px; left: 50%; margin-left: -25px; }
.page-about .c4-box{ width:100%;  }
.page-about .c4-box .nr-box{ width: 1120px; margin: 0 auto; padding-bottom: 50px; }
.page-about .c4-box .nr-box h2{ width: 300px; margin: 60px auto 0; text-align: center; color: #005faf; position: relative; padding-bottom: 8px;  }
.page-about .c4-box .nr-box h2 em{ position: absolute; left:50%; margin-left: -28px; bottom: -3px; width: 56px; height: 3px; background: #005faf;  }
.page-about .c4-box  .data-list{ display: flex; flex-wrap: wrap; }
.page-about .c4-box  .data-list li{ border: 1px #ccc solid; width: 20%; text-align: center; margin:50px 2.5% 0; padding:0 30px 30px; box-sizing: border-box; }
.page-about .c5-box{ width:100%; background: #e8f7ff; }
.page-about .c5-box .nr-box{ width: 1120px; margin: 0 auto; padding-bottom: 50px; padding-top: 10px; }
.page-about .c5-box .nr-box h2{ width: 300px; margin: 60px auto 0; text-align: center; color: #005faf; position: relative; padding-bottom: 8px;  }
.page-about .c5-box .nr-box h2 em{ position: absolute; left:50%; margin-left: -28px; bottom: -3px; width: 56px; height: 3px; background: #005faf;  }
.page-about .c5-box .data-list{ display: flex; flex-wrap: wrap; }
.page-about .c5-box .data-list li{ border: 0px #ccc solid; width: 18%; box-shadow:2px 0 5px #ccc; cursor: pointer; text-align: center; margin:30px 1% 0; box-sizing: border-box; }
.page-about .c6-box{ width: 100%; height: 140px; background:url(../images/ab_bg1.png) ; background-repeat: repeat; }
.page-about .c6-box .nr-box{ width: 1120px;height: 140px; line-height: 1.8; margin: 0 auto; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; }
.page-about .c7-box{ width:100%; background: #fff; padding-bottom: 30px; }
.page-about .c7-box .nr-box{ width: 1120px; margin: 0 auto; padding-bottom: 50px; padding-top: 10px; }
.page-about .c7-box .nr-box h2{ width: 300px; margin: 60px auto 0; text-align: center; color: #005faf; position: relative; padding-bottom: 8px;  }
.page-about .c7-box .nr-box h2 em{ position: absolute; left:50%; margin-left: -28px; bottom: -3px; width: 56px; height: 3px; background: #005faf;  }
.page-about .c7-box .data-list{ display: flex; flex-wrap: wrap; }
.page-about .c7-box .data-list li{ border: 0px #ccc solid; width: 47%; margin-top: 60px; display: flex;  text-align: center; box-sizing: border-box; margin-left: 2%; }
.page-about .c7-box .data-list li .img{ border: 1px solid #427ab7;  margin-right: 30px; width: 290px; height: 240px; }
.page-about .c7-box .data-list li .li-r{ text-align: left; margin-top: 20px; width: auto; }
.page-about .c7-box .data-list li .li-r i{ width: 5px; height: 5px; background: #005ca5; margin-right:15px; margin-left: 8px; }
.page-about .c7-box .data-list li .li-r h3{ display: flex; align-items: center; font-weight: bold; }
.page-about .c7-box .data-list li .text{  font-size:16px; }
.page-about .c7-box .data-list li dd{ display: flex; position: relative; padding-left: 28px; line-height: 30px; margin-top: 10px; }
.page-about .c7-box .data-list li dd .icon{ width: 24px; height: 24px; position: absolute; left: 0; top: 4px; }
@media screen and (max-width:1399px){
.page-about .nr-box{ width: 1120px; }
}
@media screen and (min-width:1400px) and (max-width:1679px){
.page-about .nr-box{ width: 1260px; }
}
@media screen and (min-width:1680px) and (max-width:1919px){
.page-about .nr-box{ width: 1304px; }
}
@media screen and (min-width:1920px){
 .page-about .nr-box{ width: 1304px; }
}