.structure-layout .h1,
.structure-layout .h2,
.structure-layout .h3,
.structure-layout .h4,
.structure-layout .h5,
.structure-layout .h6 {
    color: #000;
    font-weight: 700;
    font-family: 'Arial', sans-serif;
    font-size: 1.75rem;
}

.structure-layout .product-structure .structure-table {
    padding-top: 20px;
    padding-bottom: 20px;
    border-collapse: collapse;
}

.structure-layout .product-structure .structure-table .structure-row {
    display: table-row;
    margin: 10px 0;
}

.structure-layout .product-structure .structure-table .structure-row .col-left {
    width: 40%;
    background-color: #fafafa;
}

.structure-layout .product-structure .structure-table .structure-row .col-right {
    width: 60%;
    background-color: #fff;
    display: table-cell;
}

.structure-layout .product-structure .structure-table .structure-row .col-left,
.structure-layout .product-structure .structure-table .structure-row .col-right {
    padding: 12px;
    display: table-cell;
    border: 1px solid #f4f4f4;
    font-size: 14px;
    color: #222;
    line-height: 20px;
}

table.has-title {
    margin-bottom: 10px;
}

.poorder .tab-list {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.poorder .tab-list dd {
    cursor: pointer;
}

.poorder #ert {
    width: 21px;
    height: 22px;
    float: left;
    background-image: url(../images/p-he.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

.poorder #uioi {
    width: 21px;
    height: 22px;
    float: left;
    background-image: url(../images/p-su.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

.poorder .tab-list .list .current {
    background-image: url(../images/p-he-1.jpg) !important;
}

.poorder .tab-list .list1 .current {
    background-image: url(../images/p-su-1.jpg) !important;
}


/*样式*/
.wh {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 10px
}

.flex_a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.flex_b {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.flex_c {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}



p {
    margin: 0px !important;
}


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


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.head_22 {
    width: 75%;
}

.navbar-nav-box {
    width: 80%;
    border-right: 1px solid rgb(163, 163, 163, .5);
}

.logo {
    line-height: 92px;
}

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




.banner_swiper img {
    width: 100%;
}

.sz {
    position: absolute;
    left: 8%;
    bottom: 5%;
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
}

@media (max-width: 1440px) {
    .sz {
        position: absolute;
        left: 10px;
        bottom: 5%;
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
    }
}


@media (max-width: 1440px) {
    .sz {
        position: absolute;
        left: 10px;
        bottom: 5%;
        color: #ffffff;
        font-size: 15px;
        font-weight: 600;
    }
}

@media (max-width: 1200px) {
    .navbar-nav-box {
        width: auto;
    }

    .head_22 {
        width: auto;
    }

    .searchbox>i {
        font-size: 20px;
        color: #fff;
        font-weight: 100;
        cursor: pointer;
    }
}

@media (max-width: 768px) {
    .logo {
        width: 37%;
    }

    .logo {
        line-height: 62px;
    }

    .searchbox>i {
        color: #000;
    }
}

@media (max-width: 480px) {
    .logo {
        width:40%;
    }

    .site-header-bottom .logo img {
        max-width: 100%;
    }

    .menu-handler {
        margin-left: 0;
    }

}

/* aabg */
.aabg {
	padding-top:80px;
	padding-bottom:70px;
	 background:url(../images/vd.jpg) no-repeat top;
}

.ab_ll {
    width: 38.75%;
}

.an_11 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #646464;

}


.sul {
    margin-top: 60px;
}

.sul li {
    width: 50%;
    background: url(../images/6dac425b9d8ru0nj.png) no-repeat left 0%;
    padding-left: 30px;
    margin-bottom: 30px;
}

.sul li .counter {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #212121;
    padding-right: 10px;
}

.sul li {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #606060;
}

.sul li h2 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #606060;
}



.more_11 {
    width: 135px;
    height: 37px;
    background-color: #008acf;
    text-align: center;
    line-height: 37px;
    font-size: 16px;
    margin-top: 3.5vw;
}


.more_11 a {
    text-align: center;
    color: rgba(255, 255, 255, .6) !important;
    text-transform: uppercase;
}

.more_11 a img {
    padding-left: 15px;
}


.ab_22 {
    width: 53.75%;
    text-align: left;
}

.ab_22 h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0px;
    color: #393939;
    text-transform: uppercase;
}

.ab_22 h3 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #646464;
    margin-top: 30px;
}



.ab_img11 {
    width: 100%;

}

.ab_img11 img {
    width: 100%;
}



@media (max-width: 1440px) {
    .sul li .counter {
        font-size: 40px;
    }
}

@media (max-width: 1370px) {
    .sul li .counter {
        font-size: 30px;
    }

    .sul li h2 {
        font-size: 14px;
        line-height: 25px;
        height: 50px;
        overflow: hidden;
    }
}



@media (max-width: 992px) {
    .sul li .counter {
        font-size: 20px;
    }

    .sul li h2 {
        font-size: 14px;
        line-height: 25px;
        height: 50px;
        overflow: hidden;
    }

}


@media (max-width: 768px) {
    .ab_22 {
        width: 100%;
        text-align: left;
        margin-top: 25px;
    }

    .ab_ll {
        width: 100%;
        margin-top: 25px;
    }
}


/* product */
.ppbg {
    background: url(../images/6f4c8640d6q74o7i.jpg) repeat-y center top;
    padding: 20px 0;
}

.ppbg .wh {
    position: relative;
}

.ppbg .wh .xwtt {
  text-align: center;
}


.picScroll-left .hd2 {
    position: absolute;
    left: 0px;
    bottom: 4.5vw;
    z-index: 999;
}

.picScroll-left .hd .next {
    display: block;
    cursor: pointer;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #9f9f9f;
}

.picScroll-left .hd .next img {
    padding-right: 10px;
}

.picScroll-left .hd .next a {
    color: #9f9f9f
}

.picScroll-left .hd .next:hover a {
    color: #008acf
}




.pcon {
    width: 68.75%;
}

.dd_vv {
    width: 35.5%;
}

.img_a11 {
    width: 53.5%;
    position: relative;
    padding: 30px;
    overflow: hidden;
}

.img_a11 img {
    width: 100%;
    border: solid 5px #ffffff;
    border-radius: 50%;
}


.img_a11::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    background: url(../images/e45a22b3b1kg4tg0.png) no-repeat center;
    animation: zhuan 7s infinite linear .65s;
    background-size: 100% 100%;
    left: 0px;
}



@keyframes zhuan {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}
.flex2{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.plist li{width: 23%;margin-bottom: 20px;}
.plist li h2{text-align: center;font-size: 16px;color: #fff;margin-top: 20px;}
.plist li .img{overflow: hidden;transition: all 0.5s;}
.plist li:hover .img img{transform: scale(1.1);}


.ys_nav {text-align: center;margin: 30px 0 60px;}
.ys_nav  li {
    text-align: center;
    display: inline-block;
    line-height: 45px;
    background: url(../images/984e5bc8aa1rnrwd.png) no-repeat left 50%;
}

.ys_nav li a {
    color: #fff;
    font-size: 18px;
    padding-left: 45px;
}

.ys_nav li.on {
    background: url(../images/b43c30c84ct9rgbc.png) no-repeat left 50%;
}

.ys_nav li.on a {
    color: #008acf
}


.pcon {
    margin-top: 25px
}

.pcon .tempWrap {
    width: 100% !important;
}

.img_a img {
    width: 100%;
}

.picList li .dd_vv h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
}

.picList li .dd_vv h3 {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #b6b6b6;
    overflow: hidden;
    margin-top: 20px;
}




@media (max-width: 1370px) {
    .picScroll-left .hd ul li {
        width: 100%;
        text-align: center;
        line-height: 35px;
    }

    .picScroll-left .hd ul li a {
        color: #212121;
        font-size: 16px;
        padding-right: 35px;
    }
}


@media (max-width: 1000px) {
    .ppbg .wh .xwtt {
        position: absolute;
        left: 10px;
        top: 2.5vw
    }

    .picScroll-left .hd2 {
        position: absolute;
        left: 0px;
        bottom: 2.5vw;
        z-index: 999;
    }
}


@media (max-width: 992px) {
    .ppbg {
        background: url(../images/c9da0fcc05czptsg.png) repeat-y center top;
        padding: 40px 0;
        background-size: 100% 100%;
    }

    .picScroll-left .hd ul li a {
        color: #fff;
        font-size: 18px;
        padding-right: 45px;
    }

    .pcon {
        width: 100%;
    }

  

 

    .picScroll-left .hd2 {
        display: none;
    }

    .img_a11 {
        width: 100%;
        position: relative;
        padding: 30px;
        overflow: hidden;
    }

    .dd_vv {
        width: 100%;
        margin-top: 10px;
    }

    .ppbg .wh .xwtt {
        position: relative;
        left: auto;
        top: auto
    }
}




/* 解决方案 */

.solutions-box {
    margin-top: 30px;
}

.solutions-list {
    font-size: 0;
}


.solutions-list li+li {
    margin-left: 1.5%;
}


.solutions-list li {
    width: 20%;
    display: inline-block;
    transition: all 0.3s;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}


.solutions-list li::after {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    content: "";
    left: 0px;
    top: 0px;
}



.solutions-list li.active {
    width: 35%;
}


.solutions-list li.active::after {
    display: none;
}


.solutions-list li .img {}

.solutions-list li .img img {max-width: none;


}

.solutions-list li .text {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    text-align: left;
    padding: 0 15px;
    color: #ffffff;
    font-size: 24px;
}



@media (max-width: 1100px) {
    .solutions-list li .text {
        font-size: 20px;
    }
}



@media (max-width: 1280px) {
    .solutions-list li .text {
        font-size: 16px;
    }
}

.ys_xx {
    margin-top: 35px;
}

.ys_xx li {
    width: 48.8%;
    margin-bottom: 20px;
}

.ys_xx li .img {
    width: 100%;
}

.ys_xx li .img img {
    width: 100%;
}

.ys_xx li h2 {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #212121;
    text-align: center;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}



/* ys_bg */

.ys_bg {
    background: url(../images/16d9a6fbccsenryp.png) no-repeat center top;
    padding: 60px 0 80px 0;
    background-size: 100% 100%;
}

.xwtt11 {
    text-align: center;
}

.ys_ll {
    margin-top: 25px;
}

.ys_ll li {
    width: 28%;
    text-align:center;
}

.ys_ll li .img_aa {
  width:120px;
	height:120px; margin:0px auto;
}

.ys_ll li .img_aa img {
    width:120px;
	height:120px; margin:0px auto;
}

.ys_ll li h2 {
    margin-top: 30px;
    font-size: 28px;
    font-weight:bold;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
}

.ys_ll li h3 {
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #c7c7c7;

    overflow: hidden;
    margin-top: 20px;
}

@media (max-width: 1440px) {
    .ys_ll li h2 {
        font-size: 20px;
    }

    .ys_ll li h3 {
        font-size: 15px;
    }
}


@media (max-width: 1100px) {
    .ys_bg {
        background: url(../images/16d9a6fbccsenryp.png) no-repeat center top;
        padding: 90px 0 180px 0;
    }

    .ys_ll li {
        width: 31%;
        text-align: left;
    }
}


@media (max-width: 1100px) {
    .ys_bg {
        background: url(../images/16d9a6fbccsenryp.png) no-repeat center top;
        padding: 90px 0 110px 0;
    }

    .ys_ll li {
        width: 31%;
        text-align: left;
    }

    .ys_ll li h2 {
        margin-top: 10px;
        font-size: 18px;
        font-weight: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #ffffff;
        height: 30px;
        overflow: hidden;
    }
}


@media (max-width: 768px) {
    .ys_ll li {
        width: 100%;
        text-align: left;
        margin-bottom: 20px;
    }

    .ys_bg {
        background: url(../images/16d9a6fbccsenryp.png) no-repeat center top;
        padding: 40px 0 50px 0;
        background-size: cover;
    }


    .ys_ll li h3 {
        font-size: 14px;
        font-weight: normal;
        line-height: 25px;
        letter-spacing: 0px;
        color: #c7c7c7;
        height: 50px;
        overflow: hidden;
        margin-top: 10px;
    }
}



/* xw_con */
.xw_con {
    background: url(../images/47f72f450fqd6kec.png) no-repeat 10px top;

}

.xw_11 {
    width: 53.375%;
    margin-top: 30px;
}

.xw_11 li {
    width: 100%;
    position: relative;
}

.xw_11 li img {
    width: 100%;
}

.xw_11 li .dk_a {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 25px;
}

.xw_11 li .dk_a h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    height: 30px;
    overflow: hidden;
}

.xw_11 li .dk_a h3 {
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #ffffff;
    height: 50px;
    overflow: hidden;
    margin-top: 10px;
}


.xw_11 li .dk_a h4 {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #c4c4c4;
    margin-top: 10px;
}

.xw_22 {
    width: 41.125%;
    margin-top: 30px;
}

.xw_22 li {
    background-color: #fff;
    padding: 14px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

}

.xw_22 li+li {
    margin-top: 13px;
}

.xw_22 li h2 {
    font-size: 18px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #434343;
    height: 40px;
    overflow: hidden;
}

.xw_22 li h3 {
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #5e5e5e;

    overflow: hidden;
}


.xw_22 li:hover {
    background-color: #008acf;
}

.xw_22 li:hover h2 {
    color: #fff
}

.xw_22 li:hover h3 {
    color: #fff
}

@media (max-width: 1560px) {
    .xw_22 li {
        padding: 25px;
    }
}


@media (max-width: 1440px) {
    .xw_22 li {
        padding: 19px;
    }
}

@media (max-width: 1370px) {
    .xw_22 {
        width: 44.125%;
        margin-top: 3.5vw;
    }

    .xw_22 li {
        padding: 15px;
    }
}


@media (max-width: 1280px) {
    .xw_22 li+li {
        margin-top: 9px;
    }
}


@media (max-width: 1200px) {
    .xw_22 {
        width: 100%;
        margin-top: 35px;
    }

    .xw_11 {
        width: 100%;
        margin-top: 35px;
    }
}


@media (max-width: 1200px) {
    .xw_con {
        background: url(../images/47f72f450fqd6kec.png) no-repeat 10px top;
        padding: 35px 0 35px 0;
    }

    .xw_11 li .dk_a {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        padding: 15px;
    }

    .xw_11 li .dk_a h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        letter-spacing: 0px;
        color: #ffffff;
        height: 25px;
        overflow: hidden;
    }

    .xw_11 li .dk_a h3 {
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #ffffff;
        height: 20px;
        overflow: hidden;
        margin-top: 5px;
    }

}



/* 网站文字 */

.xwtt {
    font-size: 58px;
    font-weight: 600;
	 text-align:center;
    letter-spacing: 0px;
    color: #008acf;
    text-transform: uppercase;
}

.xwtt span {
    color: #212121;
}

.xwtt em {
    color: #fff
}





@media (max-width: 1440px) {
    .xwtt {
        font-size: 40px;
    }
}

@media (max-width: 1360px) {
    .xwtt {
        font-size: 35px;
    }
}



@media (max-width: 1280px) {
    .xwtt {
        font-size: 25px;
    }
}


@media (max-width: 992px) {
    .xwtt {
        font-size: 22px;
    }
}




/* footer */
.dff {
    background: #262626;
    padding-top: 80px;
    padding-bottom: 18px;
    overflow: hidden;
}

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

.lx_wm {
    color: #d5d3d3;
    font-size: 14px;
    line-height: 28px;
    margin-top: 30px;
}


.df_b {
    width: 56.52%;
}

.nav11 dd {
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #eeeeee;
    text-transform: uppercase;
}

.port {
    margin-top: 20px;
}

.port li {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 1px;
    color: #d8d6d6;
    width: 100%;
}

.port li a {
    color: #d8d6d6;
}

.xx1 {
    width: 100%;
    height: 1px;
    background: #393939;
    margin-top: 2.5vw;
    margin-bottom: 1.5vw;
}

.seo_aa {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #8a8a8a;
}

.seo_aa a {
    color: #8a8a8a;
}

.ffxx .social-share .social-share-icon {
    border: none;
}

.ffxx .social-share .icon-facebook {
    color: #929292;
}

.ffxx .social-share .icon-facebook:hover {
    background: none;
}


.ffxx .social-share .icon-twitter {
    color: #929292;
}

.ffxx .social-share .icon-twitter:hover {
    background: none;
}



.ffxx .social-share .icon-linkedin {
    color: #929292;
}

.ffxx .social-share .icon-linkedin:hover {
    background: none;
}



/*样式*/
@media (max-width: 1100px) {
    .df_b {
        display: none;
    }
}

@media (max-width: 992px) {
    .dff {
        background: #262626;
        padding-top: 30px;
        padding-bottom: 18px;
    }
}



/* nylx */
.nylx {
    margin-top: 20px;
}

.btta {
    color: #666666;
    font-size: 14px;
    background: url(../images/f6cf94ff7c23qcge.png) no-repeat left 50%;
    padding-left: 20px;
    font-weight: 400;
}

.nylx_ll {
    margin-top: 70px;
}

.nylx_ll li {
    width: 48%;
}

.nylx_ll li a.img {
    display: block;
    width: 100%;
}

.nylx_ll li a.img img {
    width: 100%;
}


@media (max-width: 992px) {
    .nylx_ll li {
        width: 100%;
        margin-bottom: 10px;
    }
}




/* ourbg */
.ourbg {
    background: url(../images/848587e364vmiqax.png) no-repeat center;
    background-size: cover;
    padding: 77px 0;
    margin-top: 80px;
}

.nylxnn {
    max-width: 1115px;
    margin: 0 auto;
    color: #f2f2f2;
    font-size: 20px;
    line-height: 35px;
    margin-top: 35px;
    text-align: center;
}


.more_22 {
    width: 135px;
    height: 37px;
    background-color: #008acf;
    text-align: center;
    line-height: 37px;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 4.5vw;
}


.more_22 a {
    text-align: center;
    color: rgba(255, 255, 255, 1) !important;
    text-transform: capitalize;
}

.more_22 a img {
    padding-left: 15px;
}





@media (max-width: 1440px) {
    .ourbg {
        background: url(../images/848587e364vmiqax.png) no-repeat center;
        background-size: cover;
        padding: 47px 0;
        margin-top: 40px;
    }
}


/* nylx_22 */
.nylx_22 {
    margin-top: 86px;
}


.lx_nn33 {
    width: 41.25%;
    border: 1px solid #e5e5e5;
    padding: 5%;
}

.lx_nn33 h2 {
    color: #383838;
    font-size: 16px;
    font-weight: 600;
}

.nr_lx {
    margin-top: 20px;
    color: #383838;
    font-size: 15px;
    line-height: 2.1;
}

.lx_xx {
    margin-top: 2.5vw;
}

.lx_xx li {
    float: left;
    margin-right: 5px;
}

.lx_xx li img {
    max-width: 100%;
}

.map_22 {
    width: 58.75%;
}

.map_22 img {
    width: 100%;
}


@media (max-width: 1280px) {
    .lx_nn33 {
        width: 41.25%;
        border: 1px solid #e5e5e5;
        padding: 25px
    }
}


@media (max-width: 992px) {
    .nylx_22 {
        margin-top: 46px;
    }

    .lx_nn33 {
        width: 100%;
        border: 1px solid #e5e5e5;
        padding: 25px 10px
    }

    .map_22 {
        width: 100%;
    }
}




/* About Us */

.nbanner img {
    width: 100%;
}

.nbanner2 {
    position: relative;
}

.bnjs {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    width: 100%;
}

.shao1 {
    color: #ffffff;
    font-size: 45px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.shao2 {
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 2.5vw;
    font-weight: 400;
    line-height: 35px;
}


@media (max-width: 1440px) {
    .shao1 {
        font-size: 40px;
    }

    .shao2 {
        font-size: 18px;
    }
}



@media (max-width: 1370px) {
    .shao1 {
        font-size: 30px;
    }

    .shao2 {
        font-size: 17px;
    }
}




@media (max-width: 1280px) {
    .shao1 {
        font-size: 25px;
    }

    .shao2 {
        font-size: 16px;
    }
}


@media (max-width: 992px) {
    .shao1 {
        font-size: 20px;
    }

    .shao2 {
        font-size: 12px;
        line-height: 20px;
    }
}

@media (max-width: 768px) {
    .shao1 {
        font-size: 17px;
    }

    .shao2 {
        font-size: 12px;
        line-height: 18px;
    }
}



/* about_vn */
.about_vn {
    margin-top: 30px;
}

.box_aa {
    margin-top: 30px;
}

.port22 {
    border-bottom: 2px solid #f2f2f2;
    width: 80%;
    line-height: 45px;
    margin-top: -10px;
}

.aort {
    float: right;
    line-height: 45px;
}

.aort li {
    position: relative;
}

.aort li a {
    color: #424242;
    font-size: 18px;
    text-transform: uppercase;
}

.aort li::before {
    position: absolute;
    left: 0px;
    bottom: -2px;
    height: 2px;
    background: #008acf;
    content: "";
    width: 0px;
    transition: all .3s;
}

.aort li:hover::before {
    width: 100%;
}


.ab_ll_22 {
    background: url(../images/07d21ed63fz2euqh.png);
}

.ab_22_22 {
    width: 44.375%;
    text-align: left
}

.ab_xx li {
    width: 58.75%;
}

.ab_xx li a.img {
    display: block;
}

.ab_xx li a.img img {
    width: 100%;
}

.ab_xx li:nth-child(2n) {
    width: 39.125%;
}


@media (max-width: 1100px) {
    .aort li a {
        color: #424242;
        font-size: 16px;
        text-transform: uppercase;
    }
}

@media (max-width: 768px) {
    .aort li a {
        color: #424242;
        font-size: 15px;
        text-transform: uppercase;
    }

    .ab_22_22 {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .aort li a {
        color: #424242;
        font-size: 15px;
        text-transform: uppercase;
    }

    .ab_xx li:nth-child(2n) {
        width: 100%;
    }

    .ab_xx li {
        width: 100%;
        margin-bottom: 10px;
    }

    .port22 {
        border-bottom: 2px solid #f2f2f2;
        width: 100%;
        line-height: 45px;
        margin-top: 20px;
    }

    .aort {
        width: 100%;
        float: right;
        line-height: 45px;
    }

}



/* Global Marketing */
.dfab {
    background: url(../images/47f72f450fqd6kec.png) no-repeat center left #f6f6f6;
    padding: 90px 0;
    margin-top: 3.5vw;
}

.dfab .wh {
    position: relative;
}

.lx_map11 {
    width: 42.375%;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-45%);
}

.accv {
    color: #757575;
    font-size: 18px;
    line-height: 35px;
    margin-top: 3.5vw;
    border-bottom: 2px solid #e9e9e9;
    padding-bottom: 15px;
}


.map22 {
    width: 76.9375%;
    float: right;
}

.map22 img {
    width: 100%;
}

@media (max-width: 1440px) {
    .map22 {
        width: 74.9375%;
        float: right;
    }

    .lx_map11 {
        width: 42.375%;
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-45%);
    }
}


@media (max-width: 1200px) {
    .dfab {
        background: url(../images/47f72f450fqd6kec.png) no-repeat center left #f6f6f6;
        padding: 40px 0;
        margin-top: 30px;
    }

    .map22 {
        width: 100%;
        float: none;
    }

    .lx_map11 {
        width: 100%;
        position: relative;
        left: 0px;
        top: 0%;
        transform: translateY(0%);
        margin-bottom: 25px;
    }
}


/* Welcome */
.Welcome {
    margin-top: 75px;
    margin-bottom: 45px;
}

.jointt h2 {
    margin-top: 30px;
    color: #5f5f5f;
    font-size: 20px;
    font-weight: 400;
}

.join_xx li {
    width: 65.75%;
    position: relative;
}

.join_xx li a.img {
    display: block;
}

.join_xx li a.img img {
    width: 100%;
}

.join_xx li:nth-child(2n) {
    width: 30.75%;
}

.join_xx li h2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25%;
    color: #ffffff;
    background: url(../images/28d3d081adkjwdqz.png) no-repeat center right;
    padding-right: 45px;
    font-size: 30px;
}


@media (max-width: 700px) {
    .join_xx li:nth-child(2n) {
        width: 100%;
    }

    .join_xx li {
        width: 100%;
        margin-bottom: 10px;
    }

    .join_xx li h2 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 25%;
        color: #ffffff;
        background: url(../images/28d3d081adkjwdqz.png) no-repeat center right;
        padding-right: 45px;
        font-size: 16px;
    }
}


/* 产品页面 */
.pt_an {
    text-align: left;
    max-width: 780px;
}

/* ppbg_11 */
.ppbg_11 {
    background: #f5f5f5;
    padding: 60px 0;
    margin-top: 40px;
}

.home-products-section {
    /* margin-left: 8%;
    margin-top: 45px; */
}

@media (max-width: 1440px) {
    .home-products-section {
        margin-left: 10px;
        margin-top: 45px;
    }
}


@media (max-width: 1280px) {
    .home-products-section {
        margin-left: 10px;
        margin-top: 25px;
    }
}



/* pp_kk */
.pp_kk {
    margin-top: 67px;
}

.pp_yy {
    position: relative;
}

.pp_yy img {
    width: 100%;
}
.img-block img{transition:all 0.5s;}

.pp_cnm {
    position: absolute;
    bottom: 35px;
    right: 35px;
    color: #ffffff;
    font-size: 18px;
    line-height: 35px;
    max-width: 700px;
}


@media (max-width: 1440px) {
    .pp_cnm {
        position: absolute;
        bottom: 35px;
        right: 35px;
        color: #ffffff;
        font-size: 16px;
        line-height: 35px;
    }
}


@media (max-width: 768px) {
    .pp_kk {
        margin-top: 37px;
    }

    .pp_cnm {
        position: absolute;
        bottom: 5px;
        right: 5px;
        color: #ffffff;
        font-size: 14px;
        line-height: 22px;
        max-width: 300px;
    }
}


/* De_ll */
.De_ll {
    margin-top: 3.5vw;
    margin-bottom: 5.5vw;
}

.De_ll li {
    background: #eeeeee;
}

.img_a3 {
    width: 50%;
}

.img_a3 img {
    width: 100%;
}

.dcc11 {
    width: 50%;
    padding: 5.5vw;
    background: url(../images/caeb84bd70g3yukh.png) no-repeat 5% 10%;
}

.dcc11 h3 {
    color: #2d2d2d;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 35px;
}

.dcc11 h2 p{
    background: url(../images/9aa9c6fb458sxxor.png) no-repeat left 8px;
    padding-left: 22px;
    color: #5a5a5a;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 25px;
}


@media (max-width: 1440px) {
    .dcc11 h3 {
        color: #2d2d2d;
        font-size: 30px;
        font-weight: 600;
        margin-bottom: 35px;
    }

    .dcc11 h2 {
        font-size: 16px;
    }
}



@media (max-width: 1280px) {
    .dcc11 h3 {
        color: #2d2d2d;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 35px;
    }

    .dcc11 h2 {
        font-size: 15px;
        line-height: 28px;
    }
}



@media (max-width: 1200px) {
    .dcc11 {
        width: 50%;
        padding: 2.5vw;
        background: url(../images/caeb84bd70g3yukh.png) no-repeat 5% 10%;
    }

    .dcc11 h2 {
        margin-bottom: 15px;
    }
}


@media (max-width: 990px) {
    .dcc11 {
        width: 100%;
        padding: 25px;
        background: url(../images/caeb84bd70g3yukh.png) no-repeat 5% 10%;
    }

    .img_a3 {
        width: 100%;
    }

    .dcc11 h3 {
        color: #2d2d2d;
        font-size: 25px;
        font-weight: 600;
        margin-bottom: 25px;
    }

    .De_ll {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media(max-width: 640px){
    .ys_nav li{width: 49%;line-height: 30px;}
    .ys_nav li a{padding-left: 15px;font-size: 16px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
    .plist li{width: 48%;}
    .ys_nav{margin: 15px 0 20px;}
}





/* contact-wrap */
.contact-wrap{
    position: relative;
    padding: 3.72916vw 0;
}
.contact-one{
    position: relative;
    margin-bottom: 3.125vw;
}
.ca-tit{
    margin-bottom: 2.083vw;
}
.ca-tit h3{
    font-size: 2.083vw;
    color: #212122;
    margin-bottom: 10px;
}
.ca-tit p{
    font-size: 14px;
    color: #909399;
}
.cone-wap{
    position: relative;
}
.cay-left{
    position: relative;
    width: 46.875%;
}
#map2{
    height: 480px;
}
.cay-right{
    width: 50%;
    position: relative;
}
.cay-right li{
    position: relative;
    padding: 1.5625vw 0;
    display: flex;
    align-items: center;
}
.cay-right li:not(:last-child){
    border-bottom: 1px solid #e2e3e3;
}
.cay-right li .lx-img{
    width: 50px;
}
.cay-right li .lx-img img{
    max-width: 100%;
}
.cay-right li .lx-txt{
    width: calc(100% - 50px);
}
.cay-right li .lx-txt h3{
    font-size: 17px;
    color: #909399;
    margin-bottom: 10px;
    font-weight: normal;
}
.cay-right li .lx-txt p{
    font-size: 20px;
    color: #212122;
}

.flex3{ display: flex;display: -webkit-flex;}
/* contact-two */
.contact-two{position: relative;}
.ca-tit2 h3{font-size: 1.666vw;}
.x-message-wrap2 {margin-left: 0px;margin-right: 0px}
.x-message-wrap2 .row {margin-left: -15px;font-size: 0;margin-right: -15px}
.x-message-wrap2 div[class^='col-'] {padding-left: 15px;padding-right: 15px;position: relative;}

.x-message-wrap2 input[type='text'],.x-message-wrap2 textarea {width: 100%;height: 55px;border: none;padding: 0 15px;font-size: 14px;color: #909399;background: transparent;
outline: none;margin-bottom: 30px;border: 1px solid #e2e3e3;border-radius: 5px;}
.x-message-wrap2 input[type='text']::-webkit-input-placeholder,.x-message-wrap2 textarea::-webkit-input-placeholder {color: #909399}
.x-message-wrap2 input[type='text']:-ms-input-placeholder,.x-message-wrap2 textarea:-ms-input-placeholder {color: #909399}
.x-message-wrap2 input[type='text']::-ms-input-placeholder,.x-message-wrap2 textarea::-ms-input-placeholder {color: #909399}
.x-message-wrap2 input[type='text']::placeholder,.x-message-wrap2 textarea::placeholder {color: #909399;}
.x-message-wrap2 textarea {padding-top: 15px;height: 160px;resize: none}
.x-message-wrap2 #checkcode {float: left;width: 42.29813665%;margin-bottom: 0;height: 45px;}
.x-message-wrap2 #codeimg2 {float: left;display: block;text-align: center;width: 25.39130435%;height: 45px;font-size: 0;background: #e7e4e4;padding: 0px;margin-left: 10px;}
.x-message-wrap2 .x-submit {margin-bottom: 20px;width: 100%;height: 45px;background: #008acf;color: #fff;font-size: 14px;border: none;outline: none;border-radius: 5px;
-webkit-transition: all .5s ease;transition: all .5s ease;text-transform: uppercase;}
.x-message-wrap2 .n-default .x-textarea .msg-wrap{top: 10px;}

.x-message-wrap2 .code-group input{height: 45px;}
.home_product_ibox{margin-top: 40px;}
.home_product_swiper .swiper-slide1{width: 23%;display: inline-block;margin: 0 1%;}
.home_product_swiper{font-size: 0;margin: 0 -1%;}



@media(max-width: 992px){
     .ca-tit h3{font-size: 20px;}
    .cay-right li .lx-txt p{font-size: 15px;}
    /* .product-detail table{width: 100%!important;box-sizing: border-box; border-collapse: collapse;} */
 
}


@media(max-width: 768px){
     .cay-left{width: 100%;margin-bottom: 20px;}
    #map2{height: 380px;}
    .cay-right{width: 100%;}
    .cay-right li{padding: 15px 0;}
    .x-message-wrap2 input[type='text'], .x-message-wrap2 textarea{margin-bottom: 20px;height: 45px;}
    .fat-lxwm > div:nth-child(3){
        display: none;
    }
    .home_product_swiper .swiper-slide1{width: 48%;}
    .ppbg_11{padding: 30px 0;margin-top: 20px;}
    

}

.tab-content{color: #000;}
.banner_swiper .swiper-button-prev{left: 5%;}
.banner_swiper .swiper-button-next{right: 5%;}
.banner_swiper .swiper-button-prev,.banner_swiper .swiper-button-next{color: #fff;}
.pmiao{font-size: 16px;color: #000;line-height: 2;}
.bwz{position: absolute;z-index: 999;top:35%;left: 0;width: 100%;padding-left: 10%;}
.bwz span{font-size:48px;color: #fff;font-weight: bold;max-width: 50%;margin-bottom: 20px;}
.bwz p{color: #fff;font-size: 24px;line-height: 1.5;font-weight: normal;max-width: 50%;}



@media(max-width: 1300px){
    .bwz span{font-size: 24px;}
    .bwz p{font-size: 19px;}
}


@media(max-width: 1024px){
    .bwz span{font-size: 20px;}
    .bwz p{font-size: 16px;}
}

@media(max-width: 640px){
    .bwz span{font-size: 16px;max-width: 80%;margin-bottom: 10px;line-height: 1.2;}
    .bwz p{font-size: 12px;max-width: 80%;line-height: 1.3;}
    .bwz{top:10%;}
}


.tab-content h3{font-size: 14px;}