/* banner开始 */
.aboutbanner {
    height: 100vh;
}
.aboutbanner .wp-cont .cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.abtext {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
.abtext h5 {
    font-size: var(--f45);
    line-height: 1.5;
    color: #fff;
}

.abtext i {
    display: block;
    height: 0.02rem;
    width: 0.325rem;
    background: #c80a14;
    margin: 0.1rem 0 0.25rem;
}

.abtext h6 {
    color: #fff;
    font-size: var(--f26);
    line-height: 1.5;

}

.abtext p, .abtext p a{
    color: #fff;
    font-size: var(--f17);
    line-height: 2em;
    margin-top: 0.25rem;
    max-width: 3.5rem;
}
.abtext p a:hover{
    text-decoration:underline;
}

.aboutbanner ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem 1rem;
    max-width: 3.875rem;
    width: 100%;
}

.aboutbanner ul li {
    display: flex;
    flex-direction: column;
    gap: 0.06rem;
    padding-left: 0.175rem;
    border-left: 1px solid rgb(255 255 255 / 20%);
}

.aboutbanner ul li div {
    display: flex;
    align-items: flex-end;
    gap: .0625rem;
}

.aboutbanner ul li div .counter {
    color: #fff;
    font-size: var(--f77);
    line-height: 1.125;
}

.aboutbanner ul li div em {
    color: #fff;
    font-size: var(--f20);
    line-height: 2.5;

}

.aboutbanner ul li p {
    font-size: var(--f20);
    line-height: 1.5;
    color: #fff;
}

.aboutbanner .shubiao {
	position: absolute;
    left: 0;
    bottom: 8vh;
}

.aboutbanner .mbx{
	bottom: 6vh;
}
/* banner结束 */



/* 美好世界开始 */
.n-about1 {
    width: 100%;
    position: relative;
    background: url(../images/n-about1bg.jpg)center no-repeat;
    background-size: cover;
}

.n-about1 .wp-cont>p {
    margin: 0.2rem 0 0.625rem;
    color: #888888;
    font-size: var(--f18);
    line-height: 2em;

}

.n-about1 .n-abhead{
	font-size: var(--f52);
}

.n-about1 .wp-cont ul {
    display: flex;
    align-items: center;
    gap: 0.5625rem;
}

.n-about1 .wp-cont ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.1125rem;
}
.n-about1 .wp-cont ul li *{
    transition: all .5s ;
}

.n-about1 .wp-cont ul li img {
    width: 0.35rem;
}

.n-about1 .wp-cont ul li p {
    color: #3e3e3e;
    font-size: var(--f18);
    line-height: 1.2em;
    font-weight: bold;
}

.n-about1 .wp-cont ul li:hover img{
	transform: translateY(-10%);
}

.n-about1 .wp-cont ul li:hover p{
	color: var(--themeColor);
}

/* 美好世界结束 */




/* 大道至简开始 */
.n-about2 {
    width: 100%;
    position: relative;
    background: url(../images/n-about2bg.png)center no-repeat;
    background-size: cover;
}

.n-about2 .abkf {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.n-about2 .abkf .ableft p {
    color: #888888;
    font-size: var(--f18);
    line-height: 1.8em;
    margin-top: 0.1rem;

}

.n-about2 .abkf .abright {
    display: flex;
    align-items: center;
    gap: 0.125rem;
}

.n-about2 .abkf .abright p {
    color: #7d7d7d;
    font-size: var(--f18);
    line-height: 1.5;

}

.n-about2 .abkf .abright .swiper-button-white {
    border-radius: 50%;
    background: #fff;
    position: relative;
    margin-top: 0;
    box-shadow: 0px 0px 35px rgba(186, 186, 186, 0.26);
    transition: all .5s;
    left: 0;
    right: 0;
}

.n-about2 .abkf .abright .swiper-button-white i {
    color: #747474;
}

.n-about2 .abkf .abright .swiper-button-white:hover {
    background: #c80a14;
}

.n-about2 .abkf .abright .swiper-button-white:hover i {
    color: #fff;
}

.n-about2 #n-kaifa {
    margin: 0.265rem -0.1125rem 0;
    padding: 0.1125rem;
	box-sizing: content-box;
}

.n-about2 #n-kaifa .swiper-slide {
    display: flex;
    flex-direction: column;
    gap: 0.1625rem;
}

.n-about2 #n-kaifa .swiper-slide>div {
    display: flex;
    align-items: center;
    gap: 0.125rem;
    padding: 0.25rem;
    transition: all .5s;
    background: #fff;
    border-radius: .0625rem;
    box-shadow: 0px 0px 15px rgba(208, 208, 208, 0.26);
}
.n-about2 #n-kaifa .swiper-slide>div * {
    transition: all .5s;
}

.n-about2 #n-kaifa .swiper-slide>div svg,.n-about2 #n-kaifa .swiper-slide>div img {
    width: 0.26rem;
}

.n-about2 #n-kaifa .swiper-slide>div h5 {
    color: #3e3e3e;
    font-size: var(--f22);
    line-height: 1.5;
    transition: all .5s;
}

.n-about2 #n-kaifa .swiper-slide>div p {
    color: #626262;
    font-size: var(--f17);
    line-height: 1.75em;
    margin-top: .05rem;

    transition: all .5s;
}

.n-about2 #n-kaifa .swiper-slide>div:hover {
    background: #c80a14;
}

.n-about2 #n-kaifa .swiper-slide>div:hover h5,
.n-about2 #n-kaifa .swiper-slide>div:hover p {
    color: #fff;
}

.n-about2 #n-kaifa .swiper-slide>div:hover svg path {
    fill: #fff;
}
.n-about2 #n-kaifa .swiper-slide>div:hover img{
	filter: var(--imgWhite);
}
/* 大道至简结束 */





/* 专心笃志开始 */
.n-about3 {
    width: 100%;
    position: relative;
    background: url(../images/n-about3bg.jpg)center no-repeat;
    background-size: cover;
}

.n-about3 .wp-cont>p,
.n-about4 .wp-cont>p,
.n-about7 .wp-cont>p {
    margin: .05rem 0 0.225rem;
    color: #888888;
    font-size: var(--f18);
    line-height: 2em;

}

.n-about3 #n-abhonor {
    max-width: 6.0375rem;
    margin-left: 0;
    padding-top: 0.2rem;
}

.n-about3 #n-abhonor a .img {
    /* height: 1.95625rem; */
	aspect-ratio: 700/859;
}

.n-about3 #n-abhonor a .img img {
    object-fit: contain;
}

.n-about3 #n-abhonor a {
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 0.15rem;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    border-radius: .05rem;
    overflow: hidden;
}


.n-about3 #n-abhonor p {
    padding-top: .075rem;
    border-top: 1px solid #e3e3e3;
    color: #424242;
    font-size: var(--f18);
    line-height: 1.875em;
    font-weight:bold;
    width: 100%;
    text-align: center;

    transition: all .5s;
}
.n-about3 #n-abhonor .prevry,.n-about3 #n-abhonor .nextry{
	background: transparent;
	box-shadow: none;
	width: 0.14rem;
}
.n-about3 #n-abhonor .prevry img,.n-about3 #n-abhonor .nextry img{
	object-fit: contain;
}
.n-about3 #n-abhonor .prevry {
    left: 31%;
}

.n-about3 #n-abhonor .nextry {
    right: 31%;
}

.n-about3 #n-abhonor .swiper-slide {
    transition: margin-top .5s,padding-bottom .5s;
}

.n-about3 #n-abhonor .swiper-slide:hover {
    margin-top: -0.15rem;
    padding-bottom: 0.15rem;
}


.n-about3 #n-abhonor .swiper-slide:hover p {
    color: #c80a14;
}
/* 专心笃志结束 */



/* 追求极致开始 */
.n-about4 ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.1625rem;
}

.n-about4 ul li a {
    display: block;
    position: relative;
    border-radius: .05rem;
    overflow: hidden;
}

.n-about4 ul li:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}

.n-about4 ul li:first-child .img-db:after {
    padding-top: 63.5%;
}

.n-about4 ul li a .img-db:after {
	content: '';
	display: block;
    padding-top: 62.23%;
}


.n-about4 ul li:first-child a .bmname {
    /* left: 0.3rem; */
    /* bottom: 0.3125rem; */
    padding: 0.325rem 0.3rem;
}

.n-about4 ul li a .bmname {
    position: absolute;
    /* left: 0.1875rem; */
    /* bottom: 0.125rem; */
    left:0;
    bottom:0;
    color: #fff;
    width:100%;
    background:linear-gradient(to top, rgba(0, 0, 0, .9), rgba(0, 0, 0, 0));
    padding: 0.125rem 0.1875rem;
    transition: all .5s;
}

.n-about4 ul li:hover a .bmname {
    background:linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.n-about4 ul li a .bmname h5 {
    color: #fff;
    font-size: var(--f24);
    line-height: 1.5;
}

.n-about4 ul li a .bmname p {
    font-size: var(--f18);
    line-height: 1.875em;
}
/* 追求极致结束 */




/* 走过十二载开始 */
.n-about5 {
    width: 100%;
    height: 40vw;
    position: relative;
    background: url(../static/image/web/about/lic1bg.png)center no-repeat #e3eaf3;
    background-size: cover;
    overflow: hidden;
    margin: 5% 0%;
}

.lcleft p,
.khleft p {
    margin-top: .05rem;
    color: #888888;
    font-size: var(--f18);
    line-height: 2em;
}

.lchead,
.khead {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#fazhan {
    padding: 0rem 0 2.4rem;
}

#fazhan .swiper-slide .bian {
    padding-left: 0.3rem;
    position: relative;
    margin-left: 0.08rem;
    height: auto;
    transition: all .5s;
    bottom: 0;
}

#fazhan .swiper-slide-thumb-active .bian {
    bottom: 0.1rem;
}

#fazhan .swiper-slide .bian::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 300%;
    top: 0.2rem;
    background: #bebebe;
    left: 0.05rem;
    bottom: 0;
}

#fazhan .swiper-slide .bian::after {
    content: '';
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    background: url(../images/licquan.png)no-repeat;
    background-size: cover;
    border-radius: 50%;
    left: -0.0375rem;
    top: 0;
}

#fazhan .swiper-slide .bian h5 {
    color: #d2141e;
    font-family: 'num-font';
    font-size: var(--f43);
    line-height: 1;
    margin-bottom: 0.15rem;
    letter-spacing: -0.01rem;
}

#fazhan .swiper-slide .bian h6 {
    color: #000000;
    font-size: var(--f26);
    line-height: 1.6em;
    font-weight: bold;
}

#fazhan .swiper-slide .bian p {
    color: #5c5c5c;
    font-size: var(--f17);
    line-height: 1.875em;
    margin-top: 0.05rem;
}

.libottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: url(../images/lic2bg.png) center no-repeat;
    background-size: cover;
    height: 1.625rem;
    z-index: 10;
}

#fazhan .swiper-slide {
    /* transition: all .8s ease-in-out; */
    transition: bottom .8s ease-in-out;
    bottom: 0;
}

#fazhan .swiper-slide-active {
    bottom: -0.75rem;
}

#fazhan .swiper-slide-active+div {
    bottom: -0.5rem;
}

#fazhan .swiper-slide-active+div+div {
    bottom: -0.3125rem;
}

#fazhan .swiper-slide-active+div+div+div {
    bottom: 0rem;
}
.lcright,
.khright {
    display: flex;
    align-items: center;
    gap: 0.15625rem;
}

.lcright .swiper-button-white,
.khright .swiper-button-white {
    margin-top: 0;
    position: relative;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 50%;
    /* width: 0.2375rem;
    height: 0.2375rem; */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
}

.lcright .swiper-button-white:hover,
.khright .swiper-button-white:hover {
    background: #d2141e;
}

.lcright .swiper-button-white:hover i,
.khright .swiper-button-white:hover i {
    color: #fff;
}
/* 走过十二载结束 */



/* 客户心声开始 */
#n-kh {
    margin: 0.02rem -0.2rem 0;
    padding: 0.25rem 0.2rem;
    border-radius: 0.375rem;
	box-sizing: content-box;
}

#n-kh .swiper-slide {
    padding: 0.2625rem;
    background: #fff;
    border-radius: .05rem;
    transition: all .5s;
    box-shadow: 0px 0px 0.08rem rgba(162, 162, 162, 0.26);
}

#n-kh .swiper-slide:hover {
    box-shadow: 0px 0px 0.21rem rgba(162, 162, 162, 0.26);
}


#n-kh .swiper-slide .khxx {
    display: flex;
    align-items: center;
    gap: .075rem;
}

#n-kh .swiper-slide .khxx .img {
    width: 0.475rem;
    height: 0.475rem;
    border-radius: 50%;
    flex-shrink: 0;
}

#n-kh .swiper-slide .khxx .img-db:after {
	content: '';
	display: block;
    padding-top: 30.9%;
}

#n-kh .swiper-slide .khxx h5 {
    color: #212121;
    font-size: var(--f24);
    line-height: 1.7em;
}

#n-kh .swiper-slide .khxx p {
    color: #161616;
    font-size: var(--f18);
    line-height: 1.5;
}

#n-kh .swiper-slide>p {
    color: #777777;
    font-size: var(--f16);
    line-height: 1.9375em;
    margin-top: 0.2rem;
}
/* 客户心声结束 */




/* 感恩信赖开始 */
.n-about7 {
    position: relative;
}

.ab05Img {
    position: absolute;
    top: 0%;
    right: 0%;
    height: auto;
    width: auto;
    animation: xb2 8s linear infinite;
    -webkit-animation: xb2 8s linear infinite;
}

.ab05 .ab05Img img {
    max-width: 100%;
}

@keyframes xb2 {
    0% {
        transform: translate(8%, 0%);
    }

    25% {
        transform: translate(16%, -3%);
    }

    50% {
        transform: translate(23%, 0%);
    }

    75% {
        transform: translate(16%, 3%);
    }

    100% {
        transform: translate(8%, 0%);
    }
}

.n-about7 .wp-cont>p {
    margin-bottom: 0.4rem;
}
/* 感恩信赖结束 */