.indexban {
    font-size: 0;
}

.indexbanner {
    width: 100%;
}

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

.indexbanner .swiper-slide img {
    width: 100%;
    height: auto
}

.indexbanner .swiper-slide img.phone {
    display: none;
}

.indexban .swiper-pagination-bullet {
    position: relative;
    width: 17px;
    height: 17px;
    background-color: transparent;
    opacity: 1;
    border: 1px solid #fff;
}

.indexban .swiper-pagination-bullet:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: 10;
    transform: scale(0);
    transition: all 0.3s;
}

.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px auto
}

.indexban .swiper-pagination {
    width: 17px;
    left: auto;
    right: 20px;
    bottom: 50%
}

.indexban .swiper-pagination-bullet-active:before {
    transform: scale(1);
}

@media (max-width:993px) {
    .indexban .swiper-pagination {
        width: 100%;
        bottom: 0;
        text-align: center;
        right: 0;
        bottom: 5%
    }
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px
    }
}


/* 产品系列 */

.protop {
    padding: 86px 0 76px;
    border-bottom: 2px solid #f2f2f2
}

.protopleft {
    width: 100%;
    padding-right: 4.6958vw
}

.protopright {
    width: 50%;
    padding-left: 8.2375vw
}

.pagetitlebox .cntitle {
    color: #5bb446;
    font-size: 36px;
    font-weight: bold
}

.pagetitlebox .entitle,
.pagetitlebox2 .entitle {
    color: #666;
    font-family: Arial;
    margin-top: 5px
}

.pagetitlebox .icon {
    margin-top: 35px
}

.protopleft .textbox .textlist {
    margin-bottom: 4.1666vw
}

.protopleft .textbox {
    margin-top: 4.8958vw
}

.protopleft .textbox .textname {
    padding-left: 30px;
    font-size: 18px;
    /*background-image: url(../images/pyuan1.png);*/
    background-repeat: no-repeat;
    background-position: left top 4px
}

.protopleft .textbox .textlist:nth-of-type(2) .textname {
    /*background-image: url(../images/pyuan2.png)*/
}

.protopleft .textbox .texten {
    color: #666;
    font-weight: bold;
    margin-top: 12px;
    margin-bottom: 5px;
    margin-left: 30px
}

.protopleft .textbox .text {
    color: #666;
    line-height: 2.143;
    margin-top: 12px;
    margin-left: 30px
}

.protoplist {
    margin-bottom: 74px
}

.protoplist:nth-last-of-type(1) {
    margin-bottom: 0
}

.protopright .name {
    text-align: center;
    font-size: 18px;
    margin-top: 14px
}

.protopright .img2 {
    width: 248px;
    height: 248px;
    border-radius: 248px;
    margin-left: 4.5833vw
}

.probot {
    /*padding: 75px 0 67px*/
}

.probot .pager {
    margin-top: 40px
}

.pagetitlebox2 .name {
    font-size: 24px;
    font-weight: bold
}

.pagetitlebox2 .icon {
    margin-top: 35px
}

.proitems {
    margin-top: 60px
}

.proitem {
    width: 24%;
    margin-right: 1.3333%;
    margin-bottom: 28px
}

.proitem:nth-of-type(4n) {
    margin-right: 0
}

.proitem .img {
    border: 2px solid #d2d2d2;
    transition: 0.6s ease 0s;
    -webkit-transition: 0.6s ease 0s;
    -moz-transition: 0.6s ease 0s
}

.proitem:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.proitem:hover .img {
    border: 2px solid #002b80
}

.proitem .namebox {
    background-color: #f6f6f6;
    padding: 20px 40px 20px 15px;
    background-image: url(../images/promore.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    transition: 0.6s ease 0s;
    -webkit-transition: 0.6s ease 0s;
    -moz-transition: 0.6s ease 0s
}

.proitem .namebox .name {
    font-size: 16px;
    transition: 0.6s ease 0s;
    -webkit-transition: 0.6s ease 0s;
    -moz-transition: 0.6s ease 0s;
    max-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.proitem:hover {
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07)
}

.proitem:hover .namebox {
    background-color: #fff;
    background-image: url(../images/promore_cur.png)
}

.proitem:hover .namebox .name {
    color: #002b80
}

.prodetailbox {
    padding: 74px 0 100px
}

.prodetail {
    margin-top: 44px
}

.prodetail .w1916 {
    width: 30.66%
}

.prodetail .w1412 {
    width: 23.08%
}

.prodetail .w4246 {
    width: 69.25%
}

.prodetail .top {
    height: auto;
    padding: 15px 0;
    background-color: #002b80
}

.prodetail .top .name {
    line-height: 20px;
    color: #fff;
    text-align: center;
    font-weight: bold
}

.prodetail .bot {
    width: 100%;
    border: 1px solid #e0e0e0;
    border-top: none
}

.prodetail .bot .img {
    text-align: center;
    border-right: 1px solid #e0e0e0
}

.prodetail .bot .img img {
    display: initial;
    vertical-align: middle
}

.prodetail .bot .name {
    width: 33.3333%;
    height: 50px;
    border-right: 1px solid #e0e0e0;
    color: #666;
    line-height: 50px;
    text-align: center;
    border-bottom: 1px solid #e0e0e0
}

.prodetail .bot .name:nth-last-of-type(1) {
    border-right: none
}

.prodetail .bot .list:nth-last-of-type(1) .name {
    border-bottom: none
}

.prodetailbox .return {
    padding: 15px 100px;
    display: block;
    margin-top: 42px;
    background-color: #002b80;
    line-height: 30px;
    color: #fff;
    text-align: right;
    background-image: url(../images/proreturn.png);
    background-repeat: no-repeat;
    background-position: right 50px center
}

@media (max-width:993px) {
    .protop,
    .probot {
        padding: 40px 0
    }
    .protopleft {
        width: 100%;
        padding-right: 0
    }
    .protopright {
        width: 100%;
        padding-left: 0;
        margin-top: 30px
    }
    .pagetitlebox .cntitle,
    .pagetitlebox2 .name {
        font-size: 22px
    }
    .pagetitlebox .icon,
    .pagetitlebox2 .icon {
        margin-top: 15px
    }
    .protopleft .textbox .text {
        line-height: 1.8;
        margin-top: 6px
    }
    .protopleft .textbox .texten {
        margin-top: 6px
    }
    .protopright .img2 {
        margin-left: 20vw
    }
    /* .protopright .img{width:64px} */
    .protopright .name {
        font-size: 15px
    }
    .protoplist {
        margin-bottom: 25px
    }
    .pagetitlebox2 .icon img {
        width: 40px
    }
    .proitems {
        margin-top: 20px
    }
    .proitem {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 15px
    }
    .proitem:nth-of-type(2n) {
        margin-right: 0
    }
    .proitem:nth-last-of-type(1),
    .proitem:nth-last-of-type(2) {
        margin-bottom: 0
    }
    .proitem .namebox {
        padding: 10px 30px 10px 10px;
        background-position: right 10px center
    }
    .prodetailbox {
        padding: 40px 0 60px
    }
    .prodetail .bot .name {
        font-size: 12px
    }
}

@media (max-width:480px) {
    .protopright .img2 {
        width: 200px;
        height: 200px;
        margin-left: 0;
        float: right
    }
}

@media (max-width:370px) {
    .protopright .img2 {
        width: 170px;
        height: 170px
    }
    .protopright .img1 .img {
        width: 67px
    }
}


/* 解决方案 */

.solu1 {
    padding: 88px 0 100px
}

.solu1 .solu1lf,
.solu1 .img {
    width: 50%
}

.solu1 .solu1lf {
    padding-right: 8.5416vw
}

.solu1 .solu1lf .box {
    margin-top: 38px
}

.solu1 .solu1lf .box .list .numUp {
    color: #002b80;
    font-size: 46px;
    font-weight: bold;
    line-height: 1;
    font-family: 'dinpro'
}

.solu1 .solu1lf .box .list .numUpb {
    color: #002b80;
    font-size: 26px;
    font-weight: bold;
    line-height: 1
}

.solu1 .solu1lf .box .list .unit {
    color: #666;
    margin-top: 22px
}

.solu1 .solu1lf .box .list .name {
    color: #666;
    margin-top: 6px
}

.solu1 .solu1lf .box .two {
    margin-left: 90px;
    margin-top: 20px;
    position: relative
}

.solu1 .solu1lf .box .two:after {
    content: "";
    width: 1px;
    height: 57px;
    background-color: #c3c3c3;
    position: absolute;
    top: -8px;
    left: -45px
}

.solu1 .solu1lf .text {
    color: #666;
    line-height: 2;
    margin-top: 34px
}

.solu1 .img:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.solu2 {
    padding: 100px 0 114px;
    background-image: url(../images/sobg1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.solutitlebox .title {
    font-size: 24px;
    font-weight: bold
}

.solu2 .items {
    margin-top: 40px;
    justify-content: space-between
}

.solu2 .item {
    width: 21.3333%;
    margin: 42px 0;
    text-align: center
}

.solu2 .item:nth-of-type(1),
.solu2 .item:nth-of-type(5n+1) {
    width: 18%;
    text-align: left
}

.solu2 .item:nth-of-type(5n) {
    width: 18%;
    text-align: right
}

.solu2 .item .icon {
    width: 116px;
    height: 116px;
    border: 1px solid #34b502;
    border-radius: 116px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 0.6s ease 0s;
    -webkit-transition: 0.6s ease 0s;
    -moz-transition: 0.6s ease 0s
}

.solu2 .item .name {
    width: 116px;
    text-align: center;
    color: #666;
    margin-top: 16px
}

.solu2 .item .box {
    display: inline-block
}

.solu2 .item.cur .icon {
    background-color: #002b80
}

.solu3 {
    padding: 100px 0 88px
}

.solu3 .solu3list {
    margin-bottom: 72px
}

.solu3 .solu3list:nth-last-of-type(1),
.solu3 .solu3list .textboxlr .list:nth-last-of-type(1) {
    margin-bottom: 0
}

.solu3 .solu3list .textbox {
    padding: 50px 0 64px;
    border-bottom: 1px solid #f0f0f0
}

.solu3 .solu3list .textboxlf,
.solu3 .solu3list .textboxlr {
    width: 50%
}

.solu3 .solu3list .textboxlf .name {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5
}

.solu3 .solu3list .textboxlf .icon {
    margin-top: 32px
}

.solu3 .solu3list .textboxlr .list {
    margin-bottom: 36px
}

.solu3 .solu3list .textboxlr .list .title {
    font-weight: bold
}

.solu3 .solu3list .textboxlr .list .text {
    color: #666;
    margin-top: 10px;
    line-height: 2.143
}

.solu3 .solu3list:nth-last-of-type(1) .textbox {
    padding: 50px 0 0;
    border-bottom: none
}

.techteam1 {
    padding: 96px 0 124px
}

.techteam1lr {
    width: 50%
}

.techteam1lr .title,
.techteam3 .textbox .textlist .title {
    font-size: 24px;
    font-weight: bold
}

.techteam1lr .icon {
    margin: 35px 0 32px
}

.techteam1lr .text {
    color: #666;
    line-height: 2.143
}

.techteam3 {
    padding: 94px 0 104px;
    position: relative
}

.techteam3 .img {
    position: absolute;
    bottom: 0;
    left: 0
}

.techteam3 .textbox {
    width: 50%
}

.techteam3 .textbox .textlist:nth-of-type(1) {
    padding-bottom: 105px;
    border-bottom: 1px solid #dfdfdf
}

.techteam3 .textbox .textlist .title {
    line-height: 1.5
}

.techteam3 .textbox .textlist .icon {
    margin: 32px 0
}

.techteam3 .textbox .textlist .text {
    line-height: 2.143;
    color: #666
}

.techteam3 .textbox .textlist:nth-of-type(2) {
    margin-top: 76px
}

.techteam3 .textbox .textlist:nth-of-type(2) .text {
    margin-top: 32px
}

.techteam3 .textbox .textlist .list:nth-of-type(1) {
    margin-right: 80px
}

.techteam3 .textbox .textlist .list .text {
    margin-top: 3px;
    line-height: 1.4
}

.techteam3 .textbox .textlist .list .title {
    color: #002b80;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.2
}

.techteam3 .textbox .textlist .list .numUp {
    font-size: 36px;
    color: #002b80;
    line-height: 1;
    font-family: 'dinpro'
}

.techteam3 .textbox .textlist .list .add {
    color: #002b80;
    margin-top: -2px
}

.techteam3 .img img {
    width: 44.5833vw
}

.promote {
    padding: 82px 0 116px
}

.promotebox {
    margin-top: 64px
}

.promote .pager {
    margin-top: 70px
}

.promotebox .item {
    position: relative;
    width: 30.5%;
    margin-right: 2.75%;
    margin-bottom: 30px;
    overflow: hidden;
    cursor: pointer
}

.promotebox .item:nth-of-type(2),
.promotebox .item:nth-of-type(3n) {
    margin-right: 31px;
}

.promotebox .item.one {
    width: 65.75%
}

.promotebox .item .img img {
    width: 100%
}

.promotebox .item .textbox {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: -100%;
    left: 0;
    opacity: 0;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    transition: 0.6s ease 0s;
    -webkit-transition: 0.6s ease 0s;
    -moz-transition: 0.6s ease 0s
}

.promotebox .item .textbox .title {
    color: #fff;
    padding: 0 10px;
    font-size: 24px;
    max-height: 62px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.promotebox .item .textbox .icon {
    width: 24px;
    height: 24px;
    margin: 14px auto 0
}

.promotebox .item:hover .textbox {
    opacity: 1;
    top: 0
}

.down1 {
    padding: 92px 0 86px
}

.down1items {
    margin-top: 96px
}

.down1item {
    width: 47%;
    margin-right: 6%;
    margin-bottom: 20px;
    background-color: #f7f7f7;
    padding: 56px 35px 54px
}

.down1item:nth-of-type(2n) {
    margin-right: 0
}

.down1itemlf {
    width: calc(100% - 51px);
    margin-right: 20px
}

.down1item .title {
    font-size: 16px
}

.down1item .date {
    font-size: 12px;
    color: #666;
    margin-top: 6px
}

.down1item:hover {
    background-color: #fff;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.16)
}

.down2 {
    padding: 74px 0 98px;
    background-color: #f9f9f9
}

.down2 .down2title .title {
    font-size: 24px;
    font-weight: bold
}

.down2 .down2title .icon {
    margin-top: 24px
}

.down2vitems {
    margin-top: 72px
}

.down2vitem {
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 20px
}

.down2vitem:nth-of-type(3n) {
    margin-right: 0
}

.down2vitem .videobox {
    position: relative
}

.down2vitem .videobox video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -3;
    opacity: 0
}

.down2vitem.cur .videobox video {
    z-index: 19;
    opacity: 1
}

.down2vitem.cur .player,
.down2vitem.cur .img {
    z-index: -3;
    opacity: 0
}

.down2vitem .img img {
    width: 100%
}

.down2vitem .player {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -33px;
    margin-top: -19px;
    z-index: 19;
    cursor: pointer
}

.down2vitem .bot {
    padding: 35px;
    background-color: #fff
}

.down2vitem .bot .title {
    font-size: 16px;
    width: calc(100% - 51px);
    margin-right: 20px
}

.down2vitem:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.down2vitem:hover {
    box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.07)
}

@media (max-width:993px) {
    .indexbanner .swiper-slide img.pc {
        display: none;
    }
    .indexbanner .swiper-slide img.phone {
        display: block;
    }
    .indexban .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
    }
    /*.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 5px auto}*/
    .solu1,
    .solu2,
    .techteam1,
    .techteam3,
    .promote,
    .down1,
    .down2 {
        padding: 40px 0 50px
    }
    .solu1 .solu1lf,
    .solu1 .img {
        width: 100%
    }
    .solu1 .solu1lf {
        padding-right: 0
    }
    .solu1 .img,
    .promotebox,
    .down1items,
    .down2vitems {
        margin-top: 30px
    }
    .solu1 .solu1lf .box,
    .solu1 .solu1lf .text {
        margin-top: 15px
    }
    .solu1 .solu1lf .text {
        line-height: 1.8
    }
    .solu1 .solu1lf .box .list .numUpb,
    .solutitlebox .title,
    .solu3 .solu3list .textboxlf .name,
    .techteam1lr .title,
    .techteam3 .textbox .textlist .title,
    .down2 .down2title .title {
        font-size: 20px
    }
    .solu1 .solu1lf .box .list .numUp {
        font-size: 30px
    }
    .solu1 .solu1lf .box .list .unit {
        margin-top: 9px
    }
    .solu1 .solu1lf .box .two,
    .down2 .down2title .icon {
        margin-top: 10px
    }
    .solu1 .solu1lf .box .two:after {
        height: 46px;
        top: -4px
    }
    .solutitlebox .icon {
        width: 46px
    }
    .solu2 {
        background-size: cover
    }
    .solu2 .items {
        margin-top: 15px
    }
    .solu2 .item {
        width: 50%;
        padding: 0 5%;
        margin: 10px 0
    }
    .solu2 .item:nth-of-type(1),
    .solu2 .item:nth-of-type(5n+1) {
        width: 50%;
        padding: 0 5%;
        text-align: center
    }
    .solu2 .item:nth-of-type(5n) {
        width: 50%;
        text-align: center
    }
    .solu2 .item .icon {
        width: 96px;
        height: 96px;
        margin: 0 auto
    }
    .solu3 {
        padding: 50px 0 40px
    }
    .solu3 .solu3list .textboxlf,
    .solu3 .solu3list .textboxlr {
        width: 100%
    }
    .solu3 .solu3list .textbox {
        padding: 20px 0 30px
    }
    .solu3 .solu3list .textboxlf .icon {
        margin-top: 15px
    }
    .solu3 .solu3list .textboxlf .icon img,
    .down2 .down2title .icon img {
        width: 46px
    }
    .solu3 .solu3list .textboxlr,
    .techteam3 .textbox .textlist:nth-of-type(2) .text {
        margin-top: 20px
    }
    .solu3 .solu3list .textboxlr .list {
        margin-bottom: 15px
    }
    .solu3 .solu3list:nth-last-of-type(1) .textbox {
        padding: 20px 0 0
    }
    .solu3 .solu3list {
        margin-bottom: 30px
    }
    .techteam1lf {
        width: 100%
    }
    .techteam1lr {
        width: 100%;
        margin-top: 25px
    }
    .techteam1lr .icon,
    .techteam3 .textbox .textlist .icon {
        margin: 10px 0
    }
    .techteam1lr .icon img {
        width: 46px
    }
    .techteam1lr .text {
        line-height: 1.8
    }
    .techteam3 .img {
        width: 100%;
        position: static
    }
    .techteam3 .img img {
        width: 100%
    }
    .techteam3 .textbox {
        width: 100%;
        margin-top: 25px
    }
    .techteam3 .textbox .textlist .icon img {
        width: 46px
    }
    .techteam3 .textbox .textlist .text {
        line-height: 1.8
    }
    .techteam3 .textbox .textlist:nth-of-type(1) {
        padding-bottom: 35px
    }
    .techteam3 .textbox .textlist:nth-of-type(2) {
        margin-top: 25px
    }
    .techteam3 .textbox .textlist .list .text {
        margin-top: 3px
    }
    .techteam3 .textbox .textlist .list .title {
        font-size: 24px
    }
    .techteam3 .textbox .textlist .list .numUp {
        font-size: 32px
    }
    .pagetitlebox .icon img {
        height: 1px
    }
    .promotebox .item.one {
        width: 100%;
        margin-right: 0
    }
    .promotebox .item {
        width: 100%;
        margin-bottom: 20px
    }
    .promotebox .item .textbox {
        top: 0;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.4)
    }
    .promotebox .item .textbox .title {
        font-size: 20px;
        max-height: 50px
    }
    .down1item {
        width: 100%;
        margin-right: 0;
        padding: 25px 15px
    }
    .down1item:nth-last-of-type(1) {
        margin-bottom: 0
    }
    .down2vitem {
        width: 100%;
        margin-right: 0
    }
    .down2vitem:nth-last-of-type(1) {
        margin-bottom: 0
    }
    .down2vitem .bot {
        padding: 20px 15px
    }
}


/* 服务 */

.service {
    padding: 9.38vh 0;
    background-image: url(../images/serbg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.service .sevicebox {
    background-color: rgba(255, 255, 255, 0.95);
    padding: 7.88vh 4.16vw 8vh
}

.sevicebox .servicetitle .title {
    color: #5bb446;
    font-size: 36px;
    font-weight: bold
}

.sevicebox .servicetitle .text {
    margin-top: 3px;
    color: #666
}

.sevicebox .servicetitle .icon {
    margin-top: 36px
}

.sevicebox .bot {
    margin-top: 66px
}

.sevicebox .bot .form .item {
    margin-bottom: 20px
}

.sevicebox .bot .form .item:nth-last-of-type(1) {
    margin-bottom: 0
}

.sevicebox .bot .form .item .name {
    line-height: 40px
}

.sevicebox .bot .form .item .name span {
    color: #48af1f
}

.sevicebox .bot .form .item .input {
    width: 280px;
    height: 40px;
    margin-left: 18px;
    border: 1px solid #c3c3c3
}

.sevicebox .bot .form .item .input input {
    width: 100%;
    height: 100%;
    padding: 0 19px
}

.sevicebox .bot .form .item .input input#area {
    width: calc(100% - 53px)
}

.sevicebox .bot .form .item .unit {
    line-height: 40px;
    color: #48af1f;
    margin-right: 19px
}

.sevicebox .bot .layui-form-item .layui-inline {
    width: 130px;
    margin-bottom: 0;
    margin-right: 0
}

.sevicebox .bot .layui-form-item .layui-inline.one {
    margin-left: 18px;
    margin-right: 14px
}

.sevicebox .bot .layui-form-item .layui-form-select .layui-edge {
    border-top-color: #48af1f
}

.sevicebox .center {
    position: relative;
    margin: 0 80px;
    padding: 87px 0 85px
}

.sevicebox .center:before {
    content: "";
    width: 1px;
    height: 87px;
    background-color: #c3c3c3;
    position: absolute;
    top: 0;
    left: 50%
}

.sevicebox .center:after {
    content: "";
    width: 1px;
    height: 85px;
    background-color: #c3c3c3;
    position: absolute;
    bottom: 0;
    left: 50%
}

.sevicebox .center .btn {
    width: 124px;
    height: 130px;
    position: relative;
    z-index: 9;
    background-image: url(../images/serbtn.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.sevicebox .center .text {
    width: 50px;
    height: 54px;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    left: 50%;
    margin-left: -25px;
    color: #fff;
    font-size: 24px;
    z-index: 10;
    cursor: pointer
}

.sevicebox .center .btn.cur {
    animation: xuanzhuan 1s linear 0s infinite normal none;
    -webkit-animation: xuanzhuan 1s linear 0s infinite normal none;
    -moz-animation: xuanzhuan 1s linear 0s infinite normal none
}

.sevicebox .result .resulttitle {
    color: #666;
    font-size: 18px
}

.sevicebox .result .resulttitle span {
    color: #48af1f;
    font-size: 24px;
    font-weight: bold
}

.sevicebox .resultbox {
    width: 378px;
    height: 150px;
    border: 1px solid #c3c3c3;
    margin-top: 25px;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center
}

.sevicebox .resultbox .list .name {
    font-size: 16px
}

.sevicebox .resultbox .list .text {
    color: #48af1f;
    font-size: 16px;
    font-weight: bold
}

.sevicebox .result .resulttext {
    width: 372px;
    color: #666;
    margin-top: 22px;
    line-height: 1.714
}

.joinadvan {
    padding: 66px 0 98px
}

.joinadvanitems {
    margin-top: 68px
}

.joinadvanitem {
    margin-bottom: 70px
}

.joinadvanitem:nth-last-of-type(1) {
    margin-bottom: 0
}

.joinadvanitem .img {
    width: 50%
}

.joinadvanitem .textbox {
    padding: 4.1666vw 3.5416vw 30px 0;
    width: 50%
}

.joinadvanitem:nth-of-type(2n) .textbox {
    padding: 4.1666vw 0 30px 3.5416vw
}

.joinadvanitem .textbox .title {
    font-size: 24px;
    font-weight: bold
}

.joinadvanitem .textbox .icon {
    margin: 36px 0
}

.joinadvanitem .textbox .text {
    color: #666;
    line-height: 2.143
}

.joinadvanitem:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.shopbox {
    padding: 64px 0 0 0
}

.shopbox .pagetitlebox .btn,
.honor .pagetitlebox .btn {
    width: 150px;
    height: 46px;
    display: block;
    background-color: #e5e5e5;
    text-align: center;
    line-height: 46px
}

.shopbox .pagetitlebox .btn:hover,
.honor .pagetitlebox .btn:hover,
.shopbox .pagetitlebox .btn.cur,
.honor .pagetitlebox .btn.cur {
    background-color: #002b80;
    color: #fff
}

.shopbox .pagetitlebox .boxlr {
    margin-top: 32px
}

.shopbox .pagetitlebox .btn:nth-of-type(1),
.honor .pagetitlebox .btn:nth-of-type(1) {
    margin-right: 40px
}

.shopslide {
    margin: 80px 0 2px
}

.shopslide .swiper-pagination {
    bottom: 3.152vw
}

.shopslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background-color: #fff;
    margin: 0 2px;
    opacity: 1
}

.shopslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #48af1f
}

.shopslide .img:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.shopslide .img img {
    width: 100%
}

.joinstand .joinadvanitem .wapimg {
    display: none
}

.joinstand .joinadvanitem {
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center
}

.joinstand .joinadvanitem:nth-of-type(2n) .textbox {
    padding: 0 0 0 3.5416vw
}

.joinstand .joinadvanitem .textbox {
    padding: 0 3.5416vw 0 0
}

@keyframes xuanzhuan {
    from {
        transform: rotateZ(0deg)
    }
    to {
        transform: rotateZ(360deg)
    }
}

@-webkit-keyframes xuanzhuan {
    from {
        -webkit-transform: rotateZ(0deg)
    }
    to {
        -webkit-transform: rotateZ(360deg)
    }
}

@-moz-keyframes xuanzhuan {
    from {
        -moz-transform: rotateZ(0deg)
    }
    to {
        -moz-transform: rotateZ(360deg)
    }
}

@media (max-width:1320px) {
    .sevicebox .center {
        margin: 0 3vw
    }
    .sevicebox .result,
    .sevicebox .form {
        width: calc((100% - 6vw - 124px) / 2)
    }
    .sevicebox .resultbox {
        width: 100%
    }
    .sevicebox .result .resulttext {
        width: 95%
    }
    .sevicebox .bot .form .item .input {
        width: calc(100% - 95px)
    }
    .sevicebox .bot .layui-form-item .layui-inline {
        width: 34%
    }
    .service .sevicebox {
        padding: 5vh 3vw
    }
}

@media (max-width:1120px) {
    .sevicebox .bot .layui-form-item .layui-inline {
        width: 30%
    }
}

@media (max-width:993px) {
    .service .sevicebox {
        width: calc(100% - 30px)
    }
    .service {
        padding: 30px 0;
        background-size: cover
    }
    .sevicebox .servicetitle .title {
        font-size: 22px
    }
    .sevicebox .servicetitle .icon {
        margin-top: 10px
    }
    .sevicebox .servicetitle .icon img {
        height: 1px
    }
    .sevicebox .result,
    .sevicebox .form {
        width: 100%
    }
    .sevicebox .bot {
        margin-top: 25px
    }
    .sevicebox .bot .form .item .input {
        margin-left: 8px;
        width: calc(100% - 85px)
    }
    .sevicebox .bot .layui-form-item .layui-inline {
        width: calc((100% - 85px - 6%) / 2);
        display: inline-block
    }
    .sevicebox .bot .layui-form-item .layui-inline.one {
        margin-left: 2%;
        margin-right: 4%
    }
    .sevicebox .bot .form .item .input input#area {
        width: calc(100% - 38px)
    }
    .sevicebox .bot .form .item .input input {
        padding: 0 10px
    }
    .sevicebox .bot .form .item {
        margin-bottom: 10px
    }
    .sevicebox .center .btn {
        margin: 0 auto;
        width: 88px;
        height: 93px
    }
    .sevicebox .center {
        width: 100%;
        margin: 15px 0;
        padding: 0
    }
    .sevicebox .center:before {
        width: calc((100% - 98px) / 2);
        height: 1px;
        left: 0;
        top: 50%
    }
    .sevicebox .center:after {
        width: calc((100% - 98px) / 2);
        height: 1px;
        right: 0;
        left: auto;
        top: 50%
    }
    .sevicebox .center .text {
        font-size: 16px;
        width: 36px;
        height: 44px;
        margin-top: -22px;
        margin-left: -18px
    }
    .sevicebox .result .resulttitle {
        font-size: 16px;
        text-align: center
    }
    .sevicebox .result .resulttitle span {
        font-size: 20px
    }
    .sevicebox .resultbox {
        height: 100px;
        margin-top: 10px
    }
    .sevicebox .result .resulttext {
        width: 100%;
        margin-top: 10px
    }
    .sevicebox .layui-form-select .layui-input {
        padding-right: 20px
    }
    .sevicebox .bot .layui-form-item .layui-form-select .layui-edge {
        right: 5px
    }
    .joinadvan {
        padding: 40px 0 50px
    }
    .joinadvanitem .img {
        width: 100%
    }
    .joinadvanitem .textbox,
    .joinstand .joinadvanitem .textbox,
    .joinstand .joinadvanitem:nth-of-type(2n) .textbox {
        width: 100%;
        padding: 20px 0
    }
    .joinadvanitem:nth-of-type(2n) .textbox {
        padding: 20px 0
    }
    .joinadvanitem .textbox .title {
        font-size: 20px
    }
    .joinadvanitems {
        margin-top: 30px
    }
    .joinadvanitem .textbox .icon {
        margin: 10px 0
    }
    .joinadvanitem .textbox .icon img {
        width: 36px
    }
    .joinadvanitem .textbox .text {
        line-height: 1.8
    }
    .joinadvanitem {
        margin-bottom: 10px
    }
    .shopbox {
        padding: 40px 0 0 0
    }
    .shopbox .pagetitlebox .boxlr {
        width: 100%;
        margin-top: 20px
    }
    .shopslide {
        margin: 30px 0 0 2px
    }
    .shopbox .pagetitlebox .btn {
        width: 130px;
        height: 40px;
        line-height: 40px
    }
    .shopbox .pagetitlebox .btn:nth-of-type(1) {
        margin-right: 20px
    }
    .shopslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 8px;
        height: 8px
    }
    .joinstand .joinadvanitem .wapimg {
        display: block
    }
    .joinstand .joinadvanitem:nth-of-type(1) .img,
    .joinstand .joinadvanitem:nth-of-type(2n+1) .img {
        display: none
    }
}


/* 案例展示 */

.casecen {
    margin-top: 83px
}


/* .promotebox{transform:translateZ(400px)} */

.caselist {
    width: 250px;
    position: relative;
    z-index: 18;
}

.caselistname {
    width: 250px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #333;
    padding: 0 55px 0 33px;
    cursor: pointer;
    background-image: url(../images/casedown.png);
    background-repeat: no-repeat;
    background-position: right 33px center
}

.caselist.one {
    margin-right: 60px
}

.caseitems {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #666;
    border-top: none;
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 19
}

.caseitem {
    line-height: 40px;
    border-bottom: 1px solid #999;
    color: #666;
    padding: 0 33px;
    cursor: pointer;
    transition: 0.6s ease 0s;
    -webkit-transition: 0.6s ease 0s;
    -moz-transition: 0.6s ease 0s
}

.caseitem:nth-last-of-type(1) {
    border-bottom: none
}

.caseitem:hover {
    color: #002b80;
    background-color: #f0f0f0
}

.casesearchbox input {
    width: 230px;
    height: 45px;
    background-color: #ebebeb;
    padding: 0 15px
}

.casesearchbox .btn {
    width: 100px;
    height: 45px;
    background-color: #002b80;
    color: #fff;
    line-height: 45px;
    cursor: pointer;
    padding-left: 52px;
    background-image: url(../images/casesearch.png);
    background-repeat: no-repeat;
    background-position: left 20px center
}

.caseban .textbox {
    position: absolute;
    bottom: 7.3333vw;
    left: 50%;
    margin-left: -600px;
    opacity: 0;
    transition: 1s ease 0s;
    -webkit-transition: 1s ease 0s;
    -moz-transition: 1s ease 0s
}

.caseban .textbox.cur {
    opacity: 1;
    bottom: 3.3333vw
}

.caseban .cntitle {
    color: #fff;
    font-size: 30px
}

.caseban .entitle {
    color: #fff;
    font-family: Arial;
    margin-top: 6px
}

.caseban .swiper-container-horizontal>.swiper-pagination-bullets {
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    bottom: 3.6458vw
}

.caseban .swiper-pagination {
    text-align: right
}

.caseban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    opacity: 1;
    background-color: #fff;
    margin: 0 2px
}

.caseban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #002b80
}

.casedetailbox .bot {
    margin-top: 146px
}

.casedetailbox .bot .btn {
    width: 240px;
    height: 48px;
    display: block;
    background-color: #efefef;
    border-radius: 48px;
    line-height: 48px
}

.casedetailbox .bot .btn.prev {
    color: #7c7c7c;
    padding-left: 56px
}

.casedetailbox .bot .btn.next {
    color: #7c7c7c;
    padding-left: 100px
}

.casedetailbox .bot .btn.prev span,
.casedetailbox .bot .btn.next span {
    font-family: 宋体, 'SimSun';
    font-weight: bold;
    font-size: 16px;
    color: #a6a6a6
}

.casedetailbox .bot .btn.returnshowd {
    margin: 0 calc((100% - 720px) / 2);
    padding-left: 104px;
    color: #7c7c7c;
    background-image: url(../images/nlist.png);
    background-repeat: no-repeat;
    background-position: left 82px center
}

.casedetailbox .bot .btn.prev:hover,
.casedetailbox .bot .btn.next:hover {
    color: #fff;
    background-color: #002b80
}

.casedetailbox .bot .btn.prev:hover span,
.casedetailbox .bot .btn.next:hover span {
    color: #fff
}

.casedetailbox .bot .btn.returnshowd:hover {
    color: #fff;
    background-color: #002b80;
    background-image: url(../images/nlist_cur.png)
}

.casedetail {
    background-color: #f7f7f7
}

.casedetailbox {
    margin-top: -57px;
    position: relative;
    z-index: 5;
    background-color: #fff;
    padding: 5.1041vw 8.0208vw 5.7291vw 8.1208vw
}

.casedetailbox .textbox {
    /*width: calc(100% - 330px);*/
    padding-right: 7.06vw;
    border-right: 1px solid #f1f1f1
}

.casedetailbox .textbox .cntitle {
    font-size: 24px
}

.casedetailbox .textbox .entitle {
    font-family: Arial;
    margin-top: 7px
}

.casedetailbox .textbox .text {
    margin-top: 52px;
    color: #666;
    line-height: 2.143
}

.casedetailbox .iconlist:nth-of-type(1) {
    margin-bottom: 74px
}

.casedetailbox .iconlist .icon {
    margin-top: 5px
}

.casedetailbox .iconlist .itextbox {
    margin-left: 18px
}

.casedetailbox .iconlist .itextbox .type {
    color: #666
}

.casedetailbox .iconlist .itextbox .name {
    font-size: 24px;
    margin-top: 8px
}

@media (max-width:1366px) {
    .caseban .textbox,
    .caseban .swiper-container-horizontal>.swiper-pagination-bullets {
        margin-left: -44vw
    }
    .casedetailbox {
        margin-top: -30px
    }
}

@media (max-width:1332px) {
    .casedetailbox .bot .btn.returnshowd {
        margin: 0 calc((100% - 600px) / 2);
        padding-left: 84px;
        background-position: left 62px center;
    }
    .casedetailbox .bot .btn {
        width: 200px
    }
    .casedetailbox .bot .btn.prev {
        padding-left: 48px
    }
    .casedetailbox .bot .btn.next {
        padding-left: 60px
    }
}

@media (max-width:933px) {
    .caseban .textbox {
        margin-left: 0;
        left: 0;
        padding: 0 15px;
        width: 100%
    }
    .caseban .swiper-container-horizontal>.swiper-pagination-bullets {
        margin-left: 0;
        left: 0
    }
    .caseban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 8px;
        height: 8px
    }
    .caseban .cntitle,
    .casedetailbox .textbox .cntitle {
        font-size: 18px
    }
    .casecen {
        margin-top: 30px
    }
    .caselistname {
        width: 100%;
        padding: 0 40px 0 15px;
        background-position: right 15px center
    }
    .caselist {
        width: 48%
    }
    .caselist.one {
        margin-right: 4%
    }
    .casesearchbox {
        float: left;
        margin-top: 15px;
        width: 100%;
    }
    .casesearchbox .input {
        width: 70%
    }
    .casesearchbox input {
        width: 100%
    }
    .casesearchbox .btn {
        width: 30%;
    }
    .casedetailbox .bot {
        margin-top: 30px
    }
    .casedetailbox .bot .btn {
        width: 31%;
        height: 42px;
        line-height: 42px;
        margin-right: 3.5%
    }
    .casedetailbox .bot .btn:nth-last-of-type(1) {
        margin-right: 0
    }
    .casedetailbox .bot .btn.prev {
        padding-left: 0;
        text-align: center
    }
    .casedetailbox .bot .btn.next {
        padding-left: 0;
        text-align: center
    }
    .casedetailbox .bot .btn.returnshowd {
        padding-left: 6.5%;
        text-align: center;
        background-position: left 19% center
    }
    .casedetailbox {
        margin-top: -15px;
        padding: 40px 15px
    }
    .casedetailbox .textbox {
        width: 100%;
        ;
        padding-right: 0;
        border-right: none
    }
    .casedetailbox .textbox .text {
        margin-top: 20px;
        line-height: 1.8
    }
    .casedetailbox .iconbox {
        float: left;
        margin-top: 30px
    }
    .casedetailbox .iconlist:nth-of-type(1) {
        margin-bottom: 15px
    }
    .casedetailbox .iconlist .itextbox .name {
        font-size: 20px;
        margin-top: 4px
    }
    .casedetailbox .iconlist .itextbox {
        margin-left: 10px
    }
    .casedetailbox .bot .btn.returnshowd {
        margin: 0
    }
}

@media (max-width:420px) {
    .casedetailbox .bot .btn {
        width: 64%;
        margin: 0 auto;
        margin-right: auto;
        float: none
    }
    .casedetailbox .bot .btn.returnshowd {
        margin: 10px auto
    }
    .casedetailbox .bot .btn.next {
        margin-left: auto
    }
    .casedetailbox .bot .btn:nth-last-of-type(1) {
        margin-right: auto
    }
}


/* 关于我们 */

.about1 {
    padding: 92px 0 88px
}

.about1 .text {
    width: calc(100% - 246px);
    color: #666;
    line-height: 2.143
}

.about2 {
    background-color: #002b80;
    padding: 8.4375vw 0 9.375vw
}

.about2 .list {
    width: 16.6666%
}

.about2 .text {
    color: #fff;
    font-size: 20px;
    margin-top: 5px;
    text-align: center
}

.about2 .numbox {
    text-align: center;
}

.about2 .numUp {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    font-family: 'din';
    line-height: 1;
    display: initial;
    vertical-align: top;
    float: none
}

.about2 .add {
    font-size: 24px;
    font-family: 'din';
    color: #fff;
    display: initial;
    float: none
}

.about3 {
    padding: 6.0416vw 0
}

.about3 .box {
    position: relative
}

.about3 .box:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #d2d2d2;
    position: absolute;
    top: 50%;
    left: 0
}

.about3 .box .list:nth-of-type(1) {
    width: 120px
}

.about3 .box .list:nth-of-type(2),
.about3 .box .list:nth-of-type(4),
.about3 .box .list:nth-of-type(7) {
    width: 144px
}

.about3 .box .list:nth-of-type(3) {
    width: 162px
}

.about3 .box .list:nth-of-type(5),
.about3 .box .list:nth-of-type(6) {
    width: 200px
}

.about3 .box .top,
.about3 .box .bottom {
    min-height: 74px;
    position: relative;
    text-align: center;
    color: #666;
    line-height: 1.714
}

.about3 .box .top {
    margin-bottom: 82px
}

.about3 .box .bottom {
    margin-top: 82px
}

.about3 .box .list:nth-of-type(2n) .top:after {
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #002b80;
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -3px
}

.about3 .box .list:nth-of-type(1) .bottom:after,
.about3 .box .list:nth-of-type(2n+1) .bottom:after {
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #002b80;
    position: absolute;
    top: -14px;
    left: 50%;
    margin-left: -3px
}

.about4 {
    position: relative
}

.about4 .textbox {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 4.375vw
}

.about4 .textbox .cntitle {
    color: #fff;
    font-size: 55px;
    text-align: center
}

.about4 .textbox .entitle {
    color: #fff;
    text-align: center;
    margin-top: 4px
}

.about5 {
    padding: 68px 0
}

.about5 .page-caption-box {
    padding: 0;
}

.about5 .page-caption-box .caption {
    color: #666;
    font-weight: bold;
    font-size: 24px;
    text-align: center
}

.about5 .cir {
    margin: 18px auto 46px;
    text-align: center;
}

.about5 .text {
    padding: 0 24px;
    color: #666;
    line-height: 2.143;
    text-align: center
}

.about6 .list {
    width: 50%;
    position: relative
}

.about6 .list img {
    width: 100%;
}

.about6 .list .textbox {
    width: 100%;
    position: absolute;
    bottom: 1.5vw;
    left: 0;
    padding: 0 44px
}

.about6 .list .textbox .cntitle {
    color: #fff;
    font-size: 22px
}

.about6 .list .textbox .entitle {
    color: #fff;
    margin-top: 6px
}

.about6 .list:hover .textbox {
    width: 100%;
    height: 100%;
    background-color: #002b80;
    bottom: 0;
    padding: 0 15px;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center
}

.about6 .list:hover .textbox .cntitle,
.about6 .list:hover .textbox .entitle {
    text-align: center
}

.wareh {
    padding: 92px 0 62px
}

.wareh .warehnumbox {
    margin: 60px 0
}

.warehnumlist {
    margin-right: 4.7916vw
}

.warehnumlist:nth-last-of-type(1) {
    margin-right: 0
}

.warehnumlist .numbox {
    text-align: center
}

.warehnumlist .numUp {
    color: #002b80;
    font-size: 60px;
    font-weight: bold;
    font-family: 'din';
    line-height: 1;
    display: initial
}

.warehnumlist .add {
    font-size: 24px;
    font-family: 'din';
    color: #002b80;
    display: initial
}

.warehnumlist .text {
    margin-top: 8px;
    font-size: 20px;
    color: #666;
}

.wahrehitem {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 22px
}

.wahrehitem:nth-of-type(2n) {
    margin-right: 0
}

.wahrehitem:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.wahrehitem .title,
.techn3 .item .title {
    padding: 10px;
    line-height: 30px;
    background-color: #f6f6f6;
    text-align: center
}

.techn1 {
    padding: 92px 0 44px
}

.techn1 .text {
    color: #666;
    margin-top: 15px;
    line-height: 2.143
}

.about2.techn2 .wrap {
    text-align: center
}

.about2.techn2 .list {
    display: inline-block
}

.about2.techn2 .numUp {
    font-size: 100px;
    text-align: center
}

.about2.techn2 .add {
    margin-top: 58px;
    margin-left: 10px
}

.about2.techn2 .text {
    font-size: 24px;
    text-align: center;
}

.techn3 {
    padding: 60px 0
}

.techn3 .titlebox .title {
    font-size: 24px;
    font-weight: bold
}

.techn3 .titlebox .icon {
    margin-top: 28px
}

.techn3 .items {
    margin-top: 30px
}

.techn3 .item {
    width: 49%;
    margin-bottom: 20px;
    margin-right: 2%
}

.techn3 .item.one {
    width: 100%;
    margin-right: 0
}

.techn3 .item:not(.one):nth-of-type(2n+1) {
    margin-right: 0
}

.techn3 .item:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

@media (max-width:1366px) {
    .about4 .textbox {
        margin-left: -44vw
    }
    .about2 .numUp,
    .warehnumlist .numUp {
        font-size: 42px
    }
    .about2 .text,
    .warehnumlist .text {
        font-size: 16px
    }
    .about2.techn2 .numUp {
        font-size: 72px
    }
    .about2.techn2 .add {
        margin-top: 42px
    }
    .about2.techn2 .text {
        font-size: 20px
    }
}

@media (max-width:1360px) {
    .about3 .box .list:nth-of-type(1),
    .about3 .box .list:nth-of-type(2),
    .about3 .box .list:nth-of-type(4),
    .about3 .box .list:nth-of-type(7),
    .about3 .box .list:nth-of-type(3),
    .about3 .box .list:nth-of-type(5),
    .about3 .box .list:nth-of-type(6) {
        width: 14.28%
    }
}

@media (max-width:933px) {
    .about1 {
        padding: 50px 0 40px
    }
    .about1 .text {
        width: 100%;
        margin-top: 25px;
        line-height: 1.8
    }
    .about2,
    .about5,
    .techn1,
    .techn3 {
        padding: 35px 0
    }
    .about2 .list {
        width: 33.3333%;
        margin: 8px 0
    }
    .about2 .numUp,
    .warehnumlist .numUp {
        font-size: 28px
    }
    .about2 .text,
    .warehnumlist .text {
        font-size: 14px
    }
    .about2 .add,
    .about4 .textbox .cntitle,
    .about6 .list .textbox .cntitle,
    .warehnumlist .add {
        font-size: 18px
    }
    .about4 .textbox {
        width: 100%;
        margin-left: 0;
        left: 0
    }
    .about4 .img img {
        min-height: 150px;
        height: auto;
        object-fit: cover;
    }
    .about5 .page-caption-box .caption,
    .techn3 .titlebox .title {
        font-size: 20px
    }
    .about5 .cir {
        margin: 8px auto 15px
    }
    .about5 .text {
        padding: 0;
        line-height: 1.8;
        text-align: justify;
    }
    .about6 .list {
        width: 100%
    }
    .about6 .list .textbox {
        bottom: 15px;
        padding: 0 15px
    }
    .about6 .list .textbox .entitle {
        margin-top: 3px
    }
    .about3 .wrap {
        overflow-x: auto;
    }
    /* 滚动条样式 */
    .about3 .wrap::-webkit-scrollbar {
        height: 3px;
        /*对垂直流动条有效*/
    }
    /*定义滚动条的轨道颜色、内阴影及圆角*/
    .about3 .wrap::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.1);
    }
    /*定义滑块颜色、内阴影及圆角*/
    .about3 .wrap::-webkit-scrollbar-thumb {
        background-color: #002b80;
    }
    .about3 .wrap .box {
        width: 500%;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        -moz-box-flex: nowrap;
        -ms-flex-wrap: nowrap
    }
    .wareh {
        padding: 50px 0 40px
    }
    .wareh .warehnumbox {
        margin: 25px 0
    }
    .warehnumlist {
        width: 50%;
        margin-right: 0;
        margin: 6px 0
    }
    .wahrehitem {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0
    }
    .wahrehitem:nth-last-of-type(1),
    .techn3 .item:nth-last-of-type(1) {
        margin-bottom: 0
    }
    .techn1 .text {
        margin-top: 20px;
        line-height: 1.8
    }
    .about2.techn2 .list {
        width: auto
    }
    .about2.techn2 .numUp {
        font-size: 48px
    }
    .about2.techn2 .add {
        margin-top: 26px;
        font-size: 16px
    }
    .about2.techn2 .text {
        font-size: 16px
    }
    .techn3 .titlebox .icon {
        margin-top: 6px
    }
    .techn3 .titlebox .icon img {
        width: 40px
    }
    .techn3 .items {
        margin-top: 20px
    }
    .techn3 .item {
        width: 100%;
        margin-right: 0
    }
}

.quali1 {
    padding: 88px 0 118px
}

.quali1 .quali1lf {
    width: 50%
}

.quali1 .quali1lf .text {
    font-size: 48px;
    margin-top: 42px
}

.quali1 .quali1lr {
    width: 50%;
    color: #666;
    line-height: 2.143
}

.quali2 .item {
    width: 33.3333%;
    position: relative
}

.quali2 .item.one {
    width: 100%
}

.quali2 .item.one .title {
    width: 100%;
    left: 0;
    text-align: center
}

.quali2 .item .title {
    color: #fff;
    font-size: 18px;
    position: absolute;
    bottom: 3.0208vw;
    left: 3.125vw
}

.quali2 .item .img img {
    width: 100%
}

.quali2 .item:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.quali3 .quali3titlebox {
    padding: 92px 0 60px
}

.quali3 .quali3titlebox .title {
    font-size: 24px;
    font-weight: bold
}

.quali3 .quali3titlebox .icon {
    margin-top: 34px
}

.quali3item {
    padding: 94px 0;
    background-image: url(../images/quabg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.quali3item:nth-of-type(2n) {
    padding: 74px 0;
    background-image: none
}

.quali3item .titlebox .num {
    width: 46px;
    height: 46px;
    border-radius: 46px;
    background-color: #002b80;
    color: #fff;
    line-height: 46px;
    font-size: 24px;
    font-family: 'dinpro';
    text-align: center
}

.quali3item .titlebox .textbox {
    margin-left: 19px
}

.quali3item .titlebox .textbox .cntitle {
    color: #332c2b;
    font-size: 20px;
    font-weight: bold;
    line-height: 1
}

.quali3item .titlebox .textbox .entitle {
    color: #332c2b;
    font-size: 18px;
    margin-top: 7px;
    font-family: Arial
}

.quali3item .box {
    margin-top: 64px
}

.quali3item .box .name {
    height: 50px;
    background-color: #002b80;
    margin-bottom: 50px;
    border-radius: 5px;
    color: #fff;
    line-height: 50px;
    font-size: 18px;
    padding: 0 32px;
    display: inline-block
}

.quali3item .box .item {
    margin-right: 58px
}

.quali3item .box .item:nth-last-of-type(1) {
    margin-right: 0
}

.quali3item .box .item .content {
    border-radius: 5px;
    border: 1px solid #d5d5d5;
    padding: 16px 32px;
    position: relative;
    min-height: 82px
}

.quali3item .box .item .content:after {
    content: "";
    width: 20px;
    height: 23px;
    background-image: url(../images/quaicon.png);
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: -40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.quali3item .box .item:nth-last-of-type(1) .content:after {
    display: none
}

.quali3item .box .item .content .t {
    color: #332c2b;
    font-size: 18px;
    text-align: center
}

.quali3item .box .item .content .b {
    color: #666;
    text-align: center;
    margin-top: 5px
}

.quali3item .box .item .otext {
    text-align: center;
    margin-top: 22px
}

.quali3item .box .item .otext .text {
    font-size: 18px;
    display: inline-block
}

.quali3item .box .item .otext .yuan {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #002b80;
    display: inline-block;
    margin-right: 4px
}

.quali3item .box .list {
    margin-bottom: 75px
}

.quali3item .box .list:nth-last-of-type(1) {
    margin-bottom: 0
}

.quali3item .box .item.cur .otext .yuan {
    background-color: #ee791d
}

.honor {
    padding: 92px 0 100px
}

.honoritems {
    margin-top: 80px
}

.honoritem {
    width: 47%;
    margin-right: 6%;
    margin-bottom: 80px;
    cursor: pointer;
    background-color: #f9f9f9;
    padding: 50px 50px 24px
}

.honoritem:nth-of-type(2n) {
    margin-right: 0
}

.honoritem:hover {
    box-shadow: 0px 11px 68px rgba(0, 0, 0, 0.11)
}

.honoritem:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.honoritem .title {
    text-align: center;
    color: #666;
    margin-top: 10px;
    opacity: 0
}

.honoritem:hover .title,
.honoritem:hover .img .see {
    opacity: 1
}

.honor .pager {
    margin-top: 20px
}

.honoritem .img {
    position: relative
}

.honoritem .img .see {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    opacity: 0
}

.honoralert .close {
    cursor: pointer;
    margin-bottom: 6px
}

.honoralert {
    width: 872px;
    position: absolute;
    top: 30%;
    left: 50%;
    opacity: 0;
    margin-left: -436px;
    z-index: 20;
    text-align: center;
    transition: 1s ease 0s;
    -webkit-transition: 1s ease 0s;
    -moz-transition: 1s ease 0s
}

.honoralert .img {
    background-color: #fff;
    padding: 10px 35px
}

.honoralert img {
    max-width: 100%;
    display: initial
}

.honoralert.cur {
    opacity: 1;
    top: 50%
}

.honoritems.certifi .honoritem {
    width: 29%;
    margin-right: 6.5%;
    padding: 50px 25px
}

.honoritems.certifi .honoritem:nth-of-type(2n) {
    margin-right: 5%
}

.honoritems.certifi .honoritem:nth-of-type(3n) {
    margin-right: 0
}

.honoritems.certifi .honoritem .title {
    opacity: 1;
    margin-top: 26px
}

.honoritems.certifi .honoritem .img {
    text-align: center;
    min-height: 270px;
    line-height: 270px
}

.honoritems.certifi .honoritem .img img {
    display: initial;
    vertical-align: middle
}

.honoritems.certifi .honoritem .img .see img {
    display: block
}

.salesteam1 {
    padding: 92px 0 0 0
}

.salesteam1 .top .toplr {
    width: 50%
}

.salesteam1 .top .toplr .text {
    color: #666;
    font-size: 16px;
    line-height: 2.333
}

.salesteam1 .top .toplr .icon {
    margin-top: 20px
}

.salesteam1 .solu3 .solu3list .textboxlr .list .text {
    margin-top: 0
}

.salesteam2.techn2 .text {
    font-size: 20px;
}

.salesteam2.techn2 .numUp {
    font-size: 60px
}

.salesteam2.techn2 .add {
    margin-top: 0
}

.salesteam3 .solu3 .solu3list .textboxlr .list .text {
    margin-top: 0
}

.salesteam4 {
    padding: 85px 0 120px;
    background-color: #f7f7f7
}

.salesteam4 .one .textbox {
    width: 100%;
    padding-right: 762px;
    background-image: url(../images/samap.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.salesteam4 .one .textbox .title {
    font-size: 24px;
    font-weight: bold
}

.salesteam4 .one .textbox .icon {
    margin: 36px 0 32px
}

.salesteam4 .one .textbox .text {
    color: #666;
    line-height: 2.143
}

.salesteam4 .one .img {
    display: none
}

.salesteam4 .table {
    margin-top: 90px
}

.salesteam4 .table .list {
    background-color: #fff
}

.salesteam4 .table .title {
    height: 80px;
    background-color: #002b80;
    color: #fff;
    font-size: 18px;
    line-height: 80px;
    padding-left: 36px;
}

.salesteam4 .table .title:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: #002b80;
    margin-right: 30px;
}

.salesteam4 .table .item {
    width: 12.5%;
    border-bottom: 1px solid #f0f0f0;
    height: 92px;
    line-height: 92px;
    text-align: center;
    color: #666
}

.salesteam4 .table .item:nth-last-of-type(1),
.salesteam4 .table .item:nth-last-of-type(2),
.salesteam4 .table .item:nth-last-of-type(3),
.salesteam4 .table .item:nth-last-of-type(4),
.salesteam4 .table .item:nth-last-of-type(5),
.salesteam4 .table .item:nth-last-of-type(6),
.salesteam4 .table .item:nth-last-of-type(7),
.salesteam4 .table .item:nth-last-of-type(8) {
    border-bottom: none
}

.culture1 {
    padding: 86px 0 78px
}

.cultureitem .wapimg {
    display: none
}

.cultureitem .pcimg,
.cultureitem .img,
.cultureitem .textbox {
    width: 50%
}

.cultureitem .textbox {
    background-image: url(../images/culbg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center
}

.cultureitem .textbox .cntitle {
    color: #002b80;
    font-size: 24px;
    margin-top: 44px
}

.cultureitem .textbox .entitle {
    color: #666;
    margin-top: 6px
}

.cultureitem .textbox .text {
    color: #666;
    font-size: 18px;
    margin-top: 44px
}

.cultureitem:nth-of-type(1) .textbox,
.cultureitem:nth-of-type(2n+1) .textbox {
    padding-right: 10.7291vw;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end
}

.cultureitem:nth-of-type(2n) .textbox {
    padding-left: 9.9291vw
}

.cultureitem:nth-of-type(1) .textbox .cntitle,
.cultureitem:nth-of-type(1) .textbox .entitle,
.cultureitem:nth-of-type(2n+1) .textbox .cntitle,
.cultureitem:nth-of-type(2n+1) .textbox .entitle {
    text-align: right
}

.cultureitem:nth-of-type(1) .icon,
.cultureitem:nth-of-type(2n+1) .icon {
    text-align: right
}

.cultureitem:nth-of-type(1) .icon img,
.cultureitem:nth-of-type(2n+1) .icon img {
    display: initial
}

.cultureitem:hover .img img,
.cultureitem:hover .pcimg img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

@media (max-width:1440px) {
    .quali1 .quali1lf .text {
        font-size: 34px;
        margin-top: 25px
    }
    .cultureitem .textbox .cntitle,
    .cultureitem .textbox .text {
        margin-top: 20px
    }
}

@media (max-width:993px) {
    .quali1 {
        padding: 35px 0 45px
    }
    .quali1 .quali1lf {
        width: 100%
    }
    .quali1 .quali1lr {
        width: 100%;
        margin-top: 20px
    }
    .quali1 .quali1lf .text {
        font-size: 26px;
        margin-top: 10px
    }
    .quali2 .item .title {
        font-size: 16px
    }
    .quali2 .item {
        width: 100%
    }
    .quali3 .quali3titlebox .title,
    .salesteam4 .one .textbox .title {
        font-size: 20px
    }
    .quali3 .quali3titlebox,
    .quali3item,
    .quali3item:nth-of-type(2n),
    .culture1 {
        padding: 30px 0
    }
    .quali3 .quali3titlebox .icon {
        margin-top: 10px
    }
    .quali3 .quali3titlebox .icon img {
        width: 40px
    }
    .quali3item .box .item .content {
        padding: 16px 10px;
        min-height: 60px
    }
    .quali3item .box .item {
        margin-right: 40px;
        margin-bottom: 15px
    }
    .quali3item .box .item .content:after {
        width: 18px;
        height: 21px;
        right: -32px
    }
    .quali3item .box .item .content .b {
        font-size: 13px
    }
    .quali3item .box .item .content .t {
        font-size: 15px
    }
    .quali3item .box {
        margin-top: 15px
    }
    .quali3item .titlebox .textbox .cntitle {
        font-size: 17px
    }
    .quali3item .titlebox .textbox .entitle {
        font-size: 15px
    }
    .quali3item .titlebox .num {
        width: 38px;
        height: 38px;
        line-height: 38px;
        font-size: 18px
    }
    .quali3item .box .item .otext {
        margin-top: 8px
    }
    .honor,
    .salesteam4 {
        padding: 35px 0 45px
    }
    .honoritem .title {
        opacity: 1
    }
    .honoritem,
    .honoritems.certifi .honoritem {
        width: 100%;
        margin-right: 0;
        padding: 20px 20px 10px;
        margin-bottom: 20px
    }
    .honoritem .img .see {
        width: 56px;
        height: 56px;
        margin-top: -28px;
        margin-left: -28px;
        opacity: 0.4
    }
    .honoralert {
        width: 92%;
        margin-left: -46%;
        padding: 15px
    }
    .honoralert .close {
        margin-bottom: 15px
    }
    .honoritems.certifi .honoritem .img {
        min-height: initial;
        line-height: initial
    }
    .salesteam1 {
        padding: 35px 0 0 0
    }
    .salesteam1 .top .toplr {
        width: 100%;
        margin-top: 15px
    }
    .salesteam1 .top .toplr .text {
        font-size: 16px;
        line-height: 1.8
    }
    .salesteam1 .top .toplr .icon {
        margin-top: 10px
    }
    .solu3 .solu3list .textboxlr .list .text,
    .salesteam4 .one .textbox .text {
        line-height: 1.8
    }
    .salesteam2.techn2 .numUp {
        font-size: 32px
    }
    .salesteam2.techn2 .text {
        font-size: 16px
    }
    .salesteam2.techn2 .list {
        margin: 0 8px
    }
    .salesteam4 .one .textbox {
        padding-right: 0;
        background-image: none
    }
    .salesteam4 .one .textbox .icon {
        margin: 8px 0
    }
    .salesteam4 .one .textbox .icon img {
        width: 40px
    }
    .salesteam4 .table {
        margin-top: 25px
    }
    .salesteam4 .table .title {
        height: 58px;
        line-height: 58px;
        font-size: 16px;
        padding-left: 20px;
        background-position: left 15px center
    }
    .salesteam4 .table .title:before {
        margin-right: 15px;
        width: 10px;
        height: 10px;
    }
    .salesteam4 .table .item {
        width: 33.333%;
        height: 64px;
        line-height: 64px
    }
    .salesteam4 .table .item:nth-last-of-type(1),
    .salesteam4 .table .item:nth-last-of-type(2),
    .salesteam4 .table .item:nth-last-of-type(3),
    .salesteam4 .table .item:nth-last-of-type(4),
    .salesteam4 .table .item:nth-last-of-type(5),
    .salesteam4 .table .item:nth-last-of-type(6),
    .salesteam4 .table .item:nth-last-of-type(7),
    .salesteam4 .table .item:nth-last-of-type(8) {
        border-bottom: 1px solid #f0f0f0
    }
    .salesteam4 .one .img,
    .cultureitem .wapimg {
        display: block
    }
    .cultureitem .pcimg {
        display: none
    }
    .cultureitem .textbox,
    .cultureitem .img {
        width: 100%
    }
    .cultureitem .textbox {
        padding: 30px 20px
    }
    .cultureitem:nth-of-type(2n) .textbox {
        padding-left: 20px
    }
    .cultureitem:nth-of-type(1) .textbox,
    .cultureitem:nth-of-type(2n+1) .textbox {
        padding-right: 20px;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start
    }
    .cultureitem:nth-of-type(1) .icon,
    .cultureitem:nth-of-type(2n+1) .icon {
        text-align: left
    }
    .cultureitem:nth-of-type(1) .textbox .cntitle,
    .cultureitem:nth-of-type(1) .textbox .entitle,
    .cultureitem:nth-of-type(2n+1) .textbox .cntitle,
    .cultureitem:nth-of-type(2n+1) .textbox .entitle {
        text-align: left
    }
    .cultureitem .icon img {
        width: 28px
    }
    .cultureitem .textbox .cntitle {
        font-size: 20px;
        margin-top: 8px
    }
    .cultureitem .textbox .text {
        font-size: 16px;
        margin-top: 8px
    }
    .cultureitem .textbox .entitle {
        margin-top: 3px
    }
}


/* 新闻 */

.newsitem {
    margin-bottom: 60px
}

.news {
    padding-bottom: 88px
}

.newsitem .textbox {
    width: calc(100% - 368px);
    background-color: #f2f2f2;
    padding: 58px 68px 0 68px
}

.newsitem .textbox .date {
    color: #666;
    font-family: Arial
}

.newsitem .textbox .title {
    font-weight: bold;
    font-size: 18px;
    margin-top: 18px;
    max-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.newsitem .textbox .text {
    color: #666;
    margin-top: 46px;
    max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.newsitem .textbox .more {
    width: 165px;
    margin-top: 60px;
    height: 40px;
    background-color: #666;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
    padding: 0 42px 0 20px;
    background-image: url(../images/nmore.png);
    background-repeat: no-repeat;
    background-position: right 20px center
}

.newsitem:hover .textbox {
    background-color: #fff
}

.newsitem:hover {
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.16);
}

.newsitem:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.newsitem:hover .title {
    color: #002b80
}

.newsitem:hover .more {
    background-color: #002b80
}

.newsdetailbox {
    padding: 100px 0 92px
}

.newsdlr {
    width: 340px;
    padding: 46px 32px 112px;
    background-color: #f8f8f8
}

.newsdlr .name {
    color: #666;
    font-size: 18px;
    font-weight: bold
}

.newsdlr .relateditem {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #d3d3d3;
    color: #666;
    line-height: 2
}

.newsdlr .relateditem:hover {
    color: #002b80
}

.newsdlf {
    width: calc(100% - 450px);
    margin-right: 110px
}

.newsdlf .title {
    font-size: 24px
}

.newsdlf .other {
    color: #bbb;
    margin-top: 12px
}

.newsdlf .content {
    padding: 48px 0 80px
}

.newsdlf .sharebox {
    padding-bottom: 28px;
    margin-bottom: 26px;
    border-bottom: 1px solid #f0f0f0
}

.newsdlf .sharebox .text {
    color: #666;
    line-height: 18px
}

.newsdlf .sharebox .shareitem {
    margin-left: 14px;
    cursor: pointer
}

.newsdlf .npagerlist {
    margin-bottom: 10px
}

.newsdlf .npagerlist .name {
    color: #444;
    font-weight: bold
}

.newsdlf .npagerlist .text {
    color: #666
}

.newsdlf .npagerlist:hover .text {
    color: #002b80
}

.newsdlf .return {
    width: 100px;
    height: 38px;
    border-radius: 4px;
    background-color: #002b80;
    color: #fff;
    line-height: 38px;
    font-weight: bold;
    padding: 0 48px 0 23px;
    background-image: url(../images/nreturn.png);
    background-repeat: no-repeat;
    background-position: right 22px center;
    transition: background 0.3s;
}

.newsdlf .return:hover {
    background-color: #fb5400
}

@media (max-width:993px) {
    .newsdetailbox {
        padding: 40px 0
    }
    .newsdlf {
        width: 100%;
        margin-right: 0
    }
    .newsdlf .title {
        font-size: 20px
    }
    .newsdlf .other {
        margin-top: 6px
    }
    .newsdlf .content {
        padding: 25px 0 35px
    }
    .newsdlf .sharebox {
        padding-bottom: 15px;
        margin-bottom: 15px
    }
    .newsdlf .return {
        float: left
    }
    .newsdlr {
        padding: 30px 15px;
        margin-top: 30px;
        width: 100%
    }
    .newsdlr .relateditem {
        padding: 10px 0
    }
    .news {
        padding-bottom: 40px
    }
}

@media (max-width:768px) {
    .newsitem {
        margin-bottom: 20px
    }
    .newsitem .img img,
    .newsitem .img {
        width: 100%
    }
    .newsitem .textbox {
        width: 100%;
        padding: 30px 20px 0
    }
    .newsitem .textbox .title {
        margin-top: 5px;
        font-size: 16px
    }
    .newsitem .textbox .text {
        margin-top: 8px
    }
    .newsitem .textbox .more {
        width: 116px;
        padding: 0 32px 0 10px;
        background-position: right 10px center;
        margin-top: 20px
    }
    .newsitem:nth-last-of-type(1) {
        margin-bottom: 0
    }
    .news {
        padding-bottom: 40px
    }
}


/* 联系我们 */

.contact1 {
    padding: 94px 0 84px
}

.contactbox {
    margin-top: 72px
}

.contactbox .contactlf {
    padding-right: 12.2395vw;
    border-right: 2px solid #f7f7f7
}

.contactbox .contactlf .name {
    color: #9c9c9c
}

.contactbox .contactlf .tel {
    color: #666;
    font-size: 30px;
    font-family: 'dinpro';
    margin-top: 14px
}

.contactbox .contactlf .conewmbox {
    margin-top: 50px
}

.contactbox .contactlf .conewmlist:nth-of-type(1) {
    margin-right: 29px
}

.contactbox .contactlf .conewmlist .img {
    width: 116px;
    height: 116px;
    border: 1px solid #ebebeb;
    text-align: center;
    line-height: 116px
}

.contactbox .contactlf .conewmlist .img img {
    display: initial;
    vertical-align: middle
}

.contactbox .contactlf .conewmlist .text {
    color: #666;
    text-align: center;
    margin-top: 10px
}

.contactbox .contactlr .conlist {
    margin-bottom: 42px
}

.contactbox .contactlr .conlist:nth-last-of-type(1) {
    margin-bottom: 0
}

.contactbox .contactlr .conlist .textbox {
    margin-left: 17px
}

.contactbox .contactlr .conlist .textbox .name {
    color: #9c9c9c
}

.contactbox .contactlr .conlist .textbox .text {
    font-size: 18px;
    margin-top: 10px
}

.contact2 {
    padding: 86px 0 0 0;
    border-top: 1px solid rgba(0, 43, 128, 0.3)
}

.contact2 .conmaplist {
    width: calc((100% - 3px) / 2)
}

.contact2 .conmaplist .name {
    text-align: center;
    color: #666;
    font-size: 24px;
    text-align: center;
    font-weight: bold
}

.contact2 .conmaplist .mapbox {
    width: 100%;
    margin-top: 26px;
    height: 509px
}

.contact2 .conmaplist .mapbox .map {
    width: 100%;
    height: 100%
}

.recruit {
    padding: 64px 0 100px
}

.recruittop {
    margin-top: 62px
}

.recruittop .page-caption-box {
    width: calc(100% - 672px);
    margin-right: 72px;
    padding: 50px 0 0 0
}

.recruittop .page-caption-box .title {
    font-size: 24px;
    font-weight: bold
}

.recruittop .page-caption-box .cir {
    margin-bottom: 30px
}

.recruittop .page-caption-box .text {
    color: #666;
    line-height: 2.143
}

.recruittop .img:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.recruititem {
    padding: 36px 104px 32px 56px;
    background-color: #f8f8f8;
    margin-bottom: 40px;
    position: relative;
    transition: .4s;
    -webkit-transition: .4s
}

.recruititem .left {
    width: 122px;
}

.recruititem .left .name {
    font-size: 22px;
    transition: .4s;
    -webkit-transition: .4s
}

.recruititem .left .posi {
    font-size: 22px;
    margin-top: 4px
}

.recruititem.cur .left .name {
    transition: .4s;
    -webkit-transition: .4s
}

.recruititem .left .bline {
    width: 19px;
    height: 3px;
    margin-top: 20px;
    background-color: #333;
    transition: .4s;
    -webkit-transition: .4s
}

.recruititem.cur .left .bline {
    background-color: #333;
    transition: .4s;
    -webkit-transition: .4s
}

.recruititem .line {
    width: 1px;
    height: 64px;
    background-color: #e5e5e5;
    margin: 8px 65px 0 83px
}

.recruititem:nth-last-of-type(1) {
    margin-bottom: 0
}

.recruititem .textbox {
    width: Calc(100% - 271px);
    transition: .4s;
    -webkit-transition: .4s;
    overflow: hidden
}

.recruititem.cur .textbox {
    max-height: 86px !important;
    overflow: hidden;
    transition: .4s;
    -webkit-transition: .4s
}

.recruititem .bigbox .smallbox {
    padding-bottom: 0.8rem
}

.recruititem.cur .bigbox {
    padding-bottom: 0
}

.recruititem .textbox .boxlist {
    margin-bottom: 24px
}

.recruititem .textbox .boxlist .name {
    margin-bottom: 14px
}

.recruititem .textbox .boxlist p {
    color: #7c7c7c;
    line-height: 2
}

.recruititem .more {
    width: 104px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.recruititem .more span {
    background-color: #333;
    position: absolute
}

.recruititem .more span:nth-of-type(1) {
    width: 12px;
    height: 4px;
    bottom: 31px;
    right: 44px
}

.recruititem .more span:nth-of-type(2) {
    width: 4px;
    height: 12px;
    bottom: 27px;
    right: 48px
}

.recruititem .more span:nth-of-type(2) {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    ;
    opacity: 0;
    transition: .4s;
    -webkit-transition: .4s
}

.recruititem.cur .more span:nth-of-type(2) {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    opacity: 1
}

.recruititem .prop {
    width: 85%;
    line-height: 32px;
    padding: 14px 30px;
    display: block;
    margin-top: 44px;
    background-color: #002b80
}

.recruititem .prop .text,
.recruititem .prop .list,
.recruititem .prop .email,
.recruititem .prop .email a {
    color: #fff
}

.recruititem .prop .list:nth-of-type(1) {
    margin-right: 60px
}

.recruititems {
    margin-top: 70px
}

@media (max-width:1440px) {
    .contact1 {
        padding: 74px 0 64px
    }
    .contact2 .conmaplist .mapbox {
        height: 440px
    }
    .contactbox {
        margin-top: 50px
    }
    .recruittop .img {
        width: 480px
    }
    .recruittop .page-caption-box {
        width: calc(100% - 530px);
        margin-right: 50px;
        padding-top: 35px
    }
    .recruittop .page-caption-box .cir {
        margin-bottom: 20px
    }
}

@media (max-width:993px) {
    .contact1 {
        padding: 35px 0
    }
    .recruit {
        padding: 40px 0 50px
    }
    .contact2 .conmaplist .mapbox {
        height: 350px
    }
    .contactbox {
        margin-top: 35px
    }
    .contactbox .contactlf {
        padding-right: 0;
        border-right: none
    }
    .contactbox .contactlf .tel {
        font-size: 24px;
        margin-top: 0px
    }
    .contactbox .contactlf .conewmbox {
        margin-top: 15px
    }
    .contactbox .contactlr {
        margin-top: 35px
    }
    .contactbox .contactlr .conlist .icon {
        width: 36px
    }
    .contactbox .contactlr .conlist .textbox {
        width: calc(100% - 50px);
        margin-left: 10px
    }
    .contactbox .contactlr .conlist .textbox .name {
        line-height: 1
    }
    .contactbox .contactlr .conlist .textbox .text {
        font-size: 16px;
        margin-top: 3px
    }
    .contactbox .contactlr .conlist {
        margin-bottom: 20px
    }
    .contactbox .contactlf .conewmlist .text {
        margin-top: 6px
    }
    .contact2 {
        padding: 35px 0 0 0
    }
    .contact2 .conmaplist {
        width: 100%;
        margin-bottom: 25px
    }
    .contact2 .conmaplist:nth-last-of-type(1) {
        margin-bottom: 0
    }
    .contact2 .conmaplist .name {
        font-size: 20px
    }
    .recruititem {
        margin-bottom: 22px;
        padding: 40px 104px 40px 60px
    }
    .recruititem .more {
        width: 90px
    }
    .recruititem.cur .left .name,
    .recruititem .left .posi {
        font-size: 18px
    }
    .recruititem .line {
        margin: 4px 45px 0 20px
    }
    .recruititem .textbox {
        width: calc(100% - 197px)
    }
    .recruitsearch {
        padding: 20.5px 35px
    }
    .recruititem .left .name {
        font-size: 18px
    }
    .recruittop {
        margin-top: 30px
    }
    .recruittop .page-caption-box {
        width: 100%;
        margin-right: 0;
        padding-top: 0
    }
    .recruittop .page-caption-box .title {
        font-size: 20px
    }
    .recruittop .page-caption-box .cir {
        margin-bottom: 8px
    }
    .recruittop .img {
        width: 100%;
        margin-top: 20px
    }
    .recruittop .page-caption-box .text {
        line-height: 1.8
    }
    .recruititems {
        margin-top: 30px
    }
    .recruititem .left .bline {
        margin-top: 10px
    }
}

@media (max-width:768px) {
    .recruititem {
        margin-bottom: 15px;
        padding: 15px 40px 15px 15px
    }
    .recruititem .line {
        margin: 4px 15px 0 10px;
        display: none
    }
    .recruititem .left {
        width: 100%
    }
    .recruititem .more {
        width: 40px
    }
    .recruititem .more span:nth-of-type(1) {
        right: 15px
    }
    .recruititem .more span:nth-of-type(2) {
        right: 19px
    }
    .recruititem .textbox {
        width: 100%;
        margin-top: 15px;
        padding-bottom: 30px
    }
    .recruititem.cur .textbox {
        padding-bottom: 0;
        max-height: 0px !important
    }
    .recruititem.cur .bigbox {
        max-height: initial !important
    }
    .recruititem .prop {
        width: 100%;
        margin-top: 15px;
        box-sizing: border-box;
        padding: 10px 15px;
        line-height: 22px
    }
}

.indexb,
.indexc {
    position: relative
}

.indexb .textbox {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -600px;
    margin-top: -116px
}

.indexb .textbox .box {
    text-align: center
}

.indexb .textbox .box .numUp {
    font-size: 100px;
    color: #fff;
    font-family: 'dinpro';
    line-height: 1
}

.indexb .textbox .box .add {
    font-size: 52px;
    color: #fff;
    font-family: 'dinpro'
}

.indexb .textbox .box .numbox {
    display: inline-block
}

.indexb .textbox .box .title {
    font-size: 36px;
    color: #fff;
    text-align: center
}

.indexb .textbox .box .more {
    display: block
}

.indexb .wapimg,
.indexc .wapimg {
    display: none
}

.indexc .textbox {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -600px;
    margin-top: -191px
}

.indexc .bignum {
    color: #ff4700;
    text-align: center;
    font-family: 'dinpro';
    font-size: 100px;
    line-height: 1
}

.indexc .title {
    color: #ff4700;
    font-size: 24px;
    text-align: center;
    margin-top: 6px
}

.indexc .numbox {
    margin-top: 68px;
    text-align: center
}

.indexc .numlist {
    display: inline-block;
    margin-right: 178px
}

.indexc .numlist:nth-last-of-type(1) {
    margin-right: 0
}

.indexc .smallnum {
    color: #fff;
    font-size: 42px;
    font-family: 'dinpro';
    line-height: 1
}

.indexc .name {
    color: #fff
}

.indexc .add {
    color: #fff;
    font-size: 18px
}

.indexc .more {
    display: block;
    margin: 76px auto 0
}

.indexdlist .wapimg {
    display: none
}

.indexdlist .img,
.indexdlist .pcimg {
    width: 50%
}

.indexdlist .textbox {
    width: 50%;
    background-image: url(../images/idbg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 6.5625vw;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center
}

.indexdlist .textbox .title {
    color: #002b80;
    font-size: 30px
}

.indexdlist .textbox .entitle {
    color: #666;
    margin-top: 3px;
    font-family: Arial
}

.indexdlist .textbox .text {
    margin-top: 48px;
    color: #666
}

.indexdlist .textbox .text span {
    color: #002b80;
    font-size: 46px;
    line-height: 1;
    font-family: 'dinpro'
}

.indexdlist .textbox .text2 {
    margin-top: 10px;
    color: #666
}

.indexdlist:nth-of-type(2) .textbox .text2 {
    margin-top: 48px
}

.indexdlist .textbox .more {
    width: 150px;
    height: 40px;
    text-align: left;
    display: inline-block;
    color: #666;
    border: 1px solid rgba(0, 0, 0, 0.5);
    line-height: 40px;
    font-weight: bold;
    font-family: Arial;
    padding: 0 42px 0 20px;
    margin-top: 56px;
    background-image: url(../images/idmore.png);
    background-repeat: no-repeat;
    background-position: right 18px center
}

.indexdlist:nth-of-type(2) .textbox {
    padding-left: 0;
    padding-right: 6.5625vw;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end
}

.indexdlist:nth-of-type(2) .textbox .title,
.indexdlist:nth-of-type(2) .textbox .entitle,
.indexdlist:nth-of-type(2) .textbox .text2 {
    text-align: right
}

.indexdlist .textbox .title2 {
    color: #002b80;
    font-size: 24px;
    margin-top: 25px;
    text-align: right
}

.indexdlist:nth-of-type(2) .box {
    text-align: right
}

.indexdlist .textbox .numbox {
    margin-top: 46px
}

.indexdlist .textbox .numlist {
    margin-right: 54px
}

.indexdlist .textbox .numlist .numUp {
    color: #002b80;
    font-size: 46px;
    font-family: 'dinpro';
    line-height: 1
}

.indexdlist .textbox .numlist .add {
    color: #002b80;
    font-size: 18px
}

.indexdlist .textbox .numlist .name {
    color: #666;
    margin-top: 3px
}

.indexdlist:hover .img img,
.indexdlist:hover .pcimg img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.indexdlist .textbox .more:hover {
    background-color: #002b80;
    color: #fff;
    border: 1px solid #002b80;
    background-image: url(../images/iaicon2.png)
}

.indexe {
    padding: 84px 0 88px
}

.indexe .cntitle {
    color: #333;
    font-size: 30px;
    text-align: center
}

.indexe .entitle {
    font-family: Arial;
    text-align: center;
    margin-top: 6px
}

.indexebox {
    height: 381px;
    margin-top: 60px
}

.indexebox .swiper-container {
    height: 100%;
    padding-right: 76px
}

.indexe .swiper-slide {
    height: auto
}

.indexe .swiper-slide .list {
    width: 16.6666%;
    height: 127px;
    border: 1px solid #e6e6e6;
    text-align: center;
    line-height: 127px
}

.indexe .swiper-slide .list img {
    display: initial;
    vertical-align: middle;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.5s ease 0s;
    -webkit-transition: 0.5s ease 0s;
    -moz-transition: 0.5s ease 0s
}

.indexe .swiper-slide .list:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0)
}

.indexebox .swiper-container-vertical>.swiper-scrollbar {
    right: 0;
    top: 0;
    height: 100%;
    width: 8px;
    background-color: #eee
}

.indexebox .swiper-scrollbar-drag {
    background-color: #002b80
}

.indexeboxwap {
    display: none
}

.indexeboxwap .swiper-slide {
    height: 100px;
    line-height: 100px;
    text-align: center;
    border: 1px solid #e6e6e6
}

.indexeboxwap .swiper-slide img {
    display: initial;
    max-width: 80%;
    vertical-align: middle
}

.indexeboxwap .swiper-container {
    padding-bottom: 25px
}

.indexeboxwap .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0
}

.index-box-2 .list .hidetextbox .title,
.index-box-2 .list .hidetextbox .text {
    transform: translateX(-220px);
    -webkit-transform: translateX(-220px);
    -moz-transform: translateX(-220px);
    opacity: 0;
    transition: 0.6s ease-in-out 0.1s;
    -webkit-transition: 0.6s ease-in-out 0.1s;
    -moz-transition: 0.6s ease-in-out 0.1s
}

.index-box-2 .list .hidetextbox .icon {
    transform: translateX(220px);
    -webkit-transform: translateX(120px);
    -moz-transform: translateX(220px);
    opacity: 0;
    transition: 0.6s ease-in-out 0.1s;
    -webkit-transition: 0.6s ease-in-out 0.1s;
    -moz-transition: 0.6s ease-in-out 0.1s
}

.index-box-2 .list .hidetextbox .more {
    transform: translateY(80px);
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    opacity: 0;
    transition: 0.6s ease-in-out 0.1s;
    -webkit-transition: 0.6s ease-in-out 0.1s;
    -moz-transition: 0.6s ease-in-out 0.1s
}

.index-box-2 .list:hover .hidetextbox .title,
.index-box-2 .list:hover .hidetextbox .text,
.index-box-2 .list:hover .hidetextbox .icon {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    opacity: 1
}

.index-box-2 .list:hover .hidetextbox .more {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    opacity: 1
}

@media (max-width:1600px) {
    .indexf .imgbox {
        width: 250px
    }
    .indexf .initems {
        margin-left: 40px;
        width: calc(100% - 290px)
    }
    .indexf .initem {
        margin-bottom: 15px
    }
    .indexf .initem .img {
        width: 190px
    }
    .indexf .initem .textbox {
        width: calc(100% - 190px);
        padding: 20px 10px 0 15px
    }
    .indexf .initem .textbox .title {
        line-height: 1.6;
        margin-top: 8px;
        max-height: 56px
    }
}

@media (max-width:1440px) {
    .indexb .textbox .box .numUp,
    .indexc .bignum {
        font-size: 66px
    }
    .indexb .textbox .box .add,
    .indexc .smallnum {
        font-size: 34px
    }
    .indexb .textbox .box .title {
        font-size: 24px
    }
    .indexb .textbox .box .more {
        margin: 34px auto 0
    }
    .indexc .more {
        margin: 50px auto 0
    }
    .indexb .textbox {
        margin-top: -87px
    }
    .indexc .title {
        font-size: 20px
    }
    .indexc .numbox {
        margin-top: 40px
    }
    .indexc .numlist {
        margin-right: 128px
    }
    .indexc .textbox {
        margin-top: -140px
    }
    .indexdlist .textbox .text,
    .indexdlist:nth-of-type(2) .textbox .text2,
    .indexdlist .textbox .numbox {
        margin-top: 28px
    }
    .indexdlist .textbox .more {
        margin-top: 30px
    }
    .indexdlist .textbox .title {
        font-size: 26px
    }
    .indexdlist .textbox .text span,
    .indexdlist .textbox .numlist .numUp {
        font-size: 36px
    }
    .indexdlist .textbox .title2 {
        margin-top: 10px
    }
    .indexdlist .textbox .numlist {
        margin-right: 30px
    }
    .index-box-2 .list .hidetextbox .more {
        margin: 26px auto 0
    }
    .index-box-2 .list .hidetextbox .text {
        margin-top: 3px
    }
    .index-box-2 .list .hidetextbox .icon img {
        width: 38px
    }
    .index-box-2 .list .hidetextbox .title {
        margin-top: 10px
    }
}

@media (max-width:1366px) {
    .indexb .textbox,
    .indexc .textbox {
        margin-left: -44vw
    }
}

@media (max-width:993px) {
    .indexc .add {
        font-size: 16px
    }
    .indexb .textbox,
    .indexc .textbox {
        width: 100%;
        left: 0;
        margin-left: 0
    }
    .indexb .wapimg,
    .indexc .wapimg,
    .indexdlist .wapimg {
        display: block
    }
    .indexb .img,
    .indexc .img,
    .indexdlist .pcimg {
        display: none
    }
    .indexb .textbox {
        margin-top: -53px
    }
    .indexb .textbox .box .numUp {
        font-size: 34px
    }
    .indexc .bignum {
        font-size: 48px
    }
    .indexb .textbox .box .add {
        font-size: 20px;
        line-height: 1
    }
    .indexb .textbox .box .title,
    .indexc .title {
        font-size: 16px;
        margin-top: 0
    }
    .indexb .textbox .box .more,
    .indexc .more,
    .indexdlist .textbox .more {
        width: 104px;
        height: 32px;
        text-align: left;
        line-height: 32px;
        background-size: 14px auto;
        margin: 20px auto 0;
        padding: 0 32px 0 10px;
        background-position: right 10px center
    }
    .indexc .numbox {
        margin-top: 20px;
        text-align: left
    }
    .indexc .numlist {
        width: 20%;
        margin-right: 0
    }
    .indexc .numlist:nth-of-type(1) {
        width: 40%
    }
    .indexc .numlist:nth-of-type(2) {
        width: 36%
    }
    .indexc .smallnum {
        font-size: 24px
    }
    .indexc .name {
        font-size: 12px
    }
    .indexc .textbox {
        margin-top: -91px
    }
    .indexdlist .img,
    .indexdlist .textbox {
        width: 100%
    }
    .indexdlist .textbox {
        padding: 30px 15px
    }
    .indexdlist .textbox .title {
        font-size: 22px
    }
    .indexdlist .textbox .text,
    .indexdlist:nth-of-type(2) .textbox .text2,
    .indexdlist .textbox .numbox {
        margin-top: 15px
    }
    .indexdlist .textbox .text span,
    .indexdlist .textbox .numlist .numUp {
        font-size: 28px
    }
    .indexdlist:nth-of-type(2) .textbox {
        padding: 30px 15px;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start
    }
    .indexdlist:nth-of-type(2) .textbox .title,
    .indexdlist:nth-of-type(2) .textbox .entitle,
    .indexdlist:nth-of-type(2) .textbox .text2,
    .indexdlist .textbox .title2,
    .indexdlist:nth-of-type(2) .box {
        text-align: left
    }
    .indexdlist .textbox .title2 {
        font-size: 18px
    }
    .indexeboxwap {
        display: block;
        margin-top: 30px
    }
    .indexebox {
        display: none
    }
    .indexe,
    .indexf {
        padding: 35px 0
    }
    .indexe .cntitle {
        font-size: 22px
    }
    .indexeboxwap .swiper-pagination-bullet-active {
        background-color: #002b80
    }
    .indexf .imgbox {
        width: 100%
    }
    .indexf .imgbox .bigimg {
        display: none
    }
    .indexf .imgbox .textbox {
        position: static
    }
    .indexf .imgbox .box {
        float: left
    }
    .indexf .imgbox .more {
        float: right
    }
    .indexf .initems {
        width: 100%;
        margin-left: 0;
        margin-top: 20px
    }
    .indexf .initem {
        width: 100%;
        margin-right: 0
    }
    .indexf .initem:nth-last-of-type(2) {
        margin-bottom: 15px
    }
    .indexf .initem .img {
        width: 160px
    }
    .indexf .initem .img img {
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        filter: grayscale(0)
    }
    .indexf .initem .textbox {
        width: calc(100% - 160px);
        padding: 10px
    }
    .indexf .initem .textbox .title {
        font-size: 16px;
        max-height: 50px
    }
    .indexf .imgbox .textbox .cntitle {
        font-size: 22px;
        color: #333
    }
    .indexf .imgbox .textbox .entitile {
        color: #333;
        margin-top: 3px
    }
    .indexf .imgbox .textbox .more {
        width: 110px;
        height: 34px;
        line-height: 34px;
        background-size: 16px auto;
        padding: 0 32px 0 10px;
        margin: 5px 0 0 0;
        border: 1px solid rgba(0, 0, 0, 0.5);
        color: #333;
        background-image: url(../images/idmore.png);
    }
}

@media (max-width:768px) {
    .indexeboxwap .swiper-slide {
        height: 66px;
        line-height: 66px
    }
}