/*-----------------------------------等保页面---------------------------*/
/*banner*/
.pc-banner{background:url(../images/pc-banner.jpg) no-repeat center top/auto 100%;height:450px;}

.pc-banner .top-btn{
    margin-top:30px;
}
.pc-banner .top-btn a{
    color:#fff;
    display:inline-block;
    padding:6px 20px;
    font-size:14px;
    border:1px solid rgba(255,255,255,0.8);
    border-radius: 4px;
    margin-right:10px;
    transition: all ease 0.3s;
}
.mobile-banner{background:url(../images/mobile-banner.jpg) no-repeat center center/100% auto;height:450px;}
.pc-banner .banner-text{
    padding-top:148px;
    width:510px;
}
.pc-banner .banner-text h3{
    color:#fff;
    font-size:30px;
    margin-bottom:30px;
}
.pc-banner .banner-text p{
    color:#fff;
    font-size:14px;
    text-align: justify;
    line-height:24px;
}
.pc-banner .top-btn a:hover{
    background: #37aaa5;
}

/*定位菜单*/
.flex-nav{
    background: #032855;
    height:62px;
}
.flex-nav ul{
    width:100%;
    letter-spacing: -8px;
}
.flex-nav ul li{
    display:inline-block;
    width:25%;
    text-align: center;
    letter-spacing: normal;
}
.flex-nav ul li a{
    color:#fff;
    font-size:16px;
    display:inline-block;
    width:100%;
    padding-top:20px;
    height:62px;
    padding-bottom:20px;
}
.flex-nav ul li a:hover{
    background: #37aaa5;
}
.flex-nav ul li.active a{
    background: #37aaa5;
}
.flex-nav ul li a.active{
    background: #37aaa5;
}
.box-active {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:999;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}


/*等保密评公共*/
.sec{
    padding:60px 0;
}
.sec .title{
    text-align: center;
    margin-bottom:50px;
}
.sec .title-text{
    font-size:30px;
    color:#181818;
    text-align: center;
    position: relative;
    display:inline-block;
}
.sec .title-text:before{
    content: '';
    display:inline-block;
    width:60px;
    height:3px;
    background:#032855;
    left:0;
    top:45px;
    position: absolute;
}
.sec .title-text:after{
    content: '';
    display:inline-block;
    width:60px;
    height:3px;
    background:#37aaa5;
    right:0;
    top:45px;
    position: absolute;
}

.part1 .what span{
    display:inline-block;
    font-size:18px;
    color:#181818;
    position: relative;
    margin-bottom:15px;
}
.part1 .what span:after{
    content: '';
    display: inline-block;
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:8px;
    background: rgba(55,170,165,0.2);
    z-index: -99;
}
.part1 .what p{
    font-size:16px;
    color:#666;
    line-height: 26px;
}
.part1 .item{
    padding:30px 15px;
    border:1px solid #ededed;
    margin-top:30px;
    min-height:264px;
}
.part1 .item span{
    font-size:16px;
    font-weight:bold;
    color:#333;
    display:inline-block;
    margin-bottom:20px;
}
.part1 .item p{
    font-size:14px;
    color:#666;
    line-height: 24px;
    text-align: justify;
}
.part1 .item a{
    font-size:14px;
    color:#37aaa5;
    text-decoration: underline;
    display:inline-block;
    margin-top:20px;
}

.part2{
    background: #f7f9fc;
}
.part2 .main{
    background: url(../images/db_03.png) no-repeat right top;
    padding-right:490px;
    padding-bottom:80px;
    padding-top:20px;
}
.part2 .main p{
    font-size:16px;
    color:#333;
    margin-bottom:40px;
    line-height: 24px;
}

.part2 .main li{
    font-size:14px;
    color:#666;
    line-height: 30px;
    position: relative;
    padding-left:15px;
}
.part2 .main li:before{
    content:'';
    display:inline-block;
    width:4px;
    height:4px;
    background:#37aaa5;
    position: absolute;
    left:0;
    top:13px;
}
.part3.sec{
    padding-bottom:0;
}
.part3 .summary{
    font-size:16px;
    color:#666;
    line-height: 26px;
    margin-bottom:40px;
}
.part3 .table2{
    display: flex;
    justify-content: space-between
}
.part3.sec .title{
    margin-bottom:25px;
}
.part3 .table2 .content-one{
    width:11%;
}
.part3 .table2 .title-small{
    background: #37aaa5;
    color:#fff;
    text-align: center;
    line-height: 44px;
    font-size:16px;
}
.part3 .table2 .content-two .title-small{

    border-right:1px solid #fff;

    border-left:1px solid #fff;
}
.part3 .table2 .content-four .title-small{
    border-left:1px solid #fff;
}
.part3 .table2  .cont{
    display: flex;
}
.part3 .table2  .cont span{
    font-size:16px;
    color:#181818;
    display:inline-block;
    margin-left:12px;

}
.part3 .table2  .cont .cir{
    width:24px;
    text-align: center;
}
.part3 .table2  .cont .cir i{
    width:10px;
    height:10px;
    background:#37aaa5;
    border-radius: 5px;
    display:inline-block;
}

.part3 .table2 .line{
    width: 24px;
    display: flex;
    justify-content: center;
}
.part3 .table2 .big-box{
    margin-top:60px;
}
.part3 .table2 .line .line-one{
    width:1px;
    height:95px;
    background:#ededed;
}
.part3 .table2 .content-two{
    width:37%;
}
.part3 .table2 .item{
    height:120px;
    padding:20px;
    display: flex;
    align-items: center;
    border:1px solid #ededed;
    font-size:14px;
    color:#666;
    text-align: justify;
    line-height: 21px;
}
.part3 .table2 .item:not(:last-child){
    border-bottom:none;
}
.part3 .table2 .item:first-child{
    border-top:none;
}
.part3 .table2 .content-three{
    width:36%;
}
.part3 .table2 .content-four{
    width:16%;
}
.part3 .table2 .content-three .item{
    color:#181818;
    background: rgba(55,170,165,.08);
    border-left:none;
    border-right:none;
}

.part4 .item{
    padding:25px;
    background: #fff;
    box-shadow: 0 0 6px rgba(225,225,225,0.6);
    margin-bottom:20px;
    padding-left:70px;
}
.part4 .item.icon1{
    background: url(../images/db_10.png) no-repeat 25px 30px;
}
.part4 .item.icon2{
    background: url(../images/db_07.png) no-repeat 25px 30px;
}
.part4 .item.icon3{
    background: url(../images/db_14.png) no-repeat 25px 30px;
}
.part4 .item.icon4{
    background: url(../images/db_17.png) no-repeat 25px 30px;
}
.part4 .item a{
    display:inline-block;
    font-size:16px;
    color:#333;
    margin-bottom:20px;
}
.part4 .item p{
    font-size:14px;
    color:#666;
    text-align: justify;
}

/*---------------------------------------密评页面----------------------------------------------------------------------------*/
.pc-mpbanner{background:url(../images/mp-pcbanner.jpg) no-repeat center top/auto 100%;height:535px;}

.pc-mpbanner .top-btn{
    margin-top:30px;
}
.pc-mpbanner .top-btn a{
    color:#fff;
    display:inline-block;
    padding:6px 20px;
    font-size:14px;
    border:1px solid rgba(255,255,255,0.8);
    border-radius: 4px;
    margin-right:10px;
    transition: all ease 0.3s;
}
.mobile-mpbanner{background:url(../images/mobile-mpbanner.jpg) no-repeat center center/100% auto;height:450px;}
.pc-mpbanner .banner-text{
    padding-top:220px;
    width:510px;
}
.pc-mpbanner .banner-text h3{
    color:#fff;
    font-size:30px;
    margin-bottom:30px;
}
.pc-mpbanner .banner-text p{
    color:#fff;
    font-size:14px;
    text-align: justify;
    line-height:24px;
}
.pc-mpbanner .top-btn a:hover{
    background: #363a95;
}
/*定位菜单*/
.flex-nav.mp-nav{
    background: #252475;
    height:62px;
}
.flex-nav.mp-nav ul{
    width:100%;
    letter-spacing: -8px;
}
.flex-nav.mp-nav ul li{
    display:inline-block;
    width:20%;
    text-align: center;
    letter-spacing: normal;
}
.flex-nav.mp-nav ul li a{
    color:#fff;
    font-size:16px;
    display:inline-block;
    width:100%;
    padding-top:20px;
    height:62px;
    padding-bottom:20px;
}
.flex-nav.mp-nav ul li a:hover{
    background: #37aaa5;
}
.flex-nav.mp-nav ul li.active a{
    background: #37aaa5;
}
.flex-nav.mp-nav ul li a.active{
    background: #37aaa5;
}
.box-active {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:999;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

/*简介*/
.sec.mp-part1 .title-text{
    font-size:30px;
    color:#181818;
    text-align: center;
    position: relative;
    display:inline-block;
}
.mp-main .sec .title-text:before,.mp-main .sec .title-text:after{
    display: none;
}
.mp-part1 .item:not(:last-child){
    margin-bottom:40px;
}

.mp-part1 .item span{
    display:inline-block;
    font-size:18px;
    color:#181818;
    position: relative;
    margin-bottom:15px;
}
.mp-part1 .item span:after{
    content: '';
    display: inline-block;
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:8px;
    background: rgba(55,170,165,0.2);
    z-index: -99;
}
.mp-part1 .item p{
    font-size:16px;
    color:#666;
    line-height: 26px;
    text-align: justify;
}
.mp-part1 .item .info{
    background: #f9f8fd;
    padding:30px 25px;
    border-radius: 6px;
    margin-top:20px;
}
.mp-part1 .item .info h6{
    font-size: 16px;
    color:#333;
    margin-bottom:30px;
}
.mp-part1 .item .info li{
    font-size:14px;
    color:#666;
    line-height: 24px;
    display:inline-block;
    width:40%;
    padding-left:15px;
    position: relative;
}
.mp-part1 .item .info li:before{
    content: '';
    display: inline-block;
    position: absolute;
    left:0;
    top:10px;
    width:6px;
    height:6px;
    background: #37aaa5;
    transform: rotate(45deg);
}
.mp-part2.sec{
    padding-top:0;
}

.mp-part2 .swiper-container{
    padding-bottom:60px;
}
.mp-part2 .swiper-pagination-bullet {
    width: 12px;
    height: 4px;
    display: inline-block;
    border-radius: 2px;
}
.swiper-pagination-bullet-active{
    background: #37aaa5;
}
.mp-part2  .swiper-slide{

    background-color: #fff;
    border:1px solid #ddd;

    box-shadow: 0px 0px 10px rgba(221,221,221,0.7);

}
.mp-part2 .swiper-button-prev,.mp-part2 .swiper-button-next,{
    background: none;
}
.mp-part2 .swiper-button-next,.mp-part2 .swiper-button-prev{
    background: #f7f7f7;
    border:1px solid #ddd;
    width:30px;
    height:30px;
    top:96%;
    color:#999;
    text-align: center;
    line-height: 30px;
}
.mp-part2 .swiper-button-prev{
    right:35px;
    left:auto;
}
.mp-part2 .swiper-button-next{
    right:0;
}
.mp-part2  .swiper-slide .item-img{
    width:100%;
    height:150px;
    overflow: hidden;
}
.mp-part2  .swiper-slide .item-img img{
    width:100%;
}
.mp-part2  .swiper-slide .item-text{
    padding:20px 10px;
    text-align: left;
    height:250px;
}
.mp-part2  .swiper-slide .item-title{
    height:51px;
    margin-bottom:20px;
}
.mp-part2  .swiper-slide .item-title h4{
    font-size:16px;
    color:#333;
    font-weight:bold;
    margin-bottom:15px;
}
.mp-part2  .swiper-slide .item-title span{
    display:block;
    font-size:14px;
    color: #e05207;
}
.mp-part2  .swiper-slide .item-text .item-cont {
    padding-top: 16px;
}
.mp-part2  .swiper-slide .item-text .item-cont p{
    font-size:14px;
    color:#666;
    line-height: 24px;
    text-indent: 2em;
    text-align: justify;
}
.mp-part2  .swiper-slide h4.small-size{
    font-size:15px;
}
.mp-part3{
    background: #f9f8fd;
}
.mp-part3 .item{
    text-align: center;
    padding:15px;
    margin: 25px 0;
}
.mp-part3 .item span{
    display:block;
    font-size:16px;
    color:#333;
    font-weight:bold;
    margin-top:20px;
    margin-bottom:20px;
}
.mp-part3 .item p{
    font-size:14px;
    color:#666;
    line-height: 24px;
}
.mp-part4.sec .title {
    margin-bottom: 25px;
}
.mp-part4 .summary{
    margin-bottom:40px;
    font-size:16px;
    color:#666;
    line-height: 26px;
    text-align: justify;
}
.mp-part4 .table2{
    display: flex;
    justify-content: space-between
}
.mp-part4.sec .title{
    margin-bottom:25px;
}
.mp-part4 .table2 .content-one{
    width:21%;
}
.mp-part4 .table2 .title-small{
    background: #37aaa5;
    color:#fff;
    text-align: center;
    line-height: 44px;
    font-size:16px;
}
.mp-part4 .table2 .content-two .title-small{

    border-right:1px solid #fff;

    border-left:1px solid #fff;
}
.mp-part4 .table2 .content-four .title-small{
    border-left:1px solid #fff;
}
.mp-part4 .table2  .cont{
    display: flex;
    align-items: center;
    height:200px;
}
.mp-part4 .table2  .cont span{
    font-size:16px;
    color:#37aaa5;
    display:inline-block;
    margin-left:12px;
    font-weight:bold;
}
.mp-part4 .table2 .cont ul li{
    background:rgba(55,170,165,.1);
    border:1px solid rgba(55,170,165,1);
    font-size:14px;
    color:#666;
    width:106px;
    margin-left:15px;
    margin-bottom:10px;
    border-radius: 4px;
    text-align: center;
    padding:10px 20px;
}
.mp-part4 .table2 .cont ul li.small-size{
    font-size:12px;
    color:#666;
    padding:10px 10px;
}
.mp-part4 .table2  .cont .cir{
    width:24px;
    text-align: center;
}
.mp-part4 .table2  .cont .cir i{
    width:15px;
    height:15px;
    background:#37aaa5;
    border-radius: 8px;
    display:inline-block;
}

.mp-part4 .table2 .line{
    width: 24px;
    display: flex;
    justify-content: center;
}
.mp-part4 .table2 .big-box{
    position: relative;
}
.mp-part4 .table2 .line{
    width: 1px;
    height: 68%;
    position: absolute;
    left: 4.5%;
    border-left: 1px dashed #37aaa5;
    top: 94px;
}
.mp-part4 .table2 .content-two{
    width:40%;
}
.mp-part4 .table2 .item{
    height:200px;
    padding:20px;
    display: flex;
    align-items: center;
    border:1px solid #ededed;
    font-size:14px;
    color:#666;
    text-align: justify;
    line-height: 21px;
}
.mp-part4 .table2 .item:not(:last-child){
    border-bottom:none;
}
.mp-part4 .table2 .item:first-child{
    border-top:none;
}
.mp-part4 .table2 .content-three{
    width:39%;
}

.mp-part4 .table2 .content-three .item{
    color:#181818;
    background: rgba(55,170,165,.08);
    border-left:none;
    border-right:none;

}
.mp-part5{
    background: #f9f8fd;
}
.mp-part5.sec .title {
    margin-bottom: 110px;
}
.mp-part5 .item-box{
    margin-bottom:60px;
    border:1px solid #ddd;
}
.mp-part5 .item-box li{
    float:left;
    width:23%;
    border-right:1px solid #ddd;
    padding:50px 15px 60px;
    position: relative;
    background: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
}
.mp-part5 .item-box li:last-child{
    border-right: none;
}

.mp-part5 .item-box .item-title{
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.mp-part5 .item-box .item-title .title-text{
    font-size:16px;
    font-weight:bold;
    color:#333;
    margin-top:45px;
    margin-bottom:30px;
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.mp-part5 .item-box .item-title span{
    font-size:14px;
    color:#666;
    display:block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    height:40px;
}
.mp-part5 .item-box .item-text{
    display:none;
    opacity: 0;
    -webkit-transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s;
    transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s;
    transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s;
    transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s, -webkit-transform .3s ease .15s;
}
.mp-part5 .item-box .item-text p{
    text-align: justify;
    font-size:14px;
    color:#666;
    line-height: 24px;
    opacity: 0;
    margin-top:30px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
/*.mp-part5 .item-box .item:after{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
   background: #fff;
   z-index:-1;
    -webkit-transition: background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, transform .3s ease, box-shadow .3s ease;
    transition: background .3s ease, transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;
}*/
.mp-part5 .item-box .item.active{
    width:31%;
    border-right:none;
}
.mp-part5 .item-box .item.active>div{
    z-index: 1;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 13%);
    width:100%;
    border:1px solid #37aaa5;
    padding:20px;
    min-height: 398px;
}
.mp-part5 .item-box .item.active .item-text{
    opacity: 1;
    display: block;
}
.mp-part5 .item-box .item.active .item-text p{
    opacity: 1;
}
.mp-part5 .item-box .item.active .title-text{
    margin-top:30px;
    margin-bottom:20px;
}
.mp-part5 .item-box .item.active .item-title span{
    height: auto;
}
.mp-part5 .item-box .item.active .item-title .title-text{
    color:#37aaa5;
}
.mp-part5 .item-box .item.active>div{
    position: absolute;
    top:-45px;
    left:0;
}
@media only screen and (max-width:1002px ) {
    .mp-part5 .item-box li{
        width:20%;
    }
    .mp-part5 .item-box .item.active{
        width:40%;
    }
    .mp-part4 .table2 .item{
        padding:10px;
        height:240px;
    }
    .mp-part4 .table2 .cont ul li{
        width:72px;
        padding:10px;
        font-size:12px;
    }
    .mp-part4 .table2 .cont{
        padding-right:10px;
        height:240px;
    }
}
@media screen and (max-width: 750px){
    .mobile-mpbanner{
        height: 225px;
    }
    .mp-part4 .table2 .content-one, .mp-part4 .table2 .content-two, .mp-part4 .table2 .content-three{
        float: left;
    }
    .mp-part4 .table2 .item {
        height: 260px;
        padding: 10px;
        font-size: 12px;
        color: #666;
        line-height: 16px;
    }
    .mp-part4 .table2 .content-one{
        width:50px;
    }
    .mp-part4 .table2 .cont ul li{
        padding:4px 10px;
        font-size:12px;
        margin-left:5px;
        width:96px;
    }
    .mp-part4 .table2 .content-two,.mp-part4 .table2 .content-three,.mp-part4 .table2 .content-one{
        width:50%;
    }
    .mp-part4 .table2 .cont{
        padding-right:10px;
        height:260px;
    }
    .mp-part4 .table2 .line{
        top:124px;
    }
    .mp-part4 .table2{
        margin-bottom:15px;
    }
    .mp-part4 .summary{
        font-size:14px;
        line-height: 21px;
    }
    .mp-part1 .item p{
        font-size:14px;
        line-height: 21px;
    }
}
@media only screen and (max-width:520px ) {
    .mp-part1 .item .info li{
        width:100%;
    }
    .mp-part5 .item-box{
        border:none;
    }
    .mp-part5 .item-box li{
        width:100%;
        margin-bottom:15px;
        background: none;
        padding:0;
        border-right:none;
    }
    .mp-part5 .item-box .item-text{
        display:block;
        opacity: 1;
    }
    .mp-part5 .item-box .item-text p{
        opacity: 1;
    }
    .mp-part5 .item-box .item.active{
        width:100%;
    }
    .mp-part5 .item-box .item.active>div{
        position: relative;
        top:0;
    }
    .mp-part5 .item-box .item>div {
        z-index: 1;
        background: #fff;
        box-shadow: 0 2px 4px 0 rgb(0 0 0 / 13%);
        width: 100%;
        border: 1px solid #37aaa5;
        padding: 20px;
        min-height: 398px;}
    .flex-nav.mp-nav ul li a{
        font-size:14px;
    }
    .mp-part5.sec .title,.sec .title{
        margin-bottom:30px;
    }
    .sec{
        padding:30px 0;
    }
    .sec .title-text{
        font-size:24px;
    }

}

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

    .part2 .tab-content .tab-pane.tab1 .items-main .items {
        display: inline-block;
        width: 170px;
        margin-right: 10px;
    }
    .part2 .tab-content .tab-pane .items-main .items h4{
        font-size:14px;
    }
    .part2 .tab-content .tab-pane .items-main .items p{
        font-size:12px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 750px) {

    .part1 .content {
        padding: 0;
    }
    .sec h3.title{
        margin: 0 auto 30px;
        font-size:26px;
    }
    .part1 .yl-img{
        height:270px;
    }
    .part2 .nav-tabs span{
        font-size:16px;
    }
    .part2 .tab-content .tab-pane p.summary{
        font-size:14px;
    }
    .part2 .tab-content .tab-pane.tab1 .items-main .items{
        width:100%;
        min-height: 280px;
    }
    .part2 .tab-content .tab-pane .items-main .items h4 {
        font-size: 16px;
    }
    .part2 .tab-content .tab-pane .items-main .items p {
        font-size: 14px;
    }
    .part2 .tab-content .tab-pane .items-main .items{
        min-height:280px;
    }
    .part3 .items{
        margin-bottom:15px;
    }
    .part4 .items span{
        font-size:32px;
    }
    .part5 ul li{
        height:auto;
    }
    .part5 ul li a{
        height:26px;
        border-radius: 4px;
        overflow: hidden;
    }
    .part5 ul li a img{
        vertical-align: middle;
    }

    .mobile-banner{
        height:225px;
    }
}


@media only screen and (max-width: 750px) {
    .part3 .table2{
        margin-bottom:20px;
    }
    .part2 .main{
        background:none;
        padding:0;
    }
    .part3 .table2 .content-one,.part3 .table2 .content-two,.part3 .table2 .content-three,.part3 .table2 .content-four{
        float:left;
    }
    .part3 .table2 .content-two,.part3 .table2 .content-three,.part3 .table2 .content-four{
        width:80%;
    }
    .part3 .table2 .content-one{
        width:20%;
    }
    .part3 .table2 .cont span{
        font-size:12px;
        margin-left:0
    }
    .part3 .table2 .line{
        width:14px;
    }
    .part3 .table2 .cont .cir{
        width:14px;
    }
    .part3 .table2 .item{
        font-size:12px;
    }
    .part3 .table2 .title-small{
        font-size:14px;
    }
}


/*-----------------------------------------------    微软徽标认证             ------------------------------------------------------------------------------------------*/

.pc-hbbanner{background:url(../../Products/images/wrhb-banner.jpg) no-repeat center top/auto 100%;height:535px;}
.pc-hbbanner .banner-text{
    padding-top:240px;
    width:600px;
}
.pc-hbbanner .banner-text h3{
    color:#fff;
    font-size:30px;
    margin-bottom:30px;
}
.pc-hbbanner .banner-text p{
    color:#fff;
    font-size:14px;
    text-align: justify;
    line-height:24px;
}
.pc-hbbanner .top-btn{
    margin-top:30px;
}
.pc-hbbanner .top-btn a{
    color:#fff;
    display:inline-block;
    padding:6px 20px;
    font-size:14px;
    border:1px solid rgba(255,255,255,0.8);
    border-radius: 4px;
    margin-right:10px;
    transition: all ease 0.3s;
}
.pc-hbbanner .top-btn a:hover{
    background: #2496ea;
}
.mobile-banner{background:url(../../Products/images/mobile-hbbanner.jpg) no-repeat center center/100% auto;height:450px;}

/*公共*/
.sec1{
    padding:60px 0;
}
.sec1 .title{
    text-align: center;
    margin-bottom:50px;
}
.sec1 .title-text{
    font-size:30px;
    color:#181818;
    text-align: center;
    position: relative;
    display:inline-block;
}
.sec1 .title-text span{
    color:#37aaa5;
}


/*1*/

.hb-part1.sec1 .main{
    background: url(../../Products/images/hb_03.png) no-repeat right top;
    padding-right:490px;
    padding-bottom:22px;
    padding-top:20px;
}
.hb-part1.sec1 .main p{
    font-size:16px;
    color:#333;
    margin-bottom:40px;
    line-height: 30px;
    text-align: justify;

}
.hb-part1.sec1 .main p span{
    font-weight:bold;
    color:#37aaa5;
}

.hb-part1.sec1 .main li{
    font-size:14px;
    color:#666;
    line-height: 30px;
    position: relative;
    padding-left:15px;
}
.hb-part1.sec1 .main li:before{
    content:'';
    display:inline-block;
    width:4px;
    height:4px;
    background:#37aaa5;
    position: absolute;
    left:0;
    top:13px;
}
.hb-part2,.hb-part4,.hb-part6{
    background: #f7f9fc;
}
.hb-part2 .item{
    padding:20px 15px;
    background: #fff;
    border:1px solid #ededed;
    margin-bottom:20px;

}
.hb-part2 .item .icon{
    background: url(../../Products/images/hbicon.png) no-repeat;
    width:40px;
    height:40px;
    display:inline-block;
    float:left;
    margin-right:10px;
}
.hb-part2 .item .text{
    float:left;
}
.hb-part2 .icon.icon1{
    background-position:0 0;
}
.hb-part2 .icon.icon2{
    background-position:0 -40px;
}
.hb-part2 .icon.icon3{
    background-position:0 -80px;
}
.hb-part2 .icon.icon4{
    background-position:0 -120px;
}
.hb-part2 .icon.icon5{
    background-position:0 -160px;
}
.hb-part2 .icon.icon6{
    background-position:0 -200px;
}
.hb-part2 .icon.icon7{
    background-position:0 -240px;
}
.hb-part2 .icon.icon8{
    background-position:0 -280px;
}
.hb-part2 .item a{
    display:inline-block;
    font-size:16px;
    color:#181818;
    font-weight:bold;
    margin-bottom:6px;
}
.hb-part2 .item p{
    font-size:14px;
    color:#666;
    text-align: justify;
}

.hb-part3.sec{
    padding-bottom:0;
}
.hb-part3 .summary{
    font-size:16px;
    color:#666;
    line-height: 26px;
    margin-bottom:40px;
}
.hb-part3 table tr,.hb-part3 table th{
    text-align: center;
}
.hb-part3 .table>tbody>tr>td,.hb-part3 .table>tbody>tr>th,.hb-part3 .table>tfoot>tr>td,.hb-part3 .table>tfoot>tr>th,.hb-part3 .table>thead>tr>td,.hb-part3 .table>thead>tr>th{
    padding:12px;
    font-size:16px;
    color:#666;
    line-height: 24px;
    vertical-align: middle;
}
.hb-part3 .table>tbody>tr>td{
    text-align: left;
    padding-left:40px;
}
.hb-part3 .table>tbody>tr>td ul li{
    position: relative;
    font-size:16px;
}
.hb-part3 .table>tbody>tr>td ul li:before{
    content: '';
    width:4px;
    height:4px;
    border-radius: 4px;
    background:#666;
    position: absolute;
    left:-10px;
    top:10px;
}
.hb-part3 .table>tbody>tr>td ul li.green:before{
    background:#37aaa5;
}
.hb-part3 .table>tbody>tr>th{
    color:#000;
}
.hb-part3 .table>tbody>tr>th.title-1{
    background: #37aaa5;
    color:#fff;
}
.hb-part3 .table>tbody>tr>th.title-2{
    background: rgba(55,170,165,0.7);
    color:#fff;
}
.hb-part3 .table>tbody>tr.bac{
    background:rgba(55,170,165,.04);
}
.hb-part3 .table>tbody>tr span{
    color:#37aaa5;
}
.hb-part4{
    background: url(../../Products/images/hb_07.png) no-repeat #f7f9fc center bottom;
}
.hb-part4 .shebei{
    text-align: center;
}
.hb-part4 .shebei li{
    display:inline-block;
    margin:25px 20px;
}
.hb-part4 .shebei li span{
    display:inline-block;
    padding:10px 15px;
    color:#666;
    font-size:16px;
    background:#fff;
    box-shadow: 0px 0px 8px 0px rgba(55,170,165,0.2);
    border-radius: 8px 15px 0 8px;
}

.hb-part5 .lc-sec li{
    display: inline-block;
}
.hb-part5 .lc-sec li:not(:first-child){
    margin-left:-46px;
}

.hb-part5 .lc-sec li .step{
    height:100px;
    width:192px;

    position: relative;
}
.hb-part5 .lc-sec li:not(:first-child) .step{
    width:232px;
}
.hb-part5 .lc-sec li .step .sanjiao{
    position: absolute;
    right:-52px;
    top:-2px;

}
.hb-part5 .lc-sec li .step .sanjiao .white{
    height:104px;
    border-width:52px 0 52px 52px;
    border-style:solid;
    border-color:transparent transparent transparent #fff;
    position: relative;
}
.hb-part5 .lc-sec li .step .white:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -50px;
    left:-52px;
    border-width: 50px 0 50px 50px;
    border-style: solid;
    border-color: transparent transparent transparent #37aaa5;
}
.hb-part5 .lc-sec .step .text{
    position: relative;
    background:rgba(55,170,165,1);
    height:100%;
    padding:15px 5px;
    width:186px;
}
.hb-part5 .lc-sec .step .text-box{
    position: absolute;
    top:0;
    left:0px;
    z-index:15;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}


.hb-part5 .lc-sec .step .text-box span{
    color:rgba(255,255,255,.2);
    font-size:48px;
    font-weight:bold;
    font-style: italic;
    display:inline-block;
    margin-right:3px;

    vertical-align: middle;
}
.hb-part5 .lc-sec .step .text-box p{
    font-size:14px;
    color:#fff;
    line-height: 16px;
    display: inline-block;
    width:145px;
    text-align: center;
}
.hb-part5 .lc-sec .step.step1{
    z-index: 10;
}
.hb-part5 .lc-sec .step.step2{
    z-index: 8;
}
.hb-part5 .lc-sec .step.step3{
    z-index: 6;
}
.hb-part5 .lc-sec .step.step4{
    z-index: 4;
}
.hb-part5 .lc-sec .step.step5{
    z-index: 3;
}
.hb-part5 .lc-sec .step.step6{
    z-index: 1;
}
.hb-part5 .lc-sec .step.step1 .text{
    width:145px;
}

.hb-part5 .lc-sec .step.step2 .text-box,.hb-part5 .lc-sec .step.step3 .text-box,.hb-part5 .lc-sec .step.step4 .text-box,
.hb-part5 .lc-sec .step.step5 .text-box,.hb-part5 .lc-sec .step.step6 .text-box{
    left:46px;
}
.hb-part5 .lc-sec .step.step2 .text,.hb-part5 .lc-sec .step.step4 .text,.hb-part5 .lc-sec .step.step6 .text{

    background:rgba(55,170,165,.7);
}
.hb-part5 .lc-sec li .step.step2 .white:after,.hb-part5 .lc-sec li .step.step4 .white:after,.hb-part5 .lc-sec li .step.step6 .white:after{

    border-color: transparent transparent transparent rgba(55,170,165,.7);
}

.hb-part6 .newsList{
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 15px;
}
.hb-part6 .newsList p{
    color: #333;
    font-size: 16px;
    width: 80%;
    float: left;
    padding-left: 15px;
    padding-bottom: 15px;
    transition: all 0.3s;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hb-part6 .newsList p:before{
    position: absolute;
    left: 0;
    top: 12px;
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #e1e1e1;
}
.hb-part6 .newsList span{
    color: #999;
    font-size: 14px;
    width: 15%;
    float: right;
}
@media only screen and (max-width: 768px) {
    .hb-part1.sec1 .main{
        padding:0;
        background: none;
    }
    .hb-part4 .shebei li span{
        font-size:14px;
    }
    .hb-part4 .shebei li{
        margin:5px;
    }
    .hb-part4 .shebei{
        text-align: left;
    }
    .hb-part2 .item .text{
        width:84%;
    }
    .hb-part5 .lc-sec li:not(:first-child){
        margin-left:0;
    }
    .hb-part5 .lc-sec .step.step2 .text-box, .hb-part5 .lc-sec .step.step3 .text-box, .hb-part5 .lc-sec .step.step4 .text-box, .hb-part5 .lc-sec .step.step5 .text-box, .hb-part5 .lc-sec .step.step6 .text-box{
        left:8px;
    }
    .hb-part5 .lc-sec .step .text,.hb-part5 .lc-sec .step.step1 .text{
        width:300px;
    }
    .hb-part5 .lc-sec .step .text-box p{
        width:270px;
        font-size:16px;
        line-height: 28px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 750px){
    .mobile-banner {
        height: 225px;
    }
}