/* =====头部===== */
.header-zw {
    height: 1.6rem;
    width: 100%;
    display: none;
}

.header {
    background: #fff;
}

.headerBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .2rem 0;
    /*height: 1.06rem;*/
}

.headerBox .logo {
    display: flex;
    align-items: center;
    /*height: 100%;*/
}

.headerBox .logo a {
    /*height: 100%;*/
}

.headerBox .logo a .logoImg {
    /*height: 100%;*/
}

.headerBox .logo a .logoImg img {
    width: 100%;
    /*max-width: 100%;*/
    /*max-height: 100%;*/
}

.headerBox .logo .logoCon {
    display: flex;
    align-items: center;
    margin-left: .2rem;
}

.headerBox .logoCon h1 {
    font-size: var(--font33);
    font-weight: 700;
    color: #303e47;
    letter-spacing: 0.01rem;
    line-height: initial;
}

.headerBox .logoCon .en {
    font-size: var(--font18);
    font-family: Arial, Arial-Regular;
    color: #bdbdbd;
    text-transform: uppercase;
}

.headerBox .logoCon i {
    width: 1px;
    height: .68rem;
    background: url(/images/site/home/p//xz.png) no-repeat center;
    background-size: auto;
    margin: 0 .3rem;
}

.headerBox .logoCon2 h3 {
    font-size: var(--font24);
    font-weight: 700;
    color: #333333;
}

.headerBox .logoCon2 span {
    font-size: var(--font17);
    color: #666666;
}

/* 搜索 */
.heSearch .pcSearch div {
    position: relative;
}

.heSearch .pcSearch div input {
    width: 292px;
    height: 45px;
    border: 0.01rem solid #dddddd;
    border-radius: 24px;
    padding: 0 .3rem;
    padding-right: .4rem;
    box-sizing: border-box;
}

.heSearch .pcSearch div input::placeholder {
    font-size: var(--font15);
    color: #b3b3b3;
}

.heSearch .pcSearch div button {
    position: absolute;
    left: 92%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: none;
    border: 0;
    cursor: pointer;
}

.heSearch .pcSearch div button img {
    display: block;
}

.moblieSearch {
    position: relative;
    display: none;
    line-height: 1.36rem;
}

.moblieSearch > img {
    cursor: pointer;
}

.searchBox {
    position: fixed;
    width: 100%;
    left: 0;
    display: none;
    height: 2.5rem;
    width: 100%;
    border-top: 1px solid #D5D5D5;
    z-index: 8;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}

.searchBox {
    background: #fff;
    line-height: initial;
}

.searchBox .inBox {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.searchBox div {
    width: 70%;
    position: relative;
    border-bottom: 2px solid #eee;
    padding-bottom: 0.15rem;
}

.searchBox div .inText {
    width: calc(100% - 40px);
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
    padding-left: 0.1rem;
    box-sizing: border-box;
}

.searchBox div .inText::placeholder {
    color: #6666;
}

.searchBox div .sub {
    cursor: pointer;
    outline: none;
    border: none;
    width: 23px;
    height: 23px;
    background: url(/images/site/home/p//searchIcon.png) no-repeat center;
    background-size: auto;
}

.searchBox div button img {
    filter: brightness(0);
    -webkit-filter: brightness(0);
}

/* 电话 */
.heTel {
    display: flex;
    align-items: center;
}

.heTel .icBox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .1rem;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    border: 0.01rem solid rgba(66, 66, 66, .26)
}

.heTel .icBox img {
    max-width: 43%;
}

.heTel .con em {
    font-size: var(--font15);
    color: #777777;
}

.heTel .con b {
    font-weight: 400;
    display: block;
    font-size: var(--font29);
    font-family: Arial, Arial-Regular;
}

/* 导航 */
.headerNav {
    height: 0;
    position: sticky;
    top: 0;
    z-index: 11;
}

.headerNav .navBox {
    background: rgba(0, 0, 0, 0.19);
    transition: .5s;
}

.headerNav ul {
    display: flex;
    justify-content: space-between;
}

.headerNav ul li {
    position: relative;
}

.headerNav ul li > a {
    color: #fff;
    padding: 0.2rem .25rem;
    display: block;
    transition: .5s;
}

.headerNav ul li:hover > a, .headerNav ul li.on > a {
    background: rgb(148,64,126);
    color: #fff;
}

.headerNav ul li:nth-child(2) {
    /*display: none;*/
}

/* 导航下拉 */
.headerNav ul li dl {
    position: absolute;
    background: #fff;
    width: 100%;
    display: none;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
    padding: 0.1rem 0
}

.headerNav ul li:nth-child(6) dl {
    width: auto;
    white-space: nowrap;
    left: -45%;
}

.headerNav dl dd a {
    color: #333;
    display: block;
    transition: .5s;
    text-align: center;
    font-size: 0.14rem;
    color: #666;
    padding: .07rem 0.1rem
}

.headerNav dl dd a:hover {
    background: rgb(148,64,126);
    color: #fff
}

.headerNav.top-headerUp .navBox {
    background: #303e47;
}


/* 公用样式按钮 */
.inMore1 {
    margin-top: .6rem;
}

.inMore1 a {
    box-sizing: border-box;
    width: 2.2rem;
    font-size: var(--font18);
    margin: auto;
    height: 0.55rem;
    background: rgb(148,64,126);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
}

.inMore1 a {
    position: relative;
    z-index: 1;
}

.inMore1 a img {
    margin-left: 15%;
}

.inMore1 a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: .5s;
    background: #015198;
    z-index: -1;
    left: 0;
}

.inMore1 a:hover::after {
    width: 100%;
}


/* =====首页===== */
.bannerSwiper {
    position: relative;
    overflow: hidden;
}

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

.bannerSwiper .swiper-button-prev {
    transform: rotate(180deg);
}

.bannerSwiper .swiper-pagination {
    bottom: .5rem;
}

.bannerSwiper .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background: #fff;
    opacity: 1;
    margin: 0 8px !important;
}

.bannerSwiper .swiper-pagination-bullet-active {
    background: rgb(148,64,126);
}

/* 公用标题 */
.indexTle {
    text-align: center;
    padding: .6rem 0;
}

.indexTle h3 {
    font-size: var(--font40);
    font-weight: 700;
}

.indexTle i {
    width: 2.19rem;
    height: 1px;
    background: #d8d8d8;
    display: inline-block;
    position: relative;
}

.indexTle i::after {
    content: "";
    width: 0.55rem;
    height: 4px;
    background: rgb(148,64,126);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.indexTle span {
    display: block;
    font-size: var(--font18);
    color: #666666;
    margin-top: .1rem;
}

/* 成功案例 */
.indexOne {
    margin-bottom: .6rem;
}

.indexOne .swiperBox1 {
    position: relative;
}

.indexOne .swiperBox1::after {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    content: "";
    width: 100%;
    height: 1px;
    background: #E5E5E5;
}

.inOneSwiper1 {
    padding: 10px 0;
    width: 1500px;
    max-width: 92%;
    margin: auto;
}

.inOneSwiper1 .swiper-slide {
    width: auto;
    cursor: pointer;
}

.inOneSwiper1 .swiper-slide span {
    text-align: center;
    font-size: var(--font18);
    color: #666666;
    display: block;
    margin-top: .1rem;
}

.inOneSwiper1 .icBox {
    transition: .5s;
    margin: auto;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 0.81rem;
    height: 0.81rem;
    background: #ffffff;
    border: 0.01rem solid #e4e4e4;
}

.inOneSwiper1 .icBox img {
    max-width: 40%;
}

.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active .icBox {
    background: #015198;
}

.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active .icBox::after {
    content: "";
    width: 110%;
    height: 110%;
    position: absolute;
    border-radius: 50%;
    background: rgba(1, 82, 152, .07);
    z-index: -1;
    animation: shubiao 1s infinite linear .65s;
}

.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active .icBox img {
    filter: brightness(100);
    -webkit-filter: brightness(100);
}

.inOneSwiper1 .swiper-scrollbar-drag {
    background: #015198;
}

.inOneSwiper2 {
    margin-top: .8rem;
    padding-bottom: 1.25rem;
}

.inOneSwiper3 {
    overflow: initial;
}

.inOneSwiper3 .swiper-slide {
    width: 45%;
    transition: .5s;
    opacity: .5;
}

.inOneSwiper3 .swiper-slide .imgBox {
    transform: scale(.88);
    transition: .5s;
    overflow: hidden;
}

.inOneSwiper3 .swiper-slide-active {
    opacity: 1;
}

.inOneSwiper3 .swiper-slide-active .imgBox {
    transform: scale(1);
}

.inOneSwiper3 .swiper-slide .imgBox img {
    width: 100%;
    transition: .5s;
}

.inOneSwiper3 .swiper-slide-active:hover .imgBox img {
    transform: scale(1.05);
}

.inOneSwiper3 .swjt {
    left: 77%;
    width: 0.68rem;
    height: 0.68rem;
    background: #ffffff;
    box-shadow: 0rem 0.2rem 0.28rem 0rem rgba(226, 226, 226, 0.18);
    border-radius: 50%;
}

.inOneSwiper3 .swjt.swiper-button-prev {
    transform: rotate(180deg);
    left: 19%;
}

.inOneSwiper3 .swjt img {
    max-width: 20%;
}

.inOneSwiper3 .con {
    width: 90%;
    padding: .35rem;
    padding-right: 7%;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 120%;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%);
    background: #fff;
    box-shadow: 0rem 0.2rem 0.28rem 0rem rgba(226, 226, 226, 0.18);
    transition: .5s;
}

.inOneSwiper3 .con {
    background-image: url(/images/site/home/p//jt2.png);
    background-repeat: no-repeat;
    background-position: 96%;
}

.inOneSwiper3 .con h5 {
    font-size: var(--font22);
    color: #333333;
}

.inOneSwiper3 .con dl {
    margin-top: .25rem;
    display: flex;
    flex-wrap: wrap;
}

.inOneSwiper3 .con dd {
    display: flex;
    align-items: center;
}

.inOneSwiper3 .con dd:nth-child(1) {
    margin-right: .5rem;
}

.inOneSwiper3 .con dd span {
    font-size: var(--font15);
    color: #666666;
    margin-left: 5px;
}

.inOneSwiper3 .con:hover h5 {
    color: #015198;
}

.inOneSwiper3 .swiper-slide-active .con {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

/* 自有工厂标准化生产 · 从源头把控质量 */
.indexTwo {
    background: url(/images/site/home/p//indexTwo-bj.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 1rem;
}

.indexTwo .container {
    width: 1550px;
}

.indexTwo .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.indexTwo .box dl {
    width: 30%;
}

.indexTwo .cen {
    width: 28%;
    margin: 0 .6rem;
}

.indexTwo .cen img {
    max-width: 100%;
}

.indexTwo .tle {
    /*display: flex;*/
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(194, 194, 194, .37)
}

.indexTwo .tle .con {
    /*margin-left: .2rem;*/
}

.indexTwo .tle .con h5 {
    font-size: var(--font26);
    font-weight: 700;
}

.indexTwo .tle .con span {
    font-size: var(--font18);
    color: #a1a1a1;
}

.indexTwo dl dd {
    margin-top: 1rem;
}

.indexTwo dl dd ul {
    margin-top: .3rem;
}

.indexTwo dl dd ul li {
    position: relative;
    font-size: var(--font16);
    color: #666;
    margin: 5px 0;
    padding-left: .15rem;
}

.indexTwo dl dd ul li::before {
    /*content: "";*/
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgb(148,64,126);;
}

/* VOCs废气治理解决方案 */
.indexThree {
    background: url(/images/site/home/p//indexThree-bj.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 1rem;
}

.indexThree ul {
    display: grid;
    grid-template-columns: repeat(5, auto);
    justify-content: center;
    left: .2rem;
    position: relative;
}

.indexThree ul li {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.indexThree ul li {
    margin-right: .2rem;
    position: relative;
    width: 2.51rem;
    height: 2.61rem;
    background: url(/images/site/home/p/adv1.jpg) no-repeat center;
    background-size: 100%;
}

.indexThree ul li .bj2 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .5s;
}

.indexThree ul li .bj2::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: .5;
}

.indexThree ul li .bj2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indexThree ul li .bj2 .tle {
    height: 100%;
    position: absolute;
    width: 100%;
    text-align: center;
    padding-top: 40%;
    box-sizing: border-box;
    z-index: 1;
}

.indexThree ul li .bj2 .tle span {
    font-size: 0.2rem;
    color: #ffffff;
    font-weight: 700;
    display: block;
    line-height: initial;
    padding: 0 .1rem;
    box-sizing: border-box;
}

.indexThree ul li .con {
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.indexThree ul li .con img {
    max-width: 20%;
}

.indexThree ul li .con h5 {
    font-size: .18rem;
    margin: .15rem .1rem;
    font-weight: 700;
    color: #333;
}

.indexThree ul li .con em {
    font-size: 0.36rem;
    font-weight: 300;
    color: #333333;
    opacity: .2;
    position: relative;
    z-index: 11;
    line-height: .25rem;
}

.indexThree ul li:hover .bj2 {
    opacity: 1;
}

.indexThree ul li:hover .con em {
    color: #fff;
    opacity: 1;
}

.indexThree ul li:nth-child(n+6) {
    top: -.48rem;
    left: 1.35rem;
}

/* 服务热线 */
.indexFour {
    background: url(/images/site/home/p//indexFour-bj.jpg) no-repeat center;
    background-size: cover;
    padding: .6rem 0 .8rem 0;
}

.indexFour .box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.indexFour .le .con h4 {
    font-size: 0.46rem;
    font-weight: 500;
    color: #ffffff;
    margin-top: .2rem;
    font-family: "Noto Sans SC";
}

.indexFour .le .con span {
    font-size: .33rem;
    font-weight: 500;
    color: #fff;
}

.indexFour .reTop {
    display: flex;
    align-items: center;
}

.indexFour .reTop span {
    font-size: var(--font18);
    font-weight: 400;
    color: #ffffff;
    margin-left: 10px;
}

.indexFour .tel {
    margin-top: .15rem;
}

.indexFour .tel b a {
    font-size: 0.37rem;
    font-family: Arial, Arial-Bold Italic;
    color: #ffffff;
    font-weight: 700;
    font-style: oblique;
}

.indexFour .re .more a {
    width: 140px;
    height: 45px;
    background: rgb(148,64,126);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .35rem;
    position: relative;
    z-index: 1;
}

.indexFour .re .more a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: .5s;
    background: rgb(226,174,49);
    z-index: -1;
    left: 0;
}

.indexFour .re .more a:hover::after {
    width: 100%;
}

/* 产品中心 */
.indexFive {
    margin-bottom: 1rem;
}

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

.infiveSlide .hd li {
    width: 275px;
    height: 49px;
    background: #F9F9F9;
    border-radius: 25px;
    margin-bottom: 7px;
    transition: .5s;
}

.infiveSlide .hd li:last-child {
    margin-bottom: 0;
}

.infiveSlide .hd li a {
    padding: 0 .3rem;
    box-sizing: border-box;
    display: block;
    height: 100%;
    display: flex;
    align-items: center;
    color: #555555;
    position: relative;
}

.infiveSlide .hd li a::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: url(/images/site/home/p//jt4.png) no-repeat 92%;
    filter: brightness(0);
    -webkit-filter: brightness(0);
}

.infiveSlide .hd li:hover {
    background: #035198;
}

.infiveSlide .hd li:hover a {
    color: #fff;
}

.infiveSlide .hd li:hover a::after {
    filter: none;
    -webkit-filter: none;
    opacity: 1;
}

.infiveSlide .bd {
    width: 78%;
    margin-left: .6rem;
}

.infiveSlide .bd ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .3rem;
    height: 100%;
}

.infiveSlide .bd li {
    background: #ffffff;
    border: 1px solid #dddddd;
}

.infiveSlide .bd li a {
    height: 100%;
    display: block;
    position: relative;
}

/* .infiveSlide .bd li a::before {content: "";background: #252f35;position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .5;z-index: 1; opacity: 0; visibility: hidden; transition: .5s;}
.infiveSlide .bd li a::after {content: "+"; display: flex; align-items: center; justify-content: center;font-size: 0.48rem;color: #ffffff; width: 0.64rem; height: 0.64rem; font-weight: 300;    line-height: initial;background: rgba(255, 255, 255,.18);border-radius: 50%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;} */
/* .infiveSlide .bd li a::after {opacity: 0; visibility: hidden; transition: .5s; transition-delay: .1s;} */
.infiveSlide .bd li .imgBox {
    overflow: hidden;
    height: calc(100% - 70px);
    position: relative;
}

.infiveSlide .bd li .imgBox img {
    width: 100%;
    transition: .5s;
    height: 100%;
    object-fit: cover;
}

.infiveSlide .bd li .imgBox::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgb(148,64,126), #015198);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    z-index: 1;
    opacity: 0;
    transition: all 0.4s;
}

.infiveSlide .bd li .imgBox i {
    min-width: 40px;
    min-height: 40px;
    width: .6rem;
    height: .6rem;
    border-radius: 4px;
    background: #1a1a1a;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    z-index: 1;
    opacity: 0;
    transition: all 0.4s;
    transition-delay: 0.2s;
}

.infiveSlide .bd li:hover .imgBox i {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.infiveSlide .bd li:hover .imgBox::before {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.8;
}

.infiveSlide .bd li .con {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font16);
    font-weight: 400;
    color: #333333;
    padding: 0 10px;
    height: 70px;
    position: relative;
}

.infiveSlide .bd li .con::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background: rgb(148,64,126);
    height: 3px;
}

.infiveSlide .bd li:hover .imgBox img {
    transform: scale(1.03);
}

.infiveSlide .bd li:hover a::before {
    opacity: .5;
    visibility: visible;
}

.infiveSlide .bd li:hover a::after {
    opacity: 1;
    visibility: visible;
}

/* 一站式服务流程 */
.indexSix {
    background: url(/images/site/home/p//indexSix-bj.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: .8rem;
}

.indexSix ul {
    display: flex;
    justify-content: space-between;
}

.indexSix ul li {
    text-align: center;
}

.indexSix ul li .icBox {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background: #fff;*/
    margin: auto;
}

.indexSix ul li .icBox img {
    transition: .5s;
}

.indexSix ul li span {
    font-size: 14px;
    color: #FFFFFF;
    display: block;
    margin: .15rem 0;
}

.indexSix ul li .num {
    font-size: var(--font14);
    color: #666666;
    opacity: .43;
}

.indexSix .tel {
    margin-top: .8rem;
}

.indexSix .tel .us {
    position: relative;
    z-index: 1;
}

.indexSix .tel .us::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 1px;
    opacity: .11;
    background: #535353;
    z-index: -1;
}

.indexSix .tel .us span {
    color: #fff;
    margin: auto;
    text-align: center;
    max-width: 80%;
    width: 3.47rem;
    height: 0.52rem;
    background: rgb(148,64,126);
    border-radius: 0.26rem;
}

.indexSix .tel .iphone {
    text-align: center;
    margin-top: .4rem;
}

.indexSix .tel .iphone em {
    color: #333333;
}

.indexSix .tel .iphone b, .indexSix .tel .iphone b a {
    color: #035198;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .35rem;
}

.indexSix ul li:hover .icBox img {
    transform: rotateY(180deg);
}

/* 提升产能效率 · 从选择和青开始 */
.indexSeven {
    margin-bottom: 1rem;
}

.indexSeven .box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.indexSeven .box .le {
    width: 54%;
}

.indexSeven .box .re {
    width: 40%;
    margin-top: 15px;
}

.indexSeven .box .setop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.indexSeven .setop .tople {
    display: flex;
    align-items: flex-end;
    padding-bottom: .16rem;
}

.indexSeven .setop h4 {
    font-size: var(--font24);
    font-weight: 700;
    color: #333333;
    margin: 0 .16rem 0 .08rem;
    line-height: initial;
}

.indexSeven .setop .en {
    font-size: var(--font14);
    font-family: Arial, Arial-Regular;
    color: #999999;
    text-transform: uppercase;
}

.indexSeven .topre a {
    font-weight: 400;
    color: #c8c8c8;
}

.indexSeven .topre a:hover {
    color: rgb(148,64,126);
}

.indexSeven .le dl dd {
    padding: .2rem 0;
    border-top: 1px solid #ddd;
}

.indexSeven .le dl dd a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.indexSeven .le dd .imgBox {
    width: 32%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.indexSeven .le dd .imgBox img {
    max-width: 100%;
    transition: .5s;
}

.indexSeven .le dd .con {
    width: 63%;
}

.indexSeven .le dd h5 {
    font-size: var(--font18);
    font-weight: 700;
    color: #333333;
}

.indexSeven .le dd p {
    margin-top: .15rem;
    font-weight: 400;
    font-size: var(--font15);
    color: #666666;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.indexSeven .le dd .time {
    color: #888888;
    font-weight: 400;
    font-size: var(--font15);
    font-family: Arial, Arial-Regular;
    margin-top: .2rem;
}

.indexSeven .le dd:hover .imgBox img {
    transform: scale(1.01);
}

.indexSeven .le dd:hover h5 {
    color: #015198;
}

.indexSeven .re h3 {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: .15rem .25rem;
    position: relative;
    color: #666666;
    margin-bottom: 10px;
    transition: .5s;
}

.indexSeven .re h3::after {
    content: "+";
    width: 100%;
    padding-right: .15rem;
    box-sizing: border-box;
    top: 0;
    left: 0;
    font-size: var(--font22);
    color: #333333;
    font-weight: 700;
    line-height: initial;
    position: absolute;
    right: 0;
}

.indexSeven .re h3::after {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.indexSeven .re h3 span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.indexSeven .re h3.on {
    color: #fff;
    background: #035198;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.indexSeven .re h3.on::after {
    content: "-";
    color: #fff;
}

.indexSeven .re ul {
    background: #fafafa;
    position: relative;
    top: -10px;
    padding: .15rem .25rem;
}

.indexSeven .re ul p {
    color: #666666;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.indexSeven .re ul li a {
    color: #afafaf;
    font-size: var(--font15);
    display: inline-block;
    margin-top: .2rem;
}

.indexSeven .re ul li a:hover {
    color: #015198;
}

/* 走进苏州和青 */
.indexEight {
    padding-bottom: 4rem;
}

.indexEightBox {
    margin-bottom: 1.5rem;
    position: relative;
}

.indexEight .topBox {
    background-image: url(/images/site/home/p/lxwm-zz.png),url(/images/site/home/p/lxwm.jpg);
    background-repeat: no-repeat;

    background-size: cover;
    padding-bottom: 1.5rem;
}

.indexEight .indexTle {
    padding-bottom: .3rem;
    padding-top: 1.1rem;
}

.indexEight .indexTle h3 {
    color: #fff;
}

.indexEight .indexTle i {
    background: rgb(217, 217, 217, .2);
}

.indexEight .topBox .text p {
    text-align: center;
    color: #ffffff;
    width: 100%;
    margin: auto;
    line-height: 30px;
}

.indexEight .topBox .more a {
    width: 178px;
    height: 45px;
    border: 1px solid #fff;
    /*background: rgb(148,64,126);*/
    color: #fff;
    text-align: center;
    line-height: 45px;
    display: block;
    margin: auto;
    margin-top: .5rem;
    position: relative;
    z-index: 1;
}

.indexEight .topBox .more a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: .5s;
    background: rgb(226,174,49);
    z-index: -1;
    left: 0;
}

.indexEight .topBox .more a:hover::after {
    width: 100%;
}

.indexEight .bomBox {
    max-width: 95%;
    padding: 0.2rem 0;
    background: #ffffff;
    box-shadow: 0rem 0.2rem 0.28rem 0rem rgba(226, 226, 226, 0.18);
    position: absolute;
    left: 50%;
    top: 125%;
    transform: translate(-50%, -50%);
}

.indexEight .bomBox .container {
    width: 1600px;
    max-width: 98%;
}

.inghtSwiper1 {
    width: 1400px;
    margin: auto;
    max-width: 93%;
    border-bottom: 5px solid #EAEAEA;
    margin-bottom: .4rem;
    overflow: initial;
}

.inghtSwiper1 .swiper-slide::after {
    content: "";
    width: 1px;
    height: 65%;
    background: #efefef;
    position: absolute;
    right: 0;
    top: 0;
}

.inghtSwiper1 .swiper-slide:last-child::after {
    display: none;
}

.inghtSwiper1 .swiper-slide {
    cursor: pointer;
    padding-bottom: .3rem;
}

.inghtSwiper1 .swiper-slide::before {
    content: "";
    background: rgb(148,64,126);
    height: 5px;
    bottom: -5px;
    position: absolute;
    left: 0;
    width: 0%;
    transition: .5s;
}

.inghtSwiper1 .swiper-slide span {
    color: #666666;
    font-size: var(--font24);
    margin-left: 10px;
}

.inghtSwiper1 .swiper-slide .icBox {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inghtSwiper1 .swiper-slide img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: .6;
}

.inghtSwiper1 .swiper-slide.swiper-slide-thumb-active span {
    color: rgb(148,64,126);
}

.inghtSwiper1 .swiper-slide.swiper-slide-thumb-active img {
    opacity: 1;
    filter: none;
    -webkit-filter: none;
}

.inghtSwiper1 .swiper-slide.swiper-slide-thumb-active::before {
    width: 100%;
}

.inghtSwiper2 {
    width: 1500px;
    margin: auto;
    max-width: 100%;
}

.inghtSwiper2 .swiper-slide {
    pointer-events: auto;
}

.inghtSwiper2 .swiper-slide .swjt {
    right: 0;
}

.inghtSwiper2 .swiper-slide .swiper-button-prev {
    left: 0;
    right: auto;
    transform: rotate(180deg);
}

.inghtSwiper3 {
    width: 1400px;
    margin: auto;
    max-width: 93%;
}

.inghtSwiper3 .swiper-slide {
    pointer-events: auto;
}

/* .inghtSwiper3 .swiper-slide .imgBox {max-height: 2rem;} */
.inghtSwiper3 .swiper-slide .imgBox img {
    width: 100%;
    transition: .5s;
    max-height: 3rem;
    object-fit: contain;
}

.inghtSwiper3 .swiper-slide span {
    color: #666666;
    margin-top: .2rem;
    display: block;
    text-align: center;
}

.inghtSwiper3 .swiper-slide .imgBox {
    overflow: hidden;
}

.inghtSwiper3 .swiper-slide:hover .imgBox img {
    transform: scale(1.1);
}

/* =====底部===== */
.footer {
    background: #232728;
}

.footer .foterLinks {
    padding: .3rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);;
}

.footer .foterLinks dl {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: rgba(255, 255, 255, 0.5)
}

.footer .foterLinks dl .ddBox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer .foterLinks dd {
    padding: 0 .2rem;
    box-sizing: border-box;
    font-size: var(--font15);
    color: rgba(255, 255, 255, 0.5);
    position: relative;
}

.footer .foterLinks dd a {
    display: block;
    line-height: initial;
}

.footer .foterLinks dd::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 80%;
    top: 15%;
    width: 1px;
    background: rgba(255, 255, 255, 0.5);
}

.footer .foterLinks dd:last-child::after {
    display: none;
}

.footer .foterLinks dd a:hover {
    color: #fff;
}

.foterNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 0 .6rem 0;
}

.foterle .foterLogo {
    display: flex;
    align-items: center;
}

.foterle .logoCon {
    margin-left: 14px;
}

.foterle .logoCon h2 {
    color: #ffffff;
    font-size: .33rem;
    letter-spacing: 1px;
}

.foterle .logoCon .en {
    font-size: var(--font18);
    font-family: Arial, Arial-Regular;
    color: #ffffff;
    text-transform: uppercase;
    opacity: .6;
}

.foterle .foterCode {
    margin-top: .5rem;
    display: grid;
    text-align: center;
    grid-template-columns: repeat(2, auto);
    gap: .2rem;
}

.foterle .foterCode span {
    display: block;
    color: #ffffff;
    font-size: var(--font15);
    margin-top: .13rem;
}

.foterNav dl dt {
    color: #ffffff;
    font-size: var(--font18);
    font-weight: 700;
    position: relative;
    padding-bottom: .1rem;
    display: inline-block;
}

.foterNav dl dt::after {
    content: "";
    width: 130%;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: 0;
    background: rgba(255, 255, 255, 0.1);
}

.foterCen dl dd {
    margin: .2rem 0;
}

.foterCen dl dd em {
    display: block;
    color: #ffffff;
    font-size: var(--font15);
    opacity: .26;
}

.foterCen dl dd {
    color: rgba(255, 255, 255, 0.5)
}

.foterCen dl dd a {
    font-family: Arial, Arial-Regular;
    opacity: .5;
    color: #ffffff;
}

.foterCen dl dd a:hover {
    opacity: 1;
}

.foterre {
    width: 35%;
}

.foterre .ddBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .1rem;
}

.foterre .ddBox dd {
    margin: .15rem 0;
    width: 40%;
}

.foterre .ddBox dd a {
    font-family: Arial, Arial-Regular;
    color: rgba(255, 255, 255, 0.4);
    display: block;
    background: url(/images/site/home/p//jt5.png) no-repeat right;
}

.foterre .ddBox dd a:hover {
    color: #fff;
}

.copyRight {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .2rem 0;
    border-top: 1px solid rgb(222, 222, 222, .16);
}

.copyRight p, .copyRight p a {
    font-size: var(--font15);
    color: rgba(255, 255, 255, 0.5);
}

.copyRight p a:hover {
    color: #fff;
}

/* =====内页banner===== */
.ny-banner img {
    width: 100%;
}

/* =====内页内容===== */
.nyMain {
    margin: .5rem 0;
}

.nyMain .box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.nyMain .box .navle {
    width: 21%;
    position: sticky;
    top: .8rem;
}

.nyMain .box .navle .leTop {
    background: #fff;
    z-index: 1;
}

.nyMain .navle .tle {
    background: rgb(148,64,126);
    text-align: center;
    padding: .25rem 0;
}

.nyMain .navle .tle h3 {
    color: #ffffff;
    font-size: .3rem;
}

.nyMain .navle .tle i {
    display: inline-block;
    width: 0.41rem;
    height: 4px;
    background: #fff;
}

.nyMain .navle .tle2 {
    margin-top: .3rem;
}

.nyMain .conre {
    width: 76%;
    margin-left: .45rem;
}

/* 左侧列表 */
/* 内页一级导航 */
.navOne > li {
    margin-bottom: 3px;
    cursor: pointer;
}

.navOne > li h4 {
    background: #f5f5f5;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    transition: .5s;
}

.navOne > li h4 a {
    font-size: var(--font16);
    color: #666666;
    padding: .1rem .15rem;
    display: block;
}

.navOne > li h4 i {
    width: .3rem;
    height: .3rem;
    background: url(/images/site/home/p//jt6.png) no-repeat center;
    background-size: 100%;
    transition: .5s;
}

.navOne > li:hover h4 {
    background: rgb(226,174,49);
}

.navOne > li:hover h4 a {
    color: #fff;
}

.navOne > li:hover h4 i {
    transform: rotate(90deg);
}

.navOne > li h4.on {
    background: rgb(226,174,49);
}

.navOne > li h4.on a {
    color: #fff;
}

.navOne > li h4.on i {
    transform: rotate(90deg);
}

/* 内页二级导航 */
.navTwo {
    border: 1px solid #dddddd;
    border-top: 0;
    display: none;
}

.navTwo > li {
    border-top: 1px solid #eee;
    padding-left: 10px;
    line-height: 35px;
}

.navTwo > li >a:hover{
   color:rgb(148,64,126);
}

.navTwo > li h5 a {
    padding: .15rem;
    box-sizing: border-box;
    color: #666666;
    display: block;
    font-size: var(--font16);
}

.navTwo > li h5 a {
    background: url(/images/site/home/p/jt7.png) no-repeat 92%;
}

.navTwo > li:hover h5 a, .navTwo > li.on h5 a {
    color: rgb(148,64,126);
}

.navTwo.on {
    display: block;
}

/* 推荐产品 */
.picMarquee {
    margin-top: .15rem;
}

.picMarquee .bd li {
    margin-top: .15rem;
    border: 1px solid #dddddd;
    box-sizing: border-box;
}

.picMarquee .bd li .imgBox {
    overflow: hidden;
}

.picMarquee .bd li .imgBox img {
    max-width: 100%;
    transition: .5s;
}

.picMarquee .bd li span {
    text-align: center;
    background: #f9f9f9;
    padding: .12rem .1rem;
    box-sizing: border-box;
    width: 100%;
    display: block;
}

.picMarquee .bd li:hover .imgBox img {
    transform: scale(1.05);
}

/* 服务热线 */
.serveHot {
    background: url(/images/site/home/p//tel-bj.jpg) no-repeat center;
    background-size: cover;
    min-height: 1.5rem;
    margin-top: 10px;
}

.serveHot {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 1.4rem;
    box-sizing: border-box;
}

.serveHot em {
    display: block;
    font-family: var(--font17);
    color: #fff;
}

.serveHot b a {
    color: #ffffff;
    font-size: 0.29rem;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
}

/* 右侧内容 */
/* 面包屑 */
.mbx {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #eee;
    padding-bottom: .2rem;
}

.mbx .onAdd span {
    color: #1C5A9C;
    font-weight: 700;
    margin-left: 10px;
}

.mbx dl {
    display: flex;
    align-items: center;
}

.mbx dl dd a {
    color: #666;
}

.mbx dl dd a:hover {
    color: #015198;
}

/* =====解决方案===== */
.solutionList {
    margin-top: .3rem;
}

.solutionList ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .3rem;
}

.solutionList ul li {
    border: 1px solid #eee;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.03);
}

.solutionList ul li a {
    display: block;
}

.solutionList ul li .imgBox {
    overflow: hidden;
}

.solutionList ul li .imgBox img {
    width: 100%;
    transition: .5s;
}

.solutionList ul li span {
    position: relative;
    z-index: 1;
    padding: .2rem 10px;
    display: block;
    box-sizing: border-box;
    text-align: center;
    font-size: var(--font20);
    color: #666666;
    background: #f5f5f5;
}

.solutionList ul li span::after {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    background: #015198;
    transition: .5s;
    top: 0;
    z-index: -1;
}

.solutionList ul li:hover .imgBox img {
    transform: scale(1.05);
}

.solutionList ul li:hover span {
    color: #fff;
}

.solutionList ul li:hover span::after {
    width: 100%;
}

/* 解决方案详情 */
.solutionDate .tle {
    text-align: center;
    margin: .5rem 0;
}

.solutionDate .tle h3 {
    font-size: .36rem;
    font-weight: 700;
    color: #494949;
}

.solutionDate .tle i {
    display: inline-block;
    width: 0.64rem;
    height: 0.05rem;
    background: rgb(148,64,126);
}

.solutionDate .dateCon img {
    max-width: 100%;
}

/* =====荣誉资质===== */
.picTure ul {
    grid-template-columns: repeat(3, 1fr);
}

.picTure ul li {
    border: 1px solid #eee;
}

.solutionList ul li span {
    padding: 10px;
    font-size: .18rem;
}

/* =====产品===== */
.txtMarquee {
    margin-top: .3rem;
    margin-bottom: .5rem;
    padding: 0 .15rem;
    box-sizing: border-box;
}

.txtMarquee ul li {
    border-top: 1px dashed #dbdbdb;
}

.txtMarquee ul li a {
    padding: 10px 0;
    color: #666;
    display: block;
}

.txtMarquee ul li a span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.txtMarquee ul li:hover a {
    color: #015198;
}

/* 产品列表 */
.proList {
    margin-top: .3rem;
}

.proList ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .3rem;
}

.proList ul li {
    position: relative;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.03);
}

.proList ul li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgb(148,64,126);
}

.proList ul li .imgBox {
    overflow: hidden;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 0;
}

.proList ul li .imgBox img {
    width: 100%;
    transition: .5s;
}

.proList ul li .imgBox::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgb(148,64,126), #015198);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    z-index: 1;
    opacity: 0;
    transition: all 0.4s;
}

.proList ul li .imgBox i {
    min-width: 40px;
    min-height: 40px;
    width: .6rem;
    height: .6rem;
    border-radius: 4px;
    background: #1a1a1a;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    z-index: 1;
    opacity: 0;
    transition: all 0.4s;
    transition-delay: 0.2s;
}

.proList ul li:hover .imgBox i {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.proList ul li:hover .imgBox::before {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.8;
}

.proList ul li .con {
    border: 1px solid #eee;
    padding: .25rem;
    box-sizing: border-box;
    text-align: center;
}

.proList ul li h5 {
    color: #333333;
    font-size: var(--font17);
    margin-bottom: .2rem;
}

.proList ul li p {
    font-size: var(--font15);
    color: #666666;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.proList ul li:hover .imgBox img {
    transform: scale(1.05);
}

.proList ul li:hover h5 {
    color: rgb(148,64,126);
}

/* 产品详情 */
.proDate {
    margin-top: .3rem;
}

.proDate .dateTop {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.dateTop .topLe {
    width: 45%;
    border: 1px solid #dddddd;
    box-sizing: border-box;
}

.dateTop .topRe {
    width: 50%;
}

.proDateSwiper .swiper-slide img {
    text-align: center;
    display: block;
    margin: auto;
    width: 100%;
    min-height: 3.7rem;
    object-fit: cover;
}

.proDateSwiper .swiper-pagination {
    text-align: right;
    padding-right: .2rem;
    box-sizing: border-box;
    color: #fff;
}

.proDateSwiper .swjt img {
    filter: brightness(100);
    -webkit-filter: brightness(100);
}

.proDateSwiper .swiper-button-prev {
    transform: rotate(180deg);
}

.dateTop .topRe .tle {
    margin-top: .4rem;
}

.dateTop .topRe .tle h3 {
    font-size: var(--font24);
    color: #333333;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: .2rem;
}

.dateTop .topRe .tetx {
    margin-top: .2rem;
}

.dateTop .topRe .tetx p {
    color: #777777;
    font-size: var(--font15);
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.dateTop .topRe .info {
    margin-top: .6rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.dateTop .topRe .info .more a {
    width: 1.48rem;
    height: 0.49rem;
    background: rgb(148,64,126);
    font-size: .16rem;
    color: #fff;
}

.proDate .dateBox > div {
    margin-top: .4rem;
}

.proDate .dateBox img {
    max-width: 100%;
}

.proDate .dateBox .conTle {
    padding-bottom: .2rem;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: .2rem;
    position: relative;
}

.proDate .dateBox .conTle::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    background: rgb(148,64,126);
    height: 3px;
    width: 1.5rem;
}

.proDate .dateBox .conTle h4 {
    font-size: 0.3rem;
}

.proDate .dateBox .conTle span {
    font-size: var(--font14);
    color: #999999;
    font-family: Arial, Arial-Regular;
    text-transform: uppercase;
}

.dateCon5 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2rem;
    margin-top: .5rem;
}

.dateCon5 ul li {
    background: #fff;
    box-shadow: 0px 0px .28rem 0px rgba(150, 150, 150, 0.11);
    padding: .25rem;
    text-align: center;
    transition: .5s;
}

.dateCon5 li h4 {
    font-size: var(--font20);
    color: #333;
    margin: .15rem 0;
    font-weight: 700;
}

.dateCon5 li p {
    color: #666;
    line-height: 25px;
}

.dateCon5 li:hover {
    transform: translateY(-5px);
}

.dateCon5-1 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .3rem;
    margin-top: .5rem;
}

.dateCon5-1 li {
    background: #f9f9f9;
    padding: .3rem .2rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.dateCon5-1 li .icBox {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    overflow-x: hidden;
    margin-right: .2rem;
    flex-shrink: 0;
}

.dateCon5-1 li .icBox img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.dateCon5-1 li .num {
    font-size: 0.64rem;
    color: #707070;
    line-height: 1;
    opacity: .15;
    font-weight: 700;
}

.dateCon5-1 li span {
    color: #777777;
    display: block;
    margin-top: .1rem;
}

.dateCon5-2 .conBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .5rem;
}

.dateCon5-2 .conBox .le {
    width: 54%;
}

.dateCon5-2 .conBox .re {
    width: 44%;
    overflow: hidden;
    border-radius: 10px;
}

.dateCon5-2 .conBox .re img {
    width: 100%;
}

.dateCon5-2 .conBox p {
    color: #737373;
    font-size: var(--font15);
    text-indent: var(--font30);
    line-height: 30px;
}

.dateConSwiper .swiper-slide {
    border: 1px solid #dddddd;
}

.dateConSwiper .swiper-slide::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(148,64,126);
    height: 3px;
    width: 100%;
}

.dateConSwiper .imgBox {
    overflow: hidden;
}

.dateConSwiper .imgBox img {
    width: 100%;
    transition: .5s;
}

.dateConSwiper .swiper-slide span {
    text-align: center;
    padding: .2rem .1rem;
    box-sizing: border-box;
    display: block;
    transition: .5s;
}

.dateConSwiper .swiper-slide:hover .imgBox img {
    transform: scale(1.05);
}

.dateConSwiper .swiper-slide:hover span {
    background: rgb(148,64,126);
    color: #fff;
}

.dateBox .swiperBox {
    position: relative;
}

.dateBox .swiperBox .swjt {
    right: -4%;
}

.dateBox .swiperBox .swiper-button-prev.swjt {
    left: -4%;
    right: auto;
    transform: rotate(180deg);
}

/* =====成功案例===== */
.case {
    margin-bottom: 1rem;
}

.casenav {
    margin: .5rem 0;
    position: relative;
}

.casenav::after {
    content: "";
    position: absolute;
    width: 100%;
    background: #EEEEEE;
    height: 4px;
    border-radius: 2px;
}

.casenav ul {
    display: flex;
    justify-content: space-between;
}

.casenav ul li {
    padding-bottom: .35rem;
}

.casenav ul li span {
    text-align: center;
    font-size: var(--font18);
    color: #666666;
    display: block;
    margin-top: .1rem;
}

.casenav ul li .icBox {
    transition: .5s;
    margin: auto;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 0.81rem;
    height: 0.81rem;
    background: #ffffff;
    border: 0.01rem solid #e4e4e4;
}

.casenav ul li .icBox img {
    max-width: 40%;
}

.casenav ul li:hover span, .casenav ul li.active span {
    color: #015198;
}

.casenav ul li:hover .icBox, .casenav ul li.active .icBox {
    background: #015198;
}

.casenav ul li:hover .icBox::after, .casenav ul li.active .icBox::after {
    content: "";
    width: 110%;
    height: 110%;
    position: absolute;
    border-radius: 50%;
    background: rgba(1, 82, 152, .07);
    z-index: -1;
    animation: shubiao 1s infinite linear .65s;
}

.casenav ul li:hover .icBox img, .casenav ul li.active .icBox img {
    filter: brightness(100);
    -webkit-filter: brightness(100);
}

.nav_line {
    border-radius: 3px;
    top: 100%;
}

.caseList ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .16rem;
}

.caseList li {
    border: 1px solid #dddddd;
    box-sizing: border-box;
    position: relative;
    padding-bottom: .9rem;
}

.caseList li .imgBox {
    overflow: hidden;
}

.caseList li .imgBox img {
    transition: .5s;
    width: 100%;
}

.caseList li .con {
    padding: .25rem;
    box-sizing: border-box;
}

.caseList li h4 {
    font-size: var(--font20);
    color: #333333;
}

.caseList li dl {
    margin-top: .2rem;
}

.caseList li dd {
    display: flex;
    align-items: center;
    margin-top: .1rem;
}

.caseList li dd span {
    color: #666666;
    font-size: var(--font15);
    margin-left: .2rem;
}

.caseList li .xian {
    position: absolute;
    bottom: .5rem;
    width: 0.45rem;
    height: 0.04rem;
    background: #dddddd;
}

.caseList li:hover .imgBox img {
    transform: scale(1.05);
}

.caseList li:hover h4 {
    color: #015198;
}

/* 案例详情 */
/* .caseDate .conre {width: 100%;} */

/* =====关于我们===== */
.aboutnav {
    border-bottom: 1px solid #ddd;
}

.aboutnav ul {
    display: flex;
    justify-content: center;
    margin-right: -.4rem;
}

.aboutnav li {
    margin-right: .4rem;
}

/* .aboutnav li:last-child {margin-right: 0;} */
.aboutnav li a {
    color: #555555;
    font-size: var(--font18);
    display: block;
    padding: .25rem 10px;
    box-sizing: border-box;
    position: relative;
}

.aboutnav li a::after {
    content: "";
    position: absolute;
    width: 0;
    bottom: 0;
    left: 0;
    transition: .5s;
    background: rgb(148,64,126);
    height: 4px;
}

.aboutnav li:hover a::after, .aboutnav li.on a::after {
    width: 100%;
}

.aboutTle {
    text-align: center;
    padding: .5rem;
}

.aboutTle h3 {
    color: #333333;
    font-size: .4rem;
}

.aboutTle .en {
    color: #b8b8b8;
    font-family: Arial, Arial-Regular;
    text-transform: uppercase;
}

.aboutTle i {
    display: inline-block;
    width: 0.4rem;
    height: 0.04rem;
    background: #015199;
}

.aboutOne {
    background: url(/images/site/home/p//aboutOne-bj.jpg) no-repeat center;
    padding: 1.1rem 0;
    background-size: cover;
}

.aboutOne .aboutTle {
    text-align: left;
    padding: 0;
}

.aboutOne .box {
    display: flex;
    justify-content: space-between;
}

.aboutOne .le {
    width: 49%;
}

.aboutOne .le p {
    color: #555555;
    line-height: 30px;
    margin-top: .3rem;
}

.aboutOne .re {
    width: 49%;
}

.aboutOne .re img {
    max-width: 100%;
}

.aboutTwo ul {
    display: flex;
    min-height: 6rem;
}

.aboutTwo ul li {
    width: calc(100% / 3);
    position: relative;
    z-index: 1;
}

/*.aboutTwo ul li::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: rgba(66, 54, 66, 0.6);*/
/*    top: 0;*/
/*    left: 0;*/
/*    z-index: 0;*/
/*    opacity: 1;*/
/*    transition: .4s;*/
/*}*/
.aboutTwo ul .u1::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(66, 54, 66, 0.6);
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 1;
    transition: .4s;
}
.aboutTwo ul .u2::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(122, 49, 106, 0.8);
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 1;
    transition: .4s;
}
.aboutTwo ul .u3::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(21, 66, 104, 0.65);
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 1;
    transition: .4s;
}


/*.aboutTwo ul li::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: rgba(7, 91, 157, .8);*/
/*    top: 0;*/
/*    left: 0;*/
/*    z-index: 0;*/
/*    opacity: 0;*/
/*    transition: .4s;*/
/*}*/

.aboutTwo ul .u1::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(66, 54, 66, 0.3);
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    transition: .4s;
}
.aboutTwo ul .u2::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(122, 49, 106, 0.45);
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    transition: .4s;
}
.aboutTwo ul .u3::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(21, 66, 104, 0.4);
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    transition: .4s;
}









.aboutTwo ul li .bjBox {
    height: 100%;
}

.aboutTwo ul li .bjBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aboutTwo ul li .con {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
    width: 100%;
}

.aboutTwo ul li .icBox img {
    margin: auto;
    max-width: 100%;
}

.aboutTwo ul li .tle {
    margin: 0.3rem 0;
}

.aboutTwo ul li h4 {
    color: #ffffff;
    font-size: var(--font40);
}

.aboutTwo ul li .en {
    color: #ffffff;
    letter-spacing: 2px;
    font-size: var(--font16);
    font-family: "OPENSANS";
}

.aboutTwo ul li .tle i {
    display: inline-block;
    width: 0.43rem;
    height: 0.05rem;
    background: #fafafa;
}

.aboutTwo ul li .text {
    color: #ffffff;
    font-weight: 400;
    font-size: var(--font16);
}

.aboutTwo ul li:hover::after {
    opacity: 1;
}

.aboutTwo ul li:hover::before {
    opacity: 0;
}

.aboutThree {
    padding-bottom: 1rem;
}

.aboutThree ul {
    display: flex;
    align-items: flex-start;
}

.aboutThree ul li {
    width: calc(100% / 3);
    text-align: center;
    padding: .1rem .5rem;
    box-sizing: border-box;
    position: relative;
}

.aboutThree ul li::after {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    background: #dddddd;
    opacity: .5;
    top: 0;
    width: 1px;
}

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

.aboutThree ul li h4 {
    font-weight: 700;
    color: #333333;
    font-size: 0.26rem;
    margin: .2rem 0;
}

.aboutThree ul li p {
    color: #666666;
    line-height: 30px;
}

.aboutFour {
    position: relative;
    padding-bottom: 1.4rem;
    overflow: hidden;
    background: url(/images/site/home/p//aboutFour-bj.jpg) no-repeat center;
    background-size: cover;
}

.abfoSwiper {
    position: relative;
    margin: auto;
}

.abfoSwiper .swiper-slide {
    width: auto;
    text-align: center;
}

.abfoSwiper .swiper-slide .imgBox img {
    max-width: 5rem;
    max-height: 3.5rem;
    box-shadow: 0rem 0rem 0.35rem 0rem rgba(230, 230, 230, 0.54);
    transform: scale(0.9);
    transition: .5s;
}

.abfoSwiper .swiper-slide span {
    font-size: .2rem;
    display: block;
    margin-top: .1rem;
    color: rgba(102, 102, 102, .6);
}

.abfoSwiper .swiper-slide.active .imgBox img {
    transform: scale(1);
}

.abfoSwiper .swiper-slide.active span {
    color: #666;
}

.abfoSwiper .swjt {
    width: .68rem;
    height: .68rem;
    z-index: 2;
    left: -10%;
    background: rgba(0, 0, 0, .24);
    border-radius: 50%;
    transition: .5s;
    top: 45%;
}

.abfoSwiper .swjt img {
    max-width: 20%;
}

.abfoSwiper .swjt:hover {
    background: #015198;
}

.abfoSwiper .swiper-button-prev img {
    transform: rotate(180deg);
}

.abfoSwiper .swiper-button-next {
    left: auto;
    right: -10%;
}

/* =====新闻中心===== */
.newsList {
    margin: .5rem 0;
}

.newsList ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
}

.newsList ul li {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 6%;
    padding-bottom: .4rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.newsList ul li {
    border-right: 1px solid #eee;
}

.newsList ul li:nth-child(3n) {
    border-right: 0;
}

.newsList ul li .con {
    padding: 0 .2rem;
    box-sizing: border-box;
}

.newsList ul li .time {
    color: #777777;
    font-family: Arial, Arial-Regular;
    margin-top: .25rem;
}

.newsList ul li .imgBox img {
    width: 100%;
    transition: .5s;
}

.newsList ul li h5 {
    color: #333333;
    font-size: var(--font18);
    margin-top: .2rem;
    font-weight: 700;
}

.newsList ul li span {
    color: #aaaaaa;
    font-size: var(--font15);
    display: block;
    margin-top: .2rem;
}

.newsList ul li::after {
    content: "";
    position: absolute;
    top: -18%;
    width: 100%;
    height: 118%;
    background: #F8F8F8;
    right: 0;
    z-index: -1;
    -webkit-clip-path: polygon(0 50%, 100% 15%, 100% 100%, 0% 100%);
    clip-path: polygon(0 60%, 100% 15%, 100% 100%, 0% 100%);
    transform: translateY(100%);
    transition: .5s;
}

.newsList ul li:hover::after {
    transform: translateY(0);
}

.newsList ul li:hover h5 {
    color: #015198;
}

.newsList ul li:hover span {
    color: #015198;
}

/* 常见问题 */
.questionList {
    margin: 1rem 0;
}

.questionList ul li {
    border-bottom: 1px solid #DDDDDD;
    padding: .3rem 0 .2rem 0;
    cursor: pointer;
}

.questionList ul li .tle {
    display: flex;
    align-items: center;
    position: relative;
}

.questionList ul li .tle h3 {
    width: 75%;
    font-size: var(--font22);
    color: #333333;
    margin-left: .2rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.questionList ul li .questionCon {
    background: #eee;
    margin-top: .1rem;
    padding: .2rem;
    box-sizing: border-box;
}

.questionList ul li .tle::after {
    content: "+";
    width: 100%;
    padding-right: .15rem;
    box-sizing: border-box;
    top: 0;
    left: 0;
    font-size: var(--font22);
    color: #333333;
    font-weight: 700;
    line-height: initial;
    position: absolute;
    right: 0;
}

.questionList ul li .tle::after {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.questionList ul li .tle.on::after {
    content: "-";
    padding-right: .2rem;
}


/* 新闻详情 */
.newsDateBanner {
    height: 3.85rem;
}

.newsDateBanner .imgBox {
    height: 100%;
}

.newsDateBanner .imgBox img {
    height: 100%;
    object-fit: cover;
}

.newsDate {
    padding: .7rem 0;
}

.newsDate .box {
    display: flex;
    justify-content: space-between;
}

.newsDate .box .le {
    width: 72%;
}

.newsDate .box .re {
    width: 20%;
}

.newsDate .tle {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: .2rem;
}

.newsDate .tle h5 {
    font-size: 0.39rem;
    color: #333333;
}

.newsDate .tle .time {
    color: #666666;
    font-size: .17rem;
    margin-top: .3rem;
}

.newsDate .tle .time span {
    font-family: Arial, Helvetica, sans-serif;
}

.newsCon {
    padding: .3rem 0;
}

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

.newsPage {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eee;
    padding-top: .5rem;
}

.newsPage a {
    display: flex;
    align-items: center;
}

.newsPage a .icBox {
    width: 20px;
    height: 20px;
    border: 1px solid #a9a9a9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newsPage a .icBox img {
    filter: brightness(0);
    -webkit-filter: brightness(0);
    transform: rotate(90deg);
    opacity: .5;
}

.newsPage a span {
    color: #999999;
    font-size: var(--font14);
    margin-left: 10px;
}

.newsPage a.next span {
    margin-left: 0;
    margin-right: 10px;
}

.newsPage a.next img {
    transform: rotate(-90deg);
}

.newsPage a:hover span {
    color: #015198;
}

.newsDate .re .tle {
    background: rgb(148,64,126);
    text-align: center;
    padding: .3rem 0;
}

.newsDate .re .tle h3 {
    color: #ffffff;
    font-size: .3rem;
}

.newsDate .re .txtMarquee {
    border: 1px solid #dddddd;
    margin-top: 0;
    padding-top: .3rem;
    margin-bottom: 10px;
}

/* =====联系我们===== */
.contact {
    margin: 1rem 0;
}

.contact .box {
    display: flex;
}

.contact .box > div {
    padding: .65rem .5rem;
    width: 37%;
}

.contact .box .leUs {
    background: url(/images/site/home/p//contact-leUs-bj.jpg) no-repeat center;
    background-size: cover;
    width: 26%;
}

.contact .leUs .tle h4 {
    font-size: 0.28rem;
    color: #ffffff;
    font-weight: 700;
}

.contact .leUs .info {
    margin-top: .3rem;
}

.contact .leUs .info em {
    display: block;
    color: #fff;
    font-size: var(--font18);
}

.contact .leUs .info b {
    font-weight: 400;
}

.contact .leUs .info b a {
    font-size: 0.3rem;
    font-family: Arial, Arial-Regular;
    color: #fff;
    display: block;
}

.contact .leUs .info i {
    display: inline-block;
    width: 0.45rem;
    height: 1px;
    background: #f7f7f7;
}

.contact .leUs .info2 b {
    font-weight: 700;
}

.contact .leUs .text {
    margin-top: .8rem;
    color: #ffffff;
    opacity: .5;
}

.contact .cenUs {
    background: #eeeeee;
}

.contact .cenUs h4 {
    font-size: 0.28rem;
    font-weight: 700;
}

.contact .cenUs dl {
    margin-top: .4rem;
}

.contact .cenUs dl dd {
    margin: .2rem 0;
}

.contact .cenUs dl dd, .contact .cenUs dl dd a {
    color: #444444;
}

.contact .cenUs dl dd a:hover {
    color: #015198;
}

.contact .cenUs .more {
    margin-top: .4rem;
}

.contact .cenUs .more a {
    width: 2.12rem;
    height: 0.49rem;
    min-width: 200px;
    min-height: 40px;
    background: #1d639f;
    border-radius: 25px;
}

.contact .cenUs .more a img {
    transition: .5s;
}

.contact .cenUs .more a span {
    color: #ffffff;
    margin-left: 10px;
}

.contact .cenUs .more a:hover img {
    transform: rotateY(180deg);
}

.contact .reUs {
    background: #f8f8f8;
}

.contact .reUs h4 {
    font-size: 0.28rem;
    font-weight: 700;
    color: #333;
}

.contact .reUs .tle i {
    display: inline-block;
    width: 0.36rem;
    height: 0.04rem;
    background: rgb(148,64,126);
}

.contact .reUs ul {
    margin-top: .5rem;
}

.contact .reUs ul li {
    margin-top: .2rem;
}

.contact .reUs ul li span {
    color: #444444;
    font-weight: 700;
}

.contact p img {
    max-width: 100%;
}


/* 录入资料调整 */
.dateCon .tableBox {
    overflow-x: auto;
    scrollbar-width: 6px;
    scrollbar-color: rgba(0, 0, 0, 0.2);
}

.dateCon .tableBox::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.dateCon .tableBox::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.dateCon .tableBox::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.dateCon .tableBox table {
    white-space: nowrap;
}

.dateCon .tableBox table tr td {
    padding: 0 .1rem !important;
}


/* 回订顶部 */
#backTop {
    width: .52rem;
    height: .52rem;
    min-width: 30px;
    min-height: 30px;
    cursor: pointer;
    position: fixed;
    right: 10px;
    top: 60%;
    background: #fff url(https://www.szshep.com/public/static/index/images/totop.png) no-repeat center 50%;
    border: 1px solid #e2e2e2;
    opacity: 0.85;
    z-index: 100;
    mix-blend-mode: exclusion;
    display: none;
    border-radius: 3px;
    text-align: center;
}

#backTop svg {
    max-width: 80%;
    max-height: 100%;
}


/* 视频弹出层 */
.acquisition-info {
    padding: 2rem;
    box-sizing: border-box;
    background-color: #fff;
    width: 110%;
    display: none;
}

.acquisition-info .box-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
}

.acquisition-info .box-title h3 {
    font-size: 1.6rem;
    color: #000;
    font-weight: bold;
}

.acquisition-info .box-title span {
    font-size: 2.5rem;
    cursor: pointer;
    color: #000;
    line-height: 30px;
}

.acquisition-info dl {
    margin-top: 2rem;
}

/* 简历弹出层 */
.acquisition {
    padding: .3rem;
    box-sizing: border-box;
    background-color: #fff;
    width: 55%;
    display: none;
    cursor: default;
    white-space: initial;
}

.acquisition .box-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.acquisition .box-title h3 {
    font-size: var(--font24);
    color: #000;
    font-weight: bold;
    margin: 0;
    text-align: left;
    width: 85%;
}

.acquisition .box-title span {
    font-size: .5rem;
    cursor: pointer;
    color: #000;
    line-height: 30px;
}

.acquisition .time span {
    font-size: var(--font16);
    color: #666;
    display: inline-block;
    margin-right: .6rem;
}

.acquisition .time {
    border-bottom: 1px solid #ececec;
    padding: .1rem 0;
    text-align: left;
}

.acquisition .infoCon {
    margin-top: .25rem;
    height: 38vh;
    overflow-y: auto;
    text-align: initial;
}

@media screen and (min-width: 200px) and (max-width: 768px) {
    .acquisition {
        width: 92%;
    }
}


/* 搜索页面 */
.search-page .box {
    margin-top: 0.5rem;
}

.search-page div {
    /*width: 75%;*/
    margin: auto;
    /*margin-bottom: 60px;*/
    /*border: 1px solid #333;*/
    border-radius: 50px;
    /*padding: 5px 20px;*/
    box-sizing: border-box;
    /*display: flex;*/
    align-items: center;
    justify-content: space-between;
}

.search-page div .searchCon {
    padding: 5px 0;
    width: 95%;
    line-height: 35px;
    outline: none;
    border: none;
    box-sizing: border-box;
    font-size: 16px;
}

.search-page div .sub {
    width: 23px;
    height: 23px;
    display: block;
    cursor: pointer;
    background: url(/images/site/home/p//searchIcon.png) no-repeat center;
    outline: none;
    border: none;
    background-size: auto;
    filter: brightness(0);
    -webkit-filter: brightness(0);
}

.search-page ul {
    width: 100%;
}

.search-page li {
    width: 100%;
    padding: 12px;
    margin-top: 20px;
    box-sizing: border-box;
    background: #f5f5f5;
}

.search-page li span {
    background: #015198;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
}

.search-page li h3 {
    font-size: var(--font18);
    margin: 10px 0;
    color: #000000;
    font-weight: 700;
}

.search-page li p {
    font-size: var(--font16);
    color: #666;
}

.search-page li .le {
    width: 95%;
}

.search-page li a {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.search-page li img {
    transition: .5s;
    margin-right: 20px;
}

.search-page li:hover img {
    transform: translateX(20px);
}

@media screen and (min-width: 200px) and (max-width: 640px) {
    .search-page div {
        width: 100%;
        /*margin-bottom: 40px;*/
    }
}

/* 分页 */
.fy {
    padding: 0.5rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.fy a {
    border: 1px solid #d3d9e2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 14px;
}

.fy a {
    width: 35px;
    height: 30px;
    transition: .4s;
    margin: 5px;
}

.fy a.layui-laypage-prev, .fy a:first-child, .fy a:last-child {
    width: 65px;
}

.fy a:hover {
    color: #fff;
    background: #015198;
}

.fy .layui-laypage-curr {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fy .layui-laypage-curr {
    width: 35px;
    height: 30px;
    color: #fff;
    background: #015198;
    font-size: 14px;
    margin: 0 5px;
}