/*电脑头部*/
/*头部总宽度*/
.mbox {
    display: none;
}

.container-menu {
    width: 95%;
    margin: 0 auto;
}

.header-pc {
    position: fixed;
    z-index: 10;
    background-image: url("../images/h.png");
    background-repeat: no-repeat;
    background-position: top 60px left 54%;
    background-size: 78%;
    top: 0;
    left: 0;
}

.header-pc-hide {
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    opacity: 0;
    visibility: hidden
}

.header-pc-hide .l {
    transform: translateX(-50px);
    opacity: 0
}

.header-pc-hide .r {
    transform: translateX(50px);
    opacity: 0
}

.header-pc-hide .m {
    transform: translateY(50px);
    opacity: 0
}

.header-pc .l {
    float: left;
    width: 10%;
    min-width: 170px;
    background: none
}

.header-pc .l img {
    margin-top: 23px;
    cursor: pointer
}

/*右*/
.header-pc .r {
    width: 8%;
    min-width: 120px;
    float: right;
    text-align: right;
    margin-top: 45px;
    background: none
}

.header-pc .r span {
    display: inline-block;
    width: 37px;
    height: 37px;
    border-radius: 37px;
    margin-left: 13px;
    cursor: pointer;
}

/* .header-pc .r span:nth-child(1){background:#00af4b url("../images/s.png") center no-repeat;} */
.header-pc .r span:nth-child(1) {
    background: #fff url("../images/add.png") center no-repeat;
}

.header-pc .r span:nth-child(2) {
    background: url("../images/menu.png") center no-repeat;
}

/*中*/
/*.header-pc .m{width: 80%;float: left;background: url("../images/h.png") center no-repeat;height: 5px;margin-top: 40px}*/
/*menu*/
header {
    width: 95%;
    height: 80px;
    background: #fff;
    left: 2.5%;
    position: fixed;
    z-index: 5;
    top: -80px;
    opacity: 0;
    border-radius: 5px;
}

.menu-show-pc {
    transform: translateY(110px);
    -webkit-transform: translateY(110px);
    opacity: 1
}

/**/
.menu-show-pc-main {
    width: 100%;
    left: 0;
    transform: translateY(80px);
    -webkit-transform: translateY(80px);
    border-radius: 0;
    opacity: 0;
    visibility: visible;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
    border-bottom: 2px solid #00af4b
}

.menu-box {
    width: 96%;
    margin: 0 auto;
    height: 100%;
    position: relative
}

/*上滑控制menu的隐藏显示*/
.show-meni-contro {
    position: fixed;
    left: 0%;
    top: 0;
    width: 80px;
    height: 80px;
    background: #1e64bc;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    z-index: 13;
    border-bottom-right-radius: 80px;
    opacity: 0;
    visibility: visible;
    cursor: pointer
}

/*.show-meni-contro .son{font-size: 15px;color: #fff;margin-left: 15px;margin-top: 13px;opacity: 0.8}*/
.show-meni-contro-hide {
    opacity: 0 !important;
}

.show-meni-contro .son {
    width: 36px;
    height: 36px;
    margin-left: 11px;
    margin-top: 13px;
}

.show-meni-contro .son img {
    width: 36px;
    animation: run2 2.5s linear infinite;
    cursor: pointer;
}

@keyframes run2 {
    0% {
        transform: scale(0.9);
        opacity: 0.95;
    }

    50% {
        transform: scale(1);
        opacity: 0.7;
    }

    100% {
        transform: scale(0.9);
        opacity: 0.95;
    }

}

/*上滑后消失。hover后显示*/
/*.menu-show-pc-main:hover{opacity: 1}*/
/*logo*/
.menu-logo {
    width: 10%;
    height: 64px;
    float: left;
    margin-top: 7px;
    background: url("../images/logo1.png") left center no-repeat;
    background-size: contain
}

/*menu*/
.menu-con {
    width: 80%;
    height: 80px;
    float: right;
    background: rgba(0, 0, 0, 0.0);
}

.menu-con li {
    width: 16.6%;
    float: left;
    height: 100%;
    box-sizing: border-box;
}

.menu-con li:hover .a {
    color: #00af4b !important;
}

.menu-con li .a[data=xzl] {
    color: #00af4b !important;
    font-weight: bold
}

/*.menu-con li:nth-child(8) .a{text-align: right;}*/
.menu-con li .son {
    width: 100%;
    height: 100%;
    position: relative
}

.menu-con li .son .a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 80px;
    text-align: center;
    color: #333;
    font-size: 16px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    box-sizing: border-box;
    font-size: 18px;
}

.menu-con li .son .a[data=xzl] {
    color: #00af4b;
    font-weight: bold
}

/*控制下拉的一级宽度*/
.menu-con li .son .xiala {
    position: absolute;
    left: 0px;
    width: 100%;
    z-index: 10;
    box-sizing: border-box;
    top: 80px;
    opacity: 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    transition-timing-function: ease;
    visibility: hidden;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    box-shadow: 0px 0px 10px #333;
    ;
}

.menu-con li .son .xiala1 {
    opacity: 1;
    transform: translateY(-0px);
    visibility: visible;
}

.menu-con li .son .xiala .s {
    width: 100%;
    height: 10px;
}

.menu-con li .son .xiala .line {
    width: 100%;
    height: 0;
    display: none;
    margin: 0 auto;
    background: #1b62d6
}

.menu-con li .son .xiala dl {
    width: 100%;
    background: #fff;
}

.menu-con li .son .xiala dt {
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.menu-con li .son .xiala dt .a2 {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #666;
    ;
    text-align: center;
    /*background: url("../images/m-jt1.png") right 15px center no-repeat;*/
    padding: 13px 0;
    text-align: left;
    text-indent: 15px
}

/*.menu-con li .son .xiala dt:nth-child(1) .a2{box-sizing: border-box;border-top: 1px solid #ddd;}*/
.menu-con li .son .xiala dt .a2:hover {
    color: #00af4b !important;
}

.menu-con li .son .xiala dt a[data=xzl] {
    color: #00af4b !important;
}

/*右边*/
.menu-r {
    width: 10%;
    height: 100%;
    float: right;
    text-align: right;
    background: url("../images/rr.png") center no-repeat;
}

.menu-r a {
    display: inline-block;
    width: 50%;
    height: 100%;
}


/*********修改头部******************/
.allmenu {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 12;
    background: pink;
    left: 0;
    top: 0;
    overflow-y: scroll;
    background: rgba(0, 0, 0, 0.4);
    background-size: cover;
    display: none
}

.allmenu-c {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: relative;
}

/*头部*/
.allmenu-c-1 {
    position: absolute;
    left: 0;
    top: 23px;
    z-index: 2;
    width: 100%;
}

.allmenu-c-1-l {
    float: left;
}

.allmenu-c-1-l img {
    display: block;
}

.allmenu-c-1-r {
    float: right;
}

.allmenu-c-1-r span {
    margin-top: 20px;
    display: inline-block;
    border: 1px solid #000;
    font-size: 28px;
    padding: 4px 20px;
    color: #000;
    letter-spacing: 1px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

/*menu*/
.allmenu-c-2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url("../images/wbg4.jpg") center no-repeat;
    background-size: cover
}

.allmenu-c-2 li {
    width: 20%;
    height: 100%;
    box-sizing: border-box;
    background: #fff;
    float: left;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    display: none;
}

.allmenu-c-2 li:nth-child(n+2) {
    border-left: 1px solid #eee
}

/*.allmenu-c-2 li:nth-child(1){background: rgba(0,0,0,0.3);}*/
.allmenu-c-2 li .m-top {
    margin-top: 55%
}

.allmenu-c-2 li .line {
    width: 1px;
    height: 50px;
    background: #fff;
    margin: 0 auto;
    opacity: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.allmenu-c-2 li .num {
    font-size: 82px;
    text-align: center;
    color: #ddd;
    padding-top: 20%;
    padding-bottom: 4%;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.allmenu-c-2 li .small-t {
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding-bottom: 2%;
    opacity: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    text-transform: uppercase;
}

.allmenu-c-2 li .big-t {
    text-align: center;
    color: #333;
    font-size: 24px;
    padding-bottom: 7%;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.allmenu-c-2 li dl {
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.allmenu-c-2 li dl dt a {
    display: block;
    text-align: center;
    padding: 1.5% 0;
    color: #666;
    font-size: 15px;
}

.allmenu-c-2 li dl dt a[data=xzl] {
    color: #00af4b;
    font-weight: bold;
}

.allmenu-c-2 li dl dt a:hover {
    color: #1e64bc;
}

.allmenu-c-2 li:hover {
    background: rgba(0, 0, 0, 0.3);
}

.allmenu-c-2 li:hover .line {
    opacity: 1;
}

.allmenu-c-2 li:hover .num {
    transform: translateY(-35px);
    -webkit-transform: translateY(-35px);
    color: #fff;
}

.allmenu-c-2 li:hover .small-t {
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    opacity: 1
}

.allmenu-c-2 li:hover .big-t {
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    color: #eee;
}

.allmenu-c-2 li:hover dl {
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
}

.allmenu-c-2 li:hover dl a {
    color: #fff
}























/******************************************手机头部**************************/
/*手机头部*/
.header-m-s {
    display: none;
    height: 80px;
    position: fixed;
    top: 0px;
    z-index: 10;
    background: #1e64bc;
}

.header-m-s-b {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.header-m-s .container {
    position: relative;
    height: 100%
}

.logo-m {
    justify-content: space-between;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.logo-m-c {
    height: 70%;
}

.logo-menu-tip {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.logo-menu-tips {
    width: 50px;
    height: 100%;
    float: right;
    background: url("../images/menu.png") center no-repeat;
    background-size: 26px
}

.logo-menu-tips-s {
    width: 50px;
    height: 100%;
    float: right;
    background: url("../images/close.png") center no-repeat !important;
    background-size: 25px !important;
}

/*手机端搜索*/
.logo-btn {
    width: calc(100% - 100px);
    float: left;
    height: 100%;
}

.sea-menu-tips {
    width: 50px;
    height: 100%;
    float: left;
    background: url("../images/m-s.png") center no-repeat;
    background-size: 26px
}

.sea-menu-tips-s {
    width: 50px;
    height: 100%;
    float: left;
    background: url("../images/m-s1.png") center no-repeat;
    background-size: 26px
}

/**/
.header-m-s-b .logo-menu-tips {
    background: url("../images/menu-1.png") center no-repeat;
    background-size: 26px
}

.header-m-s-b .sea-menu-tips {
    background: url("../images/m-s1.png") center no-repeat;
    background-size: 26px
}

/*隐藏侧边栏*/
.hide-menu {
    width: 250px;
    height: 100%;
    position: fixed;
    background: #fff;
    right: -250px;
    opacity: 1;
    top: 80px;
    z-index: 99;
    overflow-y: scroll
}

.hide-menu li {
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    border-bottom: 1px solid #eee
}

/*.hide-menu li:nth-child(3),.hide-menu li:nth-child(4){padding: 20px 0 0 0}*/
.hide-menu li .l {
    width: 80%;
    float: left;
}

.hide-menu li .r {
    width: 20%;
    float: right;
    height: 20px;
    background: url("../images/jia.png") center no-repeat;
    background-size: 12px
}

.hide-menu li .l .a {
    display: block;
    text-indent: 24px;
    color: #333;
    font-size: 16px;
    background: url("../images/huan.png")left 8px center no-repeat;
}

.hide-menu li .l .a#xzl {
    display: block;
    text-indent: 24px;
    color: #00af4b;
    font-size: 16px;
    background: url("../images/huan1.png")left 8px center no-repeat;
}

.hide-menu li dl dt .a2 {
    display: block;
    font-size: 14px;
    color: #666;
    padding: 8px 0 8px 38px;
    background: url("../images/line.png") left 8px center no-repeat;
    background-size: 22px
}

.hide-menu li dl dt.xz .a2 {
    color: #00af4b
}

.hide-menu li dl {
    padding: 10px 0;
    display: none
}

.hide-menu li .r.bi {
    background: url("../images/jia1.png") center no-repeat;
    background-size: 12px
}

.hide-menus {
    transform: translateX(-250px);
    -webkit-transform: translateX(-250px);
    opacity: 1;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}



/**************************************************b*****************anner*************/
/*电脑banner*/
.banner-pc {
    position: relative;
}

.banner-nei {
    position: absolute;
    bottom: 50px;
    left: 0;
    z-index: 4;
}

.banner-pc .swiper-slide div {
    font-size: 0;
}

.swiper-paginationbanner {
    float: right;
    position: relative;
}

.swiper-paginationbanner .swiper-pagination-bullet {
    width: 14px;
    height: 12px;
    border-radius: 100%;
    border: 1px solid #fff;
    background: none;
    margin-left: 8px;
}

.swiper-paginationbanner .swiper-pagination-bullet-active {
    background: url(../images/bad.png) 2px 2px no-repeat;
    background-size: 10px 8px;
}

.mainbox-icon {
    position: absolute;
    bottom: 40px;
    left: 0;
    z-index: 3;
}

#ba-icon {
    text-align: center
}

#ba-icon img {
    animation: run1 2s linear infinite;
    cursor: pointer;
}

@keyframes run1 {
    0% {
        transform: translateY(-3px);
        opacity: 0.8;
    }

    50% {
        transform: translateY(3px);
        opacity: 0.5;
    }

    100% {
        transform: translateY(-3px);
        opacity: 0.8;
    }
}

/**********************关于我们*************/
.iab-pc {
    height: auto;
}

/*左侧*/
.iab-pc-l {
    width: 44%;
    float: left;
    height: 39.5vw;
    position: relative;
    z-index: 3;
    margin-left: 2.5%
}

.iab-pc-l-l {
    width: 25%;
    float: left;
    height: 100%;
    /*background: url("../images/abfont.png") center no-repeat;*/
    background-size: 100%
}

.iab-pc-l-l img {
    display: block;
    width: 100%;
    margin-top: 65%
}

.iab-pc-l-r {
    width: 58%;
    float: left;
    margin-left: 5%
}

.iab-pc-l-r-con {
    padding-left: 40px;
    background: url("../images/i.png") left top 20px no-repeat;
    margin-top: 32%;
    position: relative;
}

.iab-pc-l-r-con .p1 {
    font-size: 40px;
    color: #2b2b2b;
    font-weight: bold
}

.iab-pc-l-r-con .p2 {
    margin-top: 12%;
    font-size: 16px;
    color: #6d6d6d;
    line-height: 2.0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-align: justify;
}

/**/
.iab-pc-l-r-con .more {
    margin-top: 15%;
    display: block;
    width: 40px;
    height: 40px;
    background: #00af4b url("../images/jt2.png") center right 12.5px no-repeat;
    border-radius: 40px;
}

.iab-pc-l-r-con .more span {
    opacity: 0;
    display: block;
    width: 100px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    text-indent: 20px;
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px)
}

.iab-pc-l-r-con .more:hover {
    background: #00af4b url("../images/jt1.png") center right 20px no-repeat;
    width: 150px
}

.iab-pc-l-r-con .more:hover span {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px)
}

.iab-pc-l-r-con-ab {
    width: 150%;
    padding: 8%;
    background: #1e64bc url("../images/20.jpg") bottom left no-repeat;
    margin-top: 20%;
    background-size: contain;
}

.iab-pc-l-r-con-ab-l {
    float: left;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    width: 30%
}

.iab-pc-l-r-con-ab-r {
    float: right;
    color: #fff;
    font-size: 16px;
    width: 65%;
    margin-top: 4%;
    line-height: 2.0;
    opacity: 0.8
}

.iab-pc-l-r-con-ab a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: right;
    color: #fff;
    font-size: 16px;
    margin-top: 15%;
}

.vrbtnbox .vrbtn {
    margin-top: 60px;
}

.vrbtn {
    text-align: center;
    background: url(../images/playg.png) no-repeat center;
    background-size: auto 100%;
}

.vrbtn i {
    margin: 0 auto;
    width: 90px;
    height: 90px;
    display: block;
    background: url(../images/play.png) no-repeat center;
    background-size: cover;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-animation: gogogo 2s infinite linear;
    animation: gogogo 2s infinite linear;
}


@-webkit-keyframes gogogo {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes gogogo {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

/*右侧*/
.iab-pc-r {
    width: 52%;
    float: right;
    height: 54vw;
    background: url("../images/abrbg.jpg") center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2
}

.iab-pc-r::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(180deg, rgb(0 83 131 / 30%), rgb(0 0 0 / 30%));
    background: -o-linear-gradient(180deg, rgb(0 83 131 / 30%), rgb(0 0 0 / 30%));
    background: -moz-linear-gradient(180deg, rgb(0 83 131 / 30%), rgb(0 0 0 / 30%));
    background: linear-gradient(180deg, rgb(0 83 131 / 30%), rgb(0 0 0 / 30%));
    z-index: 0;
    transform: translateX(100%);
    transition: all .3s ease;
}

.iab-pc-r:hover::before {
    transform: translateX(0%);
}

.iab-pc-r .p1 {
    font-size: 16px;
    color: #fff;
    text-align: right;
    margin-right: 5%;
    margin-top: 40px
}

.ifour {
    width: 68%;
    height: 66%;
    background: rgba(0, 0, 0, 0)
}

.ifour li {
    width: 50%;
    height: 50%;
    float: left
}

.ifour li .p-num {
    font-size: 70px;
    height: 72px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-style: oblique;
    margin-top: 80px
}

.ifour li .p-num span {
    font-size: 30px;
    position: relative;
    font-style: normal;
    top: -30px;
}

.ifour li .t {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
}


/*************************************产品中心************************/
.ipro {
    padding: 7.5vw 5vw;
    position: relative;
    background: #f3f0f0;
    box-sizing: border-box;
}

.ipro-c {
    height: 35vw;
    position: relative
}

.iprof2 {
    width: 20%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 1;
}

.iprof2-c {
    margin-right: 10%;
    height: 100%;
}

.iprof2-tit {
    float: right;
    position: relative;
}

.iprof2-c1 {
    background: url(../images/tt1.png) center top no-repeat;
    text-align: center;
    font-size: 40px;
    color: #2b2b2b;
    font-weight: bold;
    writing-mode: vertical-rl;
    padding-top: 40px;
    padding-bottom: 200px;
    margin-left: 20px;
}

.iprof2-c2 {
    float: right;
    font-size: 16px;
    writing-mode: vertical-rl;
    color: #6d6d6d;
    line-height: 2.0;
    letter-spacing: 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.iprof2 .more {
    display: block;
    width: 40px;
    height: 40px;
    background: #00af4b url(../images/jt2_2.png) center right 12.5px no-repeat;
    border-radius: 40px;
    position: absolute;
    right: 5px;
    bottom: 100px;
}

.iprof2 .more span {
    opacity: 0;
    writing-mode: vertical-rl;
    display: block;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-indent: 20px;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
}

.iprof2 .more:hover {
    background: #00af4b url(../images/jt1_2.png) center bottom 20px no-repeat;
    height: 150px;
    bottom: 0;
}

.iprof2 .more:hover span {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px)
}


.index-product-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.index-product-tab:after {
    display: none
}

.index-product-tab:after {
    display: none
}

.index-product-tab .Tt {
    position: relative;
    width: 40%;
    height: 100%;
    background: #fff;
}

.index-product-tab .Tt .box {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 440px;
    margin-top: -220px;
    display: block !important;
    -webkit-transition: all 250ms ease 0ms;
    transition: all 250ms ease 0ms;
    opacity: 0;
    visibility: hidden
}

.index-product-tab .Tt .box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.index-product-tab .Tt .box.on {
    -webkit-transition: all 250ms ease 0ms;
    transition: all 250ms ease 0ms;
    opacity: 1;
    visibility: visible
}

.index-product-tab .Tg {
    position: relative;
    overflow: hidden;
    width: 60%;
    background: url("../images/wbg0.jpg") center no-repeat;
    background-size: cover !important;
}

.index-product-tab .Tg .btn {
    z-index: 1;
    position: relative;
    float: left;
    width: calc(100%/3);
    height: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: rgba(212, 212, 212, 0.5) solid 1px
}

.index-product-tab .Tg .btn:after {
    z-index: -1;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all 250ms ease 0ms;
    transition: all 250ms ease 0ms;
    opacity: 0;
    visibility: hidden;
    background-color: rgb(30 100 188 / 70%)
}

.index-product-tab .Tg .btn:nth-child(3n+1) {
    border-left: none
}

.index-product-tab .Tg .btn:nth-child(1n+4) {
    border-top: rgba(212, 212, 212, 0.5) solid 1px
}

.index-product-tab .Tg .btn span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
    color: #fff
}

.index-product-tab .Tg .btn span:before,
.index-product-tab .Tg .btn span:after {
    content: " ";
    height: 1px;
    position: absolute;
    left: 50%;
    width: 4em;
    margin-left: -2em;
    top: 50%;
    background-color: #fff
}

.index-product-tab .Tg .btn span:before {
    margin-top: -1.25em
}

.index-product-tab .Tg .btn span:after {
    margin-top: 1.25em
}

.index-product-tab .Tg .btn.on:after {
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all 300ms ease 0ms;
    transition: all 300ms ease 0ms;
    opacity: 1;
    visibility: visible
}

@media screen and (max-width: 1024px) {
    .index-product-tab {
        display: block
    }

    .index-product-tab .Tt {
        width: 100%;
        height: 0;
        padding-bottom: 68.83116883%;
        display: none
    }

    .index-product-tab .Tg {
        width: 100%;
        height: auto;
    }

    .index-product-tab .Tg .btn {
        height: 0;
        padding-bottom: 20.64935065%
    }

    .index-product-tab .Tg .btn span {
        font-size: 14px
    }

    .index-product-tab .Tg .btn.on:after {
        display: none
    }
}

@media screen and (max-width: 540px) {
    .index-product-tab .Tg .btn {
        width: 50%;
        height: 0;
        padding-bottom: 36.30136986%
    }

    .index-product-tab .Tg .btn:nth-child(2n+1) {
        border-left: none
    }

    .index-product-tab .Tg .btn:nth-child(2n+2) {
        border-left: rgba(212, 212, 212, 0.5) solid 1px
    }

    .index-product-tab .Tg .btn:nth-child(1n+3) {
        border-top: rgba(212, 212, 212, 0.5) solid 1px
    }
}







/******************************文化************************/
.icul {
    padding: 7vw 5vw;
    box-sizing: border-box;
    background: url(../images/bg_cul.jpg) no-repeat center fixed;
}

.icul-c {
    display: block;
}

.iculf2-tit {
    text-align: center;
    margin-bottom: 80px;
}

.iculf2-c1 {
    font-size: 40px;
    color: #fff;
    padding-top: 40px;
    background: url(../images/tt1.png) top center no-repeat;
    font-weight: bold;
    display: inline-block;
}

.culture-list {
    width: 100%;
    max-width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.culture-list li {
    position: relative;
    z-index: 3;
    width: 19.2%;
    /* width:33.3333%; */
    padding: 80px 40px;
    background: #fff;
    box-sizing: border-box;
    border-bottom: 5px solid #ddd;
    margin-right: 1%;
    /* margin-bottom: 68px; */
    /* display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; */
}

.culture-list li img {
    width: 100%;
}

.culture-list li:before {
    content: "";
    width: 0;
    height: 5px;
    background: #1e64bc;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    z-index: -1;
}

.culture-list li:hover:before,
.culture-list li.active:before {
    width: 100%;
    right: auto;
    left: 0;
}

.culture-list li:before {
    bottom: -5px;
}

.culture-list li:hover em {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.culture-list li:hover i {
    background: #1e64bc;
    color: #fff;
}
.culture-list li:hover img{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.culture-list li:hover .culture-text strong {
    color: #1e64bc;
}

/* .culture-list li:nth-child(3n+3) {
    margin-right: 0;
} */
.culture-list li:last-child {
    margin-right: 0;
}

.culture-list li em {
    display: block;
    position: absolute;
    right: 10px;
    bottom: -10px;
    font-style: normal;
    line-height: 1;
    color: rgb(30 100 188 / 5%);
    font-size: 180px;
    font-weight: bold;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    -moz-transition: 0.45s;
    transition: 0.45s;
}

.culture-list li i {
    display: block;
    margin: 0 auto 28px;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    border-radius: 50%;
    color: #333;
    font-size: 50px;
    background: #f3f0f0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}

.culture-text {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /* margin-left: 14px; */
    min-height: 174px;
}
.culture-text .linea{
    display: block;
    width: 44px;
    height: 5px;
    margin: 0 auto 40px;
    background: #1e64bc;
}
.culture-text strong {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    line-height: 60px;
    color: #333333;
    font-size: 26px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}

/* .culture-text .con{
    border-top: 1px solid #ddd;
    padding-top: 20px;
  } */
.culture-text p {
    font-size: 16px;
    color: #6d6d6d;
    line-height: 2.0;
    text-align: center;
}



/*************************************荣誉资质************************/
.ihon {
    padding: 7vw 5vw;
    box-sizing: border-box;
    position: relative;
    background: url(../images/hobg2.png) bottom 0vw left 0vw no-repeat;
    /* background: #f3f0f0; */
}
.ihon:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/hobg1.png) top 2vw right 4vw no-repeat;
    pointer-events: none;
}
.ihon_con{
    width: 100%;
    position: relative;
}
.ihon-t{
    float: left;
    color: #333;
    font-size: 40px;
    font-weight: bold;
    background: url(../images/i.png) left center no-repeat;
    text-indent: 40px;
}
/* .ihontop .more{
    float: right;
    width: 210px;
    height: 58px;
    margin-left: 10px;
    background: #ddd;
    background-position: center;
    text-align: center;
    line-height: 58px;
    font-size: 18px;
}
.ihontop .more:hover{
    background: #1e64bc url(../images/redl2.png) center bottom no-repeat;
    color: #fff;
    font-weight: bold;
} */
.ihontop{
    margin-bottom: 60px;
}
.ihontop .more{
    float: right;
    display: block;
    width: 124px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-indent: 20px;
    color: #fff;
    background: #00af4b url(../images/jt2.png) center right 20px no-repeat;
    border-radius: 40px;
    box-sizing: border-box;
    margin-top: 10px;
}
.ihontop .more:hover{
    width: 144px;
    /* background: #00af4b url(../images/jt1.png) center right 20px no-repeat; */
}
.ihontop .more::after{
    content: '';
    position: absolute;
    right: 22px;
    top: 19px;
    width: 0px;
    height: 2px;
    border-radius: 2px;
    background: rgb(255 255 255 / 90%);
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.ihontop .more:hover::after{
    width: 28px;
}
.ihon_swiper h6 {
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    background: rgba(0, 0, 0, 0.45);
}
.ihon_swiper .swiper-slide a{
    display: block;
    overflow: hidden;
    height: 26vw;
}
.ihon_swiper .swiper-slide a:hover h6{
    opacity: 0;
}
.ihon_swiper .swiper-slide{
    cursor: pointer;
}
.ihon_swiper .swiper-slide img{
    max-width: 100%;
    max-height: 100%;
}
.ihon_swiper .swiper-slide a .f1 {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.ihon_swiper .swiper-slide a .f1:before{
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/xk.png) no-repeat center;
    background-size: 100% 100%;
}

.ihon_swiper .swiper-slide a .f2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0
}

.ihon_swiper .swiper-slide a .f3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.ihon_swiper .swiper-slide a .f3 .f3-c {
    width: 90%;
    margin: 0 auto;
}

.ihon_swiper .swiper-slide a .f3 .f3-c .p1 {
    text-align: center;
    color: #fff;
    font-size: 26px;
    line-height: 1.8;
    font-weight: bold;
    margin-top: 58%;
    position: relative;
    top: 30px;
    transition-delay: 0.1s;
    opacity: 0
}

.ihon_swiper .swiper-slide a .f3 .f3-c .p2 {
    width: 29px;
    height: 17px;
    margin: 0 auto;
    background: url("../images/tt1.png") center no-repeat;
    padding: 0;
    position: relative;
    top: 60px;
    transition-delay: 0.15s;
    opacity: 0
}

.ihon_swiper .swiper-slide a .f3 .f3-c .p3 {
    font-size: 16px;
    text-align: center;
    color: #fff;
    position: relative;
    top: 50px;
    transition-delay: 0.18s;
    opacity: 0
}

/*hover*/
.ihon_swiper .swiper-slide a:hover .f1 img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.ihon_swiper .swiper-slide a:hover .f2 {
    opacity: 1
}

.ihon_swiper .swiper-slide a:hover .f3 .f3-c .p1 {
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    opacity: 1;
}

.ihon_swiper .swiper-slide a:hover .f3 .f3-c .p2 {
    transform: translateY(-45px);
    -webkit-transform: translateY(-45px);
    opacity: 1;
}

.ihon_swiper .swiper-slide a:hover .f3 .f3-c .p3 {
    transform: translateY(-65px);
    -webkit-transform: translateY(-65px);
    opacity: 1;
}



.ihon_swiper_arr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.ihon_swiper_l div {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    width: 89px;
    height: 1px;
    background: #dedede;
    margin: 0 8px;
}

.ihon_swiper_l div i {
    position: absolute;
    top: -1px;
    left: 0;
    width: 0;
    height: 3px;
    background: #0082ff;
    transition: width 0.48s;
    border-radius: 38px;
}

.ihon_swiper_l>span {
    display: inline-block;
    vertical-align: middle;
    min-width: 28px;
    text-align: center;
}
.ihon_swiper_r{
    position: relative;
}
.ihon_swiper_r img{
    height: 100%;
}
/* .ihon_swiper_arr .swiper-button-next,.ihon_swiper_arr .swiper-button-prev{
    position: relative;
    display: inline-block;
    width: auto;
    left: auto;
    right: auto;
} */
.ihon_swiper_arr .swiper-button-next,.ihon_swiper_arr .swiper-button-prev {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid #1e64bc;
    background: transparent;
    background-color: #1e64bc;
    background-size: 16px;
    /* background-position: center; */
    text-align: center;
    line-height: 50px;
    left: auto;
    right: auto;
    margin: 0;
    margin-left: 10px;
} 

.ihon_swiper_arr .swiper-button-next:hover,.ihon_swiper_arr .swiper-button-prev:hover{
    background: #1e64bc url(../images/redl2.png) center bottom -6px no-repeat;
    color: #fff;
    border: 4px solid #00af4b;
}
.ihon_swiper_arr .swiper-button-next{
    /* padding-left: 20px; */
    
}
.ihon_swiper_arr .swiper-button-prev{
    /* padding-right: 20px; */
}






/*************************************主营业务************************/
.izhu {
    padding: 7.5vw 0;
    background: url("../images/wbg0.jpg") center no-repeat;
    background-size: cover !important;
    position: relative
}

.izhu-c {
    height: 35vw;
    position: relative
}

/*第一层*/
.izhuf1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 2
}

.izhuf1-c {
    width: 65%;
    height: 100%;
    margin: 0 auto;
}

.izhuf1-c li {
    width: 33.3%;
    height: 50%;
    float: left;
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    overflow: hidden;
    position: relative;
    cursor: pointer;
    background-size: 45% !important;
    ;
    background-position: center
}

.izhuf1-c li:nth-child(3n) {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.izhuf1-c li:nth-child(n+4) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.izhuf1-c li .f1 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    font-size: 20px;
    color: #fff;
    opacity: 1
}

.izhuf1-c li .f2 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    transform: translateX(10%);
    top: 0;
    opacity: 0;
}

.izhuf1-c li:hover .f2 {
    transform: translateX(0);
    opacity: 1
}

/* .izhuf1-c li:hover .f1{opacity: 0.1} */
/**/
.izhu[data=yy-num0] {
    background: url("../images/wbg4.jpg") center no-repeat;
}

.izhu[data=yy-num1] {
    background: url("../images/wbg1.jpg") center no-repeat;
}

.izhu[data=yy-num2] {
    background: url("../images/wbg2.jpg") center no-repeat;
}

.izhu[data=yy-num3] {
    background: url("../images/wbg3.jpg") center no-repeat;
}

.izhu[data=yy-num4] {
    background: url("../images/wbg4.jpg") center no-repeat;
}

.izhu[data=yy-num5] {
    background: url("../images/wbg5.jpg") center no-repeat;
}

.izhuf1-c li:hover {
    background: rgb(0 113 59 / 70%);
}

/* .izhuf1-c li:nth-child(1):hover{background: rgba(194,136,11,0.9) url("../images/wbg0-0.png") center no-repeat;opacity: 0.6;}
.izhuf1-c li:nth-child(2):hover{background: rgba(115,11,221,0.9) url("../images/wbg1-1.png") center no-repeat;opacity: 0.6;}
.izhuf1-c li:nth-child(3):hover{background: rgba(23,199,115,0.9) url("../images/wbg2-2.png") center no-repeat;opacity: 0.6;}
.izhuf1-c li:nth-child(4):hover{background: rgba(225,4,46,0.6) url("../images/wbg3-3.png") center no-repeat;opacity: 0.6;}
.izhuf1-c li:nth-child(5):hover{background: rgba(25,96,228,0.9) url("../images/wbg4-4.png") center no-repeat;opacity: 0.6;}
.izhuf1-c li:nth-child(6):hover{background: rgba(2,184,205,0.9) url("../images/wbg5-5.png") center no-repeat;opacity: 0.6;} */
/*第二层*/
.izhuf2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 1;
}

.izhuf2-c {
    float: right;
    margin-right: 3.5%
}

.izhuf2-c1 {
    float: right;
    background: url("../images/zhurbg.png") center top no-repeat;
    text-align: center;
    font-size: 45px;
    color: #fff;
    font-weight: bold;
    padding-top: 45px;
    padding-bottom: 140px;
    margin-left: 20px
}

.izhuf2-c2 {
    float: right;
    font-size: 16px;
    color: #fff
}

.izhuf2-c3 {
    margin-left: 10px
}

/*新增分层，优化展示*/
.izhu2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.izhu2-c {
    width: 100%;
    height: 100%;
    position: relative;
}

.izhu2-c li {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: 0.7s;
    -webkit-transition: 0.7s;
    opacity: 0;
    transform: scale(1.01)
}

.izhu2-c li img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.izhu2-c li.zhu-show {
    opacity: 1;
    transform: scale(1)
}


/***********************视屏-了解永阳*************/
.ivid {
    padding: 5vw 0;
    background: #00af4b;
}

/*左边*/
.ividl {
    width: 54%;
    margin-left: 8%;
    height: 35vw;
    float: left;
    background: #ddd;
    position: relative;
    overflow: hidden
}

.ividl-ys {
    position: absolute;
    right: 2vw;
    top: 30px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    z-index: 1
}

.ividl-zx {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    font-size: 20px;
    z-index: 1;
    display: none
}

.ividl:hover .ividl-zx {
    opacity: 0;
    visibility: hidden
}

/*右边*/
.ividr {
    float: left;
    width: 28%;
    position: relative
}

.ividr .i1 {
    margin-top: 5%
}

.ividr .i1 img {
    width: 12vw;
    max-width: 215px
}

.ividr .more {
    display: block;
    width: 160px;
    height: 48px;
    background: #00af4b;
    position: relative;
    left: -110px;
    margin-top: 15%
}

.ividr .more .ml {
    width: 110px;
    height: 100%;
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #fff
}

.ividr .more .mr {
    width: 50px;
    height: 100%;
    float: right;
    background: #fff url("../images/vjt.png") center no-repeat;
}

.ividr .p1 {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    padding-top: 30px;
    background: url("../images/tt.png") top right no-repeat;
    text-align: right;
}

.ividr .i2 {
    margin-top: 14%
}

.ividr .i2 img {
    float: right;
    display: block;
    width: 32vw
}

.ividr .more1 {
    display: block;
    width: 100%;
    text-align: right;
    color: #fff;
    font-size: 16px;
    margin-top: 5%
}

.blpic img {
    width: 100%;
}

/****************************************首页案例**************************/
.icase {
    padding: 5vw 0;
}

.icase-mc {
    width: 100%;
}

/*左边*/
.casesl {
    width: 15%;
    height: 46vw;
    padding-left: 10%;
    float: left;
    background: url("../images/yy1.png") left 2vw center no-repeat;
    background-size: contain;
    position: relative;
    z-index: 2;
}

.case-t {
    color: #333;
    font-size: 40px;
    font-weight: bold;
    background: url("../images/i.png") left center no-repeat;
    text-indent: 40px;
    margin-top: 35%;
    margin-bottom: 30%
}

.casesli li {
    padding: 10% 0;
    width: 100%;
    overflow: hidden;
}

.casesli li a {
    position: relative;
    display: block;
    width: 100%;
    height: 25px;
    /*background:url("../images/heil1.png") center no-repeat;*/
    opacity: 1
}

.casesli li a .linea {
    position: absolute;
    right: 20%;
    top: 0;
    background: url("../images/redl.jpg") left center no-repeat;
    height: 100%;
    width: 35%;
    z-index: 1;
    opacity: 0
}

.casesli li a .title {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    line-height: 25px;
    font-size: 18px;
    color: #333;
    opacity: 0.9
}

.casesli li a:hover {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    opacity: 1
}

.casesli li a:hover .title {
    font-weight: bold;
    text-indent: 20px;
    opacity: 1
}

.casesli li a:hover .linea {
    opacity: 1
}

.casesli li a[data=xz] {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    opacity: 1
}

.casesli li a[data=xz] .title {
    font-weight: bold;
    text-indent: 20px;
    opacity: 1
}

.casesli li a[data=xz] .linea {
    opacity: 1
}

/**/
.casesl .more {
    margin-top: 25%;
    display: block;
    width: 40px;
    height: 40px;
    background: #00af4b url("../images/jt2.png") center right 12.5px no-repeat;
    border-radius: 40px;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.casesl .more span {
    opacity: 0;
    display: block;
    width: 100px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    text-indent: 20px;
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px)
}

.casesl .more:hover {
    background: #00af4b url("../images/jt1.png") center right 20px no-repeat;
    width: 150px;
    border: none
}

.casesl .more:hover span {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px)
}

/*右边*/
.casesr {
    width: 75%;
    float: right;
}

/**/
.casesr ul {
    width: 100%;
    display: none
}

.casesr ul li {
    width: 48%;
    float: left;
    height: 22vw;
    margin-right: 2%;
    background: #fff;
}

.casesr ul li:nth-child(n+3) {
    margin-top: 2vw;
}

.casesr ul li:nth-child(2n) {
    margin-right: 0%;
}

.casesr ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.casesr ul li a .f1 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.casesr ul li a .f2 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0
}

.casesr ul li a .f3 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.casesr ul li a .f3 .f3-c {
    width: 90%;
    margin: 0 auto;
}

.casesr ul li a .f3 .f3-c .p1 {
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-top: 20%;
    position: relative;
    top: 30px;
    transition-delay: 0.1s;
    opacity: 0
}

.casesr ul li a .f3 .f3-c .p2 {
    width: 29px;
    height: 17px;
    margin: 0 auto;
    background: url("../images/tt1.png") center no-repeat;
    padding: 5% 0;
    position: relative;
    top: 40px;
    transition-delay: 0.15s;
    opacity: 0
}

.casesr ul li a .f3 .f3-c .p3 {
    font-size: 16px;
    text-align: center;
    color: #fff;
    position: relative;
    top: 50px;
    transition-delay: 0.18s;
    opacity: 0
}

/*hover*/
.casesr ul li a:hover .f1 img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.casesr ul li a:hover .f2 {
    opacity: 1
}

.casesr ul li a:hover .f3 .f3-c .p1 {
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    opacity: 1;
}

.casesr ul li a:hover .f3 .f3-c .p2 {
    transform: translateY(-45px);
    -webkit-transform: translateY(-45px);
    opacity: 1;
}

.casesr ul li a:hover .f3 .f3-c .p3 {
    transform: translateY(-65px);
    -webkit-transform: translateY(-65px);
    opacity: 1;
}



/*******************************新闻中心*************************/
.inews {
    padding: 4vw 0;
    background: #f3f0f0
}

.inewtopl {
    float: left;
    text-indent: 40px;
    font-size: 40px;
    color: #000;
    text-indent: 40px;
    background: url("../images/tt1.png") left center no-repeat;
    font-weight: bold;
}

.inewtopr {
    float: right
}

.inewtopr a {
    float: left;
    width: 210px;
    height: 58px;
    margin-left: 10px;
    background: #ddd;
    background-position: center;
    text-align: center;
    line-height: 58px;
    font-size: 18px;
    color: #2c2c2c;
}

.inewtopr a:hover {
    background: #1e64bc url("../images/redl2.png") center no-repeat;
    color: #fff;
    font-weight: bold;
}

.inewtopr a[data=xzl] {
    background: #1e64bc url("../images/redl2.png") center bottom no-repeat;
    color: #fff;
    font-weight: bold;
}

/*一排两个列表*/
.news-2 {
    margin-top: 4%
}

.news-2 li {
    width: 49%;
    height: 13vw;
    float: left;
    margin-right: 2%;
}

.news-2 li:nth-child(2n) {
    margin-right: 0
}

.news-2 li a {
    display: block;
    width: 100%;
    height: 100%;
}

.news-2 li a .l {
    width: 34%;
    float: left;
    height: 100%;
    overflow: hidden
}

.news-2 li a .r {
    width: 66%;
    height: 100%;
    float: right;
    background: #fff;
}

.news-2 li a .r .son {
    width: 85%;
    margin: 0 auto;
}

.news-2 li a .r .son .p1 {
    color: #1d1d1d;
    font-size: 26px;
    margin-top: 4%;
    background-position: left center;
    width: 90%
}

.news-2 li a .r .son .p2 {
    color: #737373;
    font-size: 16px;
    margin-top: 4.5%;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-2 li a .r .son .p3 {
    margin-top: 4.5%;
}

.news-2 li a .r .son .p3-1 {
    height: 30px;
    line-height: 30px;
    float: left;
    color: #111111;
    font-size: 16px;
    background: url("../images/time.png") left center no-repeat;
    text-indent: 25px;
}

.news-2 li a .r .son .p3-2 {
    height: 30px;
    width: 30px;
    background: url("../images/jia.png") center no-repeat;
    float: right
}

.news-2 li a:hover .r {
    background: #1e64bc
}

.news-2 li a:hover .r .p1,
.news-2 li a:hover .r .p2,
.news-2 li a:hover .r .p3-1 {
    color: #fff
}

.news-2 li a:hover .r .p1 {
    opacity: 0.9;
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
    background: url("../images/ll.jpg") left center no-repeat;
    text-indent: 35px;
    background-size: 25px 1px
}

.news-2 li a:hover .r .p3-1 {
    background: url("../images/time1.png") left center no-repeat;
}

.news-2 li a:hover .r .p3-2 {
    background: url("../images/jia1.png") center no-repeat;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.news-2 li a:hover .r .p2 {
    opacity: 0.8;
    transform: translateX(0px)
}


/*一排三个*/
.news-3 {
    margin-top: 3%
}

.news-3 li {
    width: 32%;
    height: auto;
    float: left;
    margin-right: 2%;
}

.news-3 li:nth-child(3n) {
    margin-right: 0
}

.news-3 li a {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 1.5vw 0
}

.news-3 li a .son {
    width: 90%;
    margin: 0 auto;
}

.news-3 li a .son .p1 {
    color: #1d1d1d;
    font-size: 26px;
    background-position: left center;
    width: 90%
}

.news-3 li a .son .p2 {
    color: #737373;
    font-size: 16px;
    margin-top: 5.5%;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-3 li a .son .p3 {
    margin-top: 10%;
}

.news-3 li a .son .p3-1 {
    height: 30px;
    line-height: 30px;
    float: left;
    color: #111111;
    font-size: 16px;
    background: url("../images/time.png") left center no-repeat;
    text-indent: 25px;
}

.news-3 li a .son .p3-2 {
    height: 30px;
    width: 30px;
    background: url("../images/jia.png") center no-repeat;
    float: right
}

/*hover*/
.news-3 li a:hover {
    background: #1e64bc
}

.news-3 li a:hover .p1,
.news-3 li a:hover .p2,
.news-3 li a:hover .p3-1 {
    color: #fff
}

.news-3 li a:hover .p1 {
    opacity: 0.9;
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
    background: url("../images/ll.jpg") left center no-repeat;
    text-indent: 35px;
    background-size: 25px 1px
}

.news-3 li a:hover .p3-1 {
    background: url("../images/time1.png") left center no-repeat;
}

.news-3 li a:hover .p3-2 {
    background: url("../images/jia1.png") center no-repeat;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.news-3 li a:hover .p2 {
    opacity: 0.8;
    transform: translateX(0px)
}



/********************************************网站底部*************************************/
.footer {
    padding: 4vw 0 0;
    background: #121212;
}

.footerl {
    width: 32%;
    float: left
}

.footerl .inewtopl {
    color: #fff;
    font-size: 26px;
    float: none;
    margin-bottom: 20px;
}

.footerl .p1 {
    font-size: 14px;
    color: rgb(255 255 255 / 60%);
    line-height: 34px;
    padding-left: 26px;
}

.footerl .p1.phone {
    background: url(../images/foot0.png) no-repeat left center;
    background-size: 18px;
}

.footerl .p1.landline {
    background: url(../images/foot1.png) no-repeat left center;
    background-size: 18px;
}

.footerl .p1.email {
    background: url(../images/foot2.png) no-repeat left center;
    background-size: 16px;
}

.footerl .p1.address {
    background: url(../images/foot3.png) no-repeat left center;
    background-size: 16px;
}

.footerl .p2 {
    width: 120px;
    float: right;
    text-align: center;
    margin-top: 5%
}

.footerl .p2 img {
    width: 120px
}

.footerl .p2 .p3 {
    font-size: 14px;
    text-align: center;
    color: rgb(255 255 255 / 60%);
    margin-top: 8px
}

.footerr {
    float: right;
    width: 65%
}

.footerr .floor {
    float: left;
    width: 14%
}

.footerr .floor:nth-child(n+2) {
    margin-left: 3.2%
}

.footerr .floor .title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20%;
    font-weight: bold;
}

.footerr .floor ul li {
    padding: 6% 0
}

.footerr .floor ul li a {
    display: block;
    font-size: 14px;
    color: rgb(255 255 255 / 60%);
}

.beian {
    font-size: 16px;
    color: rgb(255 255 255 / 60%);
    margin-top: 3%
}

.beian a {
    font-size: 16px;
    color: rgb(255 255 255 / 60%);
    display: inline-block;
    margin-left: 5px
}

/* 手机 */
.footer {
    background: #1e64bc;
}

.footer-m {
    background: url("../images/mobg.png") top center no-repeat;
    background-size: contain
}

.footer-m {
    display: none
}

.footer-m li {
    font-size: 16px;
    color: #999;
    padding: 7px 0;
}

.footer-m li a {
    font-size: 16px;
    color: #999
}

.footer-bot {
    height: 60px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: none
}

.footer-bot {
    height: 60px;
    width: 100%;
}

.footer-bot li {
    width: 21%;
    height: 100%;
    float: left;
    list-style: none;
}

.footer-bot li {
    box-sizing: border-box;
    border-right: 1px solid #444;
}

.footer-bot li:nth-child(4) {
    border-right: none;
}

.footer-bot li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 95px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.footer-bot li:nth-child(1) a {
    background: #121212 url("../images/fot1.png") center top 6px no-repeat;
    background-size: 28px
}

.footer-bot li:nth-child(2) a {
    background: #121212 url("../images/fot2.png") center top 6px no-repeat;
    background-size: 28px
}

.footer-bot li:nth-child(3) a {
    background: #121212 url("../images/fot3.png") center top 6px no-repeat;
    background-size: 28px
}

.footer-bot li:nth-child(4) {
    width: 37%;
}

.footer-bot li:nth-child(4) a {
    background: #00af4b url("../images/bot4.png") center top 6px no-repeat;
    background-size: 28px
}

.footer_02 {
    border-top: 1px solid rgb(255 255 255 / 60%);
    margin-top: 40px;
}

.banquan {
    line-height: 50px;
    color: #fff;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
}

.banquan p {
    display: inline-block;
    margin-right: 10px;
    color: #fff;
}

.banquan a {
    color: #eee;
}

.banquan a:hover {
    color: #fff;
    text-decoration: underline;
}

/* .footer{
    background:#333;
    }
.footer_01{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #939393;
    }
.footer_lx{
    max-width: 1200px;
    margin: 0 auto;
    padding-top:35px;
    }
.footer_lx li{
    float:left;
    text-align: center;
    padding-top: 70px;
    padding-bottom:40px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #939393;
    background-repeat: no-repeat;
    background-position: center top;
    webkit-transition: all 0.4s linear -1ms;
    -moz-transition: all 0.4s linear -1ms;
    -ms-transition: all 0.4s linear -1ms;
    -o-transition: all 0.4s linear -1ms;
    transition: all 0.4s linear -1ms;
    }

.footer_lx li h2{
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    line-height:36px;
    }
.footer_lx li p{
    font-size: 14px;
    color: #fff;
    }
.footer_lx li p a{
    color:#fff;
    }
.footer_lx li p a:hover{
    color: #fff;
    text-decoration: underline;
    }
.footer_lx li.con01{
    width: 30%;
    background-image: url(../images/dibu_lx01.png);
    }
.footer_lx li.con02{
    width: 39%;
    background-image: url(../images/dibu_lx02.png);
    }
.footer_lx li.con03{
    width: 30%;
    background-image: url(../images/dibu_lx03.png);
    border:none;
    }

.footer_02{
    text-align:center;
    padding-top:20px;
    }
.footer_nav{
    margin-bottom:25px;
    margin-top:20px;
    }
.footer_nav li{
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
    color:#eee;
    font-size:14px;
    }
.footer_nav li a{
    color:#eee;
    }
.footer_nav li a:hover{
    color: #fff;
    text-decoration: underline;
    } */








/*侧边栏*/
.cebian {
    position: fixed;
    width: 90px;
    height: 500px;
    right: 0;
    top: 30%;
    background: pink;
    z-index: 100
}

.cebian li {
    width: 100%;
    height: 90px;
}

/*返回顶部*/
.yb_top1 {
    box-shadow: 0px 1px 2px #fff;
    position: fixed;
    width: 50px;
    height: 50px;
    background: #1e64bc url("../images/top.png") center no-repeat;
    bottom: 50px;
    right: -50px;
    z-index: 100;
    background-size: 30px;
    cursor: pointer;
    border-radius: 50px;
    opacity: 0;
    visibility: hidden
}

.gotop {
    transform: translateX(-50px);
    -webkit-transform: translateX(-100px);
    opacity: 1;
    visibility: visible
}

.yb_top1:hover {
    background: #1e64bc url("../images/top.png") center no-repeat;
    background-size: 30px;
}


/*全局搜索*/
.allform {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 11;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0
}

#allform {
    width: 60%;
    height: 80px;
    background: #fff;
    position: relative;
}

#allform input {
    outline: none;
    box-sizing: border-box;
    width: 100%;
    z-index: 1;
    border: 1px solid #1e64bc;
    box-sizing: border-box;
    display: block;
    text-indent: 20px;
    font-size: 16px;
    height: 100%;
    left: 0;
    top: 0;
}

#allform button {
    position: absolute;
    display: block;
    width: 120px;
    height: 100%;
    background: #1e64bc url("../images/s2.png") center no-repeat;
    z-index: 1;
    right: 0;
    top: 0;
    background-size: 40%
}

#allform input:focus {
    border: 1px solid #1e64bc;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    background: #fff;
    color: #1e64bc
}

#allform:hover input {
    border: 1px solid #1e64bc;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    background: #fff;
    color: #1e64bc
}

.souline {
    width: 100%;
    height: 1px;
    margin: 50px 0;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

#allform .fclose {
    position: absolute;
    left: 0;
    top: -25px;
    height: 25px;
    width: 60px;
    background: red;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}



/*************************************************/
/*************************************************/
/*扩展*/
/*************************************************/
/*************************************************/
/*内页小banner*/
.sb-main {
    overflow: hidden;
    height: 580px;
}

.sb-main .sb1 {
    font-size: 70px;
    color: #fff;
    margin-top: 13%;
}

.sb-main .sb2 {
    font-size: 26px;
    color: #fff;
    margin-top: 2%;
}

.sb-main-com {
    background: url("../images/sb-com.jpg") center no-repeat;
    background-size: cover;
}

.sb-main-news {
    background: url("../images/sb-news.jpg") center no-repeat;
    background-size: cover;
}

.sb-main-cases {
    background: url("../images/sb-cases.jpg") center no-repeat;
    background-size: cover;
}

.sb-main-lian {
    background: url("../images/sb-lian.jpg") center no-repeat;
    background-size: cover;
}

.sb-main-pro {
    background: url("../images/sb-pro.jpg") center no-repeat;
    background-size: cover;
}

/*页面展示区域*/
.mian-main {
    padding: 0vw 0 4vw 0;
    overflow: hidden;
    background: #fff
}

/*到港*/
.bread-con {
    padding: 1.5vw 0
}

.bread-con-l {
    width: 26px;
    height: 26px;
    border-radius: 26px;
    background: #00af4b url("../images/home.png") center no-repeat;
    background-size: 16px;
    float: left
}

.bread-con-r {
    float: left;
    height: 26px;
    text-indent: 10px;
    font-size: 14px;
    line-height: 26px;
    color: #666
}

/*************************************************/
/*************************************************/


/************************关于我们**********************/
.main-com-f1 {
    padding-top: 6vw;
    padding-bottom: 5vw;
    /* background: #f5f5f5 url("../images/com-f1-1bg.jpg") bottom center no-repeat; */
    /* background-size: contain; */
    background: #f5f5f5;
    position: relative;
}
.main-com-f1::before{
    content: '';
    width: 100%;
    height: 180px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #1e64bc;
}
.main-com-f1::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
    background: url(../images/abcul.png) no-repeat right 5% bottom 84px;
}
.main-com-f1-l {
    width: 68%;
    float: left;
}

/* .main-com-f1-l li {
    width: 32%;
    margin-right: 2%;
    float: left;
    background: #fff;
    transition: 0.5s;
    -webkit-transform: 0.5s;
    cursor: pointer;
    height: 14vw;
} */
.main-com-f1-l.culture-list li {
    width: 32%;
    margin-right: 2%;
    float: left;
    padding: 2% 4%;
}
.main-com-f1-l.culture-list li:before{
    background: #00af4b;
}
.main-com-f1-l.culture-list li i{
    background: none;
    padding: 0;
    font-size: 74px;
    text-align: left;
    margin: 0;
    width: auto;
    height: auto;
    line-height: 1;
    margin-bottom: 20px;
    color: #333;
}
.main-com-f1-l.culture-list img{
    width: 80px;
    margin-bottom: 10px;
}
.main-com-f1-l .culture-text{
    min-height: inherit;
}
.main-com-f1-l .culture-text .linea{
    display: none;
}
.main-com-f1-l .culture-text strong{
    text-align: left;
    line-height: 1.8;
    /* font-weight: normal; */
}
.main-com-f1-l .culture-text p{
    text-align: left;
    font-size: 16px;
    color: #2b2b2b;
    line-height: 1.8;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    opacity: 0.7;
}
.main-com-f1-l li:nth-child(3n) {
    margin-right: 0;
}

.main-com-f1-l li:nth-child(n+4) {
    margin-top: 3%;
}

.main-com-f1-l li .son {
    width: 100%;
    box-sizing: border-box;
    padding: 10% 7%;
    background: #fff
}

.main-com-f1-l li .t {
    margin-top: 30%;
}
.main-com-f1-l li .t i{
    font-size: 80px;
}
.main-com-f1-l li .t .p3 {
    font-size: 22px;
    color: #2b2b2b;
    line-height: 1.8;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    opacity: 1;
}

.main-com-f1-l li .t p {
    font-size: 16px;
    color: #2b2b2b;
    line-height: 1.8;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    opacity: 0.7;
}

.main-com-f1-l li:nth-child(1) .son {
    background-image: url("../images/com-f1-1.png");
}

.main-com-f1-l li:nth-child(2) .son {
    background-image: url("../images/com-f1-2.png");
}

.main-com-f1-l li:nth-child(3) .son {
    background-image: url("../images/com-f1-1.png");
}

.main-com-f1-l li:nth-child(4) .son {
    background-image: url("../images/com-f1-4.png");
}

.main-com-f1-l li:nth-child(5) .son {
    background-image: url("../images/com-f1-5.png");
}

.main-com-f1-l li:nth-child(6) .son {
    background-image: url("../images/com-f1-6.png");
}

.main-com-f1-l li .son {
    background-position: left 10% top 18% !important;
    background-repeat: no-repeat;
}

.main-com-f1-l li:hover {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px)
}

.main-com-f1-l li:hover .t p {
    color: #00af4b
}

/**/
.main-com-f1-r {
    width: 26%;
    float: right;
}

.main-com-f1-r .p1 {
    font-size: 16px;
    color: #2b2b2b;
    text-align: left
}

.main-com-f1-r .p2 {
    text-align: left;
    font-weight: bold;
    font-size: 40px;
    color: #2b2b2b;
    line-height: 1.6;
    padding: 10% 0;
    text-indent: 40px;
    background: url(../images/tt1.png) left center no-repeat;
}

.main-com-f1-r .p3 {
    font-size: 16px;
    line-height: 1.8;
    color: #6d6d6d;
    text-align: left
}

.main-com-f1-r .p4 {
    margin-top: 20%;
    text-align: left
}

.main-com-f1-r .p4 a {
    font-size: 18px;
    color: #2b2b2b;
}

.main-com-f1-r .p4 a:hover {
    color: #00af4b
}

.main-com-f1 .t1 {
    color: #fff;
    font-size: 16px;
    padding-top: 5%;
    padding-bottom: 3%;
}




/*第二排--时间轴*/
.shijian {
    padding: 6vw 0;
    background: url("../images/timebg.jpg") center no-repeat;
    background-size: cover
}

.shijian .title {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    background: url("../images/t22.png") center bottom no-repeat;
}

.shijian .t2 {
    color: #6d6d6d;
    font-size: 16px;
    text-align: center;
    margin-top: 15px
}

/**/
.shi-con {
    width: 100%;
    padding-top: 5%;
    position: relative;
}

.shi-c {
    width: 90%;
    margin: 0 auto;
}

.shi-sw .swiper-slide {
    cursor: pointer
}

.shi-sw .swiper-slide:nth-child(2n) {}

.shi-sw .shi1 {
    font-size: 24px;
    color: #fff;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: url("../images/lcbg.png") bottom center no-repeat;
    background-size: 10% 3px;
    padding-bottom: 10px
}

.shi-sw .shi2 {
    margin-top: 10%;
    width: 100%;
    height: 25px;
    background: url("../images/tl.png") center repeat-x;
    position: relative;
}

.shi-sw .shi2 .a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url("../images/tl1.png") center no-repeat;
}

.shi-sw .shi2 .b {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url("../images/tl2.png") center no-repeat;
    opacity: 0
}

.shi-sw .shi3 {
    text-align: center;
    width: 80%;
    margin-left: 10%;
    margin-top: 10%;
    color: #fff;
    font-size: 15px;
    opacity: 0.9;
    line-height: 1.8;
    font-weight: lighter
}

.swiper-button-prevshi {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
    border: 1px solid #fff;
    background: url("../images/ship.png") center no-repeat !important;
    top: 59%;
    opacity: 0.8
}

.swiper-button-nextshi {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
    border: 1px solid #fff;
    background: url("../images/shir.png") center no-repeat !important;
    top: 57%;
    opacity: 0.8
}

.shi-sw .swiper-slide:hover .shi2 .b {
    opacity: 1
}

.shi-sw .swiper-slide:hover .shi3 {
    opacity: 1
}

.shi-sw .swiper-slide:hover .shi1 {
    font-weight: bold;
    font-size: 26px
}

/*新增第六排关于我们*/
.about {
    padding: 4vw 0;
    background: #f3f0f0
}

.about .t1 {
    color: #333;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    background: url("../images/t22.png") center no-repeat;
}

.about .t2 {
    color: #444;
    font-size: 16px;
    text-align: center;
    margin-top: 15px
}

.about-con {
    margin-top: 2%
}

.about-con p {
    color: #444;
    line-height: 1.6;
    margin: 1% 0
}

/***第三排--企业文化***/
.wenhua {
    padding: 4vw 0 6.5vw 0;
    background: #eee;
}

.shijianl {
    float: left;
}

.shijianr {
    width: 63%;
    float: right
}

.shijianr li {
    width: 19%;
    height: 33vw;
    background: palevioletred;
    float: left;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.shijianr li:nth-child(n+2) {
    margin-left: 1.25%;
}

.shijianr li:nth-child(2n-1) {
    position: relative;
    top: 2.5vw
}

/**/
.shijianr li .a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0
}

.shijianr li .b {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    font-size: 26px;
    color: #ffffff;
    font-weight: bold;
}

.shijianr li:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.shijianr li:hover .a {
    opacity: 1
}

/******第四排视屏****/
.comvideo {
    padding: 100px 0;
    position: relative;
    /* background: url('../images/combg.jpg') bottom center no-repeat;
    background-size: cover; */
}
.comvideo::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 78%;
    height: 32%;
    background: #1e64bc;
}
.comvideol {
    width: 50%;
    position: relative;
    float: left;
}

.comvideoli {
    height: auto;
    padding-bottom: 4vw;
    overflow: hidden;
}

.comvideoli2 {
    padding-top: 4vw;
    box-sizing: border-box;
}

/*第一层*/
.comvideoli1 {
    width: 100%;
}

.comvideoli1 .p1 {
    font-size: 40px;
    text-align: center;
    padding-top: 30px;
    background: url("../images/i.png") top center no-repeat;
    font-weight: bold;
    margin-bottom: 1vw;
}

.comvideoli1 .p2 {
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    padding: 2% 0 4% 0;
}

.comvideoli1 .p3 {
    font-size: 18px;
    text-align: center;
}

.comvideoli1 .p4 {
    font-size: 16px;
    line-height: 1.8;
    padding: 14px 10% 0;
    color: #6d6d6d;
    text-align: left;
    text-indent: 2em;
}

/*第二层*/
.comvideoli2 {
    width: 100%;
    padding-bottom: 0;
    background: #1e64bc
}

.comvideoli2 li {
    width: 50%;
    float: left;
}

.comvideoli2 li {
    width: 32%;
    height: 50%;
    float: left
}

.comvideoli2 li .p-num {
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-style: oblique;
}

.comvideoli2 li .p-num span {
    font-size: 30px;
    position: relative;
    font-style: normal;
    top: -30px;
}

.comvideoli2 li .t {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    opacity: 0.7;
}

/*右侧视屏*/
.comvideor {
    width: 50%;
    float: right;
    height: 40vw;
    position: relative;
    font-size: 0;
    /* background: #666 */
}
/* .comvideor img{
    width: 100%;
} */
.comvideor::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(180deg, rgb(0 83 131 / 30%), rgb(0 0 0 / 30%));
    background: -o-linear-gradient(180deg, rgb(0 83 131 / 30%), rgb(0 0 0 / 30%));
    background: -moz-linear-gradient(180deg, rgb(0 83 131 / 30%), rgb(0 0 0 / 30%));
    background: linear-gradient(180deg, rgb(0 83 131 / 30%), rgb(0 0 0 / 30%));
    z-index: 0;
    transform: translateX(100%);
    transition: all .3s ease;
}
.comvideor:hover::before{
    transform: translateX(0%);
}
.comvideor .vrbtnbox{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.comvideor .vrbtnbox .t{
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
}


/************第五排服务************/
.fuwu {
    padding: 6vw 0 0;
}
.fuwul{
    text-align: center;
    padding-bottom: 4vw;
}
.fuwul p{
    color: #333;
    font-size: 40px;
    font-weight: bold;
    background: url(../images/i.png) top center no-repeat;
    padding-top: 40px;
    display: inline-block;
}
/* 
.fuwur {
    width: 65%;
    float: right;
}

.fuwur li {
    width: 33.3%;
    float: left;
    padding: 9% 0 3% 0;
}

.fuwur li .son {
    width: 80%;
    height: 5vw;
    font-size: 22px;
    color: #2b2b2b;
    line-height: 1.8;
    ;
} */

/*新增友情链接*/

.honor {
    width: 100%;
}
.honor .swiper-containerhor{
    padding-bottom: 50px;
}
.honor .swiper-containerhor .swiper-slide a{
    height: 20vw;
}
.honor .swiper-containerhor .swiper-slide a .f1{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
}
.honor .swiper-containerhor .swiper-slide a .f1:before{
    content: none;
}
.honor .swiper-containerhor .swiper-slide a .f3 .f3-c .p1{
    margin-top: 44%;
}
.honor .swiper-button-next, .honor .swiper-button-prev{
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid #1e64bc;
    background: transparent;
    background-color: #1e64bc;
    background-size: 16px;
    /* background-position: center; */
    text-align: center;
    line-height: 50px;
    left: auto;
    right: auto;
    margin: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.honor .swiper-button-next:hover, .honor .swiper-button-prev:hover{
    background: #1e64bc url(../images/redl2.png) center bottom -6px no-repeat;
    color: #fff;
    border: 4px solid #00af4b;
}
.honor .swiper-button-next img, .honor .swiper-button-prev img{
    width: 100%;
}
.honor .swiper-button-prev{
    left: 0;
    top: 44%;
}
.honor .swiper-button-next{
    right: 0;
    top: 44%;
}
.honor .swiper-paginationhor .swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    border-radius: 4px;
    background: #ddd;
}

.honor .swiper-paginationhor .swiper-pagination-bullet-active {
    background: #1e64bc
}

/*********************************新闻中心******************/
.main-main-news {
    background: #f3f0f0;
}

.container-menu-news {
    width: 98%;
    margin-left: 1%
}

.news-list-li li {
    width: 23.5%;
    margin-right: 2%;
    float: left;
    box-sizing: border-box;
    border: 0.5px solid #f3f0f0;
}
.news-list-li li:nth-child(4){
    margin-right: 0;
}
.news-list-li-other li {
    border: 1px solid #f3f0f0;
}

.news-list-li li a {
    display: block;
    width: 100%;
    padding: 10% 0 8%;
    background: #fff;
}

.news-list-li li a .son {
    width: 86%;
    margin: 0 auto;
}

.news-list-li li a .son .p1 {
    font-size: 20px;
    color: #1d1d1d;
    width: 90%;
    padding-right: 10%;
    background-position: left center;
}

.news-list-li li a .son .p1[data=img] {
    background: url('../images/img.png') right center no-repeat;
}

.news-list-li li a .son .p2 {
    color: #737373;
    font-size: 16px;
    line-height: 1.6;
    margin-top: 5%;
    display: -webkit-box;
    display: -moz-box;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-list-li li a .son .p3 {
    margin-top: 5%;
}

.news-list-li li a .son .p3-1 {
    height: 30px;
    line-height: 30px;
    float: left;
    color: #333;
    font-size: 14px;
    background: url("../images/time.png") left center no-repeat;
    text-indent: 25px;
}

.news-list-li li a .son .p3-2 {
    height: 30px;
    width: 30px;
    background: url("../images/jia.png") center no-repeat;
    float: right;
    background-size: 55%;
}

/*hover*/
/*hover*/
.news-list-li li a:hover {
    background: #1e64bc
}

.news-list-li li a:hover .p1,
.news-list-li li a:hover .p2,
.news-list-li li a:hover .p3-1 {
    color: #fff
}

.news-list-li li a:hover .p1 {
    opacity: 0.9;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    /*background: url("../images/ll.jpg") left center no-repeat;text-indent: 6%;*/
    /* background-size: 5.5% 2px*/
}

.news-list-li li a:hover .p2 {
    opacity: 0.7
}

.news-list-li li a:hover .p3-1 {
    background: url("../images/time1.png") left center no-repeat;
    opacity: 0.8
}

.news-list-li li a:hover .p3-2 {
    background: url("../images/jia1.png") center no-repeat;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    background-size: 55%;
}

.news-list-li li a:hover .p2 {
    opacity: 0.8;
    transform: translateX(0px)
}

.news-list-li li a:hover .son .p1[data=img] {
    background: url('../images/img1.png') right center no-repeat;
}

.main-main-yynews {
    background: #fff;
}

.yynews-list-li li {
    width: 23.5%;
    margin-right: 2%;
    float: left;
}

.yynews-list-li li:nth-child(4n) {
    margin-right: 0;
}

.yynews-list-li li:nth-child(n+5) {
    margin-top: 3%
}

.yynews-list-li a {
    display: block;
    width: 100%;
    padding: 0;
    border-radius: 5px;
    box-shadow: 0px 2px 12.09px 0.91px rgba(167, 162, 184, 0.13);
    overflow: hidden
}

.yynews-list-li a {
    width: 100%;
    margin: 0 auto;
}

.yynews-list-li a .i {
    width: 100%;
    height: 16vw;
    position: relative;
}

.yynews-list-li a .i span {
    position: absolute;
    left: 0px;
    padding: 5px 20px;
    top: 15%;
    background: #00af4b;
    color: #fff;
    display: none
}

.yynews-list-li a .t {
    padding: 5% 4%;
    background: #fff
}

.yynews-list-li a .t .p1 {
    font-size: 20px;
    color: #1d1d1d;
    font-weight: bold
}

.yynews-list-li li a .t .p2 {
    color: #737373;
    font-size: 15px;
    line-height: 1.6;
    margin: 3.5% 0;
    display: -webkit-box;
    display: -moz-box;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    /*控制文本行数，多少行以后开始省略号 */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.yynews-list-li li a .click {
    padding-top: 4%;
    border-top: 1px solid #eee;
}

.yynews-list-li li a .click span {
    display: inline-block;
    float: left;
    text-indent: 21px;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    height: 25px;
    line-height: 24px;
}

.yynews-list-li li a .click span:nth-child(1) {
    background: url("../images/time.png") left center no-repeat;
    width: 50%
}

/* .yynews-list-li li a .click span:nth-child(2) {
    background: url("../images/shi2.png") left center no-repeat;
    width: 30%
} */
.yynews-list-li li a .click span:nth-child(2) {
    float: right;
    height: 30px;
    width: 30px;
    background: url(../images/jia.png) center no-repeat;
}
.yynews-list-li li:hover a .click span:nth-child(2){
    background: url(../images/jia1.png) center no-repeat;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
/*.yynews-list-li li a .click span:nth-child(1){margin-right: 10px}*/
/* .yynews-list-li li a .click span:nth-child(3) {
    width: 20%;
    float: right;
    color: #00af4b;
    font-size: 20px;
    text-align: right;
    text-indent: 0
} */

.yynews-list-li li a:hover .t .p1 {
    color: #1e64bc
}

.yynews-list-li a:hover {
    transform: translateY(-7px);
    -webkit-transform: translateY(-7px);
    box-shadow: 0px 2px 25px 3px rgba(167, 162, 184, 0.63);
}

/*.yynews-list-li a:hover .i img{transform: scale(1)}*/








/*新闻详情*/
.mian-main-newsinfo {
    background: #f5f5f5;
}

.mian-info {
    width: 94%;
    padding: 3% 3%;
    background: #fff
}

.news-info h1 {
    font-size: 28px;
    text-align: center;
}
.news-info-con{
    padding-bottom: 20px;
}

.sub {
    border-bottom: 1px dashed #eee;
    margin-bottom: 25px;
    padding-bottom: 15px;
    text-align: center;
    margin-top: 20px
}
.sub span{
    color: #666;
    font-size: 14px;
    margin: 0px 5px;
}
.sub li {
    display: inline-block;
    font-size: 14px;
    margin: 0px 15px;
    color: #666;
    padding-left: 24px;
}

.sub li:nth-child(1) {
    background: url("../images/job.png") left center no-repeat;
    background-size: 18px
}

.sub li:nth-child(2) {
    background: url("../images/time.png") left center no-repeat;
    /* background-size: 25px */
}

.sub li:nth-child(3) {
    background: url("../images/info3.png") left center no-repeat;
    background-size: 17px
}

.news-info-con p {
    color: #666;
    margin: 8px 0;
    line-height: 1.6;
}

.news-info-con img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.news-info-con a {
    color: blue;
    text-decoration: underline
}

.news-info-con p,
.news-info-con p span,
.news-info-con br,
.news-info-con strong,
.news-info-con a {
}






/*********************联系地址********************/
.main-main-lian {
    background: #f3f0f0
}

.container-menu-lian {
    width: 98%;
    margin-left: 1%
}

.main-lian {
    height: 30vw;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #ddd
}
.BMap_Marker{z-index: -1!important;pointer-events: none;}
.BMap_Marker img{width:100%;}
#allmap {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    border: 0px solid #eee;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.main-lian1 {
    height: 100%;
    position: absolute;
    right: 0%;
    top: 0;
    z-index: 2;
    width: 30%;
    background: rgba(255, 255, 255, 0.9);
    cursor: pointer;
}

.main-lian1 .son {
    width: 80%;
    margin: 0 auto;
}

.main-lian1:hover {
    background: rgba(255, 255, 255, 1)
}

.lianli li {
    color: #333;
    font-size: 16px;
    padding: 2% 0
}

.lianli li span {
    font-size: 24px;
    color: #00af4b;
}

.lianli .title {
    font-size: 20px;
    font-weight: bold;
    text-indent: 37px;
    background-size: 25px !important;
    margin-bottom: 5%;
}

.lianli .title1 {
    background: url("../images/lian1.png") left center no-repeat;
    margin-top: 25%
}

.lianli .title2 {
    background: url("../images/lian2.png") left center no-repeat;
    margin-top: 10%
}

/**/
.lian-list-pc1 {
    padding: 3% 0;
    display: none
}

.lian-list-pc1 .title {
    font-size: 20px;
    font-weight: bold;
    text-indent: 37px;
    background-size: 25px !important;
    margin-bottom: 8px;
}

.lian-list-pc1 .title1 {
    background: url("../images/lian1.png") left center no-repeat;
    margin-top: 0%
}

.lian-list-pc1 .title2 {
    background: url("../images/lian2.png") left center no-repeat;
    margin-top: 2%
}

.lian-list-pc li {
    cursor: pointer;
    width: 32%;
    padding: 1.6% 0;
    float: left;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.005);
    margin: 0.8% 2% 0.8% 0;
    color: #555;
    font-size: 16px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    text-indent: 20px;
    background: #fff;
    border-radius: 3px;
    line-height: 1.6;
}

.lianli li span {
    font-size: 24px;
    color: #1e64bc;
}

.lian-list-pc-w li {
    width: 100%;
}

.lian-list-pc li:nth-child(3n) {
    margin-right: 0;
}

.lian-list-pc li:last-child {
    width: 100%
}

.lian-list-pc li:hover {
    color: #333;
}

/*在线留言*/
/**/

.lianform-box {
    max-width: 1360px;
    margin: 0 auto;
    margin-top: 2%;
}

#lianform {
    width: 100%
}

#lianform input {
    width: 49%;
    float: left;
    display: block;
    margin: 15px 2% 15px 0;
    padding: 25px 0;
    outline: none;
    border: 1px solid #eee;
    text-indent: 10px;
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 5px;
}

#lianform input:nth-child(2n) {
    margin-right: 0;
}

#lianform textarea {
    width: 100%;
    outline: none;
    box-sizing: border-box;
    border: 1px solid #eee;
    font-size: 16px;
    padding: 10px 0;
    text-indent: 10px;
    height: 120px;
    border-radius: 5px
}

#lianform textarea:focus {
    border-color: #1e64bc
}

#lianform img {
    height: 50px;
    margin-top: 15px
}

#lianform input:focus {
    border-color: #1e64bc
}

#lianform input.submit {
    background: #1e64bc;
    font-size: 20px;
    color: #fff;
    letter-spacing: 15px;
    padding: 15px;
    width: 180px;
    margin: 15px auto;
    float: none;
}

#lianform input.reset {
    font-size: 20px;
    letter-spacing: 15px;
    background: #fff
}

.b-title {
    padding: 30px 0 40px
}

.b-title .p1 {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #2b2b2b;
    padding-top: 30px;
    background: url(../images/tt1.png) top center no-repeat;
    margin-top: 40px;

}

.b-title .p2 {
    text-align: center;
    font-size: 16px;
    color: #666;
    letter-spacing: 4px;
    transform: scale(1, 1.2);
    margin-top: 1%
}



/**********************************资质荣誉*****************************/
.mian-main-honor {
    background: #f3f0f0
}

.honor-list-li li {
    width: 24%;
    float: left;
    margin-right: 1.3%;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    overflow: hidden
}

.honor-list-li li:nth-child(n+5) {
    margin-top: 2%
}

.honor-list-li li:nth-child(4n) {
    margin-right: 0;
}

.honor-list-li li a {
    display: block;
    height: 20vw;
    padding: 1% 6%;
    overflow: hidden;
    background: #fff;
}

.honor-list-li li a .son {
    width: 100%;
    height: 100%;
}

.honor-list-li li:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
}



/**********************************************案例中心************************/
.main-main-cases {
    background: #fff
}

.cases-list-li li {
    width: 32%;
    float: left;
    height: 25vw;
    margin-right: 2%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 2px 9.09px 0.91px rgba(167, 162, 184, 0.43);
    overflow: hidden
}

.cases-list-li li:nth-child(n+4) {
    margin-top: 3%;
}

.cases-list-li li:nth-child(3n) {
    margin-right: 0%;
}

.cases-list-li li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.cases-list-li li a .f1 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
}

.cases-list-li li a .f2 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    left: 0;
    top: 0;
}

.cases-list-li li a .f21 {
    position: absolute;
    width: 100%;
    z-index: 3;
    left: 0;
    bottom: 0px
}



.cases-list-li li a .f21 .t {
    padding: 3% 4%;
    border-radius: 5px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.9);
}

.cases-list-li li a .f21 .t .p1 {
    font-size: 20px;
    color: #1d1d1d;
    font-weight: bold;
    /*border-bottom: 1px solid #eee;padding-bottom: 3%;*/
    text-align: center;
}

.cases-list-li li a .f21 .click {
    padding-top: 2.5%;
    display: none;
}

.cases-list-li li a .f21 .click span {
    display: inline-block;
    float: left;
    text-indent: 21px;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    height: 25px;
    line-height: 24px;
    font-weight: lighter
}

.cases-list-li li a .f21 .click span:nth-child(1) {
    background: url("../images/shi1.png") left center no-repeat;
    width: 50%
}

.cases-list-li li a .f21 .click span:nth-child(2) {
    background: url("../images/shi2.png") left center no-repeat;
    width: 30%
}

.cases-list-li li a .f21 .click span:nth-child(3) {
    width: 20%;
    float: right;
    color: #00af4b;
    font-size: 20px;
    text-align: right;
    text-indent: 0
}

/**/
.cases-list-li li a .f3 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    left: 0;
    top: 0;
}

.cases-list-li li a .f3 .f3-c {
    width: 90%;
    margin: 0 auto;
}

.cases-list-li li a .f3 .f3-c .p1 {
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-top: 34%;
    position: relative;
    top: 30px;
    transition-delay: 0.1s;
    opacity: 0
}

.cases-list-li li a .f3 .f3-c .p2 {
    width: 29px;
    height: 17px;
    margin: 0 auto;
    background: url("../images/tt1.png") center no-repeat;
    padding: 5% 0;
    position: relative;
    top: 40px;
    transition-delay: 0.15s;
    opacity: 0
}

.cases-list-li li a .f3 .f3-c .p3 {
    font-size: 15px;
    text-align: center;
    color: #fff;
    position: relative;
    top: 50px;
    transition-delay: 0.18s;
    opacity: 0
}

/*hover*/
.cases-list-li li:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    box-shadow: 0px 2px 14.09px 0.91px rgba(167, 162, 184, 0.43)
}

.cases-list-li li a:hover .f1 img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.cases-list-li li a:hover .f2 {
    opacity: 1
}

.cases-list-li li a:hover .f3 .f3-c .p1 {
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    opacity: 1;
}

.cases-list-li li a:hover .f3 .f3-c .p2 {
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    opacity: 1;
}

.cases-list-li li a:hover .f3 .f3-c .p3 {
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    opacity: 1;
}

.cases-list-li li a:hover .f21 {
    transform: translateY(60%);
    -webkit-transform: translateY(60%);
    opacity: 0;
}

/**案例详情*/
.case-has-img img {
    max-width: 100%;
    display: block;
    margin: 6px auto;
}

/*案例详情新增，左右排版新增*/
/*.cases-info-l .top .le{width: 480px;height: 300px;float: left;box-sizing: border-box;border: 1px solid #eee;background: #f5f5f5}*/
.cases-info {
    padding: 1% 0;
}

/*.cases-info-l .top .leli{width: 480px;float: left;}*/
.cases-info-l {
    width: 50%;
    float: left;
    background: pink;
    position: relative
}

/*.cases-info-l .top .z{width: 480px;height: 450px;float: left;position: relative;background: #fff}*/

.cases-info-l .top {
    width: 100%;
    height: 30vw;
    overflow: hidden;
    box-sizing: border-box;
    border: 0px solid #ddd;
    background: #fff
}

.cases-info-l .bot {
    width: 100%;
    margin: 0 auto;
    padding: 2% 0;
    background: #f3f0f0
}

.cases-info-l .bot .swiper-slide {
    width: 160px;
    height: 98px;
    cursor: pointer;
}

.cases-info-l .bot .swiper-wrapper {
    margin-left: -25%
}

/*.cases-info-l .top .swiper-button-prev{width: 24px;height: 71px!important;background:#1753b5 url("../images/pr11.png") center no-repeat!important;*/
/*top: 100%!important;margin-top: -85px!important;left: 1px!important;}*/
/*.cases-info-l .top .swiper-button-next{width: 24px;height: 71px!important;background:#1753b5 url("../images/ne11.png") center no-repeat!important;*/
/*top: 100%!important;margin-top: -85px!important;right: 1px!important;}*/
.cases-info-l .swiper-button-prev {
    left: 10px;
    top: 32%;
    width: 35px;
    height: 80px;
    background: rgba(192, 18, 27, 0.85);
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../images/pr.png");
}

.cases-info-l .swiper-button-next {
    right: 10px;
    top: 32%;
    width: 35px;
    height: 80px;
    background: rgba(192, 18, 27, 0.85);
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../images/ne.png")
}




.cases-info-l .bot .swiper-slide img {
    box-sizing: border-box;
    border: 0px solid #bbb;
    opacity: 0.5
}

.cases-info-l .bot .swiper-slide-active img {
    box-sizing: border-box;
    border: 0px solid #ef7d0e;
    opacity: 1
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.3 !important;
}


/*右侧*/
.cases-info-r {
    width: 47%;
    background: #fff;
    float: right;
}

.cases-info-r p {
    color: #444;
    margin: 15px 0;
    line-height: 1.8;
}

.cases-info-r img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.cases-info-r a {
    color: blue;
    text-decoration: underline
}

.cases-info-r p,
.news-info-con p span,
.news-info-con br,
.news-info-con strong,
.news-info-con a {
}

.cases-info-r fieldset {
    padding: 10px;
    border: 1px dashed #ddd;
}

.cases-info-r fieldset .legend {
    font-size: 20px;
    font-weight: bold;
    padding: 0 8px;
}

.cases-info-r fieldset .cc {
    padding: 10px 2%;
    width: 96%
}

/**********************************************产品详情**********************/
.main-main-pro {
    background: #fff;
}

.pro-list-li li {
    width: 23.5%;
    margin-right: 2%;
    float: left;
}

.pro-list-li li:nth-child(4n) {
    margin-right: 0
}

.pro-list-li li:nth-child(n+5) {
    margin-top: 3%;
}

.pro-list-li a {
    display: block;
    width: 100%;
    height: 464px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0px 2px 9.09px 0.91px rgba(167, 162, 184, 0.43);
}

.pro-list-li a .a {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}
/* .pro-list-li a .a img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
} */
/* .pro-list-li a .a img {
    transform: scale(0.9);
    -webkit-transform: scale(0.9)
} */

.pro-list-li a .b {
    width: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
}

.pro-list-li a .b .t {
    width: 90%;
    padding: 4% 5%;
    font-size: 16px;
    text-align: left;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0px 2px 9.09px 0.91px rgba(167, 162, 184, 0.43)
}

.pro-list-li a .c {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0
}

.pro-list-li a .d {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    border: 0px solid #eee;
}

.pro-list-li a .e {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
}

.pro-list-li a .e .t1 {
    width: 90%;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-top: 30%;
    margin-left: 5%;
    padding-bottom: 20%;
    background: url("../images/proj.png") bottom center no-repeat;
    background-size: 13%;
    opacity: 0;
    position: relative;
    top: 25px;
}

/*hover*/

.pro-list-li a:hover .a img {
    transform: scale(1.1);
}

.pro-list-li a:hover .b {
    transform: translateY(50%);
    opacity: 0
}

.pro-list-li a:hover .c {
    opacity: 1;
}

.pro-list-li a:hover .d {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    border: 1px solid #eee;
}

.pro-list-li a:hover .e .t1 {
    opacity: 1;
    transform: translateY(-25px);
    -webkit-transform: translateY(-25px);
}



/**产品详情*/
.pro-info-img img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

/*新增产品详情左右排版*/
.pro-info-c {
    margin-bottom: 3%
}

.pro-info-c-l {
    width: 45%;
    float: left;
    position: relative
}

/*.pro-info-c-l*/
/*轮播*/
.pro-info-c-l.z {
    width: 100%;
    position: relative;
    float: left;
}

.pro-info-c-l .top {
    width: 100%;
    height: 28vw;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: 2%
}

.pro-info-c-l .bot {
    width: 100%;
    height: 80px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.pro-info-c-l .bot .i {
    width: 80px;
    height: 80px;
    float: left;
}

.pro-info-c-l .bot .i img {
    box-sizing: border-box;
    border: 1px solid #ddd;
    opacity: 0.8;
    cursor: pointer;
}

.pro-info-c-l .bot .i[data=xz] img {
    box-sizing: border-box;
    border: 1px solid #00af4b;
    opacity: 1
}

.pro-info-c-l .bot ul .i:nth-child(n+2) {
    margin-left: 5px;
}

.pro-info-c-l .swiper-button-prev1 {
    width: 35px;
    height: 20% !important;
    min-height: 70px;
    background: #666 url("../images/pr1.png") center no-repeat !important;
    top: 35% !important;
    left: 0px !important;
    position: absolute;
    z-index: 10;
    cursor: pointer;
}

.pro-info-c-l .swiper-button-next1 {
    width: 35px;
    height: 20% !important;
    min-height: 70px;
    background: #666 url("../images/ne1.png") center no-repeat !important;
    top: 35% !important;
    right: 0px !important;
    position: absolute;
    z-index: 10;
    cursor: pointer;
}

.pro-info-c-l .swiper-button-disabled {
    opacity: 0.3
}

/**/
.pro-info-c-l img {
    display: block;
    max-width: 100%;
}

.pro-info-c-r {
    width: 52%;
    float: right;
}

.pro-info-c-r .f-l {
    width: 100%;
    ;
    float: left;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 1%
}

.pro-info-c-r .f-r {
    float: left;
    margin-top: 0%;
    width: 100%;
    position: relative
}

.pro-info-c-r .floor:nth-child(n+2) {
    margin-top: 3.5%;
}

.pro-info-c-r .floor:hover .f-l {
    color: #00af4b;
}

.pro-info-c-r .floor {
    border-bottom: 0px solid #ddd;
    padding-bottom: 0%
}

.pro-info-c-r .f-r span {
    display: inline-block;
    padding: 1.4% 4%;
    box-sizing: border-box;
    color: #666;
    font-size: 14px;
    margin: 5px 2px;
    border: 1px solid #ddd;
    background: url("../images/nook.png") bottom right no-repeat;
    background-size: 18px !important;
    cursor: pointer;
    border-radius: 3px
}

.pro-info-c-r .f-r span.xz {
    background: url("../images/ok.png") bottom right no-repeat;
    border-color: #00af4b;
    color: #00af4b
}

.pro-info-c-r .f-r input {
    width: 80%;
    min-width: 200px;
    display: block;
    outline: none;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 3.2% 2%;
    border-radius: 3px;
    position: relative
}

.pro-info-c-r .f-r .code {
    position: absolute;
    right: 20%;
    height: 100%;
    top: 0;
    display: block
}

.pro-info-c-r .f-r select {
    width: 80%;
    display: block;
    min-width: 200px;
    outline: none;
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 3.2% 2%;
    border-radius: 3px
}

.pro-info-c-r .floorl {
    width: 50%;
    float: left
}

.pro-info-c-r .f-r input:focus {
    border-color: #00af4b;
}

.pro-info-c-r .f-r button {
    width: 80%;
    min-width: 200px;
    background: #ddd;
    font-size: 16px;
    display: block;
    outline: none;
    box-sizing: border-box;
    border: 0px solid #ddd;
    padding: 3% 2%;
    border-radius: 3px
}


/*产品详情*/
.pro-info-con {
    margin: 0 auto
}

.pro-info-floor .top {
    border-bottom: 1px solid #ddd;
}

.pro-info-floor .top .le {
    float: left;
    padding: 1% 3%;
    background: #00af4b;
    color: #fff;
}

.rel-con {
    padding: 2% 0
}

.rel-con p {
    color: #666;
    margin: 8px 0;
    line-height: 1.6;
}

.rel-con img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.rel-con a {
    color: blue;
    text-decoration: underline
}

.rel-con p,
.rel-con p span,
.rel-con br,
.rel-con strong,
.rel-con a {
}

/*相关案例*/
.pro-info-cases {
    padding: 2% 0
}

.pro-info-cases .swiper-slide a {
    display: block;
    width: 100%;
}

.pro-info-cases .swiper-slide a .i {
    width: 100%;
    height: 14vw;
    overflow: hidden;
}

.pro-info-cases .swiper-slide a .t {
    width: 95%;
    padding: 2.5% 2.5%;
    text-align: center
}

/*.swiper-containerpro-case{padding-bottom: 30px}*/
.pro-info-cases .swiper-slide a:hover .i img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.pro-info-cases .swiper-slide a:hover .t {
    color: #00af4b;
}




/*左侧分类浮动*/
#sifu {
    display: none;
    width: 250px;
    position: fixed;
    top: 25%;
    left: -200px;
    z-index: 11;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    opacity: 0.6;
}

#sifu .ful {
    width: 200px;
    float: left;
    background: #00af4b;
    padding: 5px 0
}

#sifu .ful ul {
    width: 96%;
    margin: 0 auto;
    background: #fff;
    padding: 15px 0
}

#sifu .ful li {
    width: 92%;
    margin: 0 auto;
    background: #eee;
}

#sifu .ful li:nth-child(n+2) {
    margin-top: 10px
}

#sifu .ful li a {
    display: block;
    font-size: 15px;
    padding: 10px 8%;
    border-radius: 2px
}

#sifu .fur {
    width: 50px;
    height: 50px;
    background: #00af4b url("../images/fumenu.png") center no-repeat;
    float: left;
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
}

/**/
.sifu-show {
    transform: translateX(200px);
    -webkit-transform: translateX(200px);
    opacity: 1 !important;
}

#sifu .ful li:hover a {
    background: #00af4b;
    color: #fff !important;
}

#sifu .ful li.xz a {
    background: #00af4b;
    color: #fff !important;
}



/****************************************人才招聘**************/
.jobs-list-li li {
    width: 49%;
    margin-right: 2%;
    float: left;
}

.jobs-list-li li:nth-child(2n) {
    margin-right: 0;
}

.jobs-list-li li:nth-child(n+3) {
    margin-top: 3%;
}

.jobs-list-li a {
    display: block;
    width: 100%;
    background: #fff;
    box-shadow: 0px 2px 12.09px 0.91px rgba(167, 162, 184, 0.33);
    border-radius: 5px;
    padding: 1% 0 3% 0
}

.jobs-list-li a .son {
    width: 95%;
    overflow: hidden;
    margin: 0 auto;
}

.jobs-list-li a .t1 {
    padding: 2% 0;
    border-bottom: 1px solid #eee
}

.jobs-list-li a .t1 .t1l {
    background: url("../images/job.png") left center no-repeat;
    float: left;
    text-indent: 30px;
    background-size: contain;
    font-size: 20px;
    font-weight: bold
}

.jobs-list-li a .t1 .t1r {
    float: right;
    color: #00af4b;
    text-decoration: underline
}

.jobs-list-li a .son .con {
    margin-top: 2.5%;
    height: 15vw;
    overflow-y: scroll;
}

.jobs-list-li a .son .con p {
    color: #666;
    padding: 3px 0;
    font-size: 14px;
    line-height: 1.6
}

.jobs-list-li a .son .con::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.jobs-list-li a .son .con::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px transparent;
    background: #f8f8f8;
    border-radius: 3px;
}

.jobs-list-li a .son .con::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #bbb;
}


.jobs-list-li a:hover {
    box-shadow: 0px 2px 15.09px 0.91px rgba(167, 162, 184, 0.63);
}

.jobs-list-li a:hover .t1 .t1l {
    color: #00af4b
}

/**浮框表单*/
.fu-job {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 12;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    display: none
}

.fu-job .job-son {
    width: 100%;
    height: 100%
}

#jobform {
    background: #fff;
    border-radius: 5px;
    padding: 40px 30px 30px 30px;
    box-shadow: 0px 2px 15.09px 0.91px rgba(167, 162, 184, 0.63) inset;
    position: relative;
}

#jobform .jobclose {
    position: absolute;
    right: 0px;
    top: 0;
    background: #00af4b;
    color: #fff;
    display: inline-block;
    padding: 2px 10px;
    font-size: 14px;
    cursor: pointer;
}


#jobform .faqline {
    padding: 6px 0;
    border-bottom: 0px solid #eee;
}

#jobform .faqline .faqtit {
    width: 90px;
    height: 40px;
    line-height: 40px;
    float: left;
    background: #fff;
    text-align: left;
    font-size: 15px;
    border-radius: 2px;
}

#jobform .faqline .input {
    text-indent: 8px;
    width: 370px;
    outline: none;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    float: left
}

#jobform textarea {
    width: 370px;
    outline: none;
    height: 100px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    float: left;
    text-indent: 8px;
    border-radius: 2px;
}

#jobform .input:focus {
    border-color: #00af4b;
}

#jobform textarea:focus {
    border-color: #00af4b;
}

/*#jobform input:hover{border-color: #00af4b;}*/
/*#jobform textarea:hover{border-color: #00af4b;}*/
#jobform .faqline .input1 {
    width: 120px;
    float: left;
}

#jobform .code img {
    display: block;
    float: left;
    height: 40px;
    margin-left: 0px;
}

#jobform .code .tip {
    display: block;
    float: left;
    color: red;
    font-size: 14px;
}

#jobform button {
    width: 120px;
    height: 38px;
    background: #00af4b;
    color: #fff;
    display: block
}



















/***新增头部分类****/
.typelist {
    padding-bottom: 3%;
    padding-top: 1%
}

.typelist-l {
    float: left;
    width: 30%
}

.typelist-l .p1 {
    font-weight: bold;
    font-size: 40px;
    color: #2b2b2b;
    padding-left: 42px;
    background: url("../images/i.png") left center no-repeat;
}

.typelist-l .p2 {
    font-size: 16px;
    color: #6d6d6d;
    line-height: 1.8;
    margin-top: 3%
}

.typelist-r {
    float: right;
    margin-top: 0%;
    width: 68%;
    text-align: right
}

/*.typelist-r li{float: left;margin-left: 10%;}*/
.typelist-r a {
    display: inline-block;
    background: #ececec;
    font-size: 15px;
    color: #282828;
    position: relative;
    padding: 1.1% 2.5%;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    border-radius: 2px;
    z-index: 2;
    margin: 1.5% 0 1.5% 10px
}

.typelist-r a:after {
    content: '';
    width: 100%;
    height: 18%;
    z-index: 1;
    position: absolute;
    bottom: -18%;
    left: 0;
    background: url("../images/sj.png") top center no-repeat;
    background-size: contain;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    opacity: 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.typelist-r a:hover {
    background: #1e64bc;
    color: #fff;
    font-weight: normal;
}

/* .typelist-r a:hover:after {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    opacity: 1;
} */

.typelist-r a.xz {
    background: #1e64bc;
    color: #fff;
    font-weight: normal;
}

.typelist-r a.xz:after {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    opacity: 1;
}






/*********************/
.other-title {
    font-size: 36px;
    text-align: center;
    padding: 2% 0;
    color: #111;
    font-weight: bold
}
@media screen and (max-width: 1800px) {
    .culture-list li{padding: 60px 20px;}
    .comvideor{height: 58vw;}
    .comvideo::before{
        height: 26%;
    }
    .main-com-f1-r{width: 24%;}
    .main-com-f1-l{width: 72%;}
}
@media (min-width:1199px) and (max-width:1399px){
    .iab-pc-l-r-con .p2,.iprof2-c2,.culture-text p{font-size: 15px;line-height: 1.9;}
    
}
@media screen and (max-width: 1366px) {
    .comvideoli2{
        padding-bottom: 2vw;
        padding-top: 2vw;
    }
    .iprof2-c {
        margin-right: 0;
    }

    .iprof2 {
        width: 24%;
    }

    .iprof2-c1,.ihon-t,.iculf2-c1 {
        font-size: 35px;
    }

    .index-product-tab .Tt .box {
        height: 340px;
        margin-top: -170px;
    }

    .casesl {
        padding-left: 8%;
    }
}

@media screen and (max-width: 1024px) {
    .ifour li .p-num {
        font-size: 35px;
        margin-top: 0;
        height: 60px;
        line-height: 60px;
    }

    .vrbtnbox .vrbtn {
        margin-top: 0px;
        height: 60px;
    }

    .vrbtn i {
        width: 60px;
        height: 60px;
    }
}