/*!
 * fullPage 3.0.9
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
.fp-enabled body,
html.fp-enabled {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fp-slide {
    float: left
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}

.fp-scrollable {
    overflow: hidden;
    position: relative
}

.fp-scroller {
    overflow: hidden
}

.iScrollIndicator {
    border: 0 !important
}

.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important
}

#fp-nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    opacity: 1;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translate3d(0, -50%, 0)
}

#fp-nav.fp-right {
    right: 50px
}

#fp-nav.fp-left {
    left: 17px
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important
}

.fp-slidesNav.fp-bottom {
    bottom: 17px
}

.fp-slidesNav.fp-top {
    top: 17px
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0
}

.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section {
    height: auto !important
}

.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
    height: auto !important
}

.fp-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

/*# sourceMappingURL=fullpage.min.css.map */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
    font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;
}

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

h2 {
    font-size: 50px;

}

a {
    text-decoration: none;
    cursor: pointer;

}

a:focus {
    outline: none;
}

.slick-slide:focus {
    outline: none;
}

a:hover {
    text-decoration: none;
    transition: .6s ease all;
    -webkit-transition: .6s ease all;
    -moz-transition: .6s ease all;
    -ms-transition: .6s ease all;
    -o-transition: .6s ease all;
}



* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}

a,
img {
    transition: .6s ease all;
    -webkit-transition: .6s ease all;
    -moz-transition: .6s ease all;
    -ms-transition: .6s ease all;
    -o-transition: .6s ease all;
}

i,
em {
    font-style: normal;
}

body {
    font-size: 16px;
}

li {
    list-style: none;
}

button,
input,
select,
textarea {
    font-size: 100%;
    border: none;
    outline: none;
}

.wrap {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0px;
    visibility: hidden;
    clear: both;
}

.clearfix {
    zoom: 1;
}


.header {
    overflow: hidden;
    position: absolute;
    z-index: 999;
    top: 0;
    width: 100%;
}

.page-href {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.head-left {
    overflow: hidden;
    position: relative;
    float: left;
}

.head-right {
    float: right;
    margin-top: 13px;
    margin-right: 35px;
}

.head-right a {
    color: #fff;
    font-size: 20px;

    line-height: 66px;
    text-align: center;
    display: inline-block;
    margin-left: 50px;
    position: relative;
}

.head-right .lianxi {
    background: #202024;
    width: 190px;
    height: 66px;
}



.head-right a:hover:after {
    content: "";
    display: block;
    width: 50px;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -17px;
    background: #ff0a0a;
}

.head-right .lianxi:hover {
    background: #ff0a0a;
}

.head-right .lianxi:hover:after {
    display: none;
}

.nav {
    width: 82px;
    height: 90px;
    background: #000;
    border: none;
    box-sizing: border-box;
    transition: padding .25s;
    padding: 20px 23px 28px;
    float: left;
    cursor: pointer;
}

.nav span {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    margin-top: 12px;

}

.menu-is-active .nav span.one {
    -webkit-transform-origin: 65%;
    -ms-transform-origin: 65%;
    transform-origin: 65%;
    -webkit-transform: scale(1) translateY(11.5px) rotate(45deg);
    -ms-transform: scale(1) translateY(11.5px) rotate(45deg);
    transform: scale(1) translateY(11.5px) rotate(45deg);
    background-color: #fff;
    -moz-transform: scale(1) translateY(11.5px) rotate(45deg);
    -o-transform: scale(1) translateY(11.5px) rotate(45deg);
}

.menu-is-active .nav span.two {
    display: none;
}

.menu-is-active .nav span.three {
    -webkit-transform-origin: 65%;
    -ms-transform-origin: 65%;
    transform-origin: 65%;
    -webkit-transform: scale(1) translateY(-11.5px) rotate(-45deg);
    -ms-transform: scale(1) translateY(-11.5px) rotate(-45deg);
    transform: scale(1) translateY(-11.5px) rotate(-45deg);
    background-color: #fff;
}


.logo {
    text-decoration: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1c1c1f;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    display: inline-block;
    float: left;
}

/* 首页*/
.is-screen {
    min-height: 100vh;
    overflow: hidden;
}

#video {
    width: 100%;
    overflow: hidden;
    height: 100vh;
    background: url(../../d/images/video_bg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

#video:after {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: "";
    display: block;
}

#video video {
    min-width: 100%;
    object-fit: cover;
    display: block;
    min-height: 100%;
}


#fp-nav.right{
    right:70px;
}
#fp-nav ul li{
    margin: 10px 0;
}
#fp-nav ul li a{
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    cursor: pointer;
    border: 1px solid #fff;
    position: relative;
}
#fp-nav ul li a span{
    display: none;
}

#fp-nav ul li:hover a,
#fp-nav ul li a.active,
#fp-nav ul li:hover a.active{
    height: 40px;
    background: #014a7f;
    border-color: #014a7f;
}



/* .slick-box .slick-dots {
        position: absolute;
        bottom: 30px;
        left: 50%;
        z-index: 999;
        margin-left: -232px;
    }

    .slick-box .slick-dots li {
        float: left;
        background-color: transparent;
        position: relative;
        cursor: pointer;
    }

    .slick-box .slick-dots li.slick-active:before {
        content: "";
        display: block;
        width: 2px;
        height: 2px;
        position: absolute;
        left: 50%;
        margin-left: -1px;
        background: #fff;
        bottom: 5px;
    }

    .slick-box .slick-dots li button {
        font-size: 0;
        width: 114px;
        height: 2px;
        background-color: #fff;
        opacity: .2;
        filter: Alpha(opacity=20);
        -webkit-filter: Alpha(opacity=20);
    }

    .slick-box .slick-dots li:after {
        width: 2px;
        height: 2px;
        background: #fff;
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 16px;
        opacity: 1;
        filter: Alpha(opacity=100);
        z-index: 999;
        -webkit-filter: Alpha(opacity=100);
    }

    .slick-box .slick-dots li.slick-active button {
        opacity: 1;
        filter: Alpha(opacity=100);
        -webkit-filter: Alpha(opacity=100);
    } */



.num-box .active {
    color: #fff;
}

body.menu-is-active {
    overflow: hidden;
}


.screen-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter: Alpha(opacity=0);
    z-index: -1;
    visibility: hidden;
    transition: opacity .25s;
    -webkit-filter: Alpha(opacity=0);
}

.menu-is-active .screen-overlay {
    opacity: .7;
    filter: Alpha(opacity=70);
    z-index: 150;
    visibility: visible;
    -webkit-filter: Alpha(opacity=70);
}

.nav-left {
    position: fixed;
    top: 90px;
    bottom: 0;
    width: 339px;
    z-index: 8;
    background: #13395f;
    background: rgba(22, 44, 73, .7);
    padding: 0 25px;
    box-sizing: border-box;
    left: -125%;
    transition: .5s;

}

.nav-left.menu-is-active {
    bottom: 0;
    width: 339px;
    opacity: 1;
    filter: Alpha(opacity=100);
    z-index: 1100;
    left: 0;
    -webkit-filter: Alpha(opacity=100);
}

.nav-left ul {
    outline: 0;
    list-style-type: none;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.nav-left ul li {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin-top: 75px;
}

.nav-left ul li a {
    display: inline-block;
    font-size: 20px;
    line-height: 1.6em;
    color: #fff;
    text-decoration: none;
    transition: color .25s;
}

.nav-left ul li a span {
    margin-left: 35px;
}

.nav-left ul li:hover a {
    color: red;
}

/* 第一屏 */
.screen-one {
    position: relative;
}

.screen-one .screen-container {
    position: absolute;
    left: 13.5%;
    top: 276px;
    max-width: 800px;
}

.screen-one .screen-container h1 {
    font-size: 60px;
    color: #fff;
    margin-bottom: 120px;
}

.screen-one .screen-container p {
    font-size: 22px;
    color: #fff;
    line-height: 2.3em;
}

.is-screen .slick-next,
.is-screen .slick-prev {
    position: absolute;
    top: 50%;
    z-index: 99;
    font-size: 0;
    cursor: pointer;
}

.is-screen .slick-next {
    right: 0;
    background: url(../../d/images/xy.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 71px;
    height: 12px;
}

.is-screen .slick-prev {
    right: 0;
    background: url(../../d/images/xz.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 71px;
    height: 12px;
}

.is-screen .slick-prev {
    left: 0;
}

/* 第一屏 end*/

/* 第二屏 */
.screen-two {
    position: relative;
    background: #18243c;
    height: 100%;
}

.screen-two .hx {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #15283b;
    content: "";
    display: block;
    bottom: 345px;
    opacity: .3;
    filter: Alpha(opacity=30);
    -webkit-filter: Alpha(opacity=30);
}

.screen-two .sx-one {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #15283b;
    content: "";
    display: block;
    left: 322px;
    opacity: .3;
    filter: Alpha(opacity=30);
    -webkit-filter: Alpha(opacity=30);
}

.screen-two .sx-two {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #15283b;
    content: "";
    display: block;
    left: 800px;
    opacity: .3;
    filter: Alpha(opacity=30);
    -webkit-filter: Alpha(opacity=30);
}

.screen-two .sx-three {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #41444d;
    content: "";
    display: block;
    right: 33.4%;
    opacity: .3;
    filter: Alpha(opacity=30);
    z-index: 1;
    -webkit-filter: Alpha(opacity=30);
}

.screen-two .sx-four {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #41444d;
    content: "";
    display: block;
    right: 12%;
    opacity: .3;
    z-index: 1;
    filter: Alpha(opacity=30);
    -webkit-filter: Alpha(opacity=30);
}

.page-left {
    float: left;
    width: 50%;
    padding-top: 180px;
    padding-left: 170px;
    position: relative;
}

.page-left .m-bt {
    display: none;
    padding: 0 5% 0 7%;
    position: relative;

}

.page-left .m-bt:before {
    width: 5px;
    height: 52px;
    content: "";
    display: block;
    position: absolute;
    left: 5%;
    top: 0;
    background: #334b7a;
}

.page-left .m-bt .str-bt {
    display: block;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}

.page-left .m-bt span {
    font-size: 16px;
    color: #a1b9d2;
}

.page-left .pro-pic img {
    display: block;
    margin-bottom: 80px;
    width: 100%;
    max-width: 700px;
}

.page-left h3 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 7px;
    padding-left: 80px;
}

.page-left p {
    font-size: 18px;
    color: #a1b9d2;
    padding-left: 80px;
}

.page-right {
    float: left;
    width: 50%;
}

.page-right img {
    height: 100vh;
}

.slider-nav {
    position: absolute;
    left: 50%;
    top: 30%;
    margin-left: 15.8%;
    max-width: 600px;
    height: 460px;
    z-index: 999;
}

.slick-vertical .slick-slide {
    border: 0 !important;
    height: 100%;
}

.slider-nav .list {
    margin-bottom: 45px;
}

.slider-nav .list .num {
    font-size: 18px;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #395470;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    margin-top: 4px;
    z-index: 999;
    position: relative;
    cursor: pointer;
}





.slider-nav li.active {
    position: relative;
}

.slider-nav li.active .num {
    background: #de4032;
    color: #fff;
    border: 1px solid #de4032;
}

.slider-nav li.active:before {
    content: "";
    display: block;
    width: 320px;
    height: 2px;
    background: #de4032;
    position: absolute;
    left: -85%;
    top: 50%;
    margin-top: -8px;
}

.slider-nav .list .wz {
    float: left;
    margin-left: 22px;
}

.slider-nav li .list .wz p {
    color: #fff;
    font-size: 22px;
}



.slider-nav li.active .list .wz p,
.slider-nav li.active .list:hover .wz p {
    color: #de4032;
}

.slider-nav .list .wz span {
    font-size: 18px;
    text-transform: uppercase;
    opacity: .22;
    filter: Alpha(opacity=22);
    color: #fff;
    -webkit-filter: Alpha(opacity=22);
}

.slider-for .slick-prev,
.slider-for .slick-next {
    font-size: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: 15.8%;
    z-index: 999;
}

.slider-for .slick-prev {
    top: 158px;
    background: url(../../d/images/top_jt.png) no-repeat center #395470;
}

.slider-for .slick-next {
    top: 80%;
    background: url(../../d/images/bottom_jt.png) no-repeat center #395470;
}

.slider-for .slick-prev:hover {
    background: url(../../d/images/top_jt.png) no-repeat center #de4032;
}

.slider-for .slick-next:hover {
    background: url(../../d/images/bottom_jt.png) no-repeat center #de4032;
}

/* 第二屏 end*/

/* 第三屏 */
.screen-three {
    background: #091220;

    min-height: 100vh !important;
    width: 100%;
    position: relative;

}

.color-bg {
    background: #102133;
    position: absolute;
    height: 80%;
    width: 100%;
    padding-top: 180px;
    padding-left: 8%;
    margin-left: 10%;
    top: 0;
    left: 0;
}

.screen-three .wz-gy {
    width: 42%;
}

.wz-gy h3 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 25px;
}


.wz-gy p {
    font-size: 18px;
    color: #a1b9d2;
    line-height: 2em;
}

.screen-three ul {
    position: absolute;
    bottom: 0;
    right: 0;

}

.screen-three li {
    float: left;
    position: relative;
    text-align: center;

}

.screen-three li.hei-pic {
    margin-top: -72px;
}

.screen-three li .xq {
    position: absolute;
    bottom: 10%;
    left: 30%;
}

.screen-three li strong {
    font-size: 72px;
    color: #fff;
    font-family: 'Impact';
}

.screen-three li span {
    font-size: 24px;
    color: #fb3624;
    position: absolute;
    top: 10px;
}

.screen-three li p {
    font-size: 24px;
    color: #d9d9d9;
    position: relative;
    margin-top: 22px;
}

.screen-three li p:before {
    background: #fb3624;
    width: 60px;
    height: 1px;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -13px;
    margin-left: -30px;
}

/* 第三屏 end*/
/* 第四屏 */
.screen-four {
    background: url(../../d/images/four_bg.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;

}

.foot-box {
    padding: 130px 13.5%;
}

.foot-left {
    float: left;
    width: 47%;
    margin-top: 220px;
    padding-right: 1%;
}

.foot-left h3 {
    font-size: 36px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 8px;

}

.foot-left h3 span {
    margin-right: 60px;
}

.foot-left h3 img {
    display: inline-block;
    margin-top: -75px;
    margin-right: 10px;
}

.foot-left .tit {
    font-size: 18px;
    color: #fff;
    letter-spacing: 34px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border: 1px solid #5e71a4;
    text-align: center;
    width: 565px;
    margin-top: 35px;
    padding: 5px 0 5px 24px;
}

.foot-left .text {
    font-size: 18px;
    color: #fff;
    line-height: 2em;
    margin-top: 65px;
}

.foot-ul {
    overflow: hidden;
    margin-top: 60px;
    margin-left: -55px;
}

.foot-ul li {
    float: left;
    margin-left: 55px;
}

.foot-ul li span {
    font-size: 16px;
    color: #7599c1;
}

.foot-ul li img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.foot-ul li p {
    font-size: 18px;
    color: #fff;
    margin-top: 13px;
}

.foot-ul li p a {
    color: #ffffff;
}

.foot-ul li p strong {
    color: #ff0a0a;
    font-size: 24px;
}

.foot-right {
    float: right;
    position: relative;
    width: 53%;
    padding-top: 80px;
    background: url(../../d/images/message_bg.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-width: 570px;
    padding: 72px 60px 30px;
}



.foot-right strong {
    font-size: 40px;
    color: #fff;
    position: relative;
}

.foot-right strong:before {
    background: url(../../d/images/message.png) no-repeat;
    width: 251px;
    height: 50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    top: -30px;
}

.foot-right p {
    font-size: 18px;
    line-height: 2em;
    color: #a1b9d2;

    margin-top: 20px;
}

.message {
    position: relative;
}

.message ul {
    margin-top: 30px;
}

.message li {
    margin-bottom: 20px;
    position: relative;
}

.message li.icon-tel:after {
    width: 7px;
    height: 9px;
    background: url(../../d/images/xinghao.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
    position: absolute;
    left: 35px;
    top: 10px;
    content: "";
}

.message li:before {
    position: absolute;
    left: 15px;
    top: 15px;
    content: "";
    display: block;
    width: 17px;
    height: 20px;
}

.message li input,
.message li textarea {
    background: #aac1eb;
    background: rgba(170, 193, 235, .1);
    resize: initial;
    color: #666;
    border: none;
    font-size: 16px;
}

.message li input {
    outline: none;
    width: 100%;
    height: 48px;
    line-height: 28px;
    padding: 10px 50px;
}

.message .sub {
    width: 260px;
    line-height: 54px;
    height: 54px;
    font-size: 24px;
    color: #ffffff;
    background-color: #e1394a;
    background: -moz-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: -webkit-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: -o-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: -ms-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: linear-gradient(to bottom, #9a041c 0%, #e1394a 100%);
    border-radius: 4px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-position: bottom left;
    -webkit-background-size: 100% 150%;
    -moz-background-size: 100% 150%;
    -o-background-size: 100% 150%;
    background-size: 100% 150%;
    padding: 0;
    text-align: center;
    position: relative;
}

.message .sub:hover,
.case-box .box-r .more:hover,
.case-box .case-r .more:hover,
.m-contact2 .form .sub:hover,
.btn-box .back-home:hover {
    box-shadow: 0px 10px 30px rgba(218, 37, 29, .45);
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-position: bottom 50% left;
}
















.message .sub input {
    background: none;
    color: #fff;
}

.message li textarea {
    height: 192px;
    width: 100%;
    padding: 15px;
}

.message li.icon-name:before {
    background: url(../../d/images/rw.png) no-repeat;
    background-size: 100% 100%;
}

.message li.icon-tel:before {
    background: url(../../d/images/phone.png) no-repeat;
    background-size: 100% 100%;
}

/* 第四屏 end*/

/* 首页 end*/
/* 新闻列表 */
.wz-ms {
    float: left;
    margin-top: 30px;
}

.wz-ms strong {
    font-size: 24px;
    color: #e7e7e7;
    margin-left: 45px;
}

.wz-ms span {
    color: #e2e2e2;
    margin-left: 25px;
}

.new-ban-gy {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -5;
    width: 100%;
}

.new-ban-gy img {
    width: 100%;
    z-index: 9;
}

.crumbs-box {
    padding-top: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8c8c8c;


}

.crumbs-box li,
.crumbs-box ol {
    display: inline;
    color: #8c8c8c;
    line-height: 95px;
}

.crumbs-box a {
    color: #8c8c8c;
}

.crumbs-box a:hover {
    color: #fff;
}

.crumbs-box span {
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ul-new-top {
    margin-top: 10px;
}

.ul-new-top .slick-prev,
.ul-new-top .slick-next {
    width: 56px;
    height: 56px;
    font-size: 0;
    bottom: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 999;
    cursor: pointer;

}

.ul-new-top .slick-prev {
    position: absolute;
    right: 80px;
    background: url(../../d/images/left.png) no-repeat #fff center;
}

.ul-new-top .slick-prev:hover {
    background: url(../../d/images/left2.png) no-repeat #fff center;
}

.ul-new-top .slick-next {
    position: absolute;
    right: 0;
    background: url(../../d/images/right.png) no-repeat #fff center;
}

.ul-new-top .slick-next:hover {
    background: url(../../d/images/right2.png) no-repeat #fff center;
}

.new-ul {
    margin-left: -50px;
}

.new-ul .slick-prev,
.new-ul .slick-next {
    bottom: -100px;
    cursor: pointer;
}

.ul-new-top h1 {
    font-size: 44px;
    color: #fff;
    position: relative;
    font-weight: normal;
    margin-bottom: 99px;
    display: inline-block;
    margin-right: 20px;
}

.ul-new-top .case {
    display: inline-block;
    font-size: 34px;
    color: #ffffff;
    line-height: 40px;
}

.ul-new-top h1:after {
    width: 156px;
    height: 6px;
    background: url(../../d/images/h1_bg.png) no-repeat;
    content: "";
    display: block;
    position: absolute;
    bottom: -32px;
    left: 0;
}


.ul-box .pic {
    position: relative;
    padding-top: 66%;
    display: block;
    overflow: hidden;
}

.ul-box .pic img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -ms-border-radius: 20px 20px 0 0;
    -o-border-radius: 20px 20px 0 0;
}

.ul-box .ul-xq {
    background-color: #fff;
    border-radius: 0 19px 19px 19px;
    -webkit-border-radius: 0 19px 19px 19px;
    -moz-border-radius: 0 19px 19px 19px;
    -ms-border-radius: 0 19px 19px 19px;
    -o-border-radius: 0 19px 19px 19px;
    padding: 20px 22px 28px;
    position: relative;
    overflow: hidden;
    margin-right: 20px;
    margin-top: -30px;
}

.ul-box .ul-xq:after {
    width: 100%;
    height: 8px;
    background-color: #5275a7;
    position: absolute;
    bottom: 0;
    border-radius: 0 0 19px 19px;
    -webkit-border-radius: 0 0 19px 19px;
    -moz-border-radius: 0 0 19px 19px;
    -ms-border-radius: 0 0 19px 19px;
    -o-border-radius: 0 0 19px 19px;
    content: "";
    display: block;
    left: 0;
}

.ul-box .ul-xq h3 {
    font-weight: normal;
}

.ul-box .ul-xq a {
    font-size: 22px;
    color: #333;
    line-height: 1.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 70px;
}

.ul-box:hover .ul-xq a {
    color: #da251d;
}

.ul-box {
    padding: 0 50px
}

.ul-box .ul-xq p {
    overflow: hidden;
    font-weight: 100;
    margin-top: 20px;
}

.ul-box .ul-xq p span {
    float: left;
    font-size: 16px;
    color: #3f3f3f;
    border: 1px dashed #dfdfdf;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    padding: 3px 8px;
}

.ul-box .ul-xq p strong {
    float: right;
    font-size: 16px;
    font-weight: 100;
    color: #4a4a4a;
    margin-top: 4px;
}

.ul-box .ul-xq p img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    width: 14px;
}

.new-list {
    margin-top: 280px;
    padding-left: 60px;
}

.new-list ul {
    position: relative;
}

.new-list ul:after {
    content: '';
    position: absolute;
    top: 0;
    left: -58px;
    bottom: 0;
    width: 1px;
    background: #bcbcbc;
    z-index: 3;
    margin-top: 8%;
    margin-bottom: 9%;
    overflow: hidden;
}

.new-list li {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0 0 7px rgba(22, 35, 67, .1);
    margin-bottom: 68px;
    position: relative;
    background: #e6e9f2;
}

.new-list li:before {
    background: url(../../d/images/dian.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 50px;
    height: 50px;
    content: "";
    display: block;
    position: absolute;
    left: -80px;
    top: 50%;
    margin-top: -25px;
    z-index: 5;
}

.item-l {
    float: left;
    height: 100%;

    padding: 59px 30px;
    overflow: hidden;
    width: 13%;
}

.item-l .time {
    color: #3e4355;
}

.item-l .time .d,
.item-l .time .m {
    font-size: 16px;

}

.item-l .time .t {
    font-size: 46px;
}

.item-r {
    overflow: hidden;
    float: left;
    width: 87%;
    padding: 20px;
    background: #fff;
}

.item-r .pic a {
    float: left;
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 16%;
    width: 24%;
    max-width: 280px;
}

.item-r .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.new-list li:hover .item-r .pic img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.item-r .new-xq {
    float: left;
    width: 76%;
    padding-left: 40px;
    margin-top: 30px;
}

.item-r .new-xq h3 {
    font-weight: normal;

}

.item-r .new-xq h3 a {
    color: #3e4355;
    font-size: 24px;
}

.new-list li:hover .item-r .new-xq h3 a {
    color: #da251d;
}

.item-r .new-xq p {
    font-size: 18px;
    color: #a1a1a1;
    line-height: 1.8em;
    margin-top: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.page-list {
    margin-top: 180px;
    margin-bottom: 95px;
}

.page-list ul {
    margin: 0 auto;
    text-align: center;
    margin-left: -10px;
}

.page-list li {
    display: inline-block;
    border: 1px solid #cacaca;
    padding: 8px 13px;
    margin-left: 10px;
    cursor: pointer;
}

.page-list li a {
    color: #cacaca;
}

.page-list li.active,
.page-list li:hover {
    color: #fff;
    border: 1px solid #da251d;
    background: #da251d;
    box-shadow: 4px 0px 8px rgba(218, 37, 29, .45);
}

.page-list li:hover a {
    color: #fff
}

.footer {
    background: #0b0b0b;
    text-align: center;
}

.footer p {
    font-size: 16px;
    color: #afc1d4;
    text-align: center;
    padding: 24px 0;
    display: inline-block;
    margin: 0 30px
}

/* 新闻列表 end*/

/* 案例列表 */

.case-ul-box {
    overflow: hidden;
}

.case-box {
    overflow: hidden;
}

.case-box .box-l {
    float: left;
    width: 54%;
    padding: 0 3px;
}

.case-box .box-l .pic img {
    width: 100%;
    height: 100%;
    max-width: 750px;
    max-height: 480px;
    object-fit: cover;
}

.case-box .box-r {
    float: left;
    width: 46%;
    padding-left: 58px;
    padding-top: 15px;
}

.case-box .box-r h3 {
    font-size: 32px;
    color: #fff;
    margin-bottom: 60px;
    position: relative;
}

.case-box .box-r h3:after {
    content: "";
    display: block;
    width: 16px;
    height: 4px;
    background: #7d9fcd;
    position: absolute;
    bottom: -15px;
}

.case-box .box-r li {
    font-size: 20px;
    color: #d9d9d9;
    margin-bottom: 10px;
}

.case-box .box-r p {
    font-size: 16px;
    color: #b6b6b6;
    line-height: 1.8em;
    margin-top: 35px;
    margin-bottom: 60px;
}

.case-box .box-r .more {
    width: 300px;
    height: 80px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: #e1394a;
    background: -moz-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: -webkit-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: -o-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: -ms-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: linear-gradient(to bottom, #9a041c 0%, #e1394a 100%);
    line-height: 80px;
    text-align: center;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;

}

.case-box .box-r .more a {
    display: block;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    position: relative;
}

.case-box .box-r .more a:after {
    width: 10px;
    height: 15px;
    content: "";
    display: block;
    background: url(../../d/images/sj.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 15%;
}

.pro-ul-list {
    background: url(../../d/images/xg.jpg) repeat;
    height: 120px;
    margin-top: 60px;
    box-shadow: 0 5px 20px rgba(37, 92, 79, .1);
}

.pro-ul-list ul {
    overflow: hidden;
}

.pro-ul-list li {
    float: left;
    width: 20%;
    text-align: center;
    position: relative;
}

.pro-ul-list li:after {
    content: "";
    display: block;
    width: 1px;
    height: 40px;
    background: #ccc;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 0;

}

.pro-ul-list li.last:after {
    display: none;
}

.pro-ul-list li.active:after {
    margin-top: -10px;
}

.pro-ul-list li a {
    font-size: 24px;
    color: #666;
    line-height: 120px;
    transition: .6s ease all;
    -webkit-transition: .6s ease all;
    -moz-transition: .6s ease all;
    -ms-transition: .6s ease all;
    -o-transition: .6s ease all;
}

.pro-ul-list li.active a,
.pro-ul-list li:hover a {
    color: #577eb9;
    font-weight: bold;
    display: block;
    margin-top: -15px;
    transition: .6s ease all;
    -webkit-transition: .6s ease all;
    -moz-transition: .6s ease all;
    -ms-transition: .6s ease all;
    -o-transition: .6s ease all;
}

.pro-ul-list li.active a:before,
.pro-ul-list li:hover a:before {
    width: 8px;
    height: 8px;
    background: #577eb9;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -4px;

}

.case-list {
    margin-bottom: 70px;
    margin-top: 150px;
}

.case-list ul {
    margin-left: -6.333%;
}

.case-list ul li {
    float: left;
    width: 27%;
    margin-left: 6.33%;
    box-shadow: 0 0 10px rgba(86, 127, 161, .17);
    position: relative;
    margin-bottom: 70px;
}

.case-list ul li:before {
    width: 10px;
    height: 100%;
    background: #577eb9;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px 0 0 10px;
    -webkit-border-radius: 5px 0 0 10px;
    -moz-border-radius: 5px 0 0 10px;
    -ms-border-radius: 5px 0 0 10px;
    -o-border-radius: 5px 0 0 10px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.case-list ul li:hover:before {
    width: 100%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.case-list ul li .pic {
    position: relative;
    padding-top: 66%;
    overflow: hidden;
    display: block;
    background: #fff;
}

.case-list ul li .pic img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 20px 20px;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    -ms-border-radius: 0 0 20px 20px;
    -o-border-radius: 0 0 20px 20px;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.case-list ul li:hover .pic img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.case-list ul li h3 {
    font-weight: normal;

}

.case-list ul li h3 a {
    font-size: 26px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 20px 30px;
}

.case-list ul li:hover h3 a {
    position: relative;
    color: #fff;
}

/* 案例列表 end*/

/* 案例内页 */
.top-ban {
    position: relative;
}

.color-ban-gy {
    background: #1b2739;
    background: -webkit-linear-gradient(left, #1b2739, #172236);
    background: -o-linear-gradient(right, #1b2739, #172236);
    background: -moz-linear-gradient(right, #1b2739, #172236);
    background: linear-gradient(to right, #1b2739, #172236);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -5;
    width: 100%;
}

.ba-color-jb {
    padding-bottom: 100px;
}

.case-box .case-l {
    float: left;
    width: 57.5%;
    max-width: 800px;
}

.case-box .case-l .pic img {
    width: 100%;
    display: block;
}

.case-box .case-l ul {
    overflow: hidden;
    margin-left: -8%;
    margin-top: 30px;
}

.case-box .case-l li {
    display: inline-block;
    margin-left: 8%;
    font-size: 16px;
    color: #8492a8;
    position: relative;
    padding-left: 30px;
}

.case-box .case-l li:before {
    width: 26px;
    height: 26px;
    background: url(../../d/images/li_be.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 0;
}

.case-box .case-r {
    width: 42.5%;
    float: left;
    padding-left: 58px;
    padding-top: 15px
}

.case-box .case-r h1 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 50px;
}

.case-box .case-r strong {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}

.case-box .case-r p {
    font-size: 18px;
    color: #fff;
    font-weight: 200;
    line-height: 2em;
    margin-bottom: 15px;
}

.case-box .case-r .more {
    width: 300px;
    height: 80px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    line-height: 80px;
    text-align: center;
    background-color: #e1394a;
    background: -moz-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: -webkit-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: -o-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: -ms-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: linear-gradient(to bottom, #9a041c 0%, #e1394a 100%);
    margin-top: 88px;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.case-box .case-r .more a {
    display: block;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    position: relative;
    padding-left: 15%;

}

.case-box .case-r .more a:after {
    width: 38px;
    height: 42px;
    content: "";
    display: block;
    background: url(../../d/images/kf.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    left: 15%;

}

.case-page-ul {
    box-shadow: 0 0 6px rgba(41, 55, 124, .16);
    margin-top: -40px;
}

.case-page-ul ul {
    overflow: hidden;
    position: relative;
    background: #fff;
    height: 130px;
    line-height: 130px;
}

.case-page-ul ul:before {
    width: 100%;
    height: 2px;
    background: #f4f4f4;
    content: "";
    display: block;
    position: absolute;
    bottom: 32px;
    left: 0;
}

.case-page-ul li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
}

.case-page-ul li.active:before,
.case-page-ul li:hover:before {
    width: 80px;
    height: 4px;
    background: #d83347;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    bottom: 35px;
}

.case-page-ul li a {
    font-size: 22px;
    color: #8c8c8c;
}

.case-page-ul li.active a,
.case-page-ul li:hover a {
    font-size: 26px;
    color: #333;
}

/* 案例内页 end*/

/* 2021-05-31 add */
.ind_box1{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}
.ind_box1_con {
    padding: 20px 5%;
}

.ind_box1_title1 {
    max-width: 870px;
}

.ind_box1_title1 .tt1 {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    font-size: 30px;
    color: #fff;
    margin-bottom: 30px;
}

.ind_box1_title1 .tt1::after {
    content: "";
    display: block;
    width: 160px;
    height: 1px;
    background: #ff9700;
    margin-left: 12px;
}

.ind_box1_title1 .tt2 {
    color: #fff;
    font-size: 62px;
    font-weight: bold;
}

.ind_box1_title1 .text {
    font-size: 20px;
    line-height: 2;
    color: #fff;
    margin: 20px 0 50px;
}

.ind_box1_title1.tc {
    margin: 0 auto;
}

.ind_box1_title1.tc .tt2,
.ind_box1_title1.tc .text {
    text-align: center;
}

.ind_btn_more {
    display: block;
    width: 180px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border-radius: 48px;
    background: #ff9700;
}


.ind_box2_scroll_rela {
    padding: 0 13%;
    margin: 0 auto;
    position: relative;
}

.ind_box2_scroll .item a {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

.ind_box2_scroll_pic {
    width: 48%;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
}

.ind_box2_scroll_pic img {
    width: auto !important;
    max-width: 100%;
}

.ind_box2_scroll_con {
    width: 50%;
}

.ind_title1 {
    margin-bottom: 38px;
}

.ind_title1.tc {
    text-align: center;
}

.ind_title1 .tt {
    font-size: 48px;
    color: #fff;
}

.ind_title1 .text {
    color: #fff;
    font-size: 24px;
    line-height: 2;
    margin-top: 30px;
}

.ind_title1 .text2 {
    color: #fff;
    font-size: 18px;
    line-height: 2;
    margin-top: 30px;
}

.ind_box2_scroll.owl-theme .owl-dots {
    padding-top: 25px;
}

.ind_box2_scroll.owl-theme .owl-dots .owl-dot.active span,
.ind_box2_scroll.owl-theme .owl-dots .owl-dot:hover span {
    background: #ff9700;
}


.ind_box2_scroll_btn {
    position: absolute;
    top: 50%;
    width: 80px;
    height: 80px;
    background: url(../../d/images/ind_box2_icon.png) no-repeat center center;
    cursor: pointer;
    margin-top: -40px;
}

.ind_box2_scroll_btn_prev {
    left: 7%;
}

.ind_box2_scroll_btn_next {
    right: 7%;
    transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
}


.ind_box3_con_list {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    padding-top: 5%;
}

.ind_box3_con_list dd {
    width: 25%;
    padding: 0 5%;
    text-align: center;
}

.ind_box3_con_list dd .num {
    font-size: 72px;
    color: #fff;
    font-weight: bold;
}

.ind_box3_con_list dd .tt {
    font-size: 18px;
    line-height: 2;
    color: #fff;
}

.ind_box4_con {
    max-width: 86%;
    padding-top: 5%;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    margin: 0 auto;
}

.ind_box4_con dd {
    width: calc((100% - 120px) / 5);
}

.ind_box4_con dd:last-child {
    margin-right: 0;
}

.ind_box4_con dd .tt {
    font-size: 24px;
    color: #fff;
    width: 195px;
    position: relative;
    margin: 0 auto 40px;
}

.ind_box4_con dd .tt .tt_con {
    position: relative;
    z-index: 2;
    font-size: 24px;
    color: #fff;
    width: 195px;
    line-height: 54px;
    text-align: center;
    background: #ff9700;
}

.ind_box4_con dd .tt::before {
    content: "";
    display: block;
    position: absolute;
    left: -20%;
    top: 50%;
    z-index: 0;
    width: 70%;
    height: 1px;
    background: #fff;
}

.ind_box4_con dd .tt::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 0;
    width: 70%;
    height: 1px;
    background: #fff;
}

.ind_box4_con dd:first-child .tt::before,
.ind_box4_con dd:last-child .tt::after {
    display: none;
}

.ind_box5{
    height: 100%;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center;
    position: relative;
}
.ind_footer{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    background: #014a7f;
    padding: 18px 10px;
}

.ind_footer a{
    color: #fff;
}
.frendlink{
    max-width: 1200px;
    text-align: left;
    margin: 0 auto;
}




/* 推荐产品 */
.tj-pro {
    text-align: center;
    margin-top: 65px;
}

.tj-pro h2 {
    font-size: 40px;
    color: #333;
}

.tj-pro .text {
    font-size: 18px;
    color: #333;
    font-weight: 200;
    margin-top: 10px;
}

.tj-pro ul {
    overflow: hidden;
    margin: 75px 0 20px -4.5%;
    padding-bottom: 18px;
}

.tj-pro li {
    float: left;
    width: 20.5%;
    margin-left: 4.5%;
}

.tj-pro li .pic {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 66%;
    border: 4px solid #d2dae7;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tj-pro li .pic img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;

}

.tj-pro li:hover .pic {
    border: 4px solid #435a7d;
}

.tj-pro li h3 {
    font-weight: normal;
    margin: 0 20px;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    background: url(../../d/images/xg.jpg) repeat;
    box-shadow: 0 2px 8px rgba(129, 185, 220, .52);
    display: block;
    padding: 15px 8px;
    text-align: center;
    font-size: 22px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* .tj-pro li h3 a {
    display: block;
    padding: 15px 0px;
    text-align: center;
    font-size: 22px;
    color: #333;
} */



.libs-content h2,
.related-case h2 {
    font-size: 28px;
    color: #333;
    margin-top: 70px;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;

}
.libs-content h2{font-size:28px;color:#333;position:relative;padding-left:45px;margin:32px 0 30px}
.libs-content h2:before{background:url(../../d/images/h_bg.png) no-repeat;background-size:100% 100%;width:33px;height:22px;content:"";display:block;position:absolute;left:0;top:11px}



/*.libs-content h2:after,*/
/*.related-case h2:after {*/
/*    width: 26px;*/
/*    height: 26px;*/
/*    background: url(../../d/images/jai.png) no-repeat;*/
/*    -webkit-background-size: cover;*/
/*    -moz-background-size: cover;*/
/*    -o-background-size: cover;*/
/*    background-size: cover;*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    right: -65px;*/
/*    top: 50%;*/
/*    margin-top: -13px;*/
/*}*/

.libs-content p,
.libs-content li {
    font-size: 18px;
    color: #333;
    line-height: 2em;
    margin: 7px 0;
}

.libs-content ul {
    margin: 30px 0;
}

.libs-content li {
    position: relative;
    padding-left: 44px;
}

.libs-content li:before {
    background: url(../../d/images/cont_li.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 25px;
    height: 25px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12.5px;
}

.libs-content img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    /* margin: 50px auto; */
    text-align: center;
}

.libs-content video {
    max-width: 800px;
    display: block;
    margin: 0 auto;
    /* margin: 50px auto; */
}



/* 推荐产品 end*/
/* 用户评价 */
.evaluate-box {
    background: url(../../d/images/evaluate_bg.png) no-repeat;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 100px 50px 57px;
}

.evaluate-box .eval-top {
    margin-left: 40px;
}

.evaluate-box h3 {
    font-size: 28px;
    color: #597193;
    float: left;
}

.evaluate-box .eval-r {
    float: left;
    overflow: hidden;
    margin-left: 35px;
    margin-top: -40px;
}

.evaluate-box .eval-r .eval-pic {
    float: left;
}

.evaluate-box .eval-r ul {
    float: left;
    margin-top: 30px;
    margin-left: 8px;
}

.evaluate-box .eval-r li {
    display: inline-block;
    margin-left: 5px;
}

.evaluate-box p {
    font-size: 18px;
    color: #333;
    font-weight: 200;
    padding-top: 45px;
    line-height: 2em;
    text-indent: 2em;
}

/* 用户评价 end*/
/* 相关产品 */
.related-case ul {
    margin: 30px 0 150px -2.5%;
}

.related-case li {
    float: left;
    width: 22.5%;
    margin-left: 2.5%;
}

.related-case li .pic {
    position: relative;
    padding-top: 74%;
    display: block;
    overflow: hidden;
    border-radius: 0 0 20px 20px;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    -ms-border-radius: 0 0 20px 20px;
    -o-border-radius: 0 0 20px 20px;
}

.related-case li .pic img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #c0c0c0;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.related-case li:hover .pic img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.related-case li h3 {
    font-weight: normal;
    text-align: center;
    position: relative;
    background: #f3f8ff;
}

.related-case li h3:after {
    width: 100%;
    height: 4px;
    background: #3a4555;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
}



.related-case li h3 a {

    font-size: 22px;
    color: #2d2d2d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 15px 8px;
    position: relative;
    z-index: 10;

}

.related-case li:hover h3:after {
    height: 100%;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
}

.related-case li:hover h3 a {
    color: #fff;
}

/* 相关产品 end*/
/* 产品内页 */
.hx-ctab li {
    float: left;
    margin-left: 40px;
    padding: 5px 40px;
    color: #333;
    font-size: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px dashed #3068bf;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.hx-ctab li:hover {
    color: #ffffff;
    background: #3068bf;
    border: 1px solid #3068bf;
}

.hx-ctab li.active {
    color: #ffffff;
    background: #3068bf;
    border: 1px solid #3068bf;
}

.hx-ctab li:before {
    display: none;
}

.hx-ctab li:first-child {
    margin-left: 0;
}

.hx-citem {
    display: none;
}

.hx-ctab+div.hx-citem {
    display: block;
}






.pro-box {
    margin-top: 60px;
    padding-bottom: 40px;
}

.pro-box .case-l {
    width: 50%;
}

.pro-box .case-r {
    width: 50%;
    padding-left: 3%;
}

.pro-swt-box .hq-bj {
    float: left;
    width: 296px;
    height: 76px;
    line-height: 76px;
    text-align: center;
}

.pro-swt-box .hq-bj a {
    font-size: 24px;
    color: #fff;
    position: relative;
    display: block;
    font-weight: bold;
    padding-left: 15%;
    margin-top: 88px;
    border: 2px solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;

}

.pro-swt-box .hq-bj a:after {
    width: 36px;
    height: 40px;
    content: "";
    display: block;
    background: url(../../d/images/bj.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    left: 15%;
}

.pro-swt-box .hq-bj a:hover {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.pro-swt-box .more {
    float: left;
    margin-left: 40px;
}

.product-ul ul {
    overflow: hidden;
    margin: 65px 0 90px -9%;
}

.product-ul li {
    float: left;
    background: #334360;
    width: 25%;
    margin-left: 8.33%;
    padding: 30px 40px 65px;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    position: relative;
}

.product-ul li:after {
    position: absolute;
    content: "";
    display: block;
    left: 30px;
    bottom: 20px;
}

.product-ul li.one:after {
    background: url(../../d/images/one_b.png) no-repeat;
    width: 181px;
    height: 30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.product-ul li.two:after {
    background: url(../../d/images/two_b.png) no-repeat;
    width: 151px;
    height: 30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.product-ul li.three:after {
    background: url(../../d/images/three_b.png) no-repeat;
    width: 221px;
    height: 30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.product-ul li p {
    font-size: 18px;
    color: #aaa;
}

.product-ul li strong {
    font-size: 24px;
    color: #fff;
    display: block;
    margin-top: 15px;
}

.l {
    float: left;
    width: 50%;
    padding-right: 2%;
}

.r {
    float: left;
    width: 50%;
    padding-left: 2%;
}

.product-js,
.work-yl,
.case-xc {
    overflow: hidden;
}

.work-yl {
    background: #1b2739;
    padding: 100px 0;
}

.work-yl h2,
.work-yl p {
    color: #fff;
}

.mar-top {
    margin-top: 80px;
}


.js-left img,
.yl-right img,
.xc-left img {
    width: 100%;
    display: block;
}

.xc-right li {
    padding-left: 0;
    font-size: 20px;
    color: #1d1d1d;
    margin: 8px 0;
}

.xc-right li:before {
    display: none;
}

.xc-left .slick-prev,
.xc-left .slick-next {
    width: 89px;
    height: 79px;
    position: absolute;
    bottom: 0;
    z-index: 99;
    font-size: 0;
    cursor: pointer;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
}

.xc-left .slick-prev {
    right: 16%;
    background: url(../../d/images/xg_left.png) no-repeat #fff center;

}

.xc-left .slick-next {
    right: 4%;
    background: url(../../d/images/xg_right.png) no-repeat #fff center;
}

.xc-left .slick-prev:hover {
    background: url(../../d/images/xg_left2.png) no-repeat #fff center;
}

.xc-left .slick-next:hover {
    background: url(../../d/images/xg_right2.png) no-repeat #fff center;
}

.operating-ys {
    background: #1a2538;
    padding: 0 0 15px;
}

.operating-ys h2 {
    color: #fff;
}

.operating-ys ul {
    overflow: hidden;
    margin-left: -5%;
}

.operating-ys li {
    padding-left: 0;
    float: left;
    width: 45%;
    margin-left: 5%;
    margin-bottom: 40px;
}

.operating-ys li:before {
    display: none;
}

.operating-ys li strong {
    display: inline-block;
    font-size: 20px;
    color: #ffffff;
    background: #6899e9;
    background: linear-gradient(left, #558ef7 0%, #6899e9 100%);
    line-height: 56px;
    padding: 0 50px;
    border-radius: 28px 28px 0 0;
}

.operating-ys li p {
    color: #666666;
    height: 160px;
    padding: 30px 60px 30px 66px;
    background-color: #fff;
    border-radius: 0 74px 74px 80px;
    margin: 0;
}

.libs-content table {
    color: #333333;
    font-size: 16px;
}

.libs-content td {
    padding: 15px 0 13px;

}

#computer {
    display: block;
}

#phone {
    display: none;
}

.case-xc h2,
.product-js h2 {
    margin-top: 30px;
}

/* 产品内页 end*/

/* 新闻内页 */
.new-cont-top {
    margin-top: 45px;
    margin-bottom: 80px;
}

.new-cont-top h1 {
    font-size: 40px;
    color: #fff;
    font-weight: normal;
}

.new-cont-top p {
    font-size: 18px;
    color: #7085b2;
    margin-top: 35px;
}

.new-cont-top span {
    padding-left: 25px;
    margin-right: 40px;
}

.new-cont-top .name {
    background: url(../../d/images/name.png) no-repeat left;
}

.new-cont-top .time {
    background: url(../../d/images/shijian.png) no-repeat left;
}

.new-top {
    background: url(../../d/images/new_top.png) no-repeat;
    width: 100%;
    height: 276px;
    background-size: 100%;
    padding: 90px 310px 70px 60px;
}

.new-top p {
    font-size: 22px;
    color: #7085b2;
}

.new-top strong {
    font-size: 30px;
    color: #e94d47;
}

.new-top ul {
    float: left;
    overflow: hidden;
    margin-left: -69px;
    margin-top: 40px;
}

.new-top li {
    font-size: 20px;
    color: #6e6e6e;
    float: left;
    position: relative;
    margin-left: 69px;
}

.new-top li:before {
    width: 8px;
    height: 8px;
    background: #7d9fcd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    left: -40px;
    top: 50%;
    margin-top: -4px;
}

.new-top li.first:before {
    display: none;
}

.new-top .zx-swt {
    float: right;
    background: url(../../d/images/zx_swt.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 197px;
    height: 66px;
    text-align: center;
    line-height: 60px;
    margin-top: 20px;
    font-weight: bold;
    font-size: 24px;
    color: #172b49;
}

.content-new {
    background: url(../../d/images/xg.jpg);
    padding: 45px 60px;
    border-radius: 45px 0 0 0;
    -webkit-border-radius: 45px 0 0 0;
    -moz-border-radius: 45px 0 0 0;
    -ms-border-radius: 45px 0 0 0;
    -o-border-radius: 45px 0 0 0;
    box-shadow: 0 8px 18px rgba(11, 49, 106, .11);
    margin-top: 35px;
}

.cont-left {
    float: left;
    width: 75%;
}

.cont-left p {
    font-size: 18px;
    line-height: 2.2em;
    color: #3a4a64;
    margin: 10px 0;
}

.cont-left img {
    display: block;
    margin: 0 auto;
}

.cont-left p strong {
    color: #3a70ca;
}

/*.cont-left h3 {*/
/*    font-size: 30px;*/
/*    color: #3a4a64;*/
/*    font-weight: normal;*/
/*    position: relative;*/
/*    padding-left: 55px;*/
/*    margin: 35px 0;*/
/*}*/

/*.cont-left h3:before {*/
/*    content: "";*/
/*    display: block;*/
/*    background: url(../../d/images/h3_bg.png) no-repeat;*/
/*    width: 31px;*/
/*    height: 29px;*/
/*    -webkit-background-size: cover;*/
/*    -moz-background-size: cover;*/
/*    -o-background-size: cover;*/
/*    background-size: cover;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 50%;*/
/*    margin-top: -14px;*/
/*}*/

.cont-left h2 {
    font-size: 30px;
    color: #3a4a64;
    position: relative;
    padding-left: 55px;
    margin: 35px 0;
}

.cont-left h2:before {
    content: "";
    display: block;
    background: url(../../d/images/h3_bg.png) no-repeat;
    width: 31px;
    height: 29px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -14px;
}

.cont-right {
    float: right;
    width: 22%;
    margin-top: -70px;
}

.cont-right ul {
    background: #f3f7ff;
    position: relative;
    padding: 150px 0 15px 70px;
    margin-top: -90px;
    margin-left: 10px;
}

.logo-box {
    position: relative;
    z-index: 10;
}

.cont-right ul:before {
    background: url(../../d/images/sx.png) no-repeat;
    width: 1px;
    height: 350px;
    content: "";
    display: block;
    position: absolute;
    left: 45px;
    top: 135px;
}

.cont-right li {
    margin-bottom: 45px;
    position: relative;
}

.cont-right li:before {
    width: 8px;
    height: 8px;
    background: #9ab2d8;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    left: -29px;
    top: 50%;
    margin-top: -4px;
}

.cont-right li p {
    font-size: 18px;
    color: #333;
    line-height: 1.3em;
}

.prev-next {
    margin-top: 70px;
    margin-bottom: 20px;
}

.prev-next li {
    float: left;
    width: 50%;
}

.prev-next .a-box {
    display: block;
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: 0 0 6px rgba(11, 49, 106, .1) inset;
    margin-top: 5px;
    z-index: 10;
    position: relative;
}

.prev-next .a-box.one {
    background: url(../../d/images/jt_l2.png) no-repeat #fff center;
}

.prev-next .a-box.two {
    background: url(../../d/images/jt_r2.png) no-repeat #fff center;
}

.prev-next li:hover .a-box.one {
    background: url(../../d/images/jt_l.png) no-repeat #4b6b9a center;
}

.prev-next li:hover .a-box.two {
    background: url(../../d/images/jt_r.png) no-repeat #4b6b9a center;
}

.prev-next .tit {
    font-size: 18px;
    color: #808080;
    line-height: 80px;
    display: block;
    float: left;
    width: 88%;
    height: 80px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.prev-next li:hover .tit {
    color: #4b6b9a;
}

.prev-next .tit-one {
    background: url(../../d/images/tit_one.png) no-repeat;
    margin-left: -12px;
    padding: 0 15px 0 7%;
    background-size: 100% 100%;
}

.prev-next .tit-two {
    background: url(../../d/images/tit_two.png) no-repeat;
    padding: 0 7% 0 50px;
    margin-right: -12px;
    background-size: 100% 100%;
}

.related-new h2 {
    font-size: 40px;
    color: #333;
    margin-top: 70px;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

.related-new h2:after {
    width: 26px;
    height: 26px;
    background: url(../../d/images/jai.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    right: -65px;
    top: 50%;
    margin-top: -13px;
}

.related-new ul {
    margin-left: -8%;
    margin-bottom: 110px;

}

.related-new li {
    float: left;
    box-shadow: 0 0 16px rgba(94, 94, 94, .05);
    width: 42%;
    margin-left: 8%;
    padding: 28px 30px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    margin-top: 29px;
    position: relative;
}

.related-new li:hover {
    box-shadow: 0 0 16px rgba(94, 94, 94, .2);

}

.related-new li:hover a {
    color: #4b6b9a;
}

.related-new li:before {
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    background: url(../../d/images/dian2.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: -17px;
    margin-top: -17px;
}

.related-new li h3 {
    font-weight: normal;
}

.related-new li h3 a {
    font-size: 22px;
    color: #312d2d;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.related-new li p {
    font-size: 16px;
    color: #7f7f7f;
    line-height: 1.7em;
    margin: 20px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.related-new li span {
    font-size: 16px;
    text-align: right;
    color: #989898;
    display: block;
}

/* 新闻内页 end*/

/* 产品列表 */

.class-pro .slick-next,
.class-pro .slick-prev {
    position: absolute;
    top: 50%;
    z-index: 99;
    font-size: 0;
}

.class-pro .slick-prev {
    background: url(../../d/images/xz.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 71px;
    height: 12px;
    left: -10%;
}

.class-pro .slick-next {
    right: -10%;
    background: url(../../d/images/xy.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 71px;
    height: 12px;
}

.bg-color {
    background: url(../../d/images/productbg.jpg) no-repeat #18243c;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    overflow: hidden;
}

.bg-color .crumbs-box {
    margin-top: 0;
    padding-top: 90px;
}

.product-class {
    margin-top: 30px;
}

.product-name {
    margin-bottom: 50px;
    position: relative;
}

.product-name a.pro-morebtn {
    position: absolute;
    bottom: 0;
    right: 80px;
    color: #fff;
    font-size: 18px;
}

.product-name h2 {
    font-size: 40px;
    color: #fff;
    font-weight: normal;
}

.product-name p {
    font-size: 18px;
    color: #fff;
    opacity: .22;
    filter: Alpha(opacity=22);
    text-transform: uppercase;
    -webkit-filter: Alpha(opacity=22);
}

.product-class .num-box {
    margin-left: -400px;
}

.product-class .num-box li {
    width: 160px;
}

.ck-more a {
    position: absolute;
    right: 0;
    top: -80px;
    font-size: 20px;
    color: #fff;
    width: 143px;
    height: 50px;
    background: #2e58aa;
    display: block;
    box-shadow: 0 0 21px rgba(78, 118, 200, .35);
    text-align: center;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    line-height: 50px;
}

.product-left {
    width: 50%;
    float: left;
    position: relative;
}



.product-left img {
    width: 100%;
    height: 100%;
    display: block;
}

.product-left .product-pic {
    display: none;
}

.product-left .product-pic.on {
    display: block;
}

.product-list {
    float: right;
    width: 50%;
    padding-left: 6%;
}

.pro-btn {
    display: none;
    float: left;
    margin-left: 6%;
    width: 240px;
    height: 64px;
    border-radius: 4px;
    background-image: -moz-linear-gradient(90deg, rgb(225, 57, 74) 0%, rgb(168, 5, 32) 100%, rgb(0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(225, 57, 74) 0%, rgb(168, 5, 32) 100%, rgb(0, 0, 0) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(225, 57, 74) 0%, rgb(168, 5, 32) 100%, rgb(0, 0, 0) 100%);
    text-align: center;
    line-height: 64px;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    margin-top: 20px;
}

.pro-btnon {
    display: block;
}

.pro-btn img {
    margin-left: 13px;
    position: relative;
    display: inline;
}

.pro-btn:hover {
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
}

.pro-btn:hover img {
    -webkit-animation: imgmove 1s linear infinite;
    -o-animation: imgmove 1s linear infinite;
    animation: imgmove 1s linear infinite;
}

@keyframes imgmove {
    0% {
        left: 0
    }

    50% {
        left: 10px
    }

    100% {
        left: 0
    }
}




.product-list ul {
    margin-left: -20px;
    margin-top: 40px;
}

.product-list li {
    font-size: 18px;
    color: #586683;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    display: inline-block;
    padding: 10px 45px;
    border: 1px solid #586683;
    margin-bottom: 35px;
    margin-left: 20px;
    cursor: pointer;
}

.product-list li.cur {
    border: 2px solid #fff;
    color: #fff;
    padding: 8px 43px;
}

.class-pro .slick-dots {
    position: absolute;
    bottom: -80px;
    left: 50%;
    z-index: 999;
    margin-left: -285px;
}



.class-pro .slick-dots li {
    float: left;
    background-color: transparent;
    position: relative;
}

.class-pro .slick-dots li button {
    font-size: 0;
    width: 114px;
    height: 2px;
    background-color: #fff;
    opacity: .2;
    filter: Alpha(opacity=22);
    cursor: pointer;
    -webkit-filter: Alpha(opacity=22);
}

.class-pro .slick-dots li:after {
    width: 2px;
    height: 2px;
    background: #fff;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 16px;
    opacity: 1;
    filter: Alpha(opacity=100);
    z-index: 999;
    -webkit-filter: Alpha(opacity=100);
}

.class-pro .slick-dots li.slick-active button {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-filter: Alpha(opacity=100);
}

/* 产品列表 end*/



/*产品列表tab*/
.pro-main {
    background: url("../../d/images/pro-listbg.jpg") center top no-repeat;
    height: 446px;
    background-size: 100% auto;
}

.pro-main-tit {
    font-size: 34px;
    line-height: 44px;
    color: #ffffff;
    margin-top: 37px;
    padding-bottom: 35px;
    background: url("../../d/images/pro-titicon.png") left bottom no-repeat;
}

.pro-main-tit span {
    font-size: 44px;
    margin-right: 20px;
}

.pro-tablist {
    height: 120px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(37, 92, 79, 0.15);
    -moz-box-shadow: 0px 5px 20px 0px rgba(37, 92, 79, 0.15);
    box-shadow: 0px 5px 20px 0px rgba(37, 92, 79, 0.15);
    background: url("../../d/images/tabbg.png");
    margin-top: -60px;
}

.pro-tablist li {
    float: left;
    width: 20%;
    text-align: center;
    line-height: 120px;
    font-size: 24px;
    color: #666;
    height: 120px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: url("../../d/images/tabactive.png") center 150px no-repeat;
}

.pro-tablist li a {
    color: #666;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.pro-tablist li:hover a {
    color: #577eb9;
}

.pro-tablist li:before {
    position: absolute;
    display: block;
    left: 0;
    top: 40px;
    width: 1px;
    height: 40px;
    background: #aaaaaa;
    content: '';
}

.pro-tablist li:first-child:before {
    position: absolute;
    left: 0;
    top: 40px;
    width: 1px;
    height: 40px;
    background: #aaaaaa;
    content: '';
    display: none;
}

.pro-tablist li.active {
    color: #577eb9;
    font-weight: bold;
    line-height: 98px;
    background: url("../../d/images/tabactive.png") center 80px no-repeat;
}

.pro-tablist li.active a {
    color: #577eb9;
}

.pro-tabgoods ul {
    display: none;
}

.pro-tabgoods ul.active {
    display: block;
}











/* 产品列表tab end*/













/* 单页面 */
.m-about1 {
    background: url() no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.m-about1 .pc {
    display: block;
    width: 100%;
}

.m-about1 .md {
    display: none;
}

.m-about1 .txt {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -170px;
}

.m-about1 h1 {
    font-size: 60px;
    color: #ffffff;
    line-height: 70px;
    margin-bottom: 120px;
}

.m-about1 p {
    font-size: 18px;
    color: #ffffff;
    line-height: 40px;
    width: 796px;
}

.m-about2 {
    padding: 100px 0 85px;
    background: url(../../d/images/y-bg4.png) no-repeat top right;
}

.m-about2 h3 {
    font-size: 40px;
    color: #333333;
    line-height: 50px;
    padding-top: 45px;
    margin-bottom: 55px;
    position: relative;
    background: url(../../d/images/y-ico1.png) no-repeat top left;
}

.m-about2 p {
    font-size: 18px;
    line-height: 2;
    color: #3a424d;
    margin-bottom: 72px;
    width: 810px;
}

.m-about2 ul {
    overflow: hidden;
    margin: 0 -15px;
}

.m-about2 li {
    float: left;
    width: 33.33%;
    padding: 0 15px;
}

.m-about2 li .img {
    position: relative;
}

.m-about2 li .img img {
    display: block;
    width: 100%;
}

.m-about2 li .img p {
    font-size: 24px;
    color: #ffffff;
    line-height: 40px;
    width: 240px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin-top: -40px;
    margin-left: -120px;
    opacity: 0;
    filter: Alpha(opacity=0);
    z-index: 1;
    -webkit-filter: Alpha(opacity=0);
}

.m-about2 li .img:after {
    content: "";
    position: absolute;
    left: 5%;
    top: 5%;
    right: 5%;
    bottom: 5%;
    background: url(../../d/images/y-bg3.png) no-repeat center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    opacity: 0;
    filter: Alpha(opacity=0);
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-filter: Alpha(opacity=0);
}

.m-about2 li:hover .img:after {
    opacity: 1;
    filter: Alpha(opacity=100);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-filter: Alpha(opacity=100);
}

.m-about2 li:hover .img p {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-filter: Alpha(opacity=100);
}




.m-about2 li .con {
    margin-top: 44px;
    text-align: center;
    font-size: 20px;
    color: #464646;
    line-height: 30px;
}

.m-about3 {
    padding: 82px 0 150px;
    background: url(../../d/images/y-bg2.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.m-about3 .txt {
    color: #ffffff;
}

.m-about3 .txt h3 {
    font-size: 40px;
    line-height: 50px;
    padding-top: 47px;
    position: relative;
    margin-bottom: 85px;
    background: url(../../d/images/y-word2.png) no-repeat top left;
}

.m-about3 .txt li {
    font-size: 24px;
    color: #ffffff;
    line-height: 34px;
    padding: 38px 0 30px 112px;
    background-repeat: no-repeat;
    background-position: 0 center;
    margin-bottom: 28px;
}

.m-about3 img {
    position: absolute;
    right: 0;
    bottom: -100px;
    top: 100px;
}

.m-about3 .txt li.a1 {
    background-image: url(../../d/images/y-ico2.png);
}

.m-about3 .txt li.a2 {
    background-image: url(../../d/images/y-ico3.png);
}

.m-about3 .txt li.a3 {
    background-image: url(../../d/images/y-ico4.png);
}

.m-about3 .txt li.a4 {
    background-image: url(../../d/images/y-ico5.png);
}

.m-about4 {
    padding: 70px 0;
}

.m-about4 h3 {
    font-size: 40px;
    color: #333333;
    line-height: 50px;
    padding-top: 47px;
    margin-bottom: 97px;
    position: relative;
    ;
    background: url(../../d/images/y-word1.png) no-repeat top left;
}

.m-about4 ul {
    padding-top: 220px;
    overflow: hidden;
}

.m-about4 li {
    float: left;
    width: 33.33%;
    margin-bottom: 100px;
}

.m-about4 li .kf {
    display: block;
    margin-top: -170px;
    position: relative;
}

.m-about4 li .kf img {
    display: block;
    width: 100%;
}

.m-about4 li .txt {
    margin: 0 42px;
    padding: 55px 35px 30px;
    border: 2px solid #144f8a;
    position: relative;
}

.m-about4 li .txt .ico {
    position: absolute;
    width: 116px;
    height: 60px;
    background-color: #fff;
    top: -30px;
    left: 43px;
    z-index: 1;
}

.m-about4 li .txt .ico img {
    display: block;
    margin: 0 auto;
}

.m-about4 li .txt strong {
    font-size: 24px;
    color: #364958;
    line-height: 34px;
    display: block;
    margin-bottom: 25px;
}

.m-about4 li .txt p {
    font-size: 18px;
    color: #75828c;
    line-height: 30px;
    height: 90px;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.m-about5 {
    background: url(../../d/images/y-bg5.jpg) no-repeat center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    padding: 104px 0 120px;
    position: relative;
    overflow: hidden;
}

.m-about5 h3 {
    margin-left: 82px;
    font-size: 40px;
    color: #ffffff;
    line-height: 50px;
    padding-top: 48px;
    background: url(../../d/images/y-word3.png) no-repeat top left;
    margin-bottom: 160px;
}

.m-about5 .txt {
    background-color: #1d2933;
    padding: 127px 470px 140px 72px;
    font-size: 18px;
    color: #ffffff;
    line-height: 33px;
    width: 1160px;
    position: relative;
}

.m-about5 .txt .a1 {
    position: absolute;
    right: 0;
    top: -105px;
    width: 410px;
}

.m-about5 .txt .a2 {
    position: absolute;
    right: -497px;
    bottom: -80px;
    width: 497px;
}

.m-contact1 {
    padding: 200px 0 360px;
    position: relative;
    background: url(../../d/images/y-a1.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.m-contact1>.wrap{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    -webkit-justify-content:space-between;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.m-contact1-l{
    width: 48%;
}
.m-contact1-r{
    width: 48%;
}
.m-contact1 .tit {
    padding-top: 30px;
    font-size: 44px;
    color: #ffffff;
    line-height: 54px;
    font-weight: bold;
    background: url(../../d/images/y-a2.png) no-repeat top left;
    margin-bottom: 110px;
}

.lyftm-btn {
    width: 260px;
    height: 75px;
    background-image: -moz-linear-gradient(90deg, rgb(78, 112, 200) 0%, rgb(46, 74, 144) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(78, 112, 200) 0%, rgb(46, 74, 144) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(78, 112, 200) 0%, rgb(46, 74, 144) 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 75px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    margin-top: 66px;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.lyftm-btn:hover {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;

}

.lyftm-btn img {
    margin-left: 12px;
}

.m-contact1 .contact .item {
    padding-left: 52px;
    background: url(../../d/images/y-a3.png) no-repeat top 3px left;
    margin-bottom: 22px;
}

.m-contact1 .contact .item p {
    font-size: 18px;
    color: #848484;
    line-height: 28px;
    margin-bottom: 10px;
}

.m-contact1 .contact .item p.p-color {
    color: #e0e0e0;
}

.m-contact1 .contact .item p.p-color a {
    color: #ffffff;
}

.m-contact1 .contact .item p strong {
    font-size: 26px;
    color: #e71f18;
}

.m-contact1 .contact .item em {
    font-size: 22px;
    color: #e0e0e0;
    display: block;
}

.m-contact1 .infor {
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    background: url(../../d/images/y-a12.png) no-repeat center left;
    padding: 55px 0 50px;
}

.m-contact1 .infor ul {
    overflow: hidden;
}

.m-contact1 .infor li {
    float: left;
    margin-right: 140px;
    text-align: center;
}

.m-contact1 .infor li img {
    display: block;
    margin: 0 auto 20px;
}

.m-contact1 .infor li p {
    font-size: 18px;
    color: #8997b1;
    line-height: 30px;
}

.m-contact2 {
    padding: 95px 0;
    background: url(../../d/images/four_bg.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.m-contact2 .tit {
    text-align: center;
}

.m-contact2 .tit h3 {
    font-size: 28px;
    color: #ffffff;
    line-height: 38px;
    margin-bottom: 15px;
    font-weight: normal;
}

.m-contact2 .response {
    text-align: center;
}

.m-contact2 .response .p {
    display: inline-block;
    vertical-align: middle;
}

.m-contact2 .response .p img {
    display: block;
}

.m-contact2 .response .p p {
    font-size: 18px;
    color: #ababab;
    line-height: 28px;
    margin-top: 10px;
}

.m-contact2 .response .txt {
    margin: 0 40px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 60px;
    color: #ffffff;
    overflow: hidden;
    font-size: 0;
    margin-top: -30px;
}

.m-contact2 .response .txt span {
    display: inline-block;
    width: 200px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #49608a;
    background-color: #fff;
}

.m-contact2 .response .txt span.other {
    background-color: #677389;
    font-size: 18px;
    color: #fff;
}

.m-contact2 .con {
    padding: 60px;
    background: url(../../d/images/y-a10.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.m-contact2 .form {
    color: #ffffff;
}

.m-contact2 .form .inp {
    float: left;
    width: 48%;
    border-bottom: 1px solid #455369;
    font-size: 20px;
    color: #5d7cb6;
    line-height: 40px;
    padding: 20px 0;
    margin-bottom: 70px;
}

.m-contact2 .form .inp.other {
    float: right;
}

.m-contact2 .form .inp input {
    height: 40px;
    display: block;
    overflow: hidden;
    background-color: transparent;
    color: #ffffff;
    width: 100%;
}

.m-contact2 .form .inp span {
    float: left;
    margin-right: 30px;
}

.m-contact2 .form .area {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: transparent;
    border-bottom: 1px solid #455369;
    color: #ffffff;
    margin-bottom: 84px;
    font-size: 20px;
}

.m-contact2 .form .sub {
    width: 260px;
    line-height: 74px;
    height: 74px;
    font-size: 24px;
    color: #ffffff;
    background-color: #e1394a;
    background: -moz-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: -webkit-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: -o-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: -ms-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: linear-gradient(to bottom, #9a041c 0%, #e1394a 100%);
    border-radius: 4px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-position: bottom left;
    -webkit-background-size: 100% 150%;
    -moz-background-size: 100% 150%;
    -o-background-size: 100% 150%;
    background-size: 100% 150%;
}

.m-contact2 .form .sub:hover {
    background-position: bottom 50% left;
}

.m-contact2 .form .fs {
    overflow: hidden;
}

.m-contact2 ::-webkit-input-placeholder {
    color: #5d7cb6;
}

.m-contact2 :-moz-placeholder {
    color: #5d7cb6;
}

.m-contact2 ::-moz-placeholder {
    color: #5d7cb6;
}

.m-contact2 :-ms-input-placeholder {
    color: #5d7cb6;
}

/*侧边栏关闭与展开*/
.right-fixed {
    position: fixed;
    right: -287px;
    bottom: 16%;
    z-index: 999;
}

.right-fixed .swt-bot {
    background: url(../../d/images/swt_bg.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 6px 15px;
    margin-top: -40px;
    position: relative;
}

.right-fixed .swt-bot a {
    font-size: 20px;
    color: #fff;
    border-bottom: 1px solid #4c6fc8;
    display: block;
    text-align: center;
    padding: 15px 0;
}

.right-fixed .swt-bot a:nth-child(3) {
    border: none
}

.right-fixed .swt-bot a:hover {
    color: #ff0a0a;
    font-weight: bold;
}

.right-fixed .ch-close {
    position: absolute;
    left: 5px;
    top: 16px;
    cursor: pointer;
}

.ch-open {
    background: #34538c;
    background: -webkit-linear-gradient(left bottom, #34538c, #1e3b71);
    background: -o-linear-gradient(right bottom, #34538c, #1e3b71);
    background: -moz-linear-gradient(right bottom, #34538c, #1e3b71);
    background: -moz-linear-gradient(left bottom, #34538c, #1e3b71);
    background: -o-linear-gradient(left bottom, #34538c, #1e3b71);
    background: linear-gradient(to right bottom, #34538c, #1e3b71);
    border-radius: 25px 0 0 25px;
    position: fixed;
    right: -85px;
    bottom: 30%;
    z-index: 9999;
    width: 85px;
    padding: 10px 12px;
    cursor: pointer;
}

.ch-open span {
    color: #fff;
    font-size: 14px;
}

.ch-open img {
    animation: mover 1.5s linear infinite;
    -moz-animation: mover 1.5s linear infinite;
    -webkit-animation: mover 1.5s linear infinite;
    -o-animation: mover 1.5s linear infinite;
}

@-webkit-keyframes mover {

    0%,
    100% {
        margin-left: 15px;
    }

    50% {
        margin-left: 10px;
    }

    75% {
        margin-left: 5px;
    }
}

@-moz-keyframes mover {

    0%,
    100% {
        margin-left: 15px;
    }

    50% {
        margin-left: 10px;
    }

    75% {
        margin-left: 5px;
    }
}

@-o-keyframes mover {

    0%,
    100% {
        margin-left: 15px;
    }

    50% {
        margin-left: 10px;
    }

    75% {
        margin-left: 5px;
    }
}

@keyframes mover {

    0%,
    100% {
        margin-left: 15px;
    }

    50% {
        margin-left: 10px;
    }

    75% {
        margin-left: 5px;
    }
}

@media screen and (max-width: 1023px) {
    .right-fixed {
        display: none !important;
    }

    .ch-open {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .ch-open {
        width: 60px;
        padding: 7px 0;
    }

    .swt-rw {
        width: 100px;
    }

    .right-fixed .swt-bot {
        width: 100px;
        padding: 0;
        margin-top: -27px;
    }

    .right-fixed .swt-bot a {
        font-size: 16px;
    }

    .right-fixed .ch-close {
        top: 5px;
    }
}

/* 侧边栏二维码 Begin */
/*.fixed-right{*/
/*position: fixed;*/
/*right: 20px;*/
/*top: 22%;*/
/*z-index: 999;*/
/*}*/

/*.fixed-right .fixed-show{*/
/*background: url(https://www.psj-cn.com/images/swt_bgs.png) no-repeat;*/
/*-webkit-background-size: cover;*/
/*-moz-background-size: cover;*/
/*-o-background-size: cover;*/
/*background-size: cover;*/
/*padding: 15px 20px;*/
/*margin-top: -43px;*/
/*position: relative;*/
/*color: #FFF;*/
/*line-height: 28px;*/
/*text-align: center;*/
/*}*/

/*.fixed-show p{*/
/*font-size: 18px;*/
/*}*/

/*.fixed-show img{*/
/*width: 100px;*/
/*}*/
/*.fixed-show strong{*/
/*display: block;*/
/*font-size: 22px;*/
/*margin: 6px 0 12px;*/
/*}*/
/*.fixed-show strong i{*/
/*display: block;*/
/*font-size:18px;*/
/*font-weight: normal;*/
/*}*/
/*.fixed-show span{*/
/*display: block;*/
/*font-size: 16px;*/
/*}*/
/*.fixed-show a{*/
/*display:block;*/
/*color: #FFF;*/
/*line-height: 40px;*/
/*background-color: #557DE6;*/
/*-webkit-border-radius: 5px;*/
/*-moz-border-radius: 5px;*/
/*-ms-border-radius: 5px;*/
/*-o-border-radius: 5px;*/
/*border-radius: 5px;*/
/*margin-top: 12px;*/
/*}*/
/*.fixed-show a:hover{*/
/*color: #FFF;*/
/*background-color: #F09B20;*/
/*}*/

@media screen and (max-width: 1023px) {
    .fixed-right {
        display: none !important;
    }
}

/* 侧边栏二维码 End */

/* 产品内页电话 Begin */
.case-box .case-r .more.msg-link a:after {
    left: 26%;
    background-image: url(../../d/images/icon-msg.png);
}

.pro-swt-box .more.msg-link {
    margin-left: 0;
}

.pro-swt-box .pro-tel {
    float: left;
    width: 260px;
    margin-left: 40px;
    margin-top: 88px;
    line-height: 1.1;
}

.pro-swt-box .pro-tel span {
    display: inline-block;
    color: #FFF;
    font-size: 16px;
    padding-bottom: 14px;
    margin-top: 2px;
    position: relative;
}

.pro-swt-box .pro-tel span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 65px;
    height: 4px;
    background-color: #e33a4b;
}

.pro-swt-box .pro-tel strong {
    display: block;
    color: #FFF;
    font-size: 32px;
    font-weight: bold;
    margin-top: 10px;
}

.pro-swt-box .pro-tel strong i {
    font-weight: normal;
}

@media screen and (max-width: 1919px) {
    .pro-swt-box .pro-tel {
        width: 200px;
    }

    .pro-swt-box .pro-tel span {
        font-size: 14px;
        padding-bottom: 8px;
        margin-top: 0;
    }

    .pro-swt-box .pro-tel span:after {
        height: 2px;
        width: 60px;
    }

    .pro-swt-box .pro-tel strong {
        font-size: 24px;
        margin-top: 6px;
    }
}

@media screen and (max-width: 1279px) {
    .case-box .case-r .more.msg-link a:after {
        left: 22%;
    }

    .pro-swt-box .pro-tel {
        margin-top: 55px;
    }

    .pro-swt-box .pro-tel strong {
        font-size: 20px;
    }
}

@media screen and (max-width: 1023px) {
    .pro-swt-box .pro-tel {
        margin-top: 25px;
        margin-left: 20px;
        width: 150px;
    }

}

@media screen and (max-width: 359px) {
    .pro-swt-box .pro-tel {
        width: 100%;
        margin-left: 0;
    }

    .case-box .pro-swt-box .pro-tel strong {
        display: inline-block;
        font-size: 22px;
    }

    .pro-swt-box .pro-tel span {
        font-size: 18px;
    }
}


.pcftm {
    margin-top: 50px;
    position: relative;
    float: left;
    overflow: hidden;
}

.pcftm img {
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.pcftm-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 38%;
    max-width: 194px;
    cursor: pointer;
}

.case-xc p,
.case-xc strong {
    font-size: 18px;
    line-height: 32px;
}

/* 0704 */
.tel-show {
    display: inline-block;
    color: #FFF;
    margin-top: 30px;
    line-height: 1.1;
    padding: 15px 20px 10px;
    background: url(../../d/images/tel-bg.png) repeat-x;
}

.tel-base {
    line-height: 32px;
}

.tel-base i {
    display: inline-block;
    font-size: 18px;
    padding: 0 8px;
    background-color: #E33A4B;
}

.tel-base strong {
    display: inline-block;
    font-family: Impact;
    font-size: 36px;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -3px;
    letter-spacing: 2px;
}

.case-box .tel-base strong {
    font-size: 36px;
}

.tel-show span {
    display: block;
    font-size: 19px;
    margin-top: 15px;
}

@media screen and (max-width: 1300px) {
    .case-box .tel-base strong {
        font-size: 32px;
    }

    .tel-show span {
        font-size: 16px;
    }
    
}

@media screen and (max-width: 479px) {
    .case-box .tel-base strong {
        font-size: 30px !important;
    }

    .tel-show {
        padding: 12px 12px 10px;
    }
}

/* 产品内页电话 End */

.gotop {
    cursor: pointer;
    position: fixed;
    right: 60px;
    bottom: 6%;
    z-index: 999;
}

.gotop img {
    display: block;
    margin: 17px auto 0;
    border-radius: 50%;
}

/* 404 */
.topFour {
    background: #1b2739;
}

.fourCont {
    margin: 217px auto 140px;
}

.four-left {
    width: 50%;
    float: left;
}

.four-right {
    float: left;
    width: 50%;
    padding-left: 5%;
}

.four-right strong {
    font-size: 52px;
    color: #1f2c3f;
    display: block;
    margin-top: 70px;
    margin-bottom: 105px;
}

.four-right p {
    font-size: 18px;
    color: #4d4f53;
    margin-bottom: 20px;
}

.btn-box {
    margin-top: 65px;
}

.btn-box .back-home {
    display: inline-block;
    width: 210px;
    line-height: 66px;
    height: 66px;
    font-size: 20px;
    color: #ffffff;
    background-color: #e1394a;
    background: -moz-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: -webkit-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: -o-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: -ms-linear-gradient(top, #9a041c 0%, #e1394a 100%);
    background: linear-gradient(to bottom, #9a041c 0%, #e1394a 100%);
    border-radius: 4px;
    cursor: pointer;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-position: bottom left;
    -webkit-background-size: 100% 150%;
    -moz-background-size: 100% 150%;
    -o-background-size: 100% 150%;
    background-size: 100% 150%;
    text-align: center;
    position: relative;
    padding-right: 5%;
}

.btn-box .back-home:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 26px;
    height: 14px;
    top: 50%;
    margin-top: -7px;
    margin-left: 20%;
    background: url(../../d/images/xjt.png) no-repeat;
    cursor: pointer;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.btn-box .kf-zx {
    display: inline-block;
    width: 210px;
    line-height: 66px;
    height: 66px;
    font-size: 20px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .06);
    text-align: center;
    color: #333;
    margin-left: 40px;
    border-radius: 4px;
    cursor: pointer;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.btn-box .kf-zx:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    cursor: pointer;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.btn-box .back-home:hover:after {
    margin-left: 25%;
    cursor: pointer;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.phone-foot {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0e314b;
    height: 98px;
    line-height: 98px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: none;
}



.phone-foot ul {
    display: flex;
    justify-content: space-between;

}

.phone-foot li {
    text-align: center;
    width: 33.333%;
}

.phone-foot a {
    font-size: 28px;
    position: relative;
}



.phone-foot li.one a {
    color: #7bbcf8;
    padding-left: 60px;
}

.phone-foot li.two a {
    color: #dcdcdc;
    padding-left: 70px;
}

.phone-foot li.three a {
    color: #fff;
    padding-right: 40px;
}

.phone-foot li.three:after {
    background: url(../../d/images/ys_bg.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 230px;
    height: 159px;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.phone-foot a:before {
    content: "";
    display: block;
    position: absolute;

}

.phone-foot li.one a:before {
    width: 40px;
    height: 34px;
    background: url(../../d/images/icon_one.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    left: 10px;
    top: 50%;
    margin-top: -17px;
}

.phone-foot li.two a:before {
    width: 34px;
    height: 34px;
    background: url(../../d/images/icon_two.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    left: 15px;
    top: 50%;
    margin-top: -17px;
}

.phone-foot li.three a:before {
    width: 31px;
    height: 31px;
    background: url(../../d/images/icon_three.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    right: -10px;
    top: 5px;
}

.lunbo-footer {
    display: none;
}


/* 0706-07 实力 Begin */
.intro-show {
    background: url(../../d/images/intro-bg.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    padding-top: 116px;
    padding-bottom: 86px;

}

.intro-left {
    float: left;
    width: 50%;
    margin-top: 70px;
}

.intro-left h3 {
    font-size: 38px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 8px;

}

.intro-left h3 span {
    margin-right: 60px;
}

.intro-left h3 img {
    display: inline-block;
    margin-top: -75px;
    margin-right: 10px;
}

.intro-left .tit {
    font-size: 18px;
    color: #fff;
    letter-spacing: 11px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border: 1px solid #5e71a4;
    text-align: center;
    width: 565px;
    margin-top: 20px;
    padding: 5px 0 5px 15px;
}

.intro-ul {
    overflow: hidden;
    margin-top: 20px;
    margin-left: -55px;
}

.intro-ul li {
    float: left;
    margin-left: 55px;
    color: #FFF;
}

.intro-ul li span {
    font-size: 16px;
    color: #7599c1;
}

.intro-ul li img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.intro-ul li p {
    color: #FFF;
    font-size: 18px;
    line-height: 26px;
    margin-top: 8px;
}

.intro-ul li p strong {
    font-size: 24px;
}

.intro-right {
    float: left;
    width: 46%;
    margin-left: 4%;
}

.intro-right li {
    float: left;
    width: 47%;
    margin-right: 3%;
    margin-bottom: 30px;
    color: #FFF;
    font-size: 20px;
    line-height: 1.6;
    padding: 20px 0 20px 30px;
    background: -webkit-linear-gradient(left, #D93347 0%, rgba(217, 51, 71, .2) 100%);
    background: -moz-linear-gradient(left, #D93347 0%, rgba(217, 51, 71, .2) 100%);
    background: -ms-linear-gradient(left, #D93347 0%, rgba(217, 51, 71, .2) 100%);
    background: -o-linear-gradient(left, #D93347 0%, rgba(217, 51, 71, .2) 100%);
    background: linear-gradient(to right, #D93347 0%, rgba(217, 51, 71, .2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D93347, endColorstr=rgba(217, 51, 71, .2), GradientType=1);
}

.intro-right li strong {
    display: block;
    font-size: 42px;
    line-height: 1.3;
}

.foot-ser {
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
}

.foot-ser .foot-left {
    padding-top: 130px;
    padding-bottom: 130px;
}

.right-ser {
    padding-left: 72px;
    padding-right: 72px;
    height: 100%;
}

.ser-proce {
    padding-top: 150px;
    padding-bottom: 130px;
}

.ser-proce strong {
    font-size: 40px;
    color: #fff;
    position: relative;
    text-align: center;
    display: block;
}

.ser-proce strong:before {
    content: "";
    position: absolute;
    top: -24px;
    left: 50%;
    width: 229px;
    height: 50px;
    background-image: url(../../d/images/ser-font.png);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.ser-proce li {
    height: 64px;
    margin-top: 40px;
}

.ser-proce li span {
    float: left;
    color: #162135;
    font-size: 40px;
    font-weight: bold;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    background: -webkit-linear-gradient(top, #d83347 0%, #55273b 100%);
    background: -moz-linear-gradient(top, #d83347 0%, #55273b 100%);
    background: -ms-linear-gradient(top, #d83347 0%, #55273b 100%);
    background: -o-linear-gradient(top, #d83347 0%, #55273b 100%);
    background: linear-gradient(to bottom, #d83347 0%, #55273b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d83347, endColorstr=#55273b, GradientType=0);
}

.ser-proce li p {
    display: block;
    overflow: hidden;
    padding-left: 15px;
    color: #FFF;
    font-size: 18px;
    line-height: 1.5;
    margin-top: 0;
}

.ser-proce li p i {
    display: block;
    font-size: 24px;
    font-weight: bold;
}


.libs-content video.ldp-video {
    margin-top: 66px;
}


.screen-one .por {
    position: relative;
    max-height: 100vh;
}

.index-yyzz {
    position: absolute;
    left: 36px;
    bottom: 20px;
    color: #bfbfbf;
    font-size: 16px;
    z-index: 99;
}

.index-yyzz a {
    color: #bfbfbf;
    text-decoration: underline;
    margin-left: 26px;
}

.g-bnh {
    position: absolute;
    right: 36px;
    bottom: 20px;
    font-size: 16px;
    color: #e2e2e2;
    z-index: 99;
}

@media screen and (max-width: 1919px) {
    .foot-right.right-ser {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    
}

@media screen and (max-width: 1400px) {
    .intro-left h3 img {
        width: 80px;
        margin-top: -56px;
    }

    .intro-right li {
        font-size: 18px;
    }

    .intro-right li strong {
        font-size: 36px;
    }
    .ind_box1_title1 .tt2{
        font-size: 42px;
    }
    .ind_box1_title1 .text{
        font-size: 16px;
    }
    .ind_title1{
        margin-bottom: 15px;
    }
    .ind_title1 .tt{
        font-size: 30px;
    }
    .ind_title1 .text{
        font-size: 16px;
        margin-top: 18px;
    }
    .ind_title1 .text2{
        margin-top: 18px;
    }
    .ind_box3_con_list dd .num{
        font-size: 50px;
    }
    .ind_box3_con_list dd .tt{
        font-size: 16px;
    }
    .ind_box4_con dd .tt .tt_con{
        font-size: 16px;
    }

    .ind_box4_con,
    .ind_box3_con_list{
        padding-top: 2%;
    }


}

@media screen and (max-width: 1399px) {
    .foot-ser .foot-left {
        padding-top: 150px;
    }

    .num-box {
        right: 50px;
    }
}

@media screen and (max-width: 1280px) {
    .intro-left h3 {
        font-size: 30px;
    }

    .ser-proce li span {
        font-size: 36px;
    }

    .ser-proce li p {
        font-size: 16px;
        line-height: 1.7;
    }

    .ser-proce li p i {
        font-size: 20px;
    }

    .libs-content video.ldp-video {
        margin-top: 100px;
    }

    
    



}

@media screen and (max-width: 1200px) {
    .intro-ul {
        margin-left: 0;
    }

    .intro-ul li {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }

    .intro-right li {
        width: 66%;
        margin-bottom: 16px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .intro-left h3 span {
        margin-right: 50px;
    }

    .intro-left h3 img {
        width: 60px;
        margin-top: -36px;
    }

    .intro-left .tit {
        width: auto;
        display: inline-block;
        font-size: 16px;
        padding: 5px 10px;
        letter-spacing: 8px;
    }

    

}

@media screen and (max-width: 1080px) {
    .intro-left h3 {
        font-size: 24px;
    }

    .intro-left h3 img {
        width: 40px;
        margin-top: -16px;
    }

    .intro-left h3 span {
        margin-right: 36px;
    }

    .foot-left h3 span {
        margin-right: 50px;
    }
}

@media screen and (max-width: 1020px) {
    .intro-left {
        margin-top: 12px;
    }

    .intro-left .tit {
        letter-spacing: 5px;
    }

    .intro-right ul {
        margin-left: -3%;
    }

    .intro-right li {
        width: 47%;
        margin-left: 3%;
        margin-right: 0;
        font-size: 16px;
        text-align: center;
        padding: 20px 6px;
    }

    .intro-right li strong {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .ser-proce li p {
        font-size: 15px;
        line-height: 1.8;
    }

    .ser-proce li p i {
        font-size: 18px;
    }
}

@media screen and (max-width: 860px) {
    .intro-show {
        padding: 60px 4% 40px;
    }

    .intro-left {
        width: 100%;
    }

    .intro-left h3 {
        font-size: 28px;
        text-align: center;
        display: flex;
        justify-content: space-between;
    }

    .intro-left h3 img {
        width: 60px;
        margin-top: -36px;
    }

    .intro-left .tit {
        width: 100%;
    }

    .intro-ul li {
        margin-top: 10px;
    }

    .intro-ul li p {
        display: inline-block;
    }

    .intro-right {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .foot-ser .foot-left {
        padding-top: 70px;
        padding-bottom: 0;
    }

    .foot-right.right-ser {
        max-width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .ser-proce {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .ser-proce li {
        margin-top: 30px;
    }
}

@media screen and (max-width: 520px) {
    .intro-left h3 {
        font-size: 24px;
    }

    .intro-left h3 img {
        width: 40px;
        margin-top: -16px;
    }

    .intro-left .tit {
        letter-spacing: 3px;
    }

    .intro-ul li p {
        font-size: 16px;
    }
}

@media screen and (max-width: 440px) {
    .intro-show {
        padding: 40px 2% 20px;
    }

    .intro-right li strong {
        margin-bottom: 10px;
    }

    .intro-left h3 {
        font-size: 18px;
    }

    .intro-left h3 img {
        width: 30px;
        margin-top: -18px;
    }

    .intro-left h3 span {
        margin-right: 10px;
    }

    .intro-left .tit {
        letter-spacing: 1px;
    }

    .intro-ul li p {
        display: block;
    }

    .intro-right {
        margin-top: 20px;
    }

    .intro-right li {
        font-size: 14px;
    }

    .intro-right li strong {
        font-size: 26px;
    }

    .ser-proce li {
        height: 50px;
        margin-top: 20px;
    }

    .ser-proce li span {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
    }

    .ser-proce li p {
        line-height: 1.5;
        padding-left: 10px;
        font-size: 14px;
    }

    .foot-right.right-ser {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 360px) {
    .intro-left .tit {
        font-size: 14px;
    }

    .intro-right li {
        font-size: 13px;
        padding: 16px 2px;
    }

    .intro-right li strong {
        margin-bottom: 6px;
    }

    .ser-proce strong:before {
        display: none;
    }

    .ser-proce {
        padding-top: 0;
    }

    .ser-proce li p i {
        display: none;
    }

    .ser-proce li p {
        line-height: 1.7;
    }
}


/* 0706 实力 End */

@media screen and (min-width: 2000px) {
    .screen-one .screen-container {
        top: 380px;
    }

    .page-left h3 {
        margin-top: -200px;
    }

    .product-name p {
        font-size: 30px;
    }

    .product-list li {
        margin-bottom: 65px;
    }

    .product-class .num-box {
        margin-left: -550px;
    }

    .product-class .num-box li {
        font-size: 30px;
        width: 220px;
    }

    .product-class .wrap {
        max-width: 1800px;
    }

    .case-ul-box {
        margin-top: 135px;
    }

    .case-box .box-l .pic img {
        max-width: 100%;
        max-height: 100%;
    }

    .case-list {
        margin-top: 300px;
    }

    .pro-tabgoods {
        margin-top: 150px;
    }

    .product-left {
        width: 60%;
    }

    .product-list ul {
        margin-top: 100px;
    }

    .product-list {
        width: 32%;
    }

    .page-right img {
        min-height: 100vh;
    }

    .screen-three .wz-gy {
        margin-top: 120px;
    }

    .screen-three ul {
        position: absolute;
        bottom: 0;
        left: 0;
        padding-left: 8%;
        margin-left: 10%;
    }

    .screen-three li {
        width: 25%;
    }

    .screen-three li img {
        width: 100%;
    }

    .page-left .pro-pic img {
        max-width: 100%;
    }

    .m-contact1 .infor {
        background: none;
    }

    .crumbs-box {
        padding-top: 130px;
    }

    .foot-box {
        padding: 160px 13.5% 0;
    }

    .product-class {
        margin-top: 2%;
    }




    .product-list li {
        font-size: 30px;
        display: block;
        text-align: center;
        padding: 18px 45px;
    }

    .product-list li.cur {
        padding: 20px 43px;
    }


    .dd-dh {
        max-width: 1800px;
    }



}

@media screen and (max-width: 1919px) {

    .screen-one .screen-container h1,
    .m-about1 h1,
    .ul-new-top h1,
    .m-contact1 .tit {
        font-size: 42px;
    }

    .product-name h2,
    .tj-pro h2,
    .libs-content h2,
    .related-case h2,
    .related-new h2 {
        font-size: 28px;
    }

    .foot-right strong,
    .wz-gy h3,
    .page-left h3,
    .case-box .case-r h1,
    .new-cont-top h1 {
        font-size: 32px;
    }

    .cont-left h2 {
        font-size: 26px;
    }

    .slider-nav .list .wz p,
    .pro-ul-list li a,
    .m-contact1 .contact .item em,
    .case-page-ul li.active a,
    .case-page-ul li:hover a,
    .new-top .zx-swt,
    .message .sub {
        font-size: 20px;
    }

    .screen-three li strong {
        font-size: 42px;
    }

    .foot-left h3,
    .new-top strong,
    .cont-left h3 {
        font-size: 24px;
    }

    .screen-three li p,
    .case-box .box-r .more a,
    .m-contact2 .form .sub,
    .case-box .case-r .more a,
    .case-page-ul li a,
    .tj-pro li h3 a,
    .related-case li h3 a,
    .new-top p,
    .pro-swt-box .hq-bj a,
    .head-right a,
    .nav-left ul li a {
        font-size: 18px;
    }

    .slider-nav .list .wz span,
    .evaluate-box p,
    .new-top li {
        font-size: 16px;
    }

    .nav-left ul li {
        margin-top: 55px;
    }

    .screen-one .screen-container {
        top: 200px;
    }

    .is-screen .slick-next,
    .is-screen .slick-prev {
        top: 35%;
    }

    .page-left {
        padding-top: 150px;
    }

    .page-left .pro-pic img {
        margin-bottom: 40px;
    }

    .page-left:before {
        width: 200px;
        left: 95%;
        margin-top: 0;
    }


    .slider-for .slick-prev {
        top: 15%;
    }

    .slider-for .slick-next {
        top: 70%;
    }



    .screen-three li img {
        max-width: 360px;
    }

    .foot-left .tit {
        letter-spacing: 23px;
        width: 475px;
    }

    .foot-right {
        padding: 60px 60px 10px;
    }

    .message li textarea {
        height: 130px;
    }

    .slider-nav .list .num {
        font-size: 16px;
        width: 25px;
        height: 25px;
        line-height: 22px;
    }

    .slider-for .slick-prev,
    .slider-for .slick-next {
        background-size: 16px;
        margin-left: 15.5%;
    }

    .product-class {
        margin-top: 0;
    }

    .crumbs-box li,
    .crumbs-box ol {
        line-height: 70px;
    }

    .product-name {
        margin-bottom: 30px;
    }

    .product-left {
        padding: 0 0 5% 5%;
    }

    .product-list li {
        font-size: 16px;
        padding: 5px 25px;
    }

    .product-list li.cur {
        padding: 5px 21px;
    }

    .case-box .box-l {
        width: 40%;
    }

    .case-box .box-r {
        width: 60%;
        padding-top: 0;
    }

    .case-box .box-r .more {
        width: 200px;
        height: 50px;
        line-height: 50px;
    }

    .pro-ul-list {
        height: 90px;
    }

    .pro-ul-list li a {
        line-height: 90px;
    }

    .pro-ul-list li.active a,
    .pro-ul-list li:hover a {
        margin-top: -7px;
    }

    .ul-new-top h1 {
        margin-bottom: 75px;
    }

    .new-list {
        margin-top: 220px;
    }

    .new-list li {
        margin-bottom: 38px;
    }

    .page-list {
        margin-top: 80px;
        margin-bottom: 60px;
    }

    .m-contact2 .form .sub,
    .case-box .case-r .more,
    .pro-swt-box .hq-bj,
    .message .sub {
        width: 200px;
        line-height: 50px;
        height: 50px;
    }


    .case-box .case-r p {
        margin-bottom: 5px;
    }

    .case-box .case-r .more a:after,
    .pro-swt-box .hq-bj a:after {
        width: 22px;
        height: 25px;
        margin-top: -11px;
    }

    .case-page-ul li.active:before,
    .case-page-ul li:hover:before {
        width: 60px;
        margin-left: -30px;
    }

    .tj-pro ul {
        margin: 75px 0 0 -4.5%;
    }

    .libs-content h2,
    .related-case h2 {
        margin-top: 40px;
        margin-bottom: 15px;
    }

    .evaluate-box p {
        padding-top: 25px;
    }

    .related-case ul {
        margin-bottom: 80px;
    }


    .content-new {
        margin-top: 15px;
    }

    .slider-nav li.active:before {
        width: 240px;
        left: -70%;
    }

    .ul-box .ul-xq p {
        margin-top: 5px;
    }
}

@media screen and (max-width: 1600px) {
    .wrap {
        width: 96%;
    }

    .foot-box.foot-ser {
        padding-top: 0;
        padding-bottom: 0;
    }

    .foot-right.right-ser {
        max-width: 550px;
    }

    .screen-one .screen-container h1,
    .m-about1 h1,
    .ul-new-top h1,
    .m-contact1 .tit,
    .item-l .time .t {
        font-size: 36px;
    }

    .wz-gy p {
        font-size: 16px;
    }

    .wz-gy h3 {
        margin-bottom: 15px;
    }

    .color-bg {
        padding-top: 146px;
    }

    .product-name h2,
    .tj-pro h2,
    .libs-content h2,
    .related-case h2,
    .related-new h2 {
        font-size: 32px;
    }

    .foot-right strong,
    .wz-gy h3,
    .page-left h3,
    .case-box .case-r h1,
    .new-cont-top h1,
    .case-box .box-r h3 {
        font-size: 26px;
    }

    .screen-one .screen-container p,
    .m-about3 .txt li,
    .case-list ul li h3 a,
    .item-r .new-xq h3 a {
        font-size: 18px;
    }

    .screen-three li p,
    .case-box .box-r .more a,
    .m-contact2 .form .sub,
    .case-box .case-r .more a,
    .case-page-ul li a,
    .tj-pro li h3 a,
    .related-case li h3 a,
    .new-top p,
    .pro-swt-box .hq-bj a,
    .head-right a,
    .nav-left ul li a,
    .foot-right p,
    .message .sub,
    .item-r .new-xq p,
    .prev-next .tit,
    .case-box .case-r p {
        font-size: 16px;
    }

    .wz-ms strong {
        margin-left: 20px;
    }

    .wz-ms strong,
    .foot-left h3,
    .new-top strong,
    .related-new li h3 a {
        font-size: 20px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .foot-left h3 {
        overflow: visible;
    }

    .new-top strong {
        display: inline;
    }

    .wz-ms strong {
        margin-left: 20px;
        margin-bottom: 5px;
    }

    .wz-ms {
        margin-top: 20px;
    }

    .wz-ms span {
        margin-left: 20px;
    }

    .related-new h2 {
        margin-top: 50px;
        margin-bottom: 10px;
    }

    .head-right .lianxi {
        width: 130px;
        height: 50px;
    }

    .head-right a {
        line-height: 50px;
        margin-left: 20px;
    }






    .slider-nav .slick-list {
        padding: 30px 0 !important;
    }

    .slider-nav .list {
        margin-bottom: 30px;
    }

    .page-left:before {
        width: 160px;
        left: 100%;
    }

    .screen-three li img {
        max-width: 294px;
    }

    .foot-box {
        padding: 110px 9%;
    }

    .foot-right {
        max-width: 470px;
    }

    .m-about2 ul {
        margin: 0;
    }

    .foot-left {
        margin-top: 150px;
    }

    .case-box .box-r {
        padding-left: 30px;
    }

    .case-box .box-r p {
        margin-top: 15px;
        margin-bottom: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .case-list {
        margin-bottom: 35px;
        margin-top: 90px;
    }

    .case-list ul li {
        margin-bottom: 35px;
    }



    .case-list ul li h3 a {
        padding: 15px 30px;
    }


    .footer p {
        padding: 16px 0;
    }

    .ul-box {
        padding: 0 20px;
    }

    .new-ul {
        margin-left: -20px;
    }

    .ul-new-top .slick-prev,
    .ul-new-top .slick-next {
        box-shadow: 0 5px 20px rgba(53, 75, 120, .15);
    }

    .ser-proce li {
        margin-top: 30px;
    }

    .ser-proce li span {
        width: 60px;
        height: 60px;
    }

    .ser-proce li p {
        font-size: 16px;
    }

    .ser-proce li p i {
        font-size: 20px;
    }

    .ser-proce {
        padding-top: 120px;
    }

    



}

@media screen and (max-width: 1440px) {
    .new-ul {
        margin-left: -20px;
    }

    .ul-box {
        padding: 0 20px;
    }

    .num-box {
        right: 60px;
    }

    .color-bg {
        padding-top: 140px;
    }

    .logo img {
        width: 200px;
    }

    .ser-proce {
        padding-top: 120px;
    }

    .nav {
        height: 70px;
        padding: 10px 23px 28px;
    }

    .page-left:before {
        margin-top: 4%;
    }

    .screen-one .screen-container h1,
    .m-about1 h1,
    .ul-new-top h1,
    .m-contact1 .tit,
    .item-l .time .t {
        font-size: 32px;
    }

    .foot-right strong,
    .wz-gy h3,
    .page-left h3,
    .case-box .box-r h3,
    .cont-left h2 {
        font-size: 24px;
    }

    .slider-nav .list .wz p,
    .pro-ul-list li a,
    .m-contact1 .contact .item em,
    .case-page-ul li.active a,
    .case-page-ul li:hover a,
    .new-top .zx-swt,
    .message .sub {
        font-size: 18px;
    }



    .screen-three li img {
        max-width: 270px;
    }



    .foot-left h3 img {
        width: 65px;
        margin-top: -55px;
    }

    .foot-left {
        margin-top: 65px;
    }

    .foot-ul {
        margin-top: 50px;
    }

    .foot-left .text {
        font-size: 16px;
    }

    .foot-ul li {
        margin-top: 30px;
    }

    .nav-left {
        top: 70px;

    }

    .nav-left.menu-is-active {
        width: 282px;
    }

    .m-about3 img {
        width: 730px;
        top: auto;
    }

    .m-about5 .txt {
        width: 920px;
        padding: 60px 320px 45px 72px;
    }

    .m-about5 .txt .a1 {
        width: 300px;
    }

    .m-about5 .txt .a2 {
        width: 335px;
        right: -335px;
    }

    .ul-box .ul-xq a {
        font-size: 16px;
        height: 52px;
    }

    .ul-box .ul-xq p span {
        font-size: 14px;
    }

    .ul-box .ul-xq {
        padding: 15px 20px 20px;

    }

    .ul-box .ul-xq p {
        margin-top: 10px;
    }




    .new-top {
        padding: 75px 310px 70px 60px;
    }

    .new-top .zx-swt {
        background-size: 100%;
        width: 150px;
        height: 45px;
        line-height: 45px;
        margin-top: 30px;
    }

    .cont-left p {
        line-height: 1.8em;
    }

    .cont-right ul {
        padding: 150px 0 15px 48px;
    }

    .cont-right ul:before {
        left: 22px;
    }

    .prev-next .a-box {
        width: 50px;
        height: 50px;
    }

    .prev-next .tit {
        height: 60px;
        line-height: 60px;
    }

    .tj-pro li h3 {
        font-size: 16px;
        padding: 10px 8px;
    }

    .four-right strong {
        font-size: 38px;
        margin-top: 30px;
        margin-bottom: 60px;
    }

    #computer {
        display: none;
    }

    #phone {
        display: block;
    }

    .ul-new-top .case {
        font-size: 28px;
    }

    .case-box .box-l {
        width: 35%;
    }

    .case-box .box-r {
        width: 65%;
    }

    .case-box .box-r p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }


   


}

@media screen and (max-width: 1279px) {
    .nav {
        height: 49px;
        width: 55px;
        padding: 7px 13px 0px;
    }

    .nav span {
        margin-top: 8px;
    }

    .nav-left {
        top: 49px;
    }

    .menu-is-active .nav span.three {
        transform: scale(1) translateY(-5.5px) rotate(-45deg);
        -webkit-transform: scale(1) translateY(-5.5px) rotate(-45deg);
        -moz-transform: scale(1) translateY(-5.5px) rotate(-45deg);
        -ms-transform: scale(1) translateY(-5.5px) rotate(-45deg);
        -o-transform: scale(1) translateY(-5.5px) rotate(-45deg);
    }

    .logo img {
        width: 140px;
    }

    .nav-left.menu-is-active {
        width: 195px;
    }

    .nav-left ul li a span {
        margin-left: 15px;
    }

    .wz-ms {
        margin-top: 13px;
    }

    .wz-ms strong {
        font-size: 16px;
        margin-left: 10px;
    }

    .wz-ms span {
        font-size: 14px;
    }

    .head-right {
        margin-right: 10px;
        margin-top: 0;
    }

    .head-right a {
        margin-left: 10px;
    }

    .page-left {
        padding-left: 20px;
        padding-top: 15%;
    }

    .page-left h3,
    .page-left p {
        padding-left: 30px;
    }

    .slider-nav {
        margin-left: 8%;
    }

    .slider-nav li.active:before {
        width: 100px;
        left: -30%;
    }

    .screen-three .wz-gy {
        width: 60%;
    }

    .screen-three li {
        width: 25%;
    }

    .screen-three li img {
        width: 100%;
    }

    .foot-box {
        padding: 60px 3%;
    }

    .foot-left .tit {
        letter-spacing: 13px;
        width: 360px;
    }

    .foot-ul li p,
    .screen-one .screen-container p,
    .m-about3 .txt li,
    .case-list ul li h3 a {
        font-size: 16px;
    }

    .m-contact2 .form .sub,
    .case-box .case-r .more,
    .pro-swt-box .hq-bj,
    .message .sub {
        width: 160px;
        height: 42px;
        line-height: 42px;
    }

    .product-left {
        padding: 0;
    }

    .bg-color .crumbs-box,
    .crumbs-box {
        margin-top: 0;
        padding-top: 50px;
    }

    .screen-one .screen-container h1,
    .m-about1 h1,
    .ul-new-top h1,
    .m-contact1 .tit,
    .item-l .time .t {
        font-size: 28px;
    }

    .ul-new-top .case {
        font-size: 24px;
    }

    .product-class {
        margin-top: 40px;
    }

    .product-name {
        margin-bottom: 60px;
    }

    .case-box .box-r {
        padding-left: 20px;
        padding-top: 0;
    }

    .case-box .box-r p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
        margin-top: 15px;
        margin-bottom: 30px;
    }



    .case-box .box-r h3 {
        margin-bottom: 35px;
    }

    .case-box .box-r .more {
        width: 160px;
    }

    .case-box .box-r .more a:after {
        right: 8%;
    }

    .ul-new-top .slick-prev,
    .ul-new-top .slick-next {
        width: 46px;
        height: 46px;
        background-size: 25px;
    }

    .ul-new-top .slick-prev:hover,
    .ul-new-top .slick-next:hover {
        background-size: 25px;
    }

    .case-list {
        margin-bottom: 40px;

    }

    .case-list ul li h3 a {
        padding: 15px 10px 15px 20px;
    }

    .new-ul {
        margin-left: -10px;
    }

    .ul-box {
        padding: 0 10px;
    }

    .item-l {
        padding: 41px 15px;
    }

    .new-list {
        padding-left: 45px;
    }

    .new-list li:before {
        left: -57px;
    }

    .new-list ul:after {
        left: -35px;
    }

    .pro-swt-box .hq-bj a:after,
    .case-box .case-r .more a:after {
        left: 8%;
    }

    .pro-swt-box .hq-bj a,
    .case-box .case-r .more {
        margin-top: 60px;
    }

    .product-ul li {
        margin-left: 4%;
        width: 26%;
    }

    .product-ul ul {
        margin-left: -4%;
    }

    .case-page-ul ul {
        height: 100px;
        line-height: 100px;
    }

    .case-page-ul ul:before {
        bottom: 15px;
    }

    .case-page-ul li.active:before,
    .case-page-ul li:hover:before {
        bottom: 17px;
    }

    .mar-top {
        margin-top: 55px;
    }

    .work-yl {
        padding: 60px 0;
    }

    .product-name h2,
    .tj-pro h2,
    .libs-content h2,
    .related-case h2,
    .related-new h2 {
        font-size: 24px;
    }

    .libs-content h2:after,
    .related-case h2:after {
        width: 22px;
        height: 22px;
        margin-top: -11px;
    }

    .libs-content ul {
        margin: 15px 0;
    }

    .xc-right li {
        font-size: 18px;
    }

    .case-box .case-l li {
        margin-left: 1%;
    }

    .case-box .case-l ul {
        margin-left: -1%;
    }

    .case-box .case-r h1 {
        margin-bottom: 25px;
    }

    .case-box .case-r {
        padding-top: 0;
        padding-left: 25px;
    }



    .tj-pro {
        margin-top: 40px;
    }

    .tj-pro ul {
        margin-top: 45px;
    }

    .evaluate-box h3 {
        font-size: 24px;
    }

    .evaluate-box {
        padding: 80px 25px 35px;
    }

    .case-box .box-r p {
        display: none;
    }

    .case-box .box-r .more {
        margin-top: 20px;
    }

    .new-cont-top {
        margin-top: 10px;
        margin-bottom: 45px;
    }

    .new-top {
        padding: 60px 185px 98px 50px;
        height: auto;
    }

    .cont-right ul {
        margin-top: 0;
        padding: 40px 0 15px 48px;
    }

    .cont-right ul:before {
        top: 0;
    }

    .cont-right li p {
        font-size: 14px;
    }



    .m-about1 .txt {
        margin-top: -100px;
    }

    .m-about1 h1 {
        margin-bottom: 40px;
    }

    .m-about1 p {
        font-size: 16px;
        line-height: 34px;
    }

    .m-about3 {
        background-position: 0 center;
    }

    .m-about3 img {
        width: 60%;
        bottom: -84px;
    }

    .m-about3 .txt {
        width: 50%;
    }

    .m-about2 li .img p {
        font-size: 16px;
        line-height: 30px;
        width: 70%;
        margin-top: -30px;
        margin-left: -98px;
    }

    .m-about4 h3 {
        font-size: 36px;
        margin-bottom: 30px;
    }

    .m-about4 li .txt strong {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .m-about4 li .txt {
        padding: 30px 20px 20px;
        margin: 0 10px;
    }

    .m-about4 li .kf {
        margin-top: -110px;
    }

    .m-about4 li {
        margin-bottom: 70px;
    }

    .m-about4 li .txt p {
        font-size: 14px;
        line-height: 24px;
        height: 72px;
    }

    .m-about4 ul {
        padding-top: 120px;
    }

    .m-about4 {
        padding: 70px 0 0;
    }

    .m-about5 .txt .a2 {
        display: none;
    }

    .m-about5 .txt {
        font-size: 16px;
    }

    .m-about5 h3 {
        font-size: 36px;
    }

    .m-about5 {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .m-contact1 .infor li {
        width: 25%;
        text-align: center;
        margin-right: 0;
    }

    .ul-box .ul-xq {
        box-shadow: 0 5px 20px rgba(53, 75, 120, .15);
    }

    .new-list {
        margin-top: 150px;
    }

    .item-r .new-xq {
        margin-top: 0;
    }


    .ind_box1_title1 .tt2{
        font-size: 48px;
    }


}

@media screen and (max-width: 1023px) {

    .case-page-ul {
        margin-top: -20px;
    }

    .wz-ms span {
        display: none;
    }

    .lunbo-footer {
        display: block;
    }

    .m-about1 .pc {
        display: none;

    }

    .m-about1 .md {
        display: block;
        width: 100%;
    }

    .m-about1 .txt {
        margin-top: -70px;
    }

    #video {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        visibility: hidden;
        overflow: hidden;
    }

    .phone-img img {
        display: block;
        width: 100%;
    }

    .screen-one .screen-container {
        top: 50%;
        width: 80%;
        margin-top: -95px;
        left: 10%;
        display: none;
    }


    .screen-one .screen-container h1 {
        margin-bottom: 45px;
    }

    .slider-nav li .list .wz p {
        font-size: 18px;
    }

    .slider-nav .list {
        margin-bottom: 18px;
    }

    .screen-two {
        min-height: auto;
    }



    .head-right {
        margin-right: 0;
    }


    .page-left {
        padding-top: 2%;
        padding-left: 0;
    }

    .page-left p {
        font-size: 16px;
    }

    .page-left h3,
    .page-left p {
        padding-left: 0;
    }

    .slider-nav {
        margin-left: 3%;
        top: 12%;
    }


    .page-left .pro-pic img {
        width: 90%;
        margin: 0 auto;
    }

    .page-left h3 {
        margin-top: -8px;
    }

    .page-left h3,
    .page-left p {
        text-align: center;
        padding: 0 5%;
    }

    .color-bg {
        position: static;
        margin-left: 0;
        padding-top: 105px;
        padding-left: 7%;
        height: auto;
    }

    .box-screen {
        padding-bottom: 150px;
        margin-left: 5%;
        margin-top: 100px;
        overflow-x: scroll;
    }

    .screen-three ul {
        position: static;
        width: 1800px;
    }

    .screen-three li {
        width: auto;
        margin-right: 30px;

    }

    .screen-three li img {
        width: 390px;
        max-width: 100%;

    }

    .screen-three li .xq {
        width: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .screen-three li.hei-pic {
        margin-top: 0;
    }

    .screen-three li strong {
        font-size: 72px;
    }

    .screen-three li p {
        font-size: 24px;
        color: #d9d9d9;
    }

    .slider-nav .list .wz {
        margin-left: 15px;
    }

    .slider-nav li.active:before {
        display: none;
    }

    .page-right img {
        object-fit: cover;
        height: auto;
    }

    .slider-nav .list .wz span {
        font-size: 14px;
    }

    .screen-three .wz-gy {
        width: 93%;
    }

    .screen-three {
        background: #102133;
        min-height: auto;
    }



    .foot-left h3 span {
        margin-right: 3px;
    }

    .foot-left h3 img {
        width: 55px;
    }

    .foot-left .tit {
        letter-spacing: 6px;
        width: 300px;
        padding: 5px 0 5px 5px;
    }

    .foot-right {
        padding: 60px 30px 10px;
    }

    .foot-ul {
        margin-top: 10px;
    }

    .product-left {
        width: 60%;
    }

    .product-list {
        width: 40%;
        padding-left: 2%;
    }

    .pro-btn {
        margin-left: 2%;
    }

    .product-class .num-box li {
        width: 120px;
    }

    .product-class .num-box {
        margin-left: -300px;
    }

    .case-box .box-r p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .case-box .box-r .more {
        margin-top: 20px;
    }

    .case-list {
        margin-top: 110px;
    }

    .case-list ul {
        margin-left: -3.333%;
    }

    .case-list ul li {
        width: 46%;
        margin-left: 3.333%;
        margin-bottom: 30px;
    }

    .item-r {
        padding: 15px
    }

    .item-l {
        padding: 30px 8px;
    }

    .item-r .pic a {
        width: 28%;
        padding-top: 18%;
    }

    .item-r .new-xq {
        width: 72%;
        padding-left: 20px;
        margin-top: 0;
    }

    .case-box .case-r {
        padding-left: 2%;
    }



    .pro-swt-box .more {
        margin-left: 20px;
    }

    .product-ul li {
        padding: 20px 17px 45px;
        width: 29%;
    }

    .product-ul li strong {
        font-size: 18px;
    }

    .product-ul li:after {
        left: 0;
        bottom: 7px;
    }


    .product-ul ul {
        margin-bottom: 50px;
    }

    .l,
    .r {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .libs-content video.ldp-video {
        margin-top: 0;
    }

    .operating-ys li {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;

    }

    .operating-ys li p {
        height: auto;
        padding: 25px 25px 25px 30px;
        border-radius: 0 74px 66px 50px;
    }

    .related-case li {
        width: 47.5%;
        margin-bottom: 20px;
    }

    .related-case ul {
        margin-bottom: 40px;
    }


    .case-box .case-l li {
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .pro-swt-box .hq-bj a,
    .case-box .case-r .more {
        margin-top: 30px;
    }

    .tj-pro li {
        width: 45.5%;
        margin-bottom: 30px;
    }

    .new-top {
        padding: 68px 24px 38px 24px;
        height: 230px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .new-top ul {
        margin-top: 20px;
    }

    .new-top p {
        line-height: 1.6em;
    }

    .new-top p strong:nth-child(2) {
        display: inline-block;
    }

    .new-top .zx-swt {
        margin-top: 5px;
        width: 130px;
    }

    .content-new {
        padding: 25px 3% 30px;
        margin-top: -30px;
    }

    .cont-left {
        width: 100%;
    }

    .cont-right {
        display: none;
    }

    .case-box .box-l,
    .case-box .box-r {
        width: 100%;
    }

    .case-box .case-l,
    .case-box .case-r {
        width: 100%;
        padding: 0;
    }



    .m-about2 p,
    .m-about1 p {
        width: auto;
    }



    .m-about1 h1 {
        margin-bottom: 0;
    }


    .m-about2 {
        padding: 50px 0;
    }

    .m-about2 h3 {
        margin-bottom: 20px;
    }

    .m-about2 p {
        margin-bottom: 30px;
    }

    .m-about2 li .con {
        font-size: 16px;
        margin-top: 20px;
    }

    .m-about2 li .img p,
    .m-about2 li .img:after {
        display: none;
    }

    .m-about3 .txt {
        width: auto;
    }

    .m-about3 img {
        position: static;
        display: none;
    }

    .m-about3 {
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto;
        background-color: #242e37;
    }

    .m-about5 h3 {
        margin-bottom: 60px;
    }

    .m-about5 .txt .a1 {
        display: none;
    }

    .m-about5 .txt {
        padding: 30px;
        width: auto;
        margin-left: 90px;
    }

    .m-about4 li {
        width: 50%;
    }

    .m-about4 li .kf {
        margin-top: -168px;
    }

    .m-about4 ul {
        padding-top: 180px;
    }

    .m-contact1 .infor li p {
        font-size: 16px;
        line-height: 24px;
    }

    .m-contact1 .infor {
        padding: 25px 0;
    }

    .m-contact1 {
        padding: 150px 0 0;
    }

    .m-contact1 .infor {
        position: static;
        margin-top: 50px;
    }

    .m-contact2 .response .txt span {
        width: 150px;
        line-height: 50px;
        font-size: 16px;
    }

    .prev-next {
        margin-top: 35px;
    }

    .prev-next li {
        width: 100%;
        margin-bottom: 15px;
    }

    .body-padding {
        padding-bottom: 98px;
    }

    .phone-foot {
        display: block;
        z-index: 999;

    }


    .case-ul-box {
        background: #f8f8f8;
        box-shadow: 0 5px 20px rgba(53, 75, 120, .15);
        padding-bottom: 25px;
        padding-top: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .case-box .box-r h3 {
        color: #2b3c6b;
    }

    .case-box .box-r li {
        color: #3f424d;
    }

    .case-box .box-r {
        margin-top: 15px;
    }

    .case-box .box-l .pic img {
        max-width: 100%;
    }

    .ul-new-top .slick-prev,
    .ul-new-top .slick-next {
        bottom: 30px;
    }

    .new-ul .slick-prev,
    .new-ul .slick-next {
        bottom: -65px;
    }

    .new-list {
        margin-top: 105px;
    }

    .pro-box {
        margin-top: 0;
        padding-bottom: 30px;
    }

    .pro-box .case-l .pic img {
        width: 85%;
        display: block;
        margin: 0 auto;
    }





    #video video {
        display: none !important;
        margin-left: -1000%;
        visibility: hidden;
    }

    #video img {
        width: 100%;
    }

    .num-box {
        display: none;
    }

    .product-class .num-box {
        display: block;
    }

    .foot-left .text {
        font-size: 15px;
    }


    .case-ul-box {
        margin-top: 20px;
    }

    .case-page-ul li.active:before,
    .case-page-ul li:hover:before {
        display: none;
    }

    .case-page-ul li.active a,
    .case-page-ul li:hover a {
        color: #8c8c8c;
        font-size: 16px;
    }

    .four-left,
    .four-right {
        width: 100%;
        float: none;
        padding: 0
    }

    .fourCont {
        margin: 50px auto;
    }

    .four-right strong {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .btn-box .kf-zx {
        margin-left: 0;
        margin-top: 15px;
    }

    .new-cont-top {
        box-shadow: 0 5px 20px rgba(53, 75, 120, .15);
        padding: 30px 20px;
        background: #fff;
        position: relative;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }

    .new-cont-top span {
        margin-right: 10px;
    }

    .new-cont-top h1 {
        color: #2b3c6b;
        line-height: 1.7em;
    }



    .page-left .m-bt {
        display: block;
    }

    .page-left {
        width: 100%;
        padding-bottom: 30px;
    }

    .page-right {
        width: 100%;
    }

    .screen-two {
        padding: 0 0 30px;
    }

    .page-right {
        display: none;
    }

    .slider-nav {
        left: 6%;
        top: 55%;
        max-width: 100%;
        width: 94%;
        display: none;
    }

    .slider-for .slick-dots {
        text-align: center;
    }

    .slider-for .slick-dots li {
        display: inline-block;
    }

    .slider-for .slick-dots li button {
        font-size: 0;
        width: 8px;
        height: 8px;
        background: #fff;
        opacity: .5;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        margin: 0 5px;
    }

    .slider-for .slick-dots li.slick-active button {
        opacity: 1;
    }

    .screen-two .sx-three,
    .screen-two .sx-four {
        display: none;
    }

    .foot-box {
        padding: 60px 5%;
    }

    .gotop {
        bottom: 20%;
        right: 5%;
        width: 45px;
    }
}

@media screen and (max-width: 767px) {
    .new-top strong {
        font-size: 18px;
    }

    .new-top ul {
        margin-top: 5px;
    }

    .page-left .m-bt {
        padding-left: 8%;
    }

    .screen-three li {
        margin-right: 15px;
    }

    .case-page-ul ul:before,
    .wz-ms span {
        display: none;
    }

    .case-page-ul ul {
        height: 60px;
        line-height: 60px;
    }

    .head-left {
        width: 100%;
    }

    .wz-ms {
        margin-left: 3%;

    }

    .wz-ms strong {
        color: #e8f5ff;
        font-weight: normal;
        margin-left: 0;
    }

    .wz-ms strong i {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        display: inline-block;
        background: #8aaecb;
        margin: 0 5px;
        vertical-align: middle;
    }

    .nav-left ul li {
        margin-top: 30px;
    }

    .m-about1 h1 {
        margin-bottom: 12px;
    }

    .m-about1 p {
        font-size: 14px;
        line-height: 1.7em;
    }

    .head-right {
        display: none;
    }

    .screen-one .screen-container {
        left: 5%;
        width: 90%;
        margin-top: -120px;
    }

    .num-box li {
        width: 60px;
    }

    .num-box {
        margin-left: -120px;
        display: none;
    }



    .page-right img {
        height: auto;
    }

    .slider-nav li .list .wz p {
        font-size: 22px;
    }

    .slider-nav .list {
        margin-bottom: 20px;
    }

    .page-left .pro-pic img {
        margin-bottom: 20px;
    }



    .screen-three .wz-gy {
        width: 90%;
    }

    .color-bg {
        padding-top: 60px;
        padding-left: 5%;
        padding-bottom: 30px;
    }



    .wz-gy p {
        font-size: 16px;
    }

    .screen-three {
        min-height: auto;

    }



    .screen-three ul {
        width: 1250px;
    }

    .screen-three li img {
        max-width: 280px;
    }




    .screen-three li p {
        font-size: 18px;
    }

    .screen-three li strong {
        font-size: 46px;
    }



    .foot-left {
        width: auto;
        margin-top: 30px;
        float: none;
    }

    .foot-left .text {
        display: none;
    }

    .foot-right {
        width: 100%;
        max-width: 100%;
        float: none;
        margin: 25px auto 0;
    }

    .foot-left h3 img {
        margin-top: -32px;
    }



    .foot-ul li {
        margin-top: 15px;
    }



    .message li,
    .product-list li {
        margin-bottom: 13px;
    }

    .foot-right p,
    .message ul {
        margin-top: 13px;
    }

    .product-class {
        margin-top: 20px;
    }

    .product-left {
        width: 100%;
    }

    .product-name {
        margin-bottom: 20px;
    }

    .product-list ul {
        margin-top: 20px;
    }

    .product-list {
        width: 100%;
        padding-left: 0;
    }

    .pro-btn {
        margin-left: 0;
        font-size: 18px;
        width: 200px;
        height: 50px;
        line-height: 50px;
    }

    .product-class .num-box li {
        width: 85px;
        font-size: 16px;
    }



    .product-class .num-box {
        margin-left: -80px;
        display: block;
    }

    .product-class .num-box li {
        width: 10px;
        font-size: 0;
        height: 10px;
        background: #fff;
        border-radius: 50%;
        margin: 0 10px;
        opacity: .3;
    }

    .num-box li.active {
        opacity: 1;
    }





    .case-box .box-r {
        margin-top: 30px;
    }

    .case-box .box-r p {
        display: none;
    }

    .case-list ul li {
        width: 46%;
    }

    .case-box .box-r .more {
        padding-right: 15px;
    }

    .case-box .box-r .more a:after {
        right: 0;
    }

    .ul-box .ul-xq {
        margin-top: -20px;
        padding: 14px 15px 20px;
    }

    .new-list {
        padding-left: 0;
    }

    .new-list ul:after,
    .new-list li:before {
        display: none;
    }

    .item-l {
        width: 20%;
        padding: 27px 8px;
    }

    .item-r {
        width: 80%;
    }

    .item-r .pic a {
        padding-top: 30%;
    }



    .item-r .new-xq {
        margin-top: 5px;
    }

    .item-r .pic img {
        object-fit: cover;
    }

    .pro-box {
        margin-top: 20px;
    }

    .pro-box .case-l,
    .case-box .case-r {
        width: 100%;
        padding: 0;

    }

    .product-ul ul {
        margin-top: 10px;
    }

    .pro-box,
    .ba-color-jb {
        padding-bottom: 40px;
    }

    .product-ul ul {
        margin-left: -2.33%;
    }

    .product-ul li {
        margin-top: 15px;
        width: 31%;
        margin-left: 2.33%;
        height: 115px;
        padding: 20px 17px 10px;
    }

    .operating-ys li {
        margin-bottom: 20px;
    }

    .operating-ys li strong {
        padding: 0 20px;
    }

    .mar-top {
        margin-top: 25px;
    }

    .work-yl {
        padding: 30px 0;
    }

    .libs-content h2,
    .related-case h2 {
        margin-bottom: 5px;
    }

    .xc-right li {
        margin: 0
    }

    .operating-ys li p {
        padding: 15px 20px;
        border-radius: 0 30px 30px 25px;
    }

    .case-box .case-l {
        width: 100%;
    }

    .case-box .case-l ul {
        margin: 20px 0
    }

    .evaluate-box .eval-r {
        display: none;
    }

    .new-top {
        background-size: cover;
        padding: 67px 10px 16px 17px;
        height: 240px;
        margin-top: -30px;
    }

    .new-top .zx-swt {
        margin-top: 8px;
        width: 109px;
        height: 36px;
        line-height: 36px;
        font-size: 16px;
    }

    .case-page-ul {
        margin-top: -20px;
    }

    .new-list {
        margin-top: 120px;
    }

    .item-l {
        display: none;
    }

    .item-r {
        width: 100%;
    }

    .item-r .pic a {
        width: 35%;
    }

    .item-r .new-xq {
        width: 65%;
    }



    .new-cont-top p {
        font-size: 16px;
    }



    .m-about1 h1 {
        font-size: 28px;
        line-height: 38px;
    }



    .m-about3 .txt h3,
    .m-about4 h3,
    .m-about5 h3,
    .m-about2 h3,
    .m-about2 h3 {
        background: none;
        font-size: 24px;
        padding-top: 0;
        margin-bottom: 0;
    }

    .m-about2 p {
        font-size: 14px;
        line-height: 24px;
    }

    .m-about2 li {
        padding: 0 5px;
    }

    .m-about2 li .con {
        font-size: 14px;
        line-height: 22px;
    }

    .m-about3 {
        padding: 30px 0;
    }

    .m-about3 .txt li {
        font-size: 16px;
        padding: 20px 0 20px 80px;
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        background-size: auto 100%;
        margin-bottom: 15px;
    }

    .m-about3 .txt h3 {
        margin-bottom: 15px;
    }

    .m-about4 li .kf {
        margin-top: -30px;
    }

    .m-about4 ul {
        padding-top: 40px;
    }

    .m-about5 {
        padding: 30px 0;
    }

    .m-about5 h3 {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .m-about5 .txt {
        margin-left: 15px;
        margin-right: 15px;
        padding: 20px;
    }

    .m-about5 .txt {
        font-size: 14px;
        line-height: 24px;
    }

    .m-contact1 .infor {
        display: none;
    }

    .m-contact1 {
        padding-top: 100px;
    }

    .m-contact1 .tit {
        margin-bottom: 50px;
        background: none;
    }

    .m-contact1 {
        padding-bottom: 10px;
    }

    .m-contact2 {
        padding: 50px 0;
    }

    .m-contact2 .tit h3 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .m-contact2 .con {
        padding: 30px 20px;
    }

    .m-contact2 .response {
        display: none;
    }

    .m-contact2 .form .inp,
    .m-contact2 .form .inp.other {
        float: none;
        width: auto;
        margin-bottom: 20px;
        padding-top: 0;
        font-size: 16px;
    }

    .m-contact2 .form .area {
        margin-bottom: 30px;
    }



    .ul-new-top .slick-prev,
    .ul-new-top .slick-next {
        bottom: 15px;
        box-shadow: 0 5px 20px rgba(53, 75, 120, .15);
    }

    .new-ul .slick-prev,
    .new-ul .slick-next {
        bottom: -70px;
    }

    .case-list {
        margin-top: 70px;
    }



    .foot-ul li p {
        margin-top: 5px;
        display: inline-block;
        margin-left: 5px;
    }



    .body-padding {
        padding-bottom: 56px;
    }

    .phone-foot {
        line-height: 56px;
        height: 56px;
    }

    .phone-foot a {
        font-size: 20px;
    }

    .phone-foot li.one a {
        padding-left: 40px;
    }

    .phone-foot li.one a:before {
        width: 27px;
        height: 23px;
        margin-top: -11px;
    }

    .phone-foot li.two a:before {
        width: 23px;
        height: 23px;
        margin-top: -11px;
    }

    .phone-foot li.two a {
        padding-left: 48px;
    }

    .phone-foot li.three:after {
        width: 161px;
        height: 100px;
    }

    .phone-foot li.three a {
        padding-right: 20px;
    }

    .phone-foot li.three a:before {
        width: 23px;
        height: 23px;
        top: 3px;
    }

    .footer p:nth-child(2) {
        display: none;
    }

    .num-box li {
        padding-bottom: 8px;
    }

    .foot-left h3 {
        font-size: 28px;
        text-align: center;
        display: flex;
        justify-content: space-between;
    }

    .foot-left .tit {
        width: 100%;
        padding: 5px 0 5px 12px;
        margin-top: 20px;
        letter-spacing: 15px;
    }

    .product-ul li.one:after {
        left: 12px;
        bottom: 20px;

        width: 57px;
        height: 6px;
    }

    .pro-swt-box .hq-bj {
        width: 156px;
        line-height: 38px;
        height: 38px;
    }

    .product-ul li p {
        font-size: 14px;
    }

    .product-ul li strong {
        font-size: 14px;
        margin-top: 5px;
    }

    .box-screen {
        padding-bottom: 50px;
        margin-top: 25px;
    }

    .foot-box {
        padding: 40px 5%;
    }

    .foot-right strong:before {
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .foot-right strong {
        display: block;
        text-align: center;
    }
}


@media screen and (max-width:479px) {
    .foot-left .tit {
        letter-spacing: 9px;
    }

    .new-top {
        height: 220px;
    }

    .gotop {
        width: 36px;
    }

    .m-about2 ul {
        font-size: 0;
        text-align: center;
    }

    .m-about2 li {
        float: none;
        width: 50%;
        display: inline-block;
        margin-bottom: 30px;
    }

    .m-about2 li:first-child {
        width: 51%;
    }

    .m-about2 {
        background: none;
        padding-bottom: 20px;
    }

    .m-about3 .txt li {
        font-size: 14px;
    }

    .m-about1 h1 {
        font-size: 26px;
    }

    .m-about4 li {
        float: none;
        width: auto;
    }

    .m-about4 li .txt strong {
        font-size: 18px;
    }

    .m-contact1 .tit {
        font-size: 26px;
    }

    .m-contact1 .contact .item {
        padding-left: 35px;
    }

    .m-contact1 .contact .item p,
    .m-contact1 .contact .item em {
        font-size: 15px;
    }

    .m-contact2 .tit h3 {
        font-size: 18px;
    }

    .screen-three ul {
        width: 950px;
    }

    .screen-three li img {
        max-width: 200px;
    }

    .screen-three li strong {
        font-size: 36px;
    }

    .screen-three li span {
        top: 4px
    }

    .is-screen .screen-four .foot-left .tit {
        display: none;
    }

    .foot-left h3 img {
        margin-top: -15px;
    }

    .product-name p {
        font-size: 14px;
    }

    .product-ul ul {
        margin-top: 10px;
    }

    .operating-ys li p {
        border-radius: 0 10px 10px 10px;
        padding: 15px;
        line-height: 1.7em;
    }

    .ul-new-top h1:after {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;

        width: 78px;
        height: 3px;
        bottom: -15px;
    }

    .ul-new-top .case {
        display: none;
    }

    .ul-new-top h1 {
        margin-bottom: 35px;
    }

    .crumbs-box li,
    .crumbs-box ol {
        line-height: 50px;
    }

    .foot-right strong,
    .wz-gy h3,
    .page-left h3,
    .case-box .box-r h3,
    .cont-left h2 {
        font-size: 20px;
    }

    .case-box .box-r {
        margin-top: 15px;
        padding: 0 10px;
    }

    .libs-content p,
    .libs-content li {
        font-size: 16px;
    }

    .libs-content h2,
    .related-case h2 {
        margin-top: 15px;
    }

    .tj-pro li h3 {
        margin: 0 5px;
    }

    .evaluate-box {
        padding: 21px 15px 21px;
        background: #edf0fc;
    }

    .evaluate-box .eval-top {
        margin-left: 0;
    }

    .evaluate-box p {
        padding-top: 5px;
    }

    .related-case ul {
        margin-top: 10px;
    }

    .case-list ul li {
        width: 96.7%;
    }

    .case-list {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .case-box .box-r li {
        font-size: 16px;
    }

    .case-box .box-r .more {
        width: 130px;
        height: 42px;
        line-height: 42px;
    }

    .case-box .box-r .more a:after {
        right: -8px;
    }

    .ul-new-top .slick-prev,
    .ul-new-top .slick-next {
        width: 32px;
        height: 32px;
        background-size: 18px;
        bottom: 30px;
    }

    .new-ul .slick-prev,
    .new-ul .slick-next {
        bottom: -50px;
    }

    .new-list {
        margin-top: 80px;
    }

    .ul-new-top .slick-prev {
        right: 50px;
    }

    .ul-new-top .slick-prev:hover,
    .ul-new-top .slick-next:hover {
        background-size: 18px;
    }

    .foot-right strong,

    .case-box .case-r h1,
    .new-cont-top h1,
    .ul-new-top h1 {
        font-size: 24px;
        line-height: 1.5em;
    }



    .product-name h2,
    .tj-pro h2,
    .libs-content h2,
    .related-case h2,
    .related-new h2 {
        font-size: 22px;
    }

    .case-box .box-r h3,
    .wz-gy h3,
    .page-left h3 {
        font-size: 20px;
        line-height: 1.5em;
    }

    .case-box .case-r strong {
        font-size: 16px;
    }

    .libs-content h2:after,
    .related-case h2:after {
        width: 16px;
        height: 16px;
        margin-top: -8px;
        right: -25px;
    }

    .libs-content li {
        padding-left: 0;
    }

    .libs-content li:before {
        display: none;
    }

    .related-case li {
        width: 97.5%;
    }

    .item-r .pic a {
        width: 100%;
        padding-top: 65%;
        max-width: 100%;
    }

    .item-r .new-xq {
        width: 100%;
        padding: 0;
        margin-top: 15px;
    }

    .item-r .new-xq p {
        margin-top: 10px;
    }

    .new-list li {
        margin-bottom: 15px;
    }

    .new-top ul {
        display: none;
    }

    .new-cont-top {
        margin-bottom: 0;
    }

    .new-cont-top p {
        margin-top: 15px;
    }

    .new-cont-top span {
        display: block;
        margin-bottom: 10px;
    }



    .cont-left p {
        font-size: 16px;
    }

    .content-new {
        margin-top: 0;
    }

    .cont-left h2 {
        margin: 18px 0;
        padding-left: 38px;
    }


    .num-box {
        margin-left: -130px;
    }

    .num-box li {
        padding-bottom: 5px;
        font-size: 14px;
        width: 65px;
    }




    .product-list ul {
        margin-top: 10px;
    }

    .product-list li {
        font-size: 14px;
    }

    .operating-ys li strong {
        font-size: 16px;
        padding: 0 15px;
        border-radius: 10px 10px 0 0;
    }

    .new-ul {
        margin-top: 35px;
    }

    .body-padding {
        padding-bottom: 48px;
    }

    .phone-foot {
        height: 48px;
        line-height: 48px;
    }

    .phone-foot a {
        font-size: 16px;
    }

    .phone-foot li.one a {
        padding-left: 34px;
    }

    .phone-foot li.one a:before {
        width: 20px;
        height: 16px;
    }

    .phone-foot li.two a {
        padding-left: 38px;
    }

    .phone-foot li.two a:before {
        width: 18px;
        height: 18px;
    }

    .phone-foot li.three a {
        padding-right: 12px;
    }

    .phone-foot li.three:after {
        width: 115px;
        height: 79px;
    }

    .phone-foot li.three a:before {
        width: 18px;
        height: 18px;
        top: 0;
    }

    .screen-three .wz-gy {
        margin-top: 15px;
    }



    .foot-left h3 img {
        width: 32px;
    }

    .foot-ul li p strong {
        font-size: 20px;
    }

    .foot-right strong:before {
        width: 174px;
        height: 35px;
    }

    .message li input {
        height: 40px;
    }

    .message li:before {
        top: 12px;
    }

    .message li textarea {
        height: 90px;
        padding: 10px;
    }

    .slider-nav li .list .wz p {
        font-size: 16px;
    }

    .slider-nav {
        left: 2%;
        top: 52%;
    }

    .slider-nav .list .wz span {
        font-size: 12px;
    }

    .slider-nav .list .num {
        font-size: 16px;
        width: 22px;
        height: 22px;
        line-height: 20px;
    }

    .slider-nav .list {
        margin-bottom: 15px;
    }

    .color-bg {
        padding: 30px 5% 10px;
    }

    .wz-gy h3 {
        margin-bottom: 10px;
    }

    .box-screen {
        padding-bottom: 35px;
    }

    .foot-right {
        padding: 60px 15px 10px;
    }

}

@media screen and (max-width: 413px) {
    .product-left img {
        width: 85%;
        display: block;
        margin: 0 auto;
    }

    .foot-left h3 {
        font-size: 18px;
    }

    .product-class {
        margin-top: 0px;
    }

    .product-list li {
        padding: 5px 15px;
    }
}

@media screen and (max-width:359px) {


    .m-about1 h1 {
        font-size: 22px;
    }

    .m-about3 .txt h3,
    .m-about4 h3,
    .m-about5 h3,
    .m-about2 h3,
    .m-about2 h3 {
        font-size: 20px;
    }

    .phone-foot {
        background: #0e314b;
        height: 50px;
        line-height: 50px;
        padding: 0;
    }

    .phone-foot li.three:after {
        display: none;
    }

    .phone-foot li.three {
        background: -webkit-linear-gradient(left, #f5332e, #fd4a21);
        background: -o-linear-gradient(right, #f5332e, #fd4a21);
        background: -moz-linear-gradient(right, #f5332e, #fd4a21);
        background: linear-gradient(to right, #f5332e, #fd4a21);
    }

    .foot-right {
        width: 100%;
    }

    .foot-left {
        margin-left: 0;
    }

    #section4 .foot-box {
        padding: 30px 3%;
    }

    .wz-ms strong {
        font-size: 14px;
    }

    .case-ul-box {
        margin-top: 0;
        padding-top: 0;
    }

    .new-ul {
        margin-top: 0;
    }

    .wz-ms strong i {
        margin: 0;
    }

    .pro-swt-box .hq-bj {
        float: none;
    }

    .case-box .case-r .more {
        margin-left: 0;
        margin-top: 15px;
        float: none;
    }

    .product-ul li {
        padding: 10px
    }

    .foot-right strong,
    .case-box .case-r h1,
    .new-cont-top h1,
    .ul-new-top h1 {
        font-size: 22px;
    }

    .new-top .zx-swt {
        margin-top: 0;
    }

    .new-cont-top {
        padding: 10px 15px;
    }

    .prev-next .tit {
        width: 86%;
    }
}

/*宝马展*/
.time-box {
    position: fixed;
    width: 100%;
    height: 100%;
    line-height: 1;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.6);
    display: none;

}

.time-img {
    display: table-cell;
    vertical-align: middle;
}

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

.dtime {
    position: absolute;
    right: 20px;
    top: 20px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
}

/*相关产品*/
.link-goods li img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: block;

}

.link-goods li h3 {
    font-size: 20px;
    color: #333333;
    line-height: 40px;
    background: #fff;
}

.link-goods li h3 a {
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 0 8px;
    position: relative;
    z-index: 10;
    font-size: 20px;
}

.link-goods li h3:after {
    display: none;
}

.link-goods li:hover h3 a {
    color: #34538c;
}

.link-goods li a {
    overflow: hidden;
    display: block;
}

.libs-content {
    margin-bottom: 26px;
}

.link-goods li:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/*优势*/
.ys-view {
    background: url("../../d/images/ys-bgimg.jpg") center top no-repeat;
    padding-bottom: 96px;
    padding-top: 16px;
}

.ys-view h2 {
    color: #fff;
    margin-bottom: 50px;
}

.ys-vbg {
    width: 77%;
    background-image: -moz-linear-gradient(90deg, rgb(22, 38, 65) 0%, rgb(22, 83, 179) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(22, 38, 65) 0%, rgb(22, 83, 179) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(22, 38, 65) 0%, rgb(22, 83, 179) 100%);
    box-shadow: 0px 0px 9px 0px rgba(104, 106, 115, 0.14);
    -webkit-border-radius: 0 120px 0 0;
    -moz-border-radius: 0 120px 0 0;
    border-radius: 0 120px 0 0;
    padding: 32px 135px 80px 40px;
}

.ys-vlist li {
    padding-left: 66px;
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 32px;
    background: url("../../d/images/ys-icon.png") left 9px no-repeat;
    margin-top: 0;
}

.ys-vlist li span {
    color: #ffd426;
    font-size: 20px;
}

.ys-vlist {
    background: url("../../d/images/ys-icon2.png") 9px top repeat-y;
    padding: 30px 0 1px;
}

.ys-vlist li:before {
    display: none;
}

.ys-view .wrap {
    position: relative;
}

.ys-pro {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 33%;
}

.slider-nav li p a {
    color: #FFFFFF;
}

.slider-nav li.active p a,
.slider-nav li.active p a {
    color: #de4032;
}

.new-year {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    display: none;
}

.ny-img {
    width: 94%;
    max-width: 1400px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ny-close {
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 42px;
    color: #333;
    text-align: center;
    right: -25px;
    top: -25px;
    cursor: pointer;
}

.ny-close:hover {
    text-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.6);
}

/*2021.2.23*/
.fixed-box {
    width: 384px;
    position: fixed;
    bottom: -100%;
    right: 0;
    z-index: 99991;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.fix-colse {
    width: 75px;
    height: 30px;
    position: absolute;
    right: 4px;
    top: 10px;
    cursor: pointer;
    display: block;
}

.fixed-box.open {
    bottom: 0;
}

/*2021.2.23*/


.main-page{position:relative;width:100%;color:#333;font-size:16px;line-height:38px;text-align:center;margin:70px auto 70px}
.main-page a,.main-page span{display:inline-block;color:#666;margin:0 5px;padding:0 14px;border:1px solid #dedfe0;background-color:#fff;cursor:pointer}
.main-page .current{color:#fff;border:1px solid #014a7f;background-color:#014a7f}
.pagination{display:inline-block;margin:0 auto}
.pagination li{float:left}
.main-page a:hover,.page-active span,.pagination .active span,.ul-tab-page .on a{color:#fff;border:1px solid #014a7f;background:#014a7f;-webkit-box-shadow:0 5px 10px -2px rgba(37,92,79,.35);box-shadow:0 5px 10px -2px rgba(37,92,79,.35)}
.pagination ul{display:inline-block}





.case_det_title{font-size:28px;color:#333;position:relative;padding-left:45px;margin:32px 0 30px}
.case_det_title:before{background:url(../../d/images/h_bg.png) no-repeat;background-size:100% 100%;width:33px;height:22px;content:"";display:block;position:absolute;left:0;top:11px}





.content-left-ys{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    -webkit-justify-content:space-between;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}

.content-left-ys .item{
    width: 49%;
    padding: 0 28px 28px 28px;
    background: #f0f3fa;
}
.content-left-ys .item .con{
    font-size: 30px;
    color: #333;
    font-weight: bold;
}
.content-left-ys .case_det_title{
    margin-bottom: 10px;
}
.content-left-ys .item .con{
    padding-left: 45px;
}


.case_det_pic_list{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    -webkit-justify-content:space-between;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.case_det_pic_list .item{
    width: 48%;
    margin-bottom: 40px;
}
.case_det_pic_list .item a{
    display: block;
    border-radius: 50px;
    overflow: hidden;
}


.case_det_jianshu{
    background: #f0f3fa;
    padding: 60px 4%;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center;
}


.case_det_jianshu_l{
    width: 202px;
}
.case_det_jianshu_l .pic{
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 24px;
}
.case_det_jianshu_l .tt{
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.case_det_jianshu_r{
    width: calc(100% - 202px);
    padding-left: 53px;
}
.case_det_jianshu_r_text{
    font-size: 18px;
    line-height: 36px;
    color: #333;
    margin-bottom: 42px;
}
.case_det_jianshu_btn_box{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
}
.case_det_jianshu_btn_box a{
    width: 48%;
    line-height: 52px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 52px;
    margin-right: 2%;
    background: #014a7f;
}
.case_det_jianshu_btn_box a:first-child{
    background: #ff9700;
}



.gjc_list1_tt{
    font-size:16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 14px;
}
.gjc_list1_con{
    display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}

.gjc_list1_con a{
    color: #333;
    font-size:14px;
    line-height: 30px;
    padding: 0 15px;
    background: #f5f5f5;
    margin: 0 10px 10px 0;
    transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.gjc_list1_con a:hover{
    color: #Fff;
    background: #ff9600;
    transition:all 0.5s;
	-webkit-transition:all 0.5s;
}



.newsBtn{
    display: inline-block !important;
}
.newsBtn img{
    display: inline-block !important;
    width: 120px;
    height: 40px;
}