div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    box-sizing: border-box;
}

body {
    /* font-family: "MicrosoftYaHei-Bold"; */
    font-family: "Noto Sans SC", "NotoSans", "Source Han Sans CN", "PingFang SC", "Microsoft Yahei" , "MicrosoftYaHei-Bold", sans-serif;
    font-weight: 400;
    line-height: 1.5;
    background: #f2f2f2;
    font-size: 0.937vw;
    overflow-x: hidden;
}

ul,
li {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

.clearfix:after {
    /*伪元素是行内元素 正常浏览器清除浮动方法*/
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
    /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}

.flex {
    display: flex;
}

.flex-1 {
    flex: 1;
}

.flex-ai-c {
    align-items: center;
}

.flex-jc-sb {
    justify-content: space-between;
}

.flex-jc-c {
    justify-content: center;
}


/* 文字对齐 */

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}


/* 定位 */

.pr {
    position: relative;
}

.pa {
    position: absolute;
    max-width: 100%;
}


/* 颜色 */

.cor-gray {
    color: #ababab;
}

.cor-gray-bg {
    background: #f2f2f2;
}

.cor-white {
    color: #fff;
}

.cor-white-bg {
    background: #fff;
}

.cor-orange {
    color: #FF8100;
}

.cor-orange-bg {
    background: #FF8100;
}

a.alink{
    color:#333;
    text-decoration: none;
}
a.alink:visited,a.alink:active,button:active{
    text-decoration: none;
    border: none;
    outline: none;
}

/* 字号 */

.fw-b {
    font-weight: bold;
}

.fw-bd {
    font-weight: bolder;
}

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

.copy-bottom a {
        color: #ababab;
    }
.copy-bottom span a {
    color: #fff;
    width: 0;
    overflow: hidden;
    display: inline-block;
}
.copy-info a {
    color: #333;
}
.copy-info {padding: 0px 3vw 3vw;}
.copy-info span a {
    color: #fff;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline-block;
}


@media (min-width: 768px) {
    .font12 {
        font-size: 0.625vw;
        font-size: max(0.625vw, 10px);
    }
    .font14 {
        font-size: 0.729vw;
        font-size: max(0.729vw, 12px);
    }
    .font16 {
        font-size: 0.833vw;
        font-size: max(0.833vw, 13px);
    }
    .font24 {
        font-size: 1.25vw;
    }
    .font28 {
        font-size: 1.45vw;
    }
    .font48 {
        font-size: 2.5vw;
    }
    .font50 {
        font-size: 2.6vw;
    }
    .font54 {
        font-size: 2.81vw;
    }
    .font84 {
        font-size: 4.375vw;
    }
    .font86 {
        font-size: 4.48vw;
    }
    /* 距离 */
    .mt10 {
        margin-top: 10px;
    }
    .mt30 {
        margin-top: 30px;
    }
    .mt50 {
        margin-top: 50px;
    }
    .mt80 {
        margin-top: 4.2vw;
    }
    .wrap {
        /* max-width: 1920px; */
        margin: 0 auto;
        padding: 0.75vw 5.2vw 2.5vw;
        box-sizing: border-box;
    }
    .wrap .title {
        font-size: 4.8rem;
        text-align: center;
        margin: 50px 0 70px;
    }
    .line {
        height: 1px;
        background: #e3e3e3;
        width: 100%;
        margin-top: 80px;
    }
    /* 菜单 */
    
    .shadow {
        position: fixed;
        left: 0;
        right: 0;
        top: 110px;
        bottom: 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: -1;
    }
    .menu-wrap {
        position: fixed;
        top: 4.85vw;
        top: clamp(70px, 4.85vw, 4.85vw);
        left: 0;
        right: 0;
        background: #fff;
        padding: 10px;
        z-index: 99;
        padding-left: 5.2vw;
        padding-right: 5.2vw;
        padding-bottom: 1.5vw;
        box-shadow: 1px 2px 7px rgba(0,0,0,.15);
    }
    
    .menu-link-box {}
    
    /* 导航 */
    
    .menu-logo {
        display: flex;
        background: #FF8100;
        width: 100%;
        height: 0;
        padding-bottom: 52.6%;
        position: relative;
        text-align: center;
        /* position: relative; */
        z-index: 999;
        transition: .5s;
        align-items: center;
        justify-content: center;
        transition: all .28s ease;
        /* Safari */
    }
    .menu-logo-svg{
        width: 95%;
        position: absolute;
        top: 50%;
        transform: translateY(-45%);
        /*width: 15.7vw;
        width: min(15.7vw, 300px);
        height: 0;
        padding-bottom: 23.46%;
        background-image: url(../img/logosvg.svg);
        background-size: 100%;*/
        transition: all .28s ease;
    }
    .menu-logo-svg img{width:100%}
    .menu-phone {
        color: #fff;
        display: flex;
        align-items: center;
        margin-left: 1.7vw;
    }
    .menu-phone img{
        width: 42px;
    }
    .menu-phone .menu-phone-text{
        line-height: 1.2;
    }
    .menu-phone .font12{
        font-size: 12px;
        letter-spacing: -0.5px;
        text-align: justify;
        width: 99%;
    }
    .menu-phone .font12:after, .phone-number .font24:after{
        display: inline-block;
        width: 100%;
        content: "";
        height: 0px;
    }
    .phone-number .font24{
        text-align: justify;
        width: 99%;
        display: block;
        margin-bottom: -1.25vw;
    }
    .menu-phone .fw-bd {
        font-size: 22px;
        letter-spacing: 1.6px;
        margin-top: -13px;
    }
    .miniMenu .navbar-nav{
       left: 22.7% ;
    }
    .miniMenu .navbar-header{
        width: 18.75%;
    }
    .miniMenu .menu-logo{
        padding-bottom: 30.2%;
        /*padding-bottom: max(29%, 70px);*/
    }
    .miniMenu .navbar-header .menu-logo-svg{
        width: 78%;
    }
    /* header */
    .header {
        background-color: #080808;
    }
    header{
        position: relative;
    }
    .logo {
        width: 80px;
        /* height: 90px; */
    }
    .gif {
        width: 120px;
    }
    .sy-banner {
        /* padding-bottom: 50.5%; */
        background: #000;
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .about-banner{
        position: relative;
        background-color: #252a32;
    }
    .sy-banner-box{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .sy-banner-main{
        position: absolute;
        left: 0;
        right: 0;
        top:0;
        bottom: 0;
    }
    .sy-banner-text{
        position: absolute;
        left: 7.13%;
        top:19.8vw;
        z-index: 10;
        color: #fff;
        display: flex;
        flex-wrap: wrap;
    }
    .sy-banner-text p{
        font-size: 4.49vw;
        line-height: 1.4;
        font-weight: 800;
    }
    
    .sy-banner-text-line:first-child{
        width: 100%;
    }
    .sy-banner .guang {
        width: 100%;
    }
    .sy-banner .lun {
        position: absolute;
        right: 17.6%;
        width: 22%;
        top: 18.1vw;
    }
    .sy-banner .txt {
        position: absolute;
        top: 40%;
        left: 5.2vw;
        font-size: 8.6rem;
    }
    .sy-zw {
        height: 100vh;
    }
    .zw-nav {
        max-height: 5.04vw;
        height: 9.984vw;
        line-height: 9.984vw;
        background-color: #252a32;
    }
    /* footer */
    footer {
        background: #fff;
        padding-left: 5.2vw;
        padding-right: 5.2vw;
    }
    footer .btm-logo {
        width: 18.75%;
        position: absolute;
        left: 0;
        background: #FF8100;
        height: 100%;
        overflow: hidden;
    }
    footer .btm-logo a {
        display: block;
        background: #FF8100;
        height: 0;
        padding-bottom: 76%;
        position: absolute;
        left:0;
        cursor: default;
        overflow: hidden;
        top: 50%;
        transform: translateY(-50%);
    }
    footer .btm-logo .btm-logo-img {
            width: 55%;
            margin: 0 auto;
            display: block;
            margin-top: 50%;
            transform: translateY(-68%);
    }
    footer .phone-box {
        /* width: 550px; */
        width: 33.1vw;
        padding: 0.45vw 1.05vw;
        box-sizing: border-box;
        padding-top:3.5vw;
    }
    footer .btm-nav {
        margin-top: 1.37vw;
        padding: 0 1.65vw;
    }
    footer .btm-nav a {
        color: #000;
    }
    footer .phone-img {
        width: 15%;
        height: auto;
        margin-left: 2.5vw;
    }
    .eq-box {
        flex: 1;
    }
    .wx-box .wx-title {
        font-size: 1.6rem;
        font-weight: bold;
        position: relative;
        padding-left: 15px;
        margin-bottom: 15px;
    }
    .wx-box p {
        font-size: 1.4rem;
    }
    .wx-box .wx-title::before {
        content: '';
        position: absolute;
        left: 0;
        top: 3px;
        width: 6px;
        height: 16px;
        background: #FF8100;
    }
    .wx-img {
        width: 100px;
        height: 100px;
        padding: 0px;
        border-radius: 3px;
        margin-right: 10px;
        border: 1px solid #f2f2f2;
    }
    .wx-box {}
    /* 联系客服 */
    .lxkf-wrap {
        position: fixed;
        right: 0;
        top: 16vw;
        z-index: -10;
        opacity: 0;
        transition: opacity .3s;
    }
    .lxkf-wrap.show-in{
        z-index: 200;
        opacity: 1;
    }
    .lxkf-txt-wrap {
        width: 55px;
        height: 55px;
        background: #FF8100;
        color: #fff;
        font-size: 2.0rem;
        border-radius: 50px 0px 0px 50px;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .lxkf-txt-wrap img {
        width: 33px;
        display: block;
        margin-left: 5px;
        filter: drop-shadow(1px 2px 3px rgba(0,0,0,.15));
    }
    .lxkf-txt-wrap .txt {
        padding: 0.52vw 0;
        font-size: 18px;
        font-size: max(18px, 1vw);
        line-height: 1.3;
    }
    .lxkf-txt-wrap .dj {
        animation: mymove 1s infinite;
        -webkit-animation: mymove 1s infinite;
        /*Safari and Chrome*/
    }
    @keyframes mymove {
        0% {
            opacity: 1;
        }
        25% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        75% {
            opacity: 1;
        }
        100% {
            opacity: 1;
        }
    }
    @-webkit-keyframes mymove/*Safari and Chrome*/
    {
        0% {
            opacity: 1;
        }
        25% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        75% {
            opacity: 1;
        }
        100% {
            opacity: 1;
        }
    }
    .kfxx-wrap {
        width: 53.12vw;
        width: clamp(650px,53.12vw,1020px);
        background: #fff;
        position: absolute;
        right: 70px;
        top: 0;
        box-shadow: 0 0 10px #ccc;
        padding: 30px 4.2vw;
        box-sizing: border-box;
        display: none;
    }
    .kfxx-wrap h3 {
        font-size: 2.4rem;
        line-height: 40px;
    }
    .kfxx-wrap .phone {
        font-size: 6.4rem;
        font-weight: bold;
    }
    .kfxx-wrap .wx-box {
        padding-top: 20px;
    }
    .kfxx-wrap .close-icon {
        position: absolute;
        top: 20px;
        right: 20px;
        padding: 5px;
        border: 1px solid #fff;
        border-radius: 5px;
    }
    .kfxx-wrap .close-icon:hover {
        border: 1px solid rgb(238, 238, 238);
    }
    /* 视频 */
    .vido-box {
        height: 23.64vw;
    }
    .video-bg {
        width: 46vw;
        top: 8vw;
        height: 25vw;
        left: 15px;
        position: absolute;
        background: #939eaf;
        max-width: 100%;
    }
    .video {
        width: 46vw;
        right: -5vw;
        top: 5vw;
    }
    /* 重定义样式 */
    .navbar {
        position: relative;
        min-height: 40px;
        margin-bottom: 0;
        border: none;
    }
    .navbar-header {
        width: 18.75%;
        transition: all .28s ease;
    }
    .navbar-inverse{
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav>li>a {
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        font-size: max(14px, 0.84vw);
        height: 100%;
        box-sizing: border-box;
        display: flex;
        align-items: center;

    }
    .navbar-inverse .navbar-nav li:hover a {
        color: #FF8100;
    }
    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:focus,
    .navbar-inverse .navbar-nav>.active>a:hover {
        color: #FF8100;
    }
    .nav>li>a {
        padding: 1.05vw 2.1vw;
    }
    .navbar-brand {
        padding: 0;
    }
    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:focus,
    .navbar-inverse .navbar-nav>.active>a:hover {
        background-color: transparent;
    }
    .navbar {
        border-radius: 0;
        max-height: 5.04vw;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 5000;
        transition: all .24s linear;
    }
    body nav.navbar.navbar-bg{
        background-color: rgba(0,0,0,0.92);
    }
    .navbar-nav {
        height: 5.1vw;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 0 0 0 1.05vw;
        transition: all .28s ease;
    }
    .logo {
        width: 360px;
        height: 190px;
    }
   
    .container-fluid {
        padding-right: 5vw;
        padding-left: 5vw;
        margin-right: auto;
        margin-left: auto;
    }
}

.menu-box {
        border-bottom: 1px solid #e3e3e3;
    }
    .menu-box,
    .menu-box2 {
        border: 1px solid #e3e3e3;
        padding: 0.85vw 1.42vw 0vw 1.42vw;
    }
    .menu-wrap-main .font24{
        font-weight: bold;
        font-size: 1.26vw;
    }
    .menu-box ul.row{
        margin: 0;
        padding: 0 0.4vw;
    }
    .menu-box li {
        padding: 0 0.4vw;
    }
    .menu-box li:nth-child(1),.menu-box li:nth-child(2),.menu-box li:nth-child(3),.menu-box li:nth-child(4){
        border-bottom: 1px solid #e3e3e3;
    }
    .menu-box li div {
        position: relative;
        box-sizing: border-box;
        min-height: 12vw;
    }
    .menu-wrap-left-bottom{
       margin: 1.05vw 0 0;
        display: flex;
        justify-content: space-between;
    }
    .menu-wrap-left-bottom:after,.menu-wrap-left-bottom:before{
        display: none;
    }
    .menu-wrap-left-bottom .col-sm-4{
        width: 32%;
        float: inherit;
        padding: 0;
    }
    .menu-left-bottom-div{
        min-height: 11vw;
    }
    .menu-box li p,
    .menu-box2 div p {
        position: absolute;
        bottom: 1.1vw;
        width: 100%;
        text-align: center;
        font-size: .95vw;
        color: #000;
        margin-top: 0;
    }
    .menu-box li a,
    .menu-box2 div a {
        width: 100%;
        overflow: hidden;
        height: 0;
        padding-bottom: 91.5%;
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    
    .menu-box li img,
    .menu-box2 div img {
        width: 69%;
        margin-top: 11.5%;
        transition: all .28s;
    }
    .menu-box2 div a {
        padding-bottom: 62%;
    }
    .menu-box2 div img{
        width: 57%;
        margin-top: 1.5%;
    }
    .menu-box li:hover img{
        transform: scale(1.1);
    }
    .menu-box2 div:hover img {
        transform: scale(1.1);
    }
    .menu-box2 div p{
        bottom: 0.3vw;
    }
    .menu-box2 div {
        position: relative;
        box-sizing: border-box;
    }
    .menu-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 18.5vw;
    }
    .menu-link a {
        margin: 0 auto;
        display: block;
        font-size: 1.4rem;
        width: 145px;
        height: 36px;
        line-height: 36px;
        color: #000;
        border: 1px solid #000;
        margin-top: 20px;
    }
    .menu-link2 {
        height: 22.6vw;
        display: flex;
        flex-direction: column;
    }
    .menu-link2 .link {
        flex: 1;
        display: flex;
        align-items: center;
        border: 1px dashed #e3e3e3;
        color: #fff;
        font-size: 1.47vw;
        font-size: clamp(20px,1.47vw,1.47vw);
        justify-items: center;
        align-items: center;
        font-weight: bold;
        width: 100%;
        text-align: center;
        position: relative;
        border: none;
        align-items: center;
        transition: all .28s ease;
    }
    .menu-link2 .link:hover {
        color: #FF8100;
    }
    .menu-link2 .link1 {
        background: url(../img/menu/dz-1-bg.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .menu-link2 .link2 {
        background: url(../img/menu/dz-2-bg.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .menu-link2 .link3 {
        background: url(../img/menu/dz-3-bg.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .menu-link2 .link span {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        text-align: center;
        padding-bottom: 0;
    }
    .menu-link2 .link img {
        position: absolute;
        right: 3.94vw;
        top: 50%;
        margin-top: -0.84vw;
        width: 2.1vw;
        opacity: 0;
        transition: all .28s ease;
    }
    .menu-link2 .link:hover img{
        animation: moveX .28s .1s forwards;
    }
    @keyframes moveX {
        to{
            right:2.89vw;
            opacity: 1;
        }
    }

@media (max-width:1500px) {
    .menu-logo {
        /* display: none; */
       height: 0;
        padding-bottom: 52.6%;
        position: relative;
    }
    footer .btm-nav {
        font-size: 14px;
    }
    .wx-box p {
        font-size: 12px;
    }
    .wx-img {
        width: 80px;
        height: 80px;
    }
   
    
    .kfxx-wrap .phone {
        font-size: 50px;
    }
    .menu-link2 {}
    .nav>li>a {
        padding: 1.05vw 20px ;
    }
}

@media (max-width:1250px) {
    .nav>li>a {
        padding: 1.05vw 15px;
    }
}

@media (max-width:1080px) {
    .menu-phone {
        display: none;
    }
}


/* -------------调整更新样式-优先级覆盖----------- */
.navbar-nav>li {height: 100%;}
.about-wrap-menu{
    background: #fff;
    top: 4.71vw;
    width: 100%;
    min-height: 30vw;
    overflow: hidden;
    left: 0;
    position: fixed;
    box-shadow: 1px 2px 7px rgba(0,0,0,.15);
    display: none;
    z-index: -1;
}
.about-wrap-menu.showAbout{
    display: block;
    transform: translateY(20px);
    opacity: 0;
    animation: showDown .24s linear .1s forwards;
    z-index: 5000;
}
#menuPop .menu-wrap{
    display: none;
    z-index: -1;
}
#menuPop .menu-wrap.shoPop{
    display: block;
    transform: translateY(20px);
    opacity: 0;
    animation: showDown .24s linear .1s forwards;
    z-index: 5000;
}
.mask-warp{
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    background-color: none;
    display: none;
}
.mask-warp.showMask{
    display: block;
}
.about-wrap-content{
    position:relative;
}
.about-wrap-content-itme{
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    background: #fff;
    z-index: 100;
    transition: all .28s linear;
    opacity: 0;
    padding-left: 16.5vw;
}
.about-wrap-content-itme.active-item{
    z-index: 110;
    opacity: 1;
}

.aboutwrap-menu{
    position: absolute;
    z-index: 500;
    width: 16.5vw;
    padding: 2.35vw 0vw 0vw 5.2vw;
}
.aboutwrap-menu-item{
    font-size: 1.26vw;
    font-size: max(1.26vw,12px);
    color: #141823;
    height: 4.42vw;
    font-weight: bold;
    cursor: pointer;
    word-break: keep-all;
}
.aboutwrap-menu-item .alink {
    display: flex;
    align-items: center;
    height: 100%;
}
.aboutwrap-jieshao-title{
    font-size: 1.68vw;
    font-size: max(28px, 1.68vw);
    font-weight: bold;
    color: #141823;
    padding: 1.45vw 0;
}
.aboutwrap-jieshao-text{
    color: #a5a5a5;
    line-height: 1.9;
    font-size: 1.2vw;
    font-size: max(1.2vw,16px);
}
.aboutwrap-menu-item i{
    display: block;
    width: 1.89vw;
    height: 2.04vw;
    margin-top: -0.25vw;
}
.aboutwrap-menu-item i.i1{
    background: url(../img/aboutmenu/about-wrapB_14.jpg) no-repeat;
    background-size: 100%;
}
.aboutwrap-menu-item i.i2{
    background: url(../img/aboutmenu/about-wrap_08.jpg) no-repeat;
    background-size: 100%;
}
.aboutwrap-menu-item i.i3{
    background: url(../img/aboutmenu/about-wrap_10.jpg) no-repeat;
    background-size: 100%;
}
.aboutwrap-menu-item i.i4{
    background: url(../img/aboutmenu/about-wrap_111.jpg) no-repeat;
    background-size: 100%;
}
.aboutwrap-menu-item p {
    padding: 0 1vw 0 .5vw;
}

.about-warp-img{
    width: 40vw;
}
.aboutwrap-jieshao{
    flex: 1;
    padding: 1.6vw 5.8vw 2.2vw;
    justify-content: center;
    text-align: center;
}
.about-warp-img img{
    width: 100%;
    display: block;
}
.sanjiao{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border:6px solid #141823;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    display: none;
}
.active-item, .active-item a{
    color: #ff8100;
}
.active-item .sanjiao {
    border-left-color: #ff8100;
    display: block;
}
.active-item i.i1{
    background: url(../img/aboutmenu/about-wrap_05.jpg) no-repeat;
    background-size: 100%;
}
.active-item i.i2{
    background: url(../img/aboutmenu/about-wrapB_08.jpg) no-repeat;
    background-size: 100%;
}
.active-item i.i3{
    background: url(../img/aboutmenu/about-wrapB_10.jpg) no-repeat;
    background-size: 100%;
}
.active-item i.i4{
    background: url(../img/aboutmenu/about-wrapB_111.jpg) no-repeat;
    background-size: 100%;
}

.about-more-btn{
    width: 115px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #ff8100;
    color: #ff8100;
    padding: 0;
    background: none;
    border-radius: 2px;
    transition: all .24s ease;
    margin: 2.1vw auto 0;
    font-size: 14px;
    cursor: pointer;
}
.about-more-btn a{
    transition: all .24s ease;
    text-decoration: none;
    color: #ff8100;
    display: block;
    height: 100%;
}
.about-more-btn:hover {
    border: 1px solid #FF8100;
    color: #fff;
    background-color: #FF8100;
   
}
.about-more-btn:hover a{
    color: #fff;
    text-decoration: none;
}
@keyframes showDown {
    0%{
        opacity: 0;
        transform: translateY(20px);
    }
    100%{
        opacity: 1;
        transform: translateY(0px);
    }
}
.no-padding-left-right{
    padding-left:0;
    padding-right:0;
}

.layout-box{
    position: relative;
    min-height: 50vw;
}

.layout-box-item {
    position: absolute;
    height: auto;
    break-inside: avoid;
    text-align: left;
    opacity: 0;
    transition: all .36s ease;
}
.layout-box-item.show {
    opacity: 1;
}
.layout-box-item img {
    width: 100%;
}
.layout-box-item .alink {
    cursor: default;
}
.layout-box-item .alink p {
    padding: 0vw 1vw;
    margin: .8vw 0 0;
    line-height: 1;
}
.layout-box-item .alink p:last-child{
    font-size: 1vw;
    font-weight: normal;
    margin-top: 0.6vw;
    font-size: max(1vw,13px);
}
.contact-us-wrap{
    padding-top: 11vw ;
    min-height: 30vw;
}
.contact-wrap .contact-us-wrap .contact-us-box{
    width: 90%;
    max-width: 75.11vw;
    display: block;
    margin: 0 auto 0;
    position: relative;
}
.contact-us-box .contact-us-img{
    width: 100%;
}
.contact-us-box-text{
    position: absolute;
    bottom:1.65vw;
    text-align: center;
    font-weight: bold;
}
.contact-text-title{
    font-size: 1.26vw;
    font-size: max(14px, 1.26vw);
    color: #ff8100;
    margin-bottom: .2vw;
    font-weight: bold;
}
.contact-text-p{
    font-size: 1.47vw;
    font-size: max(14px, 1.47vw);
}
.contact-us-box-text:after{
    content: '';
    display: block;
    width: 2.62vw;
    height: 3px;
    background-color: #caced3;
    margin: .63vw auto 0;
}
.contact-text1{
    left: 0.79%;
}
.contact-text2{
    left: 40.3%;
}
.contact-text3{
    left: 65.5%;
}
.contact-us-box-text .wx-title {
    font-size: .84vw;
    font-size: max(12px, .84vw);
    font-weight: bold;
    position: relative;
    padding-left: .8vw;
    margin-bottom: .7vw;
}
.contact-us-box-text .wx-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 0.31vw;
    height: 0.85vw;
    background: #FF8100;
    min-height: 12.5px;
}
.contact-text4{
    text-align: left;
    left: 18%;
    bottom: initial;
    top: 3vw;
}
.contact-wrap .contact-text4 img{
    width: initial;
    margin-left: 0.8vw;
    margin-top: -0.3vw;
}
.contact-text5{
    left: 66.5%;
    text-align: left;
    bottom: initial;
    top: 3vw;
}
.contact-text5:after, .contact-text4:after{
    display: none;
}
.contact-us-box-text .contact-text{
    font-size: .84vw;
    font-size: max(12px, .84vw);
    font-weight: normal;
    width: 15.58vw;
}
.contact-us-box-text .contact-text p {
    margin-bottom: 0.6vw;
    line-height: 1.25;
}
.contact-us-box-text .contact-text p strong{
    margin-right: 1.05vw;
}
.map-box{
    height: 40.6vw;
    overflow: hidden;
    position: relative;
}
#map-quanjing {
    height: calc(100% - 3.6vw);
}
.map-box-title {
    padding: 1vw 0vw 1vw 2vw;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    display: flex;
    align-items: center;
}
.map-box-title:before {
    content: '';
    height: 22px;
    width: 6px;
    background-color: #FF8100;
    display: inline-block;
    margin-right: 14px;
}
.map-quanjing{
    width: 100%;
    height: 100%;
}
.map-address{
    display: block;
    width: 31.5%;
    position: absolute;
    z-index: 10;
    left:13%;
    top:39.5%;
    animation: moveXY .6s ease infinite;
    animation-direction: alternate-reverse;
    animation-timing-function: cubic-bezier(1,0.21,1,1.21);
}
.map-address:hover{
    animation-play-state: paused
}
@keyframes moveXY{
    0%{
        left:13%;
    }
    100%{
        left: 16.5%;
    }
}
.map-address img{width:100%}
.newsimg {
    width: 100%;
    height: 0;
    padding-bottom: 32%;
    position: relative;
    overflow: hidden;
}
.newsimg .news-title{
    position: absolute;
    z-index: 10;
    font-size: 1.25vw;
    width: 90%;
    left:30px;
    bottom: 25px;
    color: #fff;
    border-bottom: 0px;
    
}
.newsimg:before{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80%;
  z-index: 10;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.newsimg img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.nei-banner {
    width: 100%;
    height: 0;
    padding-bottom: 35%;
    position: relative;
    overflow: hidden;
    background-color: #2c2c34;
}
.contact-banner, .brand-banner{
    margin-top: 5vw;
}
.nei-banner img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.product-detail-wrap{
    margin: 6vw 5.2vw 2.5vw;
    box-sizing: border-box;
    display: flex;
    background: #fff;
}
.product-detail-wrap-left{
    /*border: 1px solid #e8e8e8;*/
    margin: 2vw;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 34vw;
}
.product-detail-wrap-right h1{
    font-size: 2.6vw;
    font-size: max(24px, 2.6vw);
    font-weight: bold;
    padding: 0.7vw 0vw 0.7vw 1vw;
    margin-bottom: 1vw;
    color: #fff;
    background: #FF8100;
    border-radius: 2px;
    text-shadow: 0 2px 0.2vw rgba(0, 0, 0, .45);
}
.product-detail-wrap-left img{
    max-width: 33vw;
}
.product-detail-wrap-right{
    margin: 2vw 2vw 2vw 0vw;
    padding: 2vw;
    box-sizing: border-box;
    background: #f9f9f9;
    border-radius: 0;
    box-shadow: inset -1px 3px 8px rgba(0, 0, 0, .05);
}
.menu-right-box .allproduct img{
        width: 3.125vw;
        width: clamp(54px, 3.125vw, 3.125vw);
    }
    .menu-right-box .right-box-title{
        font-size: 1.47vw;
        font-size: clamp(20px,1.47vw,1.47vw);
        font-weight: bold;
        color: #000;
        padding: 1vw 0 1.3vw;
    }
    .menu-right-box .btn{
        margin-top: 0;
        padding: 0;
        border-radius: 0;
        width: 135px;
        transition: all .28s ease;
    }
    .menu-right-box .btn:hover{
        color: #fff;
        background-color: #000;
        border-color: #000;
    }
    .menu-wrap{
        justify-content: space-between;
        margin:0;
    }
    .menu-wrap:after{display:none}
    .menu-wrap:before{display:none}
    .menu-wrap-main{
        display: flex;
        width: 100%;
        height: auto;
        justify-content: space-between;
        align-items: flex-start;
    }
    .menu-wrap .menu-wrap-left{
        width: 60.1vw;
        padding: 0;
       float: inherit;
       height: 41.1vw;
    }
    .menu-wrap .menu-right-box{
        width: 26.8vw;
        padding: 0;
        float: inherit;
    }
@media (min-width: 768px){
    .home-pc-banner-bg{
        display: block;
    }
    .home-mob-banner-bg{
        display: none;
    }
    body:not(.index) nav.navbar{
        background-color: rgba(0,0,0,0.92);
    }
    .navbar-collapse{
        padding-left: .78vw;
        padding-right: .78vw;
    }
    .footer-box{
        position: relative;
        padding-left: 18.75%;
        display: block;
    }
    .copy-bottom{
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 12px;
        left:0;
    }
    
    .eq-box{
        padding: 3.5vw 1vw 3.6vw 2.6vw;
    }
    
    .phone-number{
        line-height: 1.1;
        padding-left: 0.4vw;
    }
    .phone-number .font24{
        font-size: 1.18vw;
        letter-spacing: -.5px;
    }
    .phone-number .font50{
        font-size: 2.5vw;
        font-size: max(2.5vw, 28px);
    }
    footer .phone-box{
        width: 50vw;
    }
    
    .sy5-box{padding-top:3.15vw}
    .product_deatail_public{
        
    }
    .product_deatail_public p{
        margin:0;
        padding: 0;
        display: flex;
        justify-content: center;
        overflow-x: hidden;
    }
    .product_deatail_public p img{
        margin:0;
        padding: 0;
        width: 100%;
        
    }
    .nei-banner {
        padding-bottom: 26%;
    }
    .company .nei-banner {
        padding-bottom: 42.5%;
    }
    .navbar-collapse.collapse{
        display: flex!important;
        justify-content: flex-end;
    }
}

@media (min-width: 1200px){
    .footer-box{
        display: flex;
    }
    .eq-box{
        padding-bottom: 3vw;
        padding-left: 0vw;
        padding-right: 0vw;
        padding-top: 2.3vw;
    }
    footer .phone-box {
        padding-top: 3.5vw;
        width: 31vw;
    }
}
@media (min-width: 1680px){
  .eq-box{
        padding-bottom: 3vw;
        padding-left: 0vw;
        padding-right: 0vw;
        padding-top: 3vw;
    }
    footer .phone-box {
    padding-top: 3.5vw;
    width: 31vw;
    }
    .product_deatail_public p img{
        width: 1920px;
    }
}

@media (max-width: 767px){
    html {width: 100%; overflow-x: hidden;}
    .home-pc-banner-bg{
        display: none;
    }
    .home-mob-banner-bg{
        display: block;
    }
    .menu-logo-svg{
        width: 75%;
        transition: all .28s ease;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
    }
    .advantage ul{
        
    }
    .advantage ul li.col-sm-3{
        width: 50%;
        padding: 0 0.2vw;
    }
    .advantage ul li a{
        width: 100%;
        height: 22vw;
        line-height: 22vw;
        font-size: 4.5vw;
        font-weight: bold;
        justify-content: flex-start;
        padding-left: 20%;
    }
    .sy3-box li.col-sm-3 a img {
        width: 20px;
        height: 20px;
    }
    .sy-banner-box{
        position: relative;
        width: 100%;
        height: 100%;
    }
    .sy-banner-main{
       width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    .sy-banner-text{
        position: absolute;
        z-index: 10;
        color: #fff;
        text-align: center;
        width: 100%;
        top: 45vw;
    }
    .sy-banner-text p{
        font-size: 7.5vw;
        line-height: 1.4;
        font-weight: 800;
    }
    .sy-banner-text p:nth-child(1) {
        margin-bottom: 3vw;
    }
    .sy-banner-text p:nth-child(2), .sy-banner-text p:nth-child(3) {
        display: inline-block;
    }
    .dropdown-toggle .caret {
        transition: transform .28s;
    }
    .open .dropdown-toggle .caret{
        transform: rotate(180deg);
    }
    .nei-banner {
        padding-bottom: 50%;
        margin-top:14.5vw;
    }
    .nei-banner img {
        width: 190%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .about-banner {
        padding-bottom: 78.66%;
    }
    .con-banner {
        padding-bottom: 50%;
    }
    .brand-banner img {
        width: 160%;
        transform: translate(-45%, -50%);
    }
    .contact-banner img {
        width: 100%;
    }
    .list-product-banner {
        margin-top:11.8vw;
    }
    .list-product-banner img {
        transform: translate(-67%, -50%);
    }
    .about-banner img {
        width: 100%;
        position: initial;
        transform: translate(0px, 0px);
        left: 0;
        top: 0;
    }
    .product-detail-wrap{
        flex-wrap: wrap;
        margin: 0vw 0vw 0vw;
    }
    .product-detail-wrap-left{
        width: 100%;
        padding-top: 8.5vw;
    }
    .product-detail-wrap-left img{
    max-width: 82vw;
    }
    .product-detail-wrap-right{
        margin: 0vw 4vw 4vw 4vw;
        padding: 4vw 3vw;
    }
    .product-detail-wrap-right h1{
        padding: 2vw 0vw 2vw 3vw;
        border-radius: 3px;
    }
    div.orther .xl-list{
        padding: 10px 9px 15px 0px;
    }
    div.orther .list-box2{
        min-height: 58vw;
    }
    div.orther .list-box2 .fw-b{
        font-size: clamp(13px, 0.95vw, 0.95vw);
        bottom: 3vw;
    }
    div.layout-box{margin-left:10px}
    div.layout-box p.font24{font-size: 14px}
    .case-wrap h1{
        font-size: 20px;
        padding: 20px 20px 5px;
    }
    .layout-box-item img {border-radius: 2px}
    
    .map-address{
        width: 44%;
        left:0%;
        top:44.5%;
        animation: moveXY .6s ease infinite;
        animation-direction: alternate-reverse;
        animation-timing-function: cubic-bezier(1,0.21,1,1.21);
    }
    @keyframes moveXY{
        0%{
            left:0%;
        }
        100%{
            left: 3.5%;
        }
    }
    .layout-box-item .alink p:last-child, .sy6-box ul li .div h2 p:last-child{
        margin-top: 1.2vw;
    }
    .sy6-box ul li .div h2.font24 {
        padding: 2vw 1.6vw;
    }
    .shijingimg{height: 75vw;}
}




body.neiye {
    background: #f2f2f2;
}

.about-wrpa-content{
    min-height: 200px;
}
.about-wrpa-content img {
    max-width: 100%;
}


@media (min-width: 768px) and (max-width: 1025px) {
    .contact-wrap .contact-us-wrap .contact-us-box {
		min-height: 17vw;
	}
	div.list-box .list-title {
	    font-size: max(15px, 1.4vw);
	}
	div.list-box p {
	    font-size: clamp(12px, 0.95vw, 0.95vw);
	}
	.aboutwrap-jieshao-title {
	   font-size: 1.68vw;
        font-size: max(22px, 1.68vw);
        padding: 1vw 0;
	}
	div.aboutwrap-jieshao-text {
        line-height: 1.2;
        font-size: 1.2vw;
        font-size: max(1.2vw, 12px);
    }
}



@media (min-width: 1025px) and (max-width: 1180px) {
 
	div.aboutwrap-jieshao-text {
        line-height: 1.6;
        font-size: 1.2vw;
        font-size: max(1.2vw,15px);
    }
	
	
}