@media screen and (max-width: 450px) {
    html {
        font-size: 13.33333vw;
    }
}
@keyframes bannerImg {
    0%{transform:scale(1.2);}
    100%{transform:scale(1);}
}
@keyframes bannerImgf {
    0%{transform:scale(1);}
    100%{transform:scale(1.2);}
}

.inner-nav .w1370{
    overflow: hidden;
    padding: 15px 0;
}
.inner-nav a{
    color: #666666;
    font-size: 14px;
    line-height: 24px;
}
.inner-nav .on a{
    color: #005385;
}
@media screen and (min-width: 992px){
    .inner-nav a:hover{
        color: #005385;
    }
}
.inner-nav .inn-index{
    float: left;
}
.inner-nav .inn-list{
    float: left;
    position: relative;
    padding-left: 16px;
    margin-left: 10px;
}
.inner-nav .inn-list:before{
    content: ">";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    color: #666666;
    font-size: 14px;
    line-height: 24px;
}



.add{
    opacity: 0;
    transition: ease .65s;
}
.inner-page{
    display: block;
    overflow: hidden;
    text-align: center;
}
.inner-page .next, .inner-page .prev{
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    line-height: 2.143em;
    width: 8em;
    /*background: #005499;*/
    cursor: pointer;
    position: relative;
    z-index: 10;
}
.inner-page .next a, .inner-page .prev a{
    color: #ffffff;
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 2.143em;
    border-left: none;
    padding: 0;
}
.inner-page .next:after, .inner-page .prev:after{
    content: "";
    position: absolute;
    z-index: -5;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #005499;
}
.inner-page .next:before, .inner-page .prev:before{
    content: "";
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #0078c6;
    transition: ease .65s;
}
@media screen and (min-width: 992px){
    .inner-page .next:hover:before, .inner-page .prev:hover:before{
        width: 100%;
    }
}
.inner-page .next{
    margin-left: 2.714em;
}
.inner-page .next img{
    margin: -3px 0 0 3px;
    width: 20px;
}
.inner-page .prev{
    margin-right: 2.714em;
}
.inner-page .prev img{
    margin: -3px 3px 0px 0 ;
    width: 20px;
}
.inner-page .num-con{
    display: inline-block;
    line-height: 0;
}
.inner-page .num{
    display: inline-block;
    color: #333333;
    font-size: 16px;
    line-height: 1.375em;
    border-left: 2px solid #e6e6e6;
    padding: 0 0.875em;
    font-family: Arial;
}
.inner-page .num:first-child{
    border-left: none;
}

.inner-page .num.on{
    color: #0078c6;
}
.inner-page .num.first{
    border-left: none;
}

.inner-page .ipg-more{
    cursor: default;
    display: inline-block;
    color: #333333;
    font-size: 16px;
    line-height: 1.375em;
    border-left: 2px solid #e6e6e6;
    padding: 0 0.875em;
    font-family: Arial;
}

@media screen and (min-width: 992px){
    .inner-page .num:hover{
        color: #0078c6;
    }
    .inner-page .next a:hover, .inner-page .prev a:hover{
        color: #ffffff;
    }
    .inner-page .ipg-more:hover{
        color: #333333;
    }
}


.more-btn{
    display: inline-block;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    line-height: 42px;
    width: 160px;
    text-align: center;
    height: 42px;
    z-index: 10;
}
.more-btn span{
    display:block;
    border-radius: 3px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
.more-btn span img{
    margin-left: 4px;
    margin-top: -3px;
    width: 13px;
}
.more-btn span:first-child{
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100%;
    -webkit-transform:translateX(-25%);
    transform:translateX(-25%);
}
@media screen and (min-width: 992px){
    .more-btn:hover span:first-child{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    .more-btn:hover span{
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
}


.justify{
    text-align: justify;
}
.justify:after{
    content: " ";
    display: inline-block;
    width: 100%;
}


/*内页通用banner*/
.inner-bd img{
    width: 100%;
}
.inner-bd{
    overflow: hidden;
}
.inner-bd .bd-bg{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    animation: bannerImg ease-in-out 2s forwards;
}
/*内页通用标题*/
.main-box{
    overflow: hidden;
}
.inner-title{
    margin: -3.125em 0 0 0;
}
.inner-title .global-inner{
    background: #005499;
    padding: 1.25em 0;
}
.inner-title .tit{
    color: #ffffff;
    font-size: 1.25em;
    line-height: 1.5;
    font-weight: bold;
}
.inner-title .det{
    color: #ffffff;
    line-height: 1.625em;
    margin-top: 6px;
    position: relative;
    padding-left: 1.375em;
}
.inner-title .det:before{
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 12px;
    height: 2px;
    background: #fff;
    margin-top: -1px;
}



/*关于我们*/
.aboutLayout{
    background: #f6f6f7;
    padding-bottom: 4.25em;
}
.aboutLayout .introduction{
    margin-top: 1.25em;
}
.aboutLayout .hk-int .global-inner{
    background: #fff;
}
.aboutLayout .hk-int .txt-doc{
    width: 41.89%;
    float: left;
    margin-left: 4%;
    padding: 4.375em 0 0 0;
}
@media screen and (min-width: 992px){
    .aboutLayout .scrollbox:hover .mCSB_scrollTools .mCSB_dragger{
        opacity: 1;
    }
}
.aboutLayout .mCSB_scrollTools .mCSB_dragger{
    background: #73b8e6;
    opacity: 0;
}
.aboutLayout .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: none;
}
.aboutLayout .mCSB_inside > .mCSB_container{
    margin-right: 7px;
}

.aboutLayout .about-tit{
    color: #005499;
    font-size: 2em;
    line-height: 1.3125;
}
.aboutLayout .hk-int .txt-doc .tit{
    color: #007bc8;
    font-size: 1.25em;
    line-height: 1.5;
    margin-top: 1em;
}
.aboutLayout .hk-int .txt-doc .det{
    color: #333333;
    line-height: 2;
    margin-top: 2em;
    overflow: hidden;
    max-height: 25em;
}
.aboutLayout .hk-int .txt-doc .det p{
    margin-bottom: 1em;
}
.aboutLayout .hk-int .award-doc{
    float: right;
    width: 41.23%;
    position: relative;
    overflow: hidden;
    background: #0078c6;
    z-index: 10;
}
.aboutLayout .hk-int .award-doc:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background: #0078c6;
    opacity: 0.9;
}
.aboutLayout .hk-int .award-doc .img-box{
    opacity: 1;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    z-index:5;
}
.aboutLayout .award-doc .award-txt{
    position: absolute;
    z-index: 10;
    width: 78%;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    z-index:15;
}
.aboutLayout .award-txt .tit{
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    display: none;
}
.aboutLayout .award-txt .tit span{
    display: inline-block;
}
.aboutLayout .award-txt .tit .sp1{
    color: #ffffff;
    font-size: 1.5em;
    line-height: 1.417;
}
.aboutLayout .award-txt .tit .sp2{
    color: #fff;
    font-weight: bold;
    font-family: Arial;
    font-size: 5em;
    line-height: 1.125;
}
.aboutLayout .award-txt .tit .sp3{
    font-size: 4em;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
    vertical-align: bottom;
}

.aboutLayout .award-txt .list{
    /*margin-top: 3.125em;*/
    margin-top: 8.5em;
    padding-left: 6.25em;
    background: url(../../Img/images/about-award-icon01.png) no-repeat top left;
    background-size: 4.625em auto;
}
.aboutLayout .award-txt .list .column{
    font-size: 1.25em;
    padding-left: 1em;
    line-height: 1.6;
    margin-top: 0.9em;
    color: #fff;
    position: relative;
}
.aboutLayout .award-txt .list .column:before{
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: url("../../Img/images/about-award-icon02.png") no-repeat center;
    left: 0;
    top: 0.75em;
}

.aboutLayout .hk-aff-en{
    display: none;
}
.aboutLayout .hk-aff .global-inner{
    padding: 4.125em 0 3.625em;
    background: #fff;
}
.aboutLayout .hk-aff .swiper-container{
    margin-top: 1.5em;
}
.aboutLayout .hk-aff a{
    display: block;
    position: relative;
    background: #f6f6f7;
    width: 100%;
}
.aboutLayout .hk-aff .img-box{
    width: 45.26%;
    position: relative;
    overflow: hidden;
}
.aboutLayout .hk-aff .aff-con{
    position: absolute;
    width: 45%;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    max-height: 90%;
    overflow: hidden;
}
.aboutLayout .hk-aff .aff-con .tit{
    color: #0078c6;
    font-size: 1.5em;
    line-height: 1.417;
}
.aboutLayout .hk-aff .aff-con .det{
    color: #333333;
    position: relative;
    line-height: 1.75;
    margin-top: 1em;
    max-height: 13.375em;
    overflow: hidden;
    min-height: 7em;
}
.aboutLayout .hk-aff .aff-con .det p{
    margin-bottom: 1.125em;
}
.aboutLayout .hk-aff .aff-con .det p:last-child{
    margin-bottom: 0;
}
.aboutLayout .hk-aff .swiper-button-next{
    opacity: 1;
    right: 0;
    width: 2.5em;
    height: 5em;
    margin-top: -2.5em;
    background: url(../../Img/images/about-aff-next.png) no-repeat center;
    background-size: 100%;
}
.aboutLayout .hk-aff .swiper-button-prev{
    opacity: 1;
    left: 0;
    width: 2.5em;
    height: 5em;
    margin-top: -2.5em;
    background: url(../../Img/images/about-aff-prev.png) no-repeat center;
    background-size: 100%;
}

@media screen and (min-width: 992px){
    .aboutLayout .hk-aff .swiper-button-next:hover{
        background: url(../../Img/images/about-aff-nexton.png) no-repeat center;
        background-size: 100%;
    }
    .aboutLayout .hk-aff .swiper-button-prev:hover{
        background: url(../../Img/images/about-aff-prevon.png) no-repeat center;
        background-size: 100%;
    }
}




/*发展历程*/
.aboutLayout .hk-history{
    margin-top: 3.625em;
}
.aboutLayout .hk-history .global-inner{
    background: #f2f2f2;
    padding: 3.75em 0 5.375em;
}
.aboutLayout .hk-history .time-axis{
    overflow: hidden;
    position: relative;
    background: #ebeef7;
    border: 1px solid #ced1d9;
    margin-top: 1.5em;
}
.aboutLayout .hk-history .time-axis .column{
    position: relative;
    z-index: 10;
    border-left: 1px solid #ced1d9;
    color: #4c4c4c;
    line-height: 2.75em;
    text-align: center;
    cursor: pointer;
}
.aboutLayout .hk-history .time-axis .column:first-child{
    border-left: none;
}
.aboutLayout .hk-history .time-axis .ta-bg{
    position: absolute;
    z-index: 5;
    height: 100%;
    width: 33.4%;
    background: #0078c6;
    top: 0;
    left: 0;
    transition: all 0.3s;
}
.aboutLayout .hk-history .time-axis .active{
    color: #fff;
}


.aboutLayout .hk-history .list{
    margin-top: 1.25em;
    padding-top: 1.875em;
    position: relative;
    z-index: 10;
    display: none;
}
.aboutLayout .hk-history .list.on{
    display: block;
}
.aboutLayout .hk-history .list.on .axis{
    display: block !important;
}
.aboutLayout .hk-history .list:before{
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 2px;
    margin-left: -1px;
    background: #e6e6e6;
    content: "";
}
.hk-history .list-column{
    position: relative;
}
.hk-history .list-column:before{
    content: "";
    position: absolute;
    right: -0.5em;
    width: 1em;
    height: 1em;
    top: 1.25em;
    background: url(../../Img/images/about-time-icon1.png) no-repeat center;
    background-size: 100%;
}
@media screen and (min-width: 992px){
    .aboutLayout .hk-history .list-column:hover:before{
        background: url(../../Img/images/about-time-icon2.png) no-repeat center;
        background-size: 100%;
    }
}


.aboutLayout .hk-history .list-column .column{
    width: 91%;
    position: relative;
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 1.875em 1.875em 1.875em 1.25em;
}
.aboutLayout .hk-history .list-column .column a{
    display: flex;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
    cursor: default;
}
.ie9 .aboutLayout .hk-history .list-column .column a{
    display: block;
}
.aboutLayout .hk-history .list-column .column:before{
    content: "";
    position: absolute;
    right: -13px;
    width: 13px;
    height: 15px;
    top: 15px;
    background: url(../../Img/images/about-time-icon3.png) no-repeat center;
    background-size: 100%;
}
.aboutLayout .hk-history .list-column .column .img-box{
    position: relative;
    width: 100%;
    overflow: hidden;
    max-width: 310px;
}
.ie9 .aboutLayout .hk-history .list-column .column .img-box{
    float: left;
    width: 50%;
}
.aboutLayout .hk-history .list-column .column .img-box .pic{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
@media screen and (min-width: 992px){
    .aboutLayout .hk-history .list-column .column a:hover .pic{
        transform: scale(1.1);
    }
}



.aboutLayout .hk-history .list-column .column .txt-box{
    padding: 10px 0 0 10px;
    text-align: right;
    width: 100%;
}
.ie9 .aboutLayout .hk-history .list-column .column .txt-box{
    float: left;
    width: 50%;
}
.aboutLayout .hk-history .list-column .column .txt-box .txt-time{
    color: #0078c6;
    font-size: 1.5em;
    line-height: 1.417;
    margin-bottom: 10px;
}
.aboutLayout .hk-history .list-column .column .txt-box .txt-tit{
    color: #4c4c4c;
    line-height: 1.625em;
    padding-bottom: 1em;
}

.aboutLayout .hk-history .axis:nth-child(2n){
    margin-top: -8.625em;
}
.aboutLayout .hk-history .axis:nth-child(2n) .list-column{
    float: right;
}
.aboutLayout .hk-history .axis:nth-child(2n) .list-column:before{
    left: -0.5em;
}
.aboutLayout .hk-history .axis:nth-child(2n) .list-column .column{
    float: right;
    padding: 1.875em 1.25em 1.875em 1.875em;
}
.aboutLayout .hk-history .axis:nth-child(2n) .list-column .column:before{
    left: -13px;
    background: url(../../Img/images/about-time-icon4.png) no-repeat center;
    background-size: 100%;
}
.aboutLayout .hk-history .axis:nth-child(2n) .list-column .column a{
    flex-direction: row-reverse;
}
.aboutLayout .hk-history .axis:nth-child(2n) .list-column .column .txt-box{
    text-align: left;
    padding: 10px 10px 0 0;
}

.aboutLayout .hk-honor{
    margin-top: 3.4375em;
}
.aboutLayout .hk-honor .global-inner{
    background: #fff;
    padding: 3.75em 0 1.625em;
}
.aboutLayout .hk-honor .global-inner .w1370{
    position: relative;
    overflow: hidden;
}
.aboutLayout .hk-honor .honor-switch{
    position: absolute;
    right: 0;
    top: 4px;
    overflow: hidden;
    background: #ebeef7;
}
.aboutLayout .hk-honor .honor-switch .ption-r100{
    overflow: hidden;
    border: 1px solid #ced1d9;
}
.aboutLayout .hk-honor .honor-switch a{
    display: block;
    float: left;
    color: #4c4c4c;
    line-height: 2.375em;
    width: 9.875em;
    text-align: center;
}
.aboutLayout .hk-honor .honor-switch a:first-child{
    border-right: 1px solid #ced1d9;
}
.aboutLayout .hk-honor .honor-switch a.on{
    color: #fff;
}
.aboutLayout .hk-honor .honor-switch .onbg{
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.3s;
    background: #0078c6;
    z-index: -5;
}
.aboutLayout .hk-honor .swiper-button-prev{
    left: 0;
    background: url(../../Img/images/index-pdt-prev.png) no-repeat center;
    background-size: cover;
    width: 1.5625em;
    height: 2.1875em;
    margin-top: -1.09375em;
}
.aboutLayout .hk-honor .swiper-button-next{
    right: 0;
    background: url(../../Img/images/index-pdt-next.png) no-repeat center;
    background-size: cover;
    width: 1.5625em;
    height: 2.1875em;
    margin-top: -1.09375em;
}
@media screen and (min-width: 992px){
    .aboutLayout .hk-honor .swiper-button-prev:hover{
        background: url("../../Img/images/index-pdt-prevon.png") no-repeat center;
        background-size: cover;
    }
    .aboutLayout .hk-honor .swiper-button-next:hover{
        background: url("../../Img/images/index-pdt-nexton.png") no-repeat center;
        background-size: cover;
    }
}



.aboutLayout .hk-honor .swiper-container{
    position: relative;
    width: 90.66%;
    margin: 2.1875em auto 0;
}
.aboutLayout .hk-honor .swiper-container{

}

.aboutLayout .honor-box .honor-list{
    display: none;
}
.aboutLayout .honor-box .honor-list.on{
    display: block !important;
}


.aboutLayout .hk-honor .swiper-slide a{
    display: block;
    width: 100%;
    cursor: default;
}
.aboutLayout .hk-honor .img-box{
    background: #f6f6f6;
    position: relative;
    padding: 1.25em 1.125em;
    overflow: hidden;
}
.aboutLayout .hk-honor .img-box .pic{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}
@media screen and (min-width:992px){
    .aboutLayout .hk-honor .img-box:hover .pic{
        transform: scale(1.1);
    }
}
.aboutLayout .hk-honor .txt-box{
    margin-top: 10px;
    color: #005686;
    line-height: 1.625em;
    height: 3.25em;
    text-align: center;
}
.aboutLayout .hk-honor .list{
    margin-top: 1em;
    border-top: 4px solid #005686;
    padding: 0.875em 0 0;
    display: flex;
    flex-wrap: wrap;
}
.aboutLayout .hk-honor .list:before, .aboutLayout .hk-honor .list:after{
    display: none;
}
.aboutLayout .hk-honor .list .column{
    padding: 0.75em 1.875em;
    /*border-top: 1px solid #e6e6e6;*/
    border-bottom: 1px solid #e6e6e6;
}
.aboutLayout .hk-honor .list .column a{
    cursor: default;
}
/*.aboutLayout .hk-honor .list .column:nth-child(1){*/
    /*border-top: none;*/
    /*margin-top: 0;*/
/*}*/
/*.aboutLayout .hk-honor .list .column:nth-child(2){*/
    /*border-top: none;*/
    /*margin-top: 0;*/
/*}*/


.aboutLayout .hk-honor .list .column:nth-last-child(2){
    border-bottom: none;
}
.aboutLayout .hk-honor .list .column:nth-child(2n){
    border-bottom: 1px solid #e6e6e6;
}
.aboutLayout .hk-honor .list .column:last-child{
    border-bottom: none;
}
.aboutLayout .hk-honor .list .column .txt{
    line-height: 1.625em;
    padding-left: 13px;
    background: url("../../Img/images/about-honor-listic.png") no-repeat left center;
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    /*height: 1.625em;*/
    color: #333333;
}
.aboutLayout .hk-culture{
    margin-top: 3.4375em;
}
.aboutLayout .hk-culture .hk-mission{
    margin-top: 0.875em;
    position: relative;
}
.aboutLayout .hk-culture .hk-mission .txt-box{
    position: absolute;
    z-index: 20;
    width: 44%;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
    max-height: 95%;
}
.aboutLayout .hk-culture .hk-mission .txt-box .tit{
    color: #005686;
    font-size: 1.25em;
    line-height: 1.5;
    font-weight: bold;
}
.aboutLayout .hk-culture .hk-mission .txt-box .det{
    color: #007bc8;
    font-size: 1.5em;
    line-height: 1.417;
    margin-top: 6px;
}
.aboutLayout .hk-culture .hk-mission .txt-box .txt{
    color: #4c4c4c;
    line-height: 1.625;
    margin-top: 1.25em;
}

.aboutLayout .hk-vision{
    background: #fff;
    padding: 3.125em 0 4.125em;
}
.aboutLayout .hk-vision .img-box{
    text-align: right;
}
.aboutLayout .hk-vision .img-box img{
    width: 100%;
    max-width: 555px;
}
.aboutLayout .hk-vision .txt-box{
    padding-top: 1.25em;
}
.aboutLayout .hk-vision .txt-box .tit{
    color: #005686;
    font-size: 1.25em;
    line-height: 1.5;
    font-weight: bold;
}
.aboutLayout .hk-vision .txt-box .det{
    color: #007bc8;
    font-size: 1.5em;
    line-height: 1.417;
    margin-top: 6px;
}
.aboutLayout .hk-vision .txt-box .txt{
    color: #4c4c4c;
    line-height: 1.625;
    margin-top: 1.25em;
}
.aboutLayout .hk-values{
    background: #fff;
}
.aboutLayout .hk-values h5{
    color: #005686;
    font-weight: bold;
    font-size: 1.25em;
    line-height: 4.25;
    background: url("../../Img/images/about-values-icon01.png") no-repeat center;
    background-size: auto 100%;
    text-align: center;
}
.aboutLayout .hk-values .list{
    margin-top: 1.375em;
    overflow: hidden;
    padding: 0 2.9% 3.125em;
    display: flex;
    justify-content: space-between;
}
.aboutLayout .hk-values .list .column{
    width: 25%;
    overflow: hidden;
}
.aboutLayout .hk-values .list .column .column-table{
    display: table !important;
    width: 100%;
}
.aboutLayout .hk-values .list .img-box{
    float: left;
    margin-top: 5px;
}
.aboutLayout .hk-values .list .txt-box{
    padding-left: 1.25em;
}
.aboutLayout .hk-values .list .txt-box .tit{
    color: #007bc8;
    font-size: 1.5em;
    line-height: 1.417;
}
.aboutLayout .hk-values .list .txt-box .det{
    margin-top: 12px;
    color: #4c4c4c;
    line-height: 1.625;
}
.aboutLayout .hk-culture-en{
    display: none;
}







/*新闻中心*/
.news-box{
    background: #f6f6f7;
    padding-bottom: 4.5em;
}
.news-box .news-hot .w1370 a{
    display: block;
    position: relative;
    background: #0078c6;
}
.news-box .news-hot .img-box{
    width: 65.7%;
    overflow: hidden;
    background: #f6f6f7;
}
.news-box .news-hot .img-box .img-con{
    /*animation: bannerImg ease-in-out 2s forwards;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*transform: scale(1.2,1.2);*/
    /*transition: ease-in-out 2s;*/
    transition: 0.5s linear;
}
@media screen and (min-width: 992px){
    .news-box .news-hot a:hover .img-box .img-con{
        transform: scale(1.1);
    }
}

/*.news-box .news-hot a:hover .img-box .img-con{*/
    /*transform: scale(1);*/
/*}*/
.news-box .news-hot .hot-txt{
    position: absolute;
    overflow: hidden;
    width: 28.5%;
    height: 85.38%;
    top: 14.65%;
    right: 2.5%;
}
.news-box .news-hot .hot-txt .tit{
    color: #ffffff;
    font-size: 1.25em;
    line-height: 1.3;
    margin-bottom: 1.333em;
}
.news-box .news-hot .hot-txt .det{
    color: #ffffff;
    line-height: 1.625;
    opacity: 0.6;
    filter: alpha(opacity=60);
    height: 11.375em;
    overflow: hidden;
}
.news-box .news-hot .hot-txt .time{
    color: rgba(255,255,255,0.5);
    line-height: 1.625;
    margin-top: 6px;
    overflow: hidden;
}
.news-box .news-hot .hot-txt .line{
    margin-top: 1.25em;
    height: 2px;
    background: rgba(255,255,255,0.3);
    position: relative;
}
.news-box .news-hot .hot-txt .line:before{
    position: absolute;
    content: "";
    width: 0;
    left: 0;
    top: 0;
    height: 2px;
    background: #fff;
    transition: ease .65s;
}
.news-box .news-hot .hot-txt i{
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    float: right;
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 992px){
    .news-box .news-hot .w1370 a:hover i {
        opacity: 1;
    }
    .news-box .news-hot .w1370 a:hover .hot-txt .line:before{
        width: 100%;
    }
}


.news-list{
    margin-top: 1.5625em;
}
.news-list .news-top{
    border-bottom: 1px solid #cccccc;
}
.news-list .news-top .news-nav{
    float: left;
    overflow: hidden;
    position: relative;
}
.news-list .news-top .nav-line{
    font-size: 1.25em;
    width: 4em;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #0078c6;
}
.news-list .news-top .nnv-list{
    float: left;
    border-bottom: 2px solid #f6f6f7;
    margin-right: 2.5em;
}
.news-list .news-top .nnv-list a{
    display: block;
    font-size: 1.25em;
    line-height: 2;
    color: #999999;
    font-weight: bold;
}
/*.news-list .news-top .news-nav .on{*/
    /*border-bottom: 2px solid #0078c6;*/
/*}*/
.news-list .news-top .news-nav .on a{
    color: #212121;
}
/*.news-list .news-top .nnv-list:hover{*/
    /*border-bottom: 2px solid #0078c6;*/
/*}*/
@media screen and (min-width: 992px){
    .news-list .news-top .news-nav .nnv-list:hover a{
        color: #212121;
    }
}

.news-list .news-top .news-time{
    float: right;
}
.news-list .news-top .news-time .tit{
    float: left;
    color: #333333;
    line-height: 1.625em;
}
.news-list .news-top .news-time .time-con{
    position: relative;
    float: right;
}
.news-list .news-top .news-time .time-con .time-doc{
    position: absolute;
    top: 100%;
    right: 0;
}
.news-list .time-con select{
    background: none;
    min-width: 6.875em;
    height: 1.625em;
    line-height: 1.625em;
    color: #0078c6;
}
.news-list .time-con option{
    line-height: 1.625em;
    color: #333333;
}

.news-bottom{
    margin: 1.875em 0 0;
}
.news-bottom .wall{
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 -1.25em;
    min-height: 300px;
    font-size: 16px;
    text-indent: 1.25em;
}
.news-bottom .wall-column{
    padding: 0 1.25em;
    position: relative;
    width: 33.333%;
    float: left;
}

@media (max-width: 768px) {
    .news-bottom .wall-column {
        width: auto;
        float: none;
    }
}
.news-bottom .article{
    margin-bottom: 2.5em;
    padding: 0 1.25em;
    text-indent: 0;
}
@media (max-width: 991px) {
    .news-bottom .wall-column {
        width: 50%;
    }
    .news-bottom .wall{
        margin: 0 -0.625em;
    }
    .news-bottom .article{
        padding: 0 0.625em;
    }
}


.news-bottom .article a{
    display: block;
}
.news-bottom .img-box{
    overflow: hidden;
}
.news-bottom .img-box .pic{
    width: 100%;
    transition: ease .65s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.news-bottom .img-box .pic img{
    opacity: 0;
    height: 240px;
}
@media screen and (min-width: 992px){
    .news-bottom .article a:hover .img-box .pic{
        transform: scale(1.1,1.1);
    }
}
/*@media screen and (max-width: 991px) and (min-width: 768px){*/
    /*.news-bottom .article:nth-child(9){*/
        /*display: none;*/
    /*}*/
/*}*/


.news-bottom .news-doc{
    padding: 1.25em 1.875em 1.875em;
    background: #fff;
}
.news-bottom .news-doc .tit{
    color: #333333;
    font-size: 1.25em;
    line-height: 1.3;
    height: 1.3em;
    margin-bottom: 1em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.news-bottom .news-doc .det{
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}
.news-bottom .article-noimg .news-doc .det{
    height: 288px;
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .news-bottom .img-box .pic img{
        height: 120px;
    }
    .news-bottom .article-noimg .news-doc .det{
        height: 168px;
    }
}
.news-bottom .news-doc .time{
    overflow: hidden;
    margin-top: 2.875em;
    padding-bottom: 7px;
    border-bottom: 1px solid #dedede;
    position: relative;
}
.news-bottom .news-doc .time:before{
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    left: 0;
    bottom: 0;
    transition: ease .65s;
    background: #0290e3;
}

.news-bottom .news-doc .time span{
    float: left;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0290e3;
    font-size: 14px;
    line-height: 24px;
}
.news-bottom .news-doc .time i{
    font-size: 14px;
    line-height: 24px;
    float: right;
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 992px){
    .news-bottom .article a:hover{
        box-shadow: 0 2px 20px rgba(53,53,53,0.24);
    }
    .news-bottom .article a:hover .tit{
        color: #005686;
    }
    .news-bottom .article a:hover i{
        opacity: 1;
    }
    .news-bottom .article a:hover .time:before{
        width: 100%;
    }
}





/*新闻详情页*/
.news-detail-box{
    background: #f6f6f7;
    padding-bottom: 3.75em;
}
.news-detail-box .details .w1370{
    background: #fff;
}
.news-detail-box .details-box{
    max-width: 1000px;
    margin: 0 auto;
    padding: 4.0625em 0 3.75em;
}
.news-detail-box .details-box h5{
    text-align: center;
    color: #212121;
    font-size: 2em;
    line-height: 1.3125;
}
.news-detail-box .details-box .time{
    color: #0290e3;
    font-size: 14px;
    line-height: 1.857;
    text-align: center;
    margin-top: 1.5em;
}
.news-detail-box .details-box .time span{
    display: inline-block;
    border-bottom: 1px solid #dedede;
}
.news-detail-box .details-box .doc{
    color: #333333;
    font-size: 1.125em;
    line-height: 2;
    margin-top: 2.125em;
}
.news-detail-box .details-box .justify:before{
    display: none;
}
.news-detail-box .details-box .doc ul, .news-detail-box .details-box .doc ol{
    padding: 0;
    margin: 0;
}

.news-detail-box .details-box .doc ul li{
    list-style: none;
}
.news-detail-box .details-box .doc ul li span{
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #303030;
    display: inline-block;
    font-size: 0;
    margin-right: 10px;
}


.news-detail-box .details-box .doc ol li{
    list-style: none;
}
.news-detail-box .details-box .doc ol li span{
    display: inline-block;
    margin-right: 10px;
    text-indent: 0;
    color: #303030;
}


.news-detail-box .details-box img{
    max-width: 100%;
    margin: 10px 0;
}
.news-detail-box .doc-link{
    margin-top: 30px;
    text-align: left;
    padding-top: 20px;
    border-top: 2px solid #005499;
    font-size: 0;
    overflow: hidden;
}
.news-detail-box .doc-link .doc-left{
    float: left;
    width: 70%;
}
.news-detail-box .doc-link .Detail_title{
    font-size: 0;
    overflow: hidden;
}
.news-detail-box .doc-link .doc-left  a{
    display: block;
    width: 70%;
    color: #333333;
    font-size: 14px;
    line-height: 2.143em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media screen and (min-width: 992px){
    .news-detail-box .doc-link .doc-left a:hover{
        color: #005499;
    }
}

.news-detail-box .doc-link .doc-left span{
    display: block;
    color: #333333;
    font-size: 14px;
    line-height: 2.143em;
    float: left;
}


.news-detail-box .doc-link .doc-right{
    float: right;
}
.news-detail-box .doc-link .doc-right a{
    display: block;
    color: #005499;
    font-size: 14px;
    line-height: 2.143em;
    width: 6.571em;
    text-align: center;
    position: relative;
    z-index: 10;
    height: auto;
}
.news-detail-box .doc-link .doc-right span{
    display:block;
    width: 100%;
    border-radius: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    background: #eeeeee;
}
.news-detail-box .doc-link .doc-right span:first-child{
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100%;
    -webkit-transform:translateX(-25%);
    transform:translateX(-25%);
}
@media screen and (min-width: 992px){
    .news-detail-box .doc-link .doc-right a:hover span:first-child{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        background: #005499;
        color: #eeeeee;
    }
    .news-detail-box .doc-link .doc-right a:hover span{
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
}


/*产品中心*/
.product-box{
    background: #f6f6f7;
}
.product-box .product-bd{
    height: 380px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.product-box .pdt-hot{
    padding-top: 3.375em;
}
.product-box .pdt-hot .global-inner{
    position: relative;
    background: #005499;
}
.product-box .pdt-hot .img-box{
    width: 52.53%;
}
.product-box .pdt-hot .img-con{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.product-box .pdt-hot .hot-txt{
    position: absolute;
    width: 47.47%;
    height: 100%;
    top: 0;
    right: 0;
}
.product-box .pdt-hot .hot-txt .pdt-doc{
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 10;
}
.product-box .pdt-hot .hot-txt .pdt-doc:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    background: #005499;
}
.product-box .pdt-hot .hot-txt .pdt-doc a{
    position: absolute;
    top: 17%;
    /*right: 4.3%;*/
    /*width: 38.9%;*/
    right: 9%;
    width: 77.8%;
    height: 83%;
    z-index: 10;
}
.product-box .pdt-hot .hot-txt .tit{
    color: #ffffff;
    font-size: 1.25em;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 1.111em;
}
.product-box .pdt-hot .hot-txt .det{
    color: #ffffff;
    font-size: 14px;
    line-height: 1.714;
    opacity: 0.6;
    filter: alpha(opacity=60);
    height: 8.57em;
    overflow: hidden;
}
.product-box .pdt-hot .hot-txt .link{
    margin-top: 1em;
}
.product-box .pdt-hot .hot-txt .link{
    color: rgba(255,255,255,0.5);
    line-height: 1.625;
}
@media screen and (min-width: 992px){
    .product-box .pdt-hot .hot-txt .link:hover{
        opacity: 1;
        filter: alpha(opacity=100);
    }
}


.product-box .pdt-hot .hot-txt .line{
    margin-top: 1.25em;
    height: 2px;
    background: rgba(255,255,255,0.3);
    position: relative;
}
.product-box .pdt-hot .hot-txt .line:before{
    position: absolute;
    content: "";
    width: 0;
    left: 0;
    top: 0;
    height: 2px;
    background: #fff;
    transition: ease .65s;
}
.product-box .pdt-hot .hot-txt i{
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    float: right;
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 992px){
    .product-box .pdt-hot a:hover i {
        opacity: 1;
    }
    .product-box .pdt-hot .hot-txt a:hover .line:before{
        width: 100%;
    }
}










.pdt-box{
    margin-top:0;
    padding-bottom: 3.875em;
}
.pdt-box .global-inner{
    background: #fff;
    padding-top: 3.75em;
}
.pdt-box .pdt-list{
    overflow: hidden;
    margin: 0 -1.25em;
}
.pdt-box .list-con{
    padding: 0 1.25em;
    margin-bottom: 2.5em;
}
.pdt-box .list-con .img-box{
    overflow: hidden;
}
.pdt-box .list-con .img-box .img-con{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.pdt-box .list-con .img-box .img-con img{
    transition: ease .65s;
}
.pdt-box .list-con .pdt-doc{
    padding: 1.25em 1.875em 2em;
    position: relative;
    z-index: 10;
    background: #0290e3;
}
@media screen and (min-width: 992px){
    .pdt-box .list-con a:hover .img-box .img-con .pic{
        transform: scale(1.1,1.1);
    }
    .pdt-box .list-con a:hover .docbg:before{
        background: #0290e3;
    }
}


.pdt-box .list-con .docbg:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 15;
    background: #f6f6f6;
}
.pdt-box .list-con .pdt-doc .tit{
    color: #005686;
    font-weight: bold;
    font-size: 1.25em;
    line-height: 1.5;
    position: relative;
    z-index: 20;
}
.pdt-box .list-con .pdt-doc .det{
    color: #999999;
    font-size: 14px;
    line-height: 1.714;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 5.142em;
    margin-top: 1em;
    position: relative;
    z-index: 20;
}
.pdt-box .list-con .pdt-doc .link{
    overflow: hidden;
    position: relative;
    z-index: 20;
    margin-top: 1.375em;
    padding-bottom: 5px;
    border-bottom: 1px solid #dedede;
}
.pdt-box .list-con .pdt-doc .link:before{
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #fff;
    transition: ease .65s;
}
.pdt-box .list-con .pdt-doc .link{
    color: #333333;
    line-height: 1.625em;
}
.pdt-box .list-con .pdt-doc .link i{
    font-size: 14px;
    line-height: 24px;
    float: right;
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff;
}
.pdt-box .list-con .doc-ph .tit{
    color: #fff;
}
.pdt-box .list-con .doc-ph .det{
    color: #ffffff;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.pdt-box .list-con .doc-ph .link{
    color: #fff;
}
@media screen and (min-width: 992px){
    .pdt-box .list-con:hover .pdt-doc{
        /*background: ;*/
    }
    .pdt-box .list-con:hover .docbg .tit{
        color: #fff;
    }
    .pdt-box .list-con:hover .docbg .det{
        color: #ffffff;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }
    .pdt-box .list-con:hover .docbg .link{
        color: #fff;
    }
    .pdt-box .list-con:hover .link:before{
        width: 100%;
    }
    .pdt-box .list-con:hover .link .add{
        opacity: 1;
    }
}




.product-dt-box{
    background: #f6f6f7;
}
.product-dt-bd{
    height: 380px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.product-dt-box .inner-bd .bd-bg-con{
    position: relative;
    z-index: 10;
    min-height: 380px;
    overflow: hidden;
}
.product-dt-box .inner-bd .bd-bg-con .bd-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -5;
    background-position: left 45% center;
}
.product-dt-box .inner-bd .prod-bd{
    float: right;
    width: 50%;
    padding: 50px 0 40px;
}
.product-dt-box .inner-bd .prod-bd .bd-txt-con{
    max-width: 625px;
    width: 90%;
}
.product-dt-box .prod-bd h5{
    color: #005499;
    font-size: 2em;
    line-height: 1.625;
    font-weight: bold;
    margin-bottom: 10px;
}
.product-dt-box .prod-bd .col-tit{
    color: #333333;
    font-size: 16px;
    line-height: 26px;
}
.product-dt-box .prod-bd .doc-con{
    overflow: hidden;
    margin-top: 1.825em;
}
.product-dt-box .prod-bd .doc-con .column-con{
    float: left;
    width: 68%;
    overflow: hidden;
}
@media screen and (max-width: 991px){
    .product-dt-box .prod-bd .doc-con .column-con{
        display: flex;
        flex-wrap: wrap;
    }
}

.product-dt-box .prod-bd .doc-con .column-con .column{
    float: left;
    width: 50%;
}
.product-dt-box .prod-bd .doc-con .column-con .column:nth-child(2n){
    padding-left: 15px;
}
.product-dt-box .prod-bd .tit{
    color: #00a68a;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
}
.product-dt-box .prod-bd .det{
    color: #00a68a;
    font-size: 16px;
    line-height: 26px;
    height: 52px;
}


.product-dt-box .prod-bd .doc-con .img-box{
    float: left;
    width: 32%;
    padding-left: 10px;
}
.product-dt-box .prod-bd .doc-con .img-box img{
    width: 100%;
    max-width: 175px;
}
.product-dt-box .prod-bd .doc-con .img-box .pic-tit{
    text-align: center;
    color: #00a68a;
    font-size: 16px;
    line-height: 26px;
    margin-top: 14px;
}






.product-dt-box .pdt-dt .global-inner{
    background: #fff;
}
.product-dt-box .pdt-dt .global-inner .w1370{
    overflow: hidden;
}
.pdt-dt-con{
    overflow: hidden;
    margin: 0 -3.125em;
    padding:1em 0 4.0625em;
    display: flex;
    flex-wrap: wrap;
}
.pdt-dt-con .pdt-dt-list{
    padding: 0 3.125em;
}
.pdt-dt-con .pdt-dt-list .list-con{
    display: table;
    padding: 2.5em 0 1em;
    border-bottom: 1px solid #dedede;
    height: 100%;
}
.pdt-dt-con .pdt-dt-list .img-box{
    width: 120px;
    float: left;
    padding: 0 1.875em 0 10px;
    box-sizing: content-box;
}
.pdt-dt-con .pdt-dt-list .img-box img{
    width: 100%;
}
.pdt-dt-con .pdt-dt-list .table-cell{
    width: 100%;
    vertical-align: top;
}
.pdt-dt-con .pdt-dt-list .tit{
    color: #333333;
    font-size: 1.125em;
    line-height: 1.556;
    margin: 4px 0 0.875em;
    font-weight: bold;
}
.pdt-dt-con .pdt-dt-list .det{
    color: #4c4c4c;
    line-height: 1.625em;
    min-height: 6.5em;
    overflow: hidden;
}

.pdt-other{
    margin-top: 3.125em;
    padding-bottom: 3.75em;
}
.pdt-other h5{
    background: #005499;
    text-align: center;
    font-size: 1.25em;
    line-height: 4em;
    color: #ffffff;
    font-weight: bold;
}
.pdt-other .pdt-other-list{
    background: #fff;
    padding: 1.875em 0 2.5em;
}
.pdt-other .other{
    overflow: hidden;
    margin: 0 -1.25em;
}
.pdt-other .other .list-con{
    padding: 0 1.25em;
    margin-bottom: 10px;
}
.pdt-other .other .list-con .img-box{
    overflow: hidden;
}
.pdt-other .other .list-con .img-con{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s;
}
@media screen and (min-width: 992px){
    .pdt-other .other .list-con:hover .img-con{
        transform: scale(1.1);
    }
}

.pdt-other .other .list-con .doc{
    padding: 1.625em 1.875em 1.875em;
    background: #f6f6f6;
}
.pdt-other .other .list-con .doc-con{
    position: relative;
    padding-right: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
}
.pdt-other .other .list-con .doc-con:before{
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #fff;
    transition: ease .65s;
}
.pdt-other .other .list-con .tit{
    color: #005499;
    font-size: 1.125em;
    line-height: 1.556;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pdt-other .other .list-con .add{
    font-size: 16px;
    line-height: 26px;
    position: absolute;
    right: 0;
    top: 4px;
    color: #fff;
}
@media screen and (min-width: 992px){
    .pdt-other .other .list-con a:hover .tit{
        color: #fff;
    }
    .pdt-other .other .list-con a:hover .add{
        opacity: 1;
    }
    .pdt-other .other .list-con a:hover .doc-con:before{
        width: 100%;
    }
    .pdt-other .other .list-con:hover .doc{
        background: #0290e3;
    }
}



/*人才战略*/
.ttsLayout{
    background: #f6f6f7;
}
.ttsLayout .tts-tit{
    color: #005499;
    font-size: 2em;
    line-height: 1.3125;
}
.ttsLayout .talent-idea{
    margin-top: 1.25em;
}
.ttsLayout .talent-idea .global-inner{
    background: #ffffff;
    padding: 3.4375em 0 0;
}
.ttsLayout .talent-idea .tti-det{
    color: #007bc8;
    font-size: 1.5em;
    line-height: 1.417;
    margin-top: 0.666em;
}
.ttsLayout .talent-idea .doc1{
    overflow: hidden;
    margin-top: 2.125em;
}
.ttsLayout .talent-idea .doc1 .txt{
    color: #333333;
    line-height: 1.75;
    width: 48%;
}
.ttsLayout .talent-idea .doc2{
    overflow: hidden;
    margin-top: 2.8125em;
}
.ttsLayout .talent-idea .doc2 .img-txt{
    width: 48%;
}
.ttsLayout .talent-idea .doc2 .img-box{
    overflow: hidden;
    position: relative;
}
.ttsLayout .talent-idea .doc2 .txt-box{
    border: 1px solid #e0e0e0;
    border-top: none;
    background: #f5f5f5;
    padding: 1.25em 0 2em;
}
.ttsLayout .talent-idea .doc2 .txt{
    width: 88%;
    margin: 0 auto;
    line-height: 1.625;
    color: #212121;
    height: 3.25em;
    overflow: hidden;
}
.ttsLayout .talent-idea .tts-axis{
    margin: 3.125em 0 0;
    padding-bottom: 4.25em;
}
.ttsLayout .talent-idea .tts-axis h5{
    text-align: center;
}
.ttsLayout .talent-idea .tts-axis h5 span{
    display: inline-block;
    font-size: 1.25em;
    color: #007bc8;
    max-width: 80%;
    position: relative;
    z-index: 10;
    line-height: 1.5;
    padding: 1.375em 0;
}
.ttsLayout .talent-idea .tts-axis span:before{
    content: "";
    position: absolute;
    width: 5.65em;
    height: 4.25em;
    top: 50%;
    margin-top: -2.125em;
    left: -3.25em;
    z-index: -5;
    background: url("../../Img/images/about-values-icon01.png") no-repeat center;
    background-size: 100%;
}
.ttsLayout .talent-idea .axis-con{
    position: relative;
    z-index: 10;
    padding-top: 10em;
    margin-top: 1.25em;
}
.ttsLayout .talent-idea .axis-con .line{
    z-index: -7;
    position: absolute;
    top: 10em;
    width: 100%;
    height: 2px;
    background: #50a7df;
}
.ttsLayout .talent-idea .axis-con:before{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #50a7df;
    left: 0;
    top: 10em;
    margin-top: -4px;
    z-index: -5;
}
.ttsLayout .talent-idea .axis-con:after{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #50a7df;
    right: 0;
    top: 10em;
    margin-top: -4px;
}
.ttsLayout .talent-idea .tts-axis .list{
    width: 90.5%;
    margin: 0 auto;
}
.ttsLayout .talent-idea .tts-axis .column{
    width: 20%;
    float: left;
}
.ttsLayout .talent-idea .column-top{
    height: 10em;
    margin-top: -10em;
    position: relative;
    z-index: 20;
}
.ttsLayout .talent-idea .column-top .clt-round{
    width: 6.875em;
    height: 6.875em;
    box-sizing: border-box;
    border-radius: 100%;
    text-align: center;
    border: 2px solid #fff;
    margin: 0 auto;
    color: #fff;
}
.ttsLayout .talent-idea .column-top .clt-round img{
    display: block;
    width: 2.8125em;
    height: 2.9375em;
    margin: 0.625em auto 0.5em;
}
.ttsLayout .talent-idea .column-top .clt-line{
    position: absolute;
    z-index: -10;
    width: 2px;
    height: 100%;
    background: #50a7df;
    top: 0;
    left: 50%;
    margin-left: -1px;
}
.ttsLayout .talent-idea .column-top .clt-num{
    position: absolute;
    left: 50%;
    bottom: 0;
    color: #ffffff;
    font-size: 1.0625em;
    line-height: 2;
    border-radius: 100%;
    width: 2.118em;
    height: 2.118em;
    margin: 0 0 -1.009em -1.009em;
    text-align: center;
}
.ttsLayout .talent-idea .column-top .backGround1{
     background-color: #e2a02f;
 }
.ttsLayout .talent-idea .column-top .backGround2{
    background-color: #90bc44;
}
.ttsLayout .talent-idea .column-top .backGround3{
    background-color: #26b69c;
}
.ttsLayout .talent-idea .column-top .backGround4{
    background-color: #137ab7;
}
.ttsLayout .talent-idea .column-top .backGround5{
    background-color: #9453ad;
}
.ttsLayout .talent-idea .column-bottom{
    padding: 2.125em 0 0;
    text-align: left;
}
.ttsLayout .talent-idea .column-bottom .txt{
    width: 82%;
    margin: 0 auto;
    color: #4c4c4c;
    font-size: 0.875em;
    line-height: 1.714;
}
.ttsLayout .hr-box{
    margin-top: 3.125em;
}
.ttsLayout .hr-box .hr-list-hd{
    background: #005499;
    margin-top: 1.5em;
}
.ttsLayout .hr-box .hr-list-hd .w1370{
    display: table;
    /*width: 100%;*/
}
.ttsLayout .hr-box .hr-list-hd .td{
    color: #fff;
    font-weight: bold;
    padding: 10px 0;
}
.ttsLayout .hr-box .td{
    min-width: 4em;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.625em;
}
.ttsLayout .hr-box .td1{
    width: 24.08%;
}
.ttsLayout .hr-box .td2{
    width: 24.08%;
}
.ttsLayout .hr-box .td3{
    width: 24.08%;
}
.ttsLayout .hr-box .td4{
    width: 22.26%;
}
.hr-list-bd{
    background: #fff;
    padding-bottom: 5.25em;
}
.hr-item-row .item-hd{
    border-bottom: 1px solid #ededed;
    display: table;
    width: 100%;
}
.hr-item-row .item-hd.active{
    border-bottom: 1px solid #005686;
}
.hr-item-row .item-hd .td{
    color: #333333;
    padding: 1.25em 0;
}
.hr-item-row .item-hd .td5{
    cursor: pointer;
    color: #0078c6;
}
.hr-item-row .item-bd{
    background: #f5f5f5;
    padding: 2.125em 2.5em 5em;
    display: none;
}
.hr-item-row .item-bd .itme-bd-top{
    overflow: hidden;
}
.hr-item-row .item-bd .itme-bd-top ul{
    float: left;
    padding-right: 1.25em;
}
.hr-item-row .item-bd .itme-bd-top .ul1{
    width: 21.7%;
    width: 30%;
}
.hr-item-row .item-bd .itme-bd-top .ul2{
    width: 19%;
    width: 60%;
}
.hr-item-row .item-bd .itme-bd-top .ul3{
    width: 23%;
    width: 30%;
}
.hr-item-row .item-bd .itme-bd-top .ul4{
    width: 36%;
}
.hr-item-row .item-bd .itme-bd-top li{
    display: table;
    width: 100%;
    color: #4c4c4c;
    line-height: 1.625em;
    margin-bottom: 0.5em;
    overflow: hidden;
}
.hr-item-row .item-bd .itme-bd-top li .sp1{
    float: left;
    word-break: break-all;
}
.hr-item-row .item-bd .itme-bd-top li .sp2{
    display: table;
    vertical-align: top;
    word-break: break-all;
}
.hr-item-row .item-bd .item-bd-bottom .doc{
    color: #4c4c4c;
    line-height: 1.625em;
}
.hr-item-row .item-bd .item-bd-bottom strong{
    color: #005686;
    font-weight: bold;
    margin: 1.375em 0 0.625em;
    display: block;
}
.hr-item-row .item-bd .item-bd-bottom .more-btn{
    margin-top: 1.571em;
}
.hr-item-row .item-bd .item-bd-bottom .more-btn{
    color: #ffffff;
}
.hr-item-row .item-bd .item-bd-bottom .more-btn span{
    background: #005499;
}
.hr-item-row .item-bd .item-bd-bottom .more-btn span:first-child{
    background: #0078c6;
}

/*服务与支持*/
.market-box{
    margin-top: 1.25em;
}
.market-box .global-inner{
    padding-top: 2.7em;
    background: #fff;
}
.market-box .market-main{
    position: relative;
    overflow: hidden;
}
.market-box .market-main .left{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 45.255%;
    height: 88%;
}
.market-box .market-main .right{
    float: right;
    width: 47.883%;
}
.market-box .market-main .right .name{
    font-size: 2em;
    color: #005499;
    line-height: 1.375em;
}
.market-box .market-main .right .doc{
    font-size: 1em;
    line-height: 1.75em;
    margin-top: 0.5em;
    padding-right: 1em;
}
.market-box .market-main .right .imgs{
    margin-top: 0.75em;
}
.market-box .market-main .right .imgs img{
    display: block;
    margin: auto;
    width: 89.5%;
}

.case-box{
    margin-top: 4em;
    padding-bottom: 3.75em;
}
.case-box .global-inner{
    background: #f2f2f2;
    padding-bottom: 1.75em;
}
.case-box .titles{
    overflow: hidden;
    padding-top: 1.6875em;
    line-height: 5.25em;
}
.case-box .titles .left{
    float: left;
    color: #005499;
    font-size: 2em;
}
.case-box .titles .right{
    float: right;
}
.case-box .titles .right a{
    font-size: 1.25em;
    color: #666666;
    margin-left: 1.25em;
}
.case-box .titles .right a.on{
    color: #007bc8;
}
@media screen and (min-width: 992px){
    .case-box .titles .right a:hover{
        color: #007bc8;
    }
}

.case-box .item{
    display: none;
}
.case-box .item.on{
    display: block;
}
.case-box .list{
    overflow: hidden;
}
.case-box .list li{
    float: left;
    width: 31.387%;
    margin-right: 2.9195%;
    margin-bottom: 2.5em;
}
.case-box .list li:nth-child(3n){
    margin-right: 0;
}
.case-box .list .imgs{
    overflow: hidden;
}
.case-box .list .imgs img{
    width: 100%;
    display: block;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.case-box .list .cont{
    padding: 0.75em 1.875em 1.8125em 1.875em;
    background: #fff;
}
.case-box .list .cont .name{
    color: #333333;
    font-size: 1.25em;
    line-height: 1.3em;
    height: 2.6em;
    overflow: hidden;
}
.case-box .list .cont .doc{
    font-size: 14px;
    color: #9a9a9a;
    height: 44px;
    line-height: 22px;
    margin-top: 13px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -webkit-line-clamp:2;
}
.more-box{
    text-align: center;
    font-size: 1em;
    padding-top: 7px;
}
.more-box a{
    display: inline-block;
    color: #0078c6;
    padding-right: 1.625em;
    background: url(../../Img/images/case-more-bg.png) no-repeat right center;
}
@media screen and (min-width: 992px){
    .case-box .list .imgs:hover img{
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }
    .case-box .list li:hover .name{
        color: #fff;
    }
    .case-box .list li:hover .cont{
        background: #0290e3;
    }
    .case-box .list li:hover .cont .doc{
        color: #fff;
    }
    .more-box a:hover{
        opacity: 0.8;
    }
}


@media screen and (max-width: 991px){
    .market-box{
        margin-top: 0;
    }
}

@media screen and (max-width: 767px){
    .case-box .titles{
        line-height: 4em;
    }
    .case-box .titles .left{
        font-size: 1.5em;
    }
    .case-box .list li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .case-box .list li:nth-child(3n){
        margin-right: 4%;
    }
    .case-box .list li:nth-child(2n){
        margin-right: 0;
    }
    .case-box .list .cont{
        padding: 0.875em 5%;
    }
    .case-box .list .cont .name{
        font-size: 1.125em;
    }
    .case-box .list .cont .doc{
        margin-top: 8px;
    }
}

/*@media screen and (max-width: 450px){*/
    /*.market-box .market-main .left{*/
        /*position: inherit;*/
        /*!*height: 15rem;*!*/
        /*width: 100%;*/
    /*}*/
    /*.market-box .market-main .right{*/
        /*width: 100%;*/
        /*float: none;*/
        /*margin-top: 1em;*/
    /*}*/
    /*.market-box .market-main .right .name{*/
        /*font-size: 1.5em;*/
    /*}*/
    /*.market-box .market-main .right .imgs img{*/
        /*width: 100%;*/
    /*}*/
    /*.case-box{*/
        /*margin-top: 1em;*/
        /*padding-bottom: 0;*/
    /*}*/
    /*.case-box .list li{*/
        /*width: 100%;*/
        /*margin-right: 0;*/
        /*margin-bottom: 2em;*/
    /*}*/
    /*.case-box .list .cont .name{*/
        /*height: auto;*/
        /*max-height: 2.6em;*/
    /*}*/
    /*.case-box .list li:nth-child(3n){*/
        /*margin-right: 0;*/
    /*}*/
/*}*/

/*联系我们*/
.link-box{
    margin-top: 1.25em;
}
.link-box .global-inner{
    background: #fff;
}
.link-box .link-main{
    position: relative;
    overflow: hidden;
}
.link-box .link-main .cont{
    padding: 4.375rem 4.458% 5.625em 4.458%;
    width: 43%;
}
.link-box .link-main .cont .name{
    color: #005499;
    font-size: 1.5em;
    line-height: 1.333em;
    margin-bottom: 1.333em;
}
.link-box .link-main .cont .list{

}
.link-box .link-main .cont .list li{
    font-size: 1em;
    line-height: 1.5em;
    color: #0078c6;
    margin-bottom: 0.75em;
}
.link-box .link-main .cont .list span{
    color: #333333;
}
.link-box .link-main .cont .imgs{
    padding-top: 1.5em;
    padding-bottom: 1em;
}
.link-box .link-main .cont .imgs img{
    max-width: 55px;
}


.link-box .kong-box{
    height: 3.875em;
}
.link-box .link-main .map-box{
    width: 56.22%;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    background: #ccc;
    z-index: 50;
}
.link-box .link-main .map-box .map-main{
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 16px;
}

@media screen and (max-width: 991px){
    .link-box{
        margin-top: 0;
    }
    .link-box .link-main .map-box .map-main{
        font-size: 14px;
    }
}

@media screen and (max-width: 768px){
    .link-box .link-main .map-box{
        position: relative;
        width: 100%;
        height: 15em;
    }
    .link-box .link-main .cont{
        padding: 2em 5%;
        width: 100%;
    }
    .link-box .link-main .cont .name{
        margin-bottom: 1em;
    }
    .news-detail-box .doc-link .doc-right{
        float: none;
        margin-top: 10px;
    }
    .news-detail-box .doc-link .doc-left{
        float: none;
        width: 100%;
    }
}









/*技术中心*/
.inner-btit{
    color: #005499;
    font-size: 2em;
    line-height: 1.3125em;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #639fc7;
    /*width: 3px;*/
    /*height: 100px;*/
    /*opacity: 1;*/
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
    background-color: #639fc7;
}


.tngLayout{
    background: #f6f6f7;
}
.tngLayout .tng-box-first{
    margin-top: 13px;
}
.tng-box-first .global-inner{
    background: #fff url("../../Img/images/tng-first-bg.png") no-repeat center;
    position: relative;
    z-index: 10;
    padding: 4.375em 0 5.625em;
}
.tng-box-first .txt-box{
    position: absolute;
    top: 0;
    left: 50%;
    width: 92%;
    max-width: 1370px;
    transform: translateX(-50%);
    z-index: 10;
    height: 100%;
}
.tng-box-first .txt-box .tit{
    width: 55.33%;
    margin-bottom: 0.75em;
}
.tng-box-first .txt-box .doc-box{
    position: absolute;
    width: 55.33%;
    overflow: hidden;
    color: #333333;
    line-height: 2em;
    top: 0;
    padding-top: 4.125em;
    height: 100%;
}
.tng-box-first .txt-box .doc-box .doc{
    max-height: 100%;
    overflow: hidden;
}
.tng-box-first .mCSB_inside>.mCSB_container{
    margin-right: 15px;
}
.tng-box-first .txt-box .doc-box p{
    margin-bottom: 1em;
}
.tng-box-first .txt-box .doc-box p:last-child{
    margin-bottom: 0;
}
.tng-box-first .img-box{
    position: absolute;
    max-height: 100%;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 39.9%;
    max-width: 600px;
    z-index: 100;
}
.tng-box-first .img-box img{
    width: 100%;
    height: 100%;
    /*animation: bannerImg ease-in-out 3s;*/
    transition: ease-in-out 3s;
}
@media screen and (min-width: 992px){
    .tng-box-first .img-box:hover img{
        width: 100%;
        height: 100%;
        /*animation: bannerImgs ease-in-out 3s;*/
        transform:scale(1.2);
    }
}


@keyframes bannerImgs {
    0%{transform:scale(1);}
    100%{transform:scale(1.2);}
}
.tng-box-first.animated .img-box img{
    animation: bannerImg ease-in-out 3s;
}
.tng-box-second{
    margin: 2.875em 0 3.4375em;
}
.tng-box-second .tb-sec-bd{
    position: relative;
    margin: 1.25em 0 3em;
}
.tng-box-second .tb-sec-bd .prev, .tng-box-second .tb-sec-bd .next{
    position: absolute;
    width: 25px;
    height: 35px;
    margin-top: -17.5px;
    top: 50%;
    cursor: pointer;
}
.tng-box-second .tb-sec-bd .prev{
    left: 0;
}
.tng-box-second .tb-sec-bd .next{
    right: 0;
}
.tng-box-second .tb-sec-bd .prev .bd-btn2, .tng-box-second .tb-sec-bd .next .bd-btn2{
    display: none;
}
@media screen and (min-width: 992px){
    .tng-box-second .tb-sec-bd .prev:hover .bd-btn1, .tng-box-second .tb-sec-bd .next:hover .bd-btn1{
        display: none;
    }
    .tng-box-second .tb-sec-bd .prev:hover .bd-btn2, .tng-box-second .tb-sec-bd .next:hover .bd-btn2{
        display: block;
    }
}


.tng-box-second .tb-sec-bd .swiper-slide{
    background: #fff;
    padding: 1.375em 1.25em;
    justify-content: flex-start;
    align-items: flex-start;
}
.tng-box-second .tb-sec-bd .swiper-slide .img-box{
    width: 48%;
    max-width: 195px;
    position: relative;
    z-index: 10;
    margin-right: 1.5em;
}
.tng-box-second .tb-sec-bd .icon-switch{
    margin-top: 1em;
}
.tng-box-second .tb-sec-bd .icon1{
    width: 30px;
}
.tng-box-second .tb-sec-bd .icon2{
    display: none;
}
.tng-box-second .tb-sec-bd .det{
    color: #333333;
    line-height: 1.625em;
    margin-top: 13px;
}
.tng-box-second .tb-sec-bd .active{
    background: #0290e3;
}
.tng-box-second .tb-sec-bd .active .icon1{
    display: none;
}
.tng-box-second .tb-sec-bd .active .icon2{
    display: block;
    width: 30px;
}
.tng-box-second .tb-sec-bd .active .det{
    color: #ffffff;
}
.tng-box-second .tb-sec-hd{
    display: none;
}
.tng-box-second .tb-sec-hd .list .column{
    display: none;
}
.tng-box-second .tb-sec-hd .list .column .column-con{
    position: relative;
    border: 5px solid #e8eff1;
    z-index: 10;
    background: #fff;
    padding: 2.25em 3.5em;
}
.tng-box-second .tb-sec-hd .list .column .icon-top{
    position: absolute;
    width: 24px;
    height: 23px;
    background: url("../../Img/images/tng-second-hdicon1.png") no-repeat center;
    top: -23px;
    left: 50%;
    margin-left: -12px;
}
.tng-box-second .tb-sec-hd .list .column .icon-lt{
    position: absolute;
    top: 0;
    left: 0;
    width: 7.625em;
    height: 7.75em;
    background: url("../../Img/images/tng-second-hdicon2.png") no-repeat center;
    z-index: -5;
}
.tng-box-second .tb-sec-hd .list .column .icon-rb{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 8.625em;
    height: 5.375em;
    background: url("../../Img/images/tng-second-hdicon3.png") no-repeat center;
    z-index: -5;
}
.tng-box-second .tb-sec-hd .list .on{
    display: block;
}
.tng-box-second .tb-sec-hd .list .column .txt{
    position: relative;
    z-index: 10;
}
.tng-box-third .global-inner{
    background: url("../../Img/images/tng-box-third-bg.jpg") no-repeat bottom center;
    background-size: cover;
}
.tng-box-third .txt-box .doc-box .doc{
    max-width: 88%;
}
.tng-box-third .img-box{
    right: 4.5%;
}














.tng-box-fourth{
    margin-top: 3.4375em;
    padding-bottom: 3.75em;
}
.tng-box-fourth .global-inner{
    background: #fff;
    padding: 4.0625em 0 3.125em;
}
.tng-box-fourth .inner-btit{
    text-align: center;
    padding-bottom: 1.125em;
    border-bottom: 4px solid #005686;
}
.tng-box-fourth .tbf-bd{
    margin-top: 2.5em;
    position: relative;
    padding: 0 4em;
}
.tng-box-fourth .tbf-bd .swiper-slide{
    display: block;
}
.tng-box-fourth .tbf-bd .img-box{
    padding: 1.375em 0;
    background: #f6f6f6;
}
.tng-box-fourth .tbf-bd .img-con{
    overflow: hidden;
    position: relative;
    z-index: 10;
    width: 73.57%;
    margin: 0 auto;
}
.tng-box-fourth .tbf-bd .img-con .pic{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.tng-box-fourth .tbf-bd .txt-box{
    color: #005686;
    line-height: 1.625em;
    padding: 10px 10px 0;
    text-align: center;
}
.tng-box-fourth .tbf-bd .prev, .tng-box-fourth .tbf-bd .next{
    position: absolute;
    width: 25px;
    height: 35px;
    margin-top: -17.5px;
    top: 50%;
    cursor: pointer;
}
.tng-box-fourth .tbf-bd .prev{
    left: 0;
}
.tng-box-fourth .tbf-bd .next{
    right: 0;
}
.tng-box-fourth .tbf-bd .prev .bd-btn2, .tng-box-fourth .tbf-bd .next .bd-btn2{
    display: none;
}
@media screen and (min-width: 992px){
    .tng-box-fourth .tbf-bd .prev:hover .bd-btn1, .tng-box-fourth .tbf-bd .next:hover .bd-btn1{
        display: none;
    }
    .tng-box-fourth .tbf-bd .prev:hover .bd-btn2, .tng-box-fourth .tbf-bd .next:hover .bd-btn2{
        display: block;
    }
}

/*社会责任*/
.socialLayout{
    background: #f6f6f7;
    padding-bottom: 3.75em;
}
.soc-box-first{
    margin-top: 1.25em;
}
.soc-box-first .global-inner{
    background: #fff;
    padding: 3em 0 0;
}
.soc-box-first .det{
    color: #007bc8;
    font-size: 1.25em;
    line-height: 1.5;
    margin-top: 0.75em;
}

.soc-box-first .list{
    margin: 2.25em 0 0;
}
.soc-box-first .tit{
    color: #333333;
    font-size: 1.125em;
    line-height: 1.556;
    padding: 0.667em 1.388em;
    background: #f2f2f2 url("../../Img/images/soc-icon-jia.png") no-repeat right 1.388em center;
    cursor: pointer;
    font-weight: bold;
}
.soc-box-first .doc-box{
    padding: 0 0 2.375em;
}
.soc-box-first .doc-box .box{
    color: #333333;
    line-height: 2;
    padding: 1.125em 1.625em 1.375em;
    max-height: 4.7em;
    overflow: hidden;
    /*transition: ease .65s;*/
}
.soc-box-first .doc-box .box div{
    text-align: center;
    padding: 0 10px;
}
.soc-box-first .doc-box .box li{
    margin-top: 18px;
}
.soc-box-first .doc-box .box p{
    margin-top: 1.125em;
    padding: 0 14px;
    background: url("../../Img/images/soc-icon-style.jpg") no-repeat left top 12px;
}
.soc-box-first .doc-box .box p:first-child{
    margin-top: 0;
}
.soc-box-first .doc-box .box img{
    display:block;
    max-width: 100%;
    margin-top: 10px;
}
.soc-box-first .doc-box .tit1{
    color: #333333;
    line-height: 1.5;
    padding: 1.25em 1.625em 0;
}
.soc-box-first .doc-box .tit2{
    font-weight: bold;
    color: #333333;
    line-height: 1.5;
    padding: 1.25em 1.625em 0;
}
.soc-box-first .on .tit{
    color: #fff;
    background: #0078c6 url("../../Img/images/soc-icon-qian.png") no-repeat right 1.388em center;
}
.soc-box-first .on .doc-box .box{
    max-height: 800em;
}

.soc-box-second{
    margin-top: 2.444em;
}
.soc-box-second .ption-r100{
    background: #00a68a;
}
.soc-box-second .txt-box{
    position: absolute;
    top: 0;
    left: 0;
    width: 55%;
    max-width: 1370px;
    z-index: 10;
    height: 100%;
    padding-left: 5%;
    background: #00a68a url("../../Img/images/soc-img01.jpg") no-repeat right bottom;
}
.soc-box-second .txt-box .tit{
    width: 84%;
    margin-bottom: 0.75em;
    margin-top: 2.1875em;
    color: #fff;
}
.soc-box-second .txt-box .doc-box{
    position: absolute;
    width: 84%;
    overflow: hidden;
    color: #fff;
    line-height: 2em;
    top: 0;
    padding-top: 8em;
    height: 95%;
}
.soc-box-second .txt-box .doc-box .doc{
    max-height: 100%;
    overflow: hidden;
}
@media screen and (max-width: 1279px){
    .soc-box-second .txt-box .doc-box .doc{
        height: 100%;
        overflow: hidden;
        max-height: 6em;
    }
}

.soc-box-second .mCSB_inside>.mCSB_container{
    margin-right: 15px;
}
.soc-box-second .txt-box .doc-box p{
    margin-bottom: 1em;
}
.soc-box-second .txt-box .doc-box p:last-child{
    margin-bottom: 0;
}
.soc-box-second .img-box{
    position: absolute;
    max-height: 100%;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 45.5%;
    max-width: 680px;
}
.soc-box-second .img-box img{
    width: 100%;
    height: 100%;
}





.soc-box-second .det-con{
    padding: 1.375em 0 4.375em;
    background: #fff;
}
.soc-box-second .det-con .det{
    font-size: 1em;
    line-height: 2;
    color: #333;
    max-height: 4em;
    overflow: hidden;
    transition: all 0.3s;
}
.soc-box-second .det-con .det p{
    margin-bottom: 1em;
}
.soc-box-second .det-con .det-btn{
    margin-top: 1em;
}
.soc-box-second .det-con .det-btn span{
    color: #00a68a;
    font-size: 1.125em;
    line-height: 1.556;
    padding-left: 1.333em;
    display: block;
}
.soc-box-second .det-con .det-btn .sp1{
    background: url("../../Img/images/soc-second-icon01.jpg") no-repeat left center;
}
.soc-box-second .det-con .det-btn .sp2{
    background: url("../../Img/images/soc-second-icon02.jpg") no-repeat left center;
}
.soc-box-second .det-con .det-btn .sp2{
    display: none;
}
.soc-box-second .det-con .on{
    max-height: 120em;
}

.soc-box-third{
    margin-top: 3.4375em;
}
.soc-box-third .global-inner{
    background: #fff;
    padding: 3.25em 0 3em;
}
.soc-box-third .det{
    padding: 10px 5em 0 4.25em ;
    margin: 2.125em 0 3.4375em;
    position: relative;
    min-height: 28px;
    z-index: 10;
    line-height: 2;
}
.soc-box-third .det:before{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: url("../../Img/images/soc-third-left.png") no-repeat;
    background-size: 100% auto;
    width: 40px;
    height: 40px;
    z-index: -5;
}
.soc-box-third .det:after{
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    background: url("../../Img/images/soc-third-right.png") no-repeat;
    background-size: 100% auto;
    width: 40px;
    height: 40px;
    z-index: -5;
}
.soc-box-third .list{
    margin: 0 -1.3125em;
    overflow: hidden;
}
.soc-box-third .list .list-btn{
    margin-top: 10px;
    display: inline-block;
}
.soc-box-third .column{
    margin-bottom: 20px;
}
.soc-box-third .column .con{
    padding: 0 1.3125em;
}
.soc-box-third .column .con .img-box{
    position: relative;
    overflow: hidden;
}
.soc-box-third .column .con .img-box .pic{
    transition: ease .65s;
}
@media screen and (min-width: 992px){
    .soc-box-third .column .con .img-box:hover .pic{
        transform: scale(1.1);
    }
}

.soc-box-third .column .tit-con{
    color: #333333;
    font-size: 1.25em;
    line-height: 1.8;
    margin-top: 0.6em;
    border-bottom: 1px solid #e6e6e6;
}
.soc-box-third .column .doc{
    color: #4c4c4c;
    line-height: 1.625em;
    margin-top: 5px;
}
.soc-box-third .column .doc p{
    margin-top: 5px;
    padding: 0 0 0 12px;
    background: url(../../Img/images/soc-icon-style.jpg) no-repeat left top 12px;
    display: none;
}
.soc-box-third .column .doc p:nth-child(1){
    display: block;
}
.soc-box-third .column .doc p:nth-child(2){
    display: block;
}
.soc-box-third .column .doc p:nth-child(3){
    display: block;
}
.soc-box-third .column .doc p:nth-child(4){
    display: block;

}
.soc-box-third .column .doc-con a{
    display: block;
    /*margin-top: 1em;*/
    color: #4c4c4c;
}
@media screen and (min-width: 992px){
    .soc-box-third .column .doc-con a:hover{
        color: #005385;
    }
}



/*搜索结果页*/
.searchLayout .search-top{
    margin: 1.5em 0;
}
.searchLayout .search-top .sch-t{
    width: 42.5em;
    height: 2.875em;
    border: 1px solid #cccccc;
    border-radius: 3px;
    margin: 0 auto;
    position: relative;
}
.searchLayout .search-top .sch-t input{
    width: 100%;
    height: 100%;
    padding-right: 3.375em;
    color: #999999;
    text-indent: 10px;
}
.searchLayout .search-top .sch-t a{
    position: absolute;
    width: 3.375em;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 10;
    background: url("../../Img/images/hkic-head-searchon.png") no-repeat center;
}
.searchLayout .search-top .sch-b{
    margin: 0 auto;
    width: 42.5em;
}
.searchLayout .search-top .det{
    font-size: 14px;
    line-height: 24px;
    margin-top: 5px;
    color: #999999;
}
.searchLayout .search-list .news-time{
    margin-top: 8px;
}
.searchLayout .search-list .news-bottom .article{
    margin-bottom: 20px;
}
.search-list .news-bottom .news-doc .time{
    margin-top: 12px;
}
.search-list .news-bottom .wall{
    margin: 0;
}
.search-list .news-bottom .news-doc{
    padding: 1.25em 2.5em 1.875em;
}
.search-list .inner-page{
    margin-top: 20px;
}
.search-list .news-bottom .news-doc .tit span{
    color: #0078c6;
}
.search-list .news-bottom .news-doc .det span{
    color: #0078c6;
}



.form-pop{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 300;
    background: rgba(0,0,0,0.3);
    display: none;
}
.form-pop .pop-con{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 92%;
    max-width: 1000px;
    transform: translateX(-50%) translateY(-50%);
}
.form-pop .pop-con .form-top{
    padding: 10px 4%;
    background: #ebebeb;
    position: relative;
}
.form-pop .pop-con .form-ptit{
    color: #333333;
    font-size: 18px;
    line-height: 1.556;
    font-weight: bold;
}
.form-pop .pop-con .form-close{
    position: absolute;
    right: 16px;
    top: 16px;
    width: 16px;
    height: 16px;
    background: url("../../Img/images/form-pop-close.png") no-repeat center;
    background-size: 16px;
    z-index: 10;
    cursor: pointer;
}
.form-pop .pop-con .form-con{
    padding: 30px 4% 52px;
    background: #fff;
}
.form-pop .global-form-box{
    background: #fff;
    overflow: hidden;
    width: 100%;
}
.form-pop .form-group{
    padding-right: 45px;
    padding: 0 45px 0 0;
    margin-bottom: 0;
}
.form-pop .form-group-cell{
    padding-bottom: 20px;
    position: relative;
}
.form-pop .form-group .help-block{
    position: absolute;
    bottom: 0;
    padding: 0;
    line-height: 20px;
    margin: 0;
}
.form-pop .control-label{
    color: #333333;
    font-size: 16px;
    line-height: 1.625;
    padding-top: 4px;
    width: 75px;
    min-width: 95px;
    text-align: justify;
    display: table-cell;
    vertical-align: top;
}
.form-pop .form-control{
    font-size: 16px;
    padding: 4px 10px;
    line-height: 1.625em;
    height: auto;
    border-radius: 0;
}
.form-pop .frm-ctrl-upload{
    font-size: 16px;
    padding: 4px 10px;
    line-height: 1.625em;
    height: auto;
    background: #f3f1f1;
    border: solid 1px #cdcdcd;
    border-radius: inherit;
    position: relative;
    min-width: 95px;
    text-align: center;
}
.form-pop .frm-ctrl-upload a{
    color: #333333;
    display: inline-block;
    padding-left: 20px;
    background: url("../../Img/images/form-pop-appach.png") no-repeat left center;
    background-size: 13px;
    cursor: pointer;
}
.form-pop .frm-ctrl-upload input[type='file']{
    padding: 4px 10px;
    position: absolute;
    opacity: 0;
}
.form-pop .arrach-txt{
    font-size: 14px;
    padding: 4px 10px;
    line-height: 18px;
    color: #666666;
    margin-left: 10px;
    display: table-cell;
    vertical-align: middle;
}
.form-pop .arrach-txt i{
    color: #eb1729;
}
@media screen and (min-width: 992px){
    .form-pop .btn.focus, .form-pop .btn:focus, .form-pop .btn:hover{
        color: #fff;
    }
}
@media screen and (max-width: 991px){
    .form-pop .arrach-txt{
        display: block;
        margin-left: 0;
        padding: 4px 0;
    }
}

.form-pop .frm-file-box{
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
}

.form-code .frm-ctrl-box{
    width: 120px;
    display: table-cell;
    vertical-align: middle;
}
.form-pop .frm-code{
    width: 80px;
    height: 35px;
    padding-left: 20px;
    display: table-cell;
    vertical-align: middle;
}
.form-pop .frm-code img{
    width: 100%;
    height: 100%;
    background: #ccc;
}
.frm-btn-group .btn-submit{
    background: #005499;
    margin-left: 95px;
    color: #fff;
}
@media screen and (max-width: 767px){
    .form-pop{
        font-size: 12px;
    }
    .form-pop .arrach-txt{
        display: block;
        padding: 0;
        margin-left: 0;
    }
    .form-pop .frm-code{
        padding-left: 10px;
        width: 60px;
        height: 28px;
    }
    .form-pop .control-label{
        font-size: 12px;
    }
    .form-pop .form-control{
        font-size: 12px;
    }
    .form-pop .frm-ctrl-upload{
        font-size: 12px;
    }
    .form-pop .arrach-txt{
        font-size: 12px;
    }
    .form-pop .frm-file-box{
        display: block;
    }
}










@media screen and (max-width: 1500px){
    .aboutLayout .hk-int .txt-doc .det{
        max-height: 16em;
    }
}
@media screen and (max-width: 1280px){
    .aboutLayout .hk-int .award-doc{
        padding-top: 2em;
        min-height: 600px;
    }
    .aboutLayout .hk-int .award-doc .img-box{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .aboutLayout .award-txt .tit .sp1{
        font-size: 1.25em;
        vertical-align:bottom;
        line-height: 2;
    }
    .aboutLayout .award-txt .tit .sp2{
        font-size: 3.4375em;
        vertical-align:middle;
    }
    .aboutLayout .award-txt .tit .sp3{
        font-size: 2.75em;
        line-height: 1.5;
        vertical-align: bottom;
    }
    .aboutLayout .award-txt .list{
        margin-top: 8.5em;
        padding-left: 4.375em;
        background-size: 2.875em auto;
        padding-bottom: 5.125em;
    }
    .aboutLayout .award-txt .list .column{
        line-height: 1.5;
        margin-top: 1em;
    }
    .tng-box-fourth .tbf-bd .txt-box{
        font-size: 14px;
    }
    .aboutLayout .hk-int .txt-doc .det{
        max-height: 15em;
    }
    .tng-box-first .txt-box .doc-box .doc{
        max-height: 13.375em;
    }
}
@media screen and (max-width: 1200px){
    .head-place{
        height: 54px;
    }
    .tng-box-first .txt-box .doc-box .doc{
        max-height: 100%;
    }
}
@media screen and (max-width: 1180px){
    .news-box .news-hot .img-box{
        width: 100%;
    }
    .news-box .news-hot .hot-txt{
        position: relative;
        width: 92%;
        height: auto;
        top: auto;
        right: auto;
        margin: 2em auto 0;
    }
    .news-box .news-hot .hot-txt .det{
        height: auto;
    }
    .news-box .news-hot .hot-txt .time{
        margin-top: 1em;
    }
    .news-box .news-hot .hot-txt .line{
        opacity: 0;
    }

    .product-box .pdt-hot .img-box{
        width: 100%;
    }
    .product-box .pdt-hot .hot-txt {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        height: auto;
        margin: 0 auto 0;
    }
    .product-box .pdt-hot .hot-txt .pdt-doc{
        padding: 2em 0 0;
    }
    .product-box .pdt-hot .hot-txt .pdt-doc a{
        position: relative;
        display: block;
        top: auto;
        right: auto;
        width: 92%;
        height: auto;
        margin: 0 auto;
    }
    .product-box .pdt-hot .hot-txt .det{
        height: auto;
    }
    .product-box .pdt-hot .hot-txt .line{
        opacity: 0;
    }
    .soc-box-second .txt-box .tit{
        margin-top: 1.1875em;
    }
    .soc-box-second .txt-box .doc-box{
        padding-top: 5.625em;
    }
}

@media screen and (max-width: 991px){
    .aboutLayout .award-txt .list{
        margin-top: 0;
    }
    .soc-box-third .list{
        display: flex;
        flex-wrap: wrap;
    }

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
        opacity: 1;
    }
    .mCSB_scrollTools .mCSB_dragger{
        opacity: 1;
    }
    .tng-box-second .tb-sec-bd .det{
        line-height: 1.5;
    }
    .soc-box-third{
        background: #fff;
    }
    .tng-box-second .tb-sec-bd .icon-switch {
        margin-top: 0.5em;
    }
    .tng-box-second .tb-sec-bd .icon-switch img{
        width: 25px;
    }
    .inner-title{
        margin-top: 0;
    }
    .inner-title .det{
        margin-top: 2px;
    }
    .inner-title .global-inner{
        width: 100%;
    }
    .inner-page .ipg-more{
        display: none;
    }
    .inner-page .num{
        display: none;
    }
    .inner-page .prev{
        margin-right: 0.75em;
    }
    .inner-page .next{
        margin-left: 0.75em;
    }
    .inner-btit{
        font-size: 1.75em;
        line-height: 1.357;
    }

    .aboutLayout .hk-int .award-doc{
        min-height: inherit;
    }
    .aboutLayout .award-doc .award-txt{
        position: relative;
        width: 92%;
        top: 0;
        left: 0;
        transform: none;
        margin: 0 auto;
    }
    /*技术中心*/
    .tngLayout{
        background: #fff;
    }
    .tngLayout .tng-box-first .doc-box-first .doc{
        max-height: 15.56em;
        overflow: hidden;
        font-size: 1.125em;
        line-height: 1.556;
    }
    .tngLayout .tng-box-first .ph-int-btn{
        padding: 1.375em 0 0;
        text-align: center;
        color: #999999;
        font-size: 1.125em;
        line-height: 1.556;
    }
    .tngLayout .tng-box-first .ph-int-btn img{
        width: 29px;
    }
    .tngLayout .tng-box-first .ph-int-btn .ph-int-close{
        display: none;
    }
    .tngLayout .tng-box-first .ph-int-btn .sp-close{
        display: none;
    }
    .tngLayout .tng-box-first .ph-int-btnon .ph-int-open{
        display: none;
    }
    .tngLayout .tng-box-first .ph-int-btnon .ph-int-close{
        display: inline-block;
    }
    .tngLayout .tng-box-first .ph-int-btnon .sp-open{
        display: none;
    }
    .tngLayout .tng-box-first .ph-int-btnon .sp-close{
        display: inline-block;
    }

    .tngLayout .tng-box-first .doc-box-first .docon{
        max-height: none;
    }



    .tng-box-third .txt-box .doc-box .doc{
        max-width: 100%;
        max-height: 15.56em;
        font-size: 1.125em;
        line-height: 1.556;
    }


    /*新闻中心*/
    .news-box{
        padding-bottom: 2.25em;
    }
    .news-list .news-top{
        border: none;
    }
    .news-bottom .article{
        margin-bottom: 1.25em;
    }
    .news-list .news-top .news-nav{
        float: none;
        border-bottom: 1px solid #cccccc;
    }
    .news-list .news-top .nnv-list{
        margin-left: 0;
        margin-right: 0;
        width: 25%;
    }
    .news-list .news-top .nnv-list:first-child{
        margin: 0;
        display: block;
    }
    .news-list .news-top .news-time{
        float: none;
        margin-top: 1em;
    }
    .news-list .news-top .news-time .time-con{
        float: left;
    }
    .news-bottom .news-doc .time{
        margin-top: 0.5em;
    }
    .news-detail-box{
        padding-bottom: 0;
    }
    .news-detail-box .details{
        background: #fff;
    }
    .news-bottom .news-doc{
        padding: 1.25em;
    }
    .news-bottom .news-doc .tit{
        margin-bottom: 0.5em;
        font-size: 1.1em;
    }
    .news-detail-box .details-box{
        padding: 2em 0 1.75em;
    }
    .news-detail-box .details-box h5{
        font-size: 1.75em;
        line-height: 1.357;
    }
    .news-detail-box .details-box .time{
        margin-top: 1em;
    }
    .news-detail-box .details-box .doc{
        margin-top: 1.5em;
    }
    .news-detail-box .doc-link a{
        margin: 0 5px;
    }
    /*产品中心*/
    .pdt-box{
        padding-bottom: 0;
    }
    .pdt-box .global-inner{
        width: 100%;
    }
    .pdt-dt-con .pdt-dt-list .det{
        /*height: auto;*/

    }
    .pdt-dt-con .pdt-dt-list .img-box{
        width: 90px;
    }
    .product-dt-box .pdt-dt .global-inner{
        width: 100%;
    }
    .pdt-other{
        padding-bottom: 0;
    }
    .pdt-other .global-inner{
        width: 100%;
    }

    /*人才战略*/
    .ttsLayout{
        background: #fff;
    }
    .ttsLayout .global-inner{
        width: 100%;
    }
    .ttsLayout .tts-tit{
        font-size: 1.75em;
        line-height: 1.357;
    }
    .ttsLayout .talent-idea{
        margin-top: 0;
    }
    .ttsLayout .talent-idea .global-inner{
        padding-top: 2.8125em;
    }
    .ttsLayout .talent-idea .doc1{
        margin-top: 4px;
    }
    .ttsLayout .talent-idea .tti-det{
        font-size: 1.25em;
        line-height: 1.4;
        margin-top: 0.75em;
    }
    .ttsLayout .talent-idea .doc1 .txt{
        width: 100%;
        font-size: 1.125em;
        line-height: 1.667;
        margin-top: 0.889em;
    }
    .ttsLayout .talent-idea .doc2{
        margin-top: 1.625em;
    }
    .ttsLayout .talent-idea .doc2 .img-txt{
        width: 100%;
        margin-top: 1.25em;
    }
    .ttsLayout .talent-idea .doc2 .txt-box{
        padding: 1.5em 0;
    }
    .ttsLayout .talent-idea .doc2 .txt{
        height: auto;
    }
    .ttsLayout .talent-idea .tts-axis{
        margin-top: 3.375em;
        padding-bottom: 3.125em;
    }
    .ttsLayout .talent-idea .tts-axis h5 span{
        max-width: 100%;
        line-height: 1.4;
        padding: 1.25em 0 0 1em;
        text-align: left;
    }
    .ttsLayout .talent-idea .tts-axis span:before{
        top: 0;
        margin-top: 0;
        left: 0;
    }
    .ttsLayout .talent-idea .axis-con{
        padding-top: 5px;
        margin-left: 3%;
    }
    .ttsLayout .talent-idea .axis-con:before{
        top: 0;
        margin: 0;
        left: -3px;
        width: 8px;
        height: 8px;
    }
    .ttsLayout .talent-idea .axis-con:after{
        bottom: 0;
        margin: 0;
        left: -3px;
        top: auto;
        width: 8px;
        height: 8px;
    }
    .ttsLayout .talent-idea .axis-con .line{
        height: 100%;
        width: 2px;
        left: 0;
        top: 0;
        margin: 0;
    }
    .ttsLayout .talent-idea .tts-axis .column{
        display: table;
        float: none;
        width: 100%;
        margin-bottom: 1.375em;
    }
    .ttsLayout .talent-idea .column-top{
        margin: 0;
        float: left;
        padding-left: 1.875em;
        height: auto;
    }
    .ttsLayout .talent-idea .tts-axis .list{
        width: 100%;
    }
    .ttsLayout .talent-idea .column-top .clt-line{
        top: 50%;
        margin-top: -1px;
        width: 100%;
        height: 2px;
        left: 0;
    }
    .ttsLayout .talent-idea .column-top .clt-num{
        left: 0;
        width: 1.75em;
        height: 1.75em;
        top: 50%;
        margin: -0.875em 0 0 -0.875em;
    }
    .ttsLayout .talent-idea .column-top .clt-round{
        width: 5.625em;
        height: 5.625em;
    }
    .ttsLayout .talent-idea .column-top .clt-round img{
        width: 2em;
        height: auto;
        margin-bottom: 0;
    }
    .ttsLayout .talent-idea .column-bottom{
        padding: 0;
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }
    .ttsLayout .talent-idea .column-bottom .txt{
        font-size: 1em;
        width: 95%;
    }
    .ttsLayout .hr-box{
        margin-top: 0;
        background: #f6f6f7;
        padding-top: 3.125em;
    }
    .ttsLayout .hr-box .hr-list-hd .w1370{
        width: 92%;
    }
    .ttsLayout .hr-box .td1{
        width: 80%;
    }
    .ttsLayout .hr-box .td2, .ttsLayout .hr-box .td3, .ttsLayout .hr-box .td4{
        display: none;
    }
    .hr-item-row .item-hd .td{
        font-size: 1.125em;
    }
    .hr-item-row .item-bd{
        padding: 1.5em 1.5em 2.5em;
    }
    .hr-item-row .item-bd .itme-bd-top .ul1, .hr-item-row .item-bd .itme-bd-top .ul2, .hr-item-row .item-bd .itme-bd-top .ul3, .hr-item-row .item-bd .itme-bd-top .ul4{
        width: 100%;
    }

    /*关于我们*/
    .aboutLayout{
        background: #fff;
    }
    .aboutLayout .global-inner{
        width: 100%;
    }
    .aboutLayout .introduction{
        margin-top: 0;
    }
    .aboutLayout .hk-int .txt-doc{
        float: none;
        margin: 0 auto;
        width: 92%;
        padding-top: 2.8125em;
    }
    .aboutLayout .about-tit{
        font-size: 1.75em;
        line-height: 1.357;
    }
    .aboutLayout .hk-int .txt-doc .tit{
        line-height: 1.3;
        margin-top: 0.8em;
    }
    .aboutLayout .hk-int .txt-doc .det{
        margin-top: 1.556em;
        font-size: 1.125em;
        line-height: 1.667em;
        max-height: 10em;
        transition: all 0.3s;
    }
    .aboutLayout .hk-int .ph-int-btn{
        padding: 1.375em 0 2.5em;
        text-align: center;
        color: #999999;
        font-size: 1.125em;
        line-height: 1.556;
    }
    .aboutLayout .hk-int .ph-int-btn img{
        width: 29px;
    }
    .aboutLayout .hk-int .ph-int-close{
        display: none;
    }
    .aboutLayout .hk-int .sp-close{
        display: none;
    }

    .aboutLayout .hk-int .ph-int-btnon .ph-int-open{
        display: none;
    }
    .aboutLayout .hk-int .ph-int-btnon .ph-int-close{
        display: inline-block;
    }

    .aboutLayout .hk-int .ph-int-btnon .sp-open{
        display: none;
    }
    .aboutLayout .hk-int .ph-int-btnon .sp-close{
        display: inline-block;
    }

    .aboutLayout .hk-int .txt-doc .deton{
        max-height: none;
    }



    .aboutLayout .hk-int .award-doc{
        float: none;
        width: 100%;
        padding-top: 3.375em;
    }

    .aboutLayout .hk-aff .global-inner{
        padding: 3.125em 0 0;
    }
    .aboutLayout .hk-aff .swiper-container{
        margin-top: 1.25em;
    }
    /*.aboutLayout .hk-aff .swiper-button-prev, .aboutLayout .hk-aff .swiper-button-prev:hover{*/
        /*background: url("../../Img/images/index-pdt-prev.png") no-repeat center;*/
        /*background-size: 100% 100%;*/
    /*}*/
    /*.aboutLayout .hk-aff .swiper-button-next, .aboutLayout .hk-aff .swiper-button-next:hover{*/
        /*background: url("../../Img/images/index-pdt-next.png") no-repeat center;*/
        /*background-size: 100% 100%;*/
    /*}*/
    .aboutLayout .hk-aff .swiper-button-prev{
        background: url("../../Img/images/index-pdt-prev.png") no-repeat center;
        background-size: 100% 100%;
    }
    .aboutLayout .hk-aff .swiper-button-next{
        background: url("../../Img/images/index-pdt-next.png") no-repeat center;
        background-size: 100% 100%;
    }

    .aboutLayout .hk-aff .swiper-button-next, .aboutLayout .hk-aff .swiper-button-prev{
        width: 20px;
        height: 28px;
        margin-top: -14px;
        outline: none;
        top: 0;
        opacity: 0;
        background-size: 100% 100%;
    }
    .aboutLayout .hk-aff .swiper-button-next{
        right: 0;
    }
    .aboutLayout .hk-aff .swiper-button-prev{
        left: 0;
    }
    .aboutLayout .hk-aff .img-box{
        width: 100%;
        margin: 0 auto;
        z-index: 10;
    }
    .aboutLayout .hk-aff .img-box:before{
        content: "";
        width: 100%;
        height: 65%;
        background: #fff;
        z-index: -1;
        position: absolute;
        top: 0;
        left: 0;
    }
    .aboutLayout .hk-aff .img-box .adjust{
        width: 70%;
        margin: 0 auto;
    }
    .aboutLayout .hk-aff .img-box .pic{
        width: 77.6%;
        left: 11.2%;
    }
    .aboutLayout .hk-aff .aff-con{
        position: relative;
        top: 0;
        right: auto;
        width: 78%;
        margin: 2.5em auto 0;
        transform: none;
        padding-bottom: 2.1875em;
    }
    .aboutLayout .hk-aff .aff-con .det{
        font-size: 1.125em;
        line-height: 1.556;
        max-height: 10.892em;
    }
    .aboutLayout .hk-aff .mCSB_scrollTools .mCSB_dragger{
        opacity: 1;
    }

    .aboutLayout .hk-history{
        margin-top: 3.4375em;
    }
    .aboutLayout .hk-history .global-inner{
        padding: 2.1875em 0 2.5em;
    }
    .aboutLayout .hk-history .time-axis{
        margin-top: 10px;
    }
    .aboutLayout .hk-history .time-axis .column{
        line-height: 2.25em;
    }

    .aboutLayout .hk-honor .honor-switch a{
        line-height: 2.25em;
        width: 7.5em;
    }


    .aboutLayout .hk-honor{
        margin-top: 0;
    }
    .aboutLayout .hk-honor .global-inner{
        padding: 2.25em 0 0;
    }
    .aboutLayout .hk-honor .honor-switch{
        position: relative;
        right: auto;
        top: 0;
        background: none;
        overflow: hidden;
        margin-top: 10px;
    }
    .aboutLayout .hk-honor .honor-switch .ption-r100{
        float: left;
        background: #ebeef7;
    }
    .aboutLayout .hk-honor .swiper-container{
        width: 100%;
        margin-top: 1.875em;
        padding-bottom: 15px;
    }
    .aboutLayout .hk-honor .swiper-pagination{
        bottom: 2px;
        height: 11px;
        font-size: 0;
    }
    .aboutLayout .hk-honor .swiper-pagination .swiper-pagination-bullet{
        width: 11px;
        height: 11px;
        background: #b5c0ca;
        outline: none;
    }
    .aboutLayout .hk-honor .swiper-pagination .swiper-pagination-bullet-active{
        background: #005385;
    }
    .aboutLayout .hk-honor .list{
        margin-top: 2.25em;
    }
    .aboutLayout .hk-honor .list .column{
        padding: 0.75em 1em 0.75em 0;
    }

    .aboutLayout .hk-culture{
        margin-top: 0;
        padding-top: 2.25em;
        background: #f2f2f2;
    }
    .aboutLayout .hk-culture .hk-mission{
        padding-bottom: 2.25em;
    }
    .aboutLayout .hk-culture .hk-mission .img-box img{
        width: 100%;
    }
    .aboutLayout .hk-culture .hk-mission .txt-box{
        position: relative;
        width: 92%;
        right: auto;
        top: auto;
        transform: none;
        margin: 1em auto 0;
    }
    .aboutLayout .hk-culture .hk-mission .adjust{
        display: none;
    }
    .aboutLayout .hk-vision .txt-box{
        padding-top: 0;
    }
    .aboutLayout .hk-vision{
        padding: 2.25em 0 4.125em;
    }
    .aboutLayout .hk-vision .img-box{
        text-align: center;
        margin-top: 1em;
    }

    /*技术中心*/
    .tngLayout .tng-box-first{
        margin-top: 0;
    }
    .tng-box-first .adjust{
        display: none;
    }
    .tng-box-first .img-box{
        position: relative;
        width: 100%;
        max-width: 100%;
        margin-top: 1em;
    }
    .tng-box-first .txt-box .doc-box{
        position: relative;
        width: 100%;
        padding-top: 1.125em;
    }
    .tng-box-first .txt-box{
        position: relative;
        left: 0%;
        width: 92%;
        max-width: 1370px;
        transform: none;
        margin: 0 auto;
    }
    .tng-box-first .global-inner{
        padding: 2.375em 0 2.625em;
    }
    .tng-box-first .txt-box .tit{
        margin-bottom: 0;
    }
    .tng-box-second{
        margin: 0;
        background: #f6f6f7;
        padding: 1em 0;
    }
    .tng-box-second .inner-btit .w1370{
        width: 100%;
    }
    .tng-box-second .tb-sec-bd{
        margin-bottom: 1.5em;
    }
    .tng-box-third .global-inner{
        width: 100%;
    }
    .tng-box-third .img-box{
        width: 100%;
        right: 0;
        margin: 1em auto 0;
    }
    .tng-box-fourth{
        margin-top: 0;
        padding-bottom: 0;
    }

    .tng-box-second .tb-sec-bd .prev, .tng-box-second .tb-sec-bd .next, .tng-box-fourth .tbf-bd .prev, .tng-box-fourth .tbf-bd .next{
        position: absolute;
        width: 20px;
        height: 28px;
        margin-top: -14px;
        top: 50%;
        cursor: pointer;
    }
    .tng-box-second .tb-sec-bd .prev{
        left: -10px;
    }
    .tng-box-second .tb-sec-bd .next{
        right: -10px;
    }
    .tng-box-second .tb-sec-bd .prev .bd-btn1, .tng-box-second .tb-sec-bd .next .bd-btn1, .tng-box-fourth .tbf-bd .prev .bd-btn1, .tng-box-fourth .tbf-bd .next .bd-btn1{
        width: 20px;
    }
    .tng-box-second .tb-sec-bd .prev .bd-btn2, .tng-box-second .tb-sec-bd .next .bd-btn2, .tng-box-fourth .tbf-bd .prev .bd-btn2, .tng-box-fourth .tbf-bd .next .bd-btn2{
        display: none;
        width: 20px;
    }
    /*.tng-box-second .tb-sec-bd .prev:hover .bd-btn1, .tng-box-second .tb-sec-bd .next:hover .bd-btn1, .tng-box-fourth .tbf-bd .prev:hover .bd-btn1, .tng-box-fourth .tbf-bd .next:hover .bd-btn1{*/
        /*display: block;*/
    /*}*/
    /*.tng-box-second .tb-sec-bd .prev:hover .bd-btn2, .tng-box-second .tb-sec-bd .next:hover .bd-btn2, .tng-box-fourth .tbf-bd .prev:hover .bd-btn2, .tng-box-fourth .tbf-bd .next:hover .bd-btn2{*/
        /*display: none;*/
    /*}*/


    .tng-box-second .tb-sec-hd{
        display: block;
    }
    .tng-box-second .tb-sec-hd .list .on{
        padding: 2.25em 1.725em;
    }
    .tng-box-fourth .global-inner{
        padding: 2em 0 1.5em;
    }
    .tng-box-fourth .inner-btit{
        padding-bottom: 0.875em;
    }
    .tng-box-fourth .tbf-bd{
        margin-top: 1.25em;
    }

    /*产品中心*/
    .pdt-box .list-con a{
        display: block;
    }
    .pdt-box .list-con .pdt-doc .det{
        margin-top: 0.5em;
    }
    .pdt-box .list-con .pdt-doc{
        padding: 1.25em;
    }
    .pdt-box .list-con .pdt-doc .link{
        margin-top: 0.5em;
    }
    .pdt-box .list-con .pdt-doc .tit{
        color: #fff;
    }
    .pdt-box .list-con .pdt-doc .det{
        color: #ffffff;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }
    .pdt-box .list-con .pdt-doc .link{
        color: #fff;
    }


    /*社会责任*/
    .soc-box-first{
        margin-top: 0;
    }
    .soc-box-first .global-inner{
        width: 100%;
        padding: 1.5em 0 0;
    }
    .soc-box-second .adjust{
        display: none;
    }
    .soc-box-second .global-inner{
        width: 100%;
    }
    .soc-box-second .img-box{
        position: relative;
        width: 100%;
        max-width: 100%;
    }
    .soc-box-second .txt-box{
        position: relative;
        width: 100%;
        max-width: 1370px;
        z-index: 10;
        padding-left: 0;
        padding: 1.5em 4% 2em;
    }
    .soc-box-second .txt-box .tit{
        margin-bottom: 0.25em;
        margin-top: 0;
    }
    .soc-box-second .txt-box .doc-box{
        position: relative;
        width: 100%;
        padding-top: 0.625em;
    }
    .soc-box-first .doc-box .box, .soc-box-first .doc-box .tit1, .soc-box-first .doc-box .tit2{
        font-size: 1.125em;
    }
    .soc-box-third .det{
        padding: 10px 50px 0 4.25em;
    }

    .search-list .news-top .nnv-list{
        display: none;
        width: auto;
    }
    .search-list .news-top .nnv-whole{
        display: block;
    }
    .search-list .news-top .nav-line{
        width: 4em;
    }

    .product-box .pdt-hot .hot-txt .pdt-doc:before{
        display: none;
    }

}
@media screen and (max-width: 767px){
    .searchLayout .search-top .sch-t, .searchLayout .search-top .sch-b{
        width: 100%;
    }
    .aboutLayout .hk-honor .list .column:nth-last-child(2){
        border-bottom: 1px solid #e6e6e6;
    }

    .news-bottom .news-doc .tit{
        white-space: normal;
        text-overflow: clip;
        overflow: visible;
        display: block;
        height: auto;
    }
    .soc-box-second .txt-box .doc-box .doc{
        max-height: none;
    }
    .news-bottom .news-doc .det{
        height: inherit;
        overflow: visible;
    }
    .news-bottom .article-noimg .news-doc .det{
        height: inherit;
    }
    .news-bottom .img-box .pic img{
        height: inherit;
        width: 100%;
    }


    .aboutLayout .hk-values .list{
        display: block;
        padding: 0;
        margin-top: 0;
    }
    .aboutLayout .hk-values .list .column{
        width: 100%;
        margin-top: 1em;
    }
    .aboutLayout .hk-honor .list .column:nth-child(2) {
        border-top: 1px solid #e6e6e6;
    }

    .aboutLayout .hk-history .list:before{
        left: 0;
    }
    .aboutLayout .hk-history .list .axis{
        margin-bottom: 10px;
        margin-top: 0;
    }
    .aboutLayout .hk-history .list-column .column .img-box{
        width: 85%;
    }
    .aboutLayout .hk-history .list-column .column .txt-box .txt-time{
        margin-bottom: 0;
    }
    .aboutLayout .hk-history .axis:nth-child(n) .list-column{
        float: right;
    }
    .aboutLayout .hk-history .axis:nth-child(n) .list-column:before{
        left: -0.5em;
    }
    .aboutLayout .hk-history .axis:nth-child(n) .list-column .column{
        float: right;
        padding: 1.875em 1.25em 1.875em 1.875em;
    }
    .aboutLayout .hk-history .axis:nth-child(n) .list-column .column:before{
        left: -13px;
        background: url(../../Img/images/about-time-icon4.png) no-repeat center;
        background-size: 100%;
    }
    .aboutLayout .hk-history .axis:nth-child(n) .list-column .column a{
        flex-direction: row-reverse;
    }
    .aboutLayout .hk-history .axis:nth-child(n) .list-column .column .txt-box{
        text-align: left;
        padding: 10px 10px 0 0;
    }

    .news-detail-box .details .w1370{
        width: 86%;
    }
    .product-dt-box .inner-bd .prod-bd{
        width: 92%;
        margin: 0 auto;
        padding: 20px 0 0;
        float: none;
        display: none;
    }
    .product-dt-box .inner-bd .bd-bg-con{
        min-height: 0;
    }
    .product-dt-box .prod-bd h5{
        font-size: 1.75em;
        line-height: 1.357;
    }
    .product-dt-box .prod-bd .doc-con .column-con .column{
        width: 100%;
        margin-bottom: 10px;
    }
    .product-dt-box .prod-bd .doc-con .column-con .column:nth-child(2n){
        padding-left: 0;
    }
    .product-dt-box .prod-bd .det{
        height: auto;
    }

    .aboutLayout .hk-honor .list .column .txt{
        white-space: normal;
        text-overflow: inherit;
    }
}

/*内页新版样式*/
@media screen and (max-width: 450px) {
    .product-dt-box .prod-bd h5{
        font-size: 0.52rem;
        line-height: 0.62rem;
    }
    .product-dt-box .prod-bd .col-tit{
        font-size: 0.36rem;
        line-height: 0.56rem;
    }
    .product-dt-box .prod-bd .doc-con{
        margin-top: 0.46rem;
    }

    .inner-title .global-inner{
        padding: 0.45rem 0 0.3rem;
    }
    .inner-title .tit{
        font-size: 0.38rem;
        line-height: 0.58rem;
    }
    .inner-title .det{
        font-size: 0.28rem;
        line-height: 0.54rem;
        margin-top: 0.14rem;
    }
    .inner-title .det:before{
        top: 0.23rem;
    }

    .aboutLayout{
        padding-bottom: 1rem;
    }
    .aboutLayout .hk-int .txt-doc{
        padding: 0.85rem 0 0;
    }
    .aboutLayout .about-tit{
        font-size: 0.52rem;
        line-height: 0.62rem;
    }
    .aboutLayout .hk-int .txt-doc .tit{
        font-size: 0.36rem;
        line-height: 0.56rem;
        margin-top: 0.36rem;
    }
    .aboutLayout .hk-int .txt-doc .det{
        margin-top: 0.47rem;
        font-size: 0.32rem;
        line-height: 0.58rem;
        max-height: 5.84rem;
    }
    .aboutLayout .hk-int .txt-doc .deton{
        max-height: none;
    }
    .aboutLayout .hk-int .txt-doc .det p{
        margin-bottom: 0.26rem;
    }
    .aboutLayout .hk-int .ph-int-btn{
        padding: 0.44rem 0 0.75rem;
        text-align: center;
        color: #999999;
        font-size: 0.32rem;
        line-height: 0.42rem;
    }
    .aboutLayout .hk-int .ph-int-btn img{
        width: 0.52rem;
    }
    .aboutLayout .hk-int .award-doc{
        padding-top: 0;
    }
    .aboutLayout .award-txt .tit{
        padding-bottom: 0.25rem;
    }
    .aboutLayout .award-txt .tit .sp1{
        font-size: 0.36rem;
        line-height: 0.6rem;
    }
    .aboutLayout .award-txt .tit .sp2{
        font-size: 1rem;
        line-height: 1.1rem;
    }
    .aboutLayout .award-txt .tit .sp3{
        font-size: 0.8rem;
        line-height: 1rem;
    }
    .aboutLayout .award-txt .list{
        margin-top: 0.78rem;
        padding-left: 1.3rem;
        background-size: 0.8rem auto;
        padding-bottom: 0.9rem;
    }
    .aboutLayout .award-txt .list .column{
        font-size: 0.36rem;
        line-height: 0.56rem;
        margin-top: 0.35rem;
        padding-left: 0.36rem;
    }
    .aboutLayout .award-txt .list .column:before{
        background-size: 0.08rem 0.08rem;
        width: 0.08rem;
        height: 0.08rem;
        top: 0.24rem;
    }
    .aboutLayout .hk-aff .global-inner{
        padding: 0.95rem 0 0;
    }
    .aboutLayout .hk-aff .swiper-container{
        margin-top: 0.45rem;
    }
    .aboutLayout .hk-aff .aff-con{
        margin: 0.74rem auto 0;
        padding-bottom: 0.66rem;
        overflow: inherit;
    }
    .aboutLayout .hk-aff .aff-con .tit{
        font-size: 0.38rem;
        line-height: 0.58rem;
    }
    .aboutLayout .hk-aff .aff-con .det{
        font-size: 0.32rem;
        line-height: 0.58rem;
        max-height: 4.06rem;
    }
    .aboutLayout .hk-aff .swiper-button-next, .aboutLayout .hk-aff .swiper-button-prev{
        /*width: 0.5rem;*/
        /*height: 1rem;*/
        /*margin-top: -0.5rem;*/
    }
    .aboutLayout .hk-honor .img-box{
        padding: 0.2rem 0.48rem;
    }
    .mCSB_outside+.mCSB_scrollTools{
        right: -0.26rem;
    }
    .aboutLayout .hk-aff .mCSB_scrollTools .mCSB_dragger{
        opacity: 1;
        background: none;
    }
    .aboutLayout .hk-aff .mCSB_dragger .mCSB_dragger_bar{
        width: 0.04rem;
        height: 0.7rem;
    }
    .aboutLayout .mCSB_inside > .mCSB_container{
        margin-right: 0;
    }

    .aboutLayout .hk-history{
        margin-top: 1rem;
    }
    .aboutLayout .hk-history .global-inner{
        padding: 0.7rem 0 0.6rem;
    }
    .aboutLayout .hk-history .time-axis{
        margin-top: 0.25rem;
    }
    .aboutLayout .hk-history .time-axis .column{
        font-size: 0.28rem;
        line-height: 0.66rem;
    }
    .aboutLayout .hk-history .list{
        margin-top: 0.5rem;
        padding-top: 0.26rem;
    }
    .aboutLayout .hk-history .list.on .axis{
        margin-bottom: 0.2rem;
    }
    .aboutLayout .hk-history .list:before{
        left: 0.1rem;
        margin-left: -0.5px;
    }
    .aboutLayout .hk-history .axis:nth-child(n) .list-column .column{
        padding: 0.35rem 0.2rem 0.35rem 0.35rem;
    }
    .aboutLayout .hk-history .list-column .column{
        padding: 0.35rem 0.2rem 0.35rem 0.35rem;
    }
    .hk-history .list-column:before{
        left: 0;
        width: 0.2rem;
        height: 0.2rem;
        top: 0.25rem;
    }
    .aboutLayout .hk-history .axis:nth-child(n) .list-column:before{
        left: 0;
    }
    .aboutLayout .hk-history .axis:nth-child(n) .list-column .column:before{
        content: "";
        position: absolute;
        left: -0.19rem;
        width: 0.19rem;
        height: 0.2rem;
        top: 0.25rem;
        background: url(../../Img/images/about-time-icon4.png) no-repeat center;
        background-size: 100%;
    }
    .aboutLayout .hk-history .axis:nth-child(n) .list-column .column .txt-box{
        padding: 0 0.1rem 0 0;
    }
    .aboutLayout .hk-history .list-column .column .txt-box .txt-time{
        font-size: 0.36rem;
        line-height: 0.46rem;
    }
    .aboutLayout .hk-history .list-column .column .txt-box .txt-tit{
        font-size: 0.28rem;
        line-height: 0.46rem;
        padding-bottom: 0;
        margin-top: 0.07rem;
    }


    .aboutLayout .hk-honor .global-inner{
        padding: 0.7rem 0 1.04rem;
    }
    .aboutLayout .hk-honor .honor-switch{
        margin-top: 0.25rem;
    }
    .aboutLayout .hk-honor .honor-switch a{
        font-size: 0.28rem;
        line-height: 0.66rem;
        width: 2.2rem;
    }
    .aboutLayout .hk-honor .swiper-container{
        margin-top: 0.55rem;
        padding-bottom: 0.38rem;
    }
    .aboutLayout .hk-honor .txt-box{
        font-size: 0.28rem;
        line-height: 0.46rem;
        margin-top: 0.18rem;
    }
    .aboutLayout .hk-honor .swiper-pagination{
        height: 0.2rem;
        bottom: 0;
    }
    .aboutLayout .hk-honor .swiper-pagination .swiper-pagination-bullet{
        width: 0.2rem;
        height: 0.2rem;
        margin: 0 0.1rem;
    }
    .aboutLayout .hk-honor .list{
        margin-top: 0.7rem;
        border-top: 0.04rem solid #005686;
        padding: 0.16rem 0 0;
    }
    .aboutLayout .hk-honor .list .column{
        padding: 0.29rem 0;
    }
    .aboutLayout .hk-honor .list .column{
        display: block;
    }
    .aboutLayout .hk-honor .list .column .txt{
        font-size: 0.32rem;
        line-height: 0.42rem;
        height: auto;
        padding-left: 0.23rem;
    }
    .aboutLayout .hk-honor .list .column:last-child{
        border-bottom: 1px solid #e6e6e6;
    }

    .aboutLayout .hk-culture{
        padding-top: 0.7rem;
    }
    .aboutLayout .hk-culture .hk-mission{
        margin-top: 0.25rem;
        padding-bottom: 0.55rem;
    }
    .aboutLayout .hk-culture .hk-mission .txt-box{
        margin-top: 0.4rem;
    }
    .aboutLayout .hk-culture .hk-mission .txt-box .tit{
        font-size: 0.36rem;
        line-height: 0.56rem;
    }
    .aboutLayout .hk-culture .hk-mission .txt-box .det{
        font-size: 0.38rem;
        line-height: 0.58rem;
        margin-top: 0.2rem;
    }
    .aboutLayout .hk-culture .hk-mission .txt-box .txt{
        font-size: 0.32rem;
        line-height: 0.58rem;
        margin-top: 0.3rem;
    }
    .aboutLayout .hk-vision{
        padding: 0.4rem 0 1rem;
    }
    .aboutLayout .hk-vision .txt-box .tit{
        font-size: 0.36rem;
        line-height: 0.56rem;
    }
    .aboutLayout .hk-vision .txt-box .det {
        font-size: 0.38rem;
        line-height: 0.58rem;
        margin-top: 0.2rem;
    }
    .aboutLayout .hk-vision .txt-box .txt{
        font-size: 0.32rem;
        line-height: 0.58rem;
        margin-top: 0.3rem;
    }
    .aboutLayout .hk-values h5{
        font-size: 0.36rem;
        line-height: 1rem;
    }
    .aboutLayout .hk-values .list .column{
        margin-top: 0.4rem;
    }
    .aboutLayout .hk-values .list .img-box{
        width: 0.75rem;
        min-width: 50px;
        margin-top: 0;
        line-height: 0;
    }
    .aboutLayout .hk-values .list .img-box img{
        width: 100%;
    }
    .aboutLayout .hk-values .list .txt-box{
        padding-left: 0.2rem;
    }
    .aboutLayout .hk-values .list .txt-box .tit{
        font-size: 0.38rem;
        line-height: 0.48rem;
    }
    .aboutLayout .hk-values .list .txt-box .det{
        font-size: 0.32rem;
        line-height: 0.58rem;
        margin-top: 0.2rem;
    }
    .aboutLayout .hk-aff .aff-con .det p{
        margin-bottom: 0.26rem;
    }

    /*人才战略*/
    .ttsLayout .tts-tit{
        font-size: 0.52rem;
        line-height: 0.62rem;
    }
    .ttsLayout .talent-idea .global-inner{
        padding: 0.85rem 0 0;
    }
    .ttsLayout .talent-idea .tti-det{
        font-size: 0.36rem;
        line-height: 0.56rem;
        margin-top: 0.36rem;
    }
    .ttsLayout .talent-idea .doc1{
        margin-top: 0.1rem;
    }
    .ttsLayout .talent-idea .doc1 .txt{
        color: #333333;
        font-size: 0.32rem;
        line-height: 0.58rem;
        margin-top: 0.3rem;
        text-align: justify;
    }
    .ttsLayout .talent-idea .doc2{
        margin-top: 0.45rem;
    }
    .ttsLayout .talent-idea .doc2 .img-txt{
        margin-top: 0.4rem;
    }
    .ttsLayout .talent-idea .doc2 .txt-box{
        padding: 0.43rem 0;
    }
    .ttsLayout .talent-idea .doc2 .txt{
        font-size: 0.32rem;
        line-height: 0.58rem;
        text-align: justify;
    }
    .ttsLayout .talent-idea .tts-axis{
        margin-top: 0.97rem;
        padding-bottom: 0.9rem;
    }
    .ttsLayout .talent-idea .tts-axis h5 span{
        font-size: 0.36rem;
        line-height: 0.56rem;
        padding: 0.47rem 0 0 0.39rem;
    }
    .ttsLayout .talent-idea .tts-axis span:before{
        content: "";
        position: absolute;
        width: 1.63rem;
        height: 1.22rem;
        z-index: -5;
        background: url(../../Img/images/about-values-icon01.png) no-repeat center;
        background-size: 100%;
    }
    .ttsLayout .talent-idea .axis-con{
        margin-top: 0.85rem;
        padding-top: 0.2rem;
    }
    .ttsLayout .talent-idea .axis-con:before{
        width: 0.14rem;
        height: 0.14rem;
        left: -0.07rem;
    }
    .ttsLayout .talent-idea .tts-axis .column{
        margin-bottom: 0.6rem;
    }
    .ttsLayout .talent-idea .tts-axis .column:last-child{
        margin-bottom: 0.36rem;
    }
    .ttsLayout .talent-idea .column-top{
        padding-left: 0.55rem;
    }
    .ttsLayout .talent-idea .column-top .clt-round{
        width: 1.6rem;
        height: 1.6rem;
        font-size: 0.28rem;
        line-height: 0.38rem;
    }
    .ttsLayout .talent-idea .column-top .clt-round img{
        width: 0.62rem;
        height: 0.62rem;
        margin: 0.18rem auto 0.11rem;
    }
    .ttsLayout .talent-idea .column-bottom .txt{
        font-size: 0.32rem;
        line-height: 0.58rem;
        width: 100%;
        padding: 0 0.18rem 0 0.4rem;
    }
    .ttsLayout .talent-idea .column-top .clt-num{
        width: 0.5rem;
        height: 0.5rem;
        font-size: 0.24rem;
        line-height: 0.5rem;
        margin: -0.25rem 0 0 -0.25rem;
    }
    .ttsLayout .hr-box{
        padding-top: 0.93em;
    }
    .ttsLayout .hr-box .hr-list-hd{
        margin-top: 0.28rem;
    }
    .ttsLayout .hr-box .td{
        font-size: 0.32rem;
        line-height: 0.58rem;
    }
    .ttsLayout .hr-box .hr-list-hd .td{
        padding: 0.15rem 0;
        line-height: 0.66rem;
    }
    .hr-list-bd{
        padding-top: 0.18rem;
        padding-bottom: 1.12rem;
    }
    .hr-item-row .item-hd .td{
        font-size: 0.32rem;
        line-height: 0.42rem;
        padding: 0.29rem 0;
    }

    .hr-item-row .item-bd{
        padding: 0.38rem 0.38rem 0.7rem;
    }
    .hr-item-row .item-bd .itme-bd-top ul {
        float: left;
        padding-right: 0;
    }
    .hr-item-row .item-bd .itme-bd-top li{
        font-size: 0.30rem;
        line-height: 0.56rem;
        margin-bottom: 0.14rem;
    }
    .hr-item-row .item-bd .item-bd-bottom .doc{
        font-size: 0.30rem;
        line-height: 0.56rem;
    }
    .hr-item-row .item-bd .item-bd-bottom strong{
        margin: 0.5rem 0 0.2rem;
    }
    .hr-item-row .item-bd .item-bd-bottom .more-btn{
        margin-top: 0.4rem;
    }
    .more-btn span img {
        width: 0.24rem;
        margin-left: 0.14rem;
        margin-top: 0;
    }
    .inner-nav .w1370{
        padding: 0.26rem 0;
    }
    .inner-nav a{
        display: block;
        font-size: 0.30rem;
        line-height: 0.56rem;
    }
    .news-box{
        padding: 0 0 1rem;
    }
    .news-box .news-hot .hot-txt{
        margin: 0.7rem auto 0;
    }
    .news-box .news-hot .hot-txt .tit{
        font-size: 0.38rem;
        line-height: 0.58rem;
        margin-bottom: 0.3rem;
    }
    .news-box .news-hot .hot-txt .det{
        font-size: 0.32rem;
        line-height: 0.58rem;
    }
    .news-box .news-hot .hot-txt .time{
        margin-top: 0.4rem;
        font-size: 0.28rem;
        line-height: 0.38rem;
    }
    .news-box .news-hot .hot-txt i{
        font-size: 0.28rem;
        line-height: 0.38rem;
    }
    .news-list{
        margin-top: 0.7rem;
    }
    .news-box .news-hot .hot-txt .line{
        margin-top: 0.5rem;
    }
    .news-list .news-top .nnv-list a{
        font-size: 0.32rem;
        line-height: 0.7rem;
    }
    .news-list .news-top .nav-line{
        font-size: 0.32rem;
        width: 4em;
    }
    .news-list .news-top .news-time .tit{
        font-size: 0.32rem;
        line-height: 0.42rem;
    }
    .news-list .time-con select{
        font-size: 0.32rem;
        line-height: 0.42rem;
        height: 0.42rem;
        display: block;
        min-width: 6.875em;
        min-width: 1.8rem;
    }
    .news-list .news-top .news-time{
        margin-top: 0.2em;
    }
    .news-bottom .news-doc{
        padding: 0.25rem;
    }
    .news-bottom .news-doc .tit{
        font-size: 0.38rem;
        line-height: 0.58rem;
    }
    .news-bottom{
        margin: 0.74rem 0 0;
    }
    .news-bottom .article{
        margin-bottom: 0.38rem;
        padding: 0;
    }
    .inner-page{
        line-height: 1;
    }
    .inner-page .next, .inner-page .prev{
        font-size: 0.32rem;
        line-height: 0.6rem;
        width: 2.2rem;
        margin: 0 10px 0 0;
    }
    .inner-page img{
        width: 0.38rem;
    }

    .news-detail-box .details-box{
        padding: 0.85rem 0 1rem;
    }
    .news-detail-box .details-box h5{
        font-size: 0.52rem;
        line-height: 0.72rem;
    }
    .news-detail-box .details-box .doc{
        font-size: 0.32rem;
        line-height: 0.58rem;
        margin-top: 0.5rem;
    }
    .news-detail-box .doc-link{
        margin: 0.85rem 0 0;
        padding: 0.5rem 0 0;
        line-height: 0;
    }

    .inner-btit{
        font-size: 0.52rem;
        line-height: 0.62rem;
    }
    .tng-box-first .global-inner{
        padding: 0.85rem 0 1rem;
        width: 100%;
    }
    .tng-box-first .txt-box .doc-box{
        padding-top: 0.47rem;
    }
    .tngLayout .tng-box-first .ph-int-btn{
        padding: 0.44rem 0 0.75rem;
        text-align: center;
        color: #999999;
        font-size: 0.32rem;
        line-height: 0.42rem;
    }
    .tng-box-first .txt-box .doc-box p{
        margin-bottom: 0.26rem;
    }
    .tngLayout .tng-box-first .ph-int-btn img{
        width: 0.52rem;
    }
    .tng-box-first .img-box{
        margin-top: 0;
    }
    .tng-box-second{
        padding: 0.85rem 0;
    }
    .tng-box-second .tb-sec-bd{
        margin: 0.36rem 0 0.7rem;
        line-height: 0;
    }
    .tng-box-second .tb-sec-bd .swiper-slide{
        padding: 0.2rem 0.3rem;
    }
    .tng-box-second .tb-sec-bd .det{
        font-size: 0.32rem;
        line-height: 0.52rem;
        margin-top: 0.13rem;
    }
    .tng-box-second .tb-sec-bd .swiper-slide .img-box{
        margin-right: 0.2rem;
    }
    .tng-box-second .tb-sec-bd .icon-switch{
        margin-top: 0.2rem;
    }
    .tng-box-second .tb-sec-bd .active .icon1, .tng-box-second .tb-sec-bd .active .icon2{
        width: 0.5rem;
    }

    .tng-box-second .tb-sec-bd .prev .bd-btn1, .tng-box-second .tb-sec-bd .next .bd-btn1{
        display: block;
    }
    /*.tng-box-second .tb-sec-bd .prev:hover .bd-btn2, .tng-box-second .tb-sec-bd .next:hover .bd-btn2{*/
        /*display: none;*/
    /*}*/
    .tng-box-second .tb-sec-bd .prev, .tng-box-second .tb-sec-bd .next{
        width: 20px;
        height: 28px;
        margin-top: -14px;
    }
    .tng-box-second .tb-sec-bd .prev .bd-btn1, .tng-box-second .tb-sec-bd .next .bd-btn1{
        width: 20px;
        height: 28px;
    }
    .tng-box-second .tb-sec-bd .prev .bd-btn2, .tng-box-second .tb-sec-bd .next .bd-btn2{
        width: 20px;
        height: 28px;
    }
    .tng-box-second .tb-sec-hd .list .on{
        padding: 0.2rem 0.35rem;
        /*overflow: hidden;*/
    }
    .tng-box-second .tb-sec-hd .list .column .column-con{
        padding: 0.2rem 0.35rem;
    }
    .tng-box-second .tb-sec-hd .list .column .icon-top{
        width: 14px;
        height: 14px;
        background: url(../../Img/images/tng-second-hdicon1.png) no-repeat bottom center;
        background-size: 100% auto;
        top: -14px;
        left: 50%;
        margin-left: -7px;
    }
    .tng-box-second .tb-sec-hd .list .column .icon-lt{
        width: 30%;
        height: 100%;
        background: url(../../Img/images/tng-second-hdicon2.png) no-repeat top center;
        background-size: 100% auto;
    }
    .tng-box-second .tb-sec-hd .list .column .icon-rb{
        width: 30%;
        height: 100%;
        background: url(../../Img/images/tng-second-hdicon3.png) no-repeat bottom center;
        background-size: 100% auto;
    }

    .tng-box-second .tb-sec-hd .list .column .txt{
        font-size: 0.32rem;
        line-height: 0.58rem;
    }
    .tngLayout .tng-box-first .doc-box-first .doc{
        font-size: 0.32rem;
        line-height: 0.58rem;
        max-height: 6rem;
        transition: all .3s;
    }
    .tngLayout .tng-box-first .doc-box-first .docon{
        max-height: 200rem;
    }
    .tng-box-third .txt-box .doc-box .doc{
        font-size: 0.32rem;
        line-height: 0.58rem;
        max-height: 6rem;
    }
    .tng-box-third .img-box{
        margin-top: 0.47rem;
    }
    .tng-box-fourth .global-inner{
        padding: 0.85rem 0 1rem;
    }
    .tng-box-fourth .inner-btit{
        padding-bottom: 0.32rem;
    }
    .tng-box-fourth .tbf-bd{
        margin-top: 10px;
        padding: 0 30px;
    }
    .tng-box-fourth .tbf-bd .txt-box{
        font-size: 0.32rem;
        line-height: 0.42rem;
    }
    .tng-box-fourth .tbf-bd .prev .bd-btn1, .tng-box-fourth .tbf-bd .next .bd-btn1{
        display: block;
    }
    .tng-box-fourth .tbf-bd .prev, .tng-box-fourth .tbf-bd .next{
        width: 20px;
        height: 28px;
        margin-top: -14px;
    }

    .product-box .pdt-hot{
        padding: 0.85rem 0 0;
    }
    .product-box .pdt-hot .hot-txt{
        padding: 0;
    }
    .product-box .pdt-hot .hot-txt .pdt-doc{
        padding: 0.7rem 0 0;
    }
    .product-box .pdt-hot .hot-txt .pdt-doc a{
        display: block;
        width: 92%;
        margin: 0 auto;
    }
    .product-box .pdt-hot .hot-txt .tit{
        font-size: 0.38rem;
        line-height: 0.58rem;
        margin-bottom: 0.3rem;
    }
    .product-box .pdt-hot .hot-txt .det{
        font-size: 0.32rem;
        line-height: 0.58rem;
    }
    .product-box .pdt-hot .hot-txt .link{
        margin-top: 0.4rem;
        font-size: 0.28rem;
        line-height: 0.38rem;
    }
    .product-box .pdt-hot .hot-txt .line{
        margin-top: 0.5rem;
    }
    .pdt-box{
        margin-top: 0.7rem;
    }
    .pdt-box .global-inner{
        padding-top: 0.74rem;
    }
    .pdt-box .pdt-list{
        overflow: hidden;
        margin: 0;
    }
    .pdt-box .list-con{
        padding: 0;
        margin-bottom: 0.38rem;
    }
    .pdt-box .list-con .pdt-doc{
        padding: 0.25rem;
    }
    .pdt-box .list-con .pdt-doc .tit{
        font-size: 0.38rem;
        line-height: 0.58rem;
        margin-bottom: 0.3rem;
    }
    .pdt-box .list-con .pdt-doc .det{
        font-size: 14px;
        line-height: 1.714em;
        height: auto;
    }
    .pdt-box .list-con .pdt-doc .link{
        font-size: 0.26rem;
        line-height: 0.58rem;
        margin-top: 0.26rem;
    }

    .pdt-dt-con{
        margin: 0;
        padding: 0 0 0.46rem;
    }
    .pdt-other .other{
        margin: 0;
    }
    .pdt-dt-con .pdt-dt-list{
        padding: 0;
    }
    .pdt-dt-con .pdt-dt-list .list-con{
        padding: 0.47rem 0;
    }
    .pdt-dt-con .pdt-dt-list .img-box{
        width: 1.4rem;
        padding: 0 0.4rem 0 0;
    }
    .pdt-dt-con .pdt-dt-list .tit{
        font-size: 0.38rem;
        line-height: 0.58rem;
        margin: 0;
    }
    .pdt-dt-con .pdt-dt-list .det{
        height: auto;
        font-size: 0.32rem;
        line-height: 0.58rem;
        margin-top: 0.2rem;
        min-height: 0;
        text-align: justify;
    }
    .pdt-other{
        margin-top: 0.7rem;
    }
    .pdt-other h5{
        font-size: 0.46rem;
        line-height: 1.2rem;
    }
    .pdt-other .other .list-con{
        padding: 0;
    }
    .pdt-other .pdt-other-list{
        padding: 0.4rem 0 1rem;
    }
    .pdt-other .other .list-con .doc{
        padding: 0.25rem;
    }
    .pdt-other .other .list-con .tit{
        font-size: 0.38rem;
        line-height: 0.58rem;
    }

    .market-box .global-inner{
        padding: 0.7rem 0 0;
    }
    .market-box .market-main .left{
        height: 5rem;
        float: none;
        width: 100%;
        position: relative;
    }
    .market-box .market-main .right{
        margin-top: 0.46rem;
        float: none;
        width: 100%;
    }
    .market-box .market-main .right .name{
        font-size: 0.52rem;
        line-height: 0.62rem;
    }
    .market-box .market-main .right .doc{
        font-size: 0.36rem;
        line-height: 0.62rem;
        margin-top: 0.36rem;
        padding-right: 0;
    }
    .market-box .market-main .right .imgs{
        margin-top: 0.36rem;
    }
    .case-box{
        margin-top: 0.7rem;
        padding-bottom: 1rem;
    }
    .case-box .global-inner{
        padding-bottom: 0.7rem;
    }
    .case-box .titles{
        margin-top: 0.36rem;
        line-height: normal;
        padding-top: 0.36rem;
    }
    .case-box .titles .left{
        float: none;
        font-size: 0.52rem;
        line-height: 0.62rem;
    }
    .case-box .titles .right{
        float: none;
        line-height: 0.54rem;
        text-align: right;
    }
    .case-box .titles .right a{
        font-size: 0.36em;
        line-height: 0.54rem;
    }
    .case-box .list{
        margin-top: 0.36rem;
        font-size: 0.24rem;
    }
    .case-box .list li{
        width: 100%;
        margin-right: 0;
    }
    .case-box .list .cont{
        padding: 0.35rem 5%;
    }
    .case-box .list .cont .name{
        font-size: 0.38rem;
        line-height: 0.58rem;
        height: auto;
    }
    .case-box .list .cont .doc{
        color: #999999;
        font-size: 14px;
        line-height: 1.714em;
        height: auto;
    }
    .more-box{
        line-height: 0;
    }
    .more-box a{
        font-size: 0.32rem;
        line-height: 0.42rem;
    }

    .soc-box-first .global-inner{
        padding: 0.85rem 0 0;
    }
    .soc-box-first .det{
        font-size: 0.36rem;
        line-height: 0.56rem;
        margin-top: 0.36rem;
    }
    .soc-box-first .list{
        margin-top: 0.7rem;
    }
    .soc-box-first .tit{
        font-size: 0.36rem;
        line-height: 0.5rem;
        padding: 0.2rem 0.2rem;
        background: #f2f2f2 url(../../Img/images/soc-icon-jia.png) no-repeat right 0.2rem center;
    }
    .soc-box-first .on .tit {
        color: #fff;
        background: #0078c6 url(../../Img/images/soc-icon-qian.png) no-repeat right 0.2rem center;
    }
    .soc-box-first .doc-box{
        padding-bottom: 0.7rem;
    }
    .soc-box-first .doc-box .box{
        font-size: 0.32rem;
        line-height: 0.58rem;
        max-height: 2.1rem;
        padding: 0.32rem 5% 0;
    }
    .soc-box-first .doc-box .tit1, .soc-box-first .doc-box .tit2{
        padding: 0.32rem 5% 0;
        font-size: 0.32rem;
        line-height: 0.58rem;
    }
    .soc-box-second{
        margin-top: 0.7rem;
    }
    .soc-box-second .txt-box{
        padding: 0.36rem 4% 0.5rem;
        background-size: cover;
    }
    .soc-box-second .txt-box .tit{
        font-size: 0.52rem;
        line-height: 0.62rem;
        margin: 0;
    }
    .soc-box-second .txt-box .doc-box{
        margin-top: 0.36rem;
        padding: 0;
    }
    .soc-box-second .txt-box .doc-box .doc{
        font-size: 0.36rem;
        line-height: 0.62rem;
    }
    .soc-box-second .det-con{
        font-size: 0.32rem;
        line-height: 0.58rem;
        padding: 0.47rem 0 0.7rem;
    }
    .soc-box-second .det-con .det{
        font-size: 0.32rem;
        line-height: 0.58rem;
        max-height: 1.16rem;
    }
    .soc-box-second .det-con .on{
        max-height: 300rem;
    }
    .soc-box-third{
        margin-top: 0.7rem;
    }
    .soc-box-third .global-inner{
        padding: 0.46rem 0 1rem;
    }
    .soc-box-third .det{
        padding: 10px 0 0.3rem;
        margin: 0.46rem 0 1em;
        font-size: 0.32rem;
        line-height: 0.58rem;
        text-indent: 0.5rem;
        text-align: justify;
    }
    .soc-box-third .det:before{
        width: 0.4rem;
        height: 0.4rem;
    }
    .soc-box-third .det:after{
        width: 0.4rem;
        height: 0.4rem;
    }
    .soc-box-third .list{
        margin: 0 auto;
        width: 100%;
    }
    .soc-box-third .column .con{
        padding: 0;
    }
    .soc-box-third .column .tit-con{
        font-size: 0.38rem;
        line-height: 0.58rem;
        text-align: center;
        margin-top: 0;
        padding: 0.2rem 0;
    }
    .soc-box-third .column .doc{
        font-size: 0.32rem;
        line-height: 0.58rem;
        padding-left: 0.23rem;
        margin-top: 15px;
    }
    .soc-box-third .column .doc p{
        background: url(../../Img/images/soc-icon-style.jpg) no-repeat left top 10px;
    }
    .list-btn{
        display: block;
        line-height: 0;
    }
    .socialLayout{
        padding-bottom: 0;
    }
    .link-box .link-main .map-box{
        height: 5rem;
    }
    .link-box .link-main .cont{
        padding: 0.7rem 5% 0;
    }
    .link-box .link-main .cont .name{
        font-size: 0.52rem;
        line-height: 0.62rem;
        margin-bottom: 0.56rem;
    }
    .link-box .link-main .cont .list li{
        font-size: 0.32rem;
        line-height: 0.58rem;
        margin-bottom: 0.1rem;
    }
    .link-box .link-main .cont .imgs{
        padding: 0.2rem 0;
    }
    .link-box .kong-box{
        height: 1rem;
    }

    .searchLayout .search-top{
        margin: 0.46rem 0;
    }
    .search-list .news-top .nav-line{
        width: 100%;
    }
    .searchLayout .search-top .sch-t{
        height: auto;
        display: block;
        line-height: 0;
    }
    .searchLayout .search-top .sch-t input{
        padding-right: 0.7rem;
        font-size: 0.38rem;
        line-height: 0.78rem;
        height: 0.78rem;
    }
    .searchLayout .search-top .sch-t a{
        width: 0.78rem;
    }
    .search-list .news-bottom .news-doc{
        padding: 0.25rem;
    }
    .search-list .inner-page{
        margin-top: 0;
    }
    .news-bottom .wall{
        margin: 0;
    }
    .news-bottom .wall-column{
        padding: 0;
    }
}


/*视频*/
.page-relation .link-main{
    display: flex;
}
.pela-videobox,
.pela-txtbox{
    width: 50%;
}
.pela-txtbox{
    padding: 75px 0 0 65px;
}
.pela-txtbox b{
    display: block;
    font-size: 24px;
    color: #005499;
    font-weight: 400;
}
.pela-txtbox span{
    display: block;
    font-size: 16px;
    color: #343434;
    width: 82%;
    line-height: 30px;
}
.pela-txtbox span:nth-child(2){
    display: block;
    padding: 30px 0 40px 0;
}

.pela-videobox{
    padding:43px 35px 90px 0;
    
}
.pela-videobox-con{
    width: 100%;
}
.pela-videobox-con img{
    width: 100%;
    cursor: pointer;
}


.pela-linkbox-t{
    padding: 90px 0 80px 65px;
    display: block;
    font-size: 25.62px;
    color: #005499;
    font-weight: 400;
}
.pela-linkbox-con{
    width: 100%;
    display: flex;
}
.pela-links{
    width: 25%;
    position: relative;
    
}
.pela-links a{
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
    color: #000000;
    font-size: 15.81px;
    padding-left: 65px;
}
.pela-links::after{
    content: '';
    display: block;
    width: 3px;
    height: 100%;
    background: #404040;
    position: absolute;
    right: 0;
    top: 0;
}
.pela-links:last-child::after{
    
    width: 0px;
    height: 0%;
    
}
.pela-links-txt{
    padding-left: 14px;
}
.pela-links-txt span{
    display: block;
}

.pela .kong-box{
    height: 139px;
}

/*视频弹出*/
.video-tan{
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.8);
    z-index: 999999999998;
}
.video-tancon{
    width: 67%;
    height: 80%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 999999999999;
}
.video-close{
    position: absolute;
        top: 0%;
    right: 3%;
        z-index: 99999999999;
    }
    .video-close img{
        width: 48px;
        cursor: pointer;
    }

.video-tancon .video-js {
   width: 100%;
    height: 100%;
}

.bodyDetail p{
    display: block;
    font-size: 14px;
    color: #343434;
    width: 100%;
    max-width: 572px;
    line-height: 25px;
}
.bodyDetail p:nth-child(2){
    display: block;
    padding: 30px 0 30px 0;
}
.pela-videobox-con{
    position: relative;
}
.pela-videobox-con:after{
    content: '';
    display: block;
    position: absolute;
    width: 108px;
    height: 108px;
    background: url(/Img/images/video-btnaaa.png) no-repeat;
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pela-linkbox-con .pela-links:nth-child(2) a,.pela-linkbox-con .pela-links:nth-child(3) a{
display: flex;
    justify-content: center;
    padding-left: 0;
}
.video-tancon video{
width: 100%;
    height: 100%;
}
@media screen and (max-width: 991.98px){
    .page-relation .link-main {
        display: block;
    }
    .pela-txtbox{
        padding: .75rem 5% 0;
        width: 100%;
    }
    .pela-videobox{
            padding: .75rem 5% 0;
            width: 100%;
    }
    .pela-links{
        width: 100%;
        margin-bottom: .4rem;
    }
    .pela-linkbox-con{
        display: block;
    }
    .pela-linkbox-t {
    padding: .9rem 5% .8rem;
    display: block;
    font-size: .52rem;
    color: #005499;
    }
    .pela-links a{
        width: 95%;
        display: flex;
        position: relative;
        justify-content: left;
        align-items: center;
        color: #000000;
        font-size: .32rem;
        margin-left: 5%;
        padding-left: 0;
    }
    .pela-links a img{
        width: .6rem;
    }
    .pela-txtbox span {
        font-size: .32rem;
        width: 100%;
        line-height: .5rem;
    }
    .pela .kong-box {
        height: .8rem;
    }
    .pela-links::after{
        width: 0;
        height: 0%;
    }
    /*视频弹窗手机端*/
    .video-tancon {
        width: 90%;
        height: 200px;
    }
    .video-close{
        position: absolute;
        top: 5%;
        right: 7%;
    }
    .video-close img{
        width: 30px;
    }
    .video-tancon .video-js {
    width: 100%;
    height: 100%;
}
.pela-linkbox-con .pela-links:nth-child(2) a,.pela-linkbox-con .pela-links:nth-child(3) a{
display: flex;
    justify-content: left;
    padding-left: 0;
}
}

.swiper-wrapper .txt-box{
    width: 45%;
}
.item-wrap{
display:flex;
flex-direction: column;
}
.item-tit{
padding-left: 20px;
    font-size: 22px;
    color: #333;
    line-height: 1;
    margin-bottom: 18px;
}


/* 新增二级菜单 */
.addnewlv2-wrap{
    position: sticky;
    top: 80px;
    z-index: 99;
    background: rgb(246, 246, 247);
}
.addnewlv2-wrap .box{
    display: flex;
    justify-content: center;
    align-items: center;

}

.addnewlv2-item{
    padding: 28px 0px;
    margin:0 34px;
    position: relative;
    display: flex;

}
.addnewlv2-item::after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-image: linear-gradient(to right, #00468e, #0078df);
    opacity: 0;
}
.addnewlv2-item a{
    font-size: 16px;
    color: #333;
}
.addnewlv2-item.active a{
    color: #00468e;
}
.addnewlv2-item.active::after{
    opacity: 1;
}
@media screen and (min-width: 992px){
    .addnewlv2-item:hover a{
        color: #00468e;
    }
    .p-add .main-box{
       overflow: visible;
    }
}



@media screen and (max-width: 991.98px){
    .addnewlv2-item span{
        font-size: 16px;
    }
    .addnewlv2-item.active span{
        color: #00468e;
    }
    .p-add .main-box{
        overflow: visible;
    }
    .addnewlv2-wrap{
        top: 1.2rem;
    }
    .pdt-box{
        margin-top: 0rem;
    }
    .addnewlv2-item{
        padding: 0.26rem 0px;
        margin: 0 0.28rem;
       
    }
}

/* 2025.3.17  */
.hkvalue-list{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 4.375em;
    margin: 3.3em 0 0;
}
.hkvalue-list .item-head{
    display: flex;
    align-items: center;
    position: relative;
}
.hkvalue-list .item-icon{
    flex:  none;
    margin: 0 0.5em 0 0;
}
.hkvalue-list .item-icon img{
    width: 3.125em;
    height: 3.125em;
    display: block;
    object-fit: contain;
    object-position: center center;
}
.hkvalue-list .item-title{
    font-size: 1.5em;
    line-height: 1em;
    color: #007BCB;
}
.hkvalue-list .item-desc{
    font-size: 1em;
    line-height: 1.75em;
    margin: 1.125em 0 0;
    color: #4C4C4C;
}

@media (min-width: 992px) {
    .hk-values{
        padding-bottom: 5.3125em;
    }
}
@media (max-width: 991.98px) {
    .hkvalue-list {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 4em 4.375em;
    }
    .hkvalue-list .item-icon{
        margin: 0 0.2rem 0 0;
    }
    .hkvalue-list .item-icon img{
        width: 1rem;
        height: 1rem;
    }
    .hkvalue-list .item-title{
        font-size: .38rem;
        line-height: .48rem;
    }
    .hkvalue-list .item-desc{
        font-size: .32rem;
        line-height: .58rem;
        margin-top: .3rem;
    }
}
@media (max-width: 767.98px) {
    .hkvalue-list {
        margin: 0.4rem 0 0;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0.4rem 0;
    }
}