.container {
 z-index: 4;
    text-align: center;
    perspective: 1000px;
    position: absolute;
    height: 150px;
    width: 92%;
	left:4%;
	top:0%;
.sl-bio p
  perspective: 1000px;}

.color-block {
width: 95%;
    height: 152px;
    background: rgba(255,255,255,0.95);
    margin: 0 auto;
    position: relative;
    border-bottom-left-radius: 34px;
    border-bottom-right-radius: 34px;
    transform: rotateX(-50deg);
    transform-origin: top center;
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);}



#header,
#nav ul li>a,
.top_menu {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
;}

#header {
    z-index: 996;
    width: 76%;
    left: 12%;
    height: 5.125rem;
    position: absolute;
    background: rgba(255, 255, 255, 0);
    top: 0;
    transition: .5s
;}

#header>.m {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    position: static
;}

#header .fr {
    display: flex;
    justify-content: space-between;
    width: calc(50% + 13rem)
;}

#logo {
    flex-shrink: 0;
    transition: .5s;
    margin-right: 10rem
;}

#logo a {
    display: flex;
    height: 100%;
    align-items: center
;}

#logo img {
    transition: .5s
;}

#logo .img01 {
    display: none
;}

#logo .img02 {
    display: block
;}

#nav {
    flex-grow: 1;
   
    transition: .5s
;}

#nav ul {
    display: flex;
    flex-grow: 1
;}

#nav ul li {
    float: left;
    position: relative;
    z-index: 0;
    flex-grow: 1;
    text-align: center;
    font-size: 0
;}

#nav ul li>a {
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 0;
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 1
;}

#nav ul li>a h3 {
    font-size: 1rem;
    color: #333;
    transition: .5s;
    line-height: 6.25rem
;}

#nav ul li>a i {
    margin-left: 5px;
    display: block
;}

#nav ul li>a i svg path {
    fill: #fff
;}

#nav ul li>a:before {
    content: "";
    width: 0;
    height: 10px;
    position: absolute;
    background: url(../image/nav_hover.svg) center no-repeat;
    background-size: 22px;
    bottom: 1rem;
    left: 50%;
    transition: .3s ease-in-out;
    transform: translateX(-50%);
    transform-origin: center
;}

#nav ul li.on>a:before,
#nav ul li:hover>a:before {
    transform: translateX(-50%) scaleX(1);
    width: 22px
;}

#header #logo,
#header #nav,
#header .top_search {
    transition: .3s !important
;}

#header.hide {
    background: rgba(255, 255, 255, 0) !important;
    transition: .5s
;}

.fp-viewing-page1 #header.hide #logo,
.fp-viewing-page1 #header.hide #nav,
.fp-viewing-page1 #header.hide .top_search {
    opacity: 0;
    transition: .5s
;}

#header #logo,
#header #nav,
#header .top_search {
    opacity: 0;
    transition: .5s .5s !important
;}

.fp-viewing-page1 #header #logo,
.fp-viewing-page1 #header #nav,
.fp-viewing-page1 #header .top_search {
    opacity: 1;
    transition: .5s
;}

.ny #header #logo,
.ny #header #nav,
.ny #header .top_search {
    opacity: 1;
    transition: .5s
;}

.top_btn {
    display: flex; margin-left:2rem;}

.top_search {
    display: flex;
    margin-right: 0rem;
    align-items: center;
    color: #333;
    font-size: .9375rem;
  
    font-weight: bold;
    cursor: pointer;
    transition: .5s;
    width: 7rem
;}

.top_search svg {
    width: 1.625rem;
    height: 1.625rem;
    margin-left: .5rem;
    flex-shrink: 0
;}

.top_nav {
    margin-left: 3.125rem;
    position: fixed;
    z-index: 1000;
    right: 4%;
    top: 0;
    height: 6.125rem;
    display: flex;
    align-items: center;
    justify-content: center
;}

#top_nav_btn {
    height: 2.75rem;
    width: 2.75rem;
    background-color: #a40001;
    border-radius: 50%;
    
    /* 添加呼吸动画 */
    animation: breathing 2.5s ease-in-out infinite;}

/* 呼吸动画定义 */
@keyframes breathing {
    0% {
        background-color: #a40001;}
    50% {
        background-color: #e58a29;}
    100% {
        background-color: #a40001;}
}

.menubtn {
    width: 1.25rem;
    height: 1.25rem;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
;}

.menubtn span {
    display: block;
    width: 1.875rem;
    height: 3px;
    background: #fff;
    position: relative;
    vertical-align: middle;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s
;}

.menubtn span:after,
.menubtn span:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 50%;
    height: 3px;
    left: 0;
    background-color: #fff;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s
;}

.menubtn span:before {
    top: -7px;
    -webkit-transition-property: top, transform;
    -moz-transition-property: top, transform;
    -ms-transition-property: top, transform;
    -o-transition-property: top, transform;
    transition-property: top, transform
;}

.menubtn span:after {
    bottom: -7px;
    left: 50%;
    -webkit-transition-property: bottom, transform;
    -moz-transition-property: bottom, transform;
    -ms-transition-property: bottom, transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform
;}

.menubtn.active span {
    background-color: transparent;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    -ms-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s
;}

.menubtn.active span:after,
.menubtn.active span:before {
    width: 100%;
    background: #fff;
    -webkit-transition-delay: 0s, .3s;
    -moz-transition-delay: 0s, .3s;
    -ms-transition-delay: 0s, .3s;
    -o-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s
;}

.menubtn.active span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
;}

.menubtn.active span:after {
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
;}

.index.fp-viewing-page2 .top_nav,
.index.fp-viewing-page4 .top_nav,
.index.fp-viewing-page6 .top_nav {
    mix-blend-mode: difference
;}

.index.fp-viewing-page1 #header {
    background: rgba(255, 255, 255, 0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0)
;}

.index.fp-viewing-page1 #header #nav ul li>a h3 {
    color: #fff
;}

.index.fp-viewing-page1 #header #logo .img01 {
    display: none
;}

.index.fp-viewing-page1 #header #logo .img02 {
    display: block
;}

.index.fp-viewing-page1 #header #nav ul li>a i svg path {
    fill: #fff
;}

.site_page {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: url(../image/top_nav_bg.jpg) center no-repeat;
    background-size: cover;
    color: #fff
;}

.site_page .m {
    display: flex;
    align-items: center
;}

.site_page .outbox {
    display: flex;
    width: 100%
;}

.site_page .line {
    width: 1px;
    height: auto;
    background: rgba(255, 255, 255, .25)
;}

.page_lianxi {
    width: 50%;
    flex-shrink: 0;
    padding-right: 3rem
;}

.page_lianxi .tt h3 {
    font-size: 3rem;font-weight: bold;
    line-height: 3.375rem
;}

.page_lianxi .tt span {
    font-size: 2.125rem;
    text-transform: uppercase;
    font-family: DINOT-BOLD
;}

.page_lianxi ul {
    margin-top: 5rem;
    margin-bottom: 9rem
;}

.page_lianxi ul li {
    display: flex;
    align-items: center
;}

.page_lianxi ul li+li {
    margin-top: 1.125rem
;}

.page_lianxi ul li .ico {
 width: 2.8125rem;
    height: 3.1875rem;
    flex-shrink: 0;
    border: 1px #fff solid;
    margin-right: 1.25rem;
    /* background: url(../image/ico_bg.svg) center no-repeat; */
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;}

.page_lianxi ul li .ico svg {
    width: 1.375rem;
    height: 1.375rem
;}

.page_lianxi .copyright {
    text-transform: uppercase
;}

.page_lianxi .copyright br {
    display: none
;}

.site_page .right {
    display: flex
;}

.site_nav {
    margin-left: 10.5rem;
    height: 100%
;}

.site_nav ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
;}

.site_nav ul li {
    position: relative
;}

.site_nav ul li a {
    display: block;
    width: 12.875rem;
    position: relative
;}

.site_nav ul li h3 {
    font-size: 1.425rem;
    color: #fff;
    margin-bottom: .625rem
;}

.site_nav ul li span {
    font-size: 1rem;
    color: rgba(255, 255, 255, .4);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: BarlowCondensed-Light
;}

.site_nav ul li a:before {
    content: "";
    display: block;
    width: 2.4375rem;
    height: 1.875rem;
    transform: translateX(-1rem);
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../../images/more_r.jpg) center no-repeat;
    background-size: contain
;}

.site_nav ul li.on a:before {
    opacity: 1;
    transform: translateX(0)
;}

.site_subnav {
    margin-left: 10rem
;}

.site_subnav .li a {
    display: block;
    font-size: .9375rem;
    line-height: 2.375rem;
    color: #fff
;}

.site_subnav {
    display: none
;}

.s_subnav {
    position: absolute;
    left: 18rem;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    transform: translateY(20px)
;}

.s_subnav .li a {
    display: block;
    font-size: .9375rem;
    margin-bottom: 1.375rem;
    color: #fff;
    width: 150px !important
;}

.s_subnav .li a:before {
    display: none !important
;}

.slide_for {
    position: relative;
    width: 200px;
    height: 100%
;}

.slide_for .li {
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    position: absolute
;}

.slide_for .li.on {
    opacity: 1;
    visibility: visible
;}

.site_nav ul li.on .s_subnav {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px)
;}



.mm {
    max-width: 1700px;
    width: 100%;
    padding: 0 100px;
    height: 100%;
    margin: 0 auto;
    display: block;
   display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    position: static;}

#m_header {
    display: none;
    height: 4.5rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 996;
    transition: .5s;
    background: #fff
;}

#m_header .m {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center
;}

#m_header #m_logo img {
    width: 176px
;}

#m_nav {
    width: 100%;
    height: 100vh;
    right: 0;
    top: 0;
    padding: 50px 0;
    overflow: hidden;
    pointer-events: none;
    transition: all 1s .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    visibility: hidden;
    transform-origin: left;
    clip-path: inset(0 0 100vh 0 round 0 0 50vw 50vw)
;}

#m_nav::-webkit-scrollbar {
    display: none
;}

#m_nav.act {
    pointer-events: auto;
    top: 0;
    visibility: visible;
    clip-path: inset(0 0 0 0 round 0 0 0 0);
    opacity: 1;
    transition: all 1.2s cubic-bezier(0.445, 0.145, 0.355, 1)
;}

.site_page .outbox {
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    opacity: 0;
    -webkit-transition: all 1.2s ease;
    transition: all 1.2s ease
;}

.site_page.act .outbox {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
;}

#banner {
    position: relative;
    z-index: 0
;}

#banner .swiper {
    height: 100vh
;}

#banner .swiper-slide .m {
    align-items: flex-start;
    padding-top: 10rem;
    justify-content: flex-start
;}

#banner .swiper-slide {
    overflow: hidden
;}

#banner .slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat !important
;}

#banner .animate01 {
    opacity: 0
;}

#banner .swiper-slide.swiper-slide-active .animate01 {
    animation: enter4 1s ease forwards .3s
;}

#banner .swiper-slide {
    height: 100%
;}

#banner .swiper-slide .bg {
    position: absolute;
    transition: 1s;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
;}

#banner .swiper-slide.swiper-slide-active .bg0 {
    animation: bganim0 1.5s forwards ease
;}

#banner .swiper-slide.swiper-slide-active .bg1 {
    animation: bganim1 1.5s forwards ease
;}

#banner .swiper-slide.swiper-slide-active .bg2 {
    animation: bganim2 1.5s forwards ease
;}

#banner .swiper-slide.swiper-slide-active .bg3 {
    animation: bganim3 1.5s forwards ease
;}

.bn_bot {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
    display: grid;
    grid-auto-rows: 7.5rem;
    grid-template-columns: 7.5rem 13.875rem;
    background: #fff
;}

.bn_bot .arrbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #ebebeb;
    gap: 1rem
;}

.bn_bot .arrbox .arr {
    cursor: pointer
;}

.bn_bot .arrbox .arr path {
    fill: #a9aaae
;}

.bn_bot .arrbox .arr:hover path {
    fill: #2d2f32
;}

.bn_bot .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0
;}

.bn_bot .pagination span {
    white-space: nowrap;
    display: flex
;}

.bn_bot .pagination span.swiper-pagination-current {
    font-size: 2rem;
    color: #a40001 ;
    font-family: BarlowCondensed-Bold
;}

.bn_bot .pagination span.swiper-pagination-total {
    font-size: .875rem;
    color: #868686;
    font-family: BarlowCondensed-SemiBold;
    margin-left: 1rem;
    margin-top: -.5rem
;}

.bn_bot .pagination span.swiper-pagination-current:before {
    content: "0"
;}

.bn_bot .pagination span.swiper-pagination-total:before {
    content: "/0"
;}

.bn_bot .nextpage {
    background: #a40001 ;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
;}

.bn_bot .nextpage a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem
;}

.nextpage span {
    margin-left: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.5rem;
    border: 1.5px solid #fff;
    border-radius: 8px 8px 12px 12px;
    position: relative
;}

.nextpage svg {
    width: 10px;
    height: 10px;
    animation-delay: 0ms;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-name: arrow;
    animation-play-state: running;
    animation-timing-function: linear
;}

@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    ;}

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    ;}
}

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    ;}

    to {
        transform: scale(1);
        transform: scale(1)
    ;}
}

@-webkit-keyframes arrow {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0px, 0px, 0px)
    ;}

    33% {
        opacity: 1
    ;}

    66% {
        opacity: 1
    ;}

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0px, 5px, 0px)
    ;}
}

@keyframes arrow {
    0% {
        opacity: 0;
        transform: translate3d(0px, 0px, 0px)
    ;}

    33% {
        opacity: 1
    ;}

    66% {
        opacity: 1
    ;}

    100% {
        opacity: 0;
        transform: translate3d(0px, 5px, 0px)
    ;}
}

@-webkit-keyframes enter4 {
    0% {
        opacity: 0;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px)
    ;}

    20% {
        opacity: 0;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px)
    ;}

    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px)
    ;}
}

@keyframes enter4 {
    0% {
        opacity: 0;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px)
    ;}

    20% {
        opacity: 0;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px)
    ;}

    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px)
    ;}
}

@-webkit-keyframes enter {
    0% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px)
    ;}

    20% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px)
    ;}

    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px)
    ;}
}

@keyframes enter {
    0% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px)
    ;}

    20% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px)
    ;}

    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px)
    ;}
}

.bn_scroll {
    width: 103px;
    height: 103px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3rem;
    z-index: 99
;}

.bn_scroll img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
;}

.bn_scroll_bg {
    animation: roll 3s linear infinite
;}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    ;}
}

#header .search {

    top: 0;
    height: 0;
    width: 100%;
    overflow: visible;
    overflow: initial;
    background: rgba(0, 0, 0, .5);
    z-index: 2
;}

#header .search.open {}

.module>.module_container {
    margin: 0 auto;
    padding: 0 2.5rem;
    max-width: 1536px;
    position: relative;
    -webkit-transition: all .8s ease;
    transition: all .8s ease
;}

#header .search .module_container {
    height: 0;
    overflow: hidden;
    background: #fff;
    max-width: none;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
	border-radius:14px;}

#header .search.open .module_container {
    height: 22.5rem;
	margin-top:8px;}

#header .search .wrapper {
    padding-top: 8rem;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    opacity: 0;
    -webkit-transition: all 1.2s ease;
    transition: all 1.2s ease
;}

#header .search.open .wrapper {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
;}

#header .search .wrapper form {
    display: block;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px solid #c6c6c6
;}

.icon_search {
    background-image: url(../image/icon_search.jpg);
    width: 16px;
    height: 16px
;}

#header .search .wrapper form .icon_search {
    background-position: 0 -16px;
    opacity: .5;
    margin-top: 8px;
    margin-left: 12px
;}

#header .search .wrapper form input {
    font-size: 16px;
    color: #333;
    height: 30px;
    line-height: 30px;
    margin-left: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: -webkit-calc(100% - 104px);
    width: calc(100% - 104px)
;}

.fl {
    float: left
;}

#header .search .wrapper form .close {
    position: relative;
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin-top: 7px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
;}

#header .search .wrapper form .close:after,
#header .search .wrapper form .close:before {
    width: 1px;
    height: 20px;
    background: #000;
    position: absolute;
    content: "";
    left: 50%
;}

#header .search .wrapper form .close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
;}

#header .search .wrapper form .close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
;}

#header .search .wrapper form .close:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
;}

#header .search .wrapper .keywords {
    line-height: 2.375rem;
    color: #333;
    font-size: .875rem;
    margin-top: 1.75rem
;}

#header .search .wrapper .keywords a {
    color: #444;
    height: 2.375rem;
	line-height:2.375rem;
    margin-bottom: .875rem;
    padding: 0 1.5rem;
    display: inline-block;
    margin-right: .625rem;
    background: #f5f5f7;
    -moz-border-radius: 19px;
    border-radius: 19px
;}

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

.section .outbox {
    width: 100%
;}

.s_leader {
    background: url(../image/s_leader_bg.jpg) center no-repeat;
    background-size: cover
;}

.s_leader .outbox {
    position: relative;
    height: 45.5rem
;}

.s_leader .tt {
    position: absolute;
    left: 0;
    top: 0
;}

.s_leader .tt h3 {
    font-size: 2.75rem;
    color: #3d3d3d;
    font-weight: normal;
    font-weight: 300;
    margin-bottom: .375rem
;}

.s_leader .tt h4 {
    font-size: 2.75rem;
    color: #3d3d3d;
    font-weight: bold;
    font-weight: 900
;}

.s_leader ul li {
    width: 9vw;
    position: absolute
;}

.s_leader ul li .box {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    transition: .5s
;}

.s_leader ul li .box .img:after {
    padding-top: 100%
;}

.s_leader ul li .box .mask {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff
;}

.s_leader ul li .box .mask p {
    font-size: 1.25rem
;}

.s_leader ul li:hover .box .mask {
    background: #a40001 
;}

.circlebox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(.75rem);
    transition: .5s
;}

.circlebox .circle {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ededed;
    border-radius: 50%
;}

.circlebox .dot {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%
;}

.circlebox .dot:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    z-index: 999;
    background: #a40001 ;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateX(50%)
;}

.s_leader ul li:hover .box {
    transform: scale(.9)
;}

.s_leader ul li:nth-child(1) {
    left: 1.5%;
    top: 26%
;}

.s_leader ul li:nth-child(2) {
    width: 7.5vw;
    left: 25.5%;
    top: 29%
;}

.s_leader ul li:nth-child(3) {
    width: 11.7vw;
    left: 40.5%;
    top: 41%
;}

.s_leader ul li:nth-child(4) {
    width: 15.2vw;
    left: 57.2%;
    top: 5%
;}

.s_leader ul li:nth-child(5) {
    width: 11.2vw;
    right: .8%;
    top: 25%
;}

.s_leader ul li:nth-child(6) {
    width: 7.2vw;
    left: 3.8%;
    top: 62%
;}

.s_leader ul li:nth-child(7) {
    width: 11.2vw;
    left: 20.7%;
    top: 65%
;}

.s_leader ul li:nth-child(8) {
    width: 8.5vw;
    left: 56%;
    bottom: 0
;}

.s_leader ul li:nth-child(9) {
    width: 7.1vw;
    right: 24.5%;
    bottom: 27%
;}

.s_leader ul li:nth-child(10) {
    width: 8.9vw;
    right: 7.5%;
    bottom: 9%
;}

.s_leader ul li:nth-child(1) .circlebox {
    transform: translateX(.75rem)
;}

.s_leader ul li:nth-child(2) .circlebox {
    transform: translateX(.75rem) translateY(.5rem) rotate(-15deg)
;}

.s_leader ul li:nth-child(3) .circlebox {
    transform: translateX(-1.25rem) rotate(-170deg)
;}

.s_leader ul li:nth-child(4) .circlebox {
    transform: translateX(1rem) translateY(.5rem) rotate(24deg)
;}

.s_leader ul li:nth-child(5) .circlebox {
    transform: translateX(-1rem) translateY(0) rotate(130deg)
;}

.s_leader ul li:nth-child(6) .circlebox {
    transform: translateX(.5rem) translateY(.5rem) rotate(45deg)
;}

.s_leader ul li:nth-child(7) .circlebox {
    transform: translateX(-1.25rem) translateY(.5rem) rotate(-192deg)
;}

.s_leader ul li:nth-child(8) .circlebox {
    transform: translateX(-1rem) translateY(0) rotate(-192deg)
;}

.s_leader ul li:nth-child(9) .circlebox {
    transform: translateX(.6rem) translateY(.5rem) rotate(43deg)
;}

.s_leader ul li:nth-child(10) .circlebox {
    transform: translateX(.75rem) translateY(0) rotate(2deg)
;}

.s_leader ul li:nth-child(1):hover .circlebox {
    transform: translateX(.75rem) rotate(25deg)
;}

.s_leader ul li:nth-child(2):hover .circlebox {
    transform: translateX(.75rem) rotate(-35deg)
;}

.s_leader ul li:nth-child(3):hover .circlebox {
    transform: translateX(-1.25rem) translateY(.5rem) rotate(-130deg)
;}

.s_leader ul li:nth-child(4):hover .circlebox {
    transform: translateX(1rem) translateY(.5rem) rotate(65deg)
;}

.s_leader ul li:nth-child(5):hover .circlebox {
    transform: translateX(-1rem) translateY(0) rotate(100deg)
;}

.s_leader ul li:nth-child(6):hover .circlebox {
    transform: translateX(.5rem) translateY(0rem) rotate(45deg)
;}

.s_leader ul li:nth-child(7):hover .circlebox {
    transform: translateX(-1.25rem) translateY(.5rem) rotate(-162deg)
;}

.s_leader ul li:nth-child(8):hover .circlebox {
    transform: translateX(-1rem) translateY(.5rem) rotate(-162deg)
;}

.s_leader ul li:nth-child(9):hover .circlebox {
    transform: translateX(.6rem) translateY(.5rem) rotate(80deg)
;}

.s_leader ul li:nth-child(10):hover .circlebox {
    transform: translateX(.75rem) translateY(-.5rem) rotate(32deg)
;}

canvas {
    background: #fff
;}

#fp-nav {
    display: none !important
;}

#fp-nav ul li a span {
    background: rgba(100, 100, 100, 0.5) !important
;}

.fp-viewing-page1 #fp-nav ul li a span,
.fp-viewing-page5 #fp-nav ul li a span {
    background: rgba(255, 255, 255, 0.5) !important
;}

.fp-viewing-page1 #gotop {
    height: 0;
    overflow: hidden
;}

.online_q {
    position: fixed;
    right: 0;
    bottom: 20%;
    z-index: 998;
    transition: .5s;
    -webkit-transition: .5s
;}

.online_q .btn2 {
    width: 5.25rem;
    height: 5.25rem;
    cursor: pointer;
    position: relative;
    margin-bottom: 4px
;}

.online_q .btn-top {
    padding: 0;
    transition: .5s;
    overflow: hidden
;}

.online_q .btn2 a {
    font-size: 12px;
    color: #fff
;}

.online_q .btn2 span {
    display: flex;
    align-items: center;
    background: #a89469;
    border-radius: 10px 0 0 10px;
    flex-direction: column;
    justify-content: center;
    float: left;
    text-align: center;
    width: 5.25rem;
    height: 5.25rem;
    position: relative;
    z-index: 999;
    overflow: hidden;
    transition: .3s;
    -webkit-transition: .3s
;}

.online_q .btn2 span b {
    font-weight: normal;
    font-size: .875rem;
    display: block;
    margin-top: .5rem;
    color: #fff
;}

.online_q .btn2:hover span {
    background: #927c4e
;}

.online_q .open.pic {
    position: absolute;
    background: #fff;
    width: 100px;
    height: 100px;
    right: 80px;
    top: 50%;
    margin-top: -50px;
    text-align: right;
    opacity: 0;
    transition: .6s;
    -webkit-transition: .6s;
    visibility: hidden
;}

.online_q .open.pic img {
    width: 80px;
    height: 80px;
    margin-top: 10px;
    margin-right: 10px
;}

.online_q .btn2:hover .open.pic {
    opacity: 1;
    right: 6.25rem;
    visibility: visible
;}

.online_q .open.phone {
    display: inline-block;
    height: 5.25rem;
    line-height: 5.25rem;
    z-index: 0;
    background: #fff;
    color: #a89469;
    font-family: arial;
    font-size: 18px;
    transition: width 0s;
    -webkit-transition: width 0s;
    text-align: center;
    width: 150px
;}

.online_q .btn2:hover .open.phone {
    transition: .5s;
    -webkit-transition: .5s;
    opacity: 1;
    visibility: visible
;}

.btn-tel a {
    display: block;
    width: 5.25rem;
    white-space: nowrap;
    position: absolute;
    right: 0;
    transition: .5s;
    -webkit-transition: .5s;
    overflow: hidden
;}

.btn-tel:hover a {
    width: 233px
;}

.online_q .btn-02.btn-tel:hover span {
    background: url() center no-repeat #fff;
    border: 2px solid #037ccf
;}

.online_q .open.pic:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -10px
;}

#gotop.hide {
    height: 0;
    overflow: hidden;
    display: block !important
;}

#gotop span {
    background: #a40001  !important
;}

.s_tt {
    margin-bottom: 3rem
;}

.s_tt h3 {
    font-size: 2.125rem;
    color: #3d3d3d;
    font-weight: bold;
    margin-bottom: .375rem
;}

.s_tt p {
    font-family: DINOT-BOLD;
    font-size: 2.875rem;
    color: #3d3d3d;
    text-transform: uppercase;
    line-height: 1
;}

.s_tt p span {
    font-family: BarlowCondensed-Bold
;}

.s_tt svg {
    transform: rotate(270deg);
    margin-top: 2rem;
    height: 4.125rem;
    width: 5.375rem
;}

.s_tt svg path {
    stroke: #a8a5a2 !important
;}

.s_tt.white h3 {
    color: #fff
;}

.s_tt.white p {
    color: #fff
;}

.s_tt.white svg path {
    stroke: rgba(255, 255, 255, 0.4) !important
;}

.s_tt.center {
    text-align: center
;}

.s_tt.center svg {
    margin-left: auto;
    margin-right: auto
;}

.s_peiyang {
    background: url(../image/s_peiyang_bg.jpg) center no-repeat;
    background-size: cover
;}

.s_peiyang .outbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4rem
;}

.s_peiyang .outbox .pic {
    width: 40rem
;}

.s_peiyang .outbox .con {
    line-height: 1.875;
    max-width: 650px
;}

.s_peiyang .outbox .con h4 {
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1.5rem
;}

.s_peiyang .outbox .con p {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #fff
;}

.s_linian {
    background: url(../image/s_linian_bg.jpg) center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden
;}

.s_linian .outbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4rem
;}

.s_linian .outbox .pic {
    width: 40rem
;}

.s_linian .outbox .con {
    line-height: 1.875;
    max-width: 650px
;}

.s_linian .outbox .con h4 {
    font-size: 1.25rem;
    color: #4d4d4d;
    font-weight: bold;
    margin-bottom: 1.5rem
;}

.s_linian .outbox .con p {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #4d4d4d
;}

#div1 {
    position: absolute;
    transition: all .1s linear;
    top: 0;
    z-index: -1;
    left: 50%;
    margin-left: -10rem;
    width: 1000px;
    height: 1000px;
    max-width: inherit;
    max-height: inherit;
    animation: breathe 5s ease-in-out infinite
;}



.n_banner {
    height: 100vh;
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
;}

.n_banner .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    animation: scaleUpDown 10s forwards
;}

.n_banner .m {
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
;}

.n_banner h3 {
    font-size: 2.875rem;
    color: #fff;
    font-weight: bold
;}

@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    ;}

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    ;}
}

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    ;}

    to {
        transform: scale(1);
        transform: scale(1)
    ;}
}

.goNextPage {
    display: flex;
    width: 4.625rem;
    height: 4.625rem;
    margin-top: 3.375rem;
    align-items: center;
    justify-content: center;
    position: relative
;}

.goNextPage span {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: .5s
;}

.goNextPage span:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: 1px dashed #fff;
    animation: roll 4s linear infinite
;}

.goNextPage:hover span {
    transform: scale(1.2)
;}

.goNextPage svg {
    width: 1.75rem;
    height: 1.75rem
;}

.mod_more1 .blade {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    border: 2px solid #515151;
    position: absolute;
    /* margin-left: 27rem; */
    display: flex;
    align-items: center;
    justify-content: center;
    right: 16%;}



/* CSS Reset */
html{-webkit-text-size-adjust:none;}
body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0;}
input,select,textarea {border-radius: 0;outline: none;font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:hover {color: #000;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.left {float: left;}
.right {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#ccc;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;opacity: 0.3;}
.img-inline {display: inline-block;width: auto;height: auto;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
::-webkit-scrollbar{height:4px; width:10px;background: #ccc;}
::-webkit-scrollbar-button{height:0; width:5px;background: #ccc;}
::-webkit-scrollbar-thumb{background-color:#666666;box-shadow:inset 1px 1px 0 #666666,inset 0 -1px 0 #666666;}



 


/* header */
.header {position:fixed;left:0;top: 0px;z-index: 500;width: 100%;transition:all .4s ease;}
.header * {transition:all .4s ease;}
.header-content {width:81.7%;height:80px;margin: auto;position: relative;z-index: 500;}
.header-content::after {content:'';width: 100%;height: 1px;background: #fff;position: absolute;left: 0;bottom:0px;z-index: 1;opacity: 0;}
.header-logo {width:15.4%;height: auto;position: absolute;top:50%;transform: translateY(-50%);left:0;z-index: 11;}
.header-logo a {display: block;}
.header-logo img {display: block;width: 100%;height: auto;max-width: 100%;}
.header-logo svg * {fill: #fff!important;}
.header-logo svg .st0 rect{opacity: .8;}
.header-logo svg .st3 rect{opacity: .5;}
.header-nav {position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 11;text-align: center;width: 70%;transition:all .4s ease;}
.header-nav ul {position: relative;list-style: none;margin: 0;padding: 0;font-size: 0;text-align: right;}
.header-nav ul li {display: inline-block;vertical-align: middle;position: relative;transition:none;margin-left:50px;}
.header-nav ul li a{position: relative;overflow: hidden;color: #fff;}
.header-nav ul li a.nav {line-height: 80px;position: relative;}
.header-nav ul li a.nav::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: -13px;background: #fff;z-index: 11;transition:all .4s ease;opacity: 0;}
.header-nav ul li.cur a.nav::after {opacity: 1;}
 
.header.scroll-down{top: -80px;}
.header.scroll-top{background: #fff;border-bottom: 1px solid #e6e6e6;}
.header.scroll-top .header-logo svg * {fill: #0a2c95!important;}
.header.scroll-top .header-logo svg .st6 {fill: #686e70!important;}
.header.scroll-top .header-logo svg .st3 rect{fill: #8400d2!important;opacity: 1;}
.header.scroll-top .header-logo svg .st0 rect{fill: #0058d3!important;opacity: 1;}
.header.scroll-top .header-nav ul li a.nav{color: #666;}
.header.scroll-top .header-nav ul li.cur a.nav {color: #002b8c;}
.header.scroll-top .header-nav ul li a.nav::after {background: #002b8c;}

 
.detail .header{background: #fff;border-bottom: 1px solid #e6e6e6;} 
.detail .header .header-logo svg * {fill: #0a2c95!important;}
.detail .header .header-logo svg .st6 {fill: #686e70!important;}
.detail .header .header-logo svg .st3 rect{fill: #8400d2!important;opacity: 1;}
.detail .header .header-logo svg .st0 rect{fill: #0058d3!important;opacity: 1;}
.detail .header .header-nav ul li a.nav{color: #666;}
.detail .header .header-nav ul li.cur a.nav {color: #002b8c;}
.detail .header .header-nav ul li a.nav::after {background: #002b8c;}


.header.black {background: #fff;border-bottom: 1px solid #e6e6e6;} 
.header.black .header-nav ul li a.nav{color: #666;}
.header.black .header-nav ul li.on a.nav {color: #002b8c;}
.header.black .header-nav ul li.on a.nav::after {background: #002b8c;opacity: 1;}
.header.black .header-logo svg * {fill: #0a2c95!important;}
.header.black .header-logo svg .st6 {fill: #686e70!important;}
.header.black .header-logo svg .st3 rect{fill: #8400d2!important;opacity: 1;}
.header.black .header-logo svg .st0 rect{fill: #0058d3!important;opacity: 1;}


.header-nav-show-mark {width: 100%;height: 100%;position: fixed;left: 0;top: 0px;z-index:-1;opacity: 0;transition:all .4s ease;background: #000f33;}
.header-nav-show-mark.cur  {z-index: 20;opacity: .3;}
.header-nav-show {position: fixed;left: 0;top: 80px;width: 100%;z-index:511;overflow: hidden;transition:all .4s ease;border-top: 1px solid #e6e6e6;}
.header-nav-show.Hide {opacity:0;height: 0;z-index:-1;}
.header-nav-show-content {width:100%;position: relative;overflow: hidden;transition:all .4s ease;overflow: hidden;text-align: center;}
.nav-product-show-list {background: #fff;min-width: 60%;margin: auto;padding: 2% 3%;box-sizing: border-box;overflow: hidden;border-bottom: 4px solid #002b8c;text-align: left;display: inline-block;}
.nav-product-show-list .nav-item {float: left;text-align: left;position: relative;padding: 0 40px;}
.nav-product-show-list .nav-item:first-child {padding: 0 40px 0 0px;}
.nav-product-show-list .nav-item:last-child {padding: 0 0 0 40px;}
.nav-product-show-list .nav-item::after {content: '';width: 1px;height: 100%;background: #e8e8e8;position: absolute;right: 0;top: 0;}
.nav-product-show-list .nav-item:last-child::after {display: none;}
.nav-product-show-list .nav-item .title-1{position: relative;margin-bottom: 2%;}
.nav-product-show-list .nav-item .title-1::before {content: '';width: 10px;height: 10px;position: absolute;left: -15px;top: 50%;background: url(../image/nav.jpg);margin-top: -5px;}
.nav-product-show-list .nav-item .item-1 {overflow: hidden;padding-bottom: 3%;}
.nav-product-show-list .nav-item .item-1 ul{list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: top;margin-right: 40px;}
.nav-product-show-list .nav-item .item-1 ul:last-child {margin-right: 0;}
.nav-product-show-list .nav-item .item-1 .class-1{margin-bottom: 5px;color: #1a1a1a;min-height: 5px;}
.nav-product-show-list .nav-item .item-1 li{list-style: none;padding: 0;margin: 0;}
.nav-product-show-list .nav-item .item-1 a{display: block;padding: 2% 0;color: #666666;}
.nav-product-show-list .nav-item .item-1 a:hover {color: #002b8c;}
.nav-product-show-list .nav-item .item-2 {overflow: hidden;padding: 15% 0;}
.nav-product-show-list .nav-item .item-2 a{display: block;padding: 5% 0;color: #666666;}
.nav-product-show-list .nav-item .item-2 a:hover {color: #002b8c;}

.header-xiala-show {position: absolute;left: -50px;top: 80px;width: 200px;background: #fff;border-top: 1px solid #e6e6e6;border-bottom: 4px solid #002b8c;padding: 0 3%;display: none;z-index: 1111;text-align: left;}
.header-xiala-show a {display: block;padding: 8% 0;overflow: hidden;border-bottom: 1px solid #e6e6e6;color: #000!important;width: 70%;margin: auto;}
.header-xiala-show a:hover {color: #002b8c!important;border-bottom: 1px solid #002b8c;}
.header-xiala-show a:last-child {border-bottom:none;}




/* menu */
.menu-toggle {display: none;width: 40px;height: 40px;position: absolute;overflow: hidden;right: 1%;top: 10px;display: none;z-index: 111;}
.cd-nav-trigger {display: block;width: 40px;height: 40px;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #000;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #000;}

.mbheader-nav{position: fixed;right: 0;top: 0;width: 80%;height: 100%;z-index: 9111;background: #fff;overflow: hidden;overflow-y: auto;padding: 10%;transition:all .4s ease;box-sizing: border-box;transform: translateX(100%);}
.mbheader-nav::-webkit-scrollbar{height:4px; width:2px;background: #ccc;}
.mbheader-nav ul {list-style: none;margin: 0;padding: 0;overflow: hidden;}
.mbheader-nav ul li{list-style: none;margin: 0;padding: 0;border-bottom: 1px solid #ccc;padding: 4% 0;}
.mbheader-nav ul li a.nav{display: block;padding: 4% 0;font-weight: bold;position: relative;}
.mbheader-nav ul li a.xiala::after {content: '';width: 10px;height: 2px;background: #000;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.mbheader-nav ul li a.xiala::before {content: '';width: 2px;height: 10px;background: #000;position: absolute;right: 4px;top: 50%;transform: translateY(-50%);}
.mbheader-nav ul li a.on.xiala::before {display: none;}
.mbheader-nav-show {display: none;}
.mbheader-nav-show a{display: block;padding: 4% 5%;}
.mbheader-nav .close-1{transform: scale(.8) rotate(45deg);}
.no-touch .header-nav-show-mark  {z-index: 8990;opacity: .5;}
.no-touch .mbheader-nav {transform: translateX(0);}








/* index */
.index-banner-swiper {width: 100%;height: 100%;position: relative;} 
.index-banner-item {position: relative;overflow: hidden;}
.index-banner-item .text {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);z-index: 11;color: #fff;text-align: center;}
.index-banner-item .title-1{font-family: 'Manrope-Bold';line-height: 70px;}
.index-banner-item .title-2 { margin-top: 1%;}
.index-banner-swiper .swiper-slide .title-1,
.index-banner-swiper .swiper-slide .title-2 {opacity: 0;transform:translateY(-60px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}
.index-banner-swiper .swiper-slide .title-2 {transition-delay: .4s;}
.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .title-2 {transform: translateY(0px);opacity: 1;}


.index-banner-swiper .banner-pagination {bottom: 5%;}
.index-banner-swiper .banner-pagination span{width: 50px;height: 4px;border-radius: 0;background: #fff;opacity: .5;}
.swiper-ctrl {position: absolute;width: 100%;left: 0;bottom: 5%;z-index: 11;font-size: 0;text-align: center;}
.scroll-center {margin: auto;text-align: center;position: relative;display: inline-block;vertical-align: middle;}
.scroll-center::after {content: '';width: 640%;height: 1px;position: absolute;left: 120%;top: 50%;opacity: .4;background: #fff;}
.scroll-center .scroll-1 {font-family: 'Manrope-Bold';text-transform: uppercase;color: #fff;position: relative;}
.scroll-center .scroll-1::before {}
.scroll-center .scroll-1::after {}
.number-prevnext {text-align: center;position: absolute;font-size: 0;right: 9%;top: 50%;margin-top: -12.5px;}
.number-prevnext::before {content: '';width: 200%;height: 1px;position: absolute;left: 110%;top: 50%;opacity: .4;background: #fff;}
.number-prevnext .number-1 {display: inline-block;vertical-align: middle;font-family: 'Manrope-Bold';text-transform: uppercase;color: #fff;margin-right: 10px;}
.swiper-banner-prev,.swiper-banner-next {width: 10px;height: 17px;display: inline-block;vertical-align: middle;margin-left: 28px;cursor: pointer;}
.swiper-banner-prev:hover ,.swiper-banner-next:hover {opacity: .5;}
.swiper-banner-prev {background: url(../image/l1.jpg) center no-repeat;background-size: 100%;}
.swiper-banner-next {background: url(../image/r1.jpg) center no-repeat;background-size: 100%;}
.left-pagination {position: absolute;left: 9%;top: 50%;transform: translateY(-50%);z-index: 11;}
.left-pagination::before {content: '';width: 250%;height: 1px;position: absolute;right: 105%;top: 50%;opacity: .4;background: #fff;}
.left-pagination .rline {height: 1px;position: absolute;left: 105%;top: 50%;opacity: .4;background: #fff;width: 0;transition:all .4s ease;}
.index-banner-swiper .banner-pagination {text-align: center;left: auto;bottom:auto!important;right:auto!important;left:auto!important;width: auto;color: #fff;width:auto;transform:none;position: relative;}
.index-banner-swiper .banner-pagination span{opacity: 1;margin: 0 3px!important;position: relative;width: 32px;height: 32px;background: transparent;display: inline-block;vertical-align: middle;}
.index-banner-swiper .banner-pagination span::before {content: '';width:5px;height:5px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);background: #fff;transition:all .4s ease;opacity: .5;}
.index-banner-swiper .banner-pagination span::after {content: '';width:27px;height:27px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);z-index: 1;border: 2px solid rgba(255,255,255,.5);opacity: 0;transition:all .4s ease;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {background: #fff!important;opacity: 1;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::after {opacity: 1;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .content {opacity: 1;}
.index-banner-swiper .banner-pagination span .content {position: absolute;top: 0;width: 50%;height:100%;margin: 0;padding: 0;overflow: hidden;opacity: 0;transition:all .4s ease;z-index: 11;}
.index-banner-swiper .banner-pagination span .left {left: 0;}
.index-banner-swiper .banner-pagination span .right {right: 0;}
.index-banner-swiper .banner-pagination span .circle {position: absolute;margin: 0;width: 32px;height: 32px;border-radius: 50%;border: 2px solid transparent;transform: rotate(135deg);box-sizing: border-box;}
.index-banner-swiper .banner-pagination span .left-circle {left: 0;border-top-color: #fff;border-left-color: #fff;}
.index-banner-swiper .banner-pagination span .right-circle {right: 0;border-bottom-color: #fff;border-right-color: #fff;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .left-circle {animation: circleleft 4s linear forwards;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .right-circle {animation:circleright 4s linear forwards;}
@keyframes circleright {0% {transform: rotate(135deg);}50%,100% {transform: rotate(315deg);}}
@keyframes circleleft {0%,50% {transform: rotate(135deg);}100% {transform: rotate(315deg);}}





/* 导航栏基础样式 */
.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  height: var(--nav-height);
  background: rgba(51, 51, 51, 0.95);
  backdrop-filter: blur(5px); /* 毛玻璃效果 */
  z-index: 1000;
  display: flex;
  align-items: center;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

/* 隐藏状态 */
.navbar--hidden {
  opacity: 0;
  transform: translateY(-100%);
  pointer-events: none;}



.s_about {
  position: relative;
  background: url(../images/s_bg1.jpg)no-repeat;
  width: 100%;
  background-size: cover;
  padding:4rem 0 
;}

.s_about .m {
  display: grid;
  grid-template-columns: .71fr .29fr;
  gap: 1.875rem;}

.s_titles {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 2rem;}

.s_titles h5 {
  color: #252525;
  font-size:1.6rem;
  line-height: 3.375rem;}

.more {}

.s_titles .more a {
  color: rgb(37 37 37 / 80%);
  font-size: 1rem;
  line-height: 3.375rem;}

.cirtit{background: #a40001;
    width: 20px;
    height: 20px;
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
	border-radius:3px;
    margin-top: 18px;}
	
	.cirtit2{background: #a40001;
    width: 20px;
    height: 20px;
    position: relative;
    display: block;
    float: left;border-radius:3px;
    margin-right: 10px;
    margin-top: 9px;}

.more::before {}

.more::after {}

.totop{position: absolute;
      position: absolute;
    left: 50%;
    transform: translateX(-80px);
    top: -50px;}
	
.totop img{width:160px;}

.gotop {
    cursor: pointer;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: #191919;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center
;}

.gotop:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    background: #fff;
    transform: scale(.95)
;}

.gotop i {
    position: relative;
    z-index: 3;
    color: #fff;}

@-webkit-keyframes shubiao {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    ;}

    100% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 1
    ;}
}

@keyframes shubiao {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    ;}

    100% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 1
    ;}
}

@-webkit-keyframes swipershubaio1 {
    0% {
        -webkit-transform: translate(-50%,-4%) rotate(0);
        transform: translate(-50%,-4%) rotate(0)
    ;}

    100% {
        -webkit-transform: translate(-50%,-4%) rotate(360deg);
        transform: translate(-50%,-4%) rotate(360deg)
    ;}
}

@keyframes swipershubaio1 {
    0% {
        -webkit-transform: translate(-50%,-4%) rotate(0);
        transform: translate(-50%,-4%) rotate(0)
    ;}

    100% {
        -webkit-transform: translate(-50%,-4%) rotate(360deg);
        transform: translate(-50%,-4%) rotate(360deg)
    ;}
}

@-webkit-keyframes swipershubaio2 {
    0% {
        -webkit-transform: translate(-60%,5%) rotate(0);
        transform: translate(-60%,5%) rotate(0)
    ;}

    100% {
        -webkit-transform: translate(-60%,5%) rotate(360deg);
        transform: translate(-60%,5%) rotate(360deg)
    ;}
}

@keyframes swipershubaio2 {
    0% {
        -webkit-transform: translate(-60%,5%) rotate(0);
        transform: translate(-60%,5%) rotate(0)
    ;}

    100% {
        -webkit-transform: translate(-60%,5%) rotate(360deg);
        transform: translate(-60%,5%) rotate(360deg)
    ;}
}


 .staff-container {
            max-width: 1440px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(5, minmax(200px, 1fr));
            gap: 20px;
            padding: 20px 0px;}

        .staff-card {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            position: relative;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 0 3px 12px rgba(0,0,0,0.08);
            cursor: pointer;margin-bottom:14px;}

        /* 悬停效果 */
        .staff-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(33,150,243,0.15);}

        .staff-card:hover .color-bar {
            width: 100%;}

        .staff-img-wrapper {
            position: relative;
            overflow: hidden;
           }

        .staff-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;}

        /* 图片悬停放大 */
        .staff-card:hover .staff-img {
            transform: scale(1.05);}

        /* 色块装饰条 */
        .color-bar {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 3px;
            background: #9c0720;
            transition: width 0.4s ease;
            z-index: 2;}

        .staff-info {
            padding: 15px;
            text-align: center;
            position: relative;}

        .staff-name {
            font-size: 1.2rem;
            color: #333;
            margin-bottom: 8px;
            font-weight: 600;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;}

        .staff-title {
            color: #9c0720;
            font-size: 0.8rem;
            display: inline-block;
              padding: 12px 16px;
    margin: 12px;
            background: rgba(156,7,32,0.1);
            border-radius: 20px;
            transition: all 0.3s ease;}

        /* 悬停时标题效果 */
        .staff-card:hover .staff-title {
            background: #9c0720;
            color: white;
            transform: translateY(2px);}

        /* 移动端优化 */
          /* 响应式布局 */
        @media (max-width: 1200px) {
            .staff-container {
                gap: 20px;
                padding: 0 15px;}
        }

        @media (max-width: 992px) {
            .staff-container {
                grid-template-columns: repeat(3, 1fr);}
            .staff-img-wrapper {
                height: auto;}
        }

        @media (max-width: 768px) {
            .staff-container {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;}
            .staff-img-wrapper {
                height: auto;}
            .staff-name {
                font-size: 1em;}
            .staff-title {
                padding: 5px 12px;}
        }

        @media (max-width: 576px) {
           
            .staff-container {
                grid-template-columns: 1fr;
                max-width: 400px;
                gap: 20px;}
            .staff-img-wrapper {
                height: auto;}
            .staff-name {
                white-space: normal;
                font-size: 1.1em;}
        }
		
	 .gallery-container {
            max-width: 1440px;}

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

        .gallery-item {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

        .image-wrapper {
            overflow: hidden;
            border-radius: 8px 8px 0 0;}

        .gallery-image {
            width: 100%;
            height: 250px;
            object-fit: cover;
            transition: all 0.4s ease;}

        .caption {
            padding: 1rem;
            background: #f7f7f7;
            color: #666;font-size: 1rem;
            text-align: center;
            transition: all 0.4s ease;
            border-radius: 0 0 8px 8px;}

        

        /* 变体3：流光效果 */
        .v3 {
            position: relative;
            overflow: hidden;}

        .v3::after {
            content: "";
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(45deg, 
                transparent, 
                rgba(255,71,87,0.2), 
                transparent);
            transform: rotate(45deg);
            transition: all 0.6s;
            opacity: 0;}

        .v3:hover::after {
            opacity: 1;
            top: 0;
            left: 0;}

      

        /* 公共悬停效果 */
        .gallery-item:hover .caption {
            background: #9c0720;
			color:#fff
        ;}

        /* 响应式设计 */
        @media (max-width: 992px) {
            .gallery-grid { grid-template-columns: repeat(2, 1fr);}
        }

        @media (max-width: 768px) {
            .gallery-grid { grid-template-columns: 1fr;}
            .gallery-image { height: 300px;}
        }


.tul {
  margin-bottom: 3.4375rem;}

.tul,
.wl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.875rem;}

.tul li:hover  svg path {
    fill: #fff;
    transform: translateX(3px);}

.tul li:hover .blade {
	
	background:#a40001;border:none !important;}

.newsp_recom_li_link:hover  svg path {
    fill: #fff;
    transform: translateX(3px);}
.newsp_recom_li_link:hover .blade {
	
	background:#a40001;border:none !important;}

.txtovh1 {
display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.tul li {
  background: #f6f6f6;}

.tul li .tulcon {
  background: #f6f6f6;
  padding: 4.0625rem 2.25rem 2.25rem;
  position: relative;
  height: 16rem;}

.tul li .img_db:after {
  padding-top: 63.9%;}

.tul li,
.tul li .img {
  border-radius: 5px;}


.tul li .tulcon h5,
.newnew ul li .newnewcon h5 , 
.matchnew ul li .matchnewcon h5 {
  color: #252525;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: bold;
  transition: all .5s;}

.tul li:hover h5,
.newnew ul li:hover h5 ,
.matchnew ul li:hover h5 {
  color: #a40001;}

.tul li .tulcon>p,
.newnew ul li .newnewcon>p ,
.matchnew ul li .matchnewcon>p {
 color: rgb(38 38 38 / 80%);
    font-size: .9375rem;
    line-height: 1.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    margin: 1.25rem 0 1.5rem;}

.tul li .tulcon .blade,
.newnew ul li .newnewcon .blade ,
.matchnew  ul li .matchnewcon .blade {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  border: 2px solid #515151;
  display: flex;
  align-items: center;
  justify-content: center;}

.tul li .tulcon .datas {
  background: #a40001;
  width: 5.375rem;
  height: 5.375rem;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: FRADM;
  position: absolute;
  right: 2.5rem;
  top: -2.75rem;}

.tul li .tulcon .datas p,
.newnew ul li .newnewcon .datas p ,
.matchnew  ul li .matchnewcon .datas p{
  color: #fff;
  font-size: 1.625rem;}

.tul li .tulcon .datas span,
.newnew ul li .newnewcon .datas span ,
.matchnew  ul li .matchnewcon .datas span {
  color: rgb(255 255 255 / 40%);
  font-size: .875rem;}

.wl li {
  background: #fff;}

.wl li a {
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 4.5rem 2.25rem 2.5rem;
  width: 100%;
  display: block;
  position: relative;
  z-index: 10;
  height: 13.75rem;}

.wl li a::before {
  content: '';
  position: absolute;
  background: url(../image/shadow.jpg)no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .5s;
  z-index: -1;
  border-radius: 10px;}

.wl li h5 {
  color: #252525;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: bold;
  transition: all .5s;}

.wl li i {
  width: .9375rem;
  height: 1px;
  display: block;
  background: #a40001;
  margin: .625rem 0;
  transition: all .5s;}


.wl li p {
  color: rgb(38 38 38 / 80%);
  font-size: .9375rem;
  line-height: 1.5rem;
  transition: all .5s;   display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    margin: 1.25rem 0 1.5rem;}

.wl li a>div {
  position: absolute;
  left: 2.375rem;
  top: -2.0625rem;}

.wl li a .riqi {
  width: 4rem;
  height: 4rem;
  border-radius: 9px;
  background: #a40001;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.875rem;
  font-family: FRADM;
  transition: all .5s;}

.wl li a>div span {
  color: #a40001;
  font-size: .875rem;
  line-height: 1.5rem;
  font-family: FRADM;
  text-align: center;
  display: block;
  transition: all .5s;}


.wl li:hover a::before {
  opacity: 1;}

.wl li:hover a {
  border: 1px solid transparent;}

.wl li:hover h5,
.wl li:hover a>div span {
  color: #fff;}

.wl li:hover a .riqi {
  background: #fef0f0;
  color: #a40001 ;}

.wl li:hover a i {
  background: #fff;}

.wl li:hover a p {
  color: rgb(255 255 255 / 80%);}


.pt30{padding-top: 30px;}
.s_gonggao .new_gg a {
  background: url(../../images/new_gg.jpg)#f6f6f6 no-repeat;
  background-size: contain;
  width: 100%;
  border-radius: 5px;
  display: flex;
  align-items: flex-end;
  gap: 1.75rem;
  padding: 2rem 1.5rem;
  position: relative;
  margin-bottom: 1.875rem;}

.s_gonggao .new_gg a>p {
  color: #ffffff;
  font-size: .9375rem;
  font-weight: bold;
  position: absolute;
  left: 0.375rem;
  top: 0.75rem;}

.s_gonggao .new_gg .left_gg {
  flex-shrink: 0;}

.s_gonggao .new_gg .left_gg h4 {
  color: #a40001;
  font-size: 3rem;
  font-family: FRAMDCN;}


.s_gonggao .new_gg .left_gg i {
  height: 2px;
  width: 1.125rem;
  background: #ba0c31;
  display: block;
  margin: .625rem auto .875rem;}

.s_gonggao .new_gg .left_gg p {
  color: #a40001;
  font-family: FRAMDCN;
  font-size: .875rem;
  line-height: 1.5rem;}

.s_gonggao .new_gg .right_gg h5 {
  color: #252525;
  font-size: 1.1875rem;
  line-height: 2rem;
  font-weight: bold;
  transition: all .5s;
   display: -webkit-box;
    -webkit-box-orient: vertical; 
   overflow: hidden; 
    -webkit-line-clamp: 2;}

.s_gonggao .new_gg .right_gg i {
  background: rgb(34 23 20 / 10%);
  width: 100%;
  height: 1px;
  display: block;
  margin: .625rem 0;}

.s_gonggao .new_gg .right_gg p {
  color: rgb(37 37 37 / 80%);
  font-size: .875rem;
  line-height: 1.125rem;}

.s_gonggao .new_gg a:hover h5 {
  color: #a40001;}

.s_gonggao ul {
  display: grid;
  gap: 1.09rem;}

.s_gonggao ul li .level {
  width: 3.25rem;
  height: 1.25rem;
  background: #fef0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #643638;
  font-size: .875rem;
  line-height: 2rem;
  border-radius: 9px 9px 0 9px;
  transition: all .5s;}

.s_gonggao ul li a {
  padding: 0 .625rem .9375rem;
  display: block;
  border-bottom: 1px dotted #7a7472;}

.s_gonggao ul li .ggcons {
  display: flex;
  align-items: center;
  justify-content: space-between;}

.s_gonggao ul li a p {
  color: #252525;
  font-size: 1.0625rem;
  line-height: 2rem;
  transition: all .5s;
  max-width: 18.125rem;
  width: 100%;
      display: -webkit-box;
   -webkit-box-orient: vertical; 
    overflow: hidden; 
    -webkit-line-clamp: 2;}

.s_gonggao ul li a span {
  color: #9d9c9c;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: FRAMDCN;padding-left: 20px;}

.s_gonggao ul li a:hover p {
  color: #a40001;}

.s_gonggao ul li a:hover .level {
  background: #a40001;
  color: #fff;}


.z_contact_map{ position: relative;}
.z_contact_map img{ display: block; width: 100%;}
.gomap{ display: block;width: 4.79166vw;
height: 4.79166vw; display: flex; align-items: center; justify-content: center;
background: #9c0720;
border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.gomap img{ display: block; height: 1.45833vw;width: auto;}
.gomap::before{content: '';display: block;width: 100%;height: 100%;background:#9c0720;opacity: .6;position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 1.5s infinite;}
  @keyframes consult{
  	0%,100%{transform:scale(1);}
  	50%{transform:scale(2);}	
  } 
  
  
   .sl-wrapper * {}

        .sl-wrapper {}

        .sl-container {}

        .sl-leader {
            display: flex;
            align-items: center;
            margin-bottom: 60px;
            background: #f9f9f9;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            overflow: hidden;}

        .sl-leader:hover {
            transform: translateY(-5px);}

        .sl-leader:nth-child(odd) {
            flex-direction: row;}

        .sl-leader:nth-child(even) {}

        .sl-profile {
            flex: 0 0 300px;
            height: 350px;
			padding:0 16px;
            overflow: hidden;
            position: relative;}

        .sl-profile img {
            width: 100%;
            height: 100%;
			border-radius:10px;
            object-fit: cover;
            transition: transform 0.3s ease;}

        .sl-profile:hover img {
            transform: scale(1.05);}

        .sl-content {
            flex: 1;
            padding: 40px;
            display: flex;
			min-height:380px;
            flex-direction: column;}

        .sl-name {
           font-size: 1.7rem;
    color: #2c3e50;
    margin-bottom: 6px;
    font-weight: bold;}
		
		.decoration-line {
 width: 90px;
    height: 3px;
    background: #9c0720;
    margin: 18px 0;}


        .sl-title {
            color: #e74c3c;
            font-size: 18px;
            margin-bottom: 20px;}

        .sl-bio {
          
            line-height: 1.8;
            max-height: 200px;
           
            padding-right: 15px;
			font-size: 1rem;
            margin-top: 15px;
            scrollbar-width: thin;
            scrollbar-color: #9c0720 #ecf0f1;
			  /* 强制显示滚动条（避免内容抖动） */
  overflow-y: scroll !important;
  /* 平滑滚动效果 */
  scroll-behavior: smooth;}
		
		.sl-bio p{line-height: 24px;
    white-space: pre-line;}
        .sl-bio::-webkit-scrollbar {
            width: 6px;}

        .sl-bio::-webkit-scrollbar-track {
            background: #ecf0f1;
            border-radius: 3px;}

        .sl-bio::-webkit-scrollbar-thumb {
            background: #9c0720;
            border-radius: 3px;}

        .sl-bio::-webkit-scrollbar-thumb:hover {
            background: #7f8c8d;}

        @media (max-width: 768px) {
            .sl-leader {
                flex-direction: column !important;}

            .sl-profile {
                flex: 0 0 460px;
                width: 100%;}

            .sl-content {
                padding: 30px;}

            .sl-bio {
                max-height: 150px;}
        }
		
		  @media (max-width: 1600px) {
            .s_gonggao ul {
    display: grid;
    gap: 0.6rem;}
        }
		
		@media (max-width: 1350px) {
            .s_gonggao ul {
    display: grid;
    gap: 0.25rem;}

.vitl_link {
   
    padding: 11px 22px;}
}

@media (max-width: 1525px) {
           .vitl_link {
    
    padding: 11px 28px;}
        }

@media (max-width: 1300px) {
           .vitl_link {
    
    padding: 11px 11px !important;}
        }
		
@media (max-width: 1440px) {
            .s_gonggao ul {
    display: grid;
    gap: 0.45rem;}

.site_page.act .outbox{}

   .vitl_link {
    
    padding: 11px 20px;}
        }
		
		@media (max-width: 1240px) {
            .s_gonggao ul {
    display: grid;
    gap: 0rem;}
        }
		@media (max-width: 1080px) {
            .s_gonggao ul {
    display: grid;
    gap: 1rem;}

.totop{display:none;}
.semi-circle{display:none;}
        }
		
	

footer {
        background: url(../../images/footbg.jpg) no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    min-height: 340px;
    width: 100%;
    padding-top: 60px;
    overflow: visible;}
footer .mids {
    margin: 0 7.8125rem 0;}
footer .foot_top {
    display: flex;}

footer .foot_bot {
    padding: 1.6875rem 0 1.5rem;}


footer .foot_bot .mids {
    display: flex;
    justify-content: space-between;
    align-items: center;}

	/* 基础样式 */
.topnav-menu {
    max-width: 1440px;
    margin: 0 auto;
    padding: 28px 0 0 0;}

.topnav-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
    justify-content: center;
    gap: 8px 20px;}

.topnav-menu li {
    position: relative;
    padding: 0 15px;}

.topnav-menu a {
    display: block;
    text-decoration: none;
    color: #eee;
    font-size: 1rem;
    transition: color 0.3s;
    white-space: nowrap; /* 防止文字换行 */
    padding: 8px 0;}

.topnav-menu a:hover {
    color: #e48829;}

.topnav-menu li.active a {
    color: #fff;
	font-size:1.1rem;
    font-weight: bold;}

/* 分隔圆点-通用逻辑 */
.topnav-menu li:not(:first-child)::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;}

/* 响应式布局 */
@media (max-width: 992px) {
    /* 中等屏幕显示2行 */
    .topnav-menu ul {
        gap: 8px 15px;}
    .topnav-menu li {
        padding: 0 12px;}
    .topnav-menu li:nth-child(4)::before {
        display: none;}
}

@media (max-width: 576px) {
    /* 小屏幕显示3行 */
    .topnav-menu ul {
        gap: 6px 12px;}
    .topnav-menu li {
        padding: 0 10px;
        font-size: 15px;}
    .topnav-menu li:nth-child(3)::before,
    .topnav-menu li:nth-child(5)::before {
        display: none;}
}

/* 智能隐藏换行后的首个圆点 */
@media (max-width: 768px) {
    .topnav-menu li:nth-child(n+4)::before {
        display: none;}
}

@media (max-width: 480px) {
	
	.footer{padding-top:0px;}
	.policy_list_btm{padding-top:0px;}
	
    .topnav-menu li:nth-child(n+3)::before {
        display: none;}
	
	.mod_bord_ul {
    display: none;}
}


.primary-menu {}

.primary-menu > li {
  position: relative;
  padding: 1rem 0;
  transition: background 0.3s;}

.primary-menu a {
  text-decoration: none;
  color: #333;}

/* 二级菜单样式 */
.secondary-nav {
 position: absolute;
  top: 95%;
  left: 0%; /* 水平定位起点 */
  transform: translateX(-50%); /* 水平居中校正 */
  background: rgba(255,255,255,0.95);
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 160px;
  padding: 0.8rem 0;
  text-align: center;}

.primary-menu > li:hover .secondary-nav {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0.1s;}

.secondary-nav a {
  display: block;
  padding: 0.75rem 1.5rem;
  font-size: 0.95rem;
  transition: 
    padding-left 0.2s,
    background 0.2s;}



.secondary-nav a:hover {
  background: #fff3f4;
  padding-left: 2rem;
  color: #9c0720;}

/* 当前菜单项指示 */
.primary-menu > li.active h3 {
  color: #9c0720;
  position: relative;}

.primary-menu > li.active h3::after {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.5rem;
  height: 2px;
  background: currentColor;}

/* 响应式处理 */
@media (max-width: 768px) {
  .primary-menu {
    flex-direction: column;
    padding: 0;}

  .secondary-nav {
    position: static;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;}

  .primary-menu > li:hover .secondary-nav {
    max-height: 500px;}
}

/* 交互动画增强 */
.primary-menu > li {
  perspective: 1000px;}

.secondary-nav {
  transform-origin: top center;
  transform: rotateX(-15deg) translateY(-10px);}

.primary-menu > li:hover .secondary-nav {
  transform: rotateX(0) translateY(0);}

/* 新版搜索模块 */
        .searchnew.modulenew {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 1000;}

        .searchnew.modulenew.active {
            opacity: 1;
            visibility: visible;}

        .module_containernew {
            position: relative;
            top: -50px;
            background: white;
            padding: 20px;
            max-width: 600px;
            margin: 140px auto;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            transform: scale(0.95);
            opacity: 0;}

        .searchnew.modulenew.active .module_containernew {
            top: 20%;
            opacity: 1;
            transform: scale(1);}

        /* 新版关闭按钮 */
        .closenew {
            cursor: pointer;
            position: absolute;
            right: 20px;
            top: 20px;
            width: 24px !important;
            height: 24px;}
 .closenew::before,
        .closenew::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            background: #666;
            top: 50%;
            left: 0;}

        .closenew::before {
            transform: rotate(45deg);}

        .closenew::after {
            transform: rotate(-45deg);}

        /* 新版表单样式 */
        .wrappernew form {
            position: relative;
            display: flex;
            align-items: center;
            padding: 12px;
            border-bottom: 1px solid #ddd;}

        .wrappernew input[type="text"] {
            flex: 1;
            border: none;
            outline: none;
            font-size: 16px;
            padding: 0 12px;
            height: 40px;}

        .keywordsnew {
            padding: 16px 0;
            color: #666;}

        .keywordsnew a {
            color: #333;
            margin-left: 12px;
            text-decoration: none;
            position: relative;}

        .keywordsnew a:hover::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -2px;
            width: 100%;
            height: 1px;
            background: #007bff;}

.footer a{color:#fff;}

.footer .ys_cont1440{position:relative;}

.foot_nav {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    max-width: 56.25rem;
    padding-left: 4rem;
    padding-top: 3.5rem;
    padding-bottom: 1.5rem;
   
    flex-shrink: 0;
    width: 100%;}

.foot_nav dt {
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.5rem;
    margin-bottom: 1.125rem;
    font-weight: bold;}

.foot_nav dd {
    font-size: .9375rem;
    line-height: 1.875rem;
    color: #fff;
    transition: .5s;}

.foot_xinxi {
    width: 100%;
    padding-top: 3rem; padding-right:3rem;}
.foot_xinxi h5 {
    font-family: FRADMCN;
    color: #fff;
    font-size: 2.25rem;
    text-align: left;
    margin-bottom: .875rem;}

.foot_xinxi>p {
    color: #fff;
    font-size: .875rem;
    line-height: 1.5rem;
    text-align: left;}

.ewmlist {
    margin-top: 1.125rem;
    display: flex;
    gap: 1.6875rem;
   
    margin-bottom: 1.5rem;}

.ewmlist div {
    width: 9.75rem;
 
    border-radius: 7px;
    overflow: hidden;}

.ewmlist p {
    text-align: center;
    font-size: .9375rem;
    line-height: 1.25rem;
    color: #fff;
    margin-top: .6875rem;}
.foot_link {
    width: 380px;
    max-width: 100%;
    position: relative;
    z-index: 100;}

.foot_link dl {
    position: relative;}

.foot_link dt {
    height: 3rem;
    padding: 0 1.25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.375rem;
	background:#333;}

.foot_link dt h3 {
    font-size: 1rem;
    line-height: 1.875rem;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    font-weight: bold;
    align-items: center;
    gap: .5rem;}

.foot_link dt i {
    width: 12px;
    height: 12px;
	padding: 0 25px 31px 0;}

.foot_link dt.on i svg {
    transform: rotate(180deg);}

.foot_link dd {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 3rem;}

.foot_link dt i svg {
    transition: 0.5s;}

.foot_link dd .box {
   
    padding: 1rem 1.25rem 0;
     background:#333;
    display: none;}

.foot_link dd:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #85061d;
    z-index: -1;}

.foot_link dd .box a {
    display: block;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.875rem;
    line-height: 2;
    transition: 0.3s;}

.foot_link dd .box a:hover  {
    color: #fff;}
.foot-bot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2.375rem;}
.foot_nav dd:hover {
    font-weight: bold;}

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

.copyright {
       font-size: .875rem;
    color: #fff;
    position: absolute;
    line-height: 1.875rem;
    right: 0;
    bottom: 18px;
    text-align: left;}

.topcopyright {
       font-size: .875rem;
    color: #fff;
   
    line-height: 1.875rem;
    right: 0;
    bottom: 18px;
    text-align: left;}

 .pad_top,
    .pad_top2 {
        padding-top: 3rem !important;}

    .pad_bot,
    .pad_bot2 {
        padding-bottom: 3rem !important;}


@media (max-width: 1100px) {

    .foot_nav {
        display: none;}

    .contactright {
        display: none;}

    footer .foot_top {
        padding-bottom: 2rem;}
}


.fontb90{font-size:70px; font-weight:Bold; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}

.fontb95{font-size:60px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}

.drop-shadoww {
      filter: drop-shadow(10px 10px 6px rgba(0, 0, 0, 0.5)); width:20%
    ;}
	
.z_banner_sb{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 1.4rem; color: #fff; z-index: 2; text-align:center;}
.z_banner_sb .icon{ display: block; margin: 0 auto; animation:moves 2s linear  infinite;}
@keyframes moves {
	0%{transform: translateY(0px);} 
50%{transform: translateY(-15px);} 
	100%{transform: translateY(0px);}
}	
	/* Wave 动画容器 */
.z_wave {
    position: absolute;
    left: 50%;
    transform: translate(-50%) translateY(10vw);
    bottom: -6vw;
    z-index: -2;
    transition: transform 1.5s ease;}

/* 默认隐藏状态 */
.z_wave.hidden {
    transform: translate(-50%) translateY(15vw);}

.z_wave{     position: absolute;
    left: 50%;
    transform: translate(-50%) translateY(10vw);
    bottom: -6vw;
    z-index: -2;
    transition: ease 2s;}
.z_wave .wave,.z_menu_close .wave1,.z_wave .wave2 {z-index: -1;position: absolute;width: 19vw;height: 19vw; background:#a40001;border-radius: 45%;animation: rotate 6s linear infinite;// mix-blend-mode: multiply;}
.z_wave .wave1 { background: #a40001;transform: translate(-20%, 0) rotate(0deg); opacity: .8; width: 17vw;height: 17vw; animation: rotate1 6s linear -4s infinite;border-radius: 65%;}
.z_wave .wave2 { background: #a40001;transform: translate(20%, 0) rotate(0deg);animation: rotate2 8s linear -2s infinite;width:15vw;height: 15vw;border-radius: 30%;}
.z_wave .icon{ position: absolute;     left: 32%;
    bottom: 24%; z-index: 2;}

@keyframes rotate {
    50% {
        border-radius: 38%;
        transform: rotate(180deg);} 100% {
        border-radius: 45%;
        transform: rotate(360deg);}
}

@keyframes rotate1 {
    50% {
        border-radius: 38%;
        transform: translate(-30%, 8%) rotate(180deg);}100% {
        border-radius: 45%;
        transform: translate(-20%, 0%) rotate(360deg);}
}

@keyframes rotate2 {
    50% {
        transform: translate(30%, 8%) rotate(180deg);}100% {
        transform: translate(20%, 0%) rotate(360deg);}
}

.img-hover-effect {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保持图片比例 */
  transition: transform 0.3s ease;}

/* 鼠标悬停时应用放大效果 */
.img-hover-effect:hover  {
  transform: scale(1.1);}


		
	/* 半圆容器 */
.semi-circle {
    position: absolute;

    left: 50%;}

/* 箭头动画 */
.arrow {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ff9900;
    animation: float 1.5s ease-in-out infinite; /* 默认持续动画 */
    transition: border-color 0.3s ease;}

/* 悬停变色 */
.semi-circle:hover .arrow {
    border-bottom-color: #ff9900;}

/* 浮动动画关键帧 */
@keyframes float {
    0%, 100% {
        transform: translate(-50%, -50%);}
    50% {
        transform: translate(-50%, -80%);}
}


.z_flex{ display: flex; align-items: center;}
.z_flex_ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}

.z_center_list li{ width: 48%; float: left; background: #f7f7f7; margin-bottom: 5vw;}
.z_center_list li a{ display: flex; align-items: flex-end; height: 18.48958vw; transition: background-color 2s;}
.z_center_list li .imgbox,.z_center_xq .imgbox{ width: 15.625vw; height: 20.3125vw; flex-shrink: 0; position: relative;}
.z_center_list li .imgbox::before,.z_center_xq .imgbox::before{ content: ""; display: block; width: 1.82291vw; height: 100%; background: url(../../images/mask4.jpg) no-repeat top center; background-size: 100% auto; position: absolute; top: 0; right: -1.82291vw; z-index: 1;}
.z_center_list li .infobox{ height: 100%; width: 100%; padding: 3.5vw; box-sizing: border-box;}
.z_center_list li h3{font-size: 1.25vw;font-weight: bold;color: #9c0720;}
.z_center_list li h4{font-weight: bold;
color: #666666;}
.z_center_list li .desc{color: #323232;line-height: 24px; margin-top: 3vw;}
.z_center_list li:hover a{ background: #9c0720;}
.z_center_list li:hover h3,.z_center_list li:hover h4,.z_center_list li:hover .desc{ color: #fff; transition: ease .5s;}
.z_center_list li:nth-child(even){ margin-left: auto;}
.z_load_more{ margin: 0 auto;}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}
.z_center_list{    margin: 2rem 0 6rem 0;}




@media(max-width: 1700px) {
	
	#logo {
   
    margin-right: 3rem;}
	
}




@media(max-width: 1080px) {
	
	.top_nav{height:5.125rem;}

    #header {
        height: 5.125rem; left:0%;width:100%;background:#fff;}
	
	
    .m {
        padding: 0 15px
    ;}
	
	  .ny #header #nav {
        display: none!important
    ;}
	
	.container{display:none;}
	
	
	    #header #logo,#header .top_search {
        opacity: 1!important
    ;}
	
	#logo {
    flex-shrink: 0;
    transition: .5s;
    margin-right: 4rem;}
	#logo img {
    transition: .5s;
    /* width: 74%; */
    width: 180px;}

.s_gonggao ul li a p {
 
    max-width: initial;}

.top_btn {
    display: flex;
    margin-left: -4rem;}

.top_search{width:10rem;}

#header .search.open {
    top: -30px !important;
	position:absolute
;}
	

    .page_lianxi {
        width: 100%;
        padding-right: 0
    ;}

    .page_lianxi .tt h3 {
        font-size: 1.75rem;
        line-height: 1.5
    ;}

    .page_lianxi .tt span {
        font-size: 2rem
    ;}

    .page_lianxi ul {
        margin: 2rem 0
    ;}

    .page_lianxi {
        display: none
    ;}
	
	    .site_nav {
        margin-left: 2rem
    ;}

    .site_nav ul li {
        margin-bottom: 2.5rem
    ;}
	
	.mm{padding:0 0px; position:absolute;  left:10%;}
	
	.s_subnav{left:11rem;}
	
	
	.site_nav ul li a:before{right:28%;}
	
	.hide .m{display: none !important;}
	
	.drop-shadoww {
   
    width: 58%;}

.z_wave {    bottom: -6vw;}

.number-prevnext .number-1{display:none;}

.fontb90 {
    font-size: 35px;}


    .pad_top,
    .pad_top2 {
        padding-top: 3rem !important;}

    .pad_bot,
    .pad_bot2 {
        padding-bottom: 3rem !important;}
	
	
	 .tul,
    .wl {
        grid-template-columns: 1fr;}

    .wl {
        gap: 3rem;}

    .tul li .tulcon {
        height: 14rem;}
	
	.activit_experi_contro {
  
    width: 50%;
  
    bottom: 10px !important;}
	.foot_link{display:none;}
	.foot_xinxi{padding-right:0;}
	.copyright{padding:0 20px;}
	
	.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}

.z_center_list li{ width: 100%; margin-bottom: 10px;}
.z_center_list li a{ height: auto; align-items: center;}
.z_center_list li .imgbox,.z_center_xq .imgbox {width: 39vw;height: 50vw;}
.z_center_list li .imgbox::before,.z_center_xq .imgbox::before{ display: none;}
.z_center_list li h3{ font-size: 16px;}
.z_center_list li .infobox{ padding:5px 15px;}
.z_center_list li .desc{ margin-top: 15px;-webkit-line-clamp: 3;}
.z_center_list{ margin-bottom: 20px;}

.z_center_list {
    margin-top: 2rem;}
	
}


@media (max-width: 992px) {

    .s_about .m,
    .s_xytop {
        grid-template-columns: 1fr;}

    .s_gonggao .new_gg a {
        align-items: center;}}
	
	
@media (max-height: 830px) {

    .site_nav ul {
    height: 70%;}
	
	.site_page .outbox{margin-top:15%;}

}



.p_no_d,.pb_sys_style6 .p_no a:hover{
   
    color: #fff;
    background-color: #a40001 !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 16px !important;
    line-height: 28px !important;
    text-align: center !important;
    margin: 0 10px !important;
    border-radius: 50% !important;
    transition: .3s;
    border:none !important;
}


.v_news_content p{line-height: 1.8 !important;}