input {
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei';
}

img {
    border: none;
    background: none;
    vertical-align: middle;
}

ul,
ol,
li {
    list-style-type: none;
}

select,
input,
img,
select {
    vertical-align: middle;
}

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

table,
th,
td {
    vertical-align: middle
}

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

.clearfix {
    zoom: 1
}

.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 0;
}

p {
    margin: 0;
}

h1,
h2,
h3,
h4 {
    font-size: 12px;
    font-weight: bold;
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 0;
}

p {
    margin: 0;
}

.wd1200 {
    width: 1200px;
    margin: 0 auto;
}


/*滚动*/

#demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#indemo {
    float: left;
    width: 800%
}

#demo1 {
    float: left;
}

#demo2 {
    float: left;
}

#m_demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#m_indemo {
    float: left;
    width: 800%
}

#m_demo1 {
    float: left;
}

#m_demo2 {
    float: left;
}


/*----- Common css ------*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}

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

.com-img img {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

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


/*  */

@media screen and (max-width: 1500px) and (min-width: 1201px) {
    .width {
        width: 1186px;
    }
}



/**/
.fuyou {
    position: absolute;
    right: 0px;
    top: 15px;
}

/* 产品展示 */

.index_pro {
    padding-top: 75px;
    padding-bottom: 75px;
}

.pItem_out {
    display: inline-block;
    padding: 10px;
    background: #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-sizing: border-box;
    background: #6d0b23;
    text-align: center;
    border: 6px solid #fff;
    line-height: 40px;
}

.pItem_out img {
    width: auto;
    vertical-align: middle;
}

.ind_pro_con {
    margin-top: 85px;
}

.ind_pro_con ul .ind_pro_item {
    width: 20%;
    border: 1px solid #fff;
    background: #ededed;
    text-align: center;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.hvr_show {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transform: all 1s;
}

.hvr_show_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: relative;
}

.hvr_show_mask .pItem_out {
    background: #fff;
    border-color: #6d0b23;
    position: relative;
    top: -40px;
}

.hvr_show_mask .pItem_out img {
    width: auto
}

.hvr_show_mask .ind_pro_txt {
    color: #fff;
    margin-top: -20px;
}

.hvr_show_more {
    margin-top: 30px;
}

.hvr_show_more a {
    display: inline-block;
    width: 120px;
    background: transparent;
    border-radius: 20px;
    border: 2px solid #fff;
    color: #fff;
    padding: 5px 0;
}

.hvr_show_more:hover a {
    background: #6d0b23;
    color: #fff;
}

.show .hvr_show {
    opacity: 1;
    transform: all 1s;
}

.ind_pro_bottom {
    margin-top: 80px;
}

.ind_b_i_children,
.ind_b_item {
    position: relative;
    overflow: hidden;
}

.ind_b_img {
    /* position: relative; */
    overflow: hidden;
}

.ind_b_txt {
    padding: 20px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 340px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 1s;
}

.ind_b_txt h1 {
    color: #fff;
    line-height: 20px;
    font-size: 24px;
}

.ind_pro_txt {
    font-size: 22px;
    color: #333333;
    margin-top: 10px;
}

.ind_Btxt_con {
    line-height: 2;
    font-size: 14px;
    color: #cccccc;
}

.ind_b_img {
    overflow: hidden;
}

.ind_b_img:hover .ind_b_txt {
    top: 0;
    transition: all 1s;
}

.ind_b_img img {
    transition: all 1s;
    height: 100%;
    width: 100%;
}

.ind_b_img:hover img {
    transform: scale(1.1);
    transition: all 1s;
}

.ind_pro_more {
    text-align: center;
}

.ind_b_item-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ind_b_i_children {
    height: 49%;
    overflow: hidden;
}

.ind_b_i_children .ind_b_txt {
    top: 185px;
    padding: 15px;
}

.ind_b_i_children .ind_b_txt h1 {
    font-size: 16px;
    text-align: center;
}

.ind_b_item-3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ind_b_item-3 ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ind_b_item-3 li:hover {
    background: #6d0b23;
}

.ind_b_item-3 li:hover a,
.ind_b_item-3 li:hover a .inx_item3_l,
.ind_b_item-3 li:hover a .inx_item3_r h4,
.ind_b_item-3 li:hover a .inx_item3_r>p {
    color: #fff !important;
}

.ind_b_item-3 li {
    height: 100px;
    padding: 30px 20px;
    box-sizing: border-box;
    background: #eee;
}

.ind_b_item-3 li a {
    justify-content: space-between;
}

.inx_item3_l {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}

.inx_item3_r {
    padding-left: 40px;
    border-left: 1px solid #aaa;
}

.inx_item3_r>p {
    color: #000;
    font-size: 16px;
}


/* 全景图 */

.panorama {
    background: #f4f2f2;
    margin-top: 50px;
    padding-top: 80px;
    padding-bottom: 80px;
}


/* 全景下方 */

.qjx {
    height: 300px;
    background: url(//cdn.myxypt.com/b9232a8b/21/03/eb75ce724a142f04e38b8db0e428c108bea1aa90.jpg) no-repeat;
    padding: 80px 0;
    box-sizing: border-box;
}

.qjx_box {
    justify-content: space-between;
    align-items: center;
}

.qjx_con {
    color: #fff
}

.qjx_con h1 {
    margin-bottom: 30px;
    font-size: 30px;
    color: #fff;
}

.qjx_con p {
    line-height: 30px;
    font-size: 16px;
}

.qjx_l {
    margin-left: 100px;
}

.qjx_r .more_f,
.engin_m_r .more_f {
    border: 1px solid #fff;
    color: #fff;
    background: transparent
}


/* 我们的优势 */

.advantage {
    padding-top: 75px;
}

.adv_bottom {
    padding-left: 48px;
    padding-right: 48px;
    box-sizing: border-box;
    margin-top: 155px;
}

.adv_item {
    height: 340px;
}

.adv_item .adv_i_img p img {
    /*max-width: 160% !important;*/
}

.adv_iT_top {
    align-items: center;
}

.adv_iT_icon {
    border-radius: 50%;
    border: 1px solid #666666;
    padding: 10px;
    box-sizing: border-box;
    line-height: 50px;
    width: 70px;
    height: 70px;
    text-align: center;
    margin-right: 10px;
}

.adv_iT_icon img {
    width: auto
}

.adv_iT_im h3 {
    font-size: 28px;
    line-height: 40px;
}

.adv_iT_bottom {
    margin-top: 25px;
    color: #666;
    line-height: 30px;
    font-size: 16px;
}

.adv_i_txt,
.adv_i_img {
    width: 648px;
    box-sizing: border-box;
}

.adv_i_img {
    position: relative;
}

.adv_item-1 .adv_i_img {
    padding-left: 145px;
    box-sizing: border-box;
}

.adv_item-1 .adv_i_img img {
   /* width: 305px;
    height: 195px;*/
}

.adv_item-1 .adv_i_img {
    top: -64px;
}

.adv_item-1 .adv_i_img p:last-child {
    /*position: absolute;
    top: 50%;
    margin-top: -66.5px;
    right: 0;*/
}

.adv_item-2 .adv_i_img p {
    overflow: hidden;
}

.adv_item-2 .adv_i_img p:first-child {
    z-index: 2;
    position: relative;
    top: -130px;
   /* width: 420px;
    height: 420px;
    border-radius: 50%;*/
}

.adv_item-2 .adv_i_img p:first-child img {
    /*margin-left: -140px;
    margin-top: -65px;
    width: 200% !important;*/
}

.adv_item-2 .adv_i_img p:nth-child(2) {
    border-radius: 50%;
    width: 170px;
    height: 170px;
    position: absolute;
    top: -85px;
    right: 40px;
    z-index: 1;
    border: 4px solid rgba(0, 0, 0, 0.4)
}

.adv_item-2 .adv_i_img p:nth-child(3) {
    border-radius: 50%;
    width: 170px;
    height: 170px;
    border: 4px solid #fff;
    position: absolute;
    bottom: 50px;
    right: 100px;
    z-index: 3
}

.adv_item-3 .adv_i_img p img,
.adv_item-5 .adv_i_img p img {
    /*border-radius: 50%*/
}

.adv_item-3 .adv_i_img p:first-child,
.adv_item-5 .adv_i_img p:first-child {
    position: absolute;
    top: -100px;
    left: 100px;
}

.adv_item-5 .adv_i_img p:first-child img {
    /*width: 360px;
    height: 360px;*/
}

.adv_item-3 .adv_i_img p:first-child {
    /*border-radius: 50%;
    overflow: hidden;
    width: 360px;
    height: 360px;*/
}

.adv_item-3 .adv_i_img p:first-child img {
    border-radius: 0
}

.adv_item-3 .adv_i_img p:nth-child(2),
.adv_item-5 .adv_i_img p:nth-child(2) {
    position: absolute;
    right: 0;
    top: 60px;
}

.adv_item-3 .adv_i_img p:nth-child(2) img,
.adv_item-5 .adv_i_img p:nth-child(2) img {
    /* border-radius:0 */
    width: 225px;
    height: 225px
}

.adv_item-3 .adv_i_img p:nth-child(2) {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
}

.adv_item-3 .adv_i_img p:nth-child(2) img {
    max-width: 160% !important;
    width: auto;
    border-radius: 0;
    margin-left: -70px;
}

.adv_item-4 .adv_i_img p:first-child {
    position: absolute;
    bottom: 20px;
    z-index: 3;
    left: 30%;
    margin-left: -180px;
    /*width: 290px;
    height: 210px;*/
    overflow: hidden;
   /* border: 4px solid #fff;*/
}

.adv_item-4 .adv_i_img p:first-child img {
   /* margin-top: -50px;*/
}

.adv_item-4 .adv_i_img p:nth-child(2) {
    position: absolute;
    left: 0;
}

.adv_item-4 .adv_i_img p:nth-child(3) {
    position: absolute;
    right: 40px;
    overflow: hidden;
}

.adv_item-4 .adv_i_img p:nth-child(2) img {
    height: 180px;
    width: auto
}

.adv_item-4 .adv_i_img p:nth-child(3) img {
    height: 180px;
    width: auto;
    position: relative;
    right: -60px
}

.adv_item-5 .adv_i_img p:first-child {
   /* width: 360px;
    height: 360px;
    border-radius: 50%;
    overflow: hidden;*/
}

.adv_item-5 .adv_i_img p:first-child img {
   /* height: auto;
    border-radius: 0;
    max-width: 160%;
    width: 560px;
    margin-left: -200px*/
}

.adv_item-6 {
    height: 240px;
}

.adv_item-6 .adv_i_img {
    top: -143px;
}

.adv_item-6 .adv_i_img p:first-child {
    /*width: 325px;
    height: 235px;
    overflow: hidden;*/
}

.adv_item-6 .adv_i_img p:last-child {
    /*position: absolute;
    bottom: 0;
    right: 65px;*/
}

.adv_item-6 .adv_i_img p:last-child img {
    /*width: 255px;
    height: 145px;
    border: 4px solid #fff;*/
}


/* 最新工程案例欣赏 */

.engin {
    background: #f5f5f5 url(//cdn.myxypt.com/b9232a8b/21/03/8267a67e8755796df5b451c6c45ea0a1db97d7b3.jpg) no-repeat;
    height: auto;
    margin-top: 80px;
    padding-top: 75px;
    box-sizing: border-box;
    padding-bottom: 75px;
}

.engin_box {
    height: 285px;
}

.engin_top .common_head {
    color: #fff;
}

.engin_ul {
    justify-content: center;
    margin-top: 45px;
}

.engin_item {
    width: 430px;
    align-items: center;
    justify-content: center;
}

.engin_i_img {
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #fff;
    width: 70px;
    height: 70px;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    line-height: 50px;
}

.engin_i_img img {
    width: auto
}

.engin_item:hover .engin_i_img img {
    filter: invert(85%) sepia(39%) saturate(5665%) hue-rotate(330deg) brightness(78%) contrast(102%);
}

.engin_i_txt {
    font-size: 18px;
    color: #fff;
    margin-left: 10px;
}

.engin_middle {
    height: 300px;
    background: #fff;
}

.engin_m_l {
    width: 955px;
    padding: 40px 150px 40px 45px;
    box-sizing: border-box;
    height: 100%
}

.engin_m_l h1 {
    padding-bottom: 30px;
    position: relative;
    margin-bottom: 40px;
    font-size: 25px;
}

.engin_m_l h1::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 1px;
    border-bottom: 2px solid #666666;
    position: absolute;
    left: 0;
    bottom: 0;
}

.engin_m_l p {
    color: #666666;
    line-height: 30px;
    font-size: 16px;
}

.engin_m_r {
    width: 341px;
    background: #6d0b23;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.engin_m_r p:last-child {
    margin-top: 20px;
}

.engin_bottom {
    height: auto;
}

.engin_bottom ul {
    flex-wrap: wrap;
    justify-content: space-between
}

.engin_b_item {
    width: 630px;
    height: 215px;
    overflow: hidden;
    margin-top: 40px;
    background: #fff;
    cursor: default
}

.engin_b_item>a {
    width: 100%;
}

.engin_b_i_left {
    width: 45%;
    overflow: hidden;
    position: relative;
}

.mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: all 1s;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
}

.engin_b_i_left img {
    transition: all .5s;
    height: 100%;
    width: 100%;
}

.engin_b_i_right {
    width: 55%;
    padding: 30px;
    box-sizing: border-box;
    justify-content: center;
}

.engin_b_i_right_t {
    border-bottom: 1px dashed #666666;
    height: 50%;
    justify-content: center;
    color: #333;
    font-size: 16px;
}

.engin_b_i_right_b {
    height: 50%;
    justify-content: center;
}

.engin_b_item:hover {
    background: #6d0b23;
}

.engin_b_item:hover .engin_b_i_right_t {
    color: #fff;
    border-bottom-color: #fff;
}

.engin_b_item:hover .engin_b_i_right_b a {
    color: #fff
}

.engin_b_item:hover .engin_b_i_right_b a span {
    transform: translateY(180deg)
}

.engin_b_item:hover img {
    transform: scale(1.1);
    transition: all 1s;
}

.engin_b_item:hover .mask {
    opacity: 1;
    transition: all 1s;
}

.engin_b_item:hover .engin_b_i_right_b span {
    color: #fff;
}


/* 关于悦得达 */

.index_about {
    padding-top: 80px;
}

.ind_about_txt {
    line-height: 30px;
    text-align: center;
    width: 95%;
    margin: 0 auto;
    margin-top: 40px;
}

.ind_about_bottom {
    margin-top: 30px;
}

.ind_about_bottom img {
    max-width: 100%;
}


/* 合作客户 */

.cooperate {
    height: 310px;
    background: url(//cdn.myxypt.com/b9232a8b/21/02/c225582791bb510e32aa5edc7448c4a36af08632.jpg) no-repeat;
    padding: 55px 0;
    margin-top: 80px;
}

.cooperate_top {
    color: #fff;
    margin-bottom: 40px;
}

.cooperate_banner .swiper-slide a {
    display: block;
}

.cooperate_banner .swiper-slide img {
    width: 100%;
}




/* 新闻资讯 */

.index_news {
    position: relative;
    padding: 50px 0;
}

.ind_news_bottom {
    position: relative;
    margin-top: 45px
}

.ind_news_img {
    overflow: hidden;
}

.ind_news_img img {
    transition: all 1s;
    width: 100%;
}

.ind_news_img:hover img {
    transition: all 1s;
    transform: scale(1.1)
}

.ind_news_txt {
    text-align: center;
    margin-top: 20px;
}

.ind_news_txt h4 {
    line-height: 30px;
    font-size: 16px;
}

.ind_news_txt p {
    line-height: 30px;
    font-size: 14px;
}

.ind_news_bottom .swiper-button-next,
.ind_news_bottom .swiper-button-prev {
    width: 14px;
    height: 23px;
}

.ind_news_bottom .swiper-button-prev {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%236d0b23'%2F%3E%3C%2Fsvg%3E");
    left: -82px;
}

.ind_news_bottom .swiper-button-next {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%236d0b23'%2F%3E%3C%2Fsvg%3E");
    right: -82px;
}

.ind_news_more {
    text-align: center;
    margin-top: 50px;
}

.ind_news_more .more_f {
    background: #fff;
    border: 2px solid #6d0b23;
    color: #6d0b23;
    font-weight: 600;
    font-size: 16px;
}

.ind_news_more .more_f:hover {
    background: #6d0b23;
    color: #fff;
}


/* link */

.link {
    position: relative;
    padding: 15px 0;
    line-height: 1.7;
    color: #333;
    font-size: 14px;
}

.link a {
    color: #333;
    font-size: 14px;
}


/* 媒体查询 */

@media screen and (min-width: 1200px) {
    .ind_pro_bottom ul {
        justify-content: space-between;
        height: 100%;
    }

    .ind_b_item {
        width: 420px;
        height: 460px;
    }

    .ny_case_con p {
        height: 265px;
        overflow: hidden;
    }

    /* ---------------------------- 关于我们 ----------------------------------- */
    .ny_left {
        width: 810px;
    }

    .ny_right {
        width: 486px;
        padding-left: 146px;
        box-sizing: border-box;
    }
}




@media screen and (min-width:992px) and (max-width:1200px) {
    .banner_txt {
        top: 15%;
        left: 10%;
        height: 220px
    }

    .banner_txt h1 {
        font-size: 40px;
    }

    .ind_pro_con ul {
        padding: 0;
    }

    .ind_b_txt {
        top: 90%;
        padding: 15px;
    }

    .ind_b_txt h1 {
        margin-bottom: 20px;
    }

    .ind_b_i_children {
        height: 48%
    }

    .ind_b_i_children .ind_b_txt {
        top: 85%
    }

    .ind_b_i_children,
    .ind_b_item {
        position: relative;
    }

    .ind_b_img {
        position: static;
    }

    .index_pro {
        padding-top: 30px;
        padding-bottom: 0;
    }

    .ind_pro_bottom ul {
        flex-wrap: wrap;
        justify-content: space-between
    }

    .ind_pro_bottom .ind_b_item {
        width: 49%;
        height: 520px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .ind_pro_bottom .ind_b_item img {
        height: 100%;
    }

    .index_pro .ind_pro_bottom .ind_b_item:last-child {
        width: 100%;
    }

    .index_pro .ind_pro_bottom .ind_b_item:last-child ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .index_pro .ind_pro_bottom .ind_b_item:last-child ul li {
        width: 49%;
        margin-bottom: 15px;
    }

    .ind_pro_bottom {
        margin-top: 55px;
    }

    .ind_pro_bottom .ind_b_item {
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    /* 全景 */
    .panorama {
        padding-top: 40px;
        margin-top: 20px;
        padding-bottom: 0;
    }

    /* 全景图下方 */
    .qjx {
        height: 250px;
        padding: 55px 0
    }

    .advantage,
    .engin,
    .index_about {
        padding-top: 40px;
    }

    .engin_middle {
        padding: 0;
    }

    /* 我们的优势 */
    .adv_bottom {
        padding-left: 0;
        padding-right: 0;
    }

    .adv_item-1 .adv_i_img {
        padding-left: 50px;
    }

    .adv_i_txt,
    .adv_i_img {
        width: 50%
    }

    .adv_item-2 .adv_i_img p:nth-child(3) {
        right: 30px;
    }

    .adv_item-2 .adv_i_img p:nth-child(2) {
        right: 25px
    }

    .adv_item-3 .adv_i_img p:nth-child(2),
    .adv_item-5 .adv_i_img p:nth-child(2) {
        top: 130px
    }

    .adv_item-5 .adv_i_img p:nth-child(2) img {
        width: 160px;
        height: 160px;
    }

    .adv_item-2 .adv_i_img p:first-child {
        width: 370px;
        height: 370px;
        top: -90px;
    }

    /* 工程欣赏 */
    .engin {
        margin-top: 20px;
        padding-bottom: 40px;
    }

    .engin_b_item {
        width: 49%;
        height: auto
    }

    .cooperate {
        margin-top: 40px;
        padding-bottom: 0
    }

    .engin_m_l {
        width: 70%;
        padding-right: 40px
    }

    .engin_m_r {
        width: 30%;
    }

    .engin_b_i_right {
        padding: 10px;
    }

    .engin_b_i_right_t {
        height: 80%;
        font-size: 14px;
        max-height: 60px;
        overflow: hidden;
        line-height: 20px;
        height: 100%;
    }

    .engin_b_i_right_b {
        height: 20%;
    }

    .engin_item {
        width: auto;
        margin-right: 50px;
    }

    /* 新闻资讯 */
    .ind_news_bottom .swiper-button-next {
        right: -15px;
    }

    .ind_news_bottom .swiper-button-prev {
        left: -15px;
    }

    .ind_news_txt {
        margin-top: 0;
    }

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

    .ind_news_txt p {
        max-height: 80px;
        line-height: 20px;
        overflow: hidden;
        line-height: 20px;
        font-size: 12px;
    }

    /* -------------------- 内页 ------------------------ */
    .ny_con_box {
        justify-content: space-between
    }

    .ny_left {
        width: 60%
    }

    .ny_right {
        width: 38%
    }

    .ny_container {
        margin-top: 20px;
    }

    .ny_r_con {
        width: 100%;
    }

    .ny_r_cTop {
        padding-bottom: 5px;
    }

    .r_cB_con li {
        padding: 5px;
    }

    .r_cB_txt {
        margin-top: 10px;
    }

    .ny_l_img {
        margin-bottom: 5px
    }

    .ny_l_txt {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .r_cB_con li h4 a {
        font-size: 14px;
    }

    .r_cB_con li h4 span {
        font-size: 12px;
    }

    .ny_r_cBottom .r_cB_title {
        justify-content: space-between
    }

    .ny_r_cBottom .r_cB_title li {
        width: 48%;
        margin-right: 0;
    }

    .ny_case .ny_left ul {
        justify-content: space-between
    }

    .ny_case_item {
        width: 49%;
        margin-right: 0;
        height: auto;
        margin-bottom: 10px;
    }

    .ny_case_con {
        height: auto;
        margin-top: 0;
    }

    .ny_news_item {
        width: 100%;
        height: auto;
        padding: 5px;
        align-items: flex-start;
    }

    .ny_news_img img {
        height: auto;
        width: auto;
    }

    .ny_news_txt {
        padding-left: 5px;
        padding-right: 5px;
    }

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

    .ny_news_txt h3 a {
        font-size: 14px;
    }

    .r_cB_txt {
        margin-top: 0;
    }

    /* .ny_left{margin-top:15px} */

    .ny_ztjj_t_con {
        position: static;
        width: 100%;
        padding: 20px;
        height: auto;
        padding-left: 0;
    }

    .ny_ztjj_t_con h3 {
        margin-bottom: 10px;
    }

    .ny_ztjj_top {
        height: auto;
        margin-bottom: 10px;
    }

    .ny_ztjj_b_item {
        margin-top: 10px;
    }

    .ny_ztjj .ny_r_cTop h3,
    .ny_news .ny_r_cTop h3,
    .ny_case .ny_r_cTop h3,
    .ny_ztjj .ny_r_cTop h3 {
        background-position: 320px center;
    }

    .ny_banner .banner_txt {
        top: 10%;
        left: 10%
    }
}


@media screen and (min-width:768px) and (max-width:991px) {
    .banner_txt {
        left: 10%;
        top: 10%
    }

    .banner_txt {
        height: auto
    }

    .banner_txt h1 {
        font-size: 26px
    }

    .banner_con {
        max-height: 90px;
        overflow: hidden;
        line-height: 30px;
        font-size: 14px;
        margin: 15px 0
    }

    .index_pro,
    .panorama {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .ind_pro_con ul .ind_pro_item {
        height: 180px;
    }

    .pItem_out {
        height: 60px;
        width: 60px;
        line-height: 20px
    }

    .hvr_show_mask .pItem_out {
        top: -30px;
    }

    .ind_pro_con {
        margin-top: 50px
    }

    .ind_pro_con ul {
        padding: 0;
    }

    .ind_pro_txt {
        font-size: 14px
    }

    .hvr_show_more a {
        font-size: 12px;
        width: 100px
    }

    .ind_pro_bottom {
        margin-top: 20px
    }

    .ind_pro_bottom ul {
        flex-wrap: wrap;
        justify-content: space-between
    }

    .ind_pro_bottom .ind_b_item {
        width: 49%;
    }

    .ind_pro_bottom .ind_b_item-3 {
        width: 100%
    }

    .ind_pro_bottom .ind_b_item-3 li {
        margin-top: 10px;
        width: 49%
    }

    .ind_pro_bottom ul {
        flex-direction: row !important
    }

    .ind_b_img {
        height: 100%;
    }

    .ind_b_txt {
        padding: 5px;
        top: 93%
    }

    .ind_b_txt h1 {
        font-size: 14px
    }

    .ind_Btxt_con {
        font-size: 12px;
        height: 40px;
        overflow: hidden;
        line-height: 20px
    }

    .ind_b_i_children .ind_b_txt {
        padding: 5px;
        top: 86%
    }

    .ind_b_i_children .ind_b_txt h1 {
        font-size: 14px
    }

    .ind_b_item-3 li {
        padding: 10px;
    }

    .ind_b_item-3 li a {
        height: 100%;
        align-items: center;
    }

    .inx_item3_l {
        font-size: 12px;
    }

    .inx_item3_r {
        font-size: 12px;
        padding-left: 20px;
    }

    /* 全景图 */
    .panorama {
        margin-top: 0
    }

    /* 全景图下方 */
    .qjx {
        padding: 20px 0;
        height: 200px
    }

    .qjx_box {
        flex-wrap: wrap
    }

    .qjx_l {
        margin-left: 10px;
        width: 100%
    }

    .qjx_con p {
        font-size: 12px
    }

    .qjx_con h1 {
        font-size: 14px;
        margin-bottom: 10px
    }

    .qjx_r {
        width: 100%;
        text-align: center;
        margin-top: 15px
    }

    .panorama .ind_pro_bottom .ind_b_item-3 {
        width: 49%;
        margin-top: 10px;
    }

    /* 我们的优势 */
    .adv_bottom {
        padding: 0;
        margin-top: 110px
    }

    .adv_i_txt,
    .adv_i_img {
        width: 50%;
    }

    .adv_iT_im {
        width: 80%
    }

    .adv_iT_im h3 {
        font-size: 16px
    }

    .adv_iT_im p {
        font-size: 14px;
        width: 90%
    }

    .adv_iT_icon {
        width: 50px;
        height: 50px;
        line-height: 40px;
        margin-right: 10px;
    }

    .adv_iT_bottom {
        margin-top: 10px
    }

    .adv_iT_bottom p {
        font-size: 14px;
        max-height: 40px;
        line-height: 20px;
        overflow: hidden;
    }

    .adv_item {
        height: 250px
    }

    .adv_item-1 .adv_i_img {
        padding-left: 60px;
        top: -75px;
    }

    .adv_item-1 .adv_i_img img {
        width: 200px;
        height: auto;
    }

    .adv_item-1 .adv_i_img p:last-child {
        top: 55%
    }

    .adv_item-2 .adv_i_img p:first-child img,
    .adv_item-3 .adv_i_img p:first-child img,
    .adv_item-5 .adv_i_img p:first-child {
        width: 250px;
        height: 250px
    }

    .adv_item-2 .adv_i_img p:nth-child(2),
    .adv_item-2 .adv_i_img p:nth-child(3),
    .adv_item-3 .adv_i_img p:nth-child(2) img,
    .adv_item-5 .adv_i_img p:nth-child(2) img {
        width: 100px;
        height: 100px
    }

    .adv_item-2 .adv_i_img p:first-child {
        top: -70px
    }

    .adv_item-2 .adv_i_img p:nth-child(2) {
        right: 65px;
        top: -40px
    }

    .adv_item-3 .adv_i_img p:first-child,
    .adv_item-5 .adv_i_img p:first-child {
        left: 0;
        top: -60px;
        width: 300px;
        height: 300px
    }

    .adv_item-5 .adv_i_img p:first-child img {
       /* max-width: 160% !important;
        margin-left: -175px;*/
    }

    .adv_item-3 .adv_i_img p:nth-child(2) {
        top: 85px;
        right: 65px
    }

    .adv_item-4 .adv_i_img p:first-child {
        left: 66%;
        bottom: 90px
    }

    .adv_item-4 .adv_i_img p:first-child img {
        width: 200px;
        height: auto
    }

    .adv_item-4 .adv_i_img p:nth-child(3) img,
    .adv_item-4 .adv_i_img p:nth-child(2) img {
        width: 180px;
        height: auto
    }


    .adv_item-5 .adv_i_img p:nth-child(2) {
        right: 60px;
        top: 80px
    }

    .adv_item-6 .adv_i_img {
        top: -40px
    }

    .adv_item-6 .adv_i_img p:first-child img {
        /*width: 250px;
        height: auto*/
    }

    .adv_item-6 .adv_i_img p:last-child {
        bottom: 65px;
    }

    /* 工程案例 */
    .engin {
        margin-top: 0;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .engin_box {
        height: auto;
        padding-bottom: 20px
    }

    .engin_middle {
        padding: 0;
    }

    .engin_m_l {
        width: 70%;
        padding: 20px;
    }

    .engin_m_r {
        width: 30%;
    }

    .more_f {
        width: 200px
    }

    .engin_bottom ul {
        justify-content: space-between;
    }

    .engin_b_item {
        width: 49%;
        height: auto
    }

    .engin_b_i_right {
        padding: 5px;
    }

    .engin_b_i_right_t {
        height: 75%;
        font-size: 12px;
        max-height: 40px;
        line-height: 20px;
        overflow: hidden;
    }

    .engin_b_i_right_b {
        height: 25%
    }

    .engin_item {
        width: auto
    }

    /* 关于我们 */
    .index_about {
        padding-top: 20px
    }

    .ind_about_txt {
        width: 100%;
        margin-top: 20px;
        font-size: 12px;
        text-indent: 2em;
        text-align: left;
    }

    .ind_about_bottom {
        margin-top: 0
    }

    /* 合作客户 */
    .cooperate {
        height: auto;
        margin-top: 20px;
        padding: 20px 10px
    }

    .cooperate_top {
        margin-bottom: 0;
    }

    .ind_news_bottom {
        margin-top: 20px;
    }

    .ind_news_txt {
        margin-top: 0;
    }

    .ind_news_txt h4 {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ind_news_txt p {
        overflow: hidden;
        max-height: 60px;
        line-height: 20px;
        font-size: 12px;
    }

    .ind_news_bottom .swiper-button-next {
        right: 0;
    }

    .ind_news_bottom .swiper-button-prev {
        left: 0;
    }

    /* -------------------- 内页 ------------------------ */
    .ny_con_box {
        justify-content: space-between
    }

    .ny_left {
        width: 60%
    }

    .ny_right {
        width: 38%
    }

    .ny_container {
        margin-top: 20px;
    }

    .ny_r_con {
        width: 100%;
    }

    .ny_r_cTop {
        padding-bottom: 5px;
    }

    .r_cB_con li {
        padding: 5px;
    }

    .r_cB_txt {
        margin-top: 10px;
    }

    .ny_l_img {
        margin-bottom: 5px
    }

    .ny_l_txt {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .r_cB_con li h4 a {
        font-size: 14px;
    }

    .r_cB_con li h4 span {
        font-size: 12px;
    }

    .ny_r_cBottom .r_cB_title {
        justify-content: space-between
    }

    .ny_r_cBottom .r_cB_title li {
        width: 48%;
        margin-right: 0;
    }

    .ny_case .ny_left ul {
        justify-content: space-between
    }

    .ny_case_item {
        width: 49%;
        margin-right: 0;
        height: auto;
        margin-bottom: 10px;
    }

    .ny_case_con {
        height: auto;
        margin-top: 0;
        padding: 5px;
    }

    .ny_case .ny_left {
        margin-top: 0px;
    }

    .ny_case_con .engin_b_i_right {
        margin-top: 0;
    }

    .ny_case_con .engin_b_i_right_t {
        padding-bottom: 10px;
        max-height: 50px;
        line-height: 25px;
    }

    .ny_case_con .engin_b_i_right_b {
        padding-top: 10px
    }

    .ny_case_con .engin_b_i_right_b a {
        font-size: 12px;
    }

    .ny_news_item {
        width: 100%;
        height: auto;
        padding: 5px;
        align-items: flex-start;
    }

    .ny_news_img img {
        height: auto;
        width: auto;
    }

    .ny_news_txt {
        padding-left: 5px;
        padding-right: 5px;
    }

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

    .ny_news_txt h3 a {
        font-size: 14px;
    }

    .r_cB_txt {
        margin-top: 0;
    }

    /* .ny_left{margin-top:15px} */

    .ny_ztjj_t_con {
        position: static;
        width: 100%;
        padding: 20px;
        height: auto;
        padding-left: 0;
    }

    .ny_ztjj_t_con h3 {
        margin-bottom: 10px;
    }

    .ny_ztjj_top {
        height: auto;
        margin-bottom: 10px;
    }

    .ny_ztjj_b_item {
        margin-top: 10px;
    }

    .ny_ztjj_t_txt,
    .ny_ztjj_bottom p {
        font-size: 12px;
    }

    .ny_ztjj .ny_r_cTop h3,
    .ny_news .ny_r_cTop h3,
    .ny_case .ny_r_cTop h3,
    .ny_ztjj .ny_r_cTop h3 {
        background-position: 240px center;
    }

    .ny_banner .banner_txt {
        top: 10%;
        left: 10%
    }
}

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

    .index_pro,
    .panorama {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .ind_pro_con ul .ind_pro_item {
        height: 180px;
    }

    .pItem_out {
        height: 60px;
        width: 60px;
        line-height: 20px
    }

    .hvr_show_mask .pItem_out {
        top: -30px;
    }

    .ind_pro_txt {
        font-size: 14px
    }

    .hvr_show_more a {
        font-size: 12px;
        width: 100px
    }

    .ind_pro_con {
        margin-top: 50px
    }

    .ind_pro_con ul {
        flex-wrap: wrap;
    }

    .ind_pro_con ul .ind_pro_item {
        width: 50%;
        box-sizing: border-box;
    }

    .ind_pro_bottom {
        margin-top: 20px
    }

    .ind_pro_bottom ul {
        flex-wrap: wrap;
        justify-content: space-between
    }

    .ind_pro_bottom .ind_b_item {
        width: 49%;
        margin-bottom: 15px;
    }

    .ind_pro_bottom .ind_b_item-3 {
        width: 100%
    }

    .ind_pro_bottom .ind_b_item-3 li {
        margin-top: 10px;
    }

    .ind_b_img {
        height: 100%;
    }

    .ind_b_txt {
        padding: 5px;
        top: 86%
    }

    .ind_b_txt h1 {
        font-size: 14px
    }

    .ind_Btxt_con {
        font-size: 12px;
        height: 40px;
        overflow: hidden;
        line-height: 20px
    }

    .ind_b_i_children .ind_b_txt {
        padding: 5px;
        top: 77%
    }

    .ind_b_i_children .ind_b_txt h1 {
        font-size: 14px
    }

    .ind_b_item-3 li {
        padding: 10px;
    }

    .ind_b_item-3 li a {
        height: 100%;
        align-items: center;
    }

    .inx_item3_l {
        font-size: 12px;
    }

    .inx_item3_r {
        font-size: 12px;
        padding-left: 20px;
    }

    /* 全景图 */
    .panorama {
        margin-top: 0
    }

    /* 全景图下方 */
    .qjx {
        padding: 20px 0;
        height: 200px
    }

    .qjx_box {
        flex-wrap: wrap
    }

    .qjx_l {
        margin-left: 10px;
        width: 100%
    }

    .qjx_con p {
        font-size: 12px
    }

    .qjx_con h1 {
        font-size: 14px;
        margin-bottom: 10px
    }

    .qjx_r {
        width: 100%;
        text-align: center;
        margin-top: 15px
    }

    /* 我们的优势 */
    .advantage {
        padding-top: 20px
    }

    .adv_bottom {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 20px
    }

    .adv_item {
        flex-wrap: wrap;
    }

    .adv_i_txt,
    .adv_i_img {
        width: 100%
    }

    .adv_iT_im {
        width: 80%
    }

    .adv_iT_im h3 {
        font-size: 14px;
        line-height: 25px;
    }

    .adv_iT_im p {
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90%
    }

    .adv_iT_icon {
        width: 50px;
        height: 50px;
        line-height: 40px;
        margin-right: 10px;
    }

    .adv_iT_bottom {
        margin-top: 10px
    }

    .adv_iT_bottom p {
        font-size: 12px;
        max-height: 40px;
        line-height: 20px;
        overflow: hidden;
    }

    .adv_item {
        flex-direction: column;
        height: auto;
        margin-bottom: 10px;
    }

    .adv_i_txt {
        margin-bottom: 10px
    }

    .adv_i_img p {
        display: none;
    }

    .adv_i_img p:first-child {
        display: block;
        position: static !important;
       /* max-height: 195px;*/
        overflow: hidden;
    }

    .adv_item-1 .adv_i_img {
        top: 0;
        padding-left: 0
    }

    .adv_item-1 .adv_i_img img,
    .adv_item-2 .adv_i_img p:first-child img,
    .adv_item-3 .adv_i_img p:first-child img,
    .adv_item-4 .adv_i_img p:first-child img,
    .adv_item-5 .adv_i_img p:first-child,
    .adv_item-6 .adv_i_img p:first-child img {
        width: 100%;
        border-radius: 0;
    }

    .adv_item-2,
    .adv_item-4,
    .adv_item-6 {
        flex-direction: column-reverse
    }

    .adv_item-2 .adv_i_img p:first-child {
        top: 0;
    }

    .adv_item-4 .adv_i_img p:first-child {
        margin-left: 0;
    }

    .adv_item-6 .adv_i_img {
        top: 0
    }


    /* 工程案例 */
    .engin {
        margin-top: 20px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .engin_box {
        height: auto;
        padding-bottom: 20px
    }

    .engin_item {
        flex-direction: column;
        width: 33.333%;
    }

    .engin_ul {
        margin-top: 30px
    }

    .engin_i_img {
        width: 50px;
        height: 50px;
        line-height: 30px;
    }

    .engin_i_txt {
        font-size: 12px;
        line-height: 30px
    }

    .engin_middle {
        flex-wrap: wrap;
        height: auto
    }

    .engin_m_l,
    .engin_m_r {
        width: 100%;
    }

    .engin_m_l {
        padding: 10px
    }

    .engin_m_l h1 {
        font-size: 14px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .engin_m_l p {
        max-height: 80px;
        overflow: hidden;
        line-height: 20px;
        font-size: 12px
    }

    .engin_m_r {
        padding-bottom: 20px;
        padding-top: 20px
    }

    .engin_m_r p {
        text-align: center;
        width: 100%;
    }

    .engin_m_r p .more_f {
        width: 50%
    }

    .engin_b_i_right {
        padding: 10px
    }

    .engin_b_item {
        height: auto;
        width: 100%;
        margin-top: 10px
    }

    .engin_b_i_right_t {
        max-height: 60px;
        line-height: 20px;
        overflow: hidden;
        font-size: 12px;
        height: 80%;
        padding-bottom: 20px;
        box-sizing: border-box;
    }

    .engin_b_i_right_b {
        height: 20%;
        padding-top: 10px;
        box-sizing: border-box
    }

    .engin_b_i_right_b a {
        font-size: 12px
    }

    .adv_item-2 .adv_i_img p:first-child,
    .adv_item-3 .adv_i_img p:first-child {
        width: auto;
        height: auto;
        border-radius: 0;
    }

    /* .engin_bottom ul{padding-top:20px;} */
    .engin_ul a {
        width: 33.33%
    }

    .engin_ul a li {
        width: 100%
    }

    /* 关于我们 */
    .index_about {
        padding-top: 20px
    }

    .ind_about_txt {
        width: 100%;
        margin-top: 20px;
        font-size: 12px;
        text-indent: 2em;
        text-align: left;
    }

    .ind_about_bottom {
        margin-top: 0
    }

    /* 合作客户 */
    .cooperate {
        height: auto;
        margin-top: 20px;
        padding: 20px 10px
    }

    .cooperate_top {
        margin-bottom: 0;
    }

    .ind_news_bottom {
        margin-top: 20px;
    }

    .ind_news_txt {
        margin-top: 0;
    }

    .ind_news_txt h4 {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ind_news_txt p {
        overflow: hidden;
        max-height: 60px;
        line-height: 20px;
        font-size: 12px;
    }

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

    /* -------------------- 内页 ------------------------ */
    .ny_con_box {
        flex-wrap: wrap;
        flex-direction: column-reverse
    }

    .ny_left,
    .ny_right {
        width: 100%
    }

    .ny_container {
        margin-top: 20px;
    }

    .ny_r_con {
        width: 100%;
    }

    .ny_r_cTop {
        padding-bottom: 5px;
    }

    .r_cB_con li {
        padding: 5px;
    }

    .r_cB_txt {
        margin-top: 10px;
    }

    .ny_l_img {
        margin-bottom: 5px
    }

    .ny_l_txt {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .ny_case .ny_left {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .ny_case .ny_left ul {
        justify-content: space-between
    }

    .ny_case_item {
        width: 49%;
        margin-right: 0;
        height: auto;
        margin-bottom: 10px;
    }

    .ny_case_con {
        height: auto;
        margin-top: 0;
        padding: 5px;
    }

    .ny_case .ny_left {
        margin-top: 0px;
    }

    .ny_case_con .engin_b_i_right {
        margin-top: 0;
    }

    .ny_case_con .engin_b_i_right_t {
        padding-bottom: 10px;
        max-height: 50px;
        line-height: 25px;
    }

    .ny_case_con .engin_b_i_right_b {
        padding-top: 10px
    }

    .ny_case_con .engin_b_i_right_b a {
        font-size: 12px;
    }

    .ny_news_item {
        width: 100%;
        height: auto;
        padding: 5px;
    }

    .ny_news_img img {
        height: auto;
        width: auto;
    }

    .ny_news_txt {
        padding-left: 5px;
        padding-right: 5px;
    }

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

    .ny_news_txt h3 a {
        font-size: 14px;
    }

    .r_cB_txt {
        margin-top: 0;
    }

    .ny_left {
        margin-top: 15px
    }

    .ny_ztjj_t_con {
        position: static;
        width: 100%;
        padding: 20px;
        height: auto;
        padding-left: 0;
    }

    .ny_ztjj_t_con h3 {
        margin-bottom: 10px;
    }

    .ny_ztjj_top {
        height: auto;
        margin-bottom: 10px;
    }

    .ny_ztjj_b_item {
        margin-top: 10px;
    }

    .ny_ztjj .ny_r_cTop h3,
    .ny_news .ny_r_cTop h3,
    .ny_case .ny_r_cTop h3,
    .ny_ztjj .ny_r_cTop h3 {
        background-position: 330px center;
    }

    .x-footer {
        font-size: 12px;
    }

    .x-copyright,
    .x-region {
        width: 100%;
    }

}

/*# sourceMappingURL=style.css.map */
@media screen and (min-width:1201px) and (max-width:1500px) {
    .width {
        width: 1186px;
    }

    .ny_right {
        width: 380px;
        padding-left: 46px;
    }

    .ind_news_bottom .swiper-button-next {
        right: -60px;
    }

    .ind_news_bottom .swiper-button-prev {
        left: -60px;
    }

    .engin_b_item {
        width: 592px;
    }

    .ind_b_item {
        width: 390px;
    }

    .ind_b_txt {
        top: 320px;
    }

    .ind_b_i_children .ind_b_txt {
        top: 168px;
    }

    .ny_banner .banner_txt,
    .banners .banner_txt {
        top: 15%;
        left: 15%
    }

}






/*phone底部导航*/

li {
    list-style: none;
}

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

.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    background: #191919;
    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/b9232a8b/21/02/bd2998c1d828478cfc5eb00c968f9a8dea4ca5ac.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
    background: url(//cdn.myxypt.com/b9232a8b/21/02/b2610ed871229437863cf6fbf9ca4be10a09da16.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
    background: url(//cdn.myxypt.com/b9232a8b/21/02/e82796ced4c99d9e9bbf7a0c7b3e8abbf05bd703.png) no-repeat center;
    background-size: 20px 20px;
}

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






