@charset "utf-8";
@import 'iconfont.css';

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;
}

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())
}

.h-link:hover {
    cursor: pointer;
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

textarea {
    resize: none;
    outline: none;
    font-family: "sourcehansans";
}

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; */
}

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

body * {
    outline: none;
}

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

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


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



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

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


/*@font-face {*/
/*    font-family: 'SourceHanSansCN-Heavy';*/
/*    src: url('/public/static/modules/cms/css/../fonts/SourceHanSans/SourceHanSansCN-Heavy.woff2') format('woff2');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap; !* 关键属性 *!*/
/*}*/


/*@font-face {*/
/*    font-family: 'SourceHanSansCN-Medium';*/
/*    src: url('/public/static/modules/cms/css/../fonts/SourceHanSans/SourceHanSansCN-Medium.woff') format('woff');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap; !* 关键属性 *!*/
/*}*/

/*@font-face {*/
/*    font-family: "SourceHanSansCN-Light";*/
/*    src: url('/public/static/modules/cms/css/../fonts/SourceHanSans/Light.woff2')format('woff2'),*/
/*    url('../fonts/SourceHanSans/Light.woff')format('woff');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('/public/static/modules/cms/css//public/static/modules/cms/css/../fonts/SourceHanSans/SourceHanSansCN-Regular.woff2')format('woff2'),
    url('/public/static/modules/cms/css/../fonts/SourceHanSans/SourceHanSansCN-Regular.woff')format('woff');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {*/
/*    font-family: 'SourceHanSansCN-Normal';*/
/*    src: url('/public/static/modules/cms/css/../fonts/SourceHanSans/SourceHanSansCN-Normal.woff') format('woff');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap; !* 关键属性 *!*/
/*}*/

/*@font-face {*/
/*    font-family: 'SourceHanSansCN-Bold';*/
/*    src: url('https://srcc.myir.cn/cms/fonts/SourceHanSans/SOURCEHANSANSCN-BOLD.OTF');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/



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


@media (min-width: 576px) and (max-width: 768px) {
    .col-ssm-6 {
        width: 50%;
        float: left;
    }
}


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

    .s24 {
        font-size: 14px;
    }
}

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

    s
}

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: 12.6px;
    }
}

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

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

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

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

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

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

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

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

.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;
    }
}

@media (max-width: 1000px) {

    .s24 {
        font-size: 14px;
    }
}

.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) {
    .s66 {
        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;
    }
}

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

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


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

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

.teaser {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    transition: opacity 1s 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);
}


.i_rou {
    /* opacity: 0; */
    transform: scale(0);
    transition: transform 2s;
}

.i_rou.is-visible {
    opacity: 1;
    transform: scale(1);
}


.page_wrap {
    margin: .3rem 0;
    margin-top: .5rem;
}

.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: 38px;
    height: 38px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border-radius: 50%; */
    /* border: solid 1px #b5b5b5; */
}

.page_wrap ul li a img {
    max-width: 30%;
}

.page_wrap ul li a {
    color: #666666;
    transition: all .3s;
    border: 1px solid #dddddd;
}

.page_wrap ul li a.active {
    background-color: #006293;
    color: #ffffff;
    transition: all .3s;
    border: none;
}

.page_wrap ul li a img.active {
    display: none;
}

.page_wrap ul li a:hover {
    background-color: #006293;
    color: #ffffff;
    transition: all .3s;
    border: none;
}

.page_wrap ul li a:hover img {
    display: none;
}

.page_wrap ul li a:hover img.active {
    display: block;
    transition: all .3s;
}

.page_wrap ul li a.first_page {
    width: 81px;
    height: 39px;
    border-radius: 19px;
}


.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(/public/static/modules/cms/css/../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(/public/static/modules/cms/css/../images/search_logo.png) no-repeat center;
}


.SearchShow .FormBox {
    display: block;
}


@media (max-width: 750px) {

    .FormBox {
        width: 100%;
    }
}

/*按钮样式*/

.btn,
.form-control,
.form-control:hover,
.form-control:focus,
.navbar-custom .dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
}


.dropdown-menu {
    border: 2px solid #2659B3;
}


.btn-circle {
    border-radius: 25px;
}


.btn-rounded {
    border-radius: 4px;
}


.btn-square {
    border-radius: 0px;
}


button:focus {
    outline: none !important;
}


.btn {
    padding: 0 30px;
    height: 48px;
    line-height: 46px;
    text-transform: uppercase;
    font-size: 14px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 500;
    font-family: 'Jost', sans-serif;
    letter-spacing: 1px;
}


.btn + .btn {
    margin-left: 10px;
}


.btn:focus, .btn:focus:active {
    outline: none;
}


.btn-color {
    color: #fff;
    border-color: #d42e22;
    background-color: #d42e22;
}


.btn-color:hover, .btn-color:active, .btn-color:focus {
    background-color: #ce1500;
    border-color: #ce1500;
    color: #fff;
}


.btn-central {
    background-color: #f08519;
    color: #fff;
}


.btn-central:hover, .btn-central:active, .btn-central:focus {
    background-color: rgba(240, 133, 25, .9);
    color: #fff;
}


.btn-red {
    color: #fff;
    border-color: #f44336;
    background-color: #f44336;
}


.btn-red:hover, .btn-red:active, .btn-red:focus {
    background-color: #d32f2f;
    border-color: #d32f2f;
    color: #fff;
}


.btn-green {
    color: #fff;
    border-color: #00c07f;
    background-color: #00c07f;
}


.btn-green:hover, .btn-green:active, .btn-green:focus {
    background-color: #009a66;
    border-color: #009a66;
    color: #fff;
}


.btn-yellow {
    color: #fff;
    border-color: #FDD835;
    background-color: #FDD835;
}


.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus {
    background-color: #F9A825;
    border-color: #F9A825;
    color: #fff;
}


.btn-brown {
    color: #fff;
    border-color: #D09E88;
    background-color: #D09E88;
}


.btn-brown:hover, .btn-brown:active, .btn-brown:focus {
    background-color: #b1775d;
    border-color: #b1775d;
    color: #fff;
}


.btn.btn-xs, .btn.btn-group-xs {
    padding: 0 16px;
    font-size: 10px;
    height: 30px;
    line-height: 30px;
}


.btn.btn-sm, .btn.btn-group-sm {
    padding: 0 22px;
    font-size: 10px;
    height: 35px;
    line-height: 34px;
}


.btn.btn-lg, .btn.btn-group-lg {
    padding: 0px 32px;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 400;
    height: 60px;
    line-height: 60px;
}


.btn-outline {
    color: #d42e22;
    border-color: #d42e22;
    background-color: transparent;
}


.btn-outline:hover, .btn-outline:active, .btn-outline:focus {
    color: #fff;
    border-color: #d42e22;
    background-color: #d42e22;
}


.btn-white {
    color: #212121;
    border-color: #fff;
    background-color: #fff;
}


.btn-white:hover, .btn-white:active, .btn-white:focus {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}


.btn-outline-white {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}


.btn-outline-white:hover, .btn-outline-white:active, .btn-outline-white:focus {
    color: #212121;
    border-color: #fff;
    background-color: #fff;
}


.btn-outline-blue {
    color: #d42e22;
    border-color: #d42e22;
    background-color: transparent;
}


.btn-outline-blue:hover, .btn-outline-blue:active, .btn-outline-blue:focus {
    color: #fff;
    border-color: #d42e22;
    background-color: #d42e22;
}


.btn-dark {
    color: #fff;
    border-color: #212121;
    background-color: #212121;
}


.btn-dark:hover, .btn-dark:active, .btn-dark:focus {
    color: #212121;
    border-color: #fff;
    background-color: #fff;
}


.btn-dark-outline {
    color: #212121;
    border-color: #212121;
    background-color: transparent;
}


.btn-dark-outline:hover, .btn-dark-outline:active, .btn-dark-outline:focus {
    color: #fff;
    border-color: #212121;
    background-color: #212121;
}


.btn-pink {
    color: #fff;
    border-color: #E91E63;
    background-color: #E91E63;
}


.btn-pink:hover, .btn-pink:active, .btn-pink:focus {
    color: #fff;
    border-color: #C2185B;
    background-color: #C2185B;
}


.btn-animate {
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.2s;
}


.btn-animate span {
    display: inline-block;
    position: relative;
    padding: 0 8.5px 0 8.5px;
    transition: padding 0.2s;
}


.btn-animate i {
    position: absolute;
    top: 50%;
    right: 0px;
    opacity: 0;
    margin-top: -6px;
    transition: opacity 0.2s, right 0.2s;
}


.btn-animate:hover span {
    padding: 0 17px 0 0;
}


.btn-animate:hover i {
    transition: opacity 0.2s, right 0.2s;
    opacity: 1;
    top: 50%;
    right: 0;
}


/*原来public*/
/*板块以及标题公用样式*/
.mi-box {
    padding: .7rem 0;
}


h1.i-title {
    font-size: 28px;
    margin: 0;
    text-align: center;
    margin-bottom: .5rem;
    transition: all .2s ease-in-out;
}

.area-block {
    padding: .7rem 0;
}

.max-content {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

body {
    font-family: 'SourceHanSansCN-Regular',"SourceHanSansCN-Normal", 'Microsoft YaHei',Helvetica,Arial, sans-serif;
}

@media (min-width: 978px) {

}


@media (min-width: 1100px) {

    .has_item {
        height: 100vh;
    }

    .has_item > img {
        height: 100%;
    }

}

.swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}


/*板块公用样式*/
.modal-content {
    max-width: 80%;
    width: 400px;
    top: 50%;
    left: 50%;
    bottom: auto;
    position: fixed;
    transform: translate(-50%, -50%);
    z-index: 1050;
}


.modal-body {
    text-align: center;
}

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

.h-a {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    background-color: #ffffff;
    height: 1rem;
    box-shadow: 0 0 0.04rem rgba(0, 0, 0, 0.1);
    z-index: 100;
    transition: all .3s;
}

.SmallHeader .h-a{
    position: fixed;
}

.h-box {
    width: 16.8rem;
    max-width: 1480px;
    margin: 0 auto;
    position: relative;
}

.h-cont {
    display: flex;
    align-items: center;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    width: 16.8rem;
    max-width: 1480px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.h-right {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
}

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

.h-d.m-menu-index{
    display: none;
}


.h-d {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 100%;
}

.h-e {
    display: block;
    line-height: 1rem;
    color: #333;
    padding: 0 .4rem;
    position: relative;
    display: flex;
    align-items: center;

    word-break: keep-all;
    /* 不换行 */

    white-space: nowrap;
    /* 不换行 */
}


.about-nav.h-e {
    position: relative;

}


.about-nav .sub-wrap {
    position: absolute;
    left: 0;
    top: 100%;
    padding: 0 0 !important;
    max-height: none;
    width: 100%;
    border-top: none;
    text-align: center;

}

.about-nav .sub-wrap .sub-content {
    margin-bottom: 0;
}

.about-nav .sub-wrap .sub-content a {
    padding: .3rem 0;
    display: block;
}


/* .h-d:hover .h-e {
    color: #bb9f7f;
    font-family: 'SourceHanSansCN-Normal';
    font-weight: bold;
} */

.h-d:hover .h-e::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    /* background-image: url(/public/static/modules/cms/css/../images/after-logo.png); */
    display: block;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
}

/* .h-d.active .h-e {
    font-family: 'SourceHanSansCN-Normal';
    color: #bb9f7f;
    position: relative;
    font-weight: bold;
} */


.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;
}

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

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

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

.lo_wrap .s24 {
    font-family: 'SourceHanSansCN-Medium';
    color: #333333;
}

.lo_img {
    cursor: pointer;
    position: relative;
}

.lo_img img {
    width: 19px;
    height: 19px;
}


.my-nav-list {
    color: #fff;
}

.my-nav-list .nav-first {
    margin-right: .1rem;
}


.my-nav-list a.line {
    margin: 0 .1rem;
}

.pro-list .crumbs-content-bot .cr-list a.active {
    color: #f08519;
}

/*footer侧边栏*/
.side-tools {
    position: fixed;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
    transition: .5s all;
    z-index: 990;
    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
    padding: 2px 2px 0;
}


.side-list {
    text-align: center;
    margin-bottom: 2px;
    z-index: 2;
    position: relative;
}

.side-logo {

}

.side-list a {
    display: block;
    height: 100%;
    width: 100%;
    padding: 5px 5px 5px;
    text-align: center;
    background-color: #e68220;
    color: #fff;
    transition: .3s all;
}

.side-list a:hover {
    background-color: #fff;
    color: #f08519;
}

.side-logo a {
    height: 40px;
    background: url('/public/static/modules/cms/images/footer/side-logo.jpg') no-repeat center;
    background-size: cover;
}

.side-logo a:hover {
    background-image: url('/public/static/modules/cms/images/footer/side-logo-h.jpg');
}

.side-list a {
    width: 75px;
}

.side-list a p {
    font-size: 13px;
}

.side-list a i {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: no-repeat;
    transition: .3s all;
    background-size: cover;
}

.side-list-tb a i {
    background-image: url('/public/static/modules/cms/images/footer/side-tb.jpg');
}

.side-list-tb a:hover i {
    background-image: url('/public/static/modules/cms/images/footer/side-tb-h.jpg');
}

.side-list-wx a i {
    background-image: url('/public/static/modules/cms/images/footer/side-wechat.jpg');
}

.side-list-wx a:hover i {
    background-image: url('/public/static/modules/cms/images/footer/side-wechat-h.jpg');
}

.side-list-phone a i {
    background-image: url('/public/static/modules/cms/images/footer/side-phone.jpg');
}

.side-list-phone a:hover i {
    background-image: url('/public/static/modules/cms/images/footer/side-phone-h.jpg');
}

.side-list-online a i {
    background-image: url('/public/static/modules/cms/images/footer/side-online.jpg');
}

.side-list-online a:hover i {
    background-image: url('/public/static/modules/cms/images/footer/side-online-h.jpg');
}


.side-list-wx .wechat-info {
    opacity: 0;
    left: -10px;
    top: 0;
    position: absolute;
    width: 150px;
    height: 150px;
    transition: .3s all;
}

.side-list-wx .wechat-info {
    vertical-align: middle;
}

.side-list-wx:hover .wechat-info {
    opacity: 1;
    left: -160px;
}

.side-list-phone .phone-info {
    background-color: #fff;
    line-height: 70px;
    height: 70px;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 0;
    width: 185px;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
    transition: .3s all;
    color: #f08519;
    z-index: 1;
    opacity: 0;
}

.side-list-phone:hover .phone-info {
    opacity: 1;
    left: -185px;
    box-shadow: 0 0 5px #ccc;
}


.side-tools-mobile {
    display: none;
}

#newBridge {
    /*display: none!important;*/
}

#newBridge .nb-invite-wrap-0 {
    display: none !important;
}

#nb_icon_wrap {
    display: none !important;
}


@media (max-width: 1200px) {
    .h-e {
        font-size: 13.2px;
    }
}

@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;
    }
}


.h-menu {
    display: none;
}

.ph_wra {
    display: flex;
    align-items: center;
    margin-right: .65rem;
}

.ph_wra img {
    width: 2.5rem;
    height: auto;
    display: none;
}

.h_last {
    display: flex;
    align-items: center;
    margin-left: .5rem;
}

.hp-act .s14 {
    color: #333333;
    line-height: 1.6;
}

.hp-act .s24 {
    font-family: D-DIN-Bold;

    color: #bb9f7f;
}


@media (max-width: 1100px) {

    .rz-menu {
        display: none;
    }


    .has-nav .h-e::after {
        content: none;
    }

    .ph_wra {
        order: 1;
    }

    .h_last {
        order: 2;
        margin-left: auto;
    }

    .h-right {
        order: 3;
        margin-left: 0;
    }


    .h-d:hover .h-e::after {
        content: none;
    }

    header {
        height: 44px;
    }

    .h-a {
        height: 44px;
    }

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

    .h-cont {
        width: 90%;
        margin: 0 auto;
        /* padding-left: 10px; */
    }

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

    .h-menu {
        /*width: 32px;*/
        /*height: 70%;*/
        margin-left: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        background-color: #f8fbff;
    }

    .h-menu span {
        display: block;
        /*width: 75%;*/
        /*height: 4px;*/
        /*background-color: #1d58b9;*/
        /*border-radius: 3px;*/
    }

    .h-menu .mobile-menu{
        font-size: 32px;
        color: #1d58b9;
    }

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


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

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

    .h-d.m-menu-index{
        display: block;
    }

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

    .h-e {
        padding: 0 40px 0 10px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        color: #333;
        margin: 0;
        /* text-align: center; */
        word-break: keep-all;
        /* 不换行 */

        white-space: nowrap;
        /* 不换行 */
        font-family: 'SourceHanSansCN-Normal';
    }


    .h-d.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;
    }

    .h-back{
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        color: #666;
        cursor: pointer;
    }

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


.lo_num {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    margin: 0 .2rem;
    /* margin-right: .25rem; */
}

.header-link {
    display: flex;
}

.lo_dang {
    width: 35px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.lo_num .s16 {
    color: #333333;
}

.lo_num img {
    width: 18px;
    height: 18px;
    display: none;
}


/*另一部分*/
.has_wrap {
    position: absolute;
    top: 20%;
    left: 12%;
    /* transform: translateY(-50%); */
}

.has_title .s60 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    line-height: 1.2;
}

.has_title::after {
    content: '';
    display: block;
    background-image: url(/public/static/modules/cms/css/../images/h-banner-logo.png);
    width: 71px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 8px;
    margin-top: .3rem;

}

.has_title {
    margin-bottom: .3rem;
}


.h-wrap {
    width: 16.80rem;
    margin: 0 auto;
    max-width: 1480px;
}

.small-wrap {
    width: 10rem;
}

.sub-wrap {
    max-height: calc(100vh - 1rem);
    overflow-y: auto;
    left: 0;
    top: 1rem;
    padding: .5rem 0;
    padding-bottom: .2rem;
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: -1;
    opacity: 0;
    height: 0;
    box-sizing: border-box;
    transition: all .5s;
    padding: 0 0;
}


.sub-item-item {
    font-family: SourceHanSansCN-Medium;
    font-weight: bold;
    color: #333333;
    margin-bottom: .25rem;
}

.sub-item-up {
    font-family: SourceHanSansCN-Medium;
    font-weight: bold;
    color: #333333;

}


.sub-item-down {
    margin-top: .25rem;
    border-top: 1px solid #e3e3e3;
    padding-top: .3rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.sub-item-down.flex-wrap {
    display: flex;
}

.sub-c-title {
    font-family: SourceHanSansCN-Medium;
    color: #1d58b9;
    margin-bottom: .15rem;
}

.sub-content li {
    margin-bottom: .12rem;
}

.sub-content li a {
    font-family: SourceHanSansCN-Regular;
    color: #555555;
    line-height: 1.6;
}

.sub-content-wrap {
    max-width: 2rem;
    margin-bottom: .3rem;
    margin-right: .6rem;
}


.sub-content-wrap:last-child {
    margin-right: 0;
}

.sub-item-list {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;

}

.sub-item {
    max-width: calc(700 / 1680 * 100%);
    margin-right: 0;
    min-width: 256;
    margin-right: .25rem;

}

.sub-item:last-child {
    margin-right: 0;
}

.sub-content {
    /* margin-bottom: .5rem; */
}

.l_change {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.l_change a {
    font-family: ArialMT;
    color: #333;
    display: flex;
    align-items: center;
}

.l_change a p {
    margin-left: .05rem;
}

.l_change .s18 img {
    display: none;
}

.l_change .s18 img.active {
    display: block;
}

.l_change .site_en{
    margin-left: .05rem;
}

.l_change a:hover{
    color: #1d58b9;
}

.l_change a:hover  p{
    color: #1d58b9;
}

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

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

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


.SmallHeader .h-a {
    background-color: #fff;
}

.SmallHeader .h-e {
    color: #333333;
}

.SmallHeader .l_change .s18 img {
    display: none;
}

.SmallHeader .l_change .s18 img.active {
    display: block;
}


.SmallHeader .lo_dang img.active {
    display: block;
}

.SmallHeader .lo_dang img {
    display: none;
}

.ph_wra img.active {
    display: none;
}

.SmallHeader .ph_wra img.active {
    display: block;
}

.SmallHeader .ph_wra img {
    display: none;
}


.heade-w .h-a {
    background-color: #fff;
}

.heade-w .h-e {
    color: #333333;
}


.heade-w .l_change .s18 img.active {
    display: block;
}

.l_change .s18 p {
    color: #333;
}

.l_change .site_dev{
    font-size: 24px;
    margin-left: .25rem;
}

.lo_dang img.active {
    display: block;
}

.heade-w .lo_dang img.active {
    display: block;
}

.heade-w .lo_dang img {
    display: none;
}

.ph_wra img.active {
    display: block;
}

/* 视频 */
.video-box {
    position: relative;
}


.video-bg {
    width: 100%;
    height: 100%;
    display: block;
}


.video-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.video-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .4);
    display: none;
    z-index: 999;
}

.video-wrap .video-contain {
    position: relative;
    width: 70%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.video-wrap .video-close {
    font-size: 50px;
    position: absolute;
    right: 0;
    color: #002063;
    opacity: 0.8;
    transform: translateY(-100%);
    cursor: pointer;
    z-index: 999;
}

.video-wrap .video-contain video {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.video-box-btn {
    z-index: 6;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
    cursor: pointer;
}

.box-button {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding: 10px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .5);
}

.box-button svg {
    fill: #fff;
    width: 100%;
    height: 100%;
}


@media (min-width: 1100px) {


    .h-d:hover .sub-wrap {
        display: block;
        opacity: 1;

        padding-bottom: .2rem;
        height: auto;
    }

    .sub-wrap > div {
        padding: .5rem 0;
        border-top: 2px solid #1d58b9;
    }


    .h-d.active .h-e {
        /*color: #1d58b9;*/
    }

    .h-d:hover .h-e {
        color: #1d58b9;
    }

    .about-nav .sub-wrap .sub-content a:hover {
        color: #1d58b9;
    }

    .sub-content li a:hover {
        color: #f08519;
    }

}

@media (max-width: 1100px) {
    .h-a {
        background-color: #fff;
    }

    .l_change .s18 p {
        color: #333;
    }

    .lo_num img {
        display: none;
    }

    .lo_dang img.active {
        display: block;
    }

    .l_change .s18 img,
    .ph_wra img {
        display: none;
    }

    .l_change .s18 img.active {
        display: block;
    }

    .ph_wra img.active {
        display: block;
    }

    .about-nav .sub-wrap {
        position: relative;
    }

    .about-nav .sub-wrap .sub-content a {
        text-align: left;
        padding-left: .5rem;
    }

    .header-link {
        width: 25px;
    }

    .h-wrap,
    .h-box,
    .h-cont {
        width: 100%;
        padding: 0 10px;
    }

    .sub-wrap {
        position: static;
        width: 100%;
        height: auto;
        opacity: 1;
        z-index: 2;
        display: none;
        transition: none;
        padding: .5rem 0;
        overflow-y: auto !important;
    }

    .sub-content-wrap {
        max-width: none;
    }

    .sub-item {
        width: 100%;
        max-width: none;
        margin-right: 0;
    }
}

.box.box-other {
    margin-bottom: 0;
}

.foot-container {
    display: flex;
}

.foot-title p {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
}

.foot-left {
    width: calc(1319 / 1680 * 100%);
}

.foot-left-up {
    display: flex;
    padding: .5rem;
    padding-right: .8rem;
    padding-left: 0;
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.foot-list {
    display: flex;
    justify-content: space-between;
    padding-right: .8rem;
}

.foot-nav-a .s18 {
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
}

.fb-list .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    opacity: 0.7;
    margin-bottom: .15rem;
    display: block;
}

.fb-list .s16:hover {
    opacity: 1;
}

.foot-nav-a::after {
    display: block;
    content: '';
    width: 12px;
    height: 2px;
    background-color: #ffffff;
    margin: .2rem 0;
}

.foot-nav-btn {
    display: none;
}

.foot-nav-btn img {
    transition: all .3s;
}

.foot-left-down {
    padding: .5rem 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.foot-right {
    padding: .5rem;
    flex: 1;
    padding-right: 0;
}

.share-list {
    display: flex;
    align-items: center;
}

.share-logo {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%;
    margin-right: 0.15rem;
    position: relative;
}

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

.share-logo:hover img.active {
    display: block;
}

.share-logo:hover {
    background-color: #ffffff;
}

.share-logo:hover > img {
    display: none;
}

.fr-phone .s14 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    opacity: 0.7;
}

.fr-phone .s36 {
    font-family: D-DIN-Bold;
    color: #ffffff;
    margin-top: .1rem;

}

.fr-add {
    margin: .35rem 0;
}

.fr-add p {
    line-height: 1.6;
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    opacity: 0.7;
}

.fr-b {
    margin-top: 1rem;
}

.fr-b .s14 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    opacity: 0.5;
}

.foot-logo {
    width: 2.9rem;
    margin-right: .5rem;
}


.nav-item {
    display: flex;
    align-items: center;
}

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

.nav-list .nav-item {
    transition: .3s all;
    color: #999;
    font-family: SourceHanSansCN-Regular;
    height: 100%;
    display: flex;
    align-items: center;
    line-height: 1.6;
}

.nav-list a.nav-item:hover .nav-name {
    color: #f08519;
}


.crumbs-content-left {

}


.crumbs-wrap-top .nav-item .s16 {

}

.nav-item:last-child .s16.line {
    display: none;
}

.nav-item img {
    margin-right: .1rem;
}

.nav-item .s16.line {
    margin: 0 .05rem;
}

.crumbs-content-link {
    padding: 0.3rem 0;
}

.cr-list a {
    padding: .15rem .2rem;
}

.cr-list a {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    display: flex;
    align-items: center;
}

.crumbs-content-top .cr-list a::before {
    content: '.';
    display: block;
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    line-height: .2rem;
    margin-right: .05rem;
    margin-top: -.1rem;
}

.crumbs-content-bot .cr-list a::before {
    color: #666;
}

.cr-list .s16:first-child {
    margin-left: 0;
}

.crumbs-content-top {
    background-color: #2555a4;
}

.crumbs-content-top .cr-list a.active {
    background-color: #f08519;
}

.crumbs-content-bot {
    border-bottom: 1px solid #999;
}

.crumbs-content-bot .cr-list a {
    color: #666;
    padding-bottom: 0.1rem;
    padding-top: 0.3rem;
}


.cr-list a.active {

}

/*页码样式*/
.pages-turn {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pages-turn a, .pages-turn span {
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-right: 0;
    color: #23527c;
    display: flex;
    align-items: center;
}

.pages-turn span {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}


.pages-turn a:last-child {
    border-right: 1px solid #ddd;
}

.pages-turn a:hover {
    color: #23527c;
    background-color: #eee;
}

.banner-text {
    font-family: SourceHanSansCN-Regular;
}

.banner-text p {
    width: calc(800 / 1920 * 100vw);
}

.banner-position {
    padding: 0.8rem 0;
}

#newBridge .nb-middle {
    display: none !important;
}

@media (max-width: 1500px) {
    .sub-content-wrap {
        margin-right: .5rem;
    }
}

@media (max-width: 1000px) {

    .foot-left-up,
    .foot-list {
        padding-right: .3rem;
    }


}

@media (max-width: 750px) {
    .foot-right {
        padding: 0;
    }

    .foot-nav.active .foot-nav-a .foot-nav-btn img {
        transform: rotateZ(-180deg);

    }

    .fb-list {
        display: none;
    }

    .foot-container {
        flex-wrap: wrap;
    }

    .foot-nav-a::after {
        display: none;
    }

    .foot-nav-btn {
        display: block;
        padding: .2rem;
        flex-shrink: 0;
    }

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

    .foot-logo {
        margin-bottom: .25rem;
    }

    .foot-left-down {
        padding: 0;
    }

    .foot-left-up,
    .foot-list {
        flex-wrap: wrap;
    }

    .foot-left-up,
    .foot-left-down {
        border: none;
    }

    .foot-nav {
        width: 100%;
    }

    .foot-left-up,
    .foot-list {
        padding-right: .3rem;
        padding: .5rem 0;
    }

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

    .banner-product .banner-text p {
        width: auto;
    }

    .side-tools {
        display: none;
    }

    .footer {
        padding-bottom: 1rem;
    }


    .side-tools-mobile {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1rem;
        line-height: 1rem;
        color: #fff;
        background-color: #1d58b9;
        font-size: 16px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 3;
    }

    .side-tools-mobile img {
        vertical-align: middle;
    }

}


body a:hover, body a:focus {
    text-underline: none;
    text-decoration: none;
}

.follow-list {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

.follow-list li {
    width: 30%;
    margin-bottom: 15px;
    overflow: hidden;
}

.follow-list li a {
    position: relative;
    display: block;
    width: 40px;
}

.follow-list .code-info {
    position: absolute;
    top: -200px;
    width: 150px;
    padding: 10px 10px 5px;
    box-sizing: border-box;
    text-align: center;
    background-color: #f08519;
    color: #fff;
    z-index: 5;
    border-radius: 5px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 5px #ccc;
    transition: .3s all;
    opacity: 0;
}

.follow-list .code-info.row-two {
    top: -255px;
}

footer .follow-list li:hover {
    overflow: visible;
}

footer .follow-list li a:hover .code-info {
    opacity: 1;
}


.follow-list .code-info img {
    width: 100%;
}

.follow-list img {
    width: 40px;
    vertical-align: middle;
}

.news-tabs {
    margin-bottom: .3rem;
    margin-top: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-tabs a {
    color: #333;
    /*font-weight: normal;*/
}

.news-tabs a:hover, .news-tabs a.active {
    color: #f08519;
}

.news-tabs .line {
    height: 16px;
    width: 2px;
    margin: 0 15px;
    background-color: #666;
    display: inline-block;
    color: #fff;
}

.news-list {
    padding: 10px;
    border: 1px solid #F4F5F6;
    margin-bottom: 30px;
    background-color: #fff;
    transition: .3s all;
    border-radius: 5px;
    position: relative;
    transition: .3s all;
}

.news-list:hover {
    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%);
    box-shadow: 0 0 30px rgb(0 0 0 / 15%);
    -webkit-transform: translate2d(0, 0px, -2px);
    transform: translateY(-8px);
}

.news-list:hover h3 a {
    color: #f08519;
}

@media (min-width: 768px) {
    .news-tabs .line {
        height: 24px;
    }
}

/*@font-face {*/
/*    font-family: 'SourceHanSansCN-Regular';*/
/*    src: url("/public/static/modules/cms/css/../fonts/SourceHanSansCN-Regular.woff2") format("woff2");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap; !* 关键属性 *!*/
/*}*/

img.lazy-image {
    max-width: 100%;
}

.main_banner {
    position: relative;
}

.ha-bottom {
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    display: flex;
    z-index: 1;
    justify-content: flex-end;
}

.ha-bottom-left {
    justify-content: left;
}


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

.hab-left {
    display: flex;
    align-items: center;
}

.hab-pag .swiper-pagination-bullet {
    background-color: #ffffff;
    opacity: 0.4;
    margin-left: .15rem;
    width: 15px;
    height: 15px;
}

.hab-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #f08519;
}

.home-pro-b {
    font-family: D-DIN-Bold;
    color: #dfebfa;
    position: absolute;
    z-index: 1;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #dfebfa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

.home-product-container {
    padding: .5rem 0;
    /* padding-top: 1rem; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.home-product-title .s60 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
    position: relative;
    line-height: 1;
    z-index: 2;
    font-weight: normal;
}

.home-product-title h3 {
    font-family: 'SourceHanSansCN-Medium';
    color: #333333;
    position: relative;
    font-weight: normal;
    z-index: 2;
    margin-top: .1rem;
}

.home-product-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}


.home-product-link {
    display: flex;
}

.home-product-link a {
    transition: .3s all;
}

.home-product-link .s16 {
    display: block;
    background-color: #1d58b9;
    padding: .15rem .25rem;
}

.home-product-link .s16:hover {
    background-color: #f39d02;
}

.home-product-link .s16 span {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
}

.home-product-link .s16 span:first-child {
    margin-right: .15rem;
}


.home-product-container {
    overflow: hidden;
}

.pro-item {
    width: calc(505 / 1680 * 100%);
    padding: .35rem;
    background-color: #ffffff;
    margin-right: .82rem;
    transition: all .5s;
}

.pro-item:nth-child(3n) {
    margin-right: 0;
}


.pro-item-up {
    border-bottom: 1px solid #ececec;
}

.pro-item-up p {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
}

.pro-item-up::after {
    transition: all .5s;
    content: '';
    display: block;
    width: 36px;
    height: 3px;
    background-color: #1d58b9;
    margin-top: .3rem;
}

.pro-item-word p {
    line-height: 1.6;
}

.pro-item-word {
    margin: .25rem 0;
}

.pro-item-img img {
    width: calc(231 / 500 * 100%);
    transition: all .5s;
}

.pro-item:hover {
    background-color: #ffffff;
    box-shadow: 0px 2px 32px 0px rgba(30, 93, 198, 0.24);
    transform: scale(1.2);

}

.pro-i-title {
    display: flex;
    justify-content: space-between;
}

.pro-link {
    width: .36rem;
    height: .36rem;
    background-color: #f39d02;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .5s;
}

.pro-i-title p.s26 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    transition: all .5s;
}

.pro-item:hover .pro-i-title p.s26 {
    font-family: SourceHanSansCN-Medium;
    color: #f39d02;
}

.pro-item:hover .pro-item-up::after {
    background-color: #f39d02;
}

.pro-item:hover .pro-link {
    opacity: 1;
}


.pro-item:hover .pro-item-img {
    text-align: center;
    transition: all .5s;
}

.pro-item:hover .pro-item-img img {
    transform: scale(1.2);
    transition: all .5s;

}

.home-pro-b-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .5rem;
}

.hpb-right {
    width: calc(1320 / 1680 * 100%);
}

.hpb-word {
    padding: .35rem .2rem;
    background-color: #ffffff;
    font-family: SourceHanSansCN-Normal;
}

.hpb-word .s18 {
    font-family: SourceHanSansCN-Medium;
}

.hpb-word .s26 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
}

.hpb-word .hpd-word-desc {
    color: #9a9a9a;
    margin-top: .10rem;
    line-height: 1.6;
    height: 3em;
}

.hpb-img {
    overflow: hidden;
    text-align: center;
    background-color: #f8f8f8;
    background: url("/public/static/modules/cms/images/index/hpb-img-bg.jpg") no-repeat;
    background-size: cover;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hpb-img img {
    /*width: 100%;*/
    transition: all .3s;
    max-width: 250px;
    display: block;
    max-height: 100%;
    padding: .3rem 0;
}

.hpb-right-slide {
    display: block;
    overflow: hidden;
    transition: all .3s;
}

.hpb-right-swiper .swiper-slide:hover .hpb-right-slide {
    box-shadow: 0px 2px 32px 0px rgba(30, 93, 198, 0.24);
}

.hpb-right-swiper.swiper-container {
    padding: .25rem 0;
}

.hpb-btn-wrap {
    display: flex;
    align-items: center;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.hpb-btb {
    width: .5rem;
    height: .5rem;
    max-width: 40px;
    max-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s;
}

.hpb-btb img {
    display: none;
}

.hpb-btb img.active {
    display: block;
}

.hpb-btb:hover img, .home-pro-list-box:hover .hpb-btb img {
    display: block;
}

.hpb-btb:hover img.active, .home-pro-list-box:hover .hpb-btb img.active {
    display: none;
}


.hpb-right-swiper .swiper-slide:hover .hpb-right-slide .hpb-img img {
    transform: scale(1.1);
    transition: all .3s;
}

.home-superiority-up {
    position: relative;

}

.home-superiority-up img {
    width: 100%;
}

.hb-title {
    position: absolute;

    top: 0%;
    width: 100%;
    text-align: center;
}


.hb-title .s20 {
    font-family: SourceHanSansCN-Normal;
    color: #333;
    position: relative;
    z-index: 2;

}

.hb-title .s130 {
    font-family: D-DIN-Bold;
    /* color: #2957a2; */
    /*    background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; */
}

.hsi-p .s28 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
    margin-top: .2rem;
    margin-bottom: .15rem;
    transition: all .3s;
}

.hsi-p .s18 {
    font-family: 'SourceHanSansCN-Regular';
    color: #888888;
    transition: all .3s;
    line-height: 1.4;
}

.hsi-img img.active {
    display: none;
}

.hsi-img {
    height: .63rem;
}

.hsi-img img {
    max-width: .63rem;
    width: auto;
}

.home-superiority-list {
    flex-wrap: wrap;
    display: flex;

}

.home-superiority-item {
    text-align: center;
    width: calc(560 / 1680 * 100%);
    background-color: #f9f9f9;
    padding: .5rem;
}

.home-superiority-item:nth-child(2n) {
    background-color: #ffffff;
}

.home-superiority-list {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    /* top: -50%; */
}

.home-superiority-down {
    position: relative;
    padding-bottom: 3.75rem;
    background-color: #f6f9fd;
}

.home-superiority-item:hover {
    background-image: url('/public/static/modules/cms/css/../images/index/hov-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0px 2px 32px 0px rgba(30, 93, 198, 0.24);
}

.home-superiority-item:hover .hsi-img img.active {
    display: inline;
}

.home-superiority-item:hover .hsi-img img {
    /*display: none;*/
}


.home-about-p {
    margin-top: .3rem;
    margin-bottom: .3rem;
}


.home-about-content {
    display: flex;
    align-items: center;
}

.home-about-left {
    width: 50%;
    min-height: 550px;
    height: calc(715 / 1920 * 100vw);
}

.home-about-data-list{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex: 0 0 calc(33.33% - 10px);
    margin: .15rem 0;
}


.home-about-left-wrap .home-about-bot {
    margin-top: auto;
    font-weight: bold;
    color: #1d58b9;
}




.home-about-left-wrap:first-child {
    display: block;
}


.home-about-data .home-about-data-item {
    display: flex;
}



.home-about-data .s18 {
    font-family: SourceHanSansCN-Regular;
    margin-top: .04rem;
    color: #666666;
    text-align: left;
}

.home-about-data span {
    display: block;
    font-family: D-DIN-Bold;
    color: #1d58b9;
}

.home-about-data-list .home-about-bot {
    margin-top: auto;
    font-weight: bold;
    color: #1d58b9;
}

.home-about-data {
    flex: 0 0 calc((100% - 60px) /3);
    margin: 0 10px;
    margin-bottom: .5rem;
}



.home-about-right {
    width: 50%;
    background-repeat: no-repeat;
    padding: .7rem 0;
    background-size: cover;
}

.hbr-item-wrap {
    display: flex;
}

.hbr-item {
    display: block;
    padding: .35rem 0;
    box-sizing: content-box;
    width: 2rem;
    text-align: center;
    background-color: #2764ca;
    transition: all .3s;
}

.hbr-item-wrap:nth-child(1) .hbr-item {
    background-color: #3878e3;
}

.hbr-item-wrap:nth-child(2) .hbr-item {
    background-color: #306ed5;
}

.hbr-item-wrap:nth-child(3) .hbr-item {
    background-color: #2764ca;
}

.hbr-item-wrap:nth-child(4) .hbr-item {
    background-color: #1d59bc;
}

.hbr-item-wrap:nth-child(5) .hbr-item {
    background-color: #1951ae;
}


.hbr-item img {
    opacity: .5;
}

.hbr-item .s20 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    opacity: 0.5;
    margin-top: .1rem;
}

.hbr-item:hover {
    padding-right: .15rem;
    background-color: #f39d02 !important;
}

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

.hbr-item:hover .s20 {
    opacity: 1;
}


.home-application-content .home-product-title, .home-server-content .home-product-title {
    text-align: center;
}

.home-application-container {
    background-color: #f3f6fa;
    padding-bottom: .8rem;
}

.h-app-front > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.h-app-front {
    position: relative;
    0 transition: all .5s;
    height: 100%;
}

.home-application-list {
    display: flex;
    margin-top: .5rem;
}

.h-app-front::before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    content: '';
    z-index: 1;
    background-image: linear-gradient(rgba(0, 48, 125, 0), rgba(0, 48, 125, .5), rgba(0, 48, 125, .8));

}

.front-item {
    position: absolute;
    bottom: .8rem;
    left: .5rem;
    z-index: 2;

}

.front-item img {
    width: .46rem;
}

.front-item .s24 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    margin-top: .15rem;
}

.home-application-item {
    position: relative;
    height: 100%;
    /* width: 20%; */
    transform-style: preserve-3d;
}

.home-application-list .swiper-slide {
    height: auto;
    padding: .5rem 0;
}

.h-app-back {
    position: absolute;
    width: 100%;
    height: 110%;
    left: 0;
    top: -5%;
    backface-visibility: hidden;
    z-index: 5;
    transform: rotateY(-180deg);

    transition: all .5s;
}

.home-application-item:hover .h-app-front {
    transform: rotateY(180deg);
}

.home-application-item:hover .h-app-front .front-item {
    opacity: 0;

}

.home-application-item:hover .h-app-back {
    transform: rotateY(0);
}

.hab-bottom .home-product-link .s16 {
    background-color: #ffffff;
}

.hab-bottom .home-product-link .s16 span {
    color: #3368c0;
}

.hab-up .s30 {
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
    margin-top: .15rem;
}

.h-app-back {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hab-up {
    text-align: center;

}

.hab-up img {
    width: .46rem;
}

.hab-center-p p {
    font-family: SourceHanSansCN-Regular;
    line-height: 1.6;
    color: #ffffff;
}

.hab-center {
    margin-top: .5rem;
    margin-bottom: 1rem;
}

.hab-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
}

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

.h-app-back::after {
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    z-index: -1;
    background-color: rgba(29, 88, 185, .9);
}

.home-server-content .hb-title {
    position: relative;
}


.home-server-content .hb-title .pcba-title {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #dfebfa);
}

.h-serve-wrod {
    margin-top: .3rem;
}

.h-serve-wrod p {
    color: #333;
    text-align: center;
    line-height: 1.6;
    font-family: 'SourceHanSansCN-Regular';
}

.h-serve-item {
    width: 25%;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    justify-content: center;
    background-color: #f6f9fd;
    margin-right: 5px;
}

.h-serve-item:last-child {
    margin-right: 0;
}



.h-serve-img {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.h-serve-p {
    margin-top: .05rem;
}


.h-serve-p p {
    font-family: SourceHanSansCN-Normal;
    color: #333333;
}

.h-serve-item::before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    content: '';
    z-index: 1;
    transition: all .3s;
    opacity: 0;
    /*background-image: linear-gradient(rgba(243, 157, 2, 0), rgba(243, 157, 2, .6), rgba(243, 157, 2, 1));*/
    /*background-color: #f39d02;*/
}

.h-serve-img,
.h-serve-p {
    z-index: 2;
    transition: all .3s;
}


.h-serve-item:hover {
    box-shadow: 0px 2px 32px 0px rgba(30, 93, 198, 0.24);
}

.h-serve-item:hover .h-serve-p p {
    color: #1d58b9;
}

.h-serve-item:hover::before {
    opacity: 1;
}



.home-product-link.home-news-select .s16 {
    margin-left: .1rem;
}

.home-server-container {
    background-size: cover;
    background-position: center center;
    padding-bottom: 1.2rem;
}

.home-news-wrap {
    display: flex;
    justify-content: space-between;
}


.home-news-left {
    width: calc(940 / 1680 * 100%);
}


.home-news-left-list {
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.home-news-item {
    height: 100%;
    display: block;
    width: calc(445 / 940 * 100%);
    background-color: #f8f8f8;
}

.home-news-img {
    overflow: hidden;
}

.home-news-img img {
    transition: all .3s;
}

.home-news-item:hover .home-news-img img {
    transform: scale(1.1);
    transition: all .5s;
}

.home-news-item:hover .home-news-word .s22 {
    color: #1d58b9;
}

.home-news-word {
    padding: .2rem;
}

.home-news-word .s18 {
    font-family: D-DIN;
    color: #888888;
}

.home-news-word .s22 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
    line-height: 1.5;
    margin: .1rem 0;
    transition: all .3s;
}

.home-news-word .s16 {
    color: #888888;
    line-height: 1.6;
}


.home-news-list {
    margin-top: .5rem;
}


.hnr-item-p {
    width: 90%;
}

.hnr-item-p .s18 {
    font-family: D-DIN;

    color: #888888;
}

.hnr-item-p .s20 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    margin: .1rem 0;
    transition: all .3s;
}

.hnr-item-p .s16 {
    font-family: SourceHanSansCN-Regular;
    line-height: 1.6;
    color: #888888;
    line-height: 1.6;
}

.hnr-item {
    display: flex;
    margin-bottom: .25rem;
    /* align-items: center; */
    justify-content: space-between;
}

.home-news-right {
    /* height: 100%; */
    width: calc(690 / 1680 * 100%);
    padding: .35rem;
    background-color: #f8f8f8;
}

.hnr-item::before {
    display: block;
    content: '';
    opacity: .5;
    width: 7px;
    height: 7px;
    background-color: #b9cae7;
    margin-top: .38rem;
    flex-shrink: 0;
    /* margin-right: .35rem; */
    transition: all .3s;
}

.hnr-item:hover .hnr-item-p .s20 {
    color: #1d58b9;
}

.hnr-item:hover::before {
    background-color: #1d58b9;
    opacity: 1;
}

.home-news-select .s16.active {
    background-color: #f39d02;
}


.home-news-wrap-a {
    display: none;
}

.home-news-wrap-a:first-child {
    display: block;
}

.home-par-container {
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 1rem;
}


.home-par-content .hb-title {
    position: relative;
}

.home-par-content .hb-title .s60 {
    color: #fff;
}

.home-par-content .hb-title .s130 {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(234, 241, 251, .1));
}


.home-par-swiper .swiper-slide {
    height: auto;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    /*background-color: #fff;*/
}

.home-par-swiper .swiper-slide:hover img {
    transform: scale(1.1);
}

.home-par-swiper .swiper-slide img {
    /*max-width: 80%;*/
    transition: all .3s;
    max-height: 100%;
}

.home-par-swiper-wrap {
    margin-top: .5rem;
}

.hap-pag {
    text-align: center;
    margin-top: .5rem;
}

.hap-pag .swiper-pagination-bullet {
    width: 30px;
    height: 2px;
    background-color: #ffffff;
    opacity: 0.4;
    margin-left: .15rem;
}

.hap-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}


.rz-menu {
    height: 100%;
}

@media (max-width: 1000px) {

    .home-superiority-list {
        position: relative;
        transform: none;
        left: 0;
    }

    .home-superiority-down {
        padding: .5rem 0;
    }

    .home-superiority-list {
        position: relative;
        transform: none;
        left: 0;
    }

    .home-superiority-down {
        padding: .5rem 0;
    }


}

@media (max-width: 750px) {
    .home-news-content .home-product-head {
        flex-wrap: wrap;
    }


    .home-news-content .home-product-head .home-product-link {
        margin-top: .3rem;
    }


    .home-news-wrap,
    .home-news-left-list {
        flex-wrap: wrap;
    }

    .home-news-item {
        margin-bottom: .3rem;
        height: auto;
    }

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

    .h-serve-list{
        margin-bottom: .3rem;
    }

    .h-serve-item {
        padding: 1rem 0;
        width: 48%;
        margin-bottom: 5px;
        height: 125px;
    }

    .home-application-list {
        flex-wrap: wrap;
    }

    .home-application-item {
        /* width: 50%; */
    }

    .home-superiority-item {
        width: 50%;
    }


    .home-pro-b-content {
        flex-wrap: wrap;
    }

    .home-superiority-item:nth-child(3) {
        background-color: #fff;
    }

    .home-superiority-item:nth-child(4) {
        background-color: #f9f9f9;
    }

    .pro-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: .3rem;
    }

    .hpb-right {
        width: 100%;
    }

    .has-pop {
        width: 100%;
    }

    .has_item > img {
        height: 280px;
    }

    .home-about-content {
        display: block;
        flex-wrap: wrap;
    }

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


    /*.home-about-left {*/
    /*    padding-top: 1rem;*/
    /*}*/
    .home-about-left {
        min-height: 400px;
        height: auto;
    }

    .home-about-left-wrap {
        width: 90%;
    }

    .hpb-img {
        height: auto;
    }

    .ha-bottom-left {
        display: none;
    }
}

.has_item {
    position: relative;
    background-size: cover;
    background-position: center center;
    height: 100%;
}

.has-pop-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);

}


.has_item > img {
    width: 100%;
    object-fit: cover;
}

@media (min-width: 1100px) {
    .has_item img {
        height: 100vh;
        height: calc( 100vh - 1rem);

    }

    .ten-s {
        flex-wrap: nowrap;
    }

    .hpb-img img {
        max-width: 250px;
    }
}

@media (min-width: 1200px){
    .sub-content-wrap:nth-of-type(4){
        margin-right: 0;
    }
}

/*轮播部分*/

.has-pop {
    width: calc(560 / 1680 * 100%);
}

.hsp-a .s68 {
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
    margin-bottom: .2rem;
}

.hsp-a .s48 {
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
    line-height: 1.2;
}


.hsp-b .hsp-line {
    width: 37px;
    height: 5px;
    background-color: #ffffff;
}

.hsp-b {
    margin: .25rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.hsp-c p {
    font-family: D-DIN;
    line-height: 1.6;
    color: #ffffff;
}

.home-news-container {
    padding-bottom: .5rem;
}


.other-banner img {
    width: 100%;
    object-fit: cover;
    min-height: 150px;
}

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


.about-a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.aa-word p {
    font-family: SourceHanSansCN-Regular;
    color: #666666;
    line-height: 1.6;
}

.about-a-right {
    width: calc(720 / 1680 * 100%);
    flex-shrink: 0;
    position: relative;
}

.about-a-right img {
    width: 100%;
    z-index: 2;
}

.about-a-container {
    padding: .7rem 0;
    overflow: hidden;
}

.aa-word {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.aa-title p {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
}

.about-a-left {
    margin-right: .5rem;
}

.num-img {
    max-width: .4rem;
    margin-bottom: .1rem;
    text-align: center;
}


.aar-box {
    position: absolute;
    width: .98rem;
    height: .98rem;
    background-color: rgba(37, 85, 164, .2);
    left: 100%;
    bottom: 0;
    z-index: -1;
    transform: translateX(-50%) translateY(50%);
}

.aar-s {
    position: absolute;
    left: 100%;
    bottom: 100%;
    width: .17rem;
    height: .17rem;
    background-color: #2555a4;
}


.about-b-container {
    background-size: cover;
    background-repeat: no-repeat;
    padding: .7rem 0;
    padding-bottom: .8rem;
    margin-top: .5rem;
}

.ab-list {
    display: flex;
}

.abl-item {
    width: 33.3333%;
    text-align: center;
    padding: 0 .3rem;
    transition: all .3s;
}

.abl-item:hover {
    transform: translateY(-5px);
}

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

.abl-p .s30 {
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
    margin-bottom: .1rem;
}

.abl-p .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    line-height: 1.6;
}


.abl-img img {
    max-width: 50%;
}

.ac-title {
    text-align: center;
}

.ac-title .s60 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
}

.ac-title .s24 {
    line-height: 1.4;
    font-family: SourceHanSansCN-Regular;
    color: #f39d02;
    margin-top: .1rem;
}

.about-c-container {
    padding: .5rem 0;
    overflow: hidden;
}


.ac-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .5rem;
}

.ac-left {
    flex-shrink: 0;
    width: calc(1020 / 1680 * 100%);
    position: relative;
}

.acr-item {
    display: flex;
    align-items: center;
    margin: .3rem 0;
}


.ac-right {
    margin-left: .5rem;
}

.acri-left {
    width: .78rem;
    height: .86rem;
    background-image: url(/public/static/modules/cms/css/../images/acr-bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: .25rem;
    transition: all .3s;
}

.acr-item:hover .acri-left {
    background-image: url(/public/static/modules/cms/css/../images/acr-bg2.png);
}

.acri-left img {
    max-width: 60%;
}

.acri-right .s26 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
}

.acri-right .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #666666;
    margin-top: .1rem;
    line-height: 1.4;
}


.acl-box {
    position: absolute;
    z-index: -1;
    width: 9.60rem;
    height: 90%;
    background-color: #eff6ff;
    top: 1rem;
    right: 2rem;
}

.ad-title p {
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
    text-align: center;
}

.about-d-container {
    padding: .7rem 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.ad-line-item {
    height: 0;
    border-bottom: 1px dashed rgba(255, 255, 255, .3);
    flex: 1;
    transition: all .3s;
}

.ad-line-item-wrap {
    display: flex;
    align-items: center;
}

.ad-point-wrap {
    flex-shrink: 0;
    background-color: #fff;
    border-radius: 50%;
    width: .17rem;
    position: relative;
    transition: all .3s;
    height: .17rem;
}

.ad-point {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    background-color: #908058;
    border-radius: 50%;
    opacity: 0;
    width: .33rem;
    height: .33rem;
}

.time-line-slide {
    position: relative;
}


.ad-year {
    position: relative;
    left: 0%;
    width: auto;
    transform: translateX(-50%);
    display: inline-block;
    margin-top: .15rem;
}

.ad-year p {
    font-family: D-DIN;
    color: #ffffff;
}

.ad-swiper-wrap {
    margin-top: .5rem;
    position: relative;
}

.ad-btn {
    top: 27%;
    position: absolute;
    width: .35rem;
    height: .35rem;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    transition: all .3s;
    cursor: pointer;
}

.ad-prev {
    left: 0;
}

.ad-next {
    right: 0;
}

.ad-btn img {
    max-width: 50%;
}

.ad-btn img.active {
    display: none;
}


.ad-btn:hover {
    background-color: #f39d02;
}

.ad-btn:hover img.active {
    display: block;
}

.ad-btn:hover img {
    display: none;
}

.ad-swiper .swiper-slide:first-child .ad-line-item-wrap {
    justify-content: flex-end;
}

.ad-swiper .swiper-slide:last-child .time-line-slide .ad-line-item {
    opacity: 0;
}

.ad-swiper .swiper-slide.line-solid .ad-line-item {
    border: 1px solid #fff;
}

.ad-swiper .swiper-slide.swiper-slide-active .ad-year p {
    transform: scale(1.2);
    font-family: D-DIN-Bold;
}

.ad-swiper .swiper-slide.point-active .ad-point-wrap {
    background-color: #f39d02;
}

.ad-swiper .swiper-slide.point-active .ad-point-wrap .ad-point {
    background-color: rgba(243, 157, 2, .5);
    opacity: 1;
}

.ad-swiper.swiper-container {
    padding-top: .3rem;
}


.ad-select-show-wrap {
    display: none;
}

.ad-select-show-wrap:first-child {
    display: block;
}


.ad-select-show-left p {
    font-family: D-DIN-Bold;
    color: #ffffff;
}

.ad-select-show {
    display: flex;
    align-items: center;
    justify-content: space-around;
    max-width: 60%;
    margin: 0 auto;
}

.ad-select-show-right {
    display: flex;
    align-items: center;
}

.ass-img {
    width: 5.7rem;
}

.ass-word-title p {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
}

.ad-select-show-list {
    margin-top: .5rem;
}

.ass-word {
    margin-left: .5rem;
}

.ass-word-list {
    margin-top: .5rem;
}

.ass-word-list p {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    line-height: 1.6;
}

.aes-img img.active {
    display: none;
}

.aes-img img {
    height: .3rem;
    width: auto;
}


.about-e-content {
    padding-top: .5rem;
}

.aes-item {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: .15rem;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}

.aes-p p {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    margin-left: .15rem;
}

.ae-list {
    display: flex;
    align-items: center;
}

.about-e-content .ae-select {
    margin-top: .5rem;
}

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

.aes-item.active .aes-img img.active {
    display: block;
}

.aes-item.active {
    border-color: #f39d02;
}

.aes-item.active .aes-p p {
    color: #f39d02;
}


.ae-content-item {
    display: flex;
}

.ae-content-item-right {
    width: calc(840 / 1680 * 100%);
    flex-shrink: 0;
}

.ae-content-item-right img {
    width: 100%;
}

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


.ael-logo img {
    max-height: .6rem;
}

.ael-logo {
    text-align: center;
    margin-right: .8rem;
}

.ael-logo:last-child {
    margin-right: 0;
}

.ael-logo p {
    font-family: SourceHanSansCN-Regular;
    color: #666666;
    line-height: 1.6;
    margin-top: .15rem;
}

.ael-word {
    margin: .5rem 0;
}

.ae-content-wrap {
    padding: .8rem 0;
    display: none;
}

.ae-content-wrap:first-child {
    display: block;
}

.ael-word p {
    font-family: SourceHanSansCN-Regular;
    line-height: 1.6;
    color: #666666;
}

.ael-title p {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
}

.ael-title::after {
    content: '';
    display: block;
    width: 38px;
    height: 3px;
    background-color: #f39d02;
    margin-top: .3rem;
}

.ae-content-item-left {
    margin-right: .5rem;
}


.ae-content-list {
    background-size: cover;
    background-repeat: no-repeat;
}


.about-f-header {
    display: flex;
    justify-content: space-between;
}


.afh-left p {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
}

.about-f-container {
    padding: .5rem 0;
    padding-bottom: .8rem;
    background-color: #f0f4fa;
}

.af-swiper .af-img {
    height: 4.16rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.af-swiper .af-img:hover {
    cursor: pointer;
}

.af-swiper .af-img img {
    max-height: 4.16rem;
    width: auto;
}

.af-p {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    margin-top: .2rem;
    line-height: 1.6;
    text-align: center;
}


.af-swiper.swiper-container {
    padding-bottom: .8rem;
}

.af-swiper .swiper-scrollbar-drag {
    background-color: #1d58b9;
}


.about-f-list {
    position: relative;
    margin-top: .5rem;
    overflow: hidden;
}


.af-swiper-wrap {
    position: absolute;
    top: 100%;
    left: 100%;
    z-index: -1;
    opacity: 0;
    transition: opacity .3s;
}


.af-swiper-wrap.show {
    position: relative;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 1;
}


.about-g-header {
    display: flex;
    justify-content: space-between;
}


.ag-par-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.15rem;
}

.about-g-container {
    padding: .8rem 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.agh-left p {
    font-family: SourceHanSansCN-Medium;
    color: #ffffff;
}

.ag-par {
    margin-top: .5rem;
}


.ag-par-item {
    /*width: calc(184 / 1680 *100%);*/
    width: calc(100 / 6 * 1%);
    display: flex;
    padding: 0 0.15rem;
    /*padding: .15rem 0;*/
    justify-content: center;
    align-items: center;
    /*margin-right: .3rem;*/
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: .3rem;
}

.ag-par-item:last-child {
    margin-right: 0;
}

.ag-par-item img {
    transition: all .3s;
    width: 100%;
    background-color: #fff;
}


.ag-par-item:hover img {
    transform: scale(1.2);

}

/*.ag-par-list-wrap {*/
/*    display: none;*/
/*}*/

/*.ag-par-list-wrap:nth-child(1) {*/
/*display: block;*/
/*}*/

/*banner*/

.other-banner, .banner-product {
    position: relative;

}


.banner-position {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-text {
    color: #fff;
}

.banner-text h5 {
    margin-bottom: .15rem;
}


.list-app .crumbs-wrap {
    background-color: #fff;
    padding-top: 0;
}

.list-app .crumbs-content {
    display: block;
    background-color: #2555a4;
}

.list-app .crumbs-content-left p {
    color: #333;
}


@media (max-width: 750px) {
    .about-f-header {
        flex-wrap: wrap;
    }

    .ag-par-list {
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0;
    }

    .about-g-header {
        flex-wrap: wrap;
    }

    .ag-par-item {
        width: 30%;
        margin-right: 0;
        margin-bottom: .25rem;
    }

    .ag-par-item:nth-child(3n) {
        margin-right: 0;
    }

    .afh-right,
    .agh-right {
        margin-top: .3rem;
    }

    .aes-item {
        width: 50%;
        margin-bottom: .25rem;
    }

    .other-banner img {
        height: 150px;
    }

    .ae-list {
        flex-wrap: wrap;
    }

    .ae-content-item {
        flex-wrap: wrap;
    }

    .abl-item,
    .ac-left {
        width: 100%;
        margin-bottom: .3rem;
    }

    .about-a,
    .ab-list,
    .ac-wrap,
    .ad-select-show,
    .ad-select-show-right {
        flex-wrap: wrap;
    }

    .ad-select-show {
        max-width: 100%;
    }

    .ass-word-title p {
        text-align: center;
    }

    .about-a-left,
    .about-a-right,
    .ac-right,
    .ad-select-show-left,
    .ad-select-show-right,
    .ae-content-item-left,
    .ae-content-item-right {
        width: 100%;
    }

    .ae-content-item-right {
        margin-top: .35rem;
    }

    .ass-img {
        width: 100%;

    }

    .ad-select-show-right {
        margin-top: .35rem;
    }

    .ac-right {
        margin-top: .5rem;
        margin-left: 0;
    }

    .cr-list {
        /*margin-top: .25rem;*/
    }

    .ass-word {
        margin-left: 0;
        margin-top: .35rem;
    }

    .max-30 .home-about-data img {
        width: 30%;
    }

    .num-img {
        margin: 0 auto;
    }

    .has_item {
        max-height: 230px;
    }

    .has_item > img {
        height: auto;
        height: 230px;
    }

}


.environment-a-container {
    margin-top: .5rem;
}

.e-title p {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
    text-align: center;
}


.ea-img {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;

}

.ea-img:hover > img {
    transform: scale(1.1);
    transition: all .3s;
}

.ea-img:hover .ea-p {
    background-color: rgba(37, 85, 164, .9);
}

.ea-p p {
    font-family: SourceHanSansCN-Regulars;
    color: #ffffff;
}

.ea-img img {
    width: 100%;
    transition: all .3s;
}

.ea-p {
    transition: all .3s;
    position: absolute;
    width: 100%;
    padding: .15rem 0;
    left: 0;
    z-index: 1;
    text-align: center;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
}

.environment-a-content {
    position: relative;
    margin-top: .5rem;
}

.environment-a-content .ad-btn {
    top: 50%;
    background-color: #2555a4;
    transform: translateY(-50%);
}

.environment-a-content .ad-btn:hover {
    background-color: #f39d02;
}

.environment-b-container {
    margin-top: .8rem;
}

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

.eb-left {
    width: calc(830 / 1680 * 100%);
}

.environment-b-content {
    margin-top: .5rem;
}

.eb-right {
    width: calc(830 / 1680 * 100%);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ebr-img {
    width: calc(400 / 830 * 100%);
    margin-bottom: .25rem;
}

.environment-c-container {
    margin-top: .8rem;
}

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

.environment-c-content {
    margin-top: .5rem;
}

.eca-left {
    width: calc(1120 / 1680 * 100%);
}

.eca-right {
    width: calc(540 / 1680 * 100%);
}

.eca-img {
    margin-bottom: .2rem;
}

.ecb-wrap {
    display: flex;
    /* flex-wrap: wrap; */
}

.ecb-img {
    width: calc(405 / 1680 * 100%);
    margin-right: .2rem;
}

.ecb-img:last-child {
    margin-right: 0;
}

.environment-d-container {
    margin-top: .8rem;
    padding-bottom: 1rem;
}

.gn_item.swiper-container .swiper-slide {
    width: 8.20rem !important;
    background-color: #ffffff;

}

.environment-d-content {
    margin-top: .5rem;
}

.gn-p {
    padding: .15rem 0;
    opacity: 0;

}

.gn-p p {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    text-align: center;
}

.gn_item.swiper-container {
    padding-bottom: .5rem;
}

.gn_item .swiper-slide-active.swiper-slide {
    background-color: #ffffff;
    box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.09);
}

.gn_item .swiper-slide-active.swiper-slide .gn-p {
    opacity: 1;

}


.contact-container {
    padding: .5rem 0;
    background-color: #f4f9fe;
}


.ca-left {
    width: .94rem;
    height: 1.04rem;
    background-image: url(/public/static/modules/cms/css/../images/ca-bg1.png);
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .3s;
    flex-shrink: 0;

}


.ca-item {
    width: calc(533 / 1680 * 100%);
    display: flex;
    align-items: flex-start;
    border: solid 1px transparent;
    background-color: #ffffff;
    padding: .25rem;
}

.ca-item:hover {
    border: solid 1px #fda102;
    transition: all .3s;
}

.ca-item:hover .ca-left {
    background-image: url(/public/static/modules/cms/css/../images/ca-bg2.png);
}

.car-title p {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
}

.ca-right {
    margin-left: .5rem;
}

.car-p {
    margin-top: .2rem;
}

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


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

.ca-left img {
    max-width: 50%;
}


.ca-content {
    margin-top: .5rem;
}

.contact-b-wrap {
    margin-top: .8rem;
}

.cb-list {
    display: flex;
}

.cb-item {
    width: 25%;
    text-align: center;
}

.cb-item a {
    display: block;
    padding: .15rem 0;
    background-color: #2555a4;
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    position: relative;
}

.cb-item.active a {
    background-color: #fda102;
}

.cb-item a::after {
    top: 50%;
    right: 0;
    content: '';
    display: block;
    transform: translateY(-50%);
    position: absolute;
    width: 1px;
    height: 20px;
    background-color: #557ab7;
}


.cb-con {
    display: flex;
    padding: .5rem .7rem;
    background-color: #ffffff;
    justify-content: space-between;
}

.cb-item-p {
    display: flex;
    align-items: center;
    margin-bottom: .3rem;

}


.cb-add-list {
    margin-top: .8rem;
}

.cb-item-p > img {
    width: .3rem;
}

.cb-right {
    width: calc(872 / 1680 * 100%);
    margin-left: .35rem;
    flex-shrink: 0;
}

.cb-item-right .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #888888;
    margin-bottom: .1rem;
}

.cb-item-right .s18 {
    font-family: SourceHanSansCN-Regular;
    line-height: 1.4;
    color: #333333;
}

.cb-item-right {
    margin-left: .35rem;
    /* flex-shrink: 0; */
}

.cb-left {
    flex: 1;
}

.cb-con-wrap {
    display: none;
}

.cb-con-wrap:first-child {
    display: block;
}

.trends-container {
    background-color: #f8f8f8;
    padding: .7rem 0;
}

.trends-title .s60 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
    text-align: center;
}

.trends-select-link .home-product-link {
    justify-content: center;
}

.trends-select-link {
    margin-top: .5rem;
}


.tr-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tr-date-left .s54 {
    font-family: D-DIN-Bold;
    color: #888888;
    transition: all .3s;
}

.tr-date-left .s18 {
    font-family: D-DIN;
    margin-top: .1rem;
    transition: all .3s;
    color: #888888;
}

.trends-item-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem;
}

.trends-item {
    padding: .4rem .4rem;
    background-color: #ffffff;
    display: block;
    width: calc(526 / 1680 * 100%);
    margin-right: .4rem;
    transition: all .3s;
    margin-bottom: .5rem;
}

.trends-item:nth-child(3n) {
    margin-right: 0;
}

.tr-date-right {
    width: .36rem;
    height: .36rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #888888;
    transition: all .3s;
}

.tr-word .s22 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
    line-height: 1.2;
    transition: all .3s;
}

.tr-word .s16 {
    font-family: SourceHanSansCN-Regular;
    line-height: 1.6;
    color: #888888;
    margin-top: .1rem;
}

.hover {
    display: none;
}

.tr-img {
    margin: .3rem 0;
    height: 2.8rem;
    /* margin-bottom: 0; */
}

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

.tr-date.hover {
    margin-bottom: .15rem;
}


.trends-item:hover .tr-date-left p {
    color: #1d58b9;
}

.trends-item:hover .tr-date-right {
    background-color: #1d58b9;
}


.trends-item:hover .tr-word .s22 {
    color: #1d58b9;
}

.trends-item:hover {
    background-color: #ffffff;
    box-shadow: 0px 0px 32px 0px #dfdfdf;
}

.trends-item:hover .hover-hidde {
    display: none;
}


.trends-item:hover .hover {
    display: flex;
    margin-bottom: .2rem;
}

.trends-item:hover .tr-img {
    margin-bottom: 0;
}

.trends-page {
    margin-top: .6rem;
    display: flex;
    justify-content: space-between;
    padding: 0 .5rem;
    background-color: #1d58b9;
}


.trends-page a.s16 {
    display: block;
    margin: 0 .2rem;
    padding: .2rem 0;

    font-family: SourceHanSansCN-Regular;
    color: #99b0d7;
}

.trends-page a.s16:hover {
    color: #fff;
}

.trends-page-right ul {
    display: flex;
}

.trends-page-bet {
    display: flex;
}

.rd-header-title p {
    font-family: SourceHanSansCN-Medium;
    color: #222222;
    line-height: 1.3;
}

.rdh-item {
    display: flex;
    align-items: center;
}

.trends-detail-wrap {
    display: flex;
    margin: 0 auto;
    align-items: start;
}

.rd-left {
    flex-shrink: 0;
    width: calc(1350 / 1920 * 100%);
}

.rd-right {
    flex: 1;
    padding-bottom: .5rem;
}

.rd-left-content {
    padding: .5rem;
    width: calc(1162 / 1350 * 100%);
    margin-left: .6rem;
}

.rd-left-content ul{
    list-style-type: disc;
}

.rdh-list {
    margin-top: .5rem;
    display: flex;
    padding: .15rem 0;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    align-items: center;
    justify-content: center;
}

.rdh-item {
    display: flex;
    align-items: center;
    margin-right: .7rem;
}

.rdh-item .s18 {
    font-family: D-DIN;
    margin-left: .1rem;
    color: #888888;
}

.rdh-text p {
    font-family: SourceHanSansCN-Regular;
    color: #555555;
    line-height: 1.6;
}

.rdh-text {
    margin: .5rem 0;
}

.rd-right {
    padding: .5rem;
    background-color: #f7f7f7;
}

.rd-right-title {
    font-family: SourceHanSansCN-Bold;
    font-weight: bold;
    color: #2555a4;
    display: flex;
    align-items: center;
}

.rd-right-title::before {
    content: '';
    display: block;
    width: 4px;
    height: 34px;
    background-color: #f39d02;
    margin-right: .2rem;
}

.rd-more .date.s20 {
    font-family: D-DIN;
    color: #888888;
}

.rd-more .s20 {
    font-family: SourceHanSansCN-Regular;
    color: #222222;
}

.rd-more .s16 {
    font-family: SourceHanSansCN-Regular;
    line-height: 1.6;
    color: #888888;
}

.rdword {
    margin: .1rem 0;
}

.rd-more-list {
    margin-top: .3rem;
}

.rd-more {
    display: block;
    padding: .3rem 0;
    border-bottom: 1px solid #dddddd;
}

.rd-more:hover .rdword {
    color: #2555a4;
}

@media (max-width: 1000px) {
    .ca-item {
        display: block;
    }

    .ca-right {
        margin-top: .25rem;
        margin-left: 0;
        width: 100%;
    }
}

@media (max-width: 800px) {
    .trends-item {
        width: 100%;
        margin-right: 0;
    }

    .tr-img {
        height: auto;
    }

    .trends-page {
        flex-wrap: wrap;
        justify-content: center;
    }

    .trends-page-right {
        width: 100%;
    }

    .trends-page-right ul {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 750px) {
    .gn_item.swiper-container .swiper-slide {
        width: 6.0rem !important;
    }

    .trends-detail-wrap {
        flex-wrap: wrap;
    }

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

    .rd-left-content {
        width: 100%;
        margin-left: 0;
    }

    .ca-list,
    .cb-list {
        flex-wrap: wrap;
        font-size: 12px;
    }

    .cb-item a::after {
        display: none;
    }

    .cb-item {
        /*width: 50%;*/
        flex: 1;
    }

    .ca-item {
        display: flex;

    }

    .cb-con {
        flex-wrap: wrap;
        padding: .5rem;
    }

    .ca-right {
        width: auto;
        margin-left: .5rem;
    }

    .ca-item {
        width: 100%;
        align-items: center;
        margin-bottom: .25rem;
    }

    .ab-a,
    .eca-wrap,
    .ecb-wrap {
        flex-wrap: wrap;
    }

    .eb-left,
    .eb-right,
    .eca-left,
    .eca-right,
    .cb-left {
        width: 100%;
    }

    .cb-right {
        width: 100%;
        margin-left: 0;
        margin-top: .35rem;
    }

    .ecb-wrap {
        justify-content: space-between;
    }

    .eb-right,
    .eca-right {
        margin-top: .3rem;
    }

    .ecb-img {
        width: 48%;
        margin-right: 0;
        margin-bottom: .2rem;
    }

    .home-application-content .home-product-title {
        margin-bottom: .2rem;
    }
}

.scheme-design .swiper-button-prev::after {
    display: none;
}

.scheme-design .swiper-button-next::after {
    display: none;
}

.col-xs-12 .list p {
    margin-bottom: 8.5px;
}

#aff-im-root * {
    display: none !important;
}

@media screen and (min-width: 1920px) {
    body {
        font-size: 16px;
    }


    .s16 {
        font-size: 16px;
    }

    .s18 {
        font-size: 18px;
    }


    .s19 {
        font-size: 19px;
    }

    .s20 {
        font-size: 20px;
    }

    .s21 {
        font-size: 21px;
    }

    .s22 {
        font-size: 22px;
    }


    .s24 {
        font-size: 24px;
    }

    .s36 {
        font-size: 36px;
    }

    .s48 {
        font-size: 48px;
    }

    .s60 {
        font-size: 60px;
    }

    .s66 {
        font-size: 66px;
    }
}