@charset "utf-8";

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

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

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

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


}


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

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

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

fieldset,
img {
    border: 0
}

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

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

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

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

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

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

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

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

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

input {
    outline: 0;
    border: none;
}

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

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

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

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

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

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




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

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

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

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

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

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



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

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

.icon {


    fill: currentColor;
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

header {
    width: 100%;
    background-color: transparent;
    /* height: 1.1rem; */
}

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

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

.h-cont {

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


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

.h-dp {

    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;

    position: relative;
    margin: 0 .25rem;
    height: 1.1rem;
}

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

}

.h-e::after {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    display: block;
    background-color: transparent;

}

.h-dp:hover .h-e::after {
    content: '';
    width: 100%;
    height: 3px;
    display: block;
    background-color: #ed760b;
    bottom: 0;
    left: 0;
}

.h-dp:hover .h-e {
    color: #ed760b;
}

.h-dp.active .h-e {
    font-family: 'SourceHanSansCN-Normal';
    color: #ed760b;
    /* position: relative; */
}

.h-dp.active .h-e::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    display: block;
    background-color: #ed760b;
    bottom: 0;
    left: 0;
}

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

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

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

}

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


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



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

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

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

@media(max-width: 1920px) {


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

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

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

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

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

    }

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


.h-menu {
    display: none;
}

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

.ph_wra img {
    width: 2.33rem;
    height: auto;
}

@media(max-width: 1200px) {
    .h-cont {
        width: 95%;
        margin: 0 auto;
        padding: 0 0 0 0;
        height: 100%;
        align-items: center;
        /* padding-left: 10px; */
    }
}

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

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


}

@media(max-width: 1170px) {

    .h_new {
        display: none;
    }

    .h-right {
        display: block;
    }

    .hs_hidder {
        display: none;
    }

    .link_more {
        display: none;
    }



    .ph_wra {
        order: -1;
    }

    .ph_l {
        order: 0;
    }

    .h-right {
        order: 1;
    }

    header {
        height: 50px;
    }

    .h-a {
        height: auto;
    }

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

    .h-cont {
        width: 90%;
        margin: 0 auto;
        justify-content: space-between;
        padding: 14px 0;
    }

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

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

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

    }

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

    .t_line {
        display: none;
    }

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

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


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

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

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

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

    }

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



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

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















@media(max-width: 700px) {
    .logo_h.logo_img {
        display: none;
    }

    .stage-mask {
        position: absolute;
        bottom: 0;
        max-width: 100%;
        transform: translateY(-80%);
        /* height: 50px; */
        /* width: 100%; */
    }

    .lc_list {
        display: none;
        overflow: visible !important;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    .sanjiao {
        display: none;
    }

    .la_chinese {
        display: flex !important;
    }

    .lang_c {
        position: relative;
    }

    .la_imem {
        width: 1.5rem;
    }
}







/* 新增样式 */

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


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

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

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

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

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


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

}













@media(max-width: 1100px) {


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

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

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

    .h_img img {
        width: 1.78rem;
    }
}

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

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

    }

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

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

    }

}



.has_item {
    width: 100%;
    padding-bottom: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #d6d5d1;
}


.ha_banner .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #000000;
    opacity: 0.2;
    margin: 0 15px !important;
    border-radius: 50%;
}

.ha_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #ed760b;
    opacity: 1;
    position: relative;
}

.ha_banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    content: '';
    display: block;
    border: 1px solid #ed760b;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.swiper-pagination.ha_pag.swiper-pagination-bullets {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 40px;
}



.has_item {
    position: relative;
}

.has_pop {
    position: absolute;
    width: 30%;
    top: 37%;
    transform: translateY(-50%);
    padding: .3rem;
    left: 10%;
    border-radius: 10px;
}


.has_a {
    margin-bottom: 1rem;
}

.has_a .s50 {
    font-family: SourceHanSansCN-Normal;
    color: #333333;
}


.has_a .s18 {
    font-family: SourceHanSansCN-Regular;
    color: #333;
    line-height: 1.6;
    margin-top: .25rem;
}


.has_link {
    display: flex;
    background-color: #ed760b;
    padding: .15rem .3rem;
    border-radius: 30px;
    align-items: center;
}

.has_link_wrap {
    display: flex;
}

.has_link .s16 {
    font-family: SourceHanSansCN-Normal;
    margin-right: .35rem;
    color: #ffffff;
}


.has_link_img {
    width: 24px;
    height: 24px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.has_link_img img.active {
    display: none;
}

.has_item .has_link:hover {
    background-color: #fff;
}

.has_item .has_link:hover .s16 {
    color: #ed760b;
}

.h_exit {
    cursor: pointer;
}

.he_wrap {
    top: 1.1rem;
    position: fixed;
    width: 100vw;
    left: 0;
    padding: .2rem 0;
    display: none;
    background-color: #eee;
}

.hew_container {
    display: flex;
    justify-content: center;
    /* width: 80%; */
    margin: 0 auto;
    padding: .5rem 0;
    opacity: 1;
    /* overflow-x: auto; */
    overflow: hidden;
}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.hew_container::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #f5f5f5;
}

/*定义滚动条轨道 内阴影+圆角*/
.hew_container::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

/*定义滑块 内阴影+圆角*/
.hew_container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #ed760b;
}

.hes-item {
    min-width: 16.666666%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
    align-items: center;
    flex: 1;
    text-align: center;
}

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


.hes-item:hover .hes-img img {
    display: none;
}

.hes-item:hover .hes-img img.active {
    display: block;
}


.hes-item .s20 {
    font-family: SourceHanSansCN-Normal;
    color: #333333;
    margin-top: .3rem;
}

.hes-item:hover .s20 {
    color: #ee7c15;
}





.hew_left {
    width: calc(560 / 1920 *100%);
    background-color: #edf6fd;
    padding: .8rem 0;
    padding-left: 1.6rem;
}


.hew_list .s18 {
    width: auto;
    display: inline-block;
    font-family: SourceHanSansCN-Normal;
    line-height: 1.6;
    color: #333333;
    padding: .05rem 0;
    margin: .1rem 0;

}

.hew_list .hew_item a:after {
    content: '';
    width: 0%;
    display: block;
    height: 3px;
    background-color: #ed760b;
    transition: all .5s;
}



.hew_list .hew_item .s18:hover::after {
    width: 100%;
    transition: all .5s;
}

.hew_right {
    background-color: #ffffff;
    width: calc(1360 / 1920 *100%);
    padding: .8rem 0;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}


.herw_search {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: .15rem;

}

.hs_logo {
    width: 18px;
    height: 18px;
    border: none;
    background-color: transparent;
    background-image: url(../images/fangda.png);
    background-size: cover;
}


.hs_exit {
    cursor: pointer;
}

.herw_search input {
    display: block;
    flex-grow: 1;
    padding-left: .2rem;
}



.hlm_title p {
    font-family: SourceHanSansCN-Normal;

    color: #ed760b;
}

.hewr_list_menu {
    margin-top: .4rem;
    display: flex;
}

.hlm_list {
    margin-top: .3rem;
}

.hlm_item {
    width: 33.33%;
}

.hlm_list a {
    display: flex;
    align-items: flex-start;
    margin-bottom: .2rem;
}



.hlm_list a .s12 {

    transform: translateY(-2px) scale(.8);
    margin-left: 2px;
    color: #ff0000;
}


.hlm_list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 150px;
}

.hewr_item:first-child {
    display: block;
}

.hewr_item {
    display: none;
}

.hew_item.active a::after {
    width: 100%;
    transition: all .5s;
}

.hew_item.active a {
    color: #ed760b;
}


.h_lang_change {
    position: relative;
    margin-right: .2rem;
    cursor: pointer;
}


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

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

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


.hlc_list {
    position: absolute;
}



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

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

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

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

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

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

.SearchShow .FormBox {
    display: block;
}

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

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

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

.hs-a {
    display: block;
    z-index: 108;
    white-space: nowrap;
    border: solid 1px rgba(255, 255, 255, .5);
    border-radius: 1.285em;
}

.hs-form {
    display: flex;
    align-items: center;
    background-color: transparent;
    border-radius: 23px;
    border: solid 1px #ebebeb;
    max-width: 170px;
    padding: 8px 12px;
    justify-content: space-between;

}

.hs-text {
    border: none;
    width: 85%;
    margin: 0 auto;
    background-color: transparent;

    flex: 1;
    vertical-align: middle;
}

.hs-submit {
    border: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 18px;
    height: 18px;
    background-color: transparent;
    background-image: url('../images/search-logo.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.h_search_icon {
    display: none;
}

.has-img {
    margin-bottom: .35rem;
}

.ha_banner .has-img,
.ha_banner .has_a,
.ha_banner .has_link {
    opacity: 0;
    transform: translate3d(150px, 0, 0);
    transition: opacity 2s cubic-bezier(.25, .1, .25, 1), transform 2s cubic-bezier(.25, .1, .25, 1);
}

.ha_banner .swiper-slide-active .has-img {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.ha_banner .has-img {
    transition-delay: .2s;
}

.ha_banner .swiper-slide-active .has_a {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.ha_banner .has_a {
    transition-delay: .4s;
}



.ha_banner .swiper-slide-active .has_link {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.ha_banner .has_link {
    transition-delay: .8s;
}

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


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


.h-product {
    padding: .8rem 0;
    background-color: #f5f5f5;
    position: relative;
}

.h-title .s50 {
    font-family: SourceHanSansCN-Medium;
    color: #ed760b;
    /* font-weight: bold; */
}

.h-title .s17 {
    font-family: SourceHanSansCN-Regular;
    margin-top: .2rem;
    color: #555555;
}

.h-title .s18 {
    font-family: SourceHanSansCN-Regular;
    margin-top: .2rem;
    color: #555555;
}

.h-product-item .has_link_wrap {
    opacity: 0;
    transition: all .3s;
}

.h-product-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(700 / 1440 *100%);
    background-color: #ffffff;
    border-radius: 10px;
    border-bottom: 3px solid #fff;
    overflow: hidden;
    padding: .5rem .7rem;
    margin-bottom: .3rem;
}

.h-product-item:hover {
    border-bottom: 3px solid #ed760b;
}

.h-product-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .5rem;
}

.hpi-img {
    width: 44%;
}

.hpi-act {
    width: 44%;
}

.hpi-title .s40 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
}

.hpi-title p::before {
    content: '';
    display: block;
    margin-bottom: .2rem;
    width: 26px;
    height: 3px;
    background-color: #ed760b;
    border-radius: 2px;
}

.hpi-title {
    margin-bottom: .3rem;
}

.hpi-p {
    transition: all .3s;
    margin-bottom: .25rem;
}

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

.h-product-item:hover .has_link_wrap {
    opacity: 1;
    transition: all .3s;
}

.h-product-item:hover .hpi-p {
    /* opacity: 0; */
    transition: all .3s;
}

.h-product-item .has_link_wrap .has_link {
    transform: none;
    opacity: 1;
    transition: all .3s;
}

.h-product-item .has_link_wrap .has_link:hover {
    transform: scale(1.1);
    transition: all .3s;
}

.h-product-wrap {
    position: relative;
    z-index: 3;
}

.cat-a {
    position: absolute;
    left: 100%;
    width: 2.1rem;
    transform: translateX(-9px);
    top: 0%;
}

.homme-about-con {
    display: flex;
    background-color: #ffffff;
    border-radius: 10px;
    position: relative;
    /* overflow: hidden; */
}

.hac-cat {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateX(35%) translateY(5%);
}

.hac-cat img {
    width: 4.63rem;
}

.hac-num-list {
    display: flex;
}


.hac-lef {
    width: calc(640 / 1440 *100%);
    border-radius: 10px;
    overflow: hidden;
}

.hac-lef:hover img {
    transform: scale(1.1);
    transition: .5s;
}

.hac-lef img {
    transition: .5s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.hac-right {
    flex: 1;
    padding: .7rem;
}

.hac-p {
    margin: .3rem 0;
}

.hac-title p {
    font-family: SourceHanSansCN-Medium;
    color: #ed760b;
}

.hac-title h2 {
    font-family: SourceHanSansCN-Medium;
    color: #ed760b;
    font-weight: normal;
}

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

.hac-num {
    margin-right: .6rem;
    position: relative;
}

.hac-min {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-30%) translateY(-20%);
}

.hac-num .s46 {
    font-family: D-DIN;
    color: #ed760b;
    letter-spacing: -1px;
    margin-bottom: .1rem;
}

.hac-num .s17 {
    font-family: SourceHanSansCN-Regular;
    color: #888888;
}

.hac-right .has_link_wrap {
    margin-top: .5rem;
}

.hac-right .has_link {
    transition: all .3s;
}

.hac-right .has_link:hover {
    transform: scale(1.1);
    transition: all .3s;
}

.hac-list {
    display: flex;
    align-items: center;
    margin-top: .5rem;
    flex-wrap: wrap;
}

.hac-logo-item {
    width: 16.666%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hac-logo-item img {
    max-width: 1.74rem;

}

.hac-logo-item img.active {
    display: none;
}

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

.hac-logo-item:hover img {
    display: none;
}

.home-ie {
    padding: .8rem 0;
}

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

.home-ie-item.ie-long {
    width: calc(635 / 1440 *100%);
}

.home-ie-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: .45rem;
}

.home-ie-item {
    width: calc(370 / 1440 *100%);
    border-radius: 10px;
    overflow: hidden;
    margin-right: .3rem;
    margin-bottom: .4rem;
}

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

.home-ie-item:hover .home-ie-pop {
    opacity: 1;
    transition: all .3s;
}

.home-ie-pop {
    position: absolute;
    transition: all .3s;
    padding: .55rem .35rem;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(237, 118, 11, .9);

}

.ie-img {
    width: 100%;
    height: 3.93rem;
    object-fit: cover;
}

.home-ie-p-date p {
    font-family: D-DIN;

    color: #ffffff;
}

.home-ie-p p {
    font-family: SourceHanSansCN-Medium;
    line-height: 1.6;
    color: #ffffff;
}

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

.ie-link {
    display: flex;
    align-items: center;
}

.ie-link .s16 {
    font-family: SourceHanSansCN-Normal;

    color: #ffffff;
    margin-right: .2rem;
}

.share-item {
    position: relative;
    width: 38px;
    height: 38px;
    background-color: #494949;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}


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

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

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


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

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

}

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


}

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

}

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

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


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

}

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

@media(max-width: 1170px) {
    .h_right_logo {
        margin-right: .1rem;
    }

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

    .hs-form {
        display: none;
    }

    .has_pop {
        width: 82%;
        left: 5%;
    }

    .has_item {
        padding-bottom: 71.27%;
    }

    .h_right_logo {
        margin-left: auto;
    }
}

@media(max-width: 750px) {
    .ie-img {
        height: auto;
    }

    .ie-img {
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

    .home-ie-item {
        width: 100%;
        margin-right: 0;
    }

    .ie-long.home-ie-item {
        width: 100%;
    }

    .hac-logo-item {
        width: 33.333%;
        margin-bottom: .35rem;
    }

    .hac-logo-item img {
        max-width: 1.2rem;
    }

    .homme-about-con {
        flex-wrap: wrap;
    }

    .hac-right {
        padding: .35rem;
        padding-bottom: 1.5rem;
    }

    .hac-cat {
        transform: translateX(10%) translateY(5%);
    }

    .hac-num {
        width: 33.3333%;
        margin-right: 0;
    }

    .hac-lef,
    .hac-right {
        width: 100%;
    }

    .cat-a {
        display: none;
    }

    .h-product-item {
        width: 100%;
    }

    .has_link_img {
        width: 16px;
        height: 16px;
    }

    .has_link {
        padding: .15rem .2rem;
    }

    .FormBox {
        width: 100%;
    }

}

.footer {
    background-color: #222222;
    position: relative;
}

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

.f-main {
    padding: .5rem 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.f-logo {
    width: 2.33rem;
}

.f-phone p {
    font-family: D-DIN-Bold;
    color: #ed760b;
}

.f-addr p {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    opacity: 0.5;
    line-height: 1.8;
}

.f-phone {
    margin-top: .35rem;
    margin-bottom: .35rem;
}

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

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


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

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

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

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

.f-bottom {
    border-top: 1px solid #393939;
}

.ft-wrap {
    display: flex;
    justify-content: space-between;
    padding: .45rem 0;
    flex-wrap: wrap;
}

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

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

}

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

    color: #ffffff;
    opacity: 0.5;
}


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



}

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

}

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

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


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


@media(max-width: 800px) {
    .fb-left {
        margin-bottom: .2rem;
    }

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

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

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

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

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

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


.other-banner {
    width: 100%;
    /* padding-bottom: calc(800 / 1920 *100%); */
    background-size: cover;
    background-position: center center;
    position: relative;
}

.other-banner>img {
    width: 100%;
}

.other-banner-words {
    position: absolute;
    top: 30%;
    left: 7.5%;
    width: 28%;
}

.other-banner-words .s60 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    margin-bottom: .25rem;
    font-weight: normal;
}

.other-banner-words p.s18 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    line-height: 1.6;
}

.other-banner-words .s60.orange {
    font-family: SourceHanSansCN-Regular;
    color: #ed750a;
}

.other-banner-words .s24 {
    font-family: SourceHanSansCN-Medium;
    margin-bottom: .25rem;

    color: #333333;
}

.w-span.s20 span {
    font-family: SourceHanSansCN-Regular;
    margin-right: .2rem;
    color: #555555;
}

.about-a-wrap {
    padding: .7rem 0;
    background-size: cover;
    background-position: center center;
}

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

.aa-left-words .s46 {
    font-family: SourceHanSansCN-Medium;
    color: #ed760b;
    line-height: 1.2;
    font-weight: normal;
}

.aa-left-img {
    margin-top: .2rem;
}


.about-a-left {
    width: calc(625 / 1440 *100%);
}

.about-a-right {
    position: relative;
    width: calc(775 / 1440 *100%);
}


.aa-left-down {
    margin-top: .78rem;
}


.about-a-right::after {
    position: absolute;
    content: '';
    display: block;
    bottom: 0;
    left: -15px;
    width: 2.91rem;
    height: 1.77rem;
    background-color: #ed760b;
    border-radius: 10px;
    z-index: -1;
}


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


.aa-r-word {
    margin-bottom: .4rem;
}


.aa-r-img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.about-b-up-title h2 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
    font-weight: normal;

}

.about-b-up-title {
    text-align: center;
}

.a-num-p {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.a-num-p .s58 {
    font-family: D-DIN-Bold;
    color: #ed760b;
}

.a-num-p .s28 {
    font-family: D-DIN-Bold;
    color: #ed760b;
}

.about-b-up {
    background-color: #f8f8f8;
    padding: .8rem 0;
}

.about-b-up-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .3rem;
}


.about-b-up-num {
    margin: 0 .5rem;
}

.a-num-spna {
    font-family: SourceHanSansCN-Normal;
    margin-top: .2rem;
    color: #888888;
    text-align: center;
}


.about-b-down {
    background-size: cover;
    background-position: center center;
    width: 100%;
    padding-bottom: calc(700 / 1440 *100%);
    position: relative;
}

.about-bd-content {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.about-bd-content>img {
    width: 1.05rem;
}

.about-bd-wrod {
    margin-top: .3rem;
}

.about-bd-wrod p.s36 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    margin-bottom: .15rem;
}

.about-bd-wrod p.s18 {
    font-family: SourceHanSansCN-Normal;
    color: #ffffff;
    line-height: 1.6;
}


.about-Honors-left {
    width: calc(887 / 1440 *100%);
}


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

.about-Honors-swiper.swiper-container {
    padding: .5rem 0;
    padding-top: 1rem;
}

.about-Honors-swiper .swiper-slide {
    width: 33.33333%;
    perspective: 500px;
    /*增*/
}


.h-about-title .s48 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
    text-align: center;
}

.honors-img {
    transition: all .3s;
}

.about-Honors-swiper .swiper-slide.swiper-slide-prev .honors-img {
    transform: scale(.9) rotateY(40deg);
    transition: all .3s;
    position: relative;

}

.about-Honors-swiper .swiper-slide.swiper-slide-next .honors-img {
    transform: scale(.9) rotateY(-40deg);
    transition: all .3s;
    position: relative;

}

.about-Honors-swiper .swiper-slide.swiper-slide-prev .honors-img::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, .1), rgba(255, 255, 255, 1));
}

.about-Honors-swiper .swiper-slide.swiper-slide-next .honors-img::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(to left, transparent, rgba(255, 255, 255, .1), rgba(255, 255, 255, 1));
}


.about-Honors-right {
    width: calc(400 / 1400 *100%);
    display: flex;
    align-items: center;
    justify-content: center;
}


.Honors-name.swiper-container {
    max-height: 320px;
    width: 100%;
}

.Honors-name .swiper-slide {
    height: 60px;
    cursor: pointer;
}

.Honors-name .swiper-slide.op1 {
    opacity: .5;
}

.Honors-name .swiper-slide.op2 {
    opacity: .3;
}

.h-name-p {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    height: auto;
    border-radius: 30px;
}

.h-name-p p {
    color: #555;
}

.Honors-name .swiper-slide.swiper-slide-active .h-name-p {
    background-color: #ed760b;
    color: #fff;
}


.product-left {
    width: calc(271 / 1440 *100%);
    position: relative;
    float: left;
}

.product-righ {
    width: calc(1129 / 1440 *100%);
    float: right;
}

.product-list-wrap {
    /* display: flex;
    justify-content: space-between; */
}

.product-list-wrap:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    content: " ";
}

.product-list-container {
    position: relative;
    padding-top: .8rem;
    padding-bottom: 1rem;
    background-color: #f8f8f8;
}

.target {
    position: absolute;
    left: 0;
    top: -1.1rem;
    width: 100%;
}

.pro-left-title .s48 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
    font-weight: normal;
    margin-bottom: .15rem;
}

.prd-left-item {
    display: flex;
    align-items: center;
    padding: .15rem .45rem;
    border-radius: 10px;
    transition: all .3s;
    margin-bottom: .15rem;
    background-color: #ffffff;
}

.prd-left-item:hover {
    background-color: #ed760b;
    transition: all .3s;
}


.pro-detail-right-title .s36 {
    font-weight: normal;
    font-family: SourceHanSansCN-Medium;
    color: #333333;
}

.prd-left-item:hover .pli-img img {
    display: none;
}

.prd-left-item:hover .pli-img img.active {
    display: block;
}

.prd-left-item .s18 {
    font-family: SourceHanSansCN-Regular;
    color: #666666;
    transition: all .3s;
}

.prd-left-item .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #666666;
    transition: all .3s;
}

.prd-left-item:hover .s18 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    transition: all .3s;
}

.prd-left-item:hover .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    transition: all .3s;
}

.pli-img img {
    margin-right: .2rem;
}

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

.product-left-list {
    margin-top: .4rem;
}


.pi-img img {
    height: 2.29rem;
    width: auto;
    object-fit: cover;
    transition: all .3s;
}

.pi-img {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pi-act {
    text-align: center;
    margin-top: .2rem;
}

.pi-act .s24 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
    margin-bottom: .15rem;
}

.pi-act .s18 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
    margin-bottom: .15rem;
}

.pi-act .s16 {
    font-family: SourceHanSansCN-Normal;
    color: #888888;
}

.product-item {
    width: calc(350 / 1129 *100%);
    margin-right: .35rem;
    padding: .25rem;
    background-color: #fff;
    margin-bottom: .45rem;
    border-radius: 10px;
    position: relative;
    transition: all .3s;
}

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

.product-list {
    display: flex;
    flex-wrap: wrap;
}

.product-hot {
    display: none;
    position: absolute;
    font-family: D-DIN-Bold;
    background-color: #ed760b;
    border-radius: 0 23px 23px 0;
    color: #ffffff;
    left: 0;
    padding: .1rem .3rem .1rem .2rem;
    top: 15px;
}


.product-item.active .product-hot {
    display: block;
}


.product-item:hover {
    transition: all .3s;
    box-shadow: 0px 0px 57px 0px rgba(139, 139, 139, 0.2);
}

.product-item:hover .pi-act .s24 {
    color: #ed760b;
}

.product-item:hover .pi-act .s18 {
    color: #ed760b;
}

.product-item:hover .pi-img img {
    transform: scale(1.1);
    transition: all .3s;
}

.product-more {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ed760b;
    border-radius: 10px;
    padding: .15rem 0;
    cursor: pointer;
    margin-top: .25rem;
}

.product-more .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    margin-left: .15rem;
}

.pro-detail-contianer {
    padding-top: 1rem;
    background-color: #f8f8f8;
    padding-bottom: 1rem;
    margin-top: 1.1rem;
}

.p-detail-swiper .swiper-slide {
    cursor: pointer;
    height: 1.2rem;
    width: auto;
    margin-bottom: .15rem;
}

.p-detail-swiper .swiper-slide.active .p-detail-img {
    border: solid 1px #ed760b;
}

.p-detail-img {
    width: 100%;
}

.p-detail-img img {
    height: 1.2rem;
    width: 1.2rem;
    object-fit: cover;
    border-radius: 5px;
}


.p-detail-swiper {
    height: 5.4rem;
}

.product-detail-img {
    display: none;
    width: 5.4rem;
    height: 5.4rem;
}

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

.product-detail-img:nth-child(1) {
    display: block;
}

.p-detail-swiper-wrap {
    display: flex;
}

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


.pro-detail-right {
    width: calc(584 / 1440 *100%);
}

.peoduct-detail-list {
    margin-left: .15rem;
}

.pro-t {
    display: flex;
    justify-content: flex-start;
}

.prot {
    display: flex;
    align-items: center;
    background-color: #ed760b;
    border-radius: 5px;
    padding: .1rem .15rem;
    margin-top: .5rem;
}

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


.pro-detail-word {
    display: flex;
    margin-bottom: .15rem;
}

.pro-detail-word::before {
    width: 7px;
    content: '';
    display: inline-block;
    height: 7px;
    background-color: #ed760b;
    border-radius: 50%;
    position: relative;
    top: .12rem;
    margin-right: .1rem;
}

.pro-detail-word p {
    font-family: SourceHanSansCN-Regular;
    color: #555555;
    line-height: 1.6;
}

.pro-detail-act-list {
    margin-top: .45rem;
}


.product-detail-a {
    padding-top: .8rem;
    padding-bottom: .5rem;
}

.peoduct-detail-p {
    display: flex;
    align-items: center;
}

.peoduct-detail-p::after {
    width: 57px;
    height: 3px;
    background-color: #ed760b;
    display: block;
    content: '';
    margin-left: .15rem;
}


.detail-a-swiper {
    margin-top: .6rem;
}

.da-slide {
    position: relative;
}

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

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

.video-btn img {
    width: .79rem;
}

.video-btn .s24 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    text-align: center;
    margin-top: .15rem;
}

.da-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.pdb {
    display: flex;
    background-color: #f6f6f6;
    border-radius: 10px;
    margin-bottom: .25rem;
}


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

.pdb-left,
.pdb-right {
    width: 50%;
    overflow: hidden;
}

.pdb-right {
    /* background-color: #f6f6f6; */
    padding: 0 .8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

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

.pdb-left:hover img {
    transform: scale(1.1);
    transition: all .5s;

}


.pdb-title .s28 {
    /* font-family: SourceHanSansCN-Medium; */
    color: #ed760b;
    font-weight: bold;
    /* font-weight: normal; */
}

.pdb-title p::before {
    content: '';
    display: block;
    width: 57px;
    height: 3px;
    background-color: #ed760b;
    margin-bottom: .45rem;
}

.pdb-word-list {
    margin-top: .25rem;
}

.pdb-word-list p {
    font-family: SourceHanSansCN-Regular;

    color: #555555;
    line-height: 1.8;
}

.detail-table {
    margin-top: .5rem;
}

.detail-table .table-container {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #eee;
    /* border: none; */
}

.detail-table .table-container tr {
    background-color: #f8f8f8;
    border: none;


}

.detail-table .table-container tr td {
    padding: .2rem 0;
    border: none;
}

.detail-table .table-container tr:nth-child(2n) {
    background-color: #ffffff;
}

.detail-table .table-container tr td:nth-child(1) {
    width: calc(250 / 1440 *100%);
    text-align: center;
    border-right: 1px solid #e8e8e8;
}

.detail-table .table-container tr td:nth-child(2) {
    padding-left: .45rem;
}


.product-detail-c-wrap {
    padding-bottom: 1.5rem;
    margin-top: .3rem;
}

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

.emo-title .s48 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    margin-bottom: .2rem;
    line-height: 1.4;
}


.team-wrap {
    padding: .7rem 0;
}

.team-wrap,
.control-wrap,
.throughput-wrap,
.cooperation-wrap {
    position: relative;
}

.team-word {
    width: 85%;
    margin: 0 auto;
    text-align: center;
}

.team-word .s22 {
    font-family: SourceHanSansCN-Medium;
    color: #ed760b;
    margin-top: .3rem;
    margin-bottom: .1rem;
}

.team-word p:not(.s22) {
    font-size: calc(18.5 * 100vw / 1920);
    line-height: 1.6;
    font-family: SourceHanSansCN-Regular;
}

@media(max-width: 1472px) {


    .team-word p:not(.s22) {

        font-size: 15px;
    }
}

.team-word .s18 {
    width: 85%;
    margin: 0 auto;
    font-family: SourceHanSansCN-Regular;
    color: #555555;
    width: 85%;
    line-height: 1.6;
    margin: 0 auto;
}

.team-swiper.swiper-container {
    margin-top: .45rem;
}

.team-swiper .swiper-slide {
    width: calc(330 / 1440 *100%);
    margin-right: .35rem;
}

.team-swiper .swiper-slide img {
    width: 100%;
    border-radius: 10px;
}

.team-swiper .swiper-slide:last-child {
    margin-right: 0;
}

.team-slide .s18 {
    line-height: 1.6;
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    margin-top: .15rem;
    text-align: center;
}


.control-wrap {
    background-color: #f9f9f9;
    padding: .5rem 0;
}


.throughput-wrap {
    padding: .5rem 0;
}


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


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

.th-title {
    display: inline-block;
}


.th-title .s48 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
    margin-bottom: .1rem;
}

.th-title img {
    max-width: 190px;
}


.throughput-item-left {
    width: calc(700 / 1440 *100%);
    overflow: hidden;

}

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


.throughput-item-left img {
    border-radius: 10px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .5s;
}

.throughput-item-right {
    padding: 0 1rem;
    width: calc(740 / 1440 *100%);
}

.throughput-item:nth-child(2n) .throughput-item-right {
    padding-left: 0;
    padding-right: 1.5rem;
}

.th-word {
    margin-top: .25rem;
}

.th-word .s22 {
    font-family: SourceHanSansCN-Medium;
    color: #ed760b;
    line-height: 1.6;
}


.th-word .s18 {
    font-family: SourceHanSansCN-Regular;
    line-height: 1.6;
    color: #555555;
}


.cooperation-wrap {
    padding-top: .7rem;
    background-color: #f8f9fe;
    padding-bottom: 1.5rem;
}


.fb-right {
    display: none;
}

@media(max-width: 900px) {
    .pro-detail-contianer {
        margin-top: 0;
    }

    .target {

        top: 40px;

    }

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

    .product-righ {
        margin-top: .5rem;
    }

    .prd-left-item {
        width: 48%;
    }

    .product-left,
    .product-righ {
        width: 100%;
    }

    .product-left-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

@media(max-width: 800px) {
    .throughput-item:nth-child(2n) .throughput-item-right {
        padding-right: 0;
    }

    .team-swiper .swiper-slide {
        width: 46%;
    }

    .team-word .s18 {
        width: 100%;
    }

    .product-detail-c-wrap {
        margin-top: .5rem;
    }

    .pdb-right {
        padding: .5rem .15rem;
    }

    .pdb,
    .throughput-item {
        flex-wrap: wrap;
    }

    .pro-detail-right {
        margin-top: .5rem;
    }

    .pdb-left,
    .pdb-right,
    .throughput-item-left,
    .throughput-item-right {
        width: 100%;
    }

    .throughput-item-right {
        padding-left: 0;
        padding: .5rem 0;
    }

    .throughput-item {
        margin-bottom: .5rem;
    }

    .product-item {
        width: 48%;
        margin-right: 0;
    }

    .product-detail-img {
        width: 4.9rem;
    }

    .pro-detail-wrap {
        flex-wrap: wrap;
    }

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

    .product-list {
        justify-content: space-between;
    }

    .about-Honors-wrap {
        flex-wrap: wrap;
    }

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

    .about-b-up-list {
        flex-wrap: wrap;
        justify-content: center;
    }

    .about-b-up-num {
        margin-bottom: .3rem;
    }

    .about-a {
        flex-wrap: wrap;
    }

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

    .other-banner-words {
        width: 90%;
        left: 5%;
    }

    /* .other-banner {
        padding-bottom: 50%;
    } */
}


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

.contact-wrap {
    padding: .8rem 0;
}


.contact-logo {
    width: .74rem;
    height: .74rem;
    background-color: #ed760b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-logo img {
    max-width: 60%;
}

.contact-title {
    display: inline-block;
}

.contact-title .s46 {
    font-family: SourceHanSansCN-Medium;

    color: #ed760b;
}

.contact-title img {
    width: 100%;
    margin-top: .15rem;
}

.contact-explain {
    margin-top: .3rem;
    margin-bottom: .7rem;
}

.contact-explain .s16 {
    font-family: SourceHanSansCN-Regular;
    line-height: 1.8;
    color: #555555;
}


.contact-item {
    display: flex;
    align-items: center;
    margin-bottom: .4rem;
}

.contact-content {
    margin-left: .1rem;
}

.contact-content .s14 {
    font-family: SourceHanSansCN-Normal;
    color: #333333;
    opacity: 0.5;
}

.contact-content .s18 {
    font-family: D-DIN;
    color: #333333;
    margin-top: .1rem;
}

.contact-right {
    width: calc(720 / 1440 *100%);
    background-color: #f6f6f6;
    border-radius: 10px;
    padding: .5rem;
    position: relative;
    top: -1.3rem;
}

.contact-left {
    width: calc(627 / 1440 *100%);
    position: relative;

}

.c-dou {
    display: flex;
    padding-top: .5rem;
    justify-content: flex-end;
}

.c-dou img {
    width: .55rem;
}

.contact-input {
    display: flex;
    background-color: #fff;
    padding: .15rem;
    flex-wrap: wrap;
    margin-bottom: .25rem;
    align-items: center;
}

.input-label .s14 {
    font-family: SourceHanSansCN-Regular;
    color: #555555;
}

.input-label {
    border-right: 1px solid #e5e5e5;
    width: 15%;
}

.contact-input input {
    padding-left: .15rem;
    height: 25px;
}

.contact-text {
    width: 100%;
}

.contact-text textarea {
    width: 100%;
    border: none;
    min-height: 80px;

}


.con-code {
    margin-left: auto;
}

.con-code img {
    max-width: 150px;
    width: 130px;
}


.contact-sumbit {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .3rem;
}

.contact-sumbit button {
    color: #ffffff;
    background-color: #ed760b;
    border-radius: 28px;
    padding: .18rem .4rem;
    border: none;
    cursor: pointer;
    transition: all .3s;
}


.contact-sumbit button:hover {
    transform: scale(1.1);
    transition: all .3s;
}

.news-header {
    display: flex;
    margin-top: .5rem;
}

.news-wrap {
    padding-top: .7rem;
    padding-bottom: 1.5rem;
    background-color: #f7f7f7;
}

.date-img img.active {
    display: none;

}

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

.news-item-date {
    display: flex;
}


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


.news-header-item {
    width: calc(948 / 1440 *100%);
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.fn-word {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    padding: .2rem .25rem;
    padding-bottom: 0;
    background-color: rgba(255, 255, 255, .9);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}

.news-item {
    width: calc(452 / 1440 *100%);
    background-color: #fff;
    border-radius: 20px;
}

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

.fn-left {
    margin-bottom: .3rem;
    width: calc(580 / 948*100%);
    /* width: 100%; */
}

.fn-left .s24 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    margin-bottom: .15rem;
    line-height: 1.6;
    transition: all .3s;
}

.fn-left .s16 {
    font-family: SourceHanSansCN-Regular;
    color: #888888;
    transition: all .3s;
}

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

.news-date {
    margin-right: .3rem;
}

.news-date:nth-child(2) {
    margin-right: 0;
}

.news-header-item>img {
    width: 100%;
}

.news-header-item:hover {
    background-color: rgba(237, 118, 11, .9);
    transition: all .3s;
}

.news-header-item:hover .fn-word {
    transition: all .3s;
    background-color: rgba(237, 118, 11, .9);
}

.news-header-item:hover .fn-word .fn-left p {
    color: #fff;
    transition: all .3s;
}

.news-header-item:hover .date-img img {
    display: none;
}

.news-header-item:hover .date-img img.active {
    display: block;
}

.news-header-item:hover .news-date .s20 {
    color: #fff;
    transition: all .3s;
}

.news-item-img img {
    width: 100%;
    border-radius: 10px;
}


.news-item-word .s24 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    line-height: 1.6;
}

.news-item-word .s14 {
    font-family: SourceHanSansCN-Regular;
    color: #888888;
    margin-top: .15rem;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-item-word {
    padding-bottom: .3rem;
    border-bottom: 1px solid #e6e6e6;
}


.news-down {
    padding: .2rem;
}

.news-down .news-item-date {
    margin-top: .25rem;
}



.news-item:hover {
    background-color: rgba(237, 118, 11, .9);
    transition: all .3s;
}

.news-item:hover .news-date p {
    color: #fff;
}

.news-item:hover .news-item-word p {
    color: #fff;
}



.news-item:hover .date-img img {
    display: none;
}

.news-item:hover .date-img img.active {
    display: block;
}


.news-list .news-item {
    margin-right: .4rem;
    margin-bottom: .5rem;
}

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

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

.news-tip {
    position: absolute;
    left: 0;
    top: .3rem;
    background-color: #ed760b;
    border-radius: 0 22px 22px 0;
    font-family: SourceHanSansCN-Regular;

    color: #ffffff;
    padding: .1rem .3rem;
}

.news-title h1 {
    font-family: SourceHanSansCN-Medium;
    line-height: 1.6;
    color: #333333;
}


.news-detail-wrap {
    padding-bottom: 1rem;
    background-color: #f7f7f7;
}

.news-detail {
    background-color: #fff;
    padding-top: .7rem;
    position: relative;
    z-index: 2;
    margin-top: -.7rem;
}

.news-datail-top {
    text-align: center;
    padding-bottom: .5rem;
    border-bottom: 1px solid #e5e5e5;
}

.news-detail-container {
    width: calc(1280 / 1440 *100%);
    margin: 0 auto;
}

.news-datail-top .news-item-date {
    justify-content: center;
    margin-top: .3rem;
}

.news-detail-conten p {
    font-family: SourceHanSansCN-Regular;
    line-height: 1.6;
    color: #555555;

}

.news-detail-conten {
    padding-bottom: .7rem;
    padding-top: .5rem;
}

.news-detail-img {
    text-align: center;
}


.turn-news {
    margin-top: .5rem;
    display: flex;
    padding: .4rem 0;
    background-color: #fff;
}

.turn-item {
    display: block;
    width: 50%;
    border-right: 1px solid #e5e5e5;
    padding: 0 .4rem;
}

.turn-item:nth-child(2) {
    border-right: none;
}

.turn-item .s14 {
    font-family: SourceHanSansCN-Regular;
    color: #888888;
    margin-bottom: .1rem;
}

.turn-item .s16 {
    font-family: SourceHanSansCN-Regular;
    line-height: 1.6;
    color: #555555;
}

.turn-item:hover p {
    color: #ed760b;
}

.return-news {
    margin-top: .7rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.return-news a {
    color: #ffffff;
    background-color: #ed760b;
    border-radius: 28px;
    padding: 0.18rem 0.4rem;
    border: none;
    cursor: pointer;
    transition: all .3s;

}

.quality-control {
    display: flex;
    margin-top: .6rem;
    justify-content: space-between;
    display: none;
}

.quality-control-img {
    margin-top: .5rem;
}

.quality-control-img img {
    width: 100%;
}

.qc-item {
    background-color: #ffffff;
    border-radius: 10px;
    border: solid 2px #ed760b;
    width: calc(430 / 1440 *100%);
    display: flex;
    position: relative;
    justify-content: center;
    padding: .5rem .5rem;
}

.oem-t-word {
    width: 85%;
    margin: 0 auto;
    margin-top: .3rem;
    text-align: center;
}

.qc-name {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-color: #ed760b;
    border-radius: 10px;
    padding: .1rem .35rem;
    max-width: 100%;
    display: flex;
    align-items: center;
}

.otw-p1 {
    /* margin-top: .3rem; */
    margin-bottom: .1rem;
}



.otw-p1.s22 p {
    font-family: SourceHanSansCN-Medium;
    color: #ed760b;
}

.otw-p1.s18 p {
    font-family: SourceHanSansCN-Regular;
    line-height: 1.6;
    /* font-family: SourceHanSansCN-Medium; */
    color: rgb(102, 102, 102);
}



.qc-name .s28 {
    font-family: D-DIN;
    color: #ffffff;
    margin-right: .15rem;
}

.qc-name .s24 {
    font-family: SourceHanSansCN-Regular;
    color: #ffffff;
    word-break: keep-all;

    white-space: nowrap;
}

.cm-img {
    margin-top: .7rem;
}

.cm-img img {
    width: 100%;

}

.search-wrap {
    padding-top: 1rem;
    background-color: #f8f8f8;
    padding-bottom: 1rem;
}

.search-input {
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-input-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: .1rem;

}

.search-input-item input:nth-child(1) {
    background-color: transparent;
    width: 6.5rem;
}

.search-result {
    margin-top: .8rem;
}

.search-result-title span:nth-child(1) {
    font-family: SourceHanSansCN-Regular;

    color: #ed760b;
}

.search-result-title span:nth-child(2) {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
}

.search-result-list {
    margin-top: .5rem;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .05rem;
    border-bottom: 1px solid #d7d7d7;
}

.sn-img {
    width: calc(452 / 1440 *100%);
}

.sn-img img {
    width: 100%;
}

.search-result-news-item {
    display: flex;
    background-color: #ffffff;
    border-radius: 20px;
    margin-bottom: .5rem;
}

.sn-act {
    flex: 1;
    padding: .5rem .5rem;

}

.news-item-word .s20 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
}

.sn-act .news-item-word {
    border-bottom: none;
}

.sn-act .news-item-date {
    margin-bottom: .4rem;
}



.search-result-news-item:hover {
    background-color: rgba(237, 118, 11, .9);
    transition: all .3s;
}

.search-result-news-item:hover .news-date p {
    color: #fff;
}

.search-result-news-item:hover .news-item-word p {
    color: #fff;
}



.search-result-news-item:hover .date-img img {
    display: none;
}

.search-result-news-item:hover .date-img img.active {
    display: block;
}

.search-result-news {
    margin-top: .5rem;
}

.ft-center {
    border-top: 1px solid #393939;
}


.home-big-img img {
    width: 100%;
}


.ft-center-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #393939;
    padding: 0.25rem 0;
}

.ft-center-wrap .s14 {
    font-family: SourceHanSansSC-Normal;
    color: #ffffff;
    opacity: 0.5;
}

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

.ft-center-wrap .s14 {
    font-family: SourceHanSansSC-Normal;
    color: #ffffff;
    opacity: 0.5;
}

.ft-y-list a {
    line-height: 1.6;
    display: block;
    margin-left: 0.15rem;
}

@media(max-width: 1200px) {
    .input-label {
        width: 20%;
    }
}


@media(max-width: 800px) {
    .search-result-list .product-item {
        width: 100%;
        margin-right: 0;
    }

    .quality-control,
    .search-result-news-item {
        flex-wrap: wrap;
    }

    .qc-item {
        width: 100%;
        margin-bottom: .8rem;
    }

    .news-list .news-item {
        margin-right: 0;
        width: 100;
        border-radius: 10px;

    }

    .date-img {
        width: 15px;
    }

    .fn-word {
        padding-bottom: .2rem;
        position: static;
        border-radius: 10px;
    }

    .news-header-item {
        margin-bottom: .5rem;
    }

    .news-item,
    .news-header-item,
    .sn-img,
    .sn-act {
        width: 100%;
    }

    .contact,
    .news-header {
        flex-wrap: wrap;
    }

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

    .contact-left,
    .contact-right,
    .fn-left {
        width: 100%;
        top: 0;
    }

    .input-label {
        width: 25%;
    }

    /* 
    .con-code {
        width: 100px;
    } */
}




/* 渐现效果 */
.teaser {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    transition: opacity 1.5s cubic-bezier(.25, .1, .25, 1), transform 1s cubic-bezier(.25, .1, .25, 1);
}

.teaser.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.lter {
    opacity: 0;
    transform: translate3d(-70px, 0, 0);
    transition: opacity 1s cubic-bezier(.25, .1, .25, 1), transform 1s cubic-bezier(.25, .1, .25, 1);
}

.lter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.rter {
    opacity: 0;
    transform: translate3d(70px, 0, 0);
    transition: opacity 1s cubic-bezier(.25, .1, .25, 1), transform 1s cubic-bezier(.25, .1, .25, 1);
}

.rter.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.teaser2 {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}

.teaser2.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}


.p-editor * {
    line-height: inherit;
    max-width: 100%;
}






/* 新增css */



.throughput-content-a .s48 {
    font-family: SourceHanSansCN-Medium;
    color: #333333;
    margin-bottom: 0.1rem;

}

.throughput-content-a {
    text-align: center;
    margin-bottom: .3rem;
}

.tcb-p1,
.tcb-p2 {
    width: 85%;
    margin: 0 auto;
    text-align: center;
}

.tcb-p1 p {
    font-family: SourceHanSansCN-Medium;
    color: #ed760b;
    line-height: 1.6;
}


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

}

.throughput-content-img {
    margin-top: .35rem;
    display: flex;
    justify-content: space-between;
}

.throughput-content-img img {
    width: 49.5%;
}

.map-wrap .map.amap-container {
    margin: 0 auto !important;
}

.f-main-left {
    width: 20%;
}

@media(max-width: 800px) {
    .f-main-left {
        width: 100%;
    }
}



/* 新增 */

.new-nav-list {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    overflow: hidden;
    border-radius: 4px;
}

.h-dp:hover .new-nav-list {
    display: block;
}

.nn-list {
    background-color: #fff;
}

.nn-list li {
    position: relative;
}


.nav-top {
    margin-left: .2rem;
}

.nav-top ul li {
    position: relative;
}

.nav-top ul li:last-child {
    margin-right: 0;
}

.nn-list li a {
    display: block;
    padding: .2rem .25rem;
    white-space: nowrap;
    color: rgb(102, 102, 102);
    border-bottom: 1px solid #f8f8f8;
}

.nn-list li a:hover {
    color: #ed760b;
    background: rgba(140, 145, 166, 0.08) none repeat scroll 0% 0%;
}

.nav-top .pic-icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    cursor: pointer;
}

.nav-top>ul>li img {
    width: 20px;
    height: 20px;
    margin: 0px 6px 0px 0px;
}

.nav-top ul {
    display: flex;

}


.nav-top ul li .detail-pic {
    display: none;
    position: absolute;
    left: 50%;
    width: 226px;
    transform: translateX(-50%);
    top: 100%;
    height: auto;
    max-width: none;
    z-index: 2;
    border-radius: .15rem;
}

.h-cont {
    width: 90%;
}

.nav-top ul li:hover .detail-pic {
    padding-top: 5px;
    display: block;
}



@media(max-width: 1200px) {
    .nav-top.pc {
        display: none;
    }

    .nav-top.phone {
        position: absolute;
        bottom: 10%;
        display: block;
        left: 50%;
        transform: translateX(-50%);

    }

    .nav-top ul {
        justify-content: center;
    }

    .nav-top ul li .detail-pic {
        top: auto;
        bottom: 100%;
    }
}



.d-op {
    display: none;
    text-align: center;
    top: 80%;
    left: 0;
    position: absolute;
    z-index: 12;
    transform: translate(0, -50%);
    width: 100%;
}

.d-v {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.d-main {
    position: relative;
    width: 100%;
    height: 100vh;
}

.d-v {
    width: 100%;
    vertical-align: top;
}

.d-play {
    cursor: pointer;
    width: 0.74rem;
    height: 0.74rem;
    border-radius: 50%;
    background-image: url(../imgs/14.png);
    background-size: 100% 100%;
    margin: 0 auto 0.19rem;
    min-width: 40px;
    min-height: 40px;
}

.d-t {
    color: #fff;
    text-align: center;
}

#overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

#main_content {
    z-index: 2;
    position: absolute;
    display: inline-block;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 2;
}

#main_content h1 {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: .5rem;
}

#main_content .sub_head {
    color: #fff;

}

.d-main {
    /* height: 100%; */
    text-align: center;
}

#links {
    margin-top: .5rem;
}


#links a {
    border: 2px solid rgba(255, 255, 255, 0.20);
    border-radius: 61px;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 25px;
    display: inline-block;
    margin-right: 15px;
}

.about-b-wrap,
.about-a-wrap {
    position: relative;

}

.target {
    width: 100%;
    position: absolute;
    top: -1rem;
    left: 0;
}

@media(max-width: 750px) {
    .d-op {
        display: block;
    }

    .d-main {
        height: auto;
    }

    .d-main.show .d-op {
        display: none;
    }
}


.map-wrap .img{
    display: block;
    width: 100%;
}