/* 首页开始 */
.index-banner-container {
    height         : 60rem;
    overflow       : hidden;
    display        : flex;
    align-items    : center;
    justify-content: center;
    position       : relative;
}
.index-banner {
    width            : 100%;
    height           : 100%;
    background       : url(../images/index-banner.jpg)no-repeat center center;
    background-size  : cover;
    animation        : animatedBackground 6s ease-in-out;
    -webkit-animation: animatedBackground 6s ease-in-out;
    transition       : transform 5s ease-in-out;
}
@font-face {
    font-family: "SourceHanSansCN-Bold";
    src        : url("../fonts/SourceHanSansCN-Bold.woff");
}

@font-face {
    font-family: "SourceHanSansCN-Medium";
    src        : url("../fonts/SourceHanSansCN-Medium.woff");
}

@font-face {
    font-family: "SourceHanSansCN-Regular";
    src        : url("../fonts/SourceHanSansCN-Regular.woff");
}

@font-face {
    font-family: "DIN-Bold";
    src        : url("../fonts/DIN-Bold.ttf");
}
/*------------------------------------------------------------------
    SKELETON
-------------------------------------------------------------------*/
html {
    font-size: 100%;
    /* filter: url("data:image/svg+xml;utf8,#grayscale"); 
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%); 
    filter: gray; 
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); */
}

body {
    color : #333;
    margin: 0;
}

a {
    text-decoration: none !important;
    cursor         : pointer;
}

ul,
li,
ol {
    margin    : 0px;
    padding   : 0px;
    list-style: none;
}

/*------------------------------------------------------------------
    HEADER
-------------------------------------------------------------------*/

nav {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
}

nav .dropdown-menu {
    left: auto;
}

header {
    background-color: rgba(255, 255, 255);
    left            : 0;
    padding         : 0 16.5rem;
    box-sizing      : border-box;
    position        : relative;
    right           : 0;
    top             : 0;
    z-index         : 111;
}

header .navbar-nav li>a {
    line-height: 4rem;
}

header.newdet {
    background-color: #fafafa;
}

header .navbar-nav li a {
    color      : #333333;
    padding    : 10px 15px;
    box-sizing : border-box;
    font-family: "SourceHanSansCN-Regular";
}

header .navbar-nav li a.active {
    color      : #136ab7;
    font-weight: bold;
}

header .navbar-nav li a:hover {
    color      : #136ab7;
    font-weight: bold;

}

.navbar-nav {
    display: flex;
}

.navbar-nav li {
    position: relative;
    margin  : 0px 10px;
}

.navbar-toggle {
    display   : none;
    color     : #fff;
    cursor    : pointer;
    padding   : 12px 10px;
    box-sizing: border-box;
    margin    : 8px 0;
    outline   : none;
}

.navbar-brand {
    width      : 121px;
    display    : flex;
    align-items: center;
}

.navbar-brand img {
    width: 100%;
}

.fixed-menu .navbar {
    position  : fixed;
    left      : 0px;
    top       : 0px;
    width     : 100%;
    padding   : 0 16.5rem;
    box-sizing: border-box;
    background: #ffffff;
    z-index   : 999;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
    opacity   : 1;
    visibility: visible;
}

.nav-more {
    width     : 160px;
    display   : none;
    position  : absolute;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .06);
    left      : -49px;
    top       : calc(4rem - 8px);
    transition: 0.1s;
    padding   : 10px 0;
    box-sizing: border-box;
}

.navbar-nav>li:hover .nav-more {
    display: block;
}

.nav-more a {
    display   : inline-block;
    width     : 100%;
    padding   : 10px 20px;
    box-sizing: border-box;
    text-align: center;
}

.nav-close-icon {
    display: none;
}

@keyframes animatedBackground {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

.index-banner-content {
    display       : flex;
    flex-direction: column;
    align-items   : center;
    position      : absolute;
    z-index       : 2;
}

.index-banner-tit {
    font-family: "SourceHanSansCN-Bold";
    font-size  : 2.5rem;
    color      : #136AB7;
    text-shadow: 2px 3px 1px #fff;
}

.index-banner-det {
    font-family: "SourceHanSansCN-Medium";
    font-size  : 1.13rem;
    margin     : 1.8rem 0 2.6rem;
    color      : #136AB7;

}

.index-banner-det a {
    font-size  : 1.88rem;
    color      : #136AB7;
    text-shadow: 0 3px 1px #fff;
}

.index-banner-btn {
    padding         : 0.6rem 2.2rem;
    box-sizing      : border-box;
    background-color: #136ab7;
    border-radius   : 0.25rem;
    color           : #fff;
    font-family     : "SourceHanSansCN-Regular";
    font-size       : 1.25rem;
    color           : #ffffff;
}

/* 多页面公用-模块容器及标题 */
.module-container {
    padding   : 4.5rem 16.5rem;
    box-sizing: border-box;
}

.module-tit {
    font-family: "SourceHanSansCN-Medium";
    font-size  : 2.5rem;
    color      : #2f365c;
    text-align : center;
}

.module-tit.light {
    color: #136AB7;
}

.module-mintit {
    font-family: "SourceHanSansCN-Regular";
    font-size  : 1.25rem;
    color      : #80859b;
    text-align : center;
    margin-top : 1.4rem;
    padding    : 0 16.5rem;
    box-sizing : border-box;
}

.module-mintit.readall a {
    color: #136ab7;
}

.index-service {
    padding   : 4.5rem 0 0;
    box-sizing: border-box;
}

.index-service-list {
    display        : flex;
    justify-content: space-between;
    flex-wrap      : wrap;
    margin-top     : 4rem;
    padding        : 0 16.5rem;
    box-sizing     : border-box;
    background     : url(../images/index-service-bac.webp)no-repeat center center;
    background-size: cover;
}

.index-service-list li {
    width   : 25%;
    position: relative;
    overflow: hidden;
}

.index-service-list li .index-service-li {
    height    : 100%;
    padding   : 6.31rem 0;
    box-sizing: border-box;
    transition: all 0.2s ease-out;
}

.index-service-list li .index-service-li:hover {
    background-image: linear-gradient(45deg,
            #136ab7 0%,
            #272f56 100%);
    opacity        : 0.9;
    transform      : scale(1.1);
    background-size: cover;
}

.index-service-list li:first-child {
    background     : url(../images/index-service-li1.webp)no-repeat center center;
    background-size: cover;
}

.index-service-list li:nth-child(2) {
    background     : url(../images/index-service-li2.webp)no-repeat center center;
    background-size: cover;
}

.index-service-list li:nth-child(3) {
    background     : url(../images/index-service-li3.webp)no-repeat center center;
    background-size: cover;
}

.index-service-list li:nth-child(4) {
    background     : url(../images/index-service-li4.webp)no-repeat center center;
    background-size: cover;
}

.index-service-list li a {
    display       : flex;
    flex-direction: column;
    align-items   : center;
}

.index-service-list .icon {
    width          : 292px;
    display        : flex;
    justify-content: center;
    position       : relative;
}

.index-service-list .tit {
    font-family: "SourceHanSansCN-Medium";
    font-size  : 1.8rem;
    color      : #fff;
    margin-top : 1.94rem;
    text-align : center;
}

.index-news-content {
    margin-top     : 1.8rem;
    display        : flex;
    justify-content: space-between;
    align-items    : center;
}

.index-news-left {
    width     : 42.75rem;
    padding   : 1.25rem;
    box-sizing: border-box;
    box-shadow: 0 0 8px 8px rgba(247, 250, 255, .9);
}

.index-news-left .pic {
    margin-bottom: 1.5rem;
}

.index-news-left .pic img {
    width: 100%;
}

.index-news-right {
    width: calc(100% - 48rem);
}

.index-news-right li {
    padding      : 1.81rem 0 1.38rem;
    box-sizing   : border-box;
    border-bottom: solid 1px rgba(163, 168, 184, .2);
}

.index-news-content .tit {
    font-family: "SourceHanSansCN-Bold";
    font-size  : 1.13rem;
    color      : #2f365c;
}

.index-news-content .det {
    font-family       : "SourceHanSansCN-Regular";
    font-size         : 1rem;
    color             : #80859b;
    margin            : 0.88rem 0;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    /*省略几行写几*/
    -webkit-box-orient: vertical;
}

.index-news-content .btn {
    font-family: "SourceHanSansCN-Regular";
    font-size  : 1rem;
    color      : #136ab7;
    cursor     : pointer;
}

/* 首页结束 */

/*------------------------------------------------------------------
    关于我们开始
-------------------------------------------------------------------*/
.service-banner.about {
    background     : url(../images/about-banner.webp)no-repeat 30% center;
    background-size: cover;
}

.public-banner-det {
    font-family: "SourceHanSansCN-Bold";
    font-size  : 1.5rem;
    color      : #2c3660;
    margin-top : 1rem;
}

.public-banner-minju {
    width           : 56px;
    height          : 3px;
    background-color: #136ab7;
    margin-top      : 1.69rem;
}

.banner-content {
    display       : flex;
    flex-direction: column;
}

.about-introduce {
    padding        : 13.25rem 16.5rem;
    box-sizing     : border-box;
    background     : url(../images/about-us.webp)no-repeat center center;
    background-size: cover;
}

.about-introduce .tit {
    font-family: "SourceHanSansCN-Medium";
    font-size  : 1.8rem;
    color      : #2f365c;
    text-align : center;
}

.about-introduce .det {
    font-family: "SourceHanSansCN-Regular";
    font-size  : 1rem;
    color      : #80859b;
    margin-top : 3.31rem;
}

.about-introduce .det .bold {
    font-weight: bold;
}

.about-introduce .det .dark {
    font-family: "SourceHanSansCN-Medium";
    color      : #2f365c;
}

.about-introduce .det .light {
    color: #136ab7;
}

.about-develop {
    height     : 890px;
    width      : 100%;
    overflow   : hidden;
    display    : flex;
    align-items: center;
    padding    : 9.25rem 16.5rem;
    box-sizing : border-box;
}

.about-develop .licheng-bg {
    background-color: rgba(255, 255, 255, .8);
    width           : 100%;
    height          : 100%;
    position        : relative;
}

.about-develop .licheng-bg img {
    width         : 100%;
    height        : 518px;
    position      : absolute;
    bottom        : 0px;
    left          : 0;
    display       : inline-block;
    vertical-align: middle;
    border        : 0;
}

.about-develop .licheng-content {
    position: absolute;
    width   : 100%;
    height  : 100%;
    color   : #2f365c;
    overflow: hidden;
}

.about-develop .licheng-content .swiper-wrapper,
.about-develop .licheng-content .swiper-slide,
.about-develop .licheng-content ul {
    width  : 100%;
    height : 100%;
    display: flex;
}

.about-develop ul li {
    width : 20%;
    height: 100%;
}

.about-develop ul li.short {
    width: 10%;
}

.about-develop ul li.item.top a {
    top: 120px;
}

.about-develop ul li.item.bottom a {
    top: 298px;
}

.about-develop ul li a {
    display : block;
    width   : 100%;
    position: relative;
    height  : 320px;
}

.about-develop .lc-left {
    position: absolute;
}

.about-develop .lc-left .year {
    display    : flex;
    align-items: baseline;
    font-family: "SourceHanSansCN-Regular";
}

.about-develop .line {
    height          : 136px;
    width           : 3px;
    display         : block;
    background-color: #cce5ff;
    position        : relative;
    left            : 30px;
}

.about-develop li .line::before {
    display         : block;
    content         : "";
    width           : 7px;
    height          : 7px;
    background-color: #136ab7;
    border-radius   : 50%;
    position        : absolute;
    left            : -2px;
    z-index         : 2;
}

.about-develop li.top .line::before {
    top: 0;
}

.about-develop li.bottom .line::before {
    bottom: 0;
}

.about-develop li:after {
    content         : "";
    display         : block;
    width           : 8px;
    height          : 8px;
    background-color: #136ab7;
    position        : relative;
    top             : -28px;
    left            : 26px;
    border          : 2px solid #fff;
    box-shadow      : 0px 0px 0px 2px #cce5ff;
    border-radius   : 50%;
}

.about-develop .date {
    color    : #80859b;
    font-size: 1.5rem;
    margin   : 4px 0;
}

.about-develop .item.top .right-text {
    display       : table-cell;
    vertical-align: middle;
    padding       : 40px 20px;
    box-sizing    : border-box;
}

.about-develop .item.bottom .right-text {
    display       : table-cell;
    vertical-align: bottom;
    padding       : 0 20px 20px;
    box-sizing    : border-box;
}

.about-develop .right-text p {
    font-family: "SourceHanSansCN-Regular";
    font-size  : 1rem;
    color      : #2f365c;
    margin     : 6px 0;
}

.about-develop .lc-right {
    position: absolute;
    left    : 30px;
    width   : 410px;
    height  : 160px;
    display : table;
}

.about-develop .lc-right.short {
    width: 180px;
}

.licheng-bg .quxian {
    width           : 100%;
    height          : 2px;
    background-color: #cce5ff;
    position        : absolute;
    top             : 50%;
}

.more-hide {
    display: none;
}

/*------------------------------------------------------------------
    关于我们结束
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
    服务开始
-------------------------------------------------------------------*/
/* banner公共样式-服务、联系我们 */
.service-banner {
    display        : flex;
    align-items    : center;
    justify-content: center;
    padding        : 7.25rem 16.5rem 9.25rem;
    box-sizing     : border-box;
}

.service-banner .content {
    display       : flex;
    flex-direction: column;
    align-items   : center;
}

.service-banner .content.left {
    align-items: flex-start;
}

.service-banner-tit {
    font-family: "SourceHanSansCN-Bold";
    font-size  : 1.88rem;
    color      : #fff;
}

.service-banner-englishtit {
    font-family: "SourceHanSansCN-Bold";
    font-size  : 1.5rem;
    color      : #fff;
    margin-top : 0.3rem;
    text-align : center;
}

.service-banner-det {
    font-family: "SourceHanSansCN-Regular";
    font-size  : 1.25rem;
    color      : #fff;
    margin-top : 1.94rem;
    width      : 60%;
}

.service-banner-minju {
    width           : 3.56rem;
    height          : 0.19rem;
    background-color: rgba(255, 255, 255, .5);
    margin-top      : 1.2rem;
}

/* 等保测评服务 */
.service-banner.evaluate {
    background     : url(../images/sev-banner4.webp)no-repeat center center;
    background-size: cover;
}

/* 为什么要测评 */
.evaluate-service-advantage {
    height         : 36.38rem;
    background     : url(../images/sev-adv.webp)no-repeat center center;
    background-size: auto 100%;
    position       : relative;
}

.evaluate-service-advantage .title {
    font-family: "SourceHanSansCN-Medium";
    font-size  : 1.8rem;
    color      : #136ab7;
    text-align : center;
    position   : relative;
    width      : 12rem;
    top        : 15.56rem;
    margin-left: calc(50% - 6rem);
}

.evaluate-service-advlist li {
    font-family: "SourceHanSansCN-Regular";
    font-size  : 1rem;
    color      : #2f365c;
    position   : absolute;
}

.evaluate-service-advlist li:first-child,
.evaluate-service-advlist li:nth-child(2) {
    top: -2.06rem;
}

.evaluate-service-advlist li:first-child {
    left: -30rem;
}

.evaluate-service-advlist li:nth-child(2) {
    right: -23.5rem;
}

.evaluate-service-advlist li:nth-child(3),
.evaluate-service-advlist li:nth-child(4) {
    bottom: -6.9rem;
}

.evaluate-service-advlist li:nth-child(3) {
    left: -19rem;
}

.evaluate-service-advlist li:nth-child(4) {
    right: -15rem;
}

/* 等保测评服务-网络安全等级保护发展历程 */
.evaluate-service-develop {
    padding        : 5.5rem 0 14.63rem;
    box-sizing     : border-box;
    background     : url(../images/sev-devbj.webp)no-repeat center center;
    background-size: cover;
}

.evaluate-service-devline {
    height         : 20rem;
    background     : url(../images/sev-devline.webp)no-repeat center center;
    background-size: 100% auto;
    margin-top     : 14.63rem;
    position       : relative;
}

.evaluate-service-devline li {
    position : absolute;
    font-size: 1rem;
}

.evaluate-service-devline li.one {
    left: 13vw;
    top : 3rem;
}

.evaluate-service-devline li.two {
    left  : 19.54vw;
    bottom: -4rem;
}

.evaluate-service-devline li.three {
    top : -8.81rem;
    left: 30.99vw;
}

.evaluate-service-devline li.four {
    left  : 44.48vw;
    bottom: -7.75rem;
}

.evaluate-service-devline li.five {
    left: 50.63vw;
    top : -1rem;
}

.evaluate-service-devline li.six {
    left  : 56.82vw;
    bottom: 0.5rem;
}

.evaluate-service-devline li.seven {
    right: 15.26vw;
    top  : -7.5rem;
}

.evaluate-service-devline .time,
.evaluate-service-devline .intro {
    font-family: "SourceHanSansCN-Regular";
}

.evaluate-service-devline .name {
    font-family: "SourceHanSansCN-Medium";
    color      : #136ab7;
}

.evaluate-service-devline .line {
    width           : 2px;
    background-color: #cce5ff;
    position        : relative;
    margin-left     : 6px;
    margin-top      : 10px;
}

.evaluate-service-devline li.top .line::before {
    display         : block;
    content         : "";
    width           : 6px;
    height          : 6px;
    background-color: #136ab7;
    border-radius   : 50%;
    position        : absolute;
    left            : -2.5px;
    top             : 0;
    z-index         : 2;
}

.evaluate-service-devline li.top .line:after {
    content         : "";
    display         : block;
    width           : 8px;
    height          : 8px;
    border-radius   : 50%;
    background-color: #136ab7;
    position        : absolute;
    bottom          : 0;
    left            : -5.5px;
    box-shadow      : 0px 0px 0px 2px #cce5ff;
    border          : 2px solid #fff;
}

.evaluate-service-devline li.bottom .line::after {
    display         : block;
    content         : "";
    width           : 6px;
    height          : 6px;
    background-color: #136ab7;
    border-radius   : 50%;
    position        : absolute;
    left            : -2.5px;
    bottom          : 0;
    z-index         : 2;
}

.evaluate-service-devline li.bottom .line:before {
    content         : "";
    display         : block;
    width           : 8px;
    height          : 8px;
    border-radius   : 50%;
    background-color: #136ab7;
    position        : absolute;
    top             : 0;
    left            : -5.5px;
    box-shadow      : 0px 0px 0px 2px #cce5ff;
    border          : 2px solid #fff;
}

.evaluate-service-devline .one .line {
    height: 4.81rem;
}

.evaluate-service-devline .two .line {
    height: 6.38rem;
}

.evaluate-service-devline .three .line {
    height: 16.56rem;
}

.evaluate-service-devline .four .line {
    height: 14.98rem;
}

.evaluate-service-devline .five .line {
    height: 4.81rem;
}

.evaluate-service-devline .six .line {
    height: 3.88rem;
}

.evaluate-service-devline .seven .line {
    height     : 10.5rem;
    margin-left: 100%;
}

/* 等保测评服务-工作流程 */
/* new style */
.evaluate-service-flow {
    background     : url(../images/evaluate-service-flowbac.webp) no-repeat center center;
    background-size: cover;
    padding        : 5.75rem 14rem;
    box-sizing     : border-box;
}

.evaluate-service-flow .module-tit {
    color: #fff;
}

.evaluate-service-flowsteps {
    display        : flex;
    flex-wrap      : wrap;
    justify-content: center;
    margin-top     : 3.69rem;
}

.evaluate-service-flowsteps>li {
    font-family: "SourceHanSansCN-Bold";
    width      : 20.31rem;
    height     : 5.5rem;
    font-size  : 1.15rem;
    display    : flex;
    align-items: center;
    padding    : 1.19rem 0 0 5.56rem;
    box-sizing : border-box;
    margin     : 1.44rem 0.9rem;
}

.evaluate-service-flowsteps>li .step {
    color: #136ab7;
}

.evaluate-service-flowsteps>li .tit {
    color      : #ffffff;
    margin-left: 12px;
}

.evaluate-service-flowsteps>li.one {
    background     : url(../images/01.webp)no-repeat center center;
    background-size: 100% 100%;
}

.evaluate-service-flowsteps>li.two {
    background     : url(../images/02.webp)no-repeat center center;
    background-size: 100% 100%;
}

.evaluate-service-flowsteps>li.three {
    background     : url(../images/03.webp)no-repeat center center;
    background-size: 100% 100%;
}

.evaluate-service-flowsteps>li.four {
    background     : url(../images/04.webp)no-repeat center center;
    background-size: 100% 100%;
}

.evaluate-service-flowsteps>li.five {
    background     : url(../images/05.webp)no-repeat center center;
    background-size: 100% 100%;
}

.evaluate-service-flowsteps>li.six {
    background     : url(../images/06.webp)no-repeat center center;
    background-size: 100% 100%;
}

.evaluate-service-flowsteps>li.seven {
    background     : url(../images/07.webp)no-repeat center center;
    background-size: 100% 100%;
}

.evaluate-service-related {
    padding        : 3.69rem 0;
    box-sizing     : border-box;
    background     : url(../images/sev-bj4.webp) no-repeat center center;
    background-size: cover;
}

.evaluate-service-list {
    display        : flex;
    flex-wrap      : wrap;
    justify-content: space-between;
}

.evaluate-service-list>li {
    background   : #fff;
    box-shadow   : 0 0 4px 4px rgba(247, 250, 255, .9);
    border-radius: 4px;
    position     : relative;
}

.evaluate-service-list>li::after {
    content   : "";
    display   : block;
    width     : 100%;
    height    : 4px;
    background: #136AB7;
    position  : absolute;
    bottom    : -4px;
    left      : 0;
    transform : rotateY(90deg);
    z-index   : 11;
}

.evaluate-service-list>li:hover {
    box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.1);
    transition: 0.6s;
}

.evaluate-service-list>li:hover::after {
    transform : rotateY(0deg);
    transition: transform 0.5s;
}

.evaluate-service-list>li.side {
    width     : 26%;
    padding   : 2.94rem 2.19rem;
    box-sizing: border-box;
    margin    : 5% 0;
}

.evaluate-service-list>li.center {
    width           : 42%;
    background-color: #ffffff;
    padding         : 3.56rem 2rem 3.81rem;
    box-sizing      : border-box;
}

.evaluate-service-list>li .icon {
    height         : 6.56rem;
    display        : flex;
    justify-content: center;
}

.evaluate-service-list>li .tit {
    font-family: "SourceHanSansCN-Medium";
    font-size  : 1.5rem;
    color      : #283056;
    text-align : center;
    margin     : 1.13rem 0 1.75rem;
}

.evaluate-service-list>li .det {
    font-family: "SourceHanSansCN-Regular";
    font-size  : 1rem;
    color      : #80859b;
}

/* 安全运营服务 */
.service-banner.operation {
    background     : url(../images/sec-banner2.webp) no-repeat 60% center;
    background-size: cover;
}

.operation-service {
    background     : url(../images/sev-bj.webp) no-repeat center center;
    background-size: cover;
    padding        : 3.47rem 16.5rem;
    box-sizing     : border-box;
}

.operation-service-all {
    display        : flex;
    flex-wrap      : wrap;
    justify-content: space-between;
}

.operation-service-all>li {
    box-shadow      : 0 0 10px 10px rgba(243, 248, 255);
    background-color: #fff;
    margin          : 2.28rem 0;
    position        : relative;
    overflow        : hidden;
}

.operation-service-all>li .icon {
    position: absolute;
    z-index : 0;
}

.operation-service-all>li.one {
    background: #fff url(../images/ser-icon1.webp)no-repeat right 101%;
}

.operation-service-all>li.two {
    background: #fff url(../images/ser-icon2.webp)no-repeat 40% bottom;
}

.operation-service-all>li.three {
    background: #fff url(../images/ser-icon3.webp)no-repeat left bottom;
}

.operation-service-all>li.four {
    background: #fff url(../images/ser-icon4.webp)no-repeat left bottom;
}

.operation-service-all>li.five {
    background: #fff url(../images/ser-icon5.webp)no-repeat right 4.5rem;
}

.operation-service-all>li.short {
    width: 32%;
}

.operation-service-all>li.long {
    width: 49%;
}

.operation-service-all>li .tit {
    width           : 100%;
    height          : 4.38rem;
    line-height     : 4.38rem;
    background-color: #f5f5f5;
    font-family     : "SourceHanSansCN-Bold";
    font-size       : 1.5rem;
    color           : #136ab7;
    padding         : 0 2.19rem;
    box-sizing      : border-box;
    position        : absolute;
    z-index         : 2;
    left            : 0;
    top             : 0;
}

.operation-service-all>li .tit::before {
    display         : inline-block;
    content         : "";
    width           : 100%;
    height          : 2px;
    background-color: #136ab7;
    position        : absolute;
    top             : 0;
    left            : 0;
    z-index         : -1;
}

.operation-service-all>li:hover .tit::before {
    height    : 100%;
    transition: 0.2s;
}

.operation-service-all>li:hover .tit {
    color: #fff;
}

.operation-service-all>li .order {
    font-family : "DIN-Bold";
    margin-right: 8px;
}

.operation-service-all>li .det {
    font-family: "SourceHanSansCN-Regular";
    font-size  : 1rem;
    color      : #80859b;
    padding    : 6.57rem 2.25rem 4.19rem;
    box-sizing : border-box;
}

.operation-service-all>li:hover .det {
    color: #272f56;
}

/* 安全咨询服务 */
.service-banner.consult {
    background     : url(../images/sec-banner1.webp)no-repeat 70% center;
    background-size: cover;
}

/* 安全保障服务 */
.service-banner.guarantee {
    background     : url(../images/sec-banner3.webp)no-repeat 65% center;
    background-size: cover;
}

.guarantee-service-conclusion {
    font-family: "SourceHanSansCN-Regular";
    font-size  : 1.13rem;
    color      : #272f56;
    margin     : 3.4rem 0 2rem;
}

.guarantee-service-detail {
    padding         : 4rem 0;
    box-sizing      : border-box;
    background-color: #FAFCFF;
    position        : relative;
}

.guarantee-service-progressbac {
    width   : 60%;
    position: absolute;
    bottom  : 0;
    left    : 0;
}

.guarantee-service-progressbac img {
    width: 100%;
}

.guarantee-service-detail .tit {
    font-family: "SourceHanSansCN-Medium";
    font-size  : 1.8rem;
    color      : #136ab7;
    text-align : center;
}

.guarantee-service-detail .intro {
    font-family: "SourceHanSansCN-Regular";
    font-size  : 1rem;
    color      : #272f56;
    text-align : center;
    margin     : 1.75rem 0 3.23rem;
}

.guarantee-service-progress {
    display        : flex;
    justify-content: center;
}

.guarantee-service-progress li {
    display    : flex;
    align-items: start;
}

.guarantee-service-progress li.center {
    align-items: center;
}

.guarantee-service-progress li .time {
    min-width       : 6.31rem;
    padding         : 0.6rem 0;
    box-sizing      : border-box;
    background-color: #136ab7;
    border-radius   : 0.25rem;
    font-family     : "SourceHanSansCN-Medium";
    font-size       : 1.13rem;
    color           : #ffffff;
    text-align      : center;
    position        : relative;
    z-index         : 2;
}

.guarantee-service-progress li .time:after {
    display      : block;
    content      : "";
    width        : 0;
    height       : 0;
    border-top   : 6px solid transparent;
    border-left  : 8px solid #136ab7;
    border-bottom: 6px solid transparent;
    position     : absolute;
    right        : -8px;
    top          : calc(50% - 6px);
}

.guarantee-service-progress li:not(:last-child) .time {
    margin-top: 1.94rem;
}

.guarantee-service-progress li:not(:last-child) .round {
    margin-top: 2.94rem;
}

.guarantee-service-progress li .round {
    min-width       : 0.56rem;
    height          : 0.56rem;
    background-color: #ffffff;
    border          : 0.25rem solid #136ab7;
    border-radius   : 50%;
    margin-left     : 8.3rem;
    position        : absolute;
}

.guarantee-service-progress li .det {
    border-left: 1px solid #136ab7;
    padding    : 1.2rem 0 1.2rem 2.5rem;
    box-sizing : border-box;
    margin-left: 2.5rem;
    font-family: "SourceHanSansCN-Regular";
    font-size  : 1.13rem;
    line-height: 2.5rem;
    color      : #272f56;
}

/* 联系我们 */
.service-banner.contact {
    background     : url(../images/contact-banner.webp)no-repeat center center;
    background-size: cover;
}

.contact-list {
    display        : flex;
    justify-content: space-around;
    text-align     : center;
    flex-wrap      : wrap;
    margin-top     : 5.19rem;
    padding        : 0 6rem;
    box-sizing     : border-box;
}

.contact-list>li .icon {
    height: 9rem;
}

.contact-list>li .icon img {
    height: 100%;
}

.contact-list>li .tit {
    font-family: "SourceHanSansCN-Medium";
    font-size  : 1rem;
    color      : #494949;
    margin     : 0.81rem 0;
}

.contact-list>li .det {
    font-family   : "SourceHanSansCN-Regular";
    font-size     : 1rem;
    letter-spacing: 0.04rem;
    color         : #494949;
}

.contact-list .line {
    width     : 2px;
    height    : 10.5rem;
    background: linear-gradient(rgba(93, 91, 89, 0), rgba(93, 91, 89, .06), rgba(93, 91, 89, 0));
}

#map {
    width     : 100%;
    height    : 30.25rem;
    margin-top: 5.38rem;
}

/* 加入我们 */
.service-banner.join {
    background     : url(../images/join-banner.webp)no-repeat 35% center;
    background-size: cover;
}

.join-position-container {
    display        : flex;
    justify-content: space-between;
    margin-top     : 5.38rem;
    align-items    : center;
}

.join-position {
    /* width: calc(100% - 40rem); */
    width: 66rem;
}

.join-position-right {
    background     : url(../images/position.webp)no-repeat center center;
    background-size: cover;
    font-family    : "STFangsong";
    font-size      : 1.5rem;
    line-height    : 2.5rem;
    letter-spacing : 0.08rem;
    color          : #494949;
    width          : 36.69rem;
    height         : 55rem;
    display        : flex;
    align-items    : center;
    padding-left   : 1.56rem;
    box-sizing     : border-box;
}

.position-name {
    width     : 160px;
    position  : absolute;
    margin-top: 5.5rem;
    z-index   : 2;
}

.position-name>li {
    color      : #494949;
    cursor     : pointer;
    font-size  : 0.88rem;
    font-family: "SourceHanSansCN-Regular";
    padding    : 12px 18px;
    box-sizing : border-box;
}

.position-name>li.active {
    background-color: #494949;
    color           : #fff;
    font-family     : "SourceHanSansCN-Medium";
}

.position-det {
    width             : calc(100% - 140px);
    height            : 600px;
    background        : #fff;
    -webkit-box-shadow: #ccc 0vw 0vw 1vw;
    -moz-box-shadow   : #ccc 0vw 0vw 0.5vw;
    box-shadow        : #ccc 0vw 0vw 0.5vw;
    float             : right;
    overflow          : hidden;
    position          : relative;

}

.position-det>li {
    width     : 100%;
    height    : 100%;
    padding   : 10px 2.5rem;
    box-sizing: border-box;
}

.position-top-border {
    /* width              : calc(100% - 6.81rem); */
    height             : 4rem;
    display            : flex;
    justify-content    : space-between;
    align-items        : center;
    flex-wrap          : wrap;
    border-bottom      : 1px solid;
    border-bottom-color: rgba(93, 91, 89, 0.1);
    color              : #494949;
}

.top-name {
    font-family   : "SourceHanSansCN-Medium";
    font-size     : 1.5rem;
    letter-spacing: 0.08rem;
}

.top-contact a {
    color      : #136ab7;
    font-size  : 0.88rem;
    font-family: "SourceHanSansCN-Medium";
}

.top-name>span {
    font-size     : 0.88rem;
    letter-spacing: 0.06rem;
    margin-left   : 0.52vw;
}

.top-place {
    font-family   : "SourceHanSansCN-Medium";
    font-size     : 0.88rem;
    letter-spacing: 0.04vw;
}

.position-bot-border {
    /* width         : calc(100% - 6.81rem); */
    height     : calc(100% - 8.69rem + 9px);
    font-size  : 0.88rem;
    color      : #494949;
    margin     : 1.63rem 0 3.06rem;
    overflow   : auto;
    line-height: 30px;
    font-family: "SourceHanSansCN-Regular";
}

a.button {
    display         : block;
    background-color: #156bb7;
    border          : solid 1px #0e62a8;
    position        : absolute;
    font-size       : 14px;
    cursor          : pointer;
    padding         : 0.56rem 1.25rem;
    box-sizing      : border-box;
    right           : 3rem;
    color           : #ffffff;
    text-decoration : none;
}

a.button.post-btn {
    bottom: 5.82rem;
}

a.button.contact-btn {
    bottom: 3.06rem;
}

/* 公司动态 */
.service-banner.news {
    background     : url(../images/new-banner.webp)no-repeat center center;
    background-size: cover;
}

.news-top {
    display        : flex;
    flex-wrap      : wrap;
    align-items    : center;
    justify-content: space-between;
    padding-bottom : 2.94rem;
    box-sizing     : border-box;
    border-bottom  : 1px solid rgba(43, 44, 45, .1);
}

.news-top .leftpic {
    width     : 38rem;
    border    : 1.19rem solid #fff;
    box-shadow: 0 0 10px 10px rgba(243, 248, 255);
}

.news-top .leftpic img {
    width: 100%;
}

.news-top .rightdet {
    width: calc(100% - 48rem);
}

.news-top .rightdet .tit {
    font-family: "SourceHanSansCN-Bold";
    font-size  : 1.13rem;
    color      : #000000;
}

.news-top .rightdet .time {
    font-family: "SourceHanSansCN-Regular";
    font-size  : 0.88rem;
    color      : #80859b;
    margin     : 1.38rem 0 2.19rem;
}

.news-top .rightdet .content {
    font-family       : "SourceHanSansCN-Regular";
    font-size         : 1rem;
    color             : #80859b;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.news-top .rightdet .morebtn {
    font-family: "SourceHanSansCN-Bold";
    font-size  : 1rem;
    color      : #136ab7;
    margin-top : 1.13rem;
}

.news-list>li a {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    padding        : 2.13rem 0;
    box-sizing     : border-box;
    border-bottom  : 1px solid rgba(43, 44, 45, .1);
}

.news-list>li .leftdet {
    width: calc(100% - 20rem);
}

.news-list>li .tit {
    font-family: "SourceHanSansCN-Bold";
    font-size  : 1.25rem;
    color      : #000000;
}

.news-list>li .time {
    font-family: "SourceHanSansCN-Regular";
    font-size  : 0.88rem;
    color      : #80859b;
    margin     : 0.69rem 0 1.5rem;
}

.news-list>li .content {
    font-family       : "SourceHanSansCN-Regular";
    font-size         : 1rem;
    color             : #80859b;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news-list>li .rightpic {
    width: 15rem;
}

.news-list>li .rightpic img {
    width: 100%;
}

.newdet-container {
    padding   : 2.75rem 16.5rem 8rem;
    box-sizing: border-box;
}

.newdet-container .breadcrumb {
    font-family  : "SourceHanSansCN-Regular";
    font-size    : 1rem;
    color        : #304156;
    margin-bottom: 2.5rem;
}
.newdet-container .breadcrumb a{
    color        : #304156;
}
.newdet-border {
    display        : flex;
    flex-wrap      : wrap;
    justify-content: space-between;
    align-items    : flex-start;
}

.newdet-border .left-nav {
    width           : 20.56rem;
    background-color: #fafafa;
    border-top      : solid 1.5px rgba(0, 0, 0, .3);
    padding         : 0.38rem 1.81rem;
    box-sizing      : border-box;
}

.newdet-border .left-nav>li {
    padding   : 2rem 0;
    box-sizing: border-box;
}

.newdet-border .left-nav .tip {
    font-family  : "SourceHanSansCN-Regular";
    font-size    : 1rem;
    color        : #80859b;
    margin-bottom: 1rem;
}

.newdet-border .left-nav .tit {
    font-family: "SourceHanSansCN-Medium";
    font-size  : 1.13rem;
    color      : #2f365c;
}

.newdet-border .left-nav .line {
    border-bottom: 1px dashed #bdc2c8;
}

.newdet-border .right-det {
    width           : calc(100% - 25rem);
    background-color: #fafafa;
    border-top      : solid 1.5px rgba(0, 0, 0, .3);
    padding         : 3.56rem 3.06rem 5.5rem;
    box-sizing      : border-box;
}

.newdet-border .right-det .tit {
    font-family: "SourceHanSansCN-Bold";
    font-size  : 1.25rem;
    color      : #000000;
}

.newdet-border .right-det .time {
    font-family: "SourceHanSansCN-Regular";
    font-size  : 0.88rem;
    color      : #80859b;
    margin     : 1.38rem 0 3.69rem;
}

.newdet-border .right-det .content {
    font-family: "SourceHanSansCN-Regular";
    font-size  : 1rem;
    color      : #2f365c;
}

.newdet-border .right-det .pic {
    display        : flex;
    justify-content: center;
    margin     : 3.69rem 0;
}

.newdet-border .right-det .pic img {
    width: 50rem;
}

/*------------------------------------------------------------------
    FOOTER
-------------------------------------------------------------------*/

.footer {
    padding         : 3.81rem 16.5rem;
    color           : #999;
    background-color: #2F365C;
}

footer .bigtit {
    font-family: "SourceHanSansCN-Regular";
    font-size  : 1.5rem;
    color      : #ffffff;
}

.footer-container {
    display        : flex;
    flex-wrap      : wrap;
    justify-content: space-between;
    width          : 100%;
}

.footer-container .mintit {
    display    : inline-block;
    font-family: "SourceHanSansCN-Medium";
    font-size  : 1.13rem;
    color      : #ffffff;
    margin     : 2.69rem 0 2.31rem;
}

.footer-det-list .det {
    font-family  : "SourceHanSansCN-Regular";
    font-size    : 0.88rem;
    color        : #ffffff;
    margin-bottom: 1.3rem;
}

.footer-container .line {
    border-right: solid 1px rgba(255, 255, 255, .15);
    margin      : 0 2%;
}

.footer-container .infor {
    width          : 32%;
    display        : flex;
    justify-content: space-between;
}

.footer-container .wechat {
    padding-top: 2.69rem;
    box-sizing : border-box;
}

.footer-container .wechat-tit {
    font-family: "SourceHanSansCN-Regular";
    font-size  : 0.88rem;
    color      : #ffffff;
    margin-top : 1.19rem;
    text-align : center;
}

.footer-container .contact {
    width          : 12rem;
    display        : flex;
    flex-direction : column;
    justify-content: center;
    text-align     : right;
}

.footer-container .contact li {
    margin-bottom: 2rem;
}

.footer-container .contact .tit {
    font-family  : "SourceHanSansCN-Medium";
    font-size    : 0.88rem;
    color        : #ffffff;
    margin-bottom: 0.8rem;
}

.footer-container .contact .det {
    font-family  : "SourceHanSansCN-Regular";
    font-size  : 1rem;
    color      : #fff;
}
.footer-container .contact .det .number{
    font-family: "DIN-Medium";
}
.footer-menu {
    display        : flex;
    justify-content: space-between;
    width          : 55%;
}

.copyrights {
    border-top      : 1px solid rgba(255, 255, 255, 0.15);
    background-color: #2F365C;
    box-sizing      : border-box;
    text-align      : center;
    padding         : 1.94rem 0;
    box-sizing      : border-box;
    color           : #fff;
    font-size       : 0.88rem;
    display         : flex;
    flex-wrap       : wrap;
    justify-content : center;
    font-family     : "SourceHanSansCN-Regular";
}

.copyrights a {
    color: #fff;
}

.copyrights div {
    margin: 5px 0.8rem;
}

/* 返回顶部按钮 */
.dmtop {
    background-color  : #3C3D41;
    z-index           : 100;
    width             : 50px;
    height            : 50px;
    line-height       : 47px;
    position          : fixed;
    bottom            : -100px;
    border-radius     : 3px;
    right             : 20px;
    text-align        : center;
    font-size         : 28px;
    color             : #ffffff !important;
    cursor            : pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition   : all .7s ease-in-out;
    -o-transition     : all .7s ease-in-out;
    -ms-transition    : all .7s ease-in-out;
    transition        : all .7s ease-in-out;
}

.dmtop:hover {
    background-color: #136ab7;
}

.dmtop.show {
    bottom: 20px;
}

@media only screen and (max-width: 1920px) {
    .index-news-left {
        width: 48%;
    }

    .index-news-right {
        width     : 46%;
        box-sizing: border-box;
    }

    .about-develop {
        padding: 9.25rem 0;
    }

    /* 等保测评服务 */
    .evaluate-service-devline li.one {
        left: 10vw;
        top : 1.8rem;
    }

    .evaluate-service-devline li.two {
        bottom: -3.2rem;
    }

    .evaluate-service-devline li.three {
        top: -10rem;
    }

    .evaluate-service-devline li.seven {
        top: -6.8rem;
    }
}

@media only screen and (max-width: 1918px) {
    /* 等保测评服务-工作流程 */
    .evaluate-service-list {
        padding: 5.75rem 6rem;
    }
}

@media only screen and (max-width: 1800px) {

    .news-top .leftpic,
    .news-top .rightdet {
        width: 45%;
    }

    /* 等保测评服务 */
    .evaluate-service-devline li.two {
        left  : 16vw;
        bottom: -3.5rem;
    }

    .evaluate-service-devline li.seven {
        right: 10vw;
        top  : -7.8rem;
    }
}

@media only screen and (max-width: 1600px) {

    .contact-list {
        padding: 0;
    }

    /* 加入我们 */
    .join-position-bac {
        background     : url(../images/position.webp)no-repeat center center;
        background-size: cover;
    }

    .join-position-container {
        flex-wrap: wrap;
    }

    .join-position {
        width: 70rem;
    }

    .position-top-border {
        width: 100%;
    }

    .join-position-right {
        display: none;
    }

    .position-bot-border {
        width : 100%;
        height: calc(100% - 8.8rem);
    }

    a.button.post-btn,
    a.button.contact-btn {
        bottom: 6px;
    }

    a.button.contact-btn {
        right: calc(3rem + 100px);
    }

    .module-container {
        padding: 5.75rem 6rem;
    }

    header,
    .fixed-menu .navbar .index-banner-content,
    .index-service-list,
    .module-mintit {
        padding   : 0 6rem;
        box-sizing: border-box;
    }

    .about-introduce {
        padding: 6rem;
    }

    .service-banner {
        padding: 7.25rem 6rem 9.25rem;
    }

    /* 等保测评服务-网络安全等级保护发展历程 */
    .evaluate-service-devline li.one {
        left: 6vw;
        top : 0.3rem;
    }

    .evaluate-service-devline li.two {
        left: 14vw;
    }

    .evaluate-service-devline li.three {
        top: -10.5rem
    }

    .evaluate-service-devline li.four {
        left: 46vw;
    }

    .evaluate-service-devline li.five {
        top: -2.5rem;
    }

    .evaluate-service-devline li.five .intro {
        width: 85%;
    }

    .evaluate-service-devline li.seven {
        right: 6vw;
        top  : -9rem;
    }

    /* 安全保障服务 */
    .guarantee-service-progressbac {
        width: 70%;
    }

    /* 新闻详情 */
    .newdet-container {
        padding: 2.75rem 6rem 8rem;
    }

    .footer {
        padding: 3.81rem 6rem;
    }

    .footer-container>.line {
        display: none;
    }

    .footer-container>.infor {
        width: 100%;
    }
}

@media only screen and (max-width: 1400px) {

    /* 等保测评服务 */
    .service-flow-icon {
        width: 40px;
    }

    .service-flow-icon img {
        width: 100%;
    }

    /* 安全保障服务 */
    .guarantee-service-progressbac {
        width: 80%;
    }

    /* 关于我们-大事件 */
    .about-develop .lc-right {
        width: 280px;
    }
}

@media only screen and (max-width: 1280px) {
    .index-service-list li {
        width: 50%;
    }

    /* 关于我们-大事件 */
    .about-develop .left-pic {
        height: 60%;
    }

    .about-develop .left-pic img {
        height: 100%;
    }

    /* 等保测评服务-发展历程 */
    .evaluate-service-devline li.two {
        left  : 11vw;
        bottom: -2.9rem;
    }

    .evaluate-service-devline li.three {
        top: -10.8rem;
    }

    .evaluate-service-devline li.seven {
        right: 4vw;
        top  : -8.5rem;
    }

    /* 安全保障服务 */
    .guarantee-service-progressbac {
        width: 90%;
    }

    /* 新闻详情 */
    .newdet-border .left-nav {
        width: 100%;
    }

    .newdet-border .right-det {
        width  : 100%;
        padding: 3.56rem 1.81rem 5rem;
    }
}

@media only screen and (max-width: 1200px) {
    /* 关于我们-大事件 */
    .about-develop {
        height         : auto;
        background     : url(../images/about-sj.webp)no-repeat right center;
        background-size: auto 60%;
        padding        : 5.75rem 0;
    }

    .about-develop .lc-right {
        width: auto;
    }

    .licheng-bg .quxian,
    .about-develop .left-pic {
        display: none;
    }

    .about-develop .licheng-bg {
        height : auto;
        padding: 0 6rem;
    }

    .about-develop .licheng-content {
        position: static;
    }

    .about-develop .licheng-content ul {
        flex-direction: column-reverse;
    }

    .about-develop ul li {
        margin-bottom: 18px;
    }

    .about-develop ul li.bottom .lc-left {
        display       : flex;
        flex-direction: column-reverse;
    }

    .about-develop ul li:last-child {
        display: none;
    }

    .about-develop .item.bottom .right-text {
        padding: 40px 20px;
    }

    .about-develop .item.max .right-text {
        padding: 60px 20px;
    }

    .about-develop ul li.short {
        width: 100%;
    }

    .about-develop .lc-left {
        position: static;
    }

    .more-hide {
        display    : block;
        font-family: "SourceHanSansCN-Regular";
        color      : #136abb;
        text-indent: 24px;
    }

    .about-develop ul li a {
        position: static;
        height  : auto;
        display : flex;
    }

    .about-develop li.bottom .line {
        margin-top: 11px;
    }

    .about-develop li .line {
        height: 90px;
    }

    .about-develop li.max .line {
        height: 150px;
    }

    .about-develop li.bottom .line::before {
        top: 0;
    }

    .about-develop li:after {
        bottom: 0;
        top   : inherit;
    }

    /* 等保测评服务-为什么要测评 */
    .evaluate-service-related {
        padding: 0;
    }

    .evaluate-service-list>li.side,
    .evaluate-service-list>li.center {
        width: 100%;
    }

    .evaluate-service-advantage {
        height    : auto;
        background: url(../images/sev-adv-min.webp)no-repeat right center;
        padding   : 4.81rem 6rem;
        box-sizing: border-box;
    }

    .evaluate-service-advantage .title {
        width     : auto;
        position  : static;
        margin    : 0;
        text-align: left;
    }

    .evaluate-service-advlist {
        margin-top: 2.63rem;
    }

    .evaluate-service-advlist li {
        position   : static;
        font-size  : 1rem;
        display    : flex;
        align-items: center;
        margin     : 1.5rem 0;
    }

    .evaluate-service-advlist li::before {
        content         : "";
        display         : block;
        min-width       : 8px;
        height          : 8px;
        border-radius   : 50%;
        background-color: #136ab7;
        box-shadow      : 0px 0px 0px 2px #cce5ff;
        border          : 2px solid #fff;
        margin-right    : 0.5rem;
    }

    /* 等保测评服务-发展历程 */
    .evaluate-service-develop {
        padding: 5.5rem 0;
    }

    .evaluate-service-devline {
        background    : none;
        height        : auto;
        padding       : 0 12rem;
        box-sizing    : border-box;
        margin-top    : 8rem;
        flex-direction: column-reverse;
        display       : flex;
    }

    .evaluate-service-devline li {
        position  : sticky;
        padding   : 20px 30px;
        box-sizing: border-box;
        margin    : 30px 0;
    }

    .evaluate-service-devline .line {
        height  : 100% !important;
        position: absolute;
        left    : 0;
        top     : 0;
    }

    .evaluate-service-devline li.one,
    .evaluate-service-devline li.three,
    .evaluate-service-devline li.five {
        top: auto;
    }

    .evaluate-service-devline li.two,
    .evaluate-service-devline li.four,
    .evaluate-service-devline li.six {
        bottom: auto;
    }

    .evaluate-service-devline .seven .line {
        margin-left: 6px;
    }

    .evaluate-service-devline li.bottom .line::before {
        display         : block;
        content         : "";
        width           : 6px;
        height          : 6px;
        background-color: #136ab7;
        border-radius   : 50%;
        position        : absolute;
        left            : -2.5px;
        top             : 0;
        z-index         : 2;
        outline         : none;
        border          : none;
    }

    .evaluate-service-devline li.bottom .line:after {
        content         : "";
        display         : block;
        width           : 8px;
        height          : 8px;
        border-radius   : 50%;
        background-color: #136ab7;
        position        : absolute;
        bottom          : 0;
        left            : -5.5px;
        box-shadow      : 0px 0px 0px 2px #cce5ff;
        border          : 2px solid #fff;
    }

    .evaluate-service-devline .time {
        position : absolute;
        top      : -30px;
        left     : -20px;
        font-size: 1.5rem;
        color    : #80859b;
    }

    .evaluate-service-devline .time span {
        font-size: 0.88rem;
    }

    .footer-menu {
        width: 100%;
    }

    .footer-container .wechat {
        width: 180px;
    }

    .footer-container .wechat img {
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    .navbar-collapse {
        position  : fixed;
        right     : 0;
        top       : 0;
        width     : 0;
        z-index   : 333;
        height    : 100vh;
        background: #fff;
    }

    .navbar-toggle {
        display: inline-block;
    }

    nav {
        display: inline;
    }

    .navbar-header {
        display        : flex;
        justify-content: space-between;
        align-items    : center;
    }

    .navbar-collapse.in {
        width     : 80%;
        transition: 0.05s;
        padding   : 20px 1.94rem;
        box-sizing: border-box;
    }

    .nav-close-icon {
        display: block;
    }

    .navbar-nav {
        display: initial;
    }

    header .navbar-nav>li>a {
        line-height: 3rem;
    }

    .navbar-toggle .icon-bar {
        display         : block;
        width           : 22px;
        height          : 3px;
        border-radius   : 1px;
        background-color: #333;
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px;
    }

    .sr-only {
        position: absolute;
        width   : 1px;
        height  : 1px;
        padding : 0;
        margin  : -1px;
        overflow: hidden;
        clip    : rect(0, 0, 0, 0);
        border  : 0;
    }

    .nav-more {
        position    : initial;
        display     : block;
        width       : 100%;
        padding-left: 10px;
        box-sizing  : border-box;
    }

    .nav-more a {
        text-align: left;
    }

    /* 安全运营服务 */
    .operation-service-all>li.short,
    .operation-service-all>li.long {
        width: 100%;
    }
}

@media only screen and (max-width: 960px) {
    .index-news-content {
        flex-wrap: wrap;
    }

    .index-news-left,
    .index-news-right {
        width: 100%;
    }

    .index-news-right {
        padding   : 1.25rem;
        box-sizing: border-box;
    }

    .contact-list>li {
        width : 50%;
        margin: 1rem 0;
    }

    .contact-list .line {
        display: none;
    }

    /* 加入我们 */
    .top-place {
        display: none;
    }

    .position-top-border {
        width: initial;
    }

    /* 新闻列表 */
    .news-top .leftpic {
        width        : 100%;
        margin-bottom: 2.13rem;
        box-shadow   : none;
        border       : none;
    }

    .news-top .rightdet {
        width: 100%;
    }
}

@media only screen and (max-width: 740px) {
    .contact-list>li {
        width : 50%;
        margin: 1rem 0;
    }

    .contact-list .line {
        display: none;
    }

    .module-container {
        padding: 4rem 2em;
    }

    .index-banner-container {
        height: 500px;
    }

    .index-banner-content {
        padding: 0 2rem;
    }

    .index-service-list {
        padding: 0;
    }

    .index-service-li.light {
        background-image: linear-gradient(45deg,
                #136ab7 0%,
                #272f56 100%);
        opacity: 0.9;
    }

    header,
    .fixed-menu .navbar {
        padding: 0px 2rem;
    }

    .index-banner-tit,
    .index-service-list .tit,
    .module-tit {
        font-size: 1.6rem;
    }

    .index-banner-det {
        font-size: 0.6rem;
        margin   : 1rem 0 1.5rem;
    }

    .index-banner-det a,
    .module-mintit {
        font-size: 1rem;
    }

    .index-banner-btn {
        font-size: 1rem;
        padding  : 0.5rem 1rem
    }

    /* 关于我们 */
    .about-introduce .index-service-list li {
        width: 100%;
    }

    .about-introduce {
        padding: 6rem 2rem;
    }

    .service-banner {
        padding: 7.25rem 2rem 9.25rem;
    }

    .service-banner-det {
        width    : initial;
        font-size: 1rem;
    }

    .evaluate-service-advantage {
        padding: 4.81rem 2rem;
    }

    .module-mintit {
        padding: 0 2rem;
    }

    /* 等保测评服务 */
    .evaluate-service-devline {
        padding   : 0 0 0 3rem;
        margin-top: 4rem;
    }

    /* 加入我们 */
    .join-position-bac {
        padding: 5.75rem 0;
    }

    .position-name {
        width: 140px;
    }

    .position-det {
        width: calc(100% - 130px);
    }

    .position-det>li {
        padding: 15px;
    }

    /* 联系我们 */
    .contact-list>li .icon {
        height: 6rem;
    }

    /* 新闻列表 */
    .news-list>li a {
        flex-wrap: wrap;
    }

    .news-list>li .leftdet {
        width: 100%;
    }

    .news-list>li .rightpic {
        width : 100%;
        margin: 2.13rem 0 0;
    }

    /* 新闻详情 */
    .newdet-container {
        padding: 2.75rem 2rem;
    }

    .newdet-border .right-det .pic img {
        width: 100%;
    }

    .footer {
        padding: 3.81rem 2rem;
    }
}

@media only screen and (max-width: 700px) {
    .about-develop .lc-right {
        width: 90%;
    }

    .footer-container {
        padding   : 0 1.5rem;
        box-sizing: border-box;
    }

    .footer-container>li {
        width: 100%;
    }

    .footer-menu {
        display: block;
    }

    .footer-det-list {
        display  : flex;
        flex-wrap: wrap;
    }

    .footer-det-list .det {
        width: 33.33%;
        color: rgba(255, 255, 255, .6);
    }

    .footer-det-list.long .det {
        width: 50%;
    }
}

@media only screen and (max-width: 560px) {
    .about-develop {
        background: url(../images/about-sj.webp)no-repeat center center;
        background-size: auto 70%;
    }
    .about-develop .licheng-bg {
        padding: 0 2rem;
    }

    .footer-det-list .det {
        width: 50%;
    }
}

@media only screen and (max-width: 500px) {
    /* html {
        font-size: 88%;
    } */
    .index-banner-container {
        height: 400px;
    }

    .index-service-list li {
        width: 100%;
    }
    /* 网络安全保障服务 */
    .guarantee-service-progress li .time {
        min-width: 4rem;
        padding  : 0.3rem 0;
        font-size: 1rem;
    }

    .guarantee-service-progress li .round {
        margin-left: 4.7rem;
    }

    .guarantee-service-progress li:not(:last-child) .round {
        margin-top: 2.65rem;
    }

    .guarantee-service-progress li .det {
        margin-left: 1.2rem;
        padding    : 1.2rem 0 1.2rem 1rem;
        font-size  : 1rem;
    }

    .guarantee-service-conclusion {
        font-size: 1rem;
    }

    /* 加入我们 */
    a.button {
        display: none;
    }

    .top-name {
        font-size: 1.25rem;
    }

    .position-name {
        width: 106px;
    }

    .position-name>li {
        padding  : 8px 4px;
        font-size: 0.8rem;
    }

    .position-det {
        width: calc(100% - 100px);
    }

    /* 联系我们 */
    .contact-ways {
        padding: 5.75rem 0 0;
    }

    .contact-list>li {
        width: 100%;
    }

    #map {
        height: 300px;
    }

    .footer-container {
        padding: 0;
    }

    .footer-det-list.long .det {
        width: 100%;
    }

    .footer-container .wechat {
        margin: 0 auto;
    }

    .footer-container .wechat-tit {
        margin-bottom: 0.8rem;
    }

    .footer-container .contact {
        text-align: center;
        margin    : 0 auto;
    }

    .copyrights {
        display: block;
    }
}

@media only screen and (max-width: 400px) {
    .evaluate-service-flowsteps>li {
        padding: 1.19rem 0 0 3rem;
    }

    .operation-service-all>li .tit {
        font-size: 1.25rem;
        padding  : 0 2rem;
    }

    .operation-service-all>li .det {
        padding: 6.57rem 2rem 4.19rem;
    }
}