/*初始化样式*/

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;
}

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

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

p {
    margin: 0;
}


/*----- 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;
}


/*滚动*/

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

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

#demo1 {
    float: left;
}

#demo2 {
    float: left;
}

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

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

#m_demo1 {
    float: left;
}

#m_demo2 {
    float: left;
}

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

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

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

.xypg-right-content {
    font-size: 14px;
}

.flex {
    display: flex;
    display: -webkit-flex;
}

.wrap {
    flex-wrap: wrap
}

.j-space-between {
    justify-content: space-between
}

.j-flex-start {
    justify-content: flex-start
}

.j-flex-end {
    justify-content: flex-end
}

.j-center {
    justify-content: center
}

.a-j-center {
    align-items: center;
    justify-content: center
}

.a-center {
    align-items: center
}

.a-flex-start {
    align-items: flex-start
}

.a-flex-end {
    align-items: flex-end
}

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

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

.clamp3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.clamp4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/*头部样式*/

.roll_product {
    float: left
}

.flexed {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    display: -webkit-flex
}

.max1300 {
    max-width: 1330px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

.head-bg {
    padding: 30px 0
}

.head-index .headl {
    width:70%;
    align-items: center;
    justify-content: flex-start
}

.head-index .headl .logo img {
    max-width: 100%;
    max-height: 84px;
}

.head-index .headl .logowz {
    margin-left: 18px
}

.head-index .headl .logowz p:nth-of-type(1) {
    font-weight: 600;
    color: #333;
    font-size: 20px;
}

.head-index .headl .logowz p:nth-of-type(2) {
    color: #999;
    font-size: 14px;
    font-family: Arial;
    text-align: center;
    background: url(//cdn.myxypt.com/feaaa72d/23/08/9a3fa3991e535078875668b3c816a673b15fb900.png) no-repeat center center
}

.head-index .headr {
    align-items: center
}

.head-index .headr .tel1 {
    background: url(//cdn.myxypt.com/feaaa72d/23/08/12442f5ffbe1c8a40fe0321416ee5eb012abd288.png) no-repeat left center;
    padding-left: 54px
}

.head-index .headr .tel1 p:nth-of-type(1) {
    font-weight: 500;
    color: #666;
    font-size: 16px
}

.head-index .headr .tel1 p:nth-of-type(2) {
    font-weight: 600;
    color: #333;
    font-size: 24px;
    line-height: 1
}

.telxian {
    margin: 0 5px
}

.telxian img {
    max-width: 100%
}

.head-index .headr .tel2 {
    background: url(//cdn.myxypt.com/feaaa72d/23/08/12442f5ffbe1c8a40fe0321416ee5eb012abd288.png) no-repeat left center;
    padding-left: 54px
}

.head-index .headr .tel2 p:nth-of-type(1) {
    font-weight: 500;
    color: #666;
    font-size: 14px
}

.head-index .headr .tel2 p:nth-of-type(2) {
    font-weight: 600;
    color: #333;
    font-size: 22px;
    line-height: 1
}

.sou-index {
    align-items: center;
    padding: 20px 0
}

.sou-index .hot {
    background: url(//cdn.myxypt.com/feaaa72d/23/08/0af35a85638506ae64b145e8351b6882d7de4e01.jpg) no-repeat left center;
    padding-left: 22px;
    color: #666;
    font-size: 14px
}

.sou-index .hot a {
    color: #666;
    position: relative;
    padding-right: 15px;
    margin-right: 10px
}

.sou-index .hot a::before {
    content: "";
    position: absolute;
    background: url(//cdn.myxypt.com/feaaa72d/23/08/dcb29c8b433870b66e38269375adf33d584b876d.png) no-repeat right center;
    width: 7px;
    height: 13px;
    right: 0;
    top: 50%;
    margin-top: -6.5px
}

.sou-index .hot a:last-child::before {
    display: none
}

.sou-index .sss {
    width: 34.30769230769231%;
    background: #f6f6f6
}

.sou-index .sss #formsearch {
    z-index: 11
}

.sou-index .sss #formsearch input {
    line-height: 34px;
    height: 34px;
    background: 0 0;
    border: none
}

.sou-index .sss #formsearch input#keyword {
    text-indent: 16px;
    float: left;
    width: 200px;
    color: #999;
    outline: 0
}

.sou-index .sss #formsearch input#s_btn {
    background: url(//cdn.myxypt.com/feaaa72d/23/08/52c9d02760477f2291f40c54f6f86c5862ed9cdd.png) no-repeat 50% 50%;
    font-size: 0;
    float: right;
    width: 15%;
    outline: 0;
    padding: 0
}

.sou-index .sss #formsearch ::-webkit-input-placeholder {
    color: #999
}

.sou-index .sss #formsearch ::-moz-placeholder {
    color: #999
}

.sou-index .sss #formsearch ::-moz-placeholder {
    color: #999
}

.sou-index .sss #formsearch ::-ms-input-placeholder {
    color: #999
}

.pt {
    text-align: center;
    color: #090909;
    font-size: 40px
}

.pt .pt1 b {
    font-weight: 600;
    color: #0365a4
}

.pt .pt2 {
    font-size: 20px;
    color: #666;
    margin-top: 5px
}

.pt .pt2 span {
    margin: 0 10px
}

@media(max-width:767px) {
    .pt {
        font-size: 24px
    }
    .pt .pt2 {
        font-size: 14px
    }
    .pt .pt2 img {
        display: none
    }
}

.product-index {
    margin-top: 5.98958333333333vw
}

.product-con {
    margin-top: 4.42708333333333vw
}

.prol {
    width: 18.23076923076923%
}

.prol .prot {
    background: #0365a4;
    color: #333;
    font-size: 1.35416666666667vw;
    text-align: center;
    line-height: 3.807692307692308
}

.prol .psort {
    background: #f8f8f8
}

.prol .psort li {
    border-bottom: 1px solid #dcdcdc
}

.prol .psort li a {
    display: block;
    color: #333;
    font-size: .9375vw;
    line-height: 4.4;
    background: url(//cdn.myxypt.com/feaaa72d/23/08/61a2db377b510c9dbe6ea5a7d1f484e958ff11c5.png) no-repeat 18px center;
    padding-left: 2.125vw
}

.prol .psort li.cur a {
    color: #0365a4;
    background: url(//cdn.myxypt.com/feaaa72d/23/08/6ebb2c5245da3ee35b94a080e41499baeb977fe6.png) no-repeat 18px center
}

.prol .ptel {
    background: #0365a4;
    padding: 1.97916666666667vw 0;
    padding-left: 1.875vw
}

.prol .ptel h3 {
    font-size: .9375vw;
    color: #333
}

.prol .ptel h3 img {
    max-width: 100%;
    margin-right: 6px
}

.prol .ptel p {
    color: #fff;
    font-size: 1.25vw;
    font-weight: 600;
    line-height: 1;
    margin-top: .78125vw
}

.tt {
    display: none
}

.pror {
    width: calc(100% - 24.61538461538462%)
}

.plist1 {
    flex-wrap: wrap
}

.plist1 li {
    width: 30%;
    position: relative;
    margin-bottom: 5%;
    overflow: hidden
}

.plist1 li .img1 img {
    width: 100%
}

.plist1 .img1 img {
    width: 100%
}

.plist1 .wz {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.plist1 .wz .wz1 {
    width: 48px;
    height: 48px;
    background: #142038;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    margin-bottom: -24px
}

.plist1 .wz .wz2 {
    background: #0365a4;
    color: #282828;
    font-size: .9375vw;
    line-height: 4.444444444444444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.plist1 .wz .wz2 img {
    max-width: 100%
}

.plist1 .wzh {
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 11.5%;
    transform: translateY(200%);
    transition: .5s
}

.plist1 .wzh .wzh1 {
    width: 48px;
    height: 48px;
    background: #0365a4;
    border-radius: 50%;
    margin: 0 auto
}

.plist1 .wzh .wzh1 img {
    max-width: 100%;
    filter: brightness(0)
}

.plist1 .wzh .wzh2 {
    font-weight: 600;
    font-size: 1.04166666666667vw;
    color: #fff;
    padding: 1.04166666666667vw 0
}

.plist1 .wzh .wzh3 {
    width: 36px;
    height: 2px;
    background: #fff;
    margin: 0 auto
}

.plist1 .wzh .wzh4 {
    color: #fff;
    font-size: .83333333333333vw;
    line-height: 1.5;
    margin-top: 1.35416666666667vw;
    text-align: center
}

.plist1 li:hover .wz {
    display: none
}

.plist1 li:hover .wzh {
    transform: translateY(0)
}

@media(min-width:1920px) {
    .prol .psort li a{
        font-size:16px;
    }
}

@media(max-width:767px) {
    .product-con {
        display: block
    }
    .prol {
        width: 100%
    }
    .prol .prot {
        font-size: 16px
    }
    .prol .psort li a {
        font-size: 14px;
        padding-left: 35px;
        line-height: 50px
    }
    .prol .ptel h3 {
        font-size: 16px
    }
    .prol .ptel p {
        font-size: 18px
    }
    .pror {
        width: 100%;
        margin-top: 5%
    }
    .plist1 li {
        width: 48%
    }
    .plist1 .wz .wz2 {
        font-size: 14px
    }
}

.xuanze-bg {
    background: #f5f5f5;
    margin-top: 4%;
    padding-top: 4.6875vw;
    padding-bottom: 6.25vw
}

.xuanze-roll {
    margin-top: 3.38541666666667vw
}

.xuanze-roll .list1 {
    align-items: center;
    justify-content: center
}

.xuanze-roll .list1 li {
    width: 10%;
    position: relative
}

.xuanze-roll .list1 li::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 1px;
    background: #b1b1b1;
    right: 13%;
    top: 50%
}

.xuanze-roll .list1 li:last-child::before {
    display: none
}

.xuanze-roll .list1 li span {
    display: block;
    width: 82px;
    height: 34px;
    background: 0 0;
    border-radius: 20px;
    line-height: 34px;
    text-align: center;
    color: #333;
    font-size: 20px
}

.xuanze-roll .list1 li.on span {
    background: #333;
    color: #fff
}

.xuanze-roll .con {
    max-width: 1610px;
    margin-left: 16.14583333333333%;
    margin-top: 2.34375vw
}

.xuanze-roll .list2 li a {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    display: -webkit-flex
}

.xuanze-roll .list2 li a .wz {
    width: 40.37267080745342%;
    background: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 3.38541666666667vw
}

.xuanze-roll .list2 li a .wz .wz1 {
    color: #333;
    font-size: 1.5625vw
}

.xuanze-roll .list2 li a .wz .wz2 {
    color: #666;
    font-size: 14px;
    margin-top: 5px
}

.xuanze-roll .list2 li a .wz .wz3 {
    color: #999;
    font-size: .83333333333333vw;
    line-height: 2.25;
    margin-top: 2.08333333333333vw
}

.xuanze-roll .list2 li a .wz .wz4 {
    width: 90px;
    height: 32px;
    background: #0365a4;
    border-radius: 40px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 32px;
    text-transform: uppercase;
    margin-top: 1.82291666666667vw
}

.xuanze-roll .list2 li a .wz .wz5 {
    justify-content: flex-start;
    margin-top: 3.125vw
}

.xuanze-roll .xx img {
    max-width: 100%
}

.xuanze-roll .prev {
    margin-right: 1.82291666666667vw
}

.xuanze-roll .list2 li a .img1 {
    width: 59.62732919254658%
}

.xuanze-roll .list2 li a .img1 img {
    width: 100%
}

@media(max-width:767px) {
    .xuanze-roll .list1 {
        flex-wrap: wrap;
        justify-content: flex-start
    }
    .xuanze-roll .list1 li {
        width: 30%
    }
    .xuanze-roll .list1 li span {
        font-size: 14px
    }
    .xuanze-roll .con {
        max-width: initial;
        margin-left: 0;
        overflow: hidden
    }
    .xuanze-roll .list2 li a {
        display: block
    }
    .xuanze-roll .list2 li a .wz {
        width: 100%;
        padding: 4%
    }
    .xuanze-roll .list2 li a .wz .wz1 {
        font-size: 18px
    }
    .xuanze-roll .list2 li a .wz .wz3 {
        font-size: 12px
    }
    .xuanze-roll .list2 li a .img1 {
        width: 100%
    }
}

.service-bg {
    background: url(../images/ysfwbg.jpg) no-repeat top center;
    background-size: 100% 100%;
    padding-top: 5.20833333333333vw;
    padding-bottom: 4.42708333333333vw;
    overflow: hidden
}

.spt .pt1 {
    color: #fff
}

.spt .pt2 {
    color: #fff
}

.service-con {
    margin-top: 4.42708333333333vw
}

.service-list {
    flex-wrap: wrap
}

.service-list li {
    width: 43.07692307692308%;
    margin-bottom: 3.125vw;
    position: relative;
    z-index: 99
}

.service-list li::before {
    content: "";
    position: absolute;
    left: -1.6rem;
    top: -1.7rem;
    background: url(//cdn.myxypt.com/feaaa72d/23/08/cf6bf24bd8711d1183ca11051618600f6ec36dd3.png) no-repeat top center;
    background-size: 100% 100%;
    width: 6.75rem;
    height: 7.05rem;
    z-index: -1
}

.service-list li:nth-of-type(2):before {
    right: -1.6rem;
    left: initial
}

.service-list li:nth-of-type(3):before {
    left: -1.6rem;
    bottom: -1.7rem;
    top: initial
}

.service-list li:nth-of-type(4):before {
    right: -1.6rem;
    bottom: -1.7rem;
    left: initial;
    top: initial
}

.service-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.service-list li a .img1 {
    border: 12px solid #0365a4
}

.service-list li a .img1 img {
    width: 100%
}

.service-list li a .wz {
    background: #fff;
    padding: 3.64583333333333vw 0;
    padding-left: 2.5vw;
    padding-right: 1.04166666666667vw;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    right: 0;
    width: 50.89285714285714%
}

.service-list li a .wz .wz1 {
    font-weight: 600;
    color: #333;
    font-size: 1.5625vw
}

.service-list li a .wz span {
    display: block;
    width: 46px;
    height: 2px;
    background: #0365a4;
    margin-top: 1.04166666666667vw
}

.service-list li a .wz .wz2 {
    color: #333;
    font-size: 14px;
    line-height: 24px;
    margin-top: 1.97916666666667vw
}

.service-list li a .wz .wz3 {
    margin-top: 1.5625vw
}

.service-list li a .wz .wz3 img {
    max-width: 100%
}

.service-list li:nth-child(2n) a {
    direction: rtl
}

.service-list li:nth-child(2n) a .wz {
    left: 0
}

.hezuo-bg {
    padding-top: 5rem
}

.hezuo-index .ht .pt2 span {
    color: #090909;
    font-size: 40px
}

.hezuo-index .ht .pt2 span b {
    color: #0365a4
}

.hezuo-roll {
    position: relative;
    overflow: hidden;
    margin-top: 3.75rem
}

.p1prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.55rem;
    z-index: 99;
    background: url(//cdn.myxypt.com/feaaa72d/23/08/da8875c0d04da23af90eba0dd40ecc741a870e84.png) no-repeat top center;
    background-size: 2.5rem 2.55rem
}

.p1next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.55rem;
    z-index: 99;
    background: url(//cdn.myxypt.com/feaaa72d/23/08/da20e24242f4038eb5ea013707f4453446cc7628.png) no-repeat top center;
    background-size: 2.5rem 2.55rem
}

.hezuo-swiper {
    padding: 0 1.25rem;
    overflow: hidden
}

.hezuo-roll .swiper-slide img {
    width: 100%
}

@media(max-width:767px) {
    .service-list {
        display: block
    }
    .service-list li {
        width: 100%
    }
    .service-list li a .img1 {
        width: 50%
    }
    .service-list li a .wz {
        width: 50%
    }
    .service-list li a .wz .wz1 {
        font-size: 18px
    }
    .hezuo-bg {
        padding-top: 5%
    }
    .hezuo-index .ht .pt2 span {
        font-size: 24px
    }
}

.news-index {
    margin-top: 5.20833333333333vw
}

.news-con {
    margin-top: 2.94791666666667vw
}

.newsl {
    width: 47.69230769230769%
}

.nlist1 li .img1 img {
    width: 100%
}

.nlist1 li .ww {
    margin-top: 1rem
}

.nlist1 li .ww .date {
    width: 14%;
    border-right: 2px solid #dcdcdc;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.nlist1 li .ww .date .d1 {
    color: #999;
    font-size: .9rem;
    position: relative
}

.nlist1 li .ww .date .d1::before {
    content: "";
    position: absolute;
    background: url(//cdn.myxypt.com/feaaa72d/23/08/dc3026708bffd0c8c74f79f9cb1c1844c8710362.png) no-repeat top center;
    width: 11px;
    height: 12px;
    left: 60%;
    top: -10%
}

.nlist1 li .ww .date .d2 {
    color: #666;
    font-size: 2.7rem;
    line-height: 1
}

.nlist1 li .ww .wz {
    width: 100%
}

.nlist1 li .ww .wz .wz1 {
    color: #333;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.nlist1 li .ww .wz .wz2 {
    color: #999;
    font-size: 14px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: .75rem
}

.nlist1 li:hover .ww .wz .wz1 {
    color: #0365a4
}

.newsr {
    width: 47.69230769230769%;
    border-left: 1px solid #dcdcdc;
    padding-left: 2.5rem
}

.nsort {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;margin-top: 35px
}

.nsort li {
    background: url(//cdn.myxypt.com/feaaa72d/23/08/f12c9237b8c9207af334340788dac28960b74fe5.png) no-repeat right center;
padding: 0 25px
}

.nsort li:last-child {
    background: 0 0
}

.nsort li a {
    display: block;
    color: #666;
    font-size: .9rem;
    text-transform: uppercase
}

.nsort li:hover a {
    color: #333
}

.nlist2 li {
    border-bottom: 1px dashed #e5e5e5;
    padding-bottom: 1.25rem
}

.nlist2 li .ww {
    margin-top: 1.25rem
}

.nlist2 li .ww .date {
    width: 14%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    display: none;
}

.nlist2 li .ww .date .d1 {
    color: #999;
    font-size: .9rem;
    position: relative
}

.nlist2 li .ww .date .d1::before {
    content: "";
    position: absolute;
    background: url(//cdn.myxypt.com/feaaa72d/23/08/dc3026708bffd0c8c74f79f9cb1c1844c8710362.png) no-repeat top center;
    width: 11px;
    height: 12px;
    left: 60%;
    top: -10%
}

.nlist2 li .ww .date .d2 {
    color: #666;
    font-size: 2.2rem;
    line-height: 1
}

.nlist2 li .ww .wz {
    width: 100%;
    position: relative
}

.nlist2 li .ww .wz::before {
    content: '';
    position: absolute;
    background: url(//cdn.myxypt.com/feaaa72d/23/08/03e3a15df4514f1f6c28c7eac1ccaa37a9fa1997.png) no-repeat top center;
    left: -8px;
    top: 12px;
    width: 8px;
    height: 7px
}

.nlist2 li .ww .wz .wz1 {
    color: #333;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 10px
}

.nlist2 li .ww .wz .wz2 {
    color: #999;
    font-size: 14px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: .75rem
}

.nlist2 li:hover .ww .wz::before {
    background: url(//cdn.myxypt.com/feaaa72d/23/08/07f6c3043925c3d26605e07d4592444f4f22e8f9.png) no-repeat top center
}

.nlist2 li:hover .ww .wz .wz1 {
    color: #0365a4
}

@media(max-width:767px) {
    .news-con {
        display: block
    }
    .newsl {
        width: 100%
    }
    .nlist1 li .ww .date .d1 {
        font-size: 18px
    }
    .nlist1 li .ww .date .d2 {
        font-size: 24px
    }
    .nlist1 li .ww .wz .wz1 {
        font-size: 14px
    }
    .nlist1 li .ww .wz .wz2 {
        font-size: 12px;
        line-height: 20px
    }
    .newsr {
        width: 100%;
        margin-top: 5%
    }
    .nsort li a {
        font-size: 14px
    }
    .nlist2 li .ww .wz::before {
        top: 5px
    }
    .nlist2 li .ww .wz .wz1 {
        font-size: 14px
    }
    .nlist2 li .ww .wz .wz2 {
        font-size: 12px;
        line-height: 20px
    }
    .nlist2 li .ww .date .d1 {
        font-size: 18px
    }
    .nlist2 li .ww .date .d1 {
        font-size: 24px
    }
    
    .nsort li {
    background: url(//cdn.myxypt.com/feaaa72d/23/08/f12c9237b8c9207af334340788dac28960b74fe5.png) no-repeat right center;
    padding: 0 10px;
}
}

.about-index {
    margin-top: 4.6875vw
}

.about-con {
    margin-top: 4.16666666666667vw
}

.aboutl {
    width: 50%
}

.aboutl img {
    width: 100%;
    height: 100%;
}

.aboutr {
    width: 50%;
    background: #f8f8f8
}

.aw {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    padding: 30px 3.575rem;
}

.aw .aw1 {
    color: #333;
    font-size: 1.4rem
}

.aw .aw1 span {
    display: block;
    width: 50px;
    height: 3px;
    background: #0365a4;
    margin-top: 1.25rem
}

.aw .aw2 {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    margin-top: 1.75rem
}

.aw .aw3 {
    margin-top: 3.25rem
}

.aw .aw3 a {
    width: 7.8rem;
    height: 2.5rem;
    border: 1px solid #acacac;
    display: inline-block;
    text-align: center;
    line-height: 2.4rem;
    font-size: .8rem;
    color: #666;
    margin-right: 1.75rem
}

.aw .aw3 a.a11 {
    background: #0365a4;
    border: 1px solid #0365a4;
    color: #fff
}

@media(max-width:767px) {
    .about-con {
        display: block
    }
    .aboutl {
        width: 100%
    }
    .aboutr {
        width: 100%
    }
    .aw {
        padding: 2%
    }
    .aw .aw1 {
        font-size: 20px
    }
    .aw .aw3 a {
        height: 35px;
        line-height: 35px;
        font-size: 14px
    }
    .aw .aw3 a.a11 {
        font-size: 14px
    }
}

.case-index {
    background: #f8f8f8;
    padding-top: 2.29166666666667vw
}

.casel {
    width: 9.38461538461538%;
    background: #0365a4;
    color: #fff;
    font-weight: 600;
    font-size: 1.5rem;
    letter-spacing: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl
}

.caser {
    width: calc(100% - 15.07692307692308%)
}

.case-swiper {
    overflow: hidden;
    width: 100%
}

.case-swiper .swiper-slide img {
    width: 100%
}

.case-swiper .swiper-slide .wz {
    text-align: center;
    color: #333;
    font-size: .8rem;
    line-height: 3.75
}

@media(max-width:767px) {
    .case-index {
        display: block
    }
    .casel {
        width: 100%;
        font-size: 24px;
        display: block;
        writing-mode: initial;
        text-align: center;
        line-height: 3
    }
    .caser {
        width: 100%
    }
    .case-swiper .swiper-slide .wz {
        font-size: 14px
    }
}

.foot-bg {
    background: #0b0b0b;
    padding-top: 4.6875vw;
    padding-bottom: 4.6875vw
}

.foot-index .footl {
    width: 29.84615384615385%
}

.foot-index .footl .flogo img {
    max-width: 100%
}

.foot-index .footl .fwz {
    color: rgba(218, 217, 217, .7);
    font-size: 16px;
    line-height: 26px;
    margin-top: 2.6rem
}

.foot-index .footl .fmore {
    width: 184px;
    height: 53px;
    border-radius: 5px;
    background: #0365a4;
    margin-top: 1.9rem
}

.foot-index .footl .fmore a {
    display: block;
    text-align: center;
    line-height: 53px;
    color: #333;
    font-size: 16px
}

.foot-index .footm {
    width: 29.23076923076923%
}

.ft {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 2.75rem
}

.ft span {
    display: block;
    width: 45px;
    height: 4px;
    background: #0365a4;
    margin-top: 1rem
}

.fdaolist {
    width: 60%;
    border-left: 2px solid #222
}

.fdaolist2 {
    width: 40%
}

.fdaolist li {
    background: url(//cdn.myxypt.com/feaaa72d/23/08/dc13a403c5292c89f1e3b2dfcace9470a25fc1fe.png) no-repeat left center
}

.fdaolist li a {
    display: block;
    font-size: 14px;
    line-height: 2.714285714285714;
    color: rgba(255, 255, 255, .5);
    padding-left: 23px
}

.flx p {
    font-size: 16px;
    color: rgba(255, 255, 255, .5);
    padding-left: 45px;
    line-height: 2.8
}

.flx p:nth-of-type(1) {
    background: url(//cdn.myxypt.com/feaaa72d/23/08/e8ffae8027096ffe90ba48a240334e572859bd1b.png) no-repeat left center;
    background-size: 26px 26px
}

.flx p:nth-of-type(2) {
    background: url(//cdn.myxypt.com/feaaa72d/23/08/cb27641bada78c65b1f8d9792ed79984ac673353.png) no-repeat left center;
    background-size: 27px 27px
}

.flx p:nth-of-type(3) {
    background: url(//cdn.myxypt.com/feaaa72d/23/08/ac09739e52e1ca18f68dc068ef635518c59de470.png) no-repeat left center;
    background-size: 27px 23px
}

.flx p:nth-of-type(4) {
    background: url(//cdn.myxypt.com/feaaa72d/23/08/c6a3466ff637f20c0dde581cb683c2dac30e26a7.png) no-repeat left center;
    background-size: 25px 32px
}

.cop-bg {
    background: #000;
    padding: 15px 0
}

.cop-index {
    color: rgba(255, 255, 255, .5);
    font-size: 12px;
    line-height: 2
}

.cop-index a {
    color: rgba(255, 255, 255, .5)
}

.cop1 {
    width: 59%
}

.cop2 {
    width: 40%;
    text-align: right
}

@media(max-width:767px) {
    .foot-index {
        display: block
    }
    .foot-index .footl {
        width: 100%
    }
    .footr {
        width: 100%
    }
    .ft {
        font-size: 20px;
        margin-top: 5%
    }
    .nlist2 li .ww .wz{
        width:100%;
    }
    .nlist2 li .ww .date{
        display:none;
    }
    .nlist1 li .ww .date{
        display:none;
    }
    .nlist1 li .ww .wz{
        width:100%;
    }
}





/* 生产设备 */
.scsb{
    padding:0 0 5.16%;
}
.scsb .scsb_ft{
    text-align: center;
    position: relative;
}
.scsb .scsb_ft h3{
    font-family: Arial;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1;
	color: rgba(0,0,0,0.1);
}
.scsb .scsb_ft h4{
    font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
	color: #333333;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.scsb .scsb_ft h4 span{
    font-size: 0;
    vertical-align: middle;
    width: 30px;
    display: inline-block;
}
.scsb .scsb_ft h4 span::before{
    content: '';
    width: 20px;
	height: 5px;
	background-color: #0070c0;
	border-radius: 3px;
    display: inline-block;
}
.scsb .scsb_ft h4 span::after{
    content: '';
    width: 12px;
	height: 5px;
	background-color: #58b525;
	border-radius: 3px;
    display: inline-block;
    margin-top: 4px;
}
.scsb .scsb_fc{
    margin-top: 2.643%;
}
.scsb .scsb_fc ul{
    font-size: 0;
    text-align: center;
}
.scsb .scsb_fc li{
    display: inline-block;
    max-width: 207px;
    width: 25%;
    padding: 0 .55rem;
}
.scsb .scsb_fc li a{
    display: block;
    font-size: 14px;
	line-height: 1.428571;
	color: #333333;
    background-color: #ffffff;
	border-radius: 21px;
	border: solid 1px #cccccc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 5px;
}
.scsb .scsb_fc li a:hover{
    background-image: linear-gradient(180deg, #58b525 0%, #2e946f 70%, #0473b9 100%), linear-gradient(#ffffff, #ffffff);
	background-blend-mode: normal, normal;
    color: #fff;
    font-weight: bold;
}
.scsb .scsb_fc li.on a{
 /*   background-image: linear-gradient(180deg, #58b525 0%, #2e946f 70%, #0473b9 100%), linear-gradient(#ffffff, #ffffff);*/
	/*background-blend-mode: normal, normal;*/
    color: #fff;
    font-weight: bold;background:#0365a4
}
.scsb .scsb_fb{
    margin-top: 2.358%;
    position: relative;
}
.scsb .scsb_fbw{
    overflow: hidden;
    width: 100%;
}
.scsb .scsb_fb .swiper-slide{
    position: relative;
    overflow: hidden;
    text-align: center;
}
.scsb .scsb_fb .swiper-slide img{
    width: 100%;
    transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;
}
.scsb .scsb_fb .swiper-slide h3{
    font-size: .9rem;
	font-weight: normal;
	line-height: 1.333;
	color: #ffffff;
    padding: 1rem 0;
    background: rgba(0,0,0,0.6);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.scsb .scsb_fb .swiper-slide: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);
}

.scsb_fbwq{position:relative;}


.scsb .scsb_fb .scsbbtnl{
    width: 36px;
	height: 37px;
    background: url(//cdn.myxypt.com/3f3bd3ef/23/08/3819ea8f1876b208696766cb25c236cf6919bb77.png) no-repeat  center;
    outline: none;
    position: absolute;
    left:-50px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.scsb .scsb_fb .scsbbtnr{
    width: 36px;
	height: 37px;
    background: url(//cdn.myxypt.com/3f3bd3ef/23/08/b271da4155cf855f3f35d025e1ac473ba2c679a9.png) no-repeat  center;
    outline: none;
    position: absolute;
    right:-50px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.scsb .scsb_fb .scsbbtnl:hover{
    background: url(//cdn.myxypt.com/3f3bd3ef/23/08/1f3add8f240a0eb965d50d69c3dfa54812dbe74e.png) no-repeat center;
}
.scsb .scsb_fb .scsbbtnr:hover{
    background: url(//cdn.myxypt.com/3f3bd3ef/23/08/65113d13ae6b49d08ef59e13003e1edcc2515bc2.png) no-repeat center;
}


/* css */
/*.scsb_fb { position: relative; }*/
/*.scsb_fb .scsb_fbwq { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}*/
/*.scsb_fb .scsb_fbwq { opacity: 0; visibility: hidden; transition: all .5s ease; }*/
/*.scsb_fb .scsb_fbwq.on { position: static; opacity: 1; visibility: visible; }*/

    


.tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.on { position: static; opacity: 1; visibility: visible; }




@media(max-width: 1510px){
    .scsb .scsb_fb .scsbbtnr{
        right: 0;
    }
    .scsb .scsb_fb .scsbbtnl{
        left: 0;
    }
}
@media(max-width: 1200px){
    .scsb .scsb_fb .swiper-slide h3{
        font-size: 15px;
    }
}
@media(max-width: 991px){
    .scsb .scsb_ft h3{
        font-size: 38px;
    }
    .scsb .scsb_ft h4{
        font-size: 22px;
    }
    .scsb .scsb_fc .swiper-slide{
        padding: 0 5px;
    }
    .scsb .scsb_fb .swiper-slide h3{
        padding:10px 0;
    }
}
@media(max-width: 768px){
    .scsb .scsb_fc{
        margin-top: 15px;
    }
    .scsb .scsb_fb{
        margin-top: 15px;
    }
}
@media(max-width: 580px){
    .scsb .scsb_fc .swiper-slide {
        display: inline-block;
        max-width: 50%;
        width: 30%;
        padding: 5px 10px;
    }
    .scsb .scsb_fb{
        margin-top: 10px;
    }
}
@media(max-width: 468px){
    .scsb{
        padding: 0 0 25px;
    }
}


.max1400{
    max-width: 1430px;
    padding: 0 15px;
    margin: 0 auto;
}