/* 响应式样式 */


/* 通用重置 */

* {
    margin: 0;
    padding: 0;
}

@media (max-width: 1024px) {
    .xymob-head {
        display: block !important;
    }
}


/* 通用样式 */

.dth_pos {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.dth_wh {
    display: block;
    /* 1600 */
    margin: 0 auto;
    width: 83.333vw;
}

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

@media(max-width:1660px) {
    .dth_wh {
        width: 95%;
    }
}

@media(max-width:1024px) {
    body {
        padding-top: 60px !important;
    }
}


/* 统一的样式 */

.com-img {
    display: inline;
    overflow: hidden;
    margin: 0 auto;
    display: table;
}

.com-img img {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
}

.com-img:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
}


/* 插件整体修改 */

.slick-arrows {
    outline: none;
}

.slick-slide {
    outline: none;
}

.swiper-button-prev,
.swiper-button-next {
    outline: none;
}

.swiper-button-prev,
.swiper-button-next {
    outline: none;
    display: flex;
    width: 24px;
    height: 44px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    content: "";
    background: none;
    display: block;
    width: 40px;
    height: 40px;
    border: 2px solid #ffffff;
    border-color: transparent transparent #ffffff #ffffff;
    position: absolute;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    left: 12px;
    top: 50%;
    margin-top: -20px;
}

.swiper-button-next {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.swiper-pagination {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 5%;
}

.swiper-pagination .swiper-pagination-bullet {
    outline: none;
    margin: 0 1em;
}

@media(max-width:992px) {
    .swiper-button-prev,
    .swiper-button-next {
        display: none;
    }
}


/* 头部 和 导航 */

header.dth_pos {
    background:rgba(0,0,0,.5);height:100px;
    position: fixed;
    /*top: 4.2vh;*/
    z-index: 99;
}

header.ind2 {}

header .dth_wh {
    /*padding-top: 4.2vh;*/
    height: 100px;
    justify-content: space-between;
    align-items: center;
}

.logo {
    display: block;
}

.logo a {
    display: block;
}

.logo a img {
    max-width: 100%;
}

.logo a img:nth-child(2) {
    display: none;
}

header.ind2 .logo a img:nth-child(1) {
    display: none;
}

header.ind2 .logo a img:nth-child(2) {
    display: block;
}

.top_rs {
    display: block;
}

.top_rs ul {
    display: inline-flex;
    height: 60px;
    align-items: center;
}

.top_rs li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    width: 60px;
    height: 60px;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
}
.top_rs li .ws{
    position: relative;
    display: block;
    border: solid 1px #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 20px;
}
header.ind2 .top_rs li .ws{
    border-color: #353535;
}
header.ind2 .top_rs li {
    color: #353535;
}
.top_rs li:nth-child(n+2) {
    margin-left: 30px;
}

.top_rs li#hed_sou .ws{
    background-image: url("//cdn.myxypt.com/34921a4d/21/04/783ed2301dd2db3a51175ac983a4dabd3cd209b2.png");
}

.top_rs li#hed_tel .ws{
    background-image: url("//cdn.myxypt.com/34921a4d/21/04/c09ae344f95c167cf36c7f42f980f1f7e254aa85.png");
}

header.ind2 .top_rs li#hed_sou .ws{
    background-image: url("//cdn.myxypt.com/34921a4d/21/04/1671733dc41c7117aa3999e0ad59615cf140daa5.png");
}

header.ind2 .top_rs li#hed_tel .ws{
    background-image: url("//cdn.myxypt.com/34921a4d/21/04/44726b4ab83102a9d20a7902fb331129986fa238.png");
}

.top_rs li#nav_bt .ws {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top_rs li#nav_bt .ws span {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #ffffff;
    position: relative;
}

.top_rs li#nav_bt span::before,
.top_rs li#nav_bt span::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    left: 0;
}

header.ind2 .top_rs li#nav_bt span,
header.ind2 .top_rs li#nav_bt span::before,
header.ind2 .top_rs li#nav_bt span::after {
    background-color: #353535;
}

.top_rs li#nav_bt span::before {
    top: -5px;
}

.top_rs li#nav_bt span::after {
    bottom: -5px;
}


/* 搜索 */

#formsearchs {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: 125%;
    background-color: #ffffff;
    border-radius: 10px;
    border: solid 2px #a0a0a0;
    display: none;
}

#formsearchs .flex {
    align-items: center;
    width: 330px;
    padding: 7px 0;
}

#formsearchs input {
    outline: none;
    border: none;
    background: none;
    height: 30px;
    line-height: 30px;
    font-size: 0;
}

#formsearchs input#keywords {
    color: #000000;
    padding: 0 10px;
    width: 287px;
    /* font-size: 24px; */
    /* 无字体 调整大小 */
    font-size: 20px;
}

#formsearchs input#keywords::placeholder {
    color: rgba(0, 0, 0, 0.65);
}

#formsearchs input#s_btns {
    display: block;
    width: 43px;
    border-left: 1px solid #a0a0a0;
    background-image: url("//cdn.myxypt.com/34921a4d/21/04/51e77bd18f98e627f6fefddefadf72f4717dc076.png");
    background-repeat: no-repeat;
    background-position: center;
}


/* 头部电话 */

.top_tel {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: 125%;
    display: none;
    background-color: #ffffff;
    border-radius: 10px;
    border: solid 2px #a0a0a0;
    /* font-size: 27px; */
    /* font-weight: normal; */
    font-stretch: normal;
    line-height: 2;
    letter-spacing: 0.1em;
    color: rgba(0, 0, 0, 0.83);
    width: 12.318em;
    text-align: center;
    /* 无字体 调整大小 */
    font-size: 22px;
    font-weight: bold;
}

@media(max-width:1024px) {
    header {
        display: none !important;
    }
}


/* 导航 */


/*弹出导航*/

.xymob-menu2 {
    display: none;
    /*position: absolute;*/
    position: fixed;
    z-index: 90;
    left: 0;
    right: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
}

.xymob-menu2 .dth_wh {
    height: 100vh;
    overflow: auto;
    padding-bottom: 80px;
    overflow: hidden;
}

.xymob-menu2 ul {
    padding-top: 23vh;
    justify-content: space-between;
}

.xymob-menu2 ul li {
    width: auto;
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    display: block;
    line-height: 36px;
    min-width: 4em;
}

.xymob-menu2 ul li:nth-child(n+2) {
    margin-left: 2%;
}

.xymob-menu2 ul li>a {
    display: block;
    color: #fff;
    font-size: 20px;
}

.xymob-menu2 ul li .sec {
    margin-top: 5vh;
}

.xymob-menu2 ul li .sec a {
    color: rgba(255, 255, 255, 0.5);
    display: block;
}

.xymob-menu2 ul li .sec a:hover {
    color: rgba(255, 255, 255, 0.8);
}

@media(max-width:1024px) {
    .xymob-menu2 {
        display: none !important;
    }
}


/* 相同标题 以第一个为准 */

.titles {
    display: block;
    width: 100%;
    text-align: left;
}

.titles h2 {
    /* font-size: 38px; */
    font-size: 1.97917vw;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: -0.03947em;
    color: #010101;
}

.titles h2 span {
    display: inline-block;
    /* 33 */
    font-size: 1.71875vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: -0.0212em;
    color: #bbb7b7;
    margin-left: 0.848em;
}

.titles h3 {
    /* font-size: 24px; */
    font-size: 1.25vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.584;
    letter-spacing: -0.020833em;
    color: #646968;
    /* padding-left: 55px; */
    padding-left: 2.29167em;
    position: relative;
    margin-top: 1em;
}

.titles h3::before {
    content: "";
    display: block;
    width: 1.5833em;
    height: 1px;
    background-color: #c0bebe;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.5px;
    background-color: #c0bebe;
}

@media(min-width:1400px) {
    .titles{
        margin-top:4vh;
    }
    
}

@media(max-width:1660px) {}

@media(max-width:1400px) {
    .titles h2 {
        font-size: 26px;
    }
    .titles h2 span {
        font-size: 22px;
    }
    .titles h3 {
        font-size: 16px;
    }
}

@media(max-width:1024px) {
    .titles h2 {
        font-size: 20px;
    }
    .titles h2 span {
        font-size: 16px;
    }
    .titles h3 {
        font-size: 12px;
        margin-top: 0.8em;
    }
}

@media(max-width:992px) {}

@media(max-width:640px) {}

@media(max-width:420px) {}


/* 首页 右侧导航按钮 */

.sideNav {
    position: fixed;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 99;
}

.sideNav ul {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 20px;
}

.sideNav li {
    border-radius: 10px;
    border: solid 1px transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
}

.sideNav li.active {
    border-color: #434141;
}

.sideNav li:nth-child(n+2) {
    margin-top: 2px;
}

.sideNav li a {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    border-radius: 6px;
}

.sideNav li.active a {
    background-color: #434141;
}


/* 每一屏 */

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

@media(max-width:1024px) {
    .section {
        height: auto !important;
    }
    .section .fp-tableCell {
        height: auto !important;
    }
}


/* 第一屏 banner */

.section1 {}

#mob_banners {
    display: none;
}
.bannerse {
    position: relative;
}

.bannerse li a {
    display: block;
}

.bannerse li a img {
    width: 100%;
    height: auto;
}

.bannerse .swiper-pagination {
    bottom: 3.8vh;
}

.bannerse .swiper-pagination-bullet {
    width: 60px;
    height: 6px;
    background-color: #ffffff;
    opacity: 1;
    border-radius: 0;
}

.bannerse .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #ed0101;
}

.bannerse .swiper-button-prev,
.bannerse .swiper-button-next {
    width: 54px;
    height: 54px;
    border: solid 1px #ffffff;
    background-color: transparent;
    border-radius: 50%;
}

.bannerse .swiper-button-prev:hover,
.bannerse .swiper-button-next:hover {
    border-color: #ed0101;
    background-color: #ed0101;
}

.bannerse .swiper-button-prev::after,
.bannerse .swiper-button-next::after {
    width: 16px;
    height: 16px;
    border-color: transparent transparent #ffffff #ffffff;
    position: relative;
    left: 8%;
    top: 0;
    margin: 0;
}

.bannerse .swiper-button-prev:hover::after,
.bannerse .swiper-button-next:hover::after {
    border-color: transparent transparent #ffffff #ffffff;
}

.bannerse .swiper-button-prev {
    left: 5.052vw;
}

.bannerse .swiper-button-next {
    right: 5.052vw;
}

@media(min-width:1025px) {
    .bannerse li a img {
        height: 100vh;
    }
}

@media(max-width:992px) {}

@media(max-width:768px) {
    .bannerse .swiper-pagination-bullet {
        width: 30px;
        height: 4px;
        margin: 0 5px;
    }
    #banners {
        display: none;
    }
    #mob_banners {
        display: block;
    }
}

@media(max-width:640px) {
    .bannerse .swiper-pagination {
        bottom: 4vw;
    }
}

@media(max-width:420px) {}


/* 第二屏 关于我们 */

.section2 {}

.abt_l {
    display: block;
    width: 50%;
    float: left;
}

.abt_l img {
    width: 100%;
    height: auto;
}

.abt_r {
    display: flex;
    float: right;
    width: 50%;
    padding: 0 9.27vw 0 3.125vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    align-items: flex-start;
    justify-content: center;
    flex-flow: column;
}

.abt_r h2 {
    /* font-size: 14px; */
    font-size: 0.7292vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0.6px;
    color: #8e8e8e;
}

.abt_r h3 {
    /* font-size: 35px; */
    font-size: 1.82vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0.08em;
    color: #202020;
    margin-top: 0.514em;
}

.abt_r .ab_hxt {
    display: block;
    /* width: 49px;
    height: 5px; */
    width: 2.55vw;
    min-width: 30px;
    height: 0.5vh;
    min-height: 2px;
    background-color: #950907;
    margin-top: 3.9vh;
}

.ab_wzs {
    /* font-size: 23px; */
    font-size: 1.1979vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: 0.07826em;
    color: #202020;
    text-align: justify;
    margin-top: 3.5vh;
}

a.ab_as {
    display: block;
    width: 7.375em;
    background-color: #950907;
    border-radius: 0.42em;
    text-align: center;
    /* 24 */
    font-size: 1.25vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.833;
    letter-spacing: 0.079em;
    color: #ffffff;
    margin-top: 4vh;
}

@media(min-width:1025px) {
    .abt_l img {
        height: 100vh;
    }
    .abt_r {
        height: 100vh;
    }
}

@media(max-width:1660px) {}

@media(max-width:1400px) {
    .abt_r h3 {
        font-size: 24px;
    }
}

@media(max-width:1024px) {
    .abt_l {
        width: 100%;
    }
    .abt_r {
        width: 100%;
        padding: 5vw 2vw 4vw;
    }
    .abt_r h2 {
        font-size: 12px;
    }
    .abt_r h3 {
        font-size: 20px;
    }
    .abt_r .ab_hxt {
        margin-top: 2vw;
    }
    .ab_wzs {
        font-size: 14px;
        margin-top: 2.8vw;
    }
    a.ab_as {
        font-size: 16px;
    }
}

@media(max-width:992px) {
    
}
@media(max-width:768px) {
    .abt_r h2 {
        font-size: 11px;
    }
    .ab_wzs {
            position: absolute;
    top: 17%;
    width: 100%;
    /* text-align: center; */
    font-size: 20px;
    margin: 4px -9px 15px -15px;
    
}
}

@media(max-width:640px) {
    .abt_r h2 {
        font-size: 11px;
    }
    .ab_wzs {
        position: absolute;
        top: 22%;
        width: 100%;
        /*text-align: center;*/
        font-size: 12px;
       margin: 0px 0px 0px -8px;
    }
    a.ab_as {
        font-size: 14px;
        margin-top: 4vw;
    }
}

@media(max-width:420px) {
    .abt_r h2 {
        font-size: 11px;
    }
    .ab_wzs {
        position: absolute;
        top: 0%;
        width: 100%;
        /*text-align: center;*/
        font-size: 12px;
       margin: 0px 0px 0px -8px;
    }

}


/* 第三屏 产品中心 */

.section3 {}

.section3 .dth_wh {
    position: relative;
}

.products li {
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.products .simg {
    display: block;
    width: 55.3125%;
}

.products .simg img {
    width: 100%;
    height: auto;
}

.products .sright {
    display: block;
    width: 39.75%;
}

.products .sright h2 {
    /* font-size: 31px; */
    font-size: 1.6145vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0.0419em;
    color: #ffffff;
    padding-bottom: 0.742em;
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.products .sright h2::after {
    content: "";
    display: block;
    width: 1.0967742em;
    height: 0.0967742em;
    min-height: 1px;
    background-color: #950907;
    position: absolute;
    left: 0;
    bottom: 0;
}

.products .sright p {
    /* font-size: 16px; */
    font-size: 0.833vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2.0625;
    letter-spacing: 0.0375em;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 8.25em;
    margin-top: 2em;
    text-align: justify;
}

a.promore {
    background-color: #950907;
    border-radius: 0.29412em;
    /* font-size:17px; */
    font-size: 0.885416vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.7648;
    letter-spacing: 0.7px;
    color: #ffffff;
    /* width: 96px;
    height: 30px; */
    width: 5.647em;
    height: 1.7648em;
    text-align: center;
    display: block;
    margin-top: 3.2vh;
}

.swiper_arrows {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 10.98%;
    width: 121px;
    justify-content: space-between;
    align-items: center;
}

.swiper_arrows::before {
    content: "";
    display: block;
    /* 407 */
    width: 21.19792vw;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    right: calc(100% + 26px);
    top: 50%;
    margin-top: -0.5px;
}

.swiper_arrows .swiper-button-prev,
.swiper_arrows .swiper-button-next {
    display: block;
    position: relative;
    left: 0;
    right: 0;
    margin: 0;
    width: 50px;
    height: 50px;
    border: solid 1px #ffffff;
    border-radius: 50%;
}

.swiper_arrows .swiper-button-prev::after,
.swiper_arrows .swiper-button-next::after {
    width: 15px;
    height: 15px;
    left: 50%;
    margin-left: -4px;
    top: 50%;
    margin-top: -7.5px;
}

@media(max-width:1660px) {}

@media(max-width:1400px) {
    .products .sright h2 {
        font-size: 24px;
    }
    .products .sright p {
        font-size: 12px;
    }
    a.promore {
        font-size: 13px;
    }
}

@media(max-width:1200px) {
    .swiper_arrows {
        width: 100px;
        bottom: 5%;
    }
    .swiper_arrows .swiper-button-prev,
    .swiper_arrows .swiper-button-next {
        width: 40px;
        height: 40px;
    }
}

@media(max-width:1024px) {
    a.promore {
        font-size: 12px;
    }
    .products {
        padding: 8vw 0;
    }
    .swiper_arrows {
        width: 70px;
        bottom: 0;
    }
    .swiper_arrows .swiper-button-prev,
    .swiper_arrows .swiper-button-next {
        width: 30px;
        height: 30px;
    }
    .swiper_arrows .swiper-button-prev::after,
    .swiper_arrows .swiper-button-next::after {
        width: 10px;
        height: 10px;
        margin-left: -3px;
        margin-top: -5px;
    }
}

@media(max-width:768px) {
    .products li {
        flex-flow: column;
    }
    .products .simg {
        width: 100%;
    }
    .products .sright {
        width: 100%;
        margin-top: 4vw;
    }
    .products .sright p {
        margin-top: 1em;
    }
    a.promore {
        margin-top: 1vw;
        font-size: 14px;
    }
    .swiper_arrows::before {
        display: none;
    }
}

@media(max-width:640px) {
    a.promore {
        margin-top: 20px;
    }
}

@media(max-width:420px) {}


/* 第四屏 产品优势 */

.section4 {}

.adv_cons {
    margin-top: 6vh;
    padding: 0 2%;
}
.adv_cons .swiper-container{
    padding: 10px 1.5%;
}
.adv_cons li {	}

.adv_cons li a {
    display: block;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;box-shadow: 7.7px 6.4px 10px 0px rgba(0, 0, 0, 0.18);
}

.adv_cons li a img {
    width: 100%;
    height: auto;
}

.adv_cons li .wzs {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 10% 14.8% 9.88%;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: 0.8s ease;
    -webkit-transition: 0.5s ease;
}

.adv_cons li:hover .wzs {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.adv_cons li .wzs h3 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* font-size: 27px; */
    font-size: 1.40625vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.08148em;
    color: #ffffff;
}

.adv_cons li .wzs p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    /* font-size: 18px; */
    font-size: 0.9375vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.66;
    letter-spacing: 0.0833em;
    text-align: justify;
    color: #ffffff;
    margin-top: 0.56em;
    height: 8.3em;
}

@media(max-width:1660px) {}

@media(max-width:1400px) {
    .adv_cons{
        padding:0;
    }
    .adv_cons li .wzs h3 {
        font-size: 20px;
    }
    .adv_cons li .wzs p {
        font-size: 14px;
    }
}

@media(max-width:1024px) {
    .adv_cons {
        margin-top: 6vw;
    }
    .section4 {
        padding: 10vw 0 7vw;
    }
    .adv_cons li .wzs {
        padding: 10%;
    }
    .adv_cons li .wzs h3 {
        font-size: 18px;
    }
    .adv_cons li .wzs p {
        font-size: 12px;
    }
    .adv_cons .swiper-container{
        padding: 10px 0;
    }
}

@media(max-width:992px) {}

@media(max-width:640px) {
    .adv_cons li .wzs h3 {
        font-size: 14px;
    }
    .adv_cons li .wzs p {
        font-size: 10px;
    }
    .adv_cons li .wzs {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@media(max-width:420px) {}


/* 第五屏 客户案例 */

.section5 {}

.case_lists {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.case_lists li {
    width: 24%;
    position: relative;
    margin: .5%;
}

.case_lists li a.ovimg {
    overflow: hidden;
    display: block;
}

.case_lists li .ovimg img {
    width: 100%;
}

.case_lists li .cfu {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, .65);
    opacity: 0;
    transition: .3s;
}

.case_lists li .kss {
    position: absolute;
    border: 1px solid #fff;
    width: 90%;
    left: 5%;
    top: 5%;
    height: 90%;
    display: table;
}

.case_lists li .kss h2 {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.case_lists li .kss i {
    display: block;
    text-align: center;
    margin-top: 15px;
}

.case_lists li .kss i img {
    max-width: 100%;
    width: auto;
}

.case_lists li:hover .cfu {
    opacity: 1;
}

.case_lists li.wen {
    position: relative;
    padding-top: 3.125%;
}

.case_lists li.wen h2 {
    color: #323232;
    /* font-size: 30px; */
    font-size: 1.5625vw;
    padding: 10px 0;
}

.case_lists li.wen p {
    color: #646464;
    /* font-size: 20px; */
    font-size: 1.042vw;
    text-transform: uppercase;
    padding-bottom: 10px;
    position: relative;
}

.case_lists li.wen p::after {
    content: "";
    display: block;
    width: 2.1em;
    height: 0.25em;
    min-width: 30px;
    min-height: 2px;
    background-color: #a40c0a;
    border-radius: 2.5px;
    position: absolute;
    left: 0;
    bottom: 0;
}

a.casemore {
    margin-top: 12.125%;
    display: block;
    background-color: #a40c0a;
    border-radius: 0.42em;
    /* font-size: 24px; */
    font-size: 1.25vw;
    font-weight: lighter;
    font-stretch: normal;
    line-height: 1.92;
    letter-spacing: 0.0412em;
    width: 6em;
    color: #ffffff;
    text-align: center;
}

@media (max-width:1400px) {
    .case_lists li.wen {
        padding-top: 1.125%;
    }
    .case_lists li.wen h2 {
        font-size: 20px;
    }
    .case_lists li.wen p {
        font-size: 14px;
    }
    a.casemore {
        margin-top: 8.125%;
        font-size: 16px;
    }
}

@media (max-width:1024px) {
    .section5 {
        padding: 8vw 0 6vw;
    }
    .case_lists li {
        width: 48%;
        margin: 1%;
    }
    .case_lists li.wen {
        padding-top: 5vw;
    }
    .case_lists li.wen h2 {
        font-size: 24px;
        padding: 0;
    }
    .case_lists li.wen p {
        font-size: 16px;
    }
    a.casemore {
        font-size: 16px;
    }
}

@media(max-width:768px) {
    .case_lists li.wen h2 {
        font-size: 20px;
    }
    .case_lists li.wen p {
        font-size: 14px;
    }
    a.casemore {
        font-size: 12px;
    }
}

@media(max-width:640px) {
    a.casemore {
        font-size: 11px;
    }
}

@media(max-width:420px) {}


/* 第六屏 项目流程 */

.section6 {}

.xmlc {
    margin-top: 5.6vh;
}

.xmlc ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    /* padding: 0 178px; w  1600 - 356 = 1244 */
    padding: 0 11.25%;
    flex-wrap: wrap;
    align-items: center;
}

.xmlc li {
    display: block;
    /* width: 188px; */
    /* 间距 492 / 3 = 164 */
    position: relative;
    width: 15.1125%;
    margin-right: calc(39.55% / 3);
}

.xmlc li::after {
    content: "";
    display: block;
    left: calc(100% + 43.6%);
    top: 40%;
    margin-top: -24px;
    margin-left: -24px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("//cdn.myxypt.com/34921a4d/21/04/03d3161fe938cadc849d3fa4901f55744980c27c.png");
    background-size: auto 50%;
    width: 48px;
    height: 48px;
    background-color: #a40c0a;
    border-radius: 50%;
}

.xmlc li:nth-child(n+5)::after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.xmlc li:last-child::after {
    display: none;
}

.xmlc li:nth-child(4)::after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    top: 100%;
}

.xmlc li:nth-child(4n) {
    margin-right: 0;
}

.xmlc li:nth-child(n+5) {
    margin-top: 3vh;
}

.xmlc li a {
    display: block;
}

.xmlc li .imgs {
    display: block;
    width: 100%;
    text-align: center;
}

.xmlc li .imgs img {
    width: 100%;
}

.xmlc li h3 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    /* font-size: 32px; */
    font-size: 1.6666em;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2.25;
    letter-spacing: -0.01875em;
    color: #a40c0a;
}

@media(max-width:1660px) {
    .xmlc ul {
        padding-left: 0;
    }
    .xmlc li h3 {
        font-size: 1.927vw;
    }
}

@media(max-width:1400px) {
    .xmlc li h3 {
        font-size: 20px;
    }
}

@media(max-width:1024px) {
    .section6 {
        padding: 7vw 0 5vw;
    }
    .xmlc {
        margin-top: 5vw;
    }
    .xmlc li::after {
        width: 4.6875vw;
        height: 4.6875vw;
        margin-top: -2.34375vw;
        margin-left: -2.34375vw;
    }
    .xmlc li h3 {
        font-size: 1.95vw;
    }
}

@media(max-width:768px) {
    .xmlc ul {
        padding-right: 0;
    }
    .xmlc li:nth-child(n+5) {
        margin-top: 8vw;
    }
    .xmlc li:nth-child(4)::after {
        left: 50%;
        top: calc(100% + 3vw);
    }
    .xmlc li h3 {
        font-size: 16px;
    }
}

@media(max-width:640px) {
    .xmlc li h3 {
        font-size: 14px;
    }
}

@media(max-width:420px) {}


/* 第七屏 新闻资讯 */

.section7 {}
.section7  .dth_wh{
    margin-top: 10vh;
}
.new_cons {
    margin-top: 7.2vh;
}

.new_cons li {
    position: relative;
    font-size: 0;
}

.new_cons li .times {
    /* font-size: 15px; */
    font-size: 0.78125vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 0.06em;
    color: #6c6c6c;
}

.new_cons li h3 {
    /* font-size: 16px; */
    font-size: 0.833vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: 0.0625em;
    color: #6c6c6c;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 0.5em;
    position: relative;
}

.new_cons li h3::before {
    content: "";
    display: block;
    /* width: 42px; */
    width: 2.625em;
    height: 2px;
    background-color: #a40c0a;
    position: absolute;
    left: 0;
    bottom: 0;
}

.new_cons li h3 a {
    color: #6c6c6c;
}

.new_cons li .imgs {
    display: block;
    width: 100%;
    margin-top: 3.07%;
}

.new_cons li .imgs img {
    width: 100%;
    height: auto;
}

.new_cons li p {
    display: block;
    /* font-size: 16px; */
    font-size: 0.833vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.46875;
    letter-spacing: -0.01875em;
    color: #6c6c6c;
    margin-top: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.new_cons li>a {
    display: inline-block;
    /* font-size: 16px; */
    font-size: 0.833vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.46875;
    letter-spacing: -0.01875em;
    color: rgba(108, 108, 108, 0.54);
    margin-top: 0.6em;
}

a.new_a{
    text-align: center;
    display: block;
    margin: 4vh auto 0;
    /*font-size: 22px;*/
    font-size: 1.1458vw;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.09;
	letter-spacing: 4.1px;
	color: #6c6c6c;	
	border: solid 1px #6c6c6c;
	width: 8em;
}

.new_cons .swiper-button-prev, .new_cons .swiper-button-next {
    width: 54px;
    height: 54px;
    border: solid 1px #828282;
    border-radius: 50%;
    top: 53%;
}
.new_cons .swiper-button-prev {
    left: 3.8vw;
}

.new_cons .swiper-button-next {
    right: 3.8vw;
}

.new_cons .swiper-button-prev:hover, .new_cons .swiper-button-next:hover {
    border-color: #ed0101;
    background-color: #ed0101;
}

.new_cons .swiper-button-prev::after, .new_cons .swiper-button-next::after {
    width: 16px;
    height: 16px;
    border-color: transparent transparent #828282 #828282;
    left: 56%;
    top: 50%;
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
}
.new_cons .swiper-button-prev:hover::after, .new_cons .swiper-button-next:hover::after {
    border-color: transparent transparent #ffffff #ffffff;
}

@media(max-width:1660px) {
    .new_cons li .times {
        font-size: 13px;
    }
    .new_cons li h3,
    .new_cons li p,
    .new_cons li>a {
        font-size: 14px;
    }
    .new_cons{
        padding:0 70px 0;
        position:relative;
    }
    .new_cons .swiper-button-prev{
        left:0;
    }
    .new_cons .swiper-button-next{
        right:0;
    }
}

@media(max-width:1400px) {
    
    .new_cons{
        padding:0 50px 0;
        position:relative;
    }
    .new_cons .swiper-button-prev, .new_cons .swiper-button-next{
        width:36px;
        height:36px;
    }
    .new_cons .swiper-button-prev::after, .new_cons .swiper-button-next::after{
        width:10px;
        height:10px;margin-top: -4px;
        margin-left: -5px;
    }
}
@media(max-width:1200px) {
    .new_cons{
        padding:0;
        position:relative;
    }
    .new_cons .swiper-button-prev, .new_cons .swiper-button-next{
        display:none;
    }
}
@media(max-width:1024px) {
    .section7 {
        padding: 10vw 0 7vw;
    }
    .section7 .dth_wh{
        margin-top:0;
    }
    .new_cons {
        margin-top: 7vw;
    }
    a.new_a{
        font-size:12px;
        margin-top:4vw;
    }
}

@media(max-width:768px) {
    .new_cons li .times {
        font-size: 11px;
    }
    .new_cons li p,
    .new_cons li>a {
        font-size: 12px;
    }
}

@media(max-width:640px) {}

@media(max-width:420px) {}


/* 第八屏 底部 */

.section8 {
    position: relative;
}

.section8::before {
    content: '';
    width: 50%;
    height: 100%;
    background: rgba(38, 38, 38, 0.72);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.ft_cont {
    width: 49.875%;
    position: relative;
    z-index: 20;
    padding-right: 10%;
}

.ft_tlt1 {
    display: block;
    text-align: left;
}

.ft_tlt1 h2 {
    /* font-size: 36px; */
    font-size: 1.875vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0.26em;
    color: #b68315;
}

.ft_tlt1 p {
    /* font-size: 36px; */
    font-size: 1.875vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: -0.0388em;
    color: #ffffff;
    margin-top: 0.5em;
}

.ft_cont .lxfs {
    /* font-size: 18px; 14px */
    /* font-size: 0.9375vw; */
    font-size: 0.729vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2.14;
    letter-spacing: -0.0388em;
    color: #ffffff;
    margin-top: 4.2vh;
}

.ft_cont .yqlj {
    font-size: 14px;
    color: #fff;
    line-height: 2;
}

.ft_cont .yqlj a {
    color: #fff;
}

.sub-company {
    margin-top: 6.5vh;
}

.sub-company h3 {
    font-size: 0.729vw;
    color: #ffffff;
    letter-spacing: -0.0388em;
    line-height: 2.14;
    font-weight: normal;
}

.ft_pros {
    margin-top: 1.5%;
    max-width: 430px;
    position: relative;
}

.ft_pros li {
    position: relative;
    overflow: hidden;
}

.ft_pros li a {
    display: block;
}

.ft_pros li img {
    width: 100%;
}

.ft_pros .swiper-button-next {
    right: -76px;
    width: 44px;
    height: 44px;
    border: solid 1px #828282;
    margin-top: -22px;
}

.ft_pros .swiper-button-next::after {
    border-color: transparent transparent #828282 #828282;
    width: 15px;
    height: 15px;
    margin-top: -7.5px;
    margin-left: 7px;
}

.ft_cont .back_top {
    margin-top: 5%;
}

.ft_cont .back_top a {
    display: inline-block;
    font-size: 16px;
    color: #b68315;
    padding-right: 4.625em;
    line-height: 2.875;
    background: url("//cdn.myxypt.com/34921a4d/21/04/f40f5e3d9e433bdf7d1833a725dffcf2bd0824f2.png") no-repeat right center;
    background-size: auto 100%;
}

.ft_cont .copyr {
    font-size: 12px;
    color: #fff;
    line-height: 2;
    margin-top: 3%;
}

.ft_cont .copyr a {
    color: #fff
}

@media(max-width:1660px) {
    .ft_cont .lxfs {
        font-size: 12px;
    }
}

@media(max-width:1400px) {
    .ft_cont .back_top a,
    .sub-company h3 {
        font-size: 14px;
    }
    .ft_cont {
        padding-right: 5%;
        width: 60%;
    }
    .section8::before {
        width: 60%;
    }
}

@media(max-width:1024px) {
    .section8 {
        padding: 10vw 0 7vw;
    }
    .ft_cont .lxfs {
        margin-top: 4vw;
    }
    .sub-company {
        margin-top: 5vw;
    }
    .ft_cont .back_top a {
        font-size: 12px;
    }
    .ft_tlt1 h2,
    .ft_tlt1 p {
        font-size: 16px;
    }
}

@media(max-width:992px) {
    .ft_pros .swiper-button-next {
        display: block;
    }
}

@media(max-width:900px) {
    .ft_cont {
        padding-right: 5%;
        width: 70%;
    }
    .section8::before {
        width: 70%;
    }
}

@media(max-width:768px) {
    .ft_cont {
        width: 100%;
    }
    .section8::before {
        width: 100%;
    }
    .ft_pros {
        padding-right: 40px;
        max-width: none;
    }
    .ft_pros .swiper-button-next {
        right: 0;
        width: 24px;
        height: 24px;
        margin-top: -12px;
    }
    .ft_pros .swiper-button-next::after {
        width: 8px;
        height: 8px;
        margin-top: -4px;
        margin-left: -4px;
    }
}

@media(max-width:640px) {}

@media(max-width:420px) {}


/* 底部 */

.x-footer {
    background: #161618;
    padding: 15px 0;
    text-align: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.7;
}

.x-footer a {
    color: rgba(255, 255, 255, 0.5);
}

.x-footer a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.x-copyright {
    margin: 5px 0;
}


/* 手机底部 */

@media(max-width:767px) {
    body {
        padding-bottom: 50px !important;
    }
}

li {
    list-style: none;
    cursor: pointer;
}

.q_d_m {
    float: left;
    width: 100%;
    height: 50px;
}

.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    background: #950907;
    z-index: 999;
    border-top: 1px solid #fff;
}

.pf_down li {
    width: 33.333333%;
    float: left;
    text-align: center;
    padding: 7px 0 4px 0;
    border-right: 1px solid #fff;
}

.pf_down li .ico7 {
    width: 100%;
    float: left;
    height: 20px;
}

.pf_down li .d_name {
    width: 100%;
    float: left;
    margin-top: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
}

.pf_down li.l1 .ico7 {
    background: url("//cdn.myxypt.com/34921a4d/21/04/04e6db40d842316a5c7543c163be2aae3601de94.png") no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
    background: url("//cdn.myxypt.com/34921a4d/21/04/ed5d938a58c0527b03c1c0ca41cf12a9e1382ef1.png") no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
    background: url("//cdn.myxypt.com/34921a4d/21/04/1247f2236cb434152dda4b25ef06d08a4ca5b65e.png") no-repeat center;
    background-size: 20px 20px;
}

.pf_down li:nth-child(3n) {
    border: none;
}


/* 内页 */


/* 底部 */


/* 修改添加 */

/* 产品优势 */

.products_mods {
    display: block;
}

.products_mods ul {
    display: block;
}

.products_mods li {
    display: inline-block;
    width: 48%;
    vertical-align: bottom;
    margin-right: calc(4% - 4px);
    padding: 10px 10px 0 10px;
    border: 1px solid #eeeeee;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    margin-bottom: 20px;
}

.products_mods li:hover {
    border-color: #ffffff;
}

.products_mods li:nth-child(2n) {
    margin-right: 0;
}

.products_mods li a {
    
}

.products_mods li .imgs {
   display: block;
   overflow: hidden;
}

.products_mods li .imgs img{
    width: 100%;    
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.products_mods li:hover .imgs img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.products_mods li h3 {
        display: block;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    line-height: 1.6;
    padding: .8em 0;
}

@media (max-width:768px) {
    .products .swiper-container {
        display: none;
    }
    .products .swiper_arrows {
        display: none;
    }
}

@media (min-width:769px) {
    .products_mods {
        display: none;
    }
}


/* 关于我们版块 重构 */

/* pc */








/* 手机 */

.mob_about {
    display: none;
}

@media(max-width:768ox) {
    .mob_about {
        display: block;
    }
}