@charset "UTF-8";

/*** 装修计算 ***/

.modal-matcal {
    overflow: hidden;
}

.modal-matcal .modal-dialog {
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    overflow: hidden;
    position: relative;
    padding: 0 0.3rem;
}

.modal-matcal .modal-content {
    width: 56em;
    max-width: 100%;
    height: 27.25em;
    max-height: 83vh;
    background: #fff;
    position: relative;
}

.modal-matcal .modal-body {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    padding: 3em 2em 2em;
    overflow: hidden;
    overflow-y: auto;
}

.modal-matcal .modal-close {
    width: 2.1em;
    height: 2.1em;
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    margin: -1.5em 0 0 1em;
    cursor: pointer;
}

.modal-matcal .modal-close .bi {
    width: 100%;
    height: 100%;
    color: #fff;
    position: relative;
    display: block;
}


/*** banner ***/

.pt-banweb {
    width: 100%;
    height: 26.3em;
    display: block;
    background: #ededed;
}

.pt-banweb .image {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background: no-repeat center center;
    background-size: contain;
}

.pt-banapp {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #ededed;
}

.pt-banapp img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.ptban-paging {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    position: absolute;
    left: 0;
    bottom: .22rem;
    z-index: 20;
    font-size: .26rem;
    line-height: .4rem;
    color: #666;
}


/**** 产品信息 ***/

.h100 {
    width: 100%;
    height: 5em;
}

.h80 {
    width: 100%;
    height: 4em;
}

.gpt-ctrl {
    width: 1.5em;
    display: block;
    position: absolute;
    top: 0;
    z-index: 20;
    cursor: pointer;
    color: #d8d8d8;
}

.gpt-ctrl .bi {
    width: 3em;
    height: 3em;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.gpt-ctrl.prev {
    left: 0;
    transform: translateX(-3em);
    -webkit-transform: translateX(-3em);
}

.gpt-ctrl.next {
    right: 0;
    transform: translateX(3em);
    -webkit-transform: translateX(3em);
}

.gpt-ctrl.swiper-button-disabled {
    opacity: .2;
    cursor: default;
    color: #d8d8d8 !important;
}

.pt-title {
    font-size: 2em;
    line-height: 1.5em;
    position: relative;
}

.pt-title.had-line {
    padding-bottom: .325em;
}

.pt-title.had-line::after {
    content: '';
    display: block;
    width: 1.5em;
    height: 4px;
    background: #e60012;
    position: absolute;
    left: 0;
    bottom: 0;
}

.pt-subtt {
    font-size: 22px;
    font-size: 1.1em;
    line-height: 1em;
    color: #999;
}

.pt-doc {
    font-size: 18px;
    font-size: .9em;
    line-height: 1.77em;
    width: 67%;
    max-width: 1070px;
    margin: 0 auto;
}

.btn-ptcal_app {
    width: 1.1rem;
    height: 1.1rem;
    display: block;
    border-radius: 100%;
    position: absolute;
    right: 0;
    top: -.26rem;
    z-index: 20;
    border: solid 1px #dcdcdc;
    background: #fafafa;
}

.btn-ptcal_app img {
    width: .6rem;
    height: .6rem;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.ptsec-inform {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 3em 0 2.7em;
}

.ptsec-inform .row-left {
    width: 100%;
    max-width: 100%;
    flex: 1;
    -webkit-flex: 1;
}

.ptsec-inform .row-right {
    max-width: 24.25em;
    flex: 0 0 24.25em;
    -webkit-flex: 0 0 24.25em;
    margin-left: 2em;
    padding-top: .5em;
}

.ptsec-inform .inform {
    margin-top: 1em;
}

.ptsec-inform .inform .item {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    font-size: 16px;
    font-size: .8em;
    line-height: 1.625em;
    margin-bottom: 1em;
}

.ptsec-inform .inform .item:last-child {
    margin-bottom: 0;
}

.ptsec-inform .inform .tit {
    max-width: 110px;
    /* flex: 0 0 6.875em; */
    /* -webkit-flex: 0 0 6.875em; */
    height: 1.625em;
    color: #333;
    padding: 0 1em 0 0.75em;
    position: relative;
}

.ptsec-inform .inform .tit::before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.ptsec-inform .inform .doc {
    width: 100%;
    max-width: 100%;
    color: #666;
    flex: 1;
    -webkit-flex: 1;
    word-wrap: break-word;
    word-break: break-all;
}

.ptsec-inform .inform .doc .red {
    color: #e60012;
    font-style: normal;
}

.ptsec-inform .inform .doc table {
    width: 100%;
    max-width: 506px;
    text-align: center;
}

.ptsec-inform .inform .doc table td {
    height: 1.75em;
}

.ptsec-inform .inform .doc table td span {
    display: block;
}

.ptsec-inform .inform .doc table tr td:first-child {
    width: 36%;
}

.pt-matcal {
    width: 120%;
    height: 7.9em;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background: url("/content/img/images/pt-2.jpg") no-repeat center center;
    background-size: cover;
    text-align: center;
}

.pt-matcal .tit {
    font-size: 1.5em;
    line-height: 1;
    color: #fff;
    margin-bottom: .8em;
    font-weight: 500;
}

.pt-matcal .btn-ptcal {
    font-size: 16px;
    font-size: .8em;
    line-height: 2.25em;
    height: calc(2.25em + 2px);
    width: 7em;
    border-radius: 2.25em;
}


/** 产品介绍选项卡 **/

.pt-tabwap {
    width: 100%;
    height: 3.2em;
    position: relative;
}

.pt-tabbox {
    width: 100%;
    height: 3.2em;
    line-height: 3.2em;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}

.pt-tabbox .hd {
    width: 100vw;
    height: calc(1.1rem + 2px);
    border-bottom: solid 1px #e5e5e5;
    border-top: solid 1px #e5e5e5;
    background: #f8f8f8;
    overflow: hidden;
    position: relative;
    margin: 0 -0.3rem;
    padding: 0 1.15rem 0 .3rem;
}

.pt-tabbox .hd .arrow {
    width: .3rem;
    height: .3rem;
    display: block;
    position: absolute;
    right: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.pt-tabbox .hd .arrow .bi {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.pt-tabbox .hd .tabtit {
    font-size: .28rem;
    line-height: 1.1rem;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pt-tabbox .tablist {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
}

.pt-tabbox .tablist li {
    flex: 0 1 16.8em;
    -webkit-flex: 0 1 16.8em;
    text-align: center;
    color: #666;
    position: relative;
}

.pt-tabbox .tablist li::after {
    content: '';
    width: 0;
    height: 2px;
    display: block;
    background: #e60012;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    opacity: 0;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.pt-tabbox .tablist li.active {
    color: #e60012;
}

.pt-tabbox .tablist li.active::after {
    width: 100%;
    opacity: 1;
}

.pt-tabbox .tablist a {
    display: block;
    font-size: 18px;
    font-size: .9em;
    cursor: pointer;
}

.pt-body {
    width: 100%;
    min-height: 250px;
}

body.ptab-fixed .pt-tabbox {
    position: fixed;
    top: 4em;
}


/*** 产品简介 ***/

.pt-introd {
    width: 100%;
    position: relative;
    background: #fff;
    overflow: hidden;
    margin: 5em 0;
}

.pt-introd .ptd-txt:first-child {
    margin-top: 0;
}

.ptd-txt {
    width: 100%;
    text-align: center;
    margin: 5em 0 0;
}

.ptd-txt .pt-subtt {
    margin-bottom: 1em;
}

.ptd-txt .pt-title {
    margin-bottom: .75em;
}

.ptd-txt .doc {
    font-size: 18px;
    font-size: .9em;
    line-height: 1.77em;
    width: 67%;
    max-width: 1070px;
    margin: 0 auto;
}

.ptd-txt .doc img {
    width: 100%;
    max-width: 100%;
    display: block;
    height: auto !important;
}

.ptd-txt .imgs {
    width: 100%;
    margin-top: 2.6em;
}

.ptd-txt .imgs img {
    width: 100%;
    max-width: 100%;
    display: block;
    height: auto !important;
}

.ptdtw-box {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.ptdtw-tswip {
    width: 50%;
    float: right;
    display: block;
    overflow: hidden;
    position: relative;
}

.ptdtw-tswip .slide-imgs {
    width: 50vw;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}

.ptdtw-tswip .box {
    width: 50vw;
    height: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
}

.ptdtw-tswip .image {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background: no-repeat center center;
    background-size: cover;
    transition: all 1s;
    -webkit-transition: all 1s;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    position: relative;
    z-index: 10;
}

.ptdtw-tswip .btn-video {
    width: 6em;
    height: 6em;
    display: block;
    border-radius: 100%;
    background: #fff100;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 50;
    color: #e60012;
    cursor: pointer;
}

.ptdtw-tswip .btn-video .bi {
    width: 1em;
    height: 1em;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 10;
}

.ptdtw-tswip .btn-video::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #e60012;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: center !important;
    -webkit-transform-origin: center !important;
    opacity: 0;
    z-index: 1;
}

.ptdtw-tswip .is-active .slide-imgs {
    width: 50vw;
}

.ptdtw-tswip .is-active .image {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all 1.5s;
    -webkit-transition: all 1.5s;
}

.ptdtw-tswip .is-active_prev .slide-imgs {
    width: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.ptdtw-wtit {
    width: 100%;
    max-width: 800px;
    position: absolute;
    right: 0;
    top: 13.2em;
    z-index: 20;
    color: #fff100;
}

.ptdtw-wswip {
    width: 50%;
    display: block;
    background: #e60012;
    position: relative;
    float: left;
}

.ptdtw-wswip .swiper-wrapper {
    z-index: 10;
}

.ptdtw-wswip .slide-bd {
    width: 100%;
    max-width: 800px;
    height: 100%;
    float: right;
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    overflow: hidden;
}

.ptdtw-wswip .slide-tit {
    font-size: 1.5em;
    line-height: 1.6em;
    color: #fff100;
    overflow: hidden;
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all 1s;
    -webkit-transition: all 1s;
}

.ptdtw-wswip .doc {
    font-size: 18px;
    font-size: .9em;
    line-height: 1.78em;
    color: #fff;
    overflow: hidden;
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all 1s;
    -webkit-transition: all 1s;
}

.ptdtw-wswip .doc ul {
    overflow: hidden;
    margin-right: -2.4em;
}

.ptdtw-wswip .doc li {
    padding-left: 0.83em;
    position: relative;
    float: left;
    min-width: 10em;
    margin-right: 2.4em;
}

.ptdtw-wswip .doc li::before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #fff100;
    position: absolute;
    left: 0;
    top: 1em;
}

.ptdtw-wswip .is-active_after .slide-tit {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
}

.ptdtw-wswip .is-active_after .doc {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
}

.ptdtw-ctrl {
    width: 100%;
    max-width: 800px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    position: absolute;
    right: 0;
    z-index: 50;
}

.ptdtw-prev,
.ptdtw-next {
    width: 3em;
    height: 3em;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background: #fff;
    border-radius: 100%;
    cursor: pointer;
    position: relative;
}

.ptdtw-prev::after,
.ptdtw-next::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #fff100;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: center !important;
    -webkit-transform-origin: center !important;
    opacity: 0;
    z-index: 1;
}

.ptdtw-prev .bi,
.ptdtw-next .bi {
    width: .8em;
    height: .8em;
    display: block;
    color: #e60012;
    position: relative;
    z-index: 10;
    transition: color 0.4s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    -webkit-transition: color 0.4s cubic-bezier(0.25, 0.74, 0.22, 0.99);
}

.ptdtw-prev {
    margin-right: .5em;
}

.ptdtw-head {
    width: 100vw;
    position: absolute;
    left: 100%;
    top: 3.5em;
    z-index: 50;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.ptdtw-head .box {
    width: 100%;
    overflow: hidden;
    padding-bottom: 1em;
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    font-size: 16px;
    font-size: .8em;
    line-height: 1;
    color: #fff;
}

.ptdtw-head .stit {
    float: left;
}

.ptdtw-head .ptdtw-paging {
    float: right;
    position: static;
    width: auto;
}

.ptdtw-type1 .ptdtw-tswip {
    height: 39em;
}

.ptdtw-type1 .ptdtw-wswip {
    height: 39em;
}

.ptdtw-type1 .ptdtw-wswip .slide-bd {
    padding: 19.3em 9.8vw 10em 0;
}

.ptdtw-type1 .ptdtw-ctrl {
    bottom: 3.5em;
}

.ptdtw-media .ptdtw-tswip {
    height: 40em;
}

.ptdtw-media .ptdtw-tswip .image::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
    opacity: .7;
    position: absolute;
    left: 0;
    top: 0;
}

.ptdtw-media .ptdtw-wswip {
    height: 40em;
}

.ptdtw-media .ptdtw-wswip .slide-bd {
    padding: 6.4em 9.8vw 10em 0;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.ptdtw-media .ptdtw-ctrl {
    bottom: 4em;
}

.ptdtw-type2 .ptdtw-tswip {
    height: 40em;
}

.ptdtw-type2 .ptdtw-wswip {
    height: 40em;
}

.ptdtw-type2 .ptdtw-wswip .slide-bd {
    padding: 6.4em 9.8vw 10.55em 0;
    justify-content: center;
    -webkit-justify-content: center;
}

.ptdtw-type2 .ptdtw-wswip .slide-tit {
    margin-bottom: .73em;
}

.ptdtw-type2 .ptdtw-wswip .doc {
    line-height: 2em;
}

.ptdtw-type2 .ptdtw-ctrl {
    bottom: 4em;
}

.ptdtw-type3 .ptdtw-tswip {
    height: 39.2em;
}

.ptdtw-type3 .ptdtw-wswip {
    height: 39.2em;
}

.ptdtw-type3 .ptdtw-wswip .slide-bd {
    padding: 6.4em 9.8vw 9.4em 0;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.ptdtw-type3 .ptdtw-wswip .slide-tit {
    margin-bottom: .73em;
}

.ptdtw-type3 .ptdtw-wswip .doc {
    line-height: 2em;
}

.ptdtw-type3 .ptdtw-ctrl {
    bottom: 4em;
}


/** 检验报告 **/

.pt-report {
    width: 100%;
    background: #fff;
    position: relative;
    margin: 5em 0 5.7em;
}

.ptrep-list {
    margin: 0 -2em;
}

.ptrep-list li {
    padding: 0 2em;
}

.ptrep-list .box {
    width: 100%;
    display: block;
    position: relative;
}

.ptrep-list .item-imgs {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    background: url("/content/img/images/pt-3.jpg") no-repeat center center;
    background-size: cover;
    padding: 3.9em 3.3em 5.6em;
}

.ptrep-list .item-imgs img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.ptrep-list .image {
    width: 100%;
    height: 30em;
    display: block;
    overflow: hidden;
    position: relative;
    background: no-repeat center center;
    background-size: contain;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.ptrep-list .item-bd {
    height: 5em;
    background: #fff;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    position: absolute;
    left: 3.3em;
    right: 3.3em;
    bottom: 0;
    z-index: 20;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
}

.ptrep-list .tit {
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-size: 1.5em;
    line-height: 1.5em;
    color: #e60012;
}


/** 产品特性 **/

.pt-features {
    width: 100%;
    background: no-repeat center center;
    background-size: cover;
}

.pt-features .pt-title {
    color: #fff;
}

.pt-features.had-tit {
    padding: 4.5em 0 4.4em;
}

.pt-features.had-tit .ptfeat-swip {
    padding: 2.5em 0 0;
}

.pt-features.had-tit .ptfeat-nodoc .swiper-wrapper {
    margin-bottom: -2.9em;
}

.pt-features.had-tit .ptfeat-nodoc .swiper-slide {
    margin-bottom: 2.9em;
    padding: 0 9.1vw;
}

.pt-features.had-tit .ptfeat-nodoc .swiper-slide:nth-child(3n+2) {
    max-width: 592px;
}

.ptfeat-swip {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.ptfeat-swip .swiper-wrapper {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.ptfeat-swip .swiper-slide {
    min-width: 30.5%;
    flex: 0 1;
    -webkit-flex: 0 1;
    display: flex;
    display: -webkit-flex;
    position: relative;
    text-align: center;
}

.ptfeat-swip .swiper-slide:last-child::after {
    display: none;
}

.ptfeat-swip .icon {
    display: block;
    margin: 0 auto 1.2em;
}

.ptfeat-swip .icon img {
    width: 100%;
    height: 100%;
    display: block;
}

.ptfeat-swip .tit {
    width: 100%;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #fff100;
    white-space: nowrap;
}

.ptfeat-swip .desc {
    font-size: 16px;
    font-size: .8em;
    line-height: 1.875em;
    color: #999;
    margin-top: 1em;
    min-height: 5.625em;
}

.ptfeat-nodoc {
    padding: 6em 0;
}

.ptfeat-nodoc .swiper-wrapper {
    margin-bottom: -5.5em;
}

.ptfeat-nodoc .swiper-slide {
    padding: 0 5.2vw;
    margin-bottom: 5.5em;
}

.ptfeat-nodoc .swiper-slide:nth-child(3n+2) {
    max-width: 610px;
    flex: 0 0 39%;
    -webkit-flex: 0 0 39%;
    justify-content: center;
}

.ptfeat-nodoc .swiper-slide:nth-child(3n+2)::before {
    content: '';
    display: block;
    width: 1px;
    height: 3em;
    background: #e60012;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.ptfeat-nodoc .swiper-slide:nth-child(3n+2)::after {
    content: '';
    display: block;
    width: 1px;
    height: 3em;
    background: #e60012;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.ptfeat-nodoc .swiper-slide:nth-child(3n+3) {
    justify-content: flex-end;
}

.ptfeat-nodoc .icon {
    width: 7em;
    height: 7em;
}

.ptfeat-haddoc {
    padding: 5em 0 3.1em;
}

.ptfeat-haddoc .swiper-wrapper {
    margin-bottom: -3.6em;
}

.ptfeat-haddoc .swiper-slide {
    margin-bottom: 3.6em;
}

.ptfeat-haddoc .swiper-slide:nth-child(3n+1) {
    padding-right: 6vw;
}

.ptfeat-haddoc .swiper-slide:nth-child(3n+2) {
    max-width: 610px;
    flex: 0 0 39%;
    -webkit-flex: 0 0 39%;
    justify-content: center;
    padding: 0 5.2vw;
}

.ptfeat-haddoc .swiper-slide:nth-child(3n+2)::before {
    content: '';
    display: block;
    width: 1px;
    height: 3em;
    background: #e60012;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.ptfeat-haddoc .swiper-slide:nth-child(3n+2)::after {
    content: '';
    display: block;
    width: 1px;
    height: 3em;
    background: #e60012;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.ptfeat-haddoc .swiper-slide:nth-child(3n+3) {
    justify-content: flex-end;
    padding-left: 6vw;
}

.ptfeat-haddoc .box {
    width: 100%;
}

.ptfeat-haddoc .icon {
    width: 4.5em;
    height: 4.5em;
}

.ptfeat-col2 {
    max-width: 1240px;
    margin: 0 auto;
}

.ptfeat-col2 .swiper-wrapper {
    width: auto;
    margin: 0 -6.25vw;
}

.ptfeat-col2 .swiper-slide {
    max-width: 50%;
    margin: 4em 0 0;
    flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    text-align: left;
    padding: 0 6.25vw;
}

.ptfeat-col2 .box {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
}

.ptfeat-col2 .icon {
    width: 5.4em;
    height: 5.4em;
    flex: 0 0 5.4em;
    -webkit-flex: 0 0 5.4em;
    margin: 0 1.9em 0 0;
}

.ptfeat-col2 .bd {
    max-width: 100%;
    width: 100%;
    flex: 1;
    -webkit-flex: 1;
}

.ptfeat-col2 .tit {
    padding-top: .5em;
    position: relative;
}

.ptfeat-col2 .tit::before {
    content: '';
    display: block;
    width: 2.14em;
    max-width: 60px;
    height: 1px;
    background: #e60012;
    position: absolute;
    left: 0;
    top: 0;
}

.ptfeat-col2 .desc {
    color: #fff;
    margin: 1.5em 0 0;
    min-height: 0;
}

.ptfeat-paging {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    position: absolute;
    left: 0;
    bottom: .5rem !important;
    z-index: 20;
    line-height: 2px;
}

.ptfeat-paging .bullet {
    width: .6rem;
    height: 2px;
    display: block;
    border-radius: 2px;
    background: #fff100;
    opacity: .2;
    margin: 0 .09rem;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
}

.ptfeat-paging .bullet.active {
    opacity: 1;
}


/* 产品展示 */

.pt-cpzs {
    width: 100%;
    background: #fff;
    position: relative;
    margin: 4.5em 0 4.3em;
}

.pt-cpzs .pt-title {
    margin-bottom: .6em;
}

.pt-cpzs .pt-doc {
    margin-bottom: 3em;
}

.ptdcp-swipbox {
    position: relative;
    margin-top: 2.5em;
}

.ptdcp-swip {
    position: relative;
    overflow: hidden;
}

.ptdcp-swip .swiper-slide {
    width: 31.56%;
}

.ptdcp-swip .slide-imgs {
    width: 100%;
    height: 16.5em;
    overflow: hidden;
    position: relative;
}

.ptdcp-swip .image {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    background: no-repeat center center;
    background-size: cover;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.ptdcp-swip .tit {
    font-size: 18px;
    font-size: .9em;
    line-height: 1.5em;
    margin-top: 1.44em;
    text-align: center;
}

.ptdcp-card-swip .slide-imgs {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.13);
}

.ptdcp-ctrl {
    width: 1.5em;
    height: 16.5em;
    display: block;
    position: absolute;
    top: 0;
    z-index: 20;
    cursor: pointer;
    color: #d8d8d8;
}

.ptdcp-ctrl .bi {
    width: 3em;
    height: 3em;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.ptdcp-ctrl.prev {
    left: 0;
    transform: translateX(-3em);
    -webkit-transform: translateX(-3em);
}

.ptdcp-ctrl.next {
    right: 0;
    transform: translateX(3em);
    -webkit-transform: translateX(3em);
}

.ptdcp-ctrl.swiper-button-disabled {
    opacity: .2;
    cursor: default;
    color: #d8d8d8 !important;
}


/** 产品指标 **/

.pt-cpzb {
    width: 100%;
    background: #fff;
    position: relative;
    margin: 4.3em 0 5.5em;
}

.pt-cpzb .ptzb-table {
    margin-top: 2.4em;
}

.ptzb-table {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.ptzb-table table {
    width: 100%;
}

.ptzb-table td {
    height: 2.7em;
    font-size: 18px;
    font-size: .9em;
    line-height: 1.5em;
    white-space: nowrap;
    text-align: center;
    background: #fff;
    color: #666;
}

.ptzb-table tr:nth-child(odd) td {
    background: #f4f4f4;
}

.ptzb-table tr td:first-child {
    width: 11.7%;
    color: #333;
    padding: 0 1.9em;
    text-align: left;
}


/* 性能指标 */

.ptzb-table2 {
    width: 100%;
    position: relative;
    margin: 2.3em 0 3.4em;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.ptzb-table2 img {
    width: 100%;
    max-width: 100%;
    display: block;
    height: auto !important;
}

.ptzb-table2:last-child {
    margin-bottom: 0;
}

.ptzb-table2 table {
    width: 100%;
    border: none;
}

.ptzb-table2 td {
    width: 20%;
    height: 2.7em;
    font-size: 18px;
    font-size: .9em;
    line-height: 1.5em;
    text-align: center;
    background: #fff;
    color: #666;
    padding: 0.3em 1.6em;
}

.ptzb-table2 td b {
    color: #333;
}

.ptzb-table2 tr.bg-gray td {
    background: #f4f4f4;
}

.ptzb-table2 thead th {
    background: #e60012;
    font-size: 1em;
    color: #fff;
    height: 2.5em;
    border-color: #e60012;
    padding: 0 1.5em;
    font-weight: bold;
}


/* 工程案例 */

.pt-case {
    margin: 4.2em 0 5em;
}

.ptcase-swip {
    width: 100%;
    max-width: 1090px;
    position: relative;
    margin: 5.15em auto 0;
}

.ptcase-swip .box {
    cursor: pointer;
}

.ptcase-swip .slide-imgs {
    width: 100%;
    height: 15em;
    display: block;
    overflow: hidden;
    position: relative;
}

.ptcase-swip .image {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    background: no-repeat center center;
    background-size: cover;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.ptcase-swip .slide-tit {
    /*height: 3em;*/
    margin-top: 1.5em;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.ptcase-swip .slide-tit a {
    font-size: 18px;
    font-size: .9em;
    line-height: 1.5em;
    height: 1.5em;
    display: block;
    overflow: hidden;
    /*opacity: 0;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);*/
    transition: none;
    -webkit-transition: none;
}

.ptcase-swip .swiper-slide {
    width: 20.75em;
}

.ptcase-swip .is-prev {
    transform-origin: left center !important;
    -webkit-transform-origin: left center !important;
}

.ptcase-swip .is-next {
    transform-origin: right center !important;
    -webkit-transform-origin: right center !important;
}

.ptcase-swip .swiper-slide-active .slide-tit a {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    transition: all 0.4s 0.3s;
    -webkit-transition: all 0.4s 0.3s;
}

.ptcase-tool {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    /*position: absolute;
  right: 69.3%;
  bottom: 0;*/
    z-index: 20;
    width: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    margin-top: 2em;
}

.ptcase-ctrl {
    width: 3em;
    height: 3em;
    display: block;
    border-radius: 100%;
    border: solid 1px #e60012;
    color: #e60012;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.ptcase-ctrl::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #e60012;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.74, 0.22, 0.99);
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: center !important;
    -webkit-transform-origin: center !important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 100%;
}

.ptcase-ctrl .bi {
    width: 1.5em;
    height: 1.5em;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 20;
}

.ptcase-ctrl.prev {
    margin-right: .8em;
}


/** 泰山GF A1级防火石膏纤维板 **/

.ptGfa1-box .pt-introd {
    padding-bottom: 0;
    background: url("/content/img/images/pt-gfa1/bg1.jpg") no-repeat center bottom;
    background-size: 100%;
    margin-bottom: 0;
}


/* 泰山牌高强玻纤布石膏板 */

.pt-xnzb {
    margin: 4em 0 5em;
}

.ptbxb-box .ptzb-table2 td:first-child {
    width: 23%;
    color: #333;
}

.ptbxb-box .ptzb-table2 td:nth-child(2) {
    width: 17%;
}

.ptbxb-box .ptzb-table2 tr:first-child td {
    color: #333;
}

.ptbxb-box .ptzb-table2 tr:nth-child(2) td {
    color: #666 !important;
    font-weight: normal;
    font-size: .8em;
    line-height: 1.25em;
}

.ptbxb-box .ptzb-table2 tr:nth-child(2) span {
    width: 8em;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
}


/* GFP泰山高强石膏基阻燃板 */

.ptgfp-box .ptzb-table2.table1 td {
    width: 16.6%;
}

.ptgfp-box .ptzb-table2.table1 tr td:first-child[rowspan] {
    width: 11%;
}

.ptgfp-box .ptzb-table2.table1 tr td:first-child[rowspan]+td {
    width: 12%;
}

.ptgfp-box .ptzb-table2.table1 tr:first-child td {
    color: #333;
}


/* 金砖龙骨 */

.ptjzlg-box .pt-body {
    padding-bottom: 0;
}

.ptjzlg-box .pt-zyxn {
    margin-top: 5em;
}


/* 泰山金钻石膏 */

.ptjzsg-box .pt-body {
    padding-bottom: 0;
}

.pt-cpgg {
    margin: 4.5em 0;
}

.ptd-cpys {
    margin-top: 5em;
    padding-bottom: 9.5em !important;
    position: relative;
}

.ptd-cpys>.bg {
    width: 100%;
    height: 62.6%;
    display: block;
    background: no-repeat center center;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.ptdys-head {
    width: 19%;
    max-width: 300px;
    float: right;
}

.ptdys-head .pt-title {
    line-height: 1em;
    text-align: right;
    margin-bottom: 1em;
}

.ptdys-head .pt-subtt {
    font-size: .9em;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    color: #333;
}

.ptdys-head .pt-subtt span {
    display: block;
    position: relative;
    background: #fff;
}

.ptdys-head .pt-subtt span::before {
    content: '';
    display: block;
    height: 1px;
    width: 100vw;
    background: #f1f2f3;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translate(-0.67em, -50%);
    -webkit-transform: translate(-0.67em, -50%);
}

.ptdys-head .pt-subtt span::after {
    content: '';
    display: block;
    height: 1px;
    width: 100vw;
    background: #f1f2f3;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(0.67em, -50%);
    -webkit-transform: translate(0.67em, -50%);
}

.ptdys-paging {
    margin-top: 3.5em;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-items: flex-end;
    -webkit-align-items: flex-end;
}

.ptdys-paging .numbox {
    font-size: 24px;
    font-size: 1.2em;
    line-height: 1.25em;
}

.ptdys-paging .current {
    color: #e60012;
    font-size: 2.5em;
    line-height: 1em;
    height: 1em;
    display: inline-block;
}

.ptdys-body {
    width: 65.625%;
    max-width: 1050px;
    float: left;
}

.ptdys-tablist {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 1.5em;
}

.ptdys-tablist .swiper-slide {
    width: auto;
    display: flex;
    display: -webkit-flex;
}

.ptdys-tablist .box {
    width: auto;
    display: block;
    position: relative;
    padding-bottom: 1.5em;
}

.ptdys-tablist .icon {
    width: 1.7em;
    height: 1.7em;
    display: block;
    margin: 0 auto .5em;
}

.ptdys-tablist .icon img {
    width: 100%;
    height: 100%;
    display: block;
}

.ptdys-tablist .icon .icon2 {
    display: none;
}

.ptdys-tablist .tit {
    font-size: 18px;
    font-size: .9em;
    line-height: 1.5em;
    text-align: center;
    white-space: nowrap;
}

.ptdys-tablist .point {
    width: .8em;
    height: .8em;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 3px;
    z-index: 1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.ptdys-tablist .point::after {
    content: '';
    width: 5px;
    height: 5px;
    display: block;
    border-radius: 100%;
    background: #ccc;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.ptdys-tablist .swiper-slide-thumb-active .icon .icon1 {
    display: none;
}

.ptdys-tablist .swiper-slide-thumb-active .icon .icon2 {
    display: block;
}

.ptdys-tablist .swiper-slide-thumb-active .tit {
    color: #e60012;
}

.ptdys-tablist .swiper-slide-thumb-active .point::after {
    width: 100%;
    height: 100%;
    background: url("/content/img/images/pt-jzsg/point.png") no-repeat center center #fff;
    background-size: contain;
}

.ptdys-tabcont {
    background: #fff100;
    position: relative;
}

.ptdys-tabcont::before {
    content: '';
    display: block;
    width: 50vw;
    height: 100%;
    background: #fff100;
    position: absolute;
    right: 100%;
    top: 0;
    z-index: 1;
}

.ptdys-tabcont .swiper-wrapper {
    z-index: 20;
}

.ptdys-tabcont .swiper-slide {
    padding: 3em 8.3vw 3em 0;
}

.ptdys-tabcont .slide-head {
    margin-bottom: 2.3em;
    position: relative;
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
}

.ptdys-tabcont .slide-head::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.ptdys-tabcont .slide-tit {
    position: relative;
    padding-bottom: 1.1em;
    font-size: 32px;
    font-size: 1.6em;
    line-height: 1em;
    color: #333;
    z-index: 5;
}

.ptdys-tabcont .slide-tit::after {
    content: '';
    display: block;
    width: 2em;
    height: 4px;
    background: #e60012;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.ptdys-tabcont .slide-doc {
    font-size: 18px;
    font-size: .9em;
    line-height: 1.78em;
    min-height: 14.8em;
    transition: all 1s;
    -webkit-transition: all 1s;
    opacity: 0;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
}

.ptdys-tabcont .slide-doc img {
    max-width: 100%;
    height: auto !important;
    margin-top: 10px;
}

.ptdys-tabcont .swiper-slide-active .slide-head {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    transition: all 1s 0.3s;
    -webkit-transition: all 1s 0.3s;
}

.ptdys-tabcont .swiper-slide-active .slide-doc {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    transition: all 1s 0.5s;
    -webkit-transition: all 1s 0.5s;
}


/* 泰山牌烤漆龙骨 */

.ptkqlg-box .ptd-txt .imgs {
    position: relative;
}

.ptkqlg-box .ptd-txt .imgs img {
    position: relative;
    z-index: 5;
}

.ptkqlg-box .ptd-txt .imgs::after {
    content: '';
    width: 100vw;
    height: 50%;
    display: block;
    background: #384855;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 1;
}

.ptkqlg-box .h100 {
    position: relative;
    background: #384855;
}

.ptdkq-cont {
    position: relative;
}

.ptdkq-cont::after {
    content: '';
    width: 100vw;
    height: 50%;
    display: block;
    background: #384855;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 1;
}

.ptdkq-swip {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.ptdkq-swip .swiper-wrapper {
    z-index: 10;
}

.ptdkq-swip .swiper-slide {
    width: 25.5em;
}

.ptdkq-swip .box {
    width: 100%;
    background: #fff;
    padding: 3.5em 1.8em 2.3em;
    border-bottom: solid 3px #fff100;
    position: relative;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.ptdkq-swip .pt-title {
    color: #e60012;
    margin-bottom: .75em;
    text-align: center;
}

.ptdkq-swip .pt-doc {
    width: 100%;
    max-width: 100%;
    min-height: 8.89em;
}

.ptdkq-swip .slide-imgs {
    width: 100%;
    position: relative;
    margin-top: 2em;
}

.ptdkq-swip .slide-imgs img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.ptdkq-ctrl {
    width: 1.5em;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: 20;
    cursor: pointer;
    color: #d8d8d8;
}

.ptdkq-ctrl .bi {
    width: 3em;
    height: 3em;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.ptdkq-ctrl.prev {
    left: 0;
    transform: translateX(-3em);
    -webkit-transform: translateX(-3em);
}

.ptdkq-ctrl.next {
    right: 0;
    transform: translateX(3em);
    -webkit-transform: translateX(3em);
}

.ptdkq-ctrl.swiper-button-disabled {
    opacity: .2;
    cursor: default;
    color: #d8d8d8 !important;
}


/* 泰山分解甲醛石膏板 */

.ptfjjq-box .pt-body {
    padding: 0;
}

.ptfjjq-box .pt-introd {
    margin-bottom: 0;
}

.ptdjq-jhxn {
    width: 1240px;
    max-width: 100%;
    margin: 0 auto;
    align-items: center;
    -webkit-align-items: center;
}

.ptdjq-jhxn .item-imgs {
    padding: 0;
}

.ptdjq-jhxn .item-imgs img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.ptdjq-jhxn .item-bd {
    padding: 0 0 0 4.8%;
}

.ptdjq-jhxn .ptd-txt {
    margin: 0;
    text-align: left;
}

.ptdjq-jhxn .ptd-txt .doc {
    width: 100%;
    max-width: 100%;
    text-align: left;
    min-height: 6.1em;
}

.ptdjq-fjyl {
    width: 100%;
    position: relative;
    padding: 5em 0 3.5em;
}

.ptdjq-fjyl .bg {
    width: 100vw;
    height: 100%;
    display: block;
    background: no-repeat center center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.ptdjq-fjyl .ptd-txt {
    position: relative;
    z-index: 5;
    color: #fff;
    margin: 0;
}

.ptdjq-fjyl .ptd-txt .pt-subtt,
.ptdjq-fjyl .ptd-txt .pt-title,
.ptdjq-fjyl .ptd-txt .doc {
    color: inherit;
}

.ptdjq-fjyl .row {
    margin: 2.8em auto 0;
    align-items: center;
    -webkit-align-items: center;
    position: relative;
    z-index: 10;
}

.ptdjq-fjyl .row-imgs {
    display: flex;
    display: -webkit-flex;
    padding: 0;
}

.ptdjq-fjyl .row-imgs img {
    max-width: 100%;
    display: block;
}

.ptdjq-fjyl .row-bd {
    padding: 0 21.875% 0 0;
}

.ptdjq-fjyl .row-bd .t1 {
    font-size: 28px;
    font-size: 1.4em;
    line-height: 1em;
    color: #fff100;
}

.ptdjq-fjyl .row-bd .list {
    margin-top: 2.7em;
}

.ptdjq-fjyl .row-bd .list li {
    margin-bottom: 1.8em;
}

.ptdjq-fjyl .row-bd .list li:last-child {
    margin-bottom: 0;
}

.ptdjq-fjyl .row-bd .t2 {
    font-size: 18px;
    font-size: .9em;
    line-height: 1em;
    color: #fff;
    padding-left: 1em;
    position: relative;
    margin-bottom: 1em;
}

.ptdjq-fjyl .row-bd .t2::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #e60012;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.ptdjq-fjyl .row-bd .doc {
    font-size: 16px;
    font-size: .8em;
    line-height: 1.875em;
    color: #999;
}

.pt-jqxn {
    width: 100%;
    background: #fff;
    padding: 5em 0 4.75em;
}

.ptdjq-xnwip .swiper-wrapper {
    justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.ptdjq-xnwip .swiper-slide {
    max-width: 470px;
    flex: 1.6 1;
    -webkit-flex: 1.6 1;
    position: relative;
    display: flex;
    display: -webkit-flex;
    text-align: center;
    justify-content: center;
}

.ptdjq-xnwip .swiper-slide::after {
    content: '';
    display: block;
    width: 1px;
    height: 3em;
    background: #e60012;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.ptdjq-xnwip .swiper-slide:first-child {
    max-width: none;
    flex: 1;
    -webkit-flex: 1;
    justify-content: flex-start;
}

.ptdjq-xnwip .swiper-slide:last-child {
    max-width: none;
    flex: 1;
    -webkit-flex: 1;
    justify-content: flex-end;
}

.ptdjq-xnwip .swiper-slide:last-child::after {
    display: none;
}

.ptdjq-xnwip img {
    width: 7em;
    height: 7em;
    display: block;
    margin: 0 auto 1em;
}

.ptdjq-xnwip .tit {
    font-size: 18px;
    font-size: .9em;
    line-height: 1.78em;
}

.ptdjq-xnwip .doc {
    font-size: 16px;
    font-size: .8em;
    line-height: 1.875em;
    color: #666;
}

.ptred-paging {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    position: absolute;
    left: 0;
    bottom: .5rem !important;
    z-index: 20;
    line-height: 2px;
}

.ptred-paging .bullet {
    width: .6rem;
    height: 2px;
    display: block;
    border-radius: 2px;
    background: #e60012;
    opacity: .2;
    margin: 0 .09rem;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
}

.ptred-paging .bullet.active {
    opacity: 1;
}

.pt-jqrz {
    width: 100%;
    background: #fbfbfb;
    position: relative;
    padding: 4.5em 0 3.7em;
}

.pt-jqrz .pt-title {
    margin-bottom: 1.25rem;
}

.ptjq-rzsbox {
    width: 100%;
    position: relative;
}

.ptjq-rzswip .swiper-slide {
    text-align: center;
}

.ptjq-rzswip .slide-imgs {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 1.1em;
}

.ptjq-rzswip .slide-imgs img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.ptjq-rzswip .image {
    width: 100%;
    height: 17.75em;
    display: block;
    overflow: hidden;
    position: relative;
    background: no-repeat center center;
    background-size: contain;
}

.ptjq-rzswip .slide-tit {
    font-size: 18px;
    font-size: .9em;
    line-height: 1.78em;
}

.ptjqrz-ctrl {
    height: 17.75em;
}

.pt-jqbg {
    width: 100%;
    position: relative;
    background: url("/content/img/images/pt-fjjq/6.jpg") no-repeat center center;
    background-size: cover;
    padding: 5em 0 5.5em !important;
}

.pt-jqbg .row {
    align-items: center;
}

.pt-jqbg .item-imgs {
    padding: 0;
}

.pt-jqbg .item-imgs img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.pt-jqbg .item-bd {
    padding: 0 9.4vw;
}

.pt-jqbg .pt-title {
    margin-bottom: .65em;
}

.pt-jqbg .pt-doc {
    width: 100%;
    max-width: 100%;
}


/* 泰山牌速装饰面板 */

.ptszs-cptx {
    margin: 4em 0 -0.5rem;
}

.ptszs-cptx .ptdjq-xnwip {
    max-width: 1090px;
    margin: 0 auto;
}


/* 轻钢龙骨 */

.ptqglg-cpys {
    padding: 3.5em 0 6.5em;
    background: url("/content/img/images/pt-11.jpg") no-repeat center center;
    background-size: cover;
    color: #fff;
}


/* 配套类-接缝带 */

.ptjf-box .ptdjq-xnwip {
    padding: 4em 0 0;
}


/* 配套类-钉子 */

.ptdz-box .pt-body {
    padding-bottom: 0;
}


/* 粉料类 - 轻质抹灰石膏 */

.ptqzmh-box .pt-introd {
    margin-bottom: 0;
}

.ptmh-td {
    margin: 4em 0;
}

.ptmh-scsj {
    margin: 5em 0 4.5em;
}

.ptmh-sjswip {
    overflow: hidden;
    position: relative;
}

.ptmh-sjswip .swiper-slide {
    width: 31.75%;
}

.ptmh-sjswip .swiper-slide.is-open .slide-hover,
.ptmh-sjswip .swiper-slide.is-open .slide-hbox {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.ptmh-sjswip .box {
    width: 100%;
    height: 35em;
    display: block;
    position: relative;
    overflow: hidden;
}

.ptmh-sjswip .slide-layer {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 1;
}

.ptmh-sjswip .slide-imgs {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    background: no-repeat center center;
    background-size: cover;
}

.ptmh-sjswip .slide-bot {
    width: 100%;
    height: 3em;
    line-height: 3em;
    display: block;
    position: absolute;
    left: 0;
    bottom: 1.7em;
    z-index: 5;
    padding: 0 2em;
    justify-content: space-between;
}

.ptmh-sjswip .slide-tit {
    font-size: 24px;
    font-size: 1.2em;
    color: #fff;
    float: left;
}

.ptmh-sjswip .btn-hopen {
    width: 3em;
    height: 3em;
    display: block;
    border-radius: 100%;
    background: #e60012;
    float: right;
    position: relative;
    cursor: pointer;
}

.ptmh-sjswip .btn-hopen .bi {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: #fff100;
}

.ptmh-sjswip .btn-hclose {
    width: 3em;
    height: 3em;
    display: block;
    border-radius: 100%;
    background: #fff;
    float: right;
    position: relative;
    cursor: pointer;
}

.ptmh-sjswip .btn-hclose .bi {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: #e60012;
}

.ptmh-sjswip .slide-hover {
    width: 100%;
    height: 100%;
    display: block;
    background: #e60012;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1);
}

.ptmh-sjswip .slide-hbox {
    width: 100%;
    height: 100%;
    display: block;
    background: #e60012;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1);
    z-index: -1;
}

.ptmh-sjswip .slide-doc {
    width: 100%;
    padding: 0 1.6em;
    position: absolute;
    left: 0;
    top: 2.5em;
}

.ptmh-sjswip .doc {
    font-size: 18px;
    font-size: .9em;
    line-height: 2em;
    color: #fff;
}

.ptmh-sjswip .doc li {
    padding-left: 1em;
    position: relative;
    margin-bottom: .78em;
}

.ptmh-sjswip .doc li::before {
    content: '';
    width: 3px;
    height: 3px;
    display: block;
    background: #fff100;
    position: absolute;
    left: 0;
    top: 1em;
}

.ptmh-sjswip .doc li:last-child {
    margin-bottom: 0;
}

.ptmh-test {
    margin: 4.5em 0;
}

.mhtest-item {
    width: 100%;
    overflow: hidden;
    margin-top: 2.5em;
    align-items: center;
    -webkit-align-items: center;
}

.mhtest-item .item-imgs {
    padding: 0;
    position: relative;
}

.mhtest-item .item-imgs img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.mhtest-item .item-bd {
    padding: 0 0 0 2.6em;
}

.mhtest-item .item-tit {
    font-size: 24px;
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 0 0 .75em;
}

.mhtest-item .item-doc {
    font-size: 16px;
    font-size: .8em;
    line-height: 2em;
}

.mhtest-item .item-doc img {
    max-width: 100%;
    height: auto !important;
}

.mhtest-item .item-doc li {
    padding-left: 1em;
    margin-bottom: .25em;
    position: relative;
}

.mhtest-item .item-doc li::before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #e60012;
    position: absolute;
    left: 0;
    top: 1em;
}

.mhtest-item .item-doc .gs {
    height: 2em !important;
    margin-left: 5px;
}

.mhtest-item .item-doc .fat {
    height: 1em !important;
}

.mhtest-item .item-row {
    margin-bottom: 1.8em;
}

.mhtest-item .item-row:last-child {
    margin-bottom: 0;
}

.mhtst-swip {
    width: 100%;
    height: 24em;
    overflow: hidden;
    position: relative;
    padding: 0 0 6.8em;
}

.mhtst-swip .slide-tit {
    font-size: 24px;
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 1.33em 0 .67em;
}

.mhtst-swip .slide-doc {
    font-size: 16px;
    font-size: .8em;
    line-height: 2em;
}

.mhtst-swip .slide-doc img {
    max-width: 100%;
    height: auto !important;
}

.mhtst-swip .slide-doc li {
    padding-left: 1em;
    margin-bottom: .25em;
    position: relative;
}

.mhtst-swip .slide-doc li::before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #e60012;
    position: absolute;
    left: 0;
    top: 1em;
}

.mhtest-ctrl {
    position: absolute;
    left: 5px;
    bottom: 1.8em;
    z-index: 20;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.mhtest-ctrl .ptdtw-prev,
.mhtest-ctrl .ptdtw-next {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.17);
}

.mhtest-ctrl .ptdtw-prev::after,
.mhtest-ctrl .ptdtw-next::after {
    background: #e60012;
}

.mhtest-ctrl .swiper-button-disabled {
    opacity: .2;
    cursor: default;
}

.mhtest-ctrl .swiper-button-disabled .bi {
    color: #e60012 !important;
}

.mhtest-ctrl .swiper-button-disabled::after {
    display: none !important;
}

.ptmh-dxxn {
    width: 100%;
    padding: 4.4em 0 4.5em;
    background: url("/content/img/images/pt-qzmh/bg-1.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
}

.ptmh-dxxn .pt-title {
    margin-bottom: .75em;
    text-align: center;
    color: #fff100;
}

.ptmh-dxxn .pt-doc {
    text-align: left;
    color: #fff;
    line-height: 2em;
}

.ptmh-yfpk {
    width: 100%;
    background: #f7f7f7;
    position: relative;
    padding: 4.5em 0 5em;
}

.ptmh-yfpk .pt-title {
    margin-bottom: 1em;
}

.mhyfpk-item {
    margin-bottom: 3.5em;
}

.mhyfpk-item:last-child {
    margin-bottom: 0;
}

.mhyfpk-item .item-tit {
    font-size: 30px;
    font-size: 1.5em;
    line-height: 1em;
    color: #e60012;
    margin-bottom: .8em;
}

.mhyfpk-item .item-doc {
    font-size: 18px;
    font-size: .9em;
    line-height: 2em;
    color: #333;
}

.mhyfpk-item .item-doc ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.mhyfpk-item .item-doc li {
    margin-right: 2.56em;
    padding-left: 0.89em;
    position: relative;
}

.mhyfpk-item .item-doc li::before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #e60012;
    position: absolute;
    left: 0;
    top: 1em;
}

.mhyfpk-item .item-imgs {
    margin: 0 -1em -1em;
}

.mhyfpk-item .item-imgs li {
    padding: 1em;
}

.mhyfpk-item .item-imgs img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.ptmh-xgdb {
    margin: 4.5em 0;
}

.pt-case2 {
    margin-bottom: 5em;
}

.pt-case2 .pt-title {
    margin-bottom: 1em;
}

.ptcase2-imgs {
    overflow: hidden;
    margin: 0 -1em;
}

.ptcase2-imgs li {
    padding: 0 1em;
    text-align: center;
    margin-bottom: 1.75em;
}

.ptcase2-imgs .imgs {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.ptcase2-imgs .imgs img {
    width: 100%;
    max-width: 100%;
    display: block;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.ptcase2-imgs .tit {
    font-size: 18px;
    font-size: .9em;
    line-height: 1.56em;
    margin-top: 1em;
}

.ptcase2-txt {
    padding-top: 1.4em;
    border-top: solid 1px #e5e5e5;
    overflow: hidden;
    margin: 0 -1em;
}

.ptcase2-txt li {
    padding: 0 1em;
    margin-bottom: .5em;
}

.ptcase2-txt .tit {
    font-size: 18px;
    font-size: .9em;
    line-height: 1.56em;
    padding-left: 0.89em;
    position: relative;
}

.ptcase2-txt .tit::before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #e60012;
    position: absolute;
    left: 0;
    top: 0.7em;
}


/************ @media **********/

@media screen and (min-width: 768px) {
    /* 产品特性 */
    .ptfeat-swip .swiper-wrapper {
        transform: none !important;
        -webkit-transform: none !important;
    }
    /* 泰山分解甲醛 */
    .ptdjq-xnwip .swiper-wrapper {
        transform: none !important;
        -webkit-transform: none !important;
    }
}

@media screen and (min-width: 992px) {
    /* 选项卡 */
    .pt-tabbox .dropbox {
        display: block !important;
    }
    .pt-tabbox .tablist li:hover {
        color: #e60012;
    }
    /* 轮播左右按钮 */
    .ptdtw-prev:hover::after,
    .ptdtw-next:hover::after {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    .ptdtw-tswip .btn-video:hover {
        color: #fff100;
    }
    .ptdtw-tswip .btn-video:hover::after {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    .ptcase-ctrl:hover {
        color: #fff;
    }
    .ptcase-ctrl:hover::after {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    /* 产品展示 */
    .ptdcp-swip .swiper-slide:hover .image {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
    .ptdcp-ctrl:hover,
    .gpt-ctrl:hover {
        color: #e60012;
    }
    /* 工程案例 */
    .ptcase-swip .swiper-slide:hover .image {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
    /* 产品优势 */
    .ptdys-tabswip .swiper-slide:hover .icon .icon1 {
        display: none;
    }
    .ptdys-tabswip .swiper-slide:hover .icon .icon2 {
        display: block;
    }
    .ptdys-tabswip .swiper-slide:hover .tit {
        color: #e60012;
    }
    /* 泰山GF A1 */
    .ptGfa1-box .pt-introd {
        margin-bottom: 0;
        padding-bottom: 3.9em;
    }
    .ptGfa1-box .pt-introd .ptd-txt:last-child .imgs {
        margin-top: 3.1em;
    }
    /* 泰山烤漆龙骨 */
    .ptdkq-ctrl:hover {
        color: #e60012;
    }
    /* 轻质抹灰石膏 */
    .ptmh-sjswip .swiper-slide .box:hover .slide-hover,
    .ptmh-sjswip .swiper-slide .box:hover .slide-hbox {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    .mhtest-item.flex-lg-row-reverse .item-bd {
        padding: 0 2.6em 0 0;
    }
    .mhtest-ctrl .ptdtw-prev:hover .bi,
    .mhtest-ctrl .ptdtw-next:hover .bi {
        color: #fff;
    }
    .ptmh-xgdb .mhtest-item {
        margin-top: 1.5em;
    }
    .ptmh-xgdb .mhtest-item:first-child {
        margin-top: 2em;
    }
    .ptcase-imgs li:hover .imgs img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
}

@media screen and (max-width: 1700px) {
    /* 产品特点 */
    .ptdtw-wswip .ptdtw-wtit,
    .ptdtw-wswip .slide-bd,
    .ptdtw-wswip .ptdtw-ctrl {
        max-width: 700px;
    }
    /* 产品特性 */
    .ptfeat-nodoc .swiper-slide:nth-child(3n+1) {
        padding-left: 0;
    }
    .ptfeat-nodoc .swiper-slide:nth-child(3n+3) {
        padding-right: 0;
    }
    /* 金砖石膏 */
    .ptdys-body {
        width: 75%;
    }
}

@media screen and (max-width: 1500px) {
    .ptdtw-wswip .ptdtw-wtit,
    .ptdtw-wswip .slide-bd,
    .ptdtw-wswip .ptdtw-ctrl {
        max-width: 43vw;
    }
    /* 泰山分解甲醛石膏板 */
    .ptdjq-fjyl .row-imgs {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .ptdjq-fjyl .row-bd {
        padding: 0 15% 0 0;
    }
    .ptdjq-xnwip .swiper-slide {
        flex: 1.2 1;
        -webkit-flex: 1.2 1;
    }
    /* 泰山PVC */
    .pt-features.had-tit .ptfeat-swip .swiper-slide {
        padding: 0 5.2vw;
    }
    /* 轻质抹灰石膏 */
    .ptmh-sjswip .box {
        height: 30em;
    }
}

@media screen and (max-width: 1200px) {
    /** 装修计算 **/
    .modal-matcal .modal-close {
        left: unset;
        right: 0;
        top: -3em;
        margin: 0;
    }
    /** 产品信息 **/
    .ptsec-inform .row-right {
        flex: 0 0 18em;
        -webkit-flex: 0 0 18em;
    }
    /* 泰山分解甲醛石膏板 */
    .ptdjq-xnwip .swiper-wrapper {
        margin: 0 -1em;
    }
    .ptdjq-xnwip .swiper-slide {
        padding: 0 1em;
    }
}

@media screen and (max-width: 991.98px) {
    .h100 {
        height: 1rem;
    }
    .h80 {
        height: .8rem;
    }
    .gpt-ctrl {
        width: .88rem;
        height: 4.4rem;
        color: #cbcbcb;
    }
    .gpt-ctrl .bi {
        width: .5rem;
        height: .5rem;
    }
    .gpt-ctrl.prev,
    .gpt-ctrl.next {
        transform: none;
        -webkit-transform: none;
    }
    /* 选项卡 */
    .pt-tabwap {
        height: calc(1.1rem + 2px);
    }
    .pt-tabbox {
        height: calc(1.1rem + 2px);
        box-shadow: none;
        background: transparent;
    }
    .pt-tabbox .dropbox {
        display: none;
        background: #fff;
        width: 100%;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 200;
    }
    .pt-tabbox .tablist {
        display: block;
        padding: 0 0.3rem;
    }
    .pt-tabbox .tablist li {
        width: 100%;
        max-width: 100%;
        flex: none;
        -webkit-flex: none;
        border-bottom: solid 1px #e5e5e5;
        color: #333;
        text-align: left;
    }
    .pt-tabbox .tablist li::after {
        display: none !important;
    }
    .pt-tabbox .tablist a {
        font-size: .3rem;
        line-height: 1.1rem;
    }
    .pt-tabbox.is-open .lg-inner {
        z-index: 200;
    }
    .pt-tabbox.is-open .hd .arrow {
        transform: translateY(-50%) rotate(180deg);
        -webkit-transform: translateY(-50%) rotate(180deg);
    }
    .pt-tabbox.is-open::after {
        content: '';
        width: 100vw;
        height: 100vh;
        display: block;
        background: #000;
        opacity: .3;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 100;
    }
    body.ptab-fixed .pt-tabbox {
        top: 1.06rem;
    }
    .pt-title {
        font-size: .4rem;
        line-height: .6rem;
    }
    .pt-title.had-line {
        padding-bottom: .24rem;
    }
    .pt-title.had-line::after {
        height: 2px;
    }
    .pt-doc {
        width: 80%;
        max-width: 100%;
        font-size: .28rem;
        line-height: .45rem;
    }
    /** 产品信息 **/
    .ptsec-inform {
        padding: .7rem 0 .9rem;
    }
    .ptsec-inform .row-left {
        position: relative;
    }
    .ptsec-inform .pt-title {
        padding-right: 1.8rem;
    }
    .ptsec-inform .inform {
        margin-top: .4rem;
    }
    .ptsec-inform .inform .item {
        font-size: .28rem;
        line-height: .45rem;
        margin-bottom: .24rem;
    }
    .ptsec-inform .inform .tit {
        max-width: 1.84rem;
        flex: 0 0 1.84rem;
        -webkit-flex: 0 0 1.84rem;
        padding: 0 0 0 .3rem;
        height: .45rem;
    }
    /* 产品简介 */
    .pt-subtt {
        font-size: .28rem;
    }
    .ptd-txt {
        margin: .8rem 0 0;
    }
    .ptd-txt .pt-subtt {
        margin-bottom: .2rem;
    }
    .ptd-txt .pt-title {
        margin-bottom: .3rem;
    }
    .ptd-txt .doc {
        width: 80%;
        max-width: 100%;
        font-size: .28rem;
        line-height: .45rem;
        margin-bottom: .42rem;
    }
    .ptd-txt .imgs {
        margin-top: .4rem;
    }
    .pt-introd {
        margin: .8rem 0 1rem;
    }
    .ptdtw-tswip {
        width: 100%;
        height: 5rem !important;
        float: none;
    }
    .ptdtw-tswip .slide-imgs {
        width: 100%;
    }
    .ptdtw-tswip .box {
        width: 100vw;
    }
    .ptdtw-tswip .btn-video {
        width: 1.2rem;
        height: 1.2rem;
    }
    .ptdtw-tswip .is-active .slide-imgs {
        width: 100%;
    }
    .ptdtw-wswip {
        width: 100%;
        height: auto !important;
        z-index: 20;
        overflow: visible;
    }
    .ptdtw-wswip .ptdtw-wtit {
        max-width: 100%;
        padding: 0 .3rem;
        top: 1.92rem;
    }
    .ptdtw-wswip .pt-title {
        font-size: .42rem;
    }
    .ptdtw-wswip .slide-bd {
        width: 100%;
        max-width: 100%;
    }
    .ptdtw-wswip .slide-tit {
        font-size: .42rem;
        line-height: .5rem;
        margin-bottom: .4rem;
    }
    .ptdtw-wswip .doc {
        font-size: .28rem;
        line-height: .54rem;
    }
    .ptdtw-ctrl {
        max-width: 100% !important;
        padding: 0 0.3rem;
        bottom: unset !important;
        top: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .ptdtw-prev,
    .ptdtw-next {
        width: .82rem;
        height: .82rem;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    .ptdtw-prev .bi,
    .ptdtw-next .bi {
        width: .24rem;
        height: .24rem;
    }
    .ptdtw-head {
        left: 50%;
        top: 1.42rem;
    }
    .ptdtw-head .box {
        font-size: .28rem;
        padding-bottom: .48rem;
    }
    .ptdtw-type1 .ptdtw-wswip .slide-bd {
        padding: 2.82rem .3rem 1.76rem;
    }
    .ptdtw-media .ptdtw-wswip .slide-bd {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        padding: 2.95rem .3rem 0.62rem;
    }
    .ptdtw-type2 .ptdtw-wswip .slide-bd,
    .ptdtw-type3 .ptdtw-wswip .slide-bd {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        padding: 2.95rem .3rem 0.62rem;
    }
    /* 检验报告 */
    .pt-report {
        margin: 1rem 0 1.2rem;
    }
    .ptrep-list {
        margin: 0 -0.15rem -.7rem;
    }
    .ptrep-list li {
        padding: 0 0.15rem;
        margin-bottom: .7rem;
    }
    .ptrep-list .item-imgs {
        padding: 0.5rem 0.55rem 1rem;
    }
    .ptrep-list .image {
        height: 5.45rem;
    }
    .ptrep-list .item-bd {
        left: .3rem;
        right: .3rem;
        height: 1.02rem;
    }
    .ptrep-list .tit {
        font-size: .32rem;
        line-height: .48rem;
    }
    /* 产品特性 */
    .ptfeat-swip .swiper-slide:nth-child(3n+1),
    .ptfeat-swip .swiper-slide:nth-child(3n+3) {
        justify-content: center;
    }
    .ptfeat-swip .icon {
        width: 1.5rem;
        height: 1.5rem;
        margin-bottom: .4rem;
    }
    .ptfeat-swip .tit {
        font-size: .4rem;
        line-height: .6rem;
    }
    .ptfeat-swip .desc {
        max-width: 5.1rem;
        margin: .3rem auto 0;
        font-size: .28rem;
        line-height: .45rem;
    }
    .ptfeat-col2 .swiper-wrapper {
        margin: 0 -0.4rem;
    }
    .ptfeat-col2 .swiper-slide {
        padding: 0 0.4rem;
    }
    .ptfeat-col2 .icon {
        flex: 0 0 1.5rem;
        -webkit-flex: 0 0 1.5rem;
        margin-right: .4rem;
    }
    /* 产品展示轮播 */
    .pt-cpzs {
        margin: .9rem 0;
    }
    .pt-cpzs .pt-title {
        margin-bottom: .3rem;
    }
    .pt-cpzs .pt-doc {
        margin-bottom: .4rem;
    }
    .ptdcp-swipbox {
        margin-top: .4rem;
    }
    .ptdcp-swip .swiper-slide {
        width: 50%;
    }
    .ptdcp-swip .slide-imgs {
        height: 4.4rem;
    }
    .ptdcp-swip .tit {
        font-size: .28rem;
        line-height: .48rem;
        margin-top: .22rem;
    }
    .ptdcp-ctrl {
        width: .88rem;
        height: 4.4rem;
        color: #cbcbcb;
    }
    .ptdcp-ctrl .bi {
        width: .5rem;
        height: .5rem;
    }
    .ptdcp-ctrl.prev,
    .ptdcp-ctrl.next {
        transform: none;
        -webkit-transform: none;
    }
    /* 产品指标 */
    .pt-cpzb {
        margin: .8rem 0 .9rem;
    }
    .pt-cpzb .pt-title {
        margin-bottom: .45rem;
    }
    .ptzb-table td {
        font-size: .18rem;
        line-height: 2em;
        height: .6rem;
        padding: .1rem;
    }
    .ptzb-table tr td:nth-child(1) {
        padding: .1rem;
    }
    /* 性能指标 */
    .pt-xnzb {
        margin: .9rem 0 1rem;
    }
    .ptzb-table2 {
        margin: 0.4rem 0 0.6rem;
    }
    .ptzb-table2 thead th {
        font-size: .24rem;
        height: .6rem;
        font-weight: normal;
        padding: .1rem;
    }
    .ptzb-table2 td {
        font-size: .18rem;
        line-height: 2em;
        height: .6rem;
        padding: .1rem;
    }
    .ptzb-table2 td b {
        white-space: nowrap;
    }
    /* 工程案例 */
    .pt-case {
        margin: .8rem 0 1rem;
    }
    .ptcase-swip {
        margin-top: .45rem;
    }
    .ptcase-swip .slide-tit {
        width: 100%;
        height: auto;
        display: block;
        text-align: center;
        margin-top: .4rem;
    }
    .ptcase-swip .slide-tit a {
        font-size: .28rem;
        line-height: .48rem;
        height: auto;
        max-height: .96rem;
    }
    .ptcase-tool {
        position: static;
        width: 100%;
        margin-top: .32rem;
        justify-content: center;
        -webkit-justify-content: center;
    }
    .ptcase-ctrl {
        width: .92rem;
        height: .92rem;
        margin: 0 0.33rem !important;
    }
    .ptcase-ctrl .bi {
        width: .46rem;
        height: .46rem;
    }
    /* 泰山GF A1 */
    .ptGfa1-box .pt-introd {
        padding-bottom: .8rem;
    }
    .ptGfa1-box .pt-introd .ptd-txt:last-child .imgs {
        margin-top: .7rem;
    }
    /* 泰山牌高强玻纤布石膏板 */
    .ptbxb-box .ptzb-table2 td:first-child {
        text-align: left;
    }
    .ptbxb-box .ptzb-table2 tr:nth-child(2) span {
        width: 4em;
    }
    /* GFP泰山高强石膏基阻燃板 */
    .ptgfp-box .ptzb-table2.table1 td:first-child[rowspan],
    .ptgfp-box .ptzb-table2.table1 td:first-child[colspan] {
        text-align: left;
    }
    /* 金砖龙骨 */
    .ptjzlg-box .pt-zyxn {
        margin-top: .8rem;
    }
    /* 泰山金钻石膏 */
    .ptd-cpys {
        margin-top: .9rem;
        padding: 0 !important;
    }
    .pt-cpgg {
        margin: .9rem 0;
    }
    .ptdys-head {
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: .5rem;
        float: none;
    }
    .ptdys-head .pt-title {
        text-align: center;
        margin-bottom: .2rem;
    }
    .ptdys-head .pt-subtt {
        justify-content: center;
        font-size: .28rem;
        color: #999;
    }
    .ptdys-head .pt-subtt span::before,
    .ptdys-head .pt-subtt span::after {
        display: none;
    }
    .ptdys-body {
        width: 100%;
        max-width: none;
        float: none;
    }
    .ptdys-tablist {
        width: 100%;
        overflow: visible;
        margin-bottom: .54rem;
    }
    .ptdys-tablist::after {
        content: '';
        display: block;
        height: 1px;
        background: #f1f2f3;
        position: absolute;
        left: -0.3rem;
        right: -0.3rem;
        bottom: 0;
        z-index: 1;
    }
    .ptdys-tablist .swiper-wrapper {
        z-index: 10;
    }
    .ptdys-tablist .box {
        padding-bottom: .32rem;
    }
    .ptdys-tablist .icon {
        width: .5rem;
        height: .5rem;
        margin-bottom: .2rem;
    }
    .ptdys-tablist .tit {
        font-size: .28rem;
        line-height: .32rem;
    }
    .ptdys-tablist .point {
        width: .16rem;
        height: .16rem;
        bottom: 0;
        transform: translate(-50%, 50%);
        -webkit-transform: translate(-50%, 50%);
    }
    .ptdys-tabcont {
        width: 100vw;
        margin: 0 -0.3rem;
        padding: 0 0.3rem;
    }
    .ptdys-tabcont::before {
        width: 100vw;
        right: 0;
    }
    .ptdys-tabcont .swiper-slide {
        padding: .6rem 0 .92rem;
    }
    .ptdys-tabcont .slide-head {
        margin-bottom: .42rem;
    }
    .ptdys-tabcont .slide-tit {
        font-size: .34rem;
        padding-bottom: .32rem;
    }
    .ptdys-tabcont .slide-doc {
        font-size: .28rem;
        line-height: .45rem;
        min-height: 0;
    }
    /* 泰山烤漆龙骨 */
    .ptdkq-swip {
        overflow: visible;
    }
    .ptdkq-swip .box {
        padding: .8rem .4rem .6rem;
    }
    .ptdkq-swip .pt-doc {
        min-height: 2.7rem;
    }
    .ptdkq-swip .slide-imgs {
        margin-top: .4rem;
    }
    .ptdkq-ctrl {
        width: .88rem;
        color: #cbcbcb;
    }
    .ptdkq-ctrl .bi {
        width: .5rem;
        height: .5rem;
    }
    .ptdkq-ctrl.prev,
    .ptdkq-ctrl.next {
        transform: none;
        -webkit-transform: none;
    }
    /* 泰山分解甲醛石膏板 */
    .ptdjq-jhxn .ptd-txt .doc {
        min-height: 0;
    }
    .ptdjq-fjyl {
        padding: .8rem 0 1rem;
    }
    .ptdjq-fjyl .row {
        margin-top: .5rem;
    }
    .ptdjq-fjyl .row-bd {
        padding-right: 8%;
    }
    .ptdjq-fjyl .row-bd .t1 {
        font-size: .34rem;
    }
    .ptdjq-fjyl .row-bd .list {
        margin-top: .8rem;
    }
    .ptdjq-fjyl .row-bd .list li {
        margin-bottom: .4rem;
    }
    .ptdjq-fjyl .row-bd .t2 {
        font-size: .3rem;
    }
    .ptdjq-fjyl .row-bd .doc {
        font-size: .28rem;
        line-height: .45rem;
    }
    .ptdjq-xnwip .swiper-wrapper {
        justify-content: flex-start;
    }
    .ptdjq-xnwip .swiper-slide {
        max-width: 50% !important;
        flex: 0 0 50% !important;
        -webkit-flex: 0 0 50% !important;
        justify-content: center !important;
        margin-bottom: 1rem;
    }
    .ptdjq-xnwip .swiper-slide:nth-child(2n+2)::after {
        display: none;
    }
    .pt-jqbg {
        padding: .8rem 0 1rem !important;
    }
    .pt-jqbg .item-bd {
        padding: 0 .6rem 0 0;
    }
    /* 轻质抹灰石膏 */
    .ptmh-td {
        margin: .8rem 0;
    }
    .ptmh-scsj {
        margin: 1rem 0 .9rem;
    }
    .ptmh-sjswip {
        overflow: visible;
    }
    .ptmh-sjswip .box {
        height: 7.5rem;
    }
    .ptmh-sjswip .slide-tit {
        font-size: .32rem;
    }
    .ptmh-sjswip .slide-doc {
        top: .5rem;
        padding: 0 .4rem;
    }
    .ptmh-sjswip .doc {
        font-size: .26rem;
        line-height: .45rem;
    }
    .ptmh-sjswip .doc h5 {
        font-size: .28rem;
        margin-bottom: .2rem;
    }
    .ptmh-sjswip .doc li {
        margin-bottom: .2rem;
        padding: 0;
    }
    .ptmh-sjswip .doc li::before {
        left: -0.2rem;
        top: .18rem;
    }
    .ptmh-sjswip .slide-bot {
        line-height: .6rem;
        bottom: .45rem;
        padding: 0 0.3rem;
    }
    .ptmh-sjswip .btn-hopen,
    .ptmh-sjswip .btn-hclose {
        width: .6rem;
        height: .6rem;
    }
    .ptmh-sjswip .btn-hopen .bi,
    .ptmh-sjswip .btn-hclose .bi {
        width: 12px;
        height: 12px;
    }
    .ptmh-test {
        margin: .9rem 0;
    }
    .mhtest-item {
        margin: .4rem 0 0;
    }
    .mhtest-item.item2 {
        margin-bottom: .6rem;
    }
    .mhtest-item .item-imgs {
        height: auto;
    }
    .mhtest-item .item-imgs img {
        height: auto;
        position: static;
        object-fit: unset;
        -webkit-object-fit: unset;
    }
    .mhtest-item .item-bd {
        padding: .32rem 0 0;
    }
    .mhtest-item .item-row {
        padding-bottom: .3rem;
        margin-bottom: .3rem;
        border-bottom: solid 1px #e5e5e5;
    }
    .mhtest-item .item-row:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .mhtest-item .item-tit {
        font-size: .32rem;
        line-height: .6rem;
        margin: 0 0 .2rem;
        font-weight: bold;
    }
    .mhtest-item .item-doc {
        font-size: .28rem;
        line-height: .45rem;
    }
    .mhtest-item .item-doc li {
        padding-left: .3rem;
        margin-bottom: .14rem;
    }
    .mhtest-item .item-doc li::before {
        top: .18rem;
    }
    .mhtst-swip {
        height: auto;
        padding: 0;
        overflow: visible;
    }
    .mhtst-swip .slide-tit {
        font-size: .32rem;
        line-height: .6rem;
        margin: 0 0 .2rem;
    }
    .mhtst-swip .slide-doc {
        font-size: .28rem;
        line-height: .45rem;
    }
    .mhtst-swip .slide-doc li {
        padding-left: .3rem;
        margin-bottom: .14rem;
    }
    .mhtst-swip .slide-doc li::before {
        top: .18rem;
    }
    .mhtest-ctrl {
        left: unset;
        right: 5px;
        top: 0;
        bottom: unset;
    }
    .mhtest-ctrl .ptdtw-prev,
    .mhtest-ctrl .ptdtw-next {
        width: .6rem;
        height: .6rem;
    }
    .ptmh-dxxn {
        padding: .8rem 0 .9rem;
    }
    .ptmh-dxxn .pt-title {
        margin-bottom: .3rem;
    }
    .ptmh-yfpk {
        padding: .8rem 0 1rem;
    }
    .ptmh-yfpk .pt-title {
        margin-bottom: .4rem;
    }
    .mhyfpk-item {
        margin-bottom: .8rem;
    }
    .mhyfpk-item .item-tit {
        font-size: .42rem;
        line-height: .5rem;
        margin-bottom: .2rem;
    }
    .mhyfpk-item .item-doc {
        font-size: .28rem;
        line-height: .54rem;
    }
    .mhyfpk-item .item-doc ul {
        margin-right: -.3rem;
    }
    .mhyfpk-item .item-doc li {
        min-width: 50%;
        margin: 0;
        padding: 0 .3rem 0 1em;
    }
    .mhyfpk-item .item-imgs {
        margin: 0.1rem -.2rem -0.2rem;
    }
    .mhyfpk-item .item-imgs li {
        padding: .2rem;
    }
    .ptmh-xgdb {
        margin: .9rem 0;
    }
    .pt-case2 {
        margin-bottom: 1rem;
    }
    .pt-case2 .pt-title {
        margin-bottom: .4rem;
    }
    .ptcase2-imgs .tit {
        font-size: .28rem;
        line-height: .48rem;
        margin-top: .22rem;
    }
    .ptcase2-txt .tit {
        font-size: .28rem;
        line-height: .45rem;
    }
    .ptcase2-txt .tit::before {
        top: .22rem;
    }
}

@media screen and (max-width: 767.98px) {
    /* 装修计算 */
    .modal-matcal .modal-dialog {
        padding: 1.08rem .3rem;
    }
    .modal-matcal .modal-content {
        height: 100%;
        max-height: none;
    }
    .modal-matcal .modal-close {
        width: .42rem;
        height: .42rem;
        top: -.75rem;
    }
    .modal-matcal .modal-body {
        padding: .62rem .3rem .7rem;
    }
    /* 产品简介 */
    .ptd-txt .doc {
        width: 100%;
    }
    .pt-doc {
        width: 100%;
    }
    /* 产品特性 */
    .pt-features.had-tit {
        padding: .8rem 0 0;
    }
    .pt-features.had-tit .ptfeat-swip {
        padding: .6rem 0 1.82rem;
    }
    .ptfeat-swip {
        padding: 1.02rem 0 1.82rem;
    }
    .ptfeat-swip .swiper-wrapper {
        width: 100% !important;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        margin: 0 !important;
    }
    .ptfeat-swip .swiper-slide {
        width: 100%;
        max-width: none !important;
        flex: none !important;
        -webkit-flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: center;
    }
    .ptfeat-swip .swiper-slide:nth-child(3n+2)::before,
    .ptfeat-swip .swiper-slide:nth-child(3n+2)::after {
        display: none;
    }
    .ptfeat-swip .box {
        display: block;
    }
    .ptfeat-swip .icon {
        margin: 0 auto .4rem;
        flex: none;
        -webkit-flex: none;
    }
    .ptfeat-swip .tit {
        padding: 0;
    }
    .ptfeat-swip .tit::before {
        display: none;
    }
    .ptfeat-col2 {
        padding-top: .6rem;
    }
    /* 产品展示 */
    .ptdcp-swip .swiper-slide {
        width: 100%;
    }
    /* 工程案例 */
    .ptcase-swip {
        width: 56vw;
    }
    .ptcase-swip .slide-imgs {
        height: 59vw;
    }
    /* 泰山分解甲醛石膏板 */
    .ptdjq-jhxn {
        margin-bottom: .2rem;
    }
    .ptdjq-jhxn .ptd-txt {
        text-align: center;
    }
    .ptdjq-jhxn .ptd-txt .doc {
        min-height: 0;
        text-align: center;
    }
    .ptdjq-jhxn .item-bd {
        padding: 0;
    }
    .ptdjq-fjyl .row-bd {
        padding: .8rem 0 0;
    }
    .ptdjq-fjyl .row-bd .list {
        margin-top: .5rem;
    }
    .pt-jqxn {
        padding: 0;
    }
    .ptdjq-xnwip {
        padding: 1.02rem 0 1.82rem;
        position: relative;
    }
    .ptdjq-xnwip .swiper-wrapper {
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        margin: 0;
    }
    .ptdjq-xnwip .swiper-slide {
        padding: 0;
        width: 100%;
        max-width: none !important;
        flex: none !important;
        -webkit-flex: none !important;
        margin: 0;
    }
    .ptdjq-xnwip .swiper-slide::after {
        display: none;
    }
    .ptdjq-xnwip img {
        width: 1.5rem;
        height: 1.5rem;
        margin-bottom: .4rem;
    }
    .ptdjq-xnwip .tit {
        font-size: .4rem;
        line-height: .6rem;
    }
    .ptdjq-xnwip .doc {
        font-size: .28rem;
        line-height: .45rem;
        margin-top: .3rem;
    }
    .pt-jqrz {
        padding: .8rem 0;
    }
    .pt-jqrz .pt-title {
        margin-bottom: .3rem;
    }
    .ptjq-rzswip .image {
        height: 4.4rem;
    }
    .ptjq-rzswip .slide-tit {
        margin-top: .22rem;
        font-size: .28rem;
        line-height: .48rem;
    }
    .pt-jqbg {
        padding: .8rem 0 1rem;
    }
    .pt-jqbg .item-bd {
        text-align: center;
        margin-bottom: .4rem;
    }
    .pt-jqbg .pt-title {
        margin-bottom: .3rem;
    }
    /* 泰山速装饰 */
    .ptszs-cptx {
        margin: 0;
    }
    .ptszs-cptx .ptdjq-xnwip {
        padding-top: 0;
        margin-bottom: -.2rem;
    }
    /* 轻钢龙骨 */
    .ptqglg-cpys {
        padding: .8rem 0 0;
    }
    /* 配套类-接缝带 */
    .ptjf-box .ptdjq-xnwip {
        padding: 1rem 0;
    }
    .ptjf-box .ptred-paging {
        bottom: 0 !important;
    }
}


/* 新增 2022.1.11 */

.ptrep-imgs {
    width: 100%;
    position: relative;
}

.ptrep-imgs img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}


/* 工程案例详情弹框 by 2022.2.11 */

.modal-case {
    background: rgba(0, 0, 0, .8);
}

.modal-case .modal-dialog {
    width: 100%;
    min-height: 100vh;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 5em 0;
}

.modal-case .modal-content {
    width: 56em;
    max-width: 90%;
    position: relative;
    margin: 0 auto;
}

.modal-case .modal-close {
    width: 2.1em;
    height: 2.1em;
    display: block;
    border-radius: 100%;
    border: solid 1px #fff;
    color: #fff;
    position: absolute;
    left: 100%;
    top: 0;
    transform: translate(1em, -2.7em);
    -webkit-transform: translate(1em, -2.7em);
}

.modal-case .modal-close .bi {
    width: 0.9em;
    height: 0.9em;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.modal-case .imgs {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #fff;
    padding: 3.5em 4.25em;
    border-bottom: solid 8px #e60012;
}

.modal-case .imgs img {
    width: 100%;
    max-width: 100%;
    display: block;
}

@media screen and (max-width: 767.98px) {
    .modal-case .modal-dialog {
        padding: 1.5rem 0.3rem;
    }
    .modal-case .modal-content {
        width: 100%;
        max-width: 100%;
    }
    .modal-case .modal-close {
        width: 0.6rem;
        height: 0.6rem;
        transform: translate(0, -1rem);
        left: unset;
        right: 0;
    }
    .modal-case .modal-close .bi {
        width: 0.3rem;
        height: 0.3rem;
    }
    .modal-case .imgs {
        padding: 0 0.3rem;
    }
}


/* 2022.04.20 修改 */

.ptsec-inform .inform .tit {
    max-width: 230px;
    /* flex: 0 0 6.875em; */
    /* -webkit-flex: 0 0 6.875em; */
    height: 1.625em;
    color: #333;
    padding: 0 1em 0 0.75em;
    position: relative;
}

.pt-tabbox .tablist a {
    display: block;
    font-size: 18px;
    /* font-size: .85em; */
    cursor: pointer;
    line-height: 1.2em;
}

@media screen and (max-width: 1700px) {
    .pt-tabbox .tablist a {
        display: block;
        font-size: 18px;
        /* font-size: .4em; */
        cursor: pointer;
        line-height: 1.2em;
    }
    .pt-tabbox .tablist li {
        flex: 0 1 16.8em;
        -webkit-flex: 0 1 16.8em;
        text-align: center;
        color: #666;
        position: relative;
        height: 3.2em;
    }
}

.ptdys-tablist .tit {
    font-size: 18px;
    font-size: .1em;
    line-height: 1.5em;
    text-align: center;
    white-space: nowrap;
}

.ptdys-tablist .swiper-slide {
    width: auto;
    display: flex;
    display: -webkit-flex;
    margin-right: 0.5em !important;
}

.ptfeat-swip .desc {
    font-size: 16px;
    font-size: .8em;
    line-height: 1.475em;
    color: #999;
    margin-top: 1em;
    min-height: 5.625em;
}

.ptfeat-swip .tit {
    width: 100%;
    font-size: .8em;
    line-height: 1.5em;
    color: #fff100;
    white-space: nowrap;
}

.pt-tabbox .tablist li {
    flex: 0 1 16.8em;
    -webkit-flex: 0 1 16.8em;
    text-align: center;
    color: #666;
    position: relative;
    height: 3.2em;
}