@charset "utf-8";

html {
    -webkit-font-smoothing: antialiased;
    height: 100%;
    touch-action: manipulation;
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

header,
hgroup,
nav,
menu,
main,
section,
article,
summary,
details,
aside,
figure,
figcaption,
footer {
    display: block;
    margin: 0;
    padding: 0；
}

main {
    background-size: cover;
    /* overflow: hidden; */
    z-index: 3;


}


main.bg {
    background-color: #f7f7f7;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table,
th,
td {
    border: 1px solid black;
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: 400;
}

dl,
ol,
ul {
    list-style-type: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: 0;
    outline: none;
    blr: expression(this.onFocus=this.blur())
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

textarea {
    resize: none;
    outline: none;
    font-family: Arial, Microsoft Yahei;
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

button,
input[type=submit],
input[type=text],
input[type=button] {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    outline: 0;
    blr: expression(this.onFocus=this.blur())
}

input {
    outline: 0;
    border: none;
}

input::-webkit-input-safebox-button {
    display: none;
}

body {
    background-color: #ffffff;
    color: #000;
    font-family: "My_font", "Arial", "微软雅黑", "sans-serif", "宋体";
}

body * {
    box-sizing: border-box;
    line-height: 1;
    outline: none;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.eps2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/*@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('../fonts/SOURCEHANSANSCN-NORMAL.OTF');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('../fonts/SOURCEHANSANSCN-REGULAR.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('../fonts/SOURCEHANSANSCN-MEDIUM.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('../fonts/SOURCEHANSANSCN-BOLD.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSansCN-Light';
    src: url('../fonts/SOURCEHANSANSCN-LIGHT.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'D-DIN';
    src: url('../fonts/D-DIN.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'D-DIN-Bold';
    src: url('../fonts/D-DIN-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}*/



@font-face {
    font-family: "iconfont";
    /* Project id 2979230 */
    src: url('../font_icon/iconfont.woff2?t=1638338237541') format('woff2'), url('../font_icon/iconfont.woff?t=1638338237541') format('woff'), url('../font_icon/iconfont.ttf?t=1638338237541') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 32px;
    color: #ffffff;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon {


    fill: currentColor;
    overflow: hidden;
}

html {
    font-size: calc(100vw / 1920 * 100);
}

@media(max-width: 1000px) {
    html {
        font-size: calc(1000px / 1920 * 100);
    }
}

body {
    font-size: calc(16 * 100vw / 1920);
}

@media(max-width: 1584px) {
    body {
        font-size: 13.2px;
    }
}

.s12 {
    font-size: calc(12 * 100vw / 1920);
}

@media(max-width: 1920px) {
    .s12 {
        font-size: 12.0px;
    }
}

.s13 {
    font-size: calc(13 * 100vw / 1920);
}

@media(max-width: 1816px) {
    .s13 {
        font-size: 12.3px;
    }
}

.s14 {
    font-size: calc(14 * 100vw / 1920);
}

@media(max-width: 1728px) {
    .s14 {
        font-size: 14px;
    }
}

/* ......  以此类推设置字体大小*/

.s15 {
    font-size: calc(15 * 100vw / 1920);
}

@media(max-width: 1651px) {
    .s15 {
        font-size: 12.9px;
    }
}

.s16 {
    font-size: calc(16.5 * 100vw / 1920);
}

@media(max-width: 1584px) {
    .s16 {
        font-size: 14px;
    }
}

.s17 {
    font-size: calc(17.5 * 100vw / 1920);
}

@media(max-width: 1524px) {
    .s17 {
        font-size: 15px;
    }
}

.s18 {
    font-size: calc(18.5 * 100vw / 1920);
}

@media(max-width: 1472px) {
    .s18 {
        font-size: 15px;
    }
}

.s19 {
    font-size: calc(19 * 100vw / 1920);
}

@media(max-width: 1424px) {
    .s19 {
        font-size: 14.1px;
    }
}

.s20 {
    font-size: calc(20 * 100vw / 1920);
}

@media(max-width: 1382px) {
    .s20 {
        font-size: 14.4px;
    }
}

.s21 {
    font-size: calc(21 * 100vw / 1920);
}

@media(max-width: 1344px) {
    .s21 {
        font-size: 14.7px;
    }
}

.s22 {
    font-size: calc(22 * 100vw / 1920);
}

@media(max-width: 1309px) {
    .s22 {
        font-size: 15.0px;
    }
}

.s23 {
    font-size: calc(23 * 100vw / 1920);
}

@media(max-width: 1277px) {
    .s23 {
        font-size: 15.3px;
    }
}

.s24 {
    font-size: calc(24 * 100vw / 1920);
}

@media(max-width: 1248px) {
    .s24 {
        font-size: 15.6px;
    }
}

.s25 {
    font-size: calc(25 * 100vw / 1920);
}

@media(max-width: 1221px) {
    .s25 {
        font-size: 15.9px;
    }
}

.s26 {
    font-size: calc(26 * 100vw / 1920);
}

@media(max-width: 1196px) {
    .s26 {
        font-size: 16.2px;
    }
}

.s27 {
    font-size: calc(27 * 100vw / 1920);
}

@media(max-width: 1173px) {
    .s27 {
        font-size: 16.5px;
    }
}

.s28 {
    font-size: calc(28 * 100vw / 1920);
}

@media(max-width: 1152px) {
    .s28 {
        font-size: 16.8px;
    }
}

.s29 {
    font-size: calc(29 * 100vw / 1920);
}

@media(max-width: 1132px) {
    .s29 {
        font-size: 17.1px;
    }
}

.s30 {
    font-size: calc(30 * 100vw / 1920);
}

@media(max-width: 1113px) {
    .s30 {
        font-size: 17.4px;
    }
}

.s31 {
    font-size: calc(31 * 100vw / 1920);
}

@media(max-width: 1096px) {
    .s31 {
        font-size: 17.7px;
    }
}

.s32 {
    font-size: calc(32 * 100vw / 1920);
}

@media(max-width: 1080px) {
    .s32 {
        font-size: 18.0px;
    }
}

.s33 {
    font-size: calc(33 * 100vw / 1920);
}

@media(max-width: 1064px) {
    .s33 {
        font-size: 18.3px;
    }
}

.s34 {
    font-size: calc(34 * 100vw / 1920);
}

@media(max-width: 1050px) {
    .s34 {
        font-size: 18.6px;
    }
}

.s35 {
    font-size: calc(35 * 100vw / 1920);
}

@media(max-width: 1036px) {
    .s35 {
        font-size: 18.9px;
    }
}

.s36 {
    font-size: calc(36 * 100vw / 1920);
}

@media(max-width: 1024px) {
    .s36 {
        font-size: 19.2px;
    }
}

.s37 {
    font-size: calc(37 * 100vw / 1920);
}

@media(max-width: 1011px) {
    .s37 {
        font-size: 19.5px;
    }
}

.s38 {
    font-size: calc(38 * 100vw / 1920);
}

@media(max-width: 1000px) {
    .s38 {
        font-size: 19.8px;
    }
}

.s39 {
    font-size: calc(39 * 100vw / 1920);
}

@media(max-width: 989px) {
    .s39 {
        font-size: 20.1px;
    }
}

.s40 {
    font-size: calc(40 * 100vw / 1920);
}

@media(max-width: 979px) {
    .s40 {
        font-size: 20.4px;
    }
}

.s41 {
    font-size: calc(41 * 100vw / 1920);
}

@media(max-width: 969px) {
    .s41 {
        font-size: 20.7px;
    }
}

.s42 {
    font-size: calc(42 * 100vw / 1920);
}

@media(max-width: 960px) {
    .s42 {
        font-size: 21.0px;
    }
}

.s43 {
    font-size: calc(43 * 100vw / 1920);
}

@media(max-width: 951px) {
    .s43 {
        font-size: 21.3px;
    }
}

.s44 {
    font-size: calc(44 * 100vw / 1920);
}

@media(max-width: 942px) {
    .s44 {
        font-size: 21.6px;
    }
}

.s45 {
    font-size: calc(45 * 100vw / 1920);
}

@media(max-width: 934px) {
    .s45 {
        font-size: 21.9px;
    }
}

.s46 {
    font-size: calc(46 * 100vw / 1920);
}

@media(max-width: 926px) {
    .s46 {
        font-size: 22.2px;
    }
}

.s47 {
    font-size: calc(47 * 100vw / 1920);
}

@media(max-width: 919px) {
    .s47 {
        font-size: 22.5px;
    }
}

.s48 {
    font-size: calc(48 * 100vw / 1920);
}

@media(max-width: 911px) {
    .s48 {
        font-size: 22.8px;
    }
}

.s49 {
    font-size: calc(49 * 100vw / 1920);
}

@media(max-width: 905px) {
    .s49 {
        font-size: 23.1px;
    }
}

.s50 {
    font-size: calc(50 * 100vw / 1920);
}

@media(max-width: 898px) {
    .s50 {
        font-size: 23.4px;
    }
}

.s51 {
    font-size: calc(51 * 100vw / 1920);
}

@media(max-width: 892px) {
    .s51 {
        font-size: 23.7px;
    }
}

.s52 {
    font-size: calc(52 * 100vw / 1920);
}

@media(max-width: 886px) {
    .s52 {
        font-size: 24.0px;
    }
}

.s53 {
    font-size: calc(53 * 100vw / 1920);
}

@media(max-width: 880px) {
    .s53 {
        font-size: 24.3px;
    }
}

.s54 {
    font-size: calc(54 * 100vw / 1920);
}

@media(max-width: 874px) {
    .s54 {
        font-size: 24.6px;
    }
}

.s55 {
    font-size: calc(55 * 100vw / 1920);
}

@media(max-width: 869px) {
    .s55 {
        font-size: 24.9px;
    }
}

.s56 {
    font-size: calc(56 * 100vw / 1920);
}

@media(max-width: 864px) {
    .s56 {
        font-size: 25.2px;
    }
}

.s57 {
    font-size: calc(57 * 100vw / 1920);
}

@media(max-width: 858px) {
    .s57 {
        font-size: 25.5px;
    }
}

.s58 {
    font-size: calc(58 * 100vw / 1920);
}

@media(max-width: 854px) {
    .s58 {
        font-size: 25.8px;
    }
}

.s59 {
    font-size: calc(59 * 100vw / 1920);
}

@media(max-width: 849px) {
    .s59 {
        font-size: 26.1px;
    }
}

.s60 {
    font-size: calc(60 * 100vw / 1920);
}

@media(max-width: 844px) {
    .s60 {
        font-size: 26.4px;
    }
}

.s61 {
    font-size: calc(61 * 100vw / 1920);
}

@media(max-width: 840px) {
    .s60 {
        font-size: 26.7px;
    }
}

.s62 {
    font-size: calc(62 * 100vw / 1920);
}

@media(max-width: 836px) {
    .s60 {
        font-size: 27.0px;
    }
}

.s63 {
    font-size: calc(63 * 100vw / 1920);
}

@media(max-width: 832px) {
    .s60 {
        font-size: 27.3px;
    }
}

.s64 {
    font-size: calc(64 * 100vw / 1920);
}

@media(max-width: 828px) {
    .s60 {
        font-size: 27.6px;
    }
}

.s65 {
    font-size: calc(65 * 100vw / 1920);
}

@media(max-width: 824px) {
    .s60 {
        font-size: 27.9px;
    }
}

.s66 {
    font-size: calc(66 * 100vw / 1920);
}

@media(max-width: 820px) {
    .s60 {
        font-size: 28.2px;
    }
}

.s67 {
    font-size: calc(67 * 100vw / 1920);
}

@media(max-width: 816px) {
    .s67 {
        font-size: 28.5px;
    }
}

.s68 {
    font-size: calc(68 * 100vw / 1920);
}

@media(max-width: 813px) {
    .s68 {
        font-size: 28.8px;
    }
}

.s69 {
    font-size: calc(69 * 100vw / 1920);
}

@media(max-width: 809px) {
    .s69 {
        font-size: 29.1px;
    }
}

.s70 {
    font-size: calc(70 * 100vw / 1920);
}

@media(max-width: 806px) {
    .s70 {
        font-size: 29.4px;
    }
}

.s70 {
    font-size: calc(70 * 100vw / 1920);
}

@media(max-width: 803px) {
    .s70 {
        font-size: 29.7px;
    }
}

.s71 {
    font-size: calc(71 * 100vw / 1920);
}

@media(max-width: 800px) {
    .s71 {
        font-size: 30px;
    }
}

.s72 {
    font-size: calc(72 * 100vw / 1920);
}

@media(max-width: 796px) {
    .s72 {
        font-size: 30.3px;
    }
}

.s73 {
    font-size: calc(73 * 100vw / 1920);
}

@media(max-width: 793px) {
    .s73 {
        font-size: 30.6px;
    }
}

.s74 {
    font-size: calc(74 * 100vw / 1920);
}

@media(max-width: 791px) {
    .s74 {
        font-size: 30.9px;
    }
}

.s75 {
    font-size: calc(75 * 100vw / 1920);
}

@media(max-width: 788px) {
    .s75 {
        font-size: 31.2px;
    }
}

.s76 {
    font-size: calc(76 * 100vw / 1920);
}

@media(max-width: 79px) {
    .s76 {
        font-size: 31.5px;
    }
}

.s77 {
    font-size: calc(77 * 100vw / 1920);
}

@media(max-width: 785px) {
    .s77 {
        font-size: 31.8px;
    }
}

.s78 {
    font-size: calc(78 * 100vw / 1920);
}

@media(max-width: 782px) {
    .s78 {
        font-size: 32.1px;
    }
}

.s79 {
    font-size: calc(79 * 100vw / 1920);
}

@media(max-width: 780px) {
    .s79 {
        font-size: 32.4px;
    }
}

.s80 {
    font-size: calc(80 * 100vw / 1920);
}

@media(max-width: 777px) {
    .s80 {
        font-size: 32.7px;
    }
}

.s200 {
    font-size: calc(200 * 100vw / 1920);
}

@media(max-width: 777px) {
    .s200 {
        font-size: 80.7px;
    }
}

header {
    width: 100%;
    /* background-color: #fff; */
    height: 1rem;
}

.h-a {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #2268d5;
    height: 1rem;

    z-index: 6;
}

.h-cont {

    display: flex;
    align-items: center;
    /* flex-wrap: wrap; */
    justify-content: flex-end;
    width: 90%;
    margin: 0 auto;
    position: relative;
    /* height: 100%; */
}


.h-nav {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    /* margin-right: .63rem; */
    display: flex;
    align-items: center;
    height: 100%;
}

.h-dp {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    position: relative;
    margin: 0 .3rem;
}

.h-e {
    display: block;
    line-height: 1rem;
    color: #ffffff;
    height: 100%;
    position: relative;
    font-family: 'SourceHanSansCN-Normal';
}

.h-e::after {
    content: '';
    position: absolute;
    right: -.3rem;
    width: 2px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    background-color: rgba(255, 255, 255, .2);
}

.h-dp:last-child .h-e::after {
    display: none;
}

.h-dp.active .h-e {
    font-family: 'SourceHanSansCN-Normal';
}

.h-opa {
    left: -100vw;
    opacity: 0;
    transition: opacity .3s;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 122;
}

.h-sub {
    display: none;
    background-color: #edf6fd;
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: 1000;
    transform: translateX(-50%);
    box-shadow: 0px 6px 5px 1px rgba(0, 0, 0, 0.15);
}

.h-sub>li>a {
    display: block;
    width: 100%;
    line-height: 1.71;
    padding: .1rem 0.03rem;
    text-align: center;
    letter-spacing: 1px;
    color: #222222;
    transition: all .3s;
    word-break: keep-all;
    white-space: nowrap;

}

.h-s {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: .44rem;
    height: .44rem;
    background-image: url(../images/113.png);
    background-size: .16rem .17rem;
    background-repeat: no-repeat;
    background-position: center center;
}


.h-m {
    width: 1.8rem;
    height: .3rem;
    line-height: .3rem;
    border: 1px solid #ccc;
    border-right: none;
    vertical-align: top;
    background-color: transparent;
    color: #333;
    padding: 0 .1rem;
}



header.show-search .h-opa {
    left: 0;
    opacity: 1;
}

.h-one {
    display: block;
    width: 100%;
    line-height: p;
    color: #333;
}

header.show-lang .h-opa {
    left: 0;
    opacity: 1;
}

@media(max-width: 1920px) {


    .h-s {
        width: 44px;
        height: 44px;
        background-size: 16px 17px;
    }

    .h-one {
        line-height: 35px;
        color: #333;
    }

    .h-m {
        width: 180px;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
    }

    .h-n {
        width: 30px;
        height: 30px;
        background-size: 16px 17px;
    }
}

@media(min-width: 1150px) {
    .h-sub>li>a:hover {
        color: #415fff;
        font-weight: bold;
        transition: all .3s;

    }

    .h-one:hover {
        color: #194c7f;
    }
}


.h-menu {
    display: none;
}

.ph_wra {
    display: flex;
    align-items: center;
    margin-right: .5rem;
    position: absolute;
    left: 0;
    transition: all .3s;
    top: 0;
}

.ph_wra.scle-s {
    height: 100%;
    width: auto;
    transition: all .3s;
}

.ph_wra.scle-s img {
    height: 100%;
    transition: all .3s;
    width: auto;
}

.ph_wra img {
    width: 4.1rem;
    transition: all .3s;
    height: auto;
}



@media(min-width: 1100px) {
    .h-right {
        display: none;
    }

    .h_new {
        display: flex;
        height: 100%;
        align-items: center;
    }


}

@media(max-width: 1170px) {

    .h_new {
        display: none;
    }

    .h-right {
        display: block;
    }

    .hs_hidder {
        display: none;
    }

    .link_more {
        display: none;
    }



    .ph_wra {
        order: -1;
    }

    .ph_l {
        order: 0;
    }

    .h-right {
        order: 1;
    }

    header {
        height: 50px;
    }

    .h-a {
        height: auto;
    }

    .h-e {
        line-height: 44px;
    }

    .h-cont {
        width: 95%;
        margin: 0 auto;
        justify-content: space-between;
        padding: 10px 0;
        height: 50px;

        /* padding-left: 10px; */
    }

    .h-s {
        position: absolute;
        right: 44px;
        top: 0;
    }

    .h-menu {
        width: 30px;
        height: 100%;
        margin-left: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .h-menu span {
        color: #fff;
        font-size: 22px;

    }

    .h-nav {
        width: 100%;
        height: 100vh;
        overflow: auto;
        padding-right: 0;
        margin-right: 0;
        position: fixed;
        right: -100%;
        top: 0;
        background-color: #fff;
        z-index: 654321;
        padding-top: 10px;
        padding-bottom: 10px;
        transition: all .3s;
        display: inline-block;
    }

    .t_line {
        display: none;
    }

    header.show-menu .h-opa {
        left: 0;
        opacity: 1;
    }

    header.show-menu .h-nav {
        right: 0;
    }


    .h_logot {
        display: flex;
        justify-content: space-between;
    }

    .h-d {
        display: block;
        width: 100%;
        margin-left: 0;
        height: auto;
        position: relative;
    }

    .h-e {
        padding: 0 40px 0 20px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: #666;
        margin: 0;
        /* text-align: center; */
    }

    .h-sub {
        width: 100%;
        margin-left: 0;
        top: 0;
        position: relative;
        left: 0;
        transform: translateX(0);
        background-color: #fff;

    }

    .h-sub>li>a {
        padding-left: 40px;
        text-align: left;
    }



    .hs_hidder li {
        padding-left: .4rem;
        margin: .2rem 0;
        /* height: 20px; */
    }

    .hs_hidder li a {
        line-height: 1.5;
    }
}






/* 新增样式 */

.h-sub-nav {
    position: absolute;
    /* width: 100%; */
    min-width: 100%;
    left: 98%;
    top: 5px;
    z-index: 3;
    background-color: #fff;
    padding: 10px 0;
    box-shadow: 0px 6px 5px 1px rgba(0, 0, 0, 0.15);
}


.h-sub-nav {
    opacity: 0;
    z-index: -1;
}

.h-sub-nav li {
    background-color: #fff;
    padding: 10px 0;
    width: auto;
    border-bottom: 1px solid #e5e5e5;
}

.h-sub-nav li a {
    display: block;
    padding: 0rem 0.2rem;
    color: #001629;
    transition: background-color .3s;
    font-weight: normal;
    font-stretch: normal;
    white-space: nowrap;
    letter-spacing: 1px;
    color: #222222;
    transition: all .3s;
}

.h-sub-nav li a:hover {
    color: #415fff;
    font-weight: bold;
    transition: all .3s;
}

.h-sub li:hover .h-sub-nav {
    opacity: 1;
    transition: all .3s;
    z-index: 2;
}


.h-sub>li {
    position: relative;
    padding: 0 15px;
}


@media(max-width: 1100px) {

    .h_logot {
        display: flex;
        align-items: center;
        padding: 0 .25rem;
        justify-content: space-between;
    }

    .h-sub-nav {
        display: none;
    }

    .h-sub>li::after {
        display: none !important;
    }

    .h_img img {
        width: 1.78rem;
    }
}

@media (max-width: 1100px) {
    .h-d.has-nav.hs_er ::after {
        content: "+";
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        color: #666;
    }

    .h-d.has-nav.show.hs_er ::after {
        content: "-";

    }

    .hd_rela.has-nav::after {
        content: "+";
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        color: #666;
    }

    .hd_rela.show::after {
        content: "-";

    }

}



.has_item {
    width: 100%;
    padding-bottom: 44.27%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #194c7f;
    position: relative;
}



.h_search_icon {

    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;

    cursor: pointer;
}


.h_search_icon .s16 {
    font-family: SourceHanSansCN-Normal;
    margin-left: .1rem;
    color: #ffffff;
}

.h_right_logo {
    display: flex;
    align-items: center;
}





.FormBox {
    z-index: 2;
    position: absolute;
    right: 0;
    top: .8rem;
    background: #fff;
    width: 40%;
    padding: 10px 0;
    display: none;
    box-shadow: 2px 1px 21px 0px rgb(96 96 96 / 60%);
}

.FormBox .form {
    position: relative;
    width: 100%;
    display: block;
    padding: 0 40px;
}

.FormBox .exit {
    position: absolute;
    left: 10px;
    top: 0;
    height: 100%;
    width: 30px;
    background: url(../images/exit.png) no-repeat center / 16px auto;
    cursor: pointer;
}

.FormBox .Key {
    display: block;
    line-height: 42px;
    height: 42px;
    width: 100%;
    padding: 0 15px;
}

.FormBox .form .submit {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 0;
    height: 100%;
    width: 30px;
    background: url(../images/search_logo.png) no-repeat center;
}

.SmallHeader .data-header-pc-1,
.header_n.data-header-pc-1 {
    /* box-shadow: 0 0 10px rgba(0, 0, 0, .2); */
    background-color: #fff;
}

.SearchShow .FormBox {
    display: block;
}

.cl_h {
    background-color: #fff;
    position: absolute;
    width: 200%;
    left: 50%;
    top: 100%;
    z-index: 5;
    transform: scaleY(0) translateX(-50%);
    transform-origin: center top;
    transition: all .3s;
}

.h_lang_change:hover .cl_h {
    transform-origin: center top;
    transition: all .3s;
    transform: scaleY(1) translateX(-50%);
}

.cl_h a {
    display: block;
    text-align: center;
    padding: 10px 0;
}






@media(max-width: 1170px) {
    .has_pop {
        width: 82%;
        left: 5%;
    }

    .has_item {
        padding-bottom: 71.27%;
    }

    .h_right_logo {
        margin-left: auto;
    }



}

@media(max-width: 750px) {
    .FormBox {
        width: 100%;
    }
}

.v-a {
    position: fixed;
    left: 50%;
    top: 110%;
    transform: translate(-50%, 0);
    width: 9.6rem;
    z-index: 999999999;
    transition: all .5s ease-in-out;
    padding: .2rem;
    padding-top: .4rem;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

.v-a * {
    box-sizing: border-box;
}

.v-a.show {
    top: 50%;
    transform: translate(-50%, -50%);
}

.v-a.show .v-e {
    visibility: visible;
}

.v-a.show .v-f {
    display: block;
}




.v-b {
    width: 100%;
    background-color: #000;
}

.v-c {
    display: block;
    width: .4rem;
    height: .4rem;
    font-size: .3rem;
    text-align: center;
    line-height: .4rem;
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 10000;
}

.v-e {
    visibility: hidden;
    width: 100%;
    width: 100%;
    height: 5.4rem;
}

.v-f {
    display: none;
    width: 100%;
}




@media(max-width: 900px) {

    .v-c {
        width: 30px;
        height: 30px;
        line-height: 30px;
        top: 0;
        font-size: 20px;
    }

    .v-a {
        width: 100%;
        padding-top: 30px;
    }

    .v-e {
        width: 100%;
        height: 56.25vw;
    }

    .v-f {
        width: 100%;
    }
}



.main_banner {
    position: relative;
}


.main_banner_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    position: absolute;
    left: 50%;
    bottom: .2rem;
    transform: translateX(-50%);
    z-index: 3;
}

.main_banner_num {
    display: flex;
    align-items: flex-start;
}

.main_banner_num p {
    font-family: Alibaba-PuHuiTi-R;
    color: #f6f7f8;
}

.main_banner_pag {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.main_banner_pag .swiper-pagination-bullet {
    width: 60px;
    height: 3px;
    background-color: #fff;
    border-radius: 0;
    opacity: 1;
    margin-right: .2rem;
    position: relative;
}

.main_banner_pag .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: #004cd5;
    content: '';
    left: 0;
    top: 0;
    animation: animX 6s infinite;
}

.home-title-header {
    padding: .5rem 0;
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.more-link {
    display: flex;
    align-items: center;
    background-color: #004cd5;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.3),
        inset 0px 3px 5px 0px rgba(18, 15, 56, 0.35);
    border-radius: 25px;
    border: solid 1px #ffffff;
    transition: all .3s;
    padding: .2rem;
}

.more-link:hover {
    transform: scale(1.1);
    transition: all .3s;
}


.home-title-item .s48 {
    /* font-family: SourceHanSansCN-Bold; */
    font-weight: bold;
    color: #131313;
    z-index: 3;
    position: relative;
}

.home-title-item {
    position: relative;
}

.home-title .s30 {
    font-family: SourceHanSansCN-Medium;
    color: #131313;
    margin-top: .1rem;
}


.home-title-item .hti-deep.s48 {
    position: absolute;
    left: 0;
    top: 0;
    font-family: SourceHanSansCN-Bold;
    -webkit-text-stroke: 1px #000;
    transform: translateX(2px) translateY(-3px);
    color: transparent;
    z-index: 2;
}


.more-link .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    /*margin-right: .45rem;*/
    margin: 0 0.2rem;
}

.hti-deep::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: .46rem;
    height: .46rem;
    background-image: url(../images/p-bg.png);
    z-index: 1;
    transform: translateX(25%) translateY(-25%);
}

.home-title .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #717273;
    margin-top: .3rem;
    line-height: 1.6;
}

.h-business-area-content {
    position: relative;
}

.h-business-area-content>img {
    width: 100%;
    height: auto;
}


.h-business-area {
    margin-top: .5rem;
    position: relative;
}


.h-business-area-item {
    position: absolute;
    z-index: 5;
}

.area-pos {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}


.video-wrap {
    border: solid 2px rgba(0, 76, 213, 1);
    background-color: rgba(0, 76, 213, 1);
    display: none;
    position: relative;
    z-index: 2;
}

.video-wrap-item {
    position: relative;
}

.video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer;
}

.video-wrap-word {
    display: flex;
    justify-content: space-between;
}

.video-wrap-word .s14 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
}

.video-wrap-word {
    padding: .2rem .3rem;
}

.h-business-area-item-btn {
    cursor: pointer;
    width: .57rem;
}

.h-business-area-item-btn {
    animation: changesize 2s infinite;
    transition: all 5s;
}

.h-business-area-item:nth-child(2n) .h-business-area-item-btn {
    animation-delay: .3s;
}

.h-business-area-item:nth-child(3n) .h-business-area-item-btn {
    animation-delay: .6s;

}

.h-understand-us-wrap {
    padding: 1rem 0;
    background-size: cover;
    background-position: center center;
}

.h-understand-us {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


.uu-wrad-content .s14 {
    line-height: 1.6;
    font-family: SourceHanSansCN-Normal;
    color: #666666;
}


.uu-wrad .s18 {
    font-family: SourceHanSansCN-Medium;
    color: #222222;
    margin-bottom: .15rem;
}

.uu-wrad {
    margin: .5rem 0;
}

.more-wrap {
    display: flex;
    align-items: center;
}

.uu-left {
    width: calc(598 / 1920 *100%);
}

.h-construction-equipment-select {
    display: flex;

}

.h-construction-equipment-select .s20 {
    font-family: SourceHanSansCN-Medium;
    color: #666;
    margin-left: .25rem;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.h-construction-equipment-select .s20.active {
    color: #004cd5;
}

.h-construction-equipment-select .s20::before {
    content: '';
    width: 2px;
    height: 100%;
    background-color: transparent;
    display: block;
    margin-right: .1rem;
    transition: all .3s;
}

.h-construction-equipment-select .s20.active::before {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #004cd5;
    display: block;
    margin-right: .1rem;
    transition: all .3s;
}

.h-construction-equipment-select .s20:hover {
    color: #004cd5;
    transition: all .3s;
}

.h-construction-equipment-select .s20:hover::before {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #004cd5;
    display: block;
    margin-right: .1rem;
    transition: all .3s;
}


.case-num {
    display: flex;
    align-items: flex-start;
}

.case-num .s80 {
    font-family: Alibaba-PuHuiTi-B;
    font-weight: bold;
    color: #004cd5;
}

.case-num .s39 {
    font-family: SourceHanSansCN-Medium;

    color: #004cd5;
}


.case-p-head {
    margin-left: .1rem;
}


.case-p-head .s20 {
    font-family: SourceHanSansCN-Medium;
    color: #004cd5;
    margin-bottom: .1rem;
}

.case-p-head .s18 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
}

.h-case-wrap .more-wrap {
    align-items: flex-end;
}


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

    50% {
        transform: scale(1.5);
    }

    100% {
        transform: scale(1);
    }
}


@keyframes animX {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}


.uu-right {
    width: calc(1120 / 1920 *100%);
    margin-left: 1rem;
}

.uu-right-video video.active::-webkit-media-controls {
    display: none !important;
}

.business-area-item-left-img video.active::-webkit-media-controls {
    display: none !important;
}



.uu-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .78rem;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
    cursor: pointer;
}

.uu-btn img {
    width: 100%;
}

.uu-right-video {
    position: relative;
}

.uu-right-video video {
    width: 100%;
    height: auto;
    object-fit: cover;
}


.uu-num-list {
    display: flex;
    justify-content: space-between;
    margin-top: .5rem;
}

.uu-num-item {
    width: 33.333333%;
}


.uu-num {
    display: flex;
    align-items: center;
}


.uu-num .s46 {
    font-weight: bold;
    font-family: Alibaba-PuHuiTi-B;
    color: #004cd5;
    margin-right: .05rem;
}


.uu-num .s20 {
    font-family: SourceHanSansCN-Normal;
    color: #004cd5;
}

.uu-num .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #004cd5;
}

.uu-num {
    margin-top: .15rem;
}

.uu-num-item .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    margin-top: .1rem;
}

.h-construction-equipment {
    padding: .7rem 0;
}

.h-construction-equipment-slide {

    padding-left: 1rem;
    padding-bottom: 1.52rem;
}

.construction-equipment-swiper {
    display: none;
}

.construction-equipment-swiper:first-child {
    display: block;
}

.h-construction-equipment-swiper .swiper-slide {
    width: 6.24rem;
    margin-right: .9rem;
}

.h-construction-equipment-swiper .swiper-slide * {
    transition: all .3s;
}

.h-construction-equipment-swiper .swiper-slide:last-child {
    margin-right: 0;
}

.h-construction-equipment-slide {
    position: relative;
}


.h-construction-equipment-word {
    position: absolute;
    width: 100%;
}

.h-construction-equipment-slide-img {
    width: 5.34rem;
    width: calc(534 / 624*100%);
}

.h-construction-equipment-slide-img img {
    width: 100%;
}

.h-construction-equipment-word {
    width: 100%;
    bottom: 0;
    left: 0;
}

.h-construction-equipment-word-left {
    background-color: #ffffff;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.2);
    border: solid 1px #004cd5;
    width: calc(384 / 534 *100%);
    padding: .3rem .25rem .2rem .25rem;
}


.h-construction-equipment-word-left .s18 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
}

.h-construction-equipment-word-left .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    margin-top: .2rem;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ce-link {
    display: flex;
    margin-top: .5rem;
    align-items: center;
}

.ce-link img {
    height: 10px;
}

.h-construction-equipment-swiper.swiper-container {
    padding-bottom: .7rem;
    padding-right: .3rem;
}

.h-construction-equipment-swiper-wrap {
    margin-left: auto;
    width: calc(1820 / 1920 *100%);
}

.h-construction-equipment-swiper-wrap .ce-link .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    margin-top: 0;
    margin-right: .15rem;
}

.h-construction-equipment-swiper .swiper-scrollbar {
    width: 90% !important;
    left: 2% !important;
    background-color: #cccccc;
    height: 3px !important;
}

.h-construction-equipment-swiper .swiper-scrollbar-drag {
    height: 180%;
    top: -10% !important;
    /* transform: translateY(-50%); */
    background-color: #004cd5;
    box-shadow: 0px 1px 4px 2px rgba(0, 76, 213, 0.3);
    border: solid 1px #ffffff;
}


.employee-style-swiper .swiper-scrollbar {
    width: 90% !important;
    left: 2% !important;
    background-color: #cccccc;
    height: 3px !important;
}

.employee-style-swiper .swiper-scrollbar-drag {
    height: 180%;
    top: -10% !important;
    /* transform: translateY(-50%); */
    background-color: #004cd5;
    box-shadow: 0px 1px 4px 2px rgba(0, 76, 213, 0.3);
    border: solid 1px #ffffff;
}

.h-construction-equipment-word {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.h-construction-equipment-word-right {
    display: flex;
    align-items: flex-end;
}

.h-construction-equipment-swiper-wrap {
    display: none;
}

.h-construction-equipment-swiper-wrap:first-child {
    display: block;
}

.h-construction-equipment-swiper .swiper-slide:hover .h-construction-equipment-word-left .s18 {
    color: #fff;

}

.h-construction-equipment-swiper .swiper-slide:hover .h-construction-equipment-word-left {
    background-color: #004cd5;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.3),
        inset 0px 3px 5px 0px rgba(18, 15, 56, 0.35);
    border: solid 1px #dddddd;
}


.h-construction-equipment-swiper .swiper-slide:hover .h-construction-equipment-word-left .s14 {
    font-family: SourceHanSansCN-Normal;

    color: #fff;
    opacity: 0.6;

}

.h-construction-equipment-swiper .swiper-slide:hover .ce-link img.active {
    display: block;
    opacity: .6;
}

.h-construction-equipment-swiper .swiper-slide:hover .ce-link img {
    display: none;
}

.ce-link img.active {
    display: none;
}


.h-case-wrap {
    padding-top: 1rem;
    background-color: #f6f6f6;
}


.h-case-left {
    width: calc(760 / 1920 *100%);
    position: relative;
    overflow: hidden;
}


.h-case-left>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}

.h-case-left:hover>img {
    transform: scale(1.1);
    transition: all .5s;
}

.hcr-down-img,
.hcr-up {
    overflow: hidden;
}

.hcr-up,
.hcr-down-img {
    height: 4.2rem;
}


.hcr-up>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}

.hcr-up:hover>img {
    transform: scale(1.1);
    transition: all .5s;
}



.hcr-down-img>img {
    width: 100%;
    transition: all .5s;
}

.hcr-down-img:hover>img {
    transform: scale(1.1);
    transition: all .5s;
}


.h-case-content {
    display: flex;
    justify-content: space-between;
}

.h-case-left-word {
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 100%;
    padding-left: .3rem;
    padding-bottom: .3rem;
    padding-top: .6rem;
    padding-right: .3rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: all .3s;
}

.hcr-down-img:hover .h-case-left-word {
    background-image: linear-gradient(rgba(4, 74, 200, .05), rgba(4, 74, 200, .5), rgba(4, 74, 200, .9));
    transition: all .3s;
}

.h-case-left:hover .h-case-left-word {
    background-image: linear-gradient(rgba(4, 74, 200, .05), rgba(4, 74, 200, .5), rgba(4, 74, 200, .9));
    transition: all .3s;
}



.hcr-up:hover .h-case-left-word {
    background-image: linear-gradient(rgba(4, 74, 200, .05), rgba(13, 15, 19, 0.5), rgba(4, 74, 200, .9));
    transition: all .3s;
}

.h-case-left-word .s14 {
    display: none;
    margin: 0 0.2rem;
}


.h-case-left-more {
    display: none;
    border-radius: 25px;
    border: solid 1px #ffffff;
    transition: all .3s;
    padding: 0.2rem;
    /* width: 1.8rem; */

}

.h-case-left-more .s14 {
    display: block;
}


.hcr-down-img:hover .h-case-left-word .s14 {
    display: block;
    margin: 0 0.2rem;
}

.hcr-down-img:hover .h-case-left-more {
    display: flex;
    border-radius: 25px;
    border: solid 1px #ffffff;
    transition: all .3s;
    padding: 0.2rem;
    width: auto;

}



.hcr-up:hover .h-case-left-word .s14 {
    display: block;
    margin: 0 0.2rem;
}

.hcr-up:hover .h-case-left-more {
    display: flex;
    border-radius: 25px;
    border: solid 1px #ffffff;
    transition: all .3s;
    padding: 0.2rem;
    /* width: 1.8rem; */
}





.h-case-left:hover .h-case-left-word .s14 {
    display: block;
    margin: 0 0.2rem;
}

.h-case-left:hover .h-case-left-more {
    display: flex;
    border-radius: 25px;
    border: solid 1px #ffffff;
    transition: all .3s;
    padding: 0.2rem;
    /* width: 1.8rem; */

}






.hcr-down {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .1rem;
}

.h-case-left-word .s22 {
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
    margin-bottom: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 1.4;
    -webkit-box-orient: vertical;
}

.h-case-left-more {
    margin-top: .4rem;
}

.h-case-left-word .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;

}


.h-case-right {
    width: calc(1148 / 1920 *100%);
}


.hcr-down-img {
    width: calc(568 / 1148 *100%);
}

.hcr-up,
.hcr-down-img {
    position: relative;
    display: block;
}

.case-p {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    padding-left: .3rem;
    padding-bottom: .25rem;
    z-index: 1;
    padding-right: .3rem;

}

.case-p p.s18 {
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
}


.h-news-wrap {
    padding: 1rem 0;
}

.h-news-item {
    display: flex;
    background-color: #ffffff;
    box-shadow: 0px 1px 40px 0px rgba(15, 69, 141, 0.27);
}

.h-news-item-left {
    position: relative;
    width: calc(780 / 1720 *100%);
}

.h-news-item-left .more-link {
    position: absolute;
    left: 10%;
    bottom: 0;
    transform: translateY(50%);
}

.h-news-item-left-lis {
    height: 100%;
}

.h-news-item-left-lis img {
    display: none;
}

.h-news-item-left-lis img:first-child {
    display: block;
}

.h-news-item-left .h-news-item-left-lis>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.h-news-list {
    width: 90%;
    margin: 0 auto;
}

.h-news-item-right {
    width: calc(940 / 1720 *100%);
}

.h-news-right-item-wrap {
    border-bottom: 1px solid #dddddd;
    width: calc(780 / 940 *100%);
    margin: 0 auto;
}

.h-news-right-item-wrap:last-child {
    border: none;
}

.h-news-right-item {
    padding: .4rem 0;
    align-items: center;
    display: flex;

    margin: 0 auto;

}

.h-news-right-item {
    align-items: center;
    display: flex;
}

.h-news-date {
    align-items: center;
    display: flex;
}

.h-news-date {
    width: 15%;
    align-items: flex-end;

    display: flex;
}


.h-news-date-word {
    width: 70%;
}

.h-news-date-word .s14 {
    display: none;
}

.h-news-date p {
    font-family: Alibaba-PuHuiTi-M;
    color: #333333;
}

.h-news-right-item-wrap.active .h-news-date p {
    color: #004cd5;
}

.h-news-date-word .s18 {
    font-family: SourceHanSansCN-Medium;
    color: #000000;
    margin-bottom: .1rem;
}

.h-news-date-word .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
}

.h-news-right-item-wrap.active .h-news-date-word .s18 {
    color: #004cd5;
}

.h-news-right-item-wrap.active .h-news-date-word .s14 {
    display: block;
}

.h-news-right-item {
    transition: all .3s;
}

.h-news-right-item-wrap.active .h-news-right-item {
    transform: translateX(-.3rem);
    transition: all .3s;
}

.h-news-right-item-wrap {
    position: relative;
}

.h-news-right-item-wrap.active::after {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-200%);
    width: .60rem;
    height: 3px;
    background-color: #004cd5;
    z-index: 3;
}

.h-news-item-wrap {
    display: none;
}

.h-news-item-wrap:first-child {
    display: block;
}

@media(max-width: 900px) {
    .h-construction-equipment-swiper .swiper-slide {
        width: 100%;
    }

    .home-title {
        width: 100%;
        margin-bottom: .35rem;
    }

    .home-title-header {
        flex-wrap: wrap;
    }

    .main_banner_pag .swiper-pagination-bullet {
        width: 40px;
    }
}


@media(max-width: 850px) {
    .h-news-right-item {
        padding: .5rem 0;
    }

    .h-news-date-word {
        width: 75%;
    }

    .h-news-date {
        width: 20%;
    }

    .h-construction-equipment-slide-img {
        width: 100%;
    }

    .h-news-item {
        flex-wrap: wrap;
    }

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

    .h-case-right {
        margin-top: .15rem;
    }

    .h-case-content {
        flex-wrap: wrap;
    }

    .h-case-left,
    .h-case-right {
        width: 100%;
    }

    .h-construction-equipment-select {
        max-width: 100%;
        overflow-x: auto;
        padding-bottom: 15px;
    }

    .h-understand-us {
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 90%;
        margin: 0 auto;
    }

    .uu-left,
    .uu-right {
        width: 100%;
        margin-left: 0;
    }

    .uu-right {
        margin-top: .3rem;
    }
}




.footer {
    border-top: 5px solid #2268d5;
    position: relative;
}

.ft-cat {
    position: absolute;
    bottom: 100%;
    right: 10%;
    width: 4.5rem;
    transform: translateY(35%);
}

.f-main {
    width: 90%;
    padding: .5rem 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.f-logo {
    width: 2.33rem;
}

.f-phone p {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    margin-left: .1rem;
}

.f-addr p {
    font-family: Alibaba-PuHuiTi-M;
    color: #ffffff;
}

.f-phone {
    display: flex;
    align-items: center;

    margin-bottom: .2rem;
}

.f-nav {
    margin-right: .8rem;
}

.f-nav-list {
    display: flex;
}


.f-nav-title a {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
}

.f-nav-menu {
    margin-top: .3rem;
    display: flex;
    flex-direction: column;
}

.f-nav-menu a {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    opacity: 0.5;
    transition: all .3s;
    margin-bottom: .18rem;
}

.f-nav-menu a:hover {
    opacity: 1;
    transition: all .3s;
}

.ft-wrap {
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.ft-wrap {
    width: 90%;
    display: flex;
    justify-content: space-between;
    padding: .45rem 0;
    flex-wrap: wrap;
    margin: 0 auto;
}

.fb-left .s16 {
    font-family: SourceHanSansCN-Regular;

    color: #ffffff;
    line-height: 1.6;
    opacity: 0.5;

}

.fb-selest .s16 {
    font-family: SourceHanSansCN-Regular;

    color: #ffffff;
    opacity: 0.5;
}


.fb-selest {
    padding: .15rem .2rem;
    width: 2.85rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #363636;
    position: relative;



}

.select-link {
    bottom: 100%;
    width: 100%;
    left: 0;
    position: absolute;
    color: #000;
    transform: scaleY(0);
    transition: all .3s;
    transform-origin: center bottom;

}

.fb-selest .select-link a {
    display: block;
    padding: 10px;
    color: #000;
    background-color: #fff;
    opacity: 1;
}

.fb-selest .select-link a:hover {
    background-color: #ed760b;
    color: #fff;
}


.fb-selest:hover .select-link {
    transform: scaleY(1);
    transition: all .3s;
    transform-origin: center bottom;
}


.share-item {
    position: relative;
    width: 38px;
    height: 38px;
    /* background-color: #494949; */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px rgba(255, 255, 255, .3);

    margin-right: 10px;
}

.share-item img.active {
    display: none;
}


.share-item:hover {
    background-color: #004cd5;
}

.share-item:hover img {
    opacity: 1;
}

.share-item img {
    width: 16px;
    height: auto;
    opacity: .6;
}


.share-list {
    display: flex;
    margin-top: .3rem;
}

.fs_pop {
    position: absolute;
    width: auto;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) scaleY(0);
    padding: 10px;
    transform-origin: center top;
    transition: all .3s;
    overflow: hidden;

}

.fspop_item::after {
    display: block;
    content: '';
    position: absolute;
    top: 0%;
    width: 10px;
    height: 10px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotateZ(45deg);
    background-color: #fff;


}

.fspop_item {
    padding: 10px;
    background-color: #fff;
    position: relative;

}

.f-main-right {
    display: flex;
    padding: 10px;
}

.pro-share-item .fspop_item img {
    width: 100px;
    height: auto;
    opacity: 1;
    max-width: none;
}


.pro-share-item:hover .fs_pop {
    transform: translateX(-50%) scaleY(1);
    transform-origin: center top;
    transition: all .3s;
    z-index: 3;
}

.fm-list {
    display: flex;
    margin-top: .3rem;
}


.fa-item .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    opacity: 0.4;
    text-align: center;
    margin-top: .15rem;
}


.fa-item img {
    width: 1.06rem;
}


.fa-item {
    margin-left: .2rem;
}

.fa-item:first-child {
    margin-left: 0;
}

.footer {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media(max-width: 800px) {

    .pro-share {
        margin-top: .15rem;
    }

    .fm-list {
        justify-content: center;
    }

    .fb-left {
        margin-bottom: .2rem;
    }

    .share-list {
        justify-content: center;
    }

    .f-nav-list {
        flex-wrap: wrap;
    }

    .f-nav {
        margin-bottom: .2rem;
    }

    .f-main,
    .f-main-right {
        flex-direction: column;
    }

    .f-nav-menu a {
        margin-right: .2rem;
    }

    .f-nav-menu {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.aside-title .s12 {
    font-family: SourceHanSansCN-Medium;
    color: #0857a7;
    font-style: italic;
    margin-top: .1rem;
}

.aside-title .s14 {
    font-family: SourceHanSansCN-Medium;
    color: #0857a7;
    font-style: italic;
    margin-top: .1rem;
}


aside {
    position: fixed;
    right: 15px;
    top: 45%;
    z-index: 5;
    background-color: #ffffff;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.2);
    border-radius: 10px;
    border: solid 1px #004cd5;
    padding: .25rem .15rem;
    padding-top: 1.3rem;
}

.asd_list a {
    display: flex;
    /* background-color: #2268d5; */
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin-bottom: 10px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.asd_list a::after {
    content: '';
    display: block;
    width: 11px;
    height: 1px;
    background-color: #004cd5;
    opacity: 0.1;
    margin-top: .15rem;
}

.asp_i img {
    width: 90px !important;
}

.as_pop {
    position: absolute;

    right: 100%;
    width: 127px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 10px;
    transform: scaleX(0) translateY(-50%);
    transform-origin: right center;
    transition: all .3s;
    top: 50%;
}

.phone-aside.as_pop {
    width: auto;
}

.phone-aside.as_pop .asp_item {
    min-width: 127px;
}

.phone-aside.as_pop .asp_i p {
    width: auto;
    word-break: keep-all;
    white-space: nowrap;
}

.as_senced:hover .as_pop {
    transform: scaleX(1) translateY(-50%);
    transform-origin: right center;
    transition: all .3s;
}

.asp_item {
    padding: 10px;
    background-color: #2268d5;
    border-radius: 10px;
    position: relative;
}


.asp_item::after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 0;
    background-color: #2268d5;
    transform: translateX(50%) translateY(-50%) rotateZ(45deg);

}

.asp_i .s14 {
    text-align: center;
    color: #ffffff;
    font-family: SourceHanSansCN-Regular;
    margin: 10px 0;
}

.asp_i {
    margin-bottom: 15px;
}



.aside-title {
    position: absolute;
    text-align: center;
    top: 0;
    left: 50%;
    transform: translateY(-38%) translateX(-50%);
    width: 100%;
}


.other-banner {
    width: 100%;
    padding-bottom: 44.79%;
    background-size: cover;
    position: relative;
    background-position: center center;
}


.banner-word {
    position: absolute;
    left: 10%;
    top: 40%;
}

.gun {
    position: absolute;
    right: 5%;
    bottom: .3rem;
}


.banner-word .home-title-item .s48 {
    color: #ffffff;
}

.banner-word .home-title .s16 {
    color: #ffffff;
}

.banner-word .home-title-item .hti-deep.s48 {
    -webkit-text-stroke: 1px #fff;
    color: transparent;
}


.banner-word .hti-deep::after {
    background-image: url(../images/b-bg.png);
}

.crumbs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* overflow-x: auto; */



}

.crumbs-right {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding-left: .6rem;
}

.crumbs-left {
    display: flex;
    /* flex-shrink: 0; */
}


.crumbs-right .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #333333;
    margin: 0 .08rem;
    word-break: keep-all;

    white-space: nowrap;
}

.h-wrap {
    width: calc(1444 / 1920 *100%);
    margin: 0 auto;
}

.f-main.h-wrap {
    width: 90%;
}

.crumbs-left li {
    padding: .25rem 0;
}

.crumbs-left li a {
    display: block;
    padding: .05rem .6rem;
    font-family: SourceHanSansCN-Normal;
    color: #333333;
    border-left: 1px solid #dddddd;
    word-break: keep-all;
    white-space: nowrap;
}

.crumbs-left li.active {
    color: #ffffff;
    background-color: #004cd5;
}

.crumbs-left li.active a {
    color: #ffffff;
}


.crumbs-left li:hover {
    color: #ffffff;
    background-color: #004cd5;
}

.crumbs-left li:hover a {
    color: #ffffff;
}

.crumbs-left li:last-child a {
    border-right: 1px solid #dddddd;
}

.home-title .s18 {
    font-family: SourceHanSansCN-Medium;
    color: #222222;
    margin-top: .3rem;
}

.crumbs-wrap {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    z-index: 1;
    position: relative;
}

.business-area-container {
    position: relative;
    z-index: 2;
}


.area-f-img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0%;
    left: 0;
}


.area-f-img img {
    width: 100%;
}

.profile {
    display: flex;
    justify-content: space-between;
}


.profile-wrap {
    padding: 1rem 0 .7rem 0;
    position: relative;
}

.profile-right {
    width: calc(1031 / 1444 *100%);
}


.profile-right p {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
}

.profile-data {
    display: flex;
    margin-top: .5rem;

}


.profile-data-item {
    width: calc(7 / 10 *100%);
    display: flex;
    justify-content: center;
}

.profile-data-num {
    display: flex;
    align-items: flex-start;
}


.profile-data-num .s46 {
    font-family: Alibaba-PuHuiTi-B;
    font-weight: bold;
    color: #004cd5;
}

.profile-data-num .s30 {
    font-family: SourceHanSansCN-Normal;
    color: #004cd5;
    margin-left: .05rem;
}

.pdi .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    margin-top: .25rem;
}

.profile-slide-btn {
    display: flex;
    cursor: pointer;

}

.profile-slide-bottom p.s24 {
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
    box-shadow: 3px 5px 6px 0px rgba(0, 0, 0, 0.1);
    margin-left: .3rem;
}

.profile-slide {
    position: relative;
}

.profile-slide-bottom {
    align-items: center;
    position: absolute;
    display: flex;
    bottom: .4rem;
    width: 100%;
    left: 0;
    padding-left: .4rem;
}

.profile-slide-btn {
    background-color: #ffffff;
    border-radius: 20px;
    flex-shrink: 0;
    padding: .15rem .3rem;
}

.profile-slide-btn .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #222222;
    word-break: keep-all;
    white-space: nowrap;
    margin-right: .15rem;
}


.profile-swiper .swiper-slide {
    width: calc(1200 / 1920 *100%);

}

.profile-slide-img {
    height: 8rem;
}

.profile-slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-swiper .swiper-slide.swiper-slide-active .profile-slide-bottom {
    display: flex;
}

.profile-slide-bottom {
    display: none;
}


.profile-swiper-wrap {
    margin-top: .7rem;
}

.corporate-culture {
    justify-content: space-between;
    display: flex;
}

.corporate-culture-left {
    width: calc(530 / 1444 *100%);
}

.profile-swiper-wrap .main_banner_bottom {
    position: static;
    justify-content: center;
    transform: translateY(0) translateX(0);
    width: 100%;
    margin-top: .3rem;
}

.profile-swiper-wrap .main_banner_pag .swiper-pagination-bullet {
    background-color: #cccccc;
    margin-bottom: .1rem;

}

.corporate-culture-item {
    display: flex;
    align-items: center;
    padding: .3rem .25rem;
    border-top: 1px solid #cccccc;
    cursor: pointer;
    transition: all .3s;
}

.corporate-culture-item:hover {
    transform: scale(1.1);
    transition: all .3s;
    background-color: #ffffff;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.2);
    border: solid 1px #004cd5;
}

.corporate-culture-item.active {
    transform: scale(1.1);
    transition: all .3s;
    background-color: #ffffff;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.2);
    border: solid 1px #004cd5;
}

.corporate-culture-item:last-child {
    border-bottom: 1px solid #cccccc;
}

.corporate-culture-item.active:last-child {
    border-bottom: solid 1px #004cd5;
}

.corporate-culture-item-logo img {
    width: .43rem;
}

.corporate-culture-item-p {
    margin-left: .25rem;
}

.corporate-culture-item-p .s22 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
}

.corporate-culture-item-p .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #2e4369;
    margin-top: .1rem;
    opacity: 0.8;
}

.corporate-culture-right {
    width: calc(720 / 1444 *100%);
}

.corporate-culture-img-list {
    height: 100%;
}

.corporate-culture-img-list img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.corporate-culture-img-list img:first-child {
    display: block;
}

.corporate-culture-wrap {
    position: relative;
}

.corporate-culture-wrap .h-wrap {
    margin-bottom: .7rem;
}


.development-history-left {
    width: calc(384 / 1444 *100%);
}


.development-history-wrod {
    display: none;
}

.development-history-wrod:first-child {
    display: block;
}

.development-history-p p {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
}

.development-history-p p::before {
    background-color: #004cd5;
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    transform: translateY(-3px);
    margin-right: 2px;
}

.development-history-bottom .s40 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
}

.development-history-bottom .s16 {
    font-family: SourceHanSansCN-Regular;
    margin-top: .1rem;
    color: #999999;
}

.development-history-bottom {
    margin-top: 1.5rem;
}

.development-history-wrod {
    margin-top: .7rem;
}

.development-history-title {
    margin-bottom: .4rem;
}

.development-history-swiper-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: .25rem;
}

.development-history-p-list {
    height: 120px;
    overflow-y: auto;

}

.development-history-p-list::-webkit-scrollbar {
    width: 3px;
    height: 1px;
}

.development-history-p-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px #1165de;
    background: #535353;
}

.development-history-p-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
    border-radius: 10px;
    background: #ededed;
}

.development-history-btn {
    width: .37rem;
    height: .37rem;
    border-radius: 50%;
    background-color: #004cd5;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.3),
        inset 0px 3px 5px 0px rgba(18, 15, 56, 0.35);
    border: solid 1px #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.development-history {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}

.development-history-right {
    width: calc(960 / 1440 *100%);
}

.development-history-swiper .swiper-slide {
    width: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.development-history-slide p {
    font-family: ArialMT;

    color: #999999;
}

.development-history-swiper.swiper-container {
    width: 75%;
    padding-bottom: .3rem;
}

.development-history-swiper .swiper-slide.swiper-slide-active .development-history-slide p {
    color: #004cd5;
    position: relative;
}

.development-history-swiper .swiper-slide.swiper-slide-active .development-history-slide p::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #004cd5;
    border-radius: 50%;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.development-history-right-img {
    display: none;
}


.development-history-right-img:first-child {
    display: block;
}

.development-history-wrap {
    position: relative;
    padding: 1rem 0;
    background-color: rgba(4, 63, 187, .1);
}


.about-honors-wrap {
    position: relative;
    padding: 1rem 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.about-honors-swiper-wrap {
    position: relative;
    display: none;
}

.about-honors-swiper-wrap:first-child {
    display: block;
}


.honor-btn {
    width: .6rem;
    height: .6rem;
    background-color: #004cd5;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
}

.honor-prev {
    left: 0%;
}

.honor-next {
    right: 0;
}

.about-honors-swiper .swiper-slide {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.honors-slide {
    max-width: 75%;
    margin: 0 auto;
}

.honors-slide-img {
    display: flex;
    align-items: center;
    justify-content: center;
    /* max-width: 3.13rem; */
    height: 3.44rem;
}

.honors-slide-img img {
    /* width: 2.13rem; */
    /* max-width: 3.13rem; */
    /* width: auto; */
    max-height: 3.44rem;
}



.honors-slide .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #333333;
    text-align: center;
    line-height: 1.6;
    margin-top: .2rem;
}

.about-honors-swiper.swiper-container {
    width: 90%;
    margin: 0 auto;
}

.construction-equipment-wrap {
    position: relative;
    padding: 1rem 0;

}

.ceb-p1 {
    display: flex;
    justify-content: space-between;
}

.ceb-y {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .49rem;
    height: .49rem;
    border-radius: 50%;
    background-color: #eeeeee;
}

.ceb-p2 {
    margin-top: .25rem;
}

.ceb-p2 p {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
}

.construction-equipment-swiper .swiper-slide {
    width: calc(460 / 1920 *100%);
}

.construction-equipment-slide {
    display: block;
    background-color: #ffffff;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.2);
    border: solid 1px #004cd5;
}

.ceb-left .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #666666;
}

.ceb-left .s22 {
    font-family: SourceHanSansCN-Normal;
    color: #131313;
    margin-top: .1rem;
}

.construction-equipment-bottom {
    padding: .25rem;
}

.construction-equipment-swiper .swiper-slide:hover .construction-equipment-slide {
    background-color: #004cd5;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.2);
    border: solid 1px #dddddd;
}

.construction-equipment-swiper .swiper-slide:hover .ceb-left .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    opacity: 0.5;
}

.construction-equipment-swiper .swiper-slide:hover .ceb-left .s22 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
}

.construction-equipment-swiper .swiper-slide:hover .ceb-p2 p {
    color: #ffffff;
    opacity: 0.5;
}


.construction-equipment-swiper .swiper-slide:hover .ceb-y {
    background-color: #ffffff;
}

.construction-equipment-img img {
    width: 100%;
}

.market-layout {
    display: flex;
}

.market-layout-wrap {
    position: relative;
    padding: 1rem 0;
    background-color: rgba(4, 63, 187, .2);
}

.market-layout-left {
    width: calc(374 / 1444 *100%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ml-p {
    margin-top: .25rem;
}

.ml-p p {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.6;
    color: #666666;
}

.market-layout-left-bottom>img {
    width: .68rem;
}

.market-layout-left-bottom {
    padding-bottom: .7rem;
    border-bottom: 1px solid #004cd5;
}

.market-layout-right {
    flex: 1;
}

.market-layout-right img {
    width: 100%;
}

.area-pop {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    left: 10%;
}

.area-p {
    margin-bottom: .35rem;
}

.area-p .s20 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    margin-bottom: .1rem;
}


.ar-banner.main_banner .main_banner_bottom {
    width: 80%;
}

.area-p .s36 {
    font-family: SourceHanSansCN-Bold;
    color: #ffffff;
}

.business-area-container {
    padding-top: 1rem;
}

.area-wrap {
    position: relative;
}

.as-item {
    display: inline-block;
    background-image: url(../images/as-bg1.png);
    padding: .25rem .5rem .1rem .35rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 .1rem;
    flex-shrink: 0;
    margin-bottom: .2rem;
}

.as-item.active {
    background-image: url(../images/as-bg.png);
    color: #ffffff;
}


.business-area-select {
    display: flex;
    justify-content: center;
    align-items: center;
}

.business-area-item-left {
    position: relative;

}

.business-area-item-left-img {
    position: relative;
    z-index: 2;
}

.business-area-item-left::after {
    width: 100%;
    height: 100%;
    background-color: #004cd5;
    content: '';
    display: block;
    position: absolute;
    top: -.2rem;
    left: -.2rem;
    z-index: 1;
}

.business-area-item-left {
    width: calc(720 / 1444 *100%);
}

.business-area-item-left-img video {
    width: 100%;
}

.business-area-item-p .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
}

.business-area-item {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.business-area-item-right {
    width: calc(605 / 1444 *100%);
}

.business-area-item-p {
    margin-top: .25rem;
}

.business-area-item-p p {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
}

.business-area-container-list {
    padding-top: 1.3rem;
    overflow: hidden;
    position: relative;
}

.recruit.crumbs {
    padding: 0.3rem 0;
}


.business-area-item-right .more-wrap {
    margin-top: 1rem;
}


.al-pos {
    position: absolute;
    top: 110%;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 15%;
}

.al-pos .s40 {
    font-family: SourceHanSansCN-Regular;
    color: #004cd5;
}

.alpos-img {
    margin-top: .15rem;
}

.alpos-img img {
    height: 2.56rem;
    width: auto;
}

.al-top .s60 {
    font-family: Alibaba-PuHuiTi-B;
    color: #004cd5;
}

.al-top .s40 {
    font-family: SourceHanSansCN-Regular;
    color: #131313;
}


.al-p {
    display: flex;
    padding: .2rem 0;
    padding-left: .2rem;
    background-image: url(../images/altop-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    align-items: flex-end;
}

.al-top {
    /* width: 3rem; */
    display: flex;

    /*justify-content: flex-end;
    align-items: flex-end;*/
}

.al-item {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 1rem 0;
}

.al-left {
    width: calc(461 / 1444 *100%);
}

.al-right {
    width: calc(510 / 1444 *100%);
}

.al-bottom {
    padding-left: .35rem;
    margin-top: .35rem;
}

.al-bottom p {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
}

.al-bottom p::before {
    display: inline-block;
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #004cd5;
    transform: translateY(-3.5px);
    margin-right: .1rem;

}

.al-item-bg {
    background-size: 100% 100%;
    /* background-repeat: no-repeat; */
    background-position: center center;
    padding-top: 1rem;
    padding-bottom: 1.6rem;
    position: relative;
}

.al-line {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
}

.al-line {
    width: 7.2rem;
}


.al-item-bg:nth-child(2n) .al-line {
    transform: translateX(-50%) translateY(-26%);

}

.al-right-img {
    position: relative;
}

.al-right-img img {
    position: relative;
    width: 100%;
    z-index: 2;
    box-shadow: 0px 10px 30px 0px rgba(0, 27, 75, 0.3);
}

.al-b-num {
    position: absolute;
    padding: .2rem .3rem .25rem .1rem;
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
    bottom: 0;
    transform: translateY(40%) translateX(-40%);
    z-index: 3;
}


.al-right-img::after {
    content: '';
    display: block;
    width: 1.71rem;
    height: .79rem;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: cover;
    transform: translateY(60%) translateX(40%);
    background-image: url(../images/alr-aft.png);
    z-index: 2;
}


.al-right-img::before {
    position: absolute;
    right: 0;
    top: 0;
    width: 4rem;
    height: 4rem;
    content: '';
    background-color: #004cd5;
    transform: translateX(.15rem) translateY(-.15rem);
}

.al-b-num p {
    font-family: ArialMT;
    color: #ffffff;
}

.al-item-bg:nth-child(2n) .al-item {
    flex-direction: row-reverse;
}

.al-item-bg:nth-child(2n) {
    padding: 0 0;
}

.area-list {
    margin-top: 1rem;
}

.area-bottom {
    margin-top: 1rem;
    position: relative;
}

.area-bottom img {
    width: 100%;
}

.area-bottom-logo {
    width: 2.2rem;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(20%);
}

@media(max-width: 1200px) {
    .h-wrap {
        width: 90%;
    }
}

@media(max-width: 1000px) {
    .crumbs {
        flex-wrap: wrap;
    }

    .crumbs-left {
        overflow: auto;
    }


    .crumbs-right {
        padding-left: 0;
        margin-top: .3rem;
        padding-bottom: .2rem;
        max-width: 100%;
        overflow-x: auto;
    }

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

@media(max-width: 800px) {
    .development-history-p-list {
        height: auto;
    }
    .profile-slide-img {
        height: 5rem;
    }

    .al-item {
        flex-wrap: wrap;
    }

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

    .al-right {
        margin-top: .5rem;
    }

    .al-pos,
    .al-line {
        display: none;
    }

    .business-area-item {
        flex-wrap: wrap;
    }

    .business-area-item-left,
    .business-area-item-right {
        width: 100%;
    }

    .business-area-item-right {
        margin-top: .35rem;
    }

    .construction-equipment-swiper .swiper-slide {
        width: 100%;
    }

    .market-layout {
        flex-wrap: wrap;
    }

    .market-layout-left {
        width: 100%;
    }

    .about-honors-swiper .swiper-slide {
        width: 100%;
    }

    .development-history {
        flex-wrap: wrap;
    }

    .development-history-left,
    .development-history-right {
        width: 100%;
    }

    .development-history-right {
        margin-top: .5rem;
    }

    .corporate-culture {
        flex-wrap: wrap;
    }

    .corporate-culture-left,
    .corporate-culture-right {
        width: 100%;
    }

    .corporate-culture-right {
        margin-top: .35rem;
    }

    .profile-swiper .swiper-slide {
        width: 100%;
    }

    .profile-data {
        flex-wrap: wrap;
    }

    .profile-data-item {
        width: 25%;
        margin-top: .45rem;
    }

    .profile {
        flex-wrap: wrap;
    }

    .profile-right {
        width: 100%;
    }

    .main-next {
        width: 15px;
    }

    .market-layout-right {
        flex: none;
        width: 100%;
        margin-top: .3rem;
    }

    .gun {
        width: 15px;
    }

    .aside-title img {
        width: 40px;
    }

    .aside-title .s12 {
        font-size: 12px;
    }

    .aside-title .s14 {
        font-size: 12px;
    }

    aside {
        padding: .2rem;
        padding-top: 1rem;
    }
}


.recruit-message-search form {
    width: 4.52rem;
    height: 60px;
    background-color: #ffffff;
    /* box-shadow: 0px 4px 5px 1px 
		rgba(0, 76, 213, 0.2); */
    border-radius: 30px;
    position: relative;
    /* overflow: hidden; */
    border: solid 1px #004cd5;

}



.recruit-message-search input {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    padding: 0 5%;
}

.recruit-message-search input:focus {
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.2);
}

.recruit-message-search button {
    position: absolute;
    top: 50%;
    right: 3.5%;
    transform: translateY(-50%);
    z-index: 2;
    border: none;
    background-color: transparent;
}

.recruit-message-header {
    padding-top: .5rem;
}

.recruit-select .business-area-select {
    justify-content: flex-start;
    margin-top: .2rem;
    flex-wrap: wrap;
}

.recruit-select-p p {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
}

.recruit-select .business-area-select a {
    margin-right: .25rem;
}

.recruit-slide-item-title {
    display: flex;
    justify-content: space-between;
}

.recruit-slide-item-title p {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
}

.recruit-slide-item {
    background-color: rgba(236, 243, 246, .4);
    border: solid 1px #dddddd;
    padding: .25rem;
    margin-bottom: .2rem;
    height: 2.8rem;
    overflow-y: auto;
    transition: all .3s;
}

.recruit-slide-item::-webkit-scrollbar {
    width: 3px;
    height: 1px;
}

.recruit-slide-item::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px #2268d5;
    background: #535353;
}

.recruit-slide-item::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
    border-radius: 10px;
    background: #ededed;
}

.recruit-slide-item-header p.s20 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    margin-top: .1rem;
}

.recruit-swiper-list {
    margin-top: .5rem;
}

.recruit-slide-item-content {
    margin-top: .25rem;
}

.recruit-slide-item-content p {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
}


.recruit-swiper-wrap {
    position: relative;

    display: none;
}


.recruit-swiper-wrap:first-child {
    display: block;
}

.recruit-swiper-wrap .honor-prev {
    transform: translateX(-150%) translateY(-50%);
}

.recruit-swiper-wrap .honor-next {
    transform: translateX(150%) translateY(-50%);
}


.employee-style-wrap {
    padding: 1rem 0;
    background-color: #ecf3f6;
    margin-top: 1rem;
}

.re-link {
    display: flex;
    align-items: center;
    margin-top: .2rem;
    opacity: 0;
    transition: all .3s;
}

.re-link p {
    font-family: SourceHanSansCN-Normal;
    color: #004cd5;
    margin-right: .1rem;
}

.recruit-slide-item:hover {
    background-color: #ffffff;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.2);
    transition: all .3s;
    border: solid 1px #004cd5;
}

.recruit-slide-item:hover .re-link {
    opacity: 1;
    transition: all .3s;
}

.employee-style-slide-up {
    margin-bottom: 10px;
}

.employee-style-slide-up,
.employee-style-slide-down {
    display: flex;

}

.employee-style-slide-up img {
    width: calc(469 / 1444 *100%);
    margin-right: 10px;
}

.employee-style-slide-down img:last-child {
    margin-right: 0;
}

.employee-style-slide-up img:last-child {
    margin-right: 0;
}

.employee-style-slide-down img {
    width: calc(348 / 1444 *100%);
    margin-right: 10px;
}

.employee-style-swiper.swiper-container {
    padding-bottom: .7rem;
    position: relative;
}

.employee-style-swiper-wrap {
    margin-top: .5rem;
}

.talent-concept-wrap {
    padding: 1rem 0;
}

.employment-mechanism {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.employment-mechanism-btn .honor-btn {
    position: relative;
    transform: none;
    margin: 0 .1rem;
}

.employment-mechanism-btn {
    display: flex;
    align-items: center;
}

.employment-mechanism-left {
    width: calc(480 / 1444 *100%);
}

.employment-mechanism-right {
    width: calc(840 / 1444 *100%);
}


.employment-mechanism-content {
    display: none;
}


.employment-mechanism-content:first-child {
    display: block;
}

.employment-mechanism-content-title p {
    font-family: SourceHanSansCN-Medium;
    color: #004cd5;
}

.employment-mechanism-content-p p {
    font-family: SourceHanSansCN-Normal;
    color: #333333;
    line-height: 1.6;
}

.employment-mechanism-content-title {
    margin-bottom: .1rem;
}


.employment-mechanism-btn {
    margin-top: 1rem;
}


.employment-mechanism-list {
    margin-top: .3rem;
}


.employment-mechanism-wrap {
    padding: 1rem 0;
    background-color: #ecf3f6;
}

.employee-welfare-wrap {
    padding: 1rem 0;
}

.employee-welfar .home-title {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}


.ew-left-item {
    position: relative;
}

.ew-left-item img {
    position: absolute;
    max-width: 5rem;
    z-index: 2;
}


.employee-welfar-left,
.employee-welfar-right {
    width: calc(370 / 1440 *100%);
}

.employee-welfar-content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .5rem;
}

.employee-welfar-center {
    width: calc(562 / 1444 *100%);
    padding-bottom: .5rem;
    position: relative;

}

.ewc-item .s18 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    margin-top: .1rem;
}

.ewc-item img {
    width: .42rem;
}


.ewc-item {
    position: absolute;
    text-align: center;
}


.ew-left-item .s20 {
    font-family: SourceHanSansCN-Medium;
    color: #131313;
    margin-bottom: .1rem;
}

.ew-left-item .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #a0a0a0;
    line-height: 1.6;
}

.ew-left-item:nth-child(1) img {
    left: 0;
    top: .25rem;

}

.ew-left-item:nth-child(3) img {
    left: 0;
    top: -.2rem;
}

.ew-left-item:nth-child(2) {
    margin: 1.5rem 0;
}

.ew-left-item:nth-child(2) img {
    width: 4.8rem;
    left: 0;
    top: .25rem;

}

.ew-left-list {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.employee-welfar-right .ew-left-item {
    text-align: right;
}

.employee-welfar-right .ew-left-item img {
    left: auto;
    right: 0;
}


.re-pop-wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 7;
    max-width: 720px;
}

.re-pop-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 6;
}

.re-up {
    padding: .5rem .3rem .25rem .3rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ebf3f6;
}

.re-up-title p {
    display: inline-block;
    font-family: SourceHanSansCN-Bold;
    color: #333333;
}

.Responsibilities-title {
    padding: .25rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dddddd;
}

.Responsibilities-title p {
    font-family: SourceHanSansCN-Medium;
    margin-left: .1rem;
    color: #333333;
}

.Responsibilities {
    margin-top: 10px;

    background-color: #ffffff;
}

.Responsibilities-p {
    padding: .25rem;
}

.re-pop-wrap .business-area-select {
    justify-content: flex-start;
    margin-top: .3rem;
    margin-bottom: .5rem;

}

.Responsibilities-p p {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.6;
    color: #666666;
}


.re-bottom-left {
    background-color: #004cd5;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.3),
        inset 0px 3px 5px 0px rgba(18, 15, 56, 0.35);
    border: solid 1px #ffffff;
    width: 1.5rem;
    height: .8rem;
    /*border-radius: 50%;*/
}

.re-bottom-left {
    display: flex;
    align-items: center;
    justify-content: center;
}

.re-bottom-left p {
    font-family: SourceHanSansCN-Normal;


    color: #ffffff;
}

.re-bottom-right {
    margin-left: .2rem;
}

.re-bottom-right p {
    font-family: SourceHanSansCN-Normal;
    color: #333333;
    line-height: 1.6;
}

.re-bottom {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    padding: .3rem;

}

.re-exit {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(50%) translateY(-50%);
    width: .6rem;
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.re-up-title {
    display: inline-block;
    position: relative;
}

.re-up-title p {
    position: relative;
    z-index: 2;
}

.re-up-title::after {
    height: 16px;
    display: block;
    width: 120%;
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    z-index: 1;
    background-image: linear-gradient(to right, rgba(0, 76, 213, .5), transparent);
}


.re-pop-wrap {
    display: none;
    max-height: 90%;
}

.re-pop-mask {
    display: none;

}

.project-list {
    display: flex;
}


.recruit-slide-item-content .re-pop-item {
    display: none;
}

.project-list {
    display: flex;
    flex-wrap: wrap;
}

.project-item {
    width: calc(460 / 1444 *100%);
    margin-right: .3rem;
    margin-bottom: .4rem;
}

.project-item:nth-child(3n) {
    margin-right: 0;
}

.project-item-more {
    display: flex;
    align-items: center;
    margin-top: .3rem;
}

.project-item-more p {
    font-family: SourceHanSansCN-Normal;
    color: #222222;
    margin-right: .2rem;
}

.project-item:hover .project-item-img img {
    transform: scale(1.1);
    transition: all .5s;
}

.project-item-img img {
    width: 100%;
    transition: all .3s;
}

.project-item-down {
    margin-top: .2rem;
}

.project-item-down p {
    font-family: SourceHanSansCN-Medium;
    line-height: 1.4;
    color: #666;
}

.project-content {
    padding: .5rem 0;
}

.project-item-img {
    position: relative;
    overflow: hidden;
}

.project-date {
    position: absolute;
    background-color: #004cd5;
    left: .2rem;
    top: .2rem;
    padding: .15rem .1rem;
    border-radius: 3px;
    text-align: center;
}

.project-date .s30 {
    font-family: Alibaba-PuHuiTi-B;
    color: #ffffff;
    font-weight: bold;
}

.project-date .s14 {
    font-family: ArialMT;
    color: #ffffff;
    margin-top: .1rem;
}




/* 翻页样式 */
.page_wrap {
    margin: .3rem 0;
}

.page_wrap ul {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_wrap ul li {
    margin: 0 .1rem;
}

.page_wrap ul li a {
    width: .46rem;
    height: .46rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: solid 1px rgba(102, 102, 102, .3);
}

.page_wrap ul li a {
    color: #666666;
    transition: all .3s;
}

.page_wrap ul li a.active {
    color: #fff;
    background-color: #004cd5;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.3),
        inset 0px 3px 5px 0px rgba(18, 15, 56, 0.35);
    border-radius: 23px;
    border: solid 1px #ffffff;
}

.page_wrap ul li a img {
    width: 6px;
}

.page_wrap ul li a img.active {
    display: none;
}

.page_wrap ul li a:hover {
    color: #fff;
    background-color: #004cd5;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.3),
        inset 0px 3px 5px 0px rgba(18, 15, 56, 0.35);
    border-radius: 23px;
    border: solid 1px #ffffff;
    transition: all .3s;
}

.page_wrap ul li a:hover img {
    display: none;
}

.page_wrap ul li a:hover img.active {
    display: block;
    transition: all .3s;
}

.project-wrap,
.news-wrap {
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.project-detail-wrap {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}


.project-detail-title .s40 {
    line-height: 1.4;
    font-family: SourceHanSansCN-Bold;
    color: #333333;
    margin-bottom: .2rem;
}

.project-detail-title .s18 {
    font-family: SourceHanSansCN-Normal;
    color: #333333;
    opacity: 0.8;
}

.project-detail-title {
    padding: .3rem 0;
    border-bottom: 1px solid #d5d9e1;
}

.news-date-share {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.fs_pop {
    position: absolute;
    width: auto;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) scaleY(0);
    padding: 10px;
    transform-origin: center top;
    transition: all .3s;
    overflow: hidden;

}

.fspop_item::after {
    display: block;
    content: '';
    position: absolute;
    top: 0%;
    width: 10px;
    height: 10px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotateZ(45deg);
    background-color: #fff;


}

.fspop_item {
    padding: 10px;
    background-color: #fff;
    position: relative;

}

.f-main-right {
    display: flex;
    padding: 10px;
}

.pro-share-item .fspop_item img {
    width: 100px;
    height: auto;
    opacity: 1;
    max-width: none;
}

.pro-detail-list {
    display: flex;
    align-items: center;
}

.pro-detail-list a {
    position: relative;
    margin-left: .2rem;
}

.pro-detail-list a:hover .fs_pop {
    transform: translateX(-50%) scaleY(1);
    transform-origin: center top;
    transition: all .3s;
    z-index: 3;
}

.pro-share-item .news-detail-share-img img.active {
    display: none;
}

.pro-share-item:hover .news-detail-share-img img.active {
    display: block;

}

.pro-share-item:hover .news-detail-share-img img {
    display: none;

}

.pro-share {
    display: flex;
    align-items: center;
}


.share-date {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    padding: .2rem 0;
    border-bottom: 1px solid #004cd5;
}


.news-detail-share {
    display: flex;
    align-items: center;
}

.pro-date p {
    font-family: SourceHanSansCN-Normal;
    color: #333333;
    opacity: 0.6;
    line-height: 1.6;
}

.pro-share .s18 {
    font-family: SourceHanSansCN-Normal;
    color: #333333;
    opacity: 0.6;
}


.pro-detail-select {
    padding: .2rem 0;
    border-bottom: 1px solid #004cd5;
}

.pro-detail-select a {
    display: inline-block;
    margin-bottom: .15rem;
    font-family: SourceHanSansCN-Bold;
    color: #666666;
    opacity: 0.8;
    margin-right: .25rem;
}

.pro-detail-select a.active {
    font-family: SourceHanSansCN-Bold;
    color: #004cd5;
    opacity: 0.8;
}

.pro-detail-content {
    padding: .5rem 0;
    display: none;
}

.pro-detail-content:first-child {
    display: block;
}


.pro-detail-content-title .s20 {
    font-family: SourceHanSansCN-Bold;
    color: #131313;
    opacity: 0.8;
    margin-bottom: .15rem;
}

.pro-detail-content-list p {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
}

.pro-detail-content-list table {
    max-width: 100%;
}

.pro-detail-content-list tbody {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
}

.pro-detail-content-list td {
    padding: .12rem;
}

.pro-detail-content-p p {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
}

.pro-detail-content-img {
    text-align: center;
}


.news-swiper .project-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;

}

.news-swiper .swiper-slide {
    width: calc(460 / 1444 *100%);
    height: auto;
}

.news-wrap {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.news-wrap .project-item-down {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.news-swiper .project-item-down .s24 {
    font-family: SourceHanSansCN-Bold;
    color: #222222;
    margin-bottom: .15rem;
}

.news-p {
    /* margin-top: .15rem; */
    padding-bottom: .4rem;
}

.news-p p.s24 {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.6;
    color: #666666;
}

.news-swiper .project-item-more {
    margin-top: 0;
}

.news-swiper-wrap {
    position: relative;
}

.news-swiper-wrap .honor-btn {
    top: 20%;
}

.honor-btn.news-prev {
    transform: translateX(-100%);
    right: 100%;
}

.honor-btn.news-next {

    transform: translateX(100%);
    left: 100%;
}

.news-header p {
    font-family: SourceHanSansCN-Normal;
    color: #222222;
}

.news-header span {
    font-family: SourceHanSansCN-Normal;
    display: inline-block;
    color: #222222;
    margin: 0 .15rem;
}

.news-word {
    margin-top: .3rem;
    margin-bottom: 1rem;
}

.news-word .s24 {
    font-family: Alibaba-PuHuiTi-R;
    font-weight: bold;
    margin-bottom: .1rem;
    color: #222222;
    line-height: 1.6;

}

.news-word .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
}


.news-content-item {
    display: flex;
    align-items: center;
    padding: .3rem 0;
    border-bottom: 1px solid #dddddd;
}

.news-content-item:last-child {
    border: none;
}

.news-content-item-left {
    width: calc(460 / 1444 *100%);
}

.news-content-item-left img {
    width: 100%;
}

.news-content-item-right {
    flex: 1;
    padding-left: .35rem;
}

.news-content-list {
    margin-top: 1rem;
}

.news-turn {
    padding: .25rem 0;
}

.news-turn .s16 {
    display: block;
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    line-height: 1.6;
}

.news-turn .s16:hover {
    color: #004cd5;
}


.news-detail {
    padding-top: .35rem;
    padding-bottom: .4rem;
    border-bottom: 1px dashed rgba(51, 51, 51, .5);
}

.news-detail-title p {
    font-family: SourceHanSansCN-Bold;
    color: #333333;
}

.news-detail-title {
    padding-bottom: .15rem;
    border-bottom: 1px solid rgba(46, 67, 105, .2);
}

.news-detail-wrap {
    margin-top: 1rem;
    padding-bottom: 1.5rem;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}


.news-detail-header {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    padding: .2rem 0;
}

.news-detail-header .news-header p {
    font-family: SourceHanSansCN-Normal;
    color: #333333;
    opacity: 0.6;
}


.news-detail p {
    font-family: SourceHanSansCN-Normal;
    line-height: 1.6;
    color: #666666;
}

.news-detail-container-wrap {
    display: flex;
    justify-content: space-between;
}


.news-detail-left {
    width: calc(900 / 1444 *100%);
}

.news-d-color {
    background-color: #83b2f6;
    padding: .2rem;
}

.news-d-color p {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    opacity: 0.8;
    line-height: 1.6;
}


.news-detail-right {
    padding-top: 1.15rem;
    width: calc(460 / 1444 *100%);
}

.news-detail-right .project-item-down .s24 {
    font-family: SourceHanSansCN-Bold;
    color: #222222;
    margin-bottom: 0.15rem;
}

.news-detail-right .project-item {
    width: 100%;
    display: block;
    margin-bottom: .5rem;
    margin-right: 0;
}

.news-detail-right-list,
.news-detail-right-more {
    border-bottom: 1px dashed rgba(51, 51, 51, .5);
}

.news-detail-right-more {
    padding: .35rem 0;
}


.news-detail-right-more a {
    display: block;
    font-family: SourceHanSansCN-Normal;
    color: #333333;
    line-height: 1.6;
    margin-bottom: .1rem;
    opacity: 0.6;
}

.news-detail-right-more a::before {
    content: '';
    width: 2px;
    height: 2px;
    display: inline-block;
    background-color: #333;
    opacity: 0.6;
    transform: translateY(-4px);
    margin-right: .05rem;

}

.information-wrap {
    padding: 1rem 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.information {
    display: flex;
    justify-content: space-between;
}

.information-left {
    width: calc(1000 / 1444 *100%);
}

.information-left-item {
    display: flex;
    align-items: center;
    padding: .3rem 0;
    border-top: 1px solid #b2b2b2;
}

.information-left-item:last-child {
    border-bottom: 1px solid #b2b2b2;
}

.information-left-item img {
    margin-right: .2rem;
}

.information-left-item-p span {
    font-family: SourceHanSansCN-Regular;
    color: #111111;
}

.information-left-item-p span:first-child {
    margin-right: .3rem;
    line-height: 1.4;
}

.information-right {
    transform: translateY(-40.333%);
    background-color: #ffffff;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.2);
    border: solid 1px #004cd5;
    padding: .3rem .8rem;
}

.information-code {
    text-align: center;
    margin-bottom: .3rem;
}

.information-code p {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    margin-top: .1rem;
}

.online-message {
    display: flex;
    justify-content: space-between;
    margin-top: .25rem;
}

.oml-item {
    display: flex;
    align-items: center;
    padding: .15rem .15rem;
}

.oml-title span {
    font-family: SourceHanSansCN-Normal;
    color: #999999;
}

.oml-title span:nth-child(2) {
    font-family: SourceHanSansCN-Normal;
    color: #d11212;
}


.oml-item {
    background-color: #ffffff;
    border: solid 1px #dddddd;
    margin-bottom: .2rem;
}

.online-message-left {
    width: calc(690 / 1444 *100%);
}

.oml-input {
    padding-left: .1rem;
    flex: 1;
}

.oml-item.active {
    box-shadow: 0px 15px 40px 0px rgba(46, 89, 78, 0.2);
    border: solid 1px #2b63d8;
}

.oml-item {
    position: relative;
}

.code-img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.code-img img {
    height: 100%;
    width: auto;
}

.online-message-right {
    width: calc(690 / 1444 *100%);
}

.online-message-right textarea {
    color: #999999;
    width: 100%;
    background-color: #ffffff;
    padding: .1rem;
    border: solid 1px #dddddd;
    height: 1.95rem;
    margin-bottom: .2rem;
}

.online-message-wrap {
    padding: 1rem 0;
}

.re-pop-item {
    max-height: 800px;
    overflow-y: auto;
    height: 100%;
}

.re-pop-item::-webkit-scrollbar {
    width: 5px;
    height: 1px;
}

.re-pop-item::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px #1165de;
    background: #535353;
}

.re-pop-item::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
    border-radius: 10px;
    background: #ededed;
}

@media(max-width: 850px) {
    .f-bottom {
        padding-bottom: 65px;
    }

    .as_pop {
        top: auto;
        bottom: 100%;
        left: 50%;
        right: auto;
        transform: translateX(-50%) scaleY(0);
    }

    .as_senced:hover .as_pop {
        transform: translateX(-50%) scaleY(1);
    }

    .asp_item::after {
        bottom: 0;
        left: 50%;
        right: auto;
        top: auto;
        transform: translateY(50%) translateX(-50%) rotateZ(45deg);

    }

    .news-detail-container-wrap {
        flex-wrap: wrap;
    }

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

    .re-pop-item {
        max-height: 600px;
        overflow-y: auto;
        height: 100%;
    }

    .re-pop-wrap {
        width: 90%;
    }

    .employee-welfar-content {
        flex-wrap: wrap;
    }

    .ew-left-item:nth-child(2) {
        margin: .5rem 0;
    }

    .ew-left-item img {
        display: none;
    }
}


.phone-swe.employee-style-swiper {
    display: none;
}

@media(max-width: 800px) {
    .re-up {
        background-image: none;
    }

    .phone-swe.employee-style-swiper {
        display: block;
    }

    .pc-swe.employee-style-swiper {
        display: none;
    }

    .employee-welfar-right .ew-left-item {
        text-align: left;
    }

    .news-content-item {
        flex-wrap: wrap;
    }

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

    .news-content-item-right {
        margin-top: .35rem;
    }

    .honor-btn.news-prev,
    .honor-btn.news-next {
        transform: none;
    }

    .honor-btn.news-prev {
        left: -12px;
    }

    .honor-btn.news-next {
        right: -12px;
        left: auto;
    }

    aside {
        bottom: 0;
        top: auto;
        left: 0;
        width: 100%;
        padding: .2rem;
    }

    .asd_list {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
    }

    .aside-title {
        right: 2%;
        top: -35%;
        left: auto;
        transform: none;
        width: auto;
    }

    .asd_list a {
        margin: 0 .2rem 0;
        width: 45px;

    }

    .online-message {
        flex-wrap: wrap;
    }

    .online-message-left,
    .online-message-right {
        width: 100%;
    }

    .information {
        flex-wrap: wrap;
    }

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


    .information-code-list {
        display: flex;
        align-items: center;
        justify-content: space-around;

    }

    .information-code {
        width: 75px;
    }


    .information-right {
        transform: translateY(0);
        margin-top: .5rem;
    }


    .project-item {
        width: 100%;
        margin-right: 0;
    }

    .employment-mechanism {
        flex-wrap: wrap;
    }

    .employee-welfar-left,
    .employee-welfar-right {
        width: 100%;
    }

    .employee-welfar-center {
        width: 100%;
    }

    .employee-style-slide-down {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .employment-mechanism-left,
    .employment-mechanism-right {
        width: 100%;
    }

    .employment-mechanism-right {
        margin-top: .3rem;
    }

    .employee-style-slide-up {
        flex-wrap: wrap;
        justify-content: center;
    }

    .employee-style-slide-up img {
        width: 48%;
        margin-right: 5px;
        margin-bottom: 10px;
    }

    .employee-style-slide-down img {
        width: 48%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .recruit-message-search {
        width: 100%;
    }

    .recruit-swiper-wrap .honor-prev {
        transform: translateX(-60%) translateY(-50%);
    }

    .recruit-swiper-wrap .honor-next {
        transform: translateX(60%) translateY(-50%);
    }

    .recruit-slide-item {
        height: auto;
    }

    .recruit-message-search form {
        width: 100%;
        height: 40px;
    }
}


.target {
    width: 100%;
    position: absolute;
    left: 0;
    top: -1.2rem;
}

@media (max-width: 1200px) {
    .target {
        top: -71px;
    }

    .ph_wra img {
        width: 3rem;
    }
}


/* 渐现效果 */
.teaser {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    transition: opacity 1.5s cubic-bezier(.25, .1, .25, 1), transform 1s cubic-bezier(.25, .1, .25, 1);
}

.teaser.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.lter {
    opacity: 0;
    transform: translate3d(-70px, 0, 0);
    transition: opacity 1s cubic-bezier(.25, .1, .25, 1), transform 1s cubic-bezier(.25, .1, .25, 1);
}

.lter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.rter {
    opacity: 0;
    transform: translate3d(70px, 0, 0);
    transition: opacity 1s cubic-bezier(.25, .1, .25, 1), transform 1s cubic-bezier(.25, .1, .25, 1);
}

.rter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.teaser2 {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}

.teaser2.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}



/* 新增css */
.city-partner-a-title {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.city-partner-a-list {
    display: flex;
}



.cpa-right img.active {
    display: none;
}


.city-partner-a-item:hover .cpa-left .s42 {
    color: #fff;
    transition: all .3s;
}

.city-partner-a-item:hover .cpa-left .s14 {
    color: #ffffff;
    opacity: 0.3;
    transition: all .3s;
}

.city-partner-a-item:hover .cpa-left .s76 {
    color: #ffffff;
    opacity: 0.06;
    transition: all .3s;
}

.city-partner-a-item:hover .cpa-right img {
    display: none;
}

.city-partner-a-item:hover .cpa-right img.active {
    display: block;
}

.city-partner-a-item:nth-child(1):hover {
    background-image: url(../imgs/cg1a.png);
    transition: all .3s;
}

.city-partner-a-item:nth-child(1) {
    background-image: url(../imgs/cg1.png);
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(467 / 1440 *100%);
    padding: 0 .7rem;
    padding-top: 1.27rem;
    padding-bottom: .95rem;
    transition: all .3s;
}

.city-partner-a-item:nth-child(2) {
    background-image: url(../imgs/cg2.png);
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(506 / 1440 *100%);
    padding: 0 .7rem;
    padding-top: 1.27rem;
    padding-bottom: .95rem;
    transition: all .3s;
}

.city-partner-a-item:nth-child(2):hover {
    background-image: url(../imgs/cg2a.png);
    transition: all .3s;
}


.city-partner-a-item:nth-child(3) {
    background-image: url(../imgs/cg3.png);
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(506 / 1440 *100%);
    padding: 0 .7rem;
    padding-top: 1.27rem;
    padding-bottom: .95rem;
    transition: all .3s;
}

.city-partner-a-item:nth-child(3):hover {
    background-image: url(../imgs/cg3a.png);
    transition: all .3s;
}

.cpa-left {
    position: relative;
}

.cpa-left .s76 {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-50%);
    font-family: Oswald-Bold;
    font-weight: bold;
    color: #000000;
    opacity: 0.1;
    transition: all .3s;
}

.cpa-left .s42 {
    font-family: SourceHanSansCN-Bold;
    color: #111111;
    transition: all .3s;
}

.cpa-left .s14 {
    font-family: Arial-BoldMT;
    letter-spacing: 1px;
    color: #999999;
    transition: all .3s;
    margin-top: .1rem;
}

.cpa-right {
    flex-shrink: 0;
}

.cpa-right img {
    width: .66rem;

}

.city-partner-wrap-a {
    padding: 1rem 0;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}



.cci-img img.active {
    display: none;
}

.cp-content-title {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.cp-content-title .s20 {
    font-family: ArialMT;
    color: #004cd5;
    margin-bottom: .25rem;
}


.cp-content-title .hti-deep::after {
    display: none;
}


.cp-wrap {
    padding: 1rem 0;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.cp-content-item {
    background-color: #fff;
    border-radius: 25px;
    padding: 1rem .2rem;
    padding-top: 1.5rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}


.cci-item {
    text-align: center;
    width: 25%;
    position: relative;
}

.cci-up-p {
    position: relative;
    z-index: 1;
}


.cci-item::after {
    content: '';
    display: block;
    position: absolute;
    background-color: #e1e5e9;
    width: 1px;
    height: .9rem;
    top: 20%;
    transform: translateY(-50%) rotateZ(-15deg);
    right: 0%;
}

.cci-item:last-child::after {
    display: none;

}

.cci-up .s42 {
    font-weight: bold;
    color: #333333;
    margin-bottom: .2rem;
}

.cci-up .s18 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
}

.cci-img {
    width: .46rem;
    margin: 0 auto;
    margin-top: .5rem;
}

.cci-up {
    position: relative;
}

.cci-up-img {
    width: 1.26rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 0;

}

.cci-up-img img.active {
    display: none;
}

.cci-item:hover .cci-img img {
    display: none;
}

.cci-item:hover .cci-img img.active {
    display: block;
}


.cci-item:hover .cci-up-img img {
    display: none;
}

.cci-item:hover .cci-up-img img.active {
    display: block;
}

.cp-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
}


.cp-content-item {
    margin: .5rem 0;
}

.home-title .s26 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    margin: .15rem 0;
}

.home-title .s50 {
    font-family: Alibaba-PuHuiTi-B;
    font-weight: bold;
    color: #004cd5;
}

.invitation-home-title {
    position: relative;
}

.invitation-home-title::after {
    position: absolute;
    background-image: url(../imgs/dian.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: .85rem;
    height: .61rem;
    content: '';
    right: 0;
    top: 0;
    display: block;
    top: -.5rem;

}


.invitation-content-left {
    width: calc(415 / 1440 *100%);
}

.invitation-wrap {
    overflow: hidden;
    position: relative;
    padding: 1rem 0 0 0;
}

.invitation-content .fa-item .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #666666;
    opacity: 1;
}

.invitation-content-left .fm-list {
    margin-top: 2rem;
}

.invitation-content {
    display: flex;
    justify-content: space-between;
}

.hondao-right-content {
    position: relative;
}

.invitation-content-right {
    width: calc(818 / 1440 *100%);
}




.hondao-right-swiper-num-wrap {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background-color: #004cd5;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.3),
        inset 0px 3px 5px 0px rgba(18, 15, 56, 0.35);
    border-radius: 35px;
    border: solid 1px #ffffff;
    z-index: 1;
    padding: .1rem .35rem;
}

.hondao-right-swiper-num-wrap .s40 {
    font-family: D-DIN-Bold;
    color: #f6f7f8;
    margin-right: 5px;
}

.hondao-right-swiper-num-wrap .s20 {
    font-family: D-DIN;
    color: #f6f7f8;
    letter-spacing: 2px;
}



.a-text-link .s16 {
    font-family: ArialMT;
    color: #80898e;

    margin: 0 .15rem;
}

.a-text-link {
    margin-top: .5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    display: none;
}


.atl-line {
    width: 2.4rem;
    height: 1px;
    background-color: #cccccc;
}

.ic-bot {
    width: 100%;
    margin-top: -.7rem;
}


.atl-item {
    width: 30px;
    height: 30px;
    background-color: #004cd5;
    box-shadow: 0px 4px 5px 1px rgba(0, 76, 213, 0.3),
        inset 0px 3px 5px 0px rgba(18, 15, 56, 0.35);
    border: solid 1px #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.ic-logo {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.56rem;
    z-index: 1;
}


.cp-word {
    position: absolute;
    top: 40%;
    width: 10rem;
    left: -1%;
}


@media (max-width: 800px) {

    .cci-item::after {
        display: none;
    }

    .invitation-content-left .fm-list {
        margin-top: .5rem;
    }

    .cci-item {
        width: 50%;
        margin-bottom: 1rem;
    }

    .cp-content-item {
        padding-bottom: 0;
    }

    .city-partner-a-list,
    .cp-content-item,
    .invitation-content {
        flex-wrap: wrap;
    }

    .city-partner-a-item:nth-child(1),
    .city-partner-a-item:nth-child(2),
    .city-partner-a-item:nth-child(3),
    .invitation-content-right,
    .invitation-content-left {
        width: 100%;
    }

    .city-partner-a-item:nth-child(1),
    .city-partner-a-item:nth-child(2),
    .city-partner-a-item:nth-child(3) {
        padding: .7rem .6rem;
    }

    .invitation-content-right {
        margin-top: .5rem;
    }

    .city-partner-a-item {
        margin-bottom: .5rem;
    }

    .cp-content-title .home-title {
        width: auto;
    }

    .invitation-home-title {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .invitation-home-title .home-title {
        text-align: center;
        /* display: inline-block; */
        width: auto;
    }

    .invitation-home-title .home-title-item {
        display: inline-block;

    }
}

/*弹出层相关*/
.hn-tip {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
}

.hn-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 987654321;
    background-color: rgba(0, 0, 0, 0.1);
    transition: all .3s cubic-bezier(.25, .1, .25, 1);
}

.hn-tip .hn-mask {
    background-color: transparent;
}

.hn-msg {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 987654321;
    max-width: 500px;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 2px;
    padding: 12px 25px;
    transition: all .3s cubic-bezier(.25, .1, .25, 1);
}

.hn-tip.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-tip.show .hn-msg {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.hn-load {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
}

.hn-load-cont {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 987654321;
    max-width: 500px;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    visibility: hidden;
    transition: all .3s cubic-bezier(.25, .1, .25, 1);
}

.hn-load-icon {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background-image: url(../images/load.gif);
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

.hn-load-title {
    font-size: 14px;
    color: #333;
    text-align: center;
    margin-top: 10px;
}

.hn-load.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-load.show .hn-load-cont {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.hn-confirm {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    border-radius: 2px 2px 0 0;
}

.hn-confirm-dialog {
    width: auto;
    min-width: 300px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    transition: transform .3s cubic-bezier(.25, .1, .25, 1), opacity .3s cubic-bezier(.25, .1, .25, 1);
}

.hn-confirm-title {
    padding: 0 80px 0 20px;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    cursor: move;
    user-select: none;
}

.hn-confirm-cont {
    width: 100%;
    position: relative;
    padding: 20px;
    line-height: 24px;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
}

.hn-confirm-btns {
    text-align: right;
    padding: 0 15px 12px;
    user-select: none;
    font-size: 0;
}

.hn-confirm-close {
    font-size: 16px;
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
    width: 46px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: all .3s;
    user-select: none;
}

.hn-confirm-close:hover {
    opacity: 0.7;
}

.hn-confirm-btns .c-btn {
    margin-left: 10px;
}

.hn-confirm-btns .c-btn:first-child {
    margin-left: 0;
}

.hn-confirm.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-confirm.show .hn-confirm-dialog {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.hn-html {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    border-radius: 2px 2px 0 0;
}

.hn-html-dialog {
    width: auto;
    min-width: 300px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 987654321;
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    transition: transform .3s cubic-bezier(.25, .1, .25, 1), opacity .3s cubic-bezier(.25, .1, .25, 1);
}

.hn-html-title {
    padding: 0 80px 0 10px;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    cursor: move;
    user-select: none;
}

.hn-html-cont {
    width: 100%;
    position: relative;
    padding: 10px;
    line-height: 24px;
    word-break: break-all;
    overflow: auto;
    font-size: 14px;
}

.hn-html-close {
    font-size: 16px;
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
    width: 46px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: all .3s;
    user-select: none;
}

.hn-html-close:hover {
    opacity: 0.7;
}

.hn-html.show .hn-mask {
    visibility: visible;
    opacity: 1;
}

.hn-html.show .hn-html-dialog {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}




.nav_fixed.crumbs-wrap {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 5;
}