@font-face {
	font-family: 'SourceHanSansCNRegular';
	src:  url('./font/SourceHanSansCN-Regular.ttf') format('truetype'),url('./font/SourceHanSansCN-Regular.otf') format('opentype');
  }
@font-face {
	font-family: 'SourceHanSansCNBoder';
	src: url('./font/SourceHanSansCN-Bold.otf') format('opentype');
  }

* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
    outline: none;
    
}

body {
    width: 100%;
    overflow-x: hidden;
    font-family: 'SourceHanSansCNRegular', 'Microsoft YaHei', system-ui, -apple-system, Segoe UI,Helvetica, Arial,sans-serif;
    padding-top:100px;
    font-size:18px;
    line-height:1.8;
    color:#000;
}
a{color:#000;}
a:hover{color:var(--color);}
.clearfix:after{content:"";display:block; height:0;clear:both;visibility:hidden;} 
.align_center{text-align:center;}
.align_right{text-align:right;}
.bold{font-weight: bold;}


@keyframes growUp {
    0% {
        transform: rotate(180deg) translateY(-20%);
        opacity: 0
    }
    30%, 60% {
        transform: rotate(180deg) translateY(0px);
        opacity: 1
    }
    90%, 100% {
        transform: rotate(180deg) translateY(20%);
        opacity: 0
    }
}

@keyframes growUp2 {
    0% {
        transform: rotate(0deg) translateY(-20%);
        opacity: 0
    }
    30%, 60% {
        transform: rotate(0deg) translateY(0px);
        opacity: 1
    }
    90%, 100% {
        transform: rotate(0deg) translateY(20%);
        opacity: 0
    }
}

:root {
    --color: #0047be
}

*, *::after, *::before {
    box-sizing: border-box
}

img {
    vertical-align: middle
}

img:not(.none) {
    max-width: 100%;
    max-height: 100%
}

textarea {
    resize: none;
    font-family: inherit
}

button {
    border: none;
    cursor: pointer
}

.bezier .swiper-wrapper, .div_bezier {
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1) !important
}

table {
    border-collapse: collapse
}

::-webkit-scrollbar {
    display: none;
    width: 0
}

[data-lenis-prevent] {
    padding: 0 20px 0 0
}

[data-lenis-prevent]::-webkit-scrollbar {
    width: 4px;
    display: block
}

[data-lenis-prevent]::-webkit-scrollbar-thumb {
    background: #666
}

[data-lenis-prevent]::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1)
}

._scroll_y {
    position: fixed;
    top: 0;
    right: 3px;
    width: 6px;
    height: 100vh;
    z-index: 9999;
    border-radius: 10px
}

._scroll_y div {
    width: 100%;
    height: 0;
    border-radius: 10px;
    background: black;
    opacity: 0;
    position: relative;
    transition: opacity 0.3s ease;
    cursor: grab
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0.4rem
}

::-webkit-scrollbar-track {
    background-color: transparent
}

[data-wheel]::-webkit-scrollbar {
    width: 7px
}

[data-wheel]::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0.4rem
}

[data-wheel]::-webkit-scrollbar-track {
    background-color: transparent
}

html.lenis, html.lenis body {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-scrolling iframe {
    pointer-events: none
}

section {
    overflow: hidden
}

section.unset {
    overflow: unset
}

.wrap {
    width: 1200px;
    margin: auto;
    max-width:100%;
}

.common_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;     
    background: #0046BF;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.header .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
    transition: .6s ease;
}

.header.on .wrap{
    
    height: 70px
}



.header.on .l .line {
    background: rgba(0, 0, 0, 0.1)
}

.header.on .l .code p {
    color: #fff
}

.header.on .r .nav .item> a {
    color: #fff
}


.header.on .r .nav .item> a img {
    filter: unset
}

.header.on .r .nav .item> a:hover {
    
}



.header.on .r .other .head_search .iconfont {
    color: #fff
}

.header.on .r .other .lag .iconfont {
    color: #F7F7F7
}

/**/
.header.hover_on {
    
}


.header.hover_on .r .nav .item> a img {
    filter: unset
}

.header.hover_on .r .nav .item> a:hover {

}
.header .r .nav .item> a{
    position: relative;
}


/**/

.header .l {
    display: flex;
    align-items: center
}

.header .l .logo {
    position: relative
}

.header .l .logo img {
    width: 100%;
    object-fit: contain;
    transition: .6s ease
}


.header .l .line {
    width: 1px;
    height: 28px;
    background: rgba(255, 255, 255, 0.2);
    margin: 0 12px;
    transition: .6s ease
}

.header .l .code p {
    font-weight: normal;
    font-size: 14px;
    color: #FFFFFF;
    transition: .6s ease
}

.header .l .code p:last-child {
    letter-spacing: 1.1px
}

.header .r {
    display: flex;
    align-items: center
}

.header .r .nav {
    display: flex;
    align-items: center
}

.header .r .nav .item > a {
    font-weight: normal;
    font-size: 14px;
    color: #FFFFFF;
    padding: 20px 0;
    transition: .6s ease;
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px
}

/**/
.header .r .nav .item:hover .level{
    clip-path: inset(0 0 0 0);
}
.header .r .nav .item .level{
    position: absolute;
    left: 0;
    top: 99%;
    width: 100%;
    height: 65px;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    justify-content: center;
    clip-path: inset(0 0 100% 0);
    border-top: 1px solid rgba(0,0,0,.05);
    transition: .4s ease;
    overflow: hidden;

}

.header .r .nav .item .level a{
    padding: 0 30px;
    height: 65px;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    color: #333;
    position: relative;
    transition: .6s ease;
}
.header .r .nav .item .level .hover{
    display: none;
}

.header .r .nav .item .level a:hover,.header .r .nav .item .level a.cur{
    color: var(--color)!important;
}
.header .r .nav .item .level a .hover{
    opacity: 0!important;
    bottom: 10px;
}

.header .r .nav .item .level a:hover .hover{
    opacity: 1!important;
}
/**/

html[lang="en"] .header .r .nav .item > a{
    font-size: 16px;
}

.header .r .nav .item > a img {
    width: 16px;
    height: 15px;
    filter: brightness(0) invert(1);
    opacity: 0;
    transition: .6s ease
}


.header .r .nav .item > a:after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
    transform-origin: left;
    transition: .3s ease
}
.header .r .nav .item.cur > a:after{
    width: 100%;
}
.header .r .nav .item:not(:last-child) {
    margin: 0 30px 0 0
}

html[lang="en"] .header .r .nav .item:not(:last-child){
    margin: 0 25px 0 0;
}

.header .r .other {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0 0 0 60px
}

.header .r .other .head_search {
    position: relative;
    top: 1px;
    cursor: pointer
}

.header .r .other .head_search .iconfont {
    font-size: 20px;
    color: #FFFFFF;
    position: relative;
    top: 1px;
    transition: .6s ease
}

.header .r .other .lag {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.header .r .other .lag .iconfont {
    font-size: 18px;
    color: #FFFFFF;
    transition: .6s ease;
    margin-right:14px;
}

header.active .header {
    background: #fff;
    height: 70px
}

header.active .header .l .line {
    background: rgba(0, 0, 0, 0.1)
}

header.active .header .l .code p {
    color: #fff
}

header.active .header .r .nav a {
    color: #fff
}


header.active .header .r .nav a:after {
    display: none
}

header.active .header .r .other .head_search .iconfont {
    color: #fff
}

header.active .header .r .other .lag .iconfont {
    color: #fff
}

.footer {
    background: #0047BE;
    padding: 80px 0 0;
    color: #fff;
    font-size:12px;
}
.footer a{color:#fff;}
.footer a:hover{
    text-decoration: underline;
}



.footer .top {
    display: flex;
    justify-content: space-between;
    padding: 0 0 20px;
}
.footer .top .l{
    width:62%;
}
.footer .contact_f{
    text-align: right;
}
.footer .contact_f .tel{
    font-size:50px;
    font-weight: bold;
}
.footer .contact_f p{
    margin-top:1em;
}
.footer .contact_f .code_f{
    margin-top:45px;
}
.footer .contact_f .code_f img{
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #fff;
    padding:6px;
}


.foo_nav {
    display: flex;
    flex-wrap: wrap;
}
.foo_nav .item {
    min-width:25%;
    margin-bottom:50px;
}

.foo_nav .item a {
    transition: .6s ease;
    display: block;
    margin-bottom:0.6em;
}

.foo_nav .item a:hover {
}

.f_h {
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom:15px;
}
.img_f{
    padding:46px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.img_f .item_f_l{
    margin-right:5%;
    width:16%;
}
.img_f  .item_f_r{
    display: flex;
    align-items: center;
    width:58%;
    justify-content: space-between;
    
}
.img_f .item_f_r > img,.img_f .item_f_r > a{display:inline-block; width:20%;}
.img_f .item_f_r .line{width:1px; display:inline-block; height:25px; background: rgba(255,255,255,0.5); margin:0 2.5%;}


.footer .bottom {
    background:#333333;
    padding:16px 0;
    font-size: 1.5em;
}




/* 搜索 */
.fixed_search{
    position: fixed;
    height: 200px;
    width: 100%;
    background: #F7F7F7;
    z-index: 999;
    left: 0;
    top: 0;
    padding: 100px 260px 0 260px;
    clip-path: inset(0 0 100%);
    transition: .6s ease;
}
.fixed_search.on{
    clip-path: inset(0 0 0 0);
}
.fixed_search input{
    width: 100%;
    height: 70px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #D4D6D9;
    padding: 0 30px;
    transition: .6s ease;
    font-size: 18px;
}
.fixed_search input::placeholder{
    color: #999999;
}
.fixed_search form{
    position: relative;
}
.fixed_search input:focus{
    border: 1px solid var(--color);
}
.fixed_search button{
    width: 100px;
    height: 60px;
    background: #121BC2;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    font-size: 18px;
    color: #FFFFFF;
    position: absolute;
    right: 5px;
    top: 5px;
}

.header.search_on .wrap {
    height: 70px
}



.header.search_on .r .nav a img {
    filter: unset
}

.header_mobile{ display: none; }

/**/
.banner {
    height: 100vh;
    height: calc(100vh - 100px);
    position: relative;
    z-index: 1
}

.banner .swiper1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.banner .swiper1 .swiper-slide {
    overflow: hidden;
    display: flex;
    /* align-items: center;align-items: center; */
}

/*.banner .swiper1 .swiper-slide:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.02)
}*/

.banner .swiper1 .swiper-slide.swiper-slide-active img {
    transform: scale(1)
}

.banner .swiper1 .swiper-slide.swiper-slide-active .content .text > div {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s
}

.banner .swiper1 .swiper-slide.swiper-slide-active .content .text>div:last-child {
    transition-delay: .5s
}

.banner .swiper1 .swiper-slide img {
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    transition: cubic-bezier(0.77, 0, 0.175, 1) transform 2s;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover;
}

.banner .swiper1 .swiper-slide .content {
    position: relative;
    z-index: 5;
    width: 1200px;
    margin: 18vh auto 0;
    text-align: center;
}

.banner .swiper1 .swiper-slide .content .text { 
    color: #FFFFFF;
    position: relative;
    line-height:1.5;
}


.banner .swiper1 .swiper-slide .content .text > div {
    transform: translateY(100%);
    opacity: 0;
    transition: opacity .3s ,transform .6s .3s
}
.banner .swiper1 .swiper-slide .content .text .p1{ font-size:2.7vw; letter-spacing: 0.1em;}
.banner .swiper1 .swiper-slide .content .text .p2{ font-size:1.2vw;}

.banner .swiper-pagination {
    bottom: 40px;
    width: fit-content;
    left: 50%;
    transform: translateX(-50%)
}

.banner .swiper-pagination span {
    width:75px; height:5px; background:rgba(255,255,255,0.65); margin:0 15px !important; -webkit-border-radius: 15px; border-radius: 25px; opacity:1; overflow:hidden; display: inline-block; transition: all 0.3s ease;
}

.banner .swiper-pagination span.swiper-pagination-bullet-active {
    background: #fff;
}


.banner_common .img img{width: 100%;}

.menu_crumb{
    background: #fff;
    border-bottom: 2px solid #C8CACC;
    color:#333;
    font-size:0.89em;
}
.menu_crumb a{color:#333;}
.menu_crumb a:hover{color:var(--color);}
.menu_crumb .wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.menu{padding:12px 0;}
.menu ul{
    display: flex;
}
.menu ul li{margin-right: 2.2em;}
.menu ul li a{
    display: block;
}
.menu ul li.cur a{ font-weight: bold; color:var(--color);}
.menu ul li:hover a{color:var(--color);}
.crumb{padding: 5px 0;}
.crumb span{color:var(--color);}

.btn_s{display:inline-block; color:#000;font-size:1.17em; padding:0 1.5em; line-height:2.6; -webkit-border-radius: 2em; border-radius: 2em; -webkit-transition: all .3s; transition: all .3s; border:2px solid #000; letter-spacing: 0.1em;}
.btn_s:hover{color:#fff; background-color:var(--color); border-color:var(--color);}

/*index */
.index .section_1{padding:60px 0 0; color:#333;}
.titl_z{text-align: center; margin-bottom: 35px;}
.titl_z .t_h{color:var(--color); font-size: 2em; font-weight: bold; }
.titl_z .line{width:58px; height:2px; margin:20px auto 14px; background:#333;}
.titl_z .t_p{font-size: 1.33em; color:#000; font-weight:400;}
.us_num_ind{margin-top:40px; color:#000;}
.us_num_ind ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.us_num_ind li{width:30%;border:3px solid var(--color);  text-align: center; -webkit-border-top-left-radius: 50px; border-top-left-radius: 50px; }
.us_num_ind li .item{padding:25px 10px; }
.us_num_ind li .num{ line-height:1.2; font-size:4em; color:var(--color); font-family: 'SourceHanSansCNBoder';font-weight:bold; }
.us_num_ind li .txt{line-height:1.5;}
.us_num_ind li .txt .en{font-size:12px;}
.index .section_1 .more{text-align: center; margin-top: 60px; margin-bottom:25px;}

.index .section_2{padding:60px 0 35px; color:#fff;}
.index .section_2 .titl_z .t_h{color:#fff;}
.cpjjfa_ind ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.cpjjfa_ind li{width:50%; margin-bottom:32px;}
.cpjjfa_ind li .item{margin:0 20px; display:block; -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; box-shadow: 0px 0px 15px rgba(0,0,0,0.3); color:#fff; position:relative;}
.cpjjfa_ind li .imgBox{position: relative; padding-bottom: 60.34%;}
.cpjjfa_ind li .img{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.cpjjfa_ind li .img img{width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.cpjjfa_ind a:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.cpjjfa_ind li .txt{position: absolute; bottom:0; left:0; right:0; padding:0 30px 20px 35px;display: flex; align-items: center; justify-content: space-between;}
.cpjjfa_ind li .txt .tt{font-weight: bold; font-size:1.33em;}
.cpjjfa_ind li .txt .adore{width:60px; height:60px; background:url(../images/icon2.png) no-repeat center; background-size: contain;}

.index .section_3{padding:60px 0 50px; color:#333;}
.index .section_3 .titl_z{ margin-bottom:0;}
.index .section_3 .p_ind{text-align: center;margin-bottom:20px; }
.index .section_3 .more{text-align: center; margin-top: -20px; position: relative; z-index: 5;}
.map_ind{position:relative;}
.map_ind .point{position:absolute; z-index: 5; }
.map_ind .point1{top:40.286%; left:37.083%;}
.map_ind .point2{top:21.656%; left:11.666%;}
.map_ind .point3{top:19.904%; left:15.334%;}
.map_ind .point4{top:40.127%; left:2%;}
.map_ind .point5{top:55.732%; left:11.296%;}
.map_ind .point6{top:19.854%; left:21.511%;}
.map_ind .point7{top:34.872%; left:22.176%;}
.map_ind .point8{top:24.681%; left:29.9%;}
.map_ind .point9{top:46.178%; left:34.219%;}
.map_ind .point10{top:21.019%; left:80.315%;}
.map_ind .point11{top:32.961%; left:74.086%;}
.map_ind .point12{top:60.191%; left:90.697%;}
.map_ind .point .point_in {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,71,190,0.48);
    position: relative;
    cursor: pointer
}
.map_ind .point .point_in:after {
    /* content: ''; */
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: var(--color);
    opacity: .5;
    animation: scaleAnimate 2s linear infinite;
    z-index: -1;
    pointer-events: none
}

.map_ind .point .point_in:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: var(--color);
    opacity: .5;
    animation: scaleAnimate 2s linear infinite;
    animation-delay: 1s;
    z-index: -1;
    pointer-events: none
}
@keyframes scaleAnimate {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: .5
    }

    100% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }
}

.map_ind .point .point_in div {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #0047BE
}

.index .section_4{padding:60px 0 80px; color:#fff;}
.index .section_4 .titl_z{ margin-bottom:0;}
.index .section_4 .titl_z .t_h{color:#fff; }
.index .section_4 .p_ind{text-align: center;margin-bottom:20px; }
.index .section_4 .more{text-align: center; position: relative; margin-top:52%; }
.index .section_4 .more .btn_s{border-color: #fff; color:#fff;}
.index .section_4 .more .btn_s:hover{border-color: var(--color);}

.index .section_5{padding:60px 0 180px; color:#333;}
.news_ind{display: flex; flex-wrap: wrap; justify-content: space-between; }
.news_ind .item{width:48.3%; }
.news_ind .item a{display:block; color:#333; overflow: hidden;}
.news_ind .item a:hover{color:var(--color);}
.news_ind .item .tt{text-align: center; font-size:1.33em; margin-bottom: 45px;}
.news_ind .item .img_txt{border:2px solid #333; -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; }
.news_ind .item .img_txt .imgBox{position: relative; padding-bottom: 65.21%; overflow: hidden; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px;-webkit-border-bottom-right-radius: 15px; border-bottom-right-radius: 15px; overflow: hidden; box-shadow: 0px 5px 10px rgba(0,0,0,0.3);}
.news_ind .item:nth-child(2) .img_txt .imgBox:after{content: ""; position: absolute; z-index: 5; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 62px; height: 62px; background: url(../images/icon_video2.png) no-repeat center ;}
.news_ind .item .img_txt .img{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.news_ind .item .img_txt .img img{width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.news_ind .item a:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.news_ind .item .img_txt .txt{padding:35px 45px 35px 32px; display: flex; justify-content: space-between; align-items: center; }
.news_ind .item .img_txt .txt .hh{font-size:1.17em; line-height:1.7; height: 3.4em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_ind .item .img_txt .txt .btn_s{flex-shrink: 0; margin-left:10%;}


/** 产品及解决方案 **/
.cpjj .cpj_s_img{margin-bottom: 2.2em; text-align: center;}
.cpjj .cpj_s_img img{max-width: 60%;}
.cpjj .cpj_s_txt{margin-bottom: 2.6em; text-align: center; color:#000; font-size:1.17em;}
.cpjj .cpj_s_btn{text-align: center;}
.cpjj1 .section_1{padding:83px 0 31.25vw;}
.cpjj2 .section_1{padding:83px 0 31.25vw;}
.cpjj4 .section_1{padding:83px 0 78px;}
.cpj_s_img_btn{position: relative;}
.cpj_s_img_btn .cpj_s_btn{position: absolute; bottom:3.3em; left:0; right:0;}
.cpjj3 .section{padding:60px 0 80px;}
.cpjj3 .section_1{padding:88px 0 85px;}
.cpjj3 .section_2{padding:0;}
.cpjj3 .section_1 .cpjj_z .img{ -webkit-box-shadow: 0px 0px 25px #596DB5; box-shadow: 0px 0px 25px #596DB5; margin-bottom:55px;}
.cpjj3 .section_1 .cpjj_z .txt{font-size:1.17em; color:#000; line-height:2.2;}
.cpjj_x{ display: flex; align-items: center; justify-content: center;}
.cpjj_x .item{width:50%; position: relative;}
.cpjj_x .item .img{ height:960px; overflow: hidden;}
.cpjj_x .item .img img{width: 100%; height: 100%; object-fit: cover;}
.cpjj_x .item .txt{position: absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width:600px;  color:#fff; box-sizing: border-box;}
.cpjj_x .item_l .txt{right:0; padding-right:110px;}
.cpjj_x .item_r .txt{left:0; padding-left:110px;}
.cpjj_x .item .txt .tit{font-size: 2em; font-weight: bold; margin-bottom: 1.3em;}
.cpjj_x .item .txt .t_p{font-size: 2em; min-height: 9em;  line-height:1.5; }
.cpjj_x .item .txt .line{width:106px; height:3px; background-color:#fff; margin:0 0 45px;}
.cpjj_x .item .txt .en .t_p{font-size: 1.17em; line-height:1.8;  }
.cpjj_x .item_r .txt{ color:var(--color);}
.cpjj_x .item_r .txt .line{background-color:var(--color); margin-right: 0; margin-left: auto;}
.title1{font-size: 2em; font-weight: bold; margin-bottom: 0.7em; text-align: center; color:var(--color);}
.tt_p{margin-bottom:50px;}
.cpjj_c ul{display: flex; justify-content: space-between;  flex-wrap: wrap;}
.cpjj_c li{width:24%; margin-bottom: 20px; -webkit-border-radius: 2em; border-radius: 2em; overflow: hidden; background:url(../images/cpjj1.jpg) no-repeat center; background-size: cover; color:#fff;}
.cpjj_c li .item{padding:25px 20px 18px; text-align: center;}
.cpjj_c li .num{font-size: 4em; font-weight: bold;line-height:1.2;}
.cpjj_c li .t_h{font-size: 1.67em; font-weight: bold; line-height:1.5;}
.cpjj_c li:nth-child(5) .t_h,.cpjj_c li:nth-child(6) .t_h,.cpjj_c li:nth-child(7) .t_h,.cpjj_c li:nth-child(8) .t_h{margin-bottom:10px;}
.cpjj_c li .t_p{ font-weight: bold; margin-bottom: 3px;}
.cpjj_c li p{font-size: 12px; }
.cpjj3 .section_4 ,.cpjj3 .section_4 .title1{color:#fff;}
.cpjj_v{margin:0 -7px;}
.cpjj_v ul{ display: flex; justify-content: space-between;  flex-wrap: wrap;}
.cpjj_v li{width:50%; margin-bottom: 14px;}
.cpjj_v li .item{margin: 0 7px;}
.cpjj_v li .imgBox{position: relative; padding-bottom: 50%; overflow: hidden;}
.cpjj_v li .img{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.cpjj_v li .img img{width: 100%; height: 100%; object-fit: cover;}
.cpjj_v li .txt{ color:#fff; padding:0.55em 0.1em; line-height:1.5; text-align: center; background: var(--color);}
.cpjj_v2 li{width:33.3%; }
.prd_list{margin:0 -24px;}
.prd_list ul{ display: flex; justify-content: space-between;  flex-wrap: wrap;}
.prd_list li{width:33.3%; margin-bottom: 48px;}
.prd_list li .item{margin: 0 24px; border:3px solid var(--color);}
.prd_list li .imgBox{position: relative; padding-bottom: 76.8%; overflow: hidden;}
.prd_list li .img{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.prd_list li .img img{width: 100%; height: 100%; object-fit: contain;}

/*- 新闻资讯 -*/
.news .section_1{padding:95px 0; background: #F7F8F8;}
.news_top{ overflow: hidden; margin:85px -20px 0; }
.news_top .item a,.news_top .item .item_con{margin:0 20px;display: flex; align-items: center; justify-content: space-between; padding:16px 20px 16px 0; -webkit-border-radius: 20px;  border-radius: 20px;background: #fff; -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,0.1); box-shadow: 0px 0px 25px rgba(0,0,0,0.1); cursor: pointer;}
.news_top .item .imgBox{position: relative;  overflow: hidden; width:50%;-webkit-border-radius: 15px;  border-radius: 15px;}
.news_top .item .imgBox .imgSize{padding-bottom: 80%;}
.news_top .item .img{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.news_top .item .img img{width: 100%; height: 100%; object-fit: cover; transition:all 0.5s;}
.news_top a:hover .img img,.news_top .item .item_con:hover .img img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.news_top .item .text{width:50%; box-sizing: border-box; padding:5%;}
.news_top .item .text .time{color:#333; font-size: 1.17em;font-weight: bold; display:inline-block; padding-bottom:1.2em; border-bottom:2px solid #8D8D8D;}
.news_top .item .text .hh{color:#000; font-size: 2em; line-height:1.5; margin-top:1em;}
.news_top a:hover .text .hh,.news_top .item .item_con:hover .text .hh{color:var(--color);}
.news .news_top .swiper-page{text-align: center; margin-top:80px;}
.news .news_top .swiper-page span{width:75px; height:5px; background:rgba(0,71,170,0.3); margin:0 15px; -webkit-border-radius: 15px; border-radius: 25px; opacity:1; overflow:hidden; display: inline-block; transition: all 0.3s ease; }
.news .news_top .swiper-page span.swiper-pagination-bullet-active{background:var(--color);}

.news .section_2{padding:105px 0 125px; background: #fff;}
.art_list{margin:0 -17px;}
.art_list ul{display: flex; justify-content: space-between;  flex-wrap: wrap;}
.art_list li{width:33.3%; margin-bottom: 35px;}
.art_list li .item{margin: 0 17px; border:1px solid #EAEAF0; display:block; cursor: pointer;}
.art_list li .imgBox{position: relative;  overflow: hidden; }
.art_list li .imgBox .size{padding-bottom: 62.5%;}
.art_list li .img{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.art_list li .img img{width: 100%; height: 100%; object-fit: cover; transition:all 0.5s;}
.art_list li a:hover .img img,.art_list li .item:hover .img img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.art_list li .text{padding:20px 30px 25px;}
.art_list li .text .hh{font-size:1.17em; line-height:1.5; min-height: 3em; margin-bottom:0.5em;}
.art_list li .text .dec{color:#B2B2B2; font-size:0.85em; line-height:1.7; height:5em; overflow:hidden;}
.art_list li .text .time{color:#999; font-size:0.95em; margin-top:0.7em;}

.video_top .item .img:after{content: ""; position: absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 62px; height: 62px; background: url(../images/icon_video2.png) no-repeat center ;}
.video_list{margin:0 -37px;}
.video_list li{margin-bottom:78px;}
.video_list li .item{margin: 0 37px; border:1px solid #707070; display:block; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden;}
.video_list li .text{ text-align: center; padding:30px 30px 10px;}
.video_list li .imgBox{-webkit-border-radius: 10px; border-radius: 10px; overflow: hidden;}
.video_list li .img:after{content: ""; position: absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 62px; height: 62px; background: url(../images/icon_video2.png) no-repeat center ;}

.page{margin-top: 90px; text-align: center; }
.page a{ display: inline-block; vertical-align: top;  min-width: 2.6em; line-height: 2.6; height: 2.6em; text-align: center; box-sizing: border-box; padding: 0 3px;  color: #333; margin: 0 10px 10px; font-size:1.17em; -webkit-border-radius: 2em; border-radius: 2em;}
.page a.cur,.page a:hover{background-color: var(--color); color: #fff;}
.page .page-first{ background: url(../images/pg1.png) no-repeat center;}
.page .page-last{ background: url(../images/pg4.png) no-repeat center;}
.page .page-pre{ background: url(../images/pg2.png) no-repeat center;}
.page .page-next{ background: url(../images/pg3.png) no-repeat center;}
.page .page-first:hover{background-image: url(../images/pg2_1.png);}
.page .page-last:hover{background-image: url(../images/pg3_1.png);}
.page .page-pre:hover{background-image: url(../images/pg2_1.png);}
.page .page-next:hover{background-image: url(../images/pg3_1.png);}

.newsD .section{padding:125px 0 185px; background: #f9f9f9;}
.newsD .wrap{display: flex; justify-content: space-between; }
.newsD .newsD_tj{width: 280px; flex-shrink: 0; }
.newsD_tj .dp{ font-size:1.17em; color:#000; margin-bottom:1em;}
.tj_list li{border-bottom:1px solid #AEAEAE; margin-bottom:1.7em; padding-bottom:0.5em;}
.tj_list li .hh{ font-size:1.17em; color:#000; margin-bottom:0.5em;}
.tj_list a:hover .hh{color:var(--color);}
.tj_list li .time{color:#979797; font-size:0.78em; }
.newsD .newsD_con{ padding-right:9.5%;}
.newsD_top{border-bottom:1px solid #333333; padding-bottom:30px; color:#333; margin-bottom:30px;}
.newsD_top .time{ margin-bottom:30px;}
.newsD_top h2{font-weight: normal; font-size: 2em; line-height:1.5;}
.newshare{margin-top:30px; display: flex; align-items: center; font-size:1.17em;}
.social-share{margin-left:25px;}
.social-share > a{ height:50px; width: 60px;margin-right:25px; display:inline-block;position: relative;}
.social-share > a:last-child{margin-right: 0;}
.social-share .icon-wechat{ background:url(../images/icon_weixin.png) no-repeat center;}
.social-share .icon-weibo{ background:url(../images/icon_weibo.png) no-repeat center; }
.social-share .icon-weibo:before{display: none;}
.social-share .icon-wechat:hover{ background-image:url(../images/icon_weixin_hover.png);}
.social-share .icon-weibo:hover{ background-image:url(../images/icon_weibo_hover.png); }
.social-share .icon-wechat .wechat-qrcode {
  display: none;
  border: 1px solid #eee;
  position: absolute;
  z-index: 9;
  top: 60px;
  left: -84px;
  width: 200px;
  height: 192px;
  color: #666;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 10px #aaa;
  transition: all 200ms;
  -webkit-tansition: all 350ms;
  -moz-transition: all 350ms
}


.social-share .icon-wechat .wechat-qrcode h4 {
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  background-color: #f3f3f3;
  margin: 0;
  padding: 0;
  color: #777
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
  width: 105px;
  margin: 10px auto
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
  margin: 0 !important
}

.social-share .icon-wechat .wechat-qrcode .help p {
  font-weight: normal;
  line-height: 16px;
  padding: 0;
  margin: 0
}

.social-share .icon-wechat .wechat-qrcode:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: -13px;
  width: 0;
  height: 0;
  border-width: 8px 6px 6px 6px;
  border-style: solid;
  border-color:  transparent transparent #f3f3f3 transparent 
}

.social-share .icon-wechat:hover .wechat-qrcode {
  display: block
}
.other_more{margin-top: 50px;  padding-top:50px; border-top: 1px solid #737373;}
.other_more .prev_next{font-size:1.17em; color: #808080;}
.other_more .prev_next > div{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}
.other_more .prev_next a{color: #808080;}
.other_more .prev_next a:hover{color:var(--color);}
.other_more .prev_next .item_prev{margin-bottom: 5px;}

/* 加入我们 */
.join1 .section{padding:120px 0 130px;}
.join_z{margin:80px -11px 0;}
.join_z ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.join_z li{width:33.33%; margin-bottom:20px;}
.join_z li .item{margin:0 11px; position: relative;  overflow: hidden; border-radius: 20px; -webkit-border-radius: 20px; box-shadow: 10px 10px 10px rgba(0,71,170,0.2);}
.join_z li .imgBox{position: relative;  overflow: hidden; padding-bottom: 552px;}
.join_z li .img{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.join_z li .img img{width: 100%; height: 100%; object-fit: cover; transition:all 0.5s;}
.join_z li .txt{padding:35px 8.1%; background: rgba(0,71,170,0.9); color:#fff; text-align: center; position: absolute; top:0; left:0; width: 100%; }
.join_z li .txt .tt{font-size:2em;font-family: 'SourceHanSansCNBoder'; font-weight:bold; margin-bottom:0.1em;}
.join_z li .txt p{font-size:0.78em; min-height:5.4em;}
.join_z li:nth-child(2n) .txt{top:auto; bottom:0;}
.join1 .section .tt_p{font-size:1.33em; margin-top:-0.5em;}
.join_x_box{padding-bottom:30vw; position: relative;  }
.join_x_box_in{position: absolute; left:0; right:0; top:0; bottom:0;}
.join_x{padding:5vw 0; position: relative; overflow:visible;  }
.join_x .swiper-wrapper{ align-items: center; }
.join_x li{width:26%; opacity: 0.5;  }
.join_x li .item{ text-align: center; transform:scale(0.7);}
.join_x li.swiper-slide-prev .item {
      transform-origin: left center;
      transform:scale(0.7) translateX(-5%);
}
.join_x li.swiper-slide-next .item {
    transform-origin: right center;
    transform:scale(0.7) translateX(5%);
}
.join_x li .img{border-radius: 1vw; -webkit-border-radius:1vw; overflow: hidden; position: relative; padding-bottom:67%;}
.join_x li .img img{ position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
.join_x li.swiper-slide-active{/*width:38.3%;*/opacity: 1;transition:opacity 0.5s;}
.join_x li.swiper-slide-active .item{transform:scale(1.45);}
.join_x li.swiper-slide-active .item .img{box-shadow: 0 0px 1.5em rgba(0,0,0,0.5);border-radius: 1.5vw; -webkit-border-radius:1.5vw; }
.join_x .swiper-prev{width:58px; height:58px; position: absolute; top:50%; left:35%; margin-top:-29px; background: url(../images/s_l3.png) no-repeat center; border-radius: 50%; -webkit-border-radius: 50%; -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.6); box-shadow: 0 0px 10px rgba(0,0,0,0.6); z-index: 9; cursor: pointer;}
.join_x .swiper-next{width:58px; height:58px; position: absolute; top:50%; right:35%; margin-top:-29px; background: url(../images/s_r3.png) no-repeat center; border-radius: 50%; -webkit-border-radius: 50%;-webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.6); box-shadow: 0 0px 10px rgba(0,0,0,0.6); z-index: 9; cursor: pointer;}
.join_c{margin:0 -20px;}
.join_c ul{display: flex; justify-content: space-between;}
.join_c li{width:50%;}
.join_c li .item{ display:block;margin:0 20px; box-shadow: 10px 10px 20px rgba(0,71,170,0.2); overflow: hidden; border-radius: 20px; -webkit-border-radius: 20px; position: relative;}
.join_c li img{width:100%;}
.join_c  .tt{position: absolute; top:7%; left:0; right:0; text-align:center;font-size:2em; color:#333; z-index: 9; font-family: 'SourceHanSansCNBoder';font-weight:bold;}
.join_c  .join_c_btn{position: absolute; bottom:11%; left:0; right:0; text-align:center;}
.join_c  .join_c_btn .btn_s{border-color:#fff; color:#fff;}
.join_c li .item:hover .join_c_btn .btn_s,.join_c  .join_c_btn .btn_s:hover{border-color:var(--color); background:var(--color); color:#fff;}

.join2 .section{padding:60px 0 200px;}
.notice_z{padding:20px; background: #F0F0F0; border-radius: 15px; -webkit-border-radius: 15px; text-align: center; color:#1a1a1a; margin-bottom:60px;}
.notice_z .n_e{font-size:1.17em;font-family: 'SourceHanSansCNBoder'; font-weight:bold; color:var(--color); }
.job_con{display: flex; justify-content: space-between; }
.job_side{width:250px; flex-shrink: 0;}
.job_search{position: relative; margin-bottom:1.4em;}
.job_search input{width: 100%; height: 40px; padding: 0 50px 0 1em; font-size:14px; border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #3D3D3D; }
.job_search .search_btn{position: absolute; top:50%; right:1em; transform: translateY(-50%); width:28px; height:28px; background: url(../images/icon_search2.png) no-repeat center; cursor: pointer;}
.side_menu .s_item{margin-bottom: 1.4em;}
.side_menu .s_item .menu_tt{ padding: 0.6em 50px 0.6em 1em; line-height:38px; line-height:1.5; color:#333; font-size:14px; border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #3D3D3D; position: relative; cursor: pointer;}
.side_menu .s_item .menu_tt .icon{ position: absolute; top:50%; right:1.1em; transform: translateY(-50%); width:24px; height:24px; background: url(../images/icon_add.png) no-repeat center; }
.menu_list_z{padding:20px; font-size:14px; display: none;}
.menu_list_z a{color:#333; display: block; padding: 8px 0;}
.menu_list_z a:hover{color:var(--color);}
.side_menu .s_item.open .menu_tt .icon{background: url(../images/icon_minus.png) no-repeat center;}
.job_main{flex:1; margin-left: 8%;}
.job_list li{margin-bottom: 1em; border-bottom: 1px solid #f0f0f0; padding-bottom: 0.6em; position: relative; padding-right:8em;}
.job_list li .job_tt{margin-bottom: 0.3em; }
.job_list li .job_price{color:#EB5D49;margin-bottom: 0.3em; font-size:0.9em;}
.job_list li  .job_oth{font-size:0.78em; color:#757575; display: flex; flex-wrap: wrap; align-items: center;}
.job_list li  .job_oth .zx{padding:0.25em 0.6em; border-radius: 5px; -webkit-border-radius: 5px; background: #F3F4F7; margin-right: 10px; margin-bottom: 0.5em; }
.job_list li  .job_oth .zx:nth-child(3){margin-right:20px;}
.job_list li  .job_oth  .zx_addr{margin-bottom:0.5em; background:url(../images/dd.png) no-repeat left center; padding-left: 22px; color:#9C9C9C; margin-right:2em; }
.job_list li  .job_oth .zx_sourse{color:#bbb;margin-bottom:0.5em;}
.job_list li .shenq{position: absolute; top:50%; transform: translateY(-50%); right:0; padding:0 1.5em; line-height:2.5; background:#EEF2FE; -webkit-border-radius:2em; border-radius:2em; color:#4477FF; cursor: pointer; }
.pop_erweima{position: fixed; top:0; left:0; right:0; bottom:0;  z-index: 9999; display: none;}
.pop_erweima .mask{position: absolute; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.6); z-index: 10; cursor: pointer; }
.pop_erweima .erweima{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 300px; height: 300px; text-align: center; padding:15px; background: #fff; box-shadow: 0 0px 10px rgba(0,0,0,0.5); z-index: 20;}
.pop_erweima .close{ position:absolute; top:-25px; right:-25px; border-radius:50%; width:25px; height:25px;-webkit-transform:rotate(45deg);transform:rotate(45deg); cursor:pointer;}
.pop_erweima .close .t1{ width:1px; height:17px; background:#fff;position:absolute; top:4px; left:12px;}
.pop_erweima .close .t2{ width:17px; height:1px; background:#fff;position:absolute; left:4px; top:12px;}


/* 可持续发展 */
.kcxfz .section{padding:100px 0;}
.tit2em{font-size:2em; font-family: 'SourceHanSansCNBoder';font-weight:bold; margin-bottom:0.4em;}
.kcxfz .section_1 .tit2em{color:var(--color);}
.kcxfz_z{display: flex; justify-content: space-between;}
.kcxfz_z .kcxfz_z_l{font-size:2em; font-family: 'SourceHanSansCNBoder';font-weight:bold; width:33.3%; flex-shrink: 0; line-height:1.5; color:var(--color);}
.kcxfz_z .kcxfz_z_r{text-align: right; font-size:1.17em;}
.kcxfz_x{margin:90px -13px 0; }
.kcxfz_x ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.kcxfz_x li{width:33.33%;}
.kcxfz_x li .item{ margin:0 13px;}
.kcxfz_x li .img{border-radius: 1em; -webkit-border-radius: 1em; overflow: hidden;box-shadow: 0px 5px 10px rgba(0, 71, 170, 0.4);}
.kcxfz_x li .img img{width:100%;}
.kcxfz_x li .tit{font-size:1.17em; font-family: 'SourceHanSansCNBoder';font-weight:bold; color:var(--color); margin-top: 1.5em;text-align: center;}

.kcxfz .section_2{color:#fff; padding:90px 0 390px;}
.kcxfz_c{ display: flex; justify-content: space-between; position: relative; }
.kcxfz_c:after{content:""; width:1px; background:linear-gradient(to bottom, transparent 0%, #fff 20%, #fff 80%, transparent 100%); position: absolute; top:0;bottom:0; right:0; opacity:0.7;}
.kcxfz_c .item{width:25%; position: relative; flex-shrink: 0; box-sizing: border-box; padding-left:20px; padding-right:20px; padding-top:2.5%;min-height:500px;}
.kcxfz_c .item:nth-child(2){ padding-top:15%;}
.kcxfz_c .item:nth-child(3){ padding-top:9%;}
.kcxfz_c .item:before{content:""; width:1px; background:linear-gradient(to bottom, transparent 0%, #fff 20%, #fff 80%, transparent 100%); position: absolute; top:0;bottom:0; left:0; opacity:0.7;}
.kcxfz_c .item .num_dw{line-height:1.2;}
.kcxfz_c .item .num{font-size:2.66em;font-family: 'SourceHanSansCNBoder'; font-weight:bold;}
.kcxfz_c .item .dw{font-size:2em; font-family: 'SourceHanSansCNBoder';font-weight:bold;margin-left:0.2em; white-space: nowrap;}
.kcxfz_c .item .pp{margin-top:1em;}
.kcxfz .section_3{color:#fff;}
.kcxfz_v{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.kcxfz_v .kcxfz_v_l{width:34%; box-sizing: border-box; padding-right:7%;}
.kcxfz_v .kcxfz_v_r{width:66%;}
.kcxfz_v .kcxfz_v_r img{width:100%;}
.kcxfz_v_slide{overflow: hidden; position: relative; }
.kcxfz_v_slide .swiper-prev{width:60px; height:60px; position: absolute; top:50%; left:38px; margin-top:-30px; background: url(../images/s_l2.png) no-repeat center; z-index: 9; cursor: pointer;}
.kcxfz_v_slide .swiper-next{width:60px; height:60px; position: absolute; top:50%; right:38px; margin-top:-30px; background: url(../images/s_r2.png) no-repeat center; z-index: 9; cursor: pointer;}
.kcxfz_v .tit2em{margin-bottom:1em;}
.kcxfz_v p{font-size:1.17em; line-height:2;}
.kcxfz_b{margin:40px -15px 0; overflow: hidden; position: relative; }
.kcxfz_b li .item{margin:0 15px;}
.kcxfz_b .swiper-prev{width:60px; height:60px; position: absolute; top:50%; left:38px; margin-top:-30px; background: url(../images/s_l2.png) no-repeat center; z-index: 9; cursor: pointer;}
.kcxfz_b .swiper-next{width:60px; height:60px; position: absolute; top:50%; right:38px; margin-top:-30px; background: url(../images/s_r2.png) no-repeat center; z-index: 9; cursor: pointer;}
.kcxfz_n{flex-direction: row-reverse;}
.kcxfz_n .kcxfz_v_l{ padding-left:7%; padding-right:0; text-align: right;}
.kcxfz .section_4,.kcxfz .section_5{color:#333;}
.kcxfz .section_4 .tit2em{color:var(--color);}
.kcxfz .section_5 .tit2em{color:var(--color);}
.kcxfz_m{margin-top:55px; display: flex; justify-content: space-between; flex-wrap: wrap; font-size:0.78em;}
.kcxfz_m .kcxfz_m_l{width:34%; box-sizing: border-box; border-right: 1px solid #333; display: flex; align-items:end;}
.kcxfz_m .kcxfz_m_r{width:60%; display: flex; align-items:end;}
.kcxfz_m .kcxfz_m_l .img{width:54%; margin-right:15px;flex-shrink: 0;} 
.kcxfz_m .kcxfz_m_r .img{width:34%; margin-right:15px; flex-shrink: 0; }

/* 关于 */
.contact .section{padding:55px 0 80px;}
.title3{font-size:2em;margin-bottom:0.8em;}
.contact .cnt_img{margin-bottom: 22px;box-shadow: 0px 0 40px rgba(0, 71, 170, 0.3); border-top-left-radius: 188x; -webkit-border-top-left-radius: 188px; overflow: hidden;}
.contact .cnt_img img{width:100%;}
.contact .cnt_txt{display: flex; justify-content: space-between;line-height:2; color:#000;}

.gylpt .section_1{padding:122px 0 217px;}
.title4{color:#000;}
.title4 .cn{ font-size:2em;font-family: 'SourceHanSansCNBoder'; font-weight:bold;}
.title4 .en{ font-size:1.17em;}
.srm{margin-top:378px;}
.srm .vv_h{font-size:2em; font-family: 'SourceHanSansCNBoder';font-weight:bold; margin-bottom:0.4em;}
.srm .vv_btn a{display: inline-block; padding:0 3em; line-height:2.2em; font-size:1.17em; border-radius: 10px; -webkit-border-radius: 10px; background: #0047BE; color:#fff; }
.gylpt .section_2{padding:110px 0 130px;}
.gylpt .section_2 .wrap{box-shadow: 0px 0 40px rgba(0, 71, 170, 0.3); border-top-left-radius: 188x; -webkit-border-top-left-radius: 188px; overflow: hidden; padding:80px 180px 100px;}
.title5{color:#000; text-align: center;}
.title5 .tt{ font-size:2em;font-family: 'SourceHanSansCNBoder'; font-weight:bold;}
.gylpt_z{margin:100px 0 80px; display: flex; justify-content: space-between; }
.gylpt_z .gylpt_z_l{display: flex; width:50%; position: relative;}
.gylpt_z .gylpt_z_l:after{content:""; width:1px; background:linear-gradient(to bottom, transparent 0%, #000 20%, #000 80%, transparent 100%); position: absolute; top:0;bottom:0; right:0; opacity:0.7;}
.gylpt_z .gylpt_z_l .txt{margin-left:11%;}
.gylpt_z .txt{margin-top:0.3em;}
.gylpt_z .txt .tt{font-size:1.33em; margin-bottom:0.7em; }
.gylpt_z .gylpt_z_r{width:50%; padding-left:10%;}

.pop_video{position:fixed;z-index:9999; left:0; top:0; right:0; bottom:0; display:none;}
.pop_video .mask{ position:fixed;  left:0; top:0; right:0; bottom:0; background:#000;opacity:0.7;  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.pop_video .pop_video_play{ position:relative; z-index:1; box-sizing: border-box; padding: 5px;  max-width:1000px; width:100%;max-height:calc(85vh + 40px);left:50%; background:#000; top:50%; top:15%\9; transform:translateY(-50%, -50%); -webkit-transform:translate(-50%, -50%);  }
:root .pop_video .pop_video_play{top:50%;}
.pop_video .pop_video_play .video_play_in{ position:relative;}
.pop_video .pop_video_play .video_size{ padding-bottom:56.25%;}
.pop_video .pop_video_play .video{position:absolute; left:0; right:0; top:0; bottom:0;max-height:85vh;}
.pop_video .clockp{ position:absolute; top:-20px; right:-20px; border-radius:50%; width:25px; height:25px;-webkit-transform:rotate(45deg);transform:rotate(45deg); cursor:pointer; background: #fff;}
.pop_video .clockp .t1{ width:1px; height:17px; background:#000;position:absolute; top:4px; left:12px;}
.pop_video .clockp .t2{ width:17px; height:1px; background:#000;position:absolute; left:4px; top:12px;}

.pop_video.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.pop_video.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

@keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

.about .section_1{padding:120px 0 60px;}
.about .title6{font-size:2em; font-family: 'SourceHanSansCNBoder';font-weight:bold; color:#000; margin-bottom:1.25em;}
.about_z{display: flex; justify-content: space-between;margin-bottom:90px; }
.about_z .about_z_l{width:28%; font-size:1.33em;font-family: 'SourceHanSansCNBoder'; font-weight:bold; color:var(--color); position: relative; padding-top:26px;}
.about_z .about_z_l:after{content:""; width:56px; height:2px; background:#000; position: absolute; top:10px;left:0;}
.about_z .about_z_r{width:72%; color:#333;    text-align: justify;}
.about_z .about_z_r p{font-size:1.17em; line-height:2;}
.vbnm ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.vbnm li{width:25%;}
.vbnm li .num{ line-height:1.2; font-size:4em; color:var(--color);font-family: 'SourceHanSansCNBoder'; font-weight:bold; }
.vbnm li .txt{line-height:1.5;}
.vbnm li .txt .en{font-size:12px;}
.about .section_2{padding:60px 0 150px; color:#fff; text-align: center;}
.about_x .video_play{ position:relative; border-radius: 27x; -webkit-border-radius: 27px; overflow: hidden;box-shadow: 0px 0px 25px rgba(0, 71, 170, 0.5);cursor:pointer;}
.about_x .video_play:after{content:""; width:60px; height:60px; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); background: url(../images/icon_video.png) no-repeat center; z-index: 9; }
.about_x .video_play img{transition: all 0.3s; -webkit-transition: all 0.3s;}
.about_x .video_play:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.about_x .adore{text-align: center; margin-top:80px;}
.about_x .txt{font-size:1.33em; margin-top:1.25em;}
.about .section_3{padding:55px 0 60px;}
.about_c .dec{ line-height:1.6; padding:0.6em 1em; font-size:1.17em; border:1px solid #303030; text-align: center; margin-bottom:15px;}
.about .section_4{padding:55px 0 50px;}
.about_v .title1{ margin-bottom:0.1em;}    
.about_v .dec{max-width:850px;; margin:0 auto; color:#333333;text-align: center;}
.imglist1{margin:590px -17px 0; overflow: hidden;}
.imglist1 ul{display: flex; }
.imglist1 li{width:25%; text-align: center;}
.imglist1 li .item{margin: 0 17px;}
.imglist1 li .imgBox{position: relative; padding-bottom: 50%; overflow: hidden; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);}
.imglist1 li .img{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.imglist1 li .img img{width: 100%; height: 100%; object-fit: cover;}
.imglist1 li .txt{margin-top:10px; font-size:0.78em; }
.about .section_5{padding:60px 0 60px; color:#fff;}
.about .section_5 .title1{color:#fff;}
.hisbox{min-height:680px;}
.his{font-size:12px; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
.his:after{content:""; width:1px; background:linear-gradient(to bottom, transparent 0%, #fff 20%, #fff 80%, transparent 100%); position: absolute; top:0;bottom:0; right:0; opacity:0.7;}
.his .item{width:20%; position: relative; flex-shrink: 0; box-sizing: border-box; }
.his .item:before{content:""; width:1px; background:linear-gradient(to bottom, transparent 0%, #fff 20%, #fff 80%, transparent 100%); position: absolute; top:0;bottom:0; left:0; opacity:0.7;}
.hislist{padding:0 14px;}
.hislist li{position:relative;}
.hislist li:before{content:""; width:8px; height:8px; -webkit-border-radius:50%; border-radius:50%; background:#fff; position: absolute; top:7px;left:-18px; }
.his_img_b{margin-top:20px; }
.about .section_6{padding:60px 0 190px;}
.about .section_6 .title1{margin-bottom:65px;}
.about_n{display: flex; justify-content: space-between; }
.about_n .tit{color:#000; font-size:1.17em; font-weight:bold; margin-bottom:65px; text-align: center;}
.about_n .about_n_l{width:55%;}
.about_n .about_n_r{width:42.1%;}

.culture .section_1{padding:120px 0 100px;}
.culture .section_1 .title4{margin-bottom:95px;}
.tit8{text-align: center; margin-bottom:95px; line-height:1.5;}
.tit8 .cn{font-size:2.66em; font-family: 'SourceHanSansCNBoder';font-weight:bold; color:var(--color);}
.tit8 .en{font-size:1.17em; color:#333;}
.culture_z{color:#333;}
.culture_z .cn{font-size:1.17em; margin-bottom:2em; }
.culture_z .en{font-size:12px;}
.culture_x .item .txt .t_p{min-height:6em;}
.culture .section_3 .wrap{position: relative; color:#fff; padding:145px 0 360px;}
.culture .section_3 .wrap:before,.culture .section_3 .wrap:after{content:""; width:1px; background:linear-gradient(to bottom, transparent 0%, #fff 20%, #fff 80%, transparent 100%); position: absolute; top:0;bottom:0; left:33.33%; opacity:0.5;}
.culture .section_3 .wrap:after{left:66.66%;}
.culture .section_3 .title9{ margin-bottom:200px; text-align: center;}
.culture .section_3 .title9 .cn{font-size:2em; font-weight:bold;}
.culture .section_3 .title9 .en{font-size:1.33em;}
.culture_c ul{display: flex; justify-content: space-between;}
.culture_c li{ width:33.33%;}
.culture_c li .cn{font-size:2em;font-family: 'SourceHanSansCNBoder'; font-weight:bold; margin-bottom:0.3em;}
.culture_c li .en{font-size:1.17em; line-height:1.2;}
.culture_c li:nth-child(2){text-align: center;}
.culture_c li:nth-child(3){text-align: right;}
.culture .section_4{padding:60px 0 60px;}
.culture_v{text-align: center;}
.culture .section_5{padding:60px 0 140px;}
.culture_b{text-align: center; margin:0 -4px;}

/*研发与制造 */
.yfzz1 .section_1{padding:70px 0;}
.yfzz1 .section_1 .t_h{font-size:2em;font-family: 'SourceHanSansCNBoder'; font-weight:bold; color:var(--color); margin-bottom:1.38em;}
.yfzz1_z{}
.yfzz1_z ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.yfzz1_z li{width:48.4%;}
.yfzz1_z li .item{position: relative; border-radius: 30px; -webkit-border-radius: 30px; overflow: hidden; -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); }
.yfzz1_z li .imgBox{position: relative; padding-bottom: 350px;}
.yfzz1_z li .img{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.yfzz1_z li .img img{width: 100%; height: 100%; object-fit: cover;}
.yfzz1_z li .txt{text-align: center; position: absolute; top:0; bottom:0; left:0; right:0; padding:75px 35px; color:#fff;}
.yfzz1_z li .txt .tt{font-size:2em; font-family: 'SourceHanSansCNBoder';font-weight:bold; margin-bottom:0.5em;}
.yfzz1_z li .txt .cc{font-size:1.33em; font-weight:bold; font-family: 'SourceHanSansCNBoder';margin-bottom:0.5em;}
.yfzz1_z li .txt .pp{font-size:12px; }
.yfzz1_x{text-align: center; margin-top:85px; font-size:1.17em; line-height:2;}
.yfzz1_c{margin-top:55px;}
.yfzz1_c ul{display: flex; justify-content: space-between;}
.yfzz1_c li{width:33.33%; text-align: center;}
.yfzz1_c li .num{font-family: 'SourceHanSansCNBoder';font-weight:bold; font-size:4em; line-height:1.2; color:var(--color);}
.yfzz1_c li p{font-size:1.17em;}

.yfzz1 .section_2{padding:85px 0 75px; color:#fff;}
.yfzz1_v{display: flex; justify-content: space-between; flex-wrap: wrap;}
.yfzz1_v > .item{width:48.4%; text-align: center;}
.yfzz1_v .tt{font-size:2em;font-family: 'SourceHanSansCNBoder'; font-weight:bold; margin-bottom:1.38em;}
.yfzz1_v .img{ border-radius: 30px; -webkit-border-radius: 30px; overflow: hidden; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); margin-bottom:50px;}
.yfzz1_v .pp{max-width:463px; margin:0 auto; font-size:1.17em;}
.yfzz1 .section_3{padding:60px 0 85px;}
.yfzz1 .section_3 .t_h{font-size:2em; font-weight:bold; color:#333; margin-bottom:1em;}
.yfzz1_t{display: flex; justify-content: space-between; align-items:end; margin-bottom:1em; flex-wrap: wrap;}
.yfzz1_t .ll .num{font-size:126px; color:#0047bd; font-weight:bold; line-height:1.2;}
.yfzz1_t .ll p{font-size:1.33em; color:#000;}
.yfzz1_t .rr{font-size:64px; color:#0047bd; font-weight:bold; line-height:1.2;}


.yfzz2 .section{padding:50px 0;}
.yfzz2 .section_1{padding:70px 0 85px;}
.yfzz2 .section_1 .t_h{font-size:2em;font-family: 'SourceHanSansCNBoder'; font-weight:bold; color:var(--color); margin-bottom:1em;}
.yfzz2_z_box{position: relative; padding:0 78px;}
.yfzz2_z{overflow: hidden; padding:30px 0; margin:0 -22px;}
.yfzz2_z li .item{border-radius: 30px; -webkit-border-radius: 30px; overflow: hidden; position: relative; background: #0047BD; color:#fff; margin:0 22px; box-shadow: 0px 0px 20px rgba(0, 31, 78, 0.7); display: flex; flex-direction: column;}
.yfzz2_z li:nth-child(2n) .item{flex-direction: column-reverse;}
.yfzz2_z li .imgBox{position: relative; padding-bottom: 340px;}
.yfzz2_z li .img{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.yfzz2_z li .img img{width: 100%; height: 100%; object-fit: cover;}
.yfzz2_z li .txt{text-align: center; position: relative; padding-bottom: 340px; color:#fff; font-size:1.33em;}
.yfzz2_z li .txt .pp{ padding:1em; position: absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left:0; right:0;}
.yfzz2_z_box .swiper-prev{width:60px; height:60px; position: absolute; top:50%; left:0; margin-top:-30px; background: url(../images/s_l.png) no-repeat center; z-index: 9; cursor: pointer;}
.yfzz2_z_box .swiper-next{width:60px; height:60px; position: absolute; top:50%; right:0; margin-top:-30px; background: url(../images/s_r.png) no-repeat center; z-index: 9; cursor: pointer;}

.yfzz2_x{ display: flex; justify-content:space-between; align-items: center;}
.yfzz2_x .yfzz2_x_l{width:31.7%;}
.yfzz2_x .yfzz2_x_r{width:67%;}
.yfzz2_x .yfzz2_x_l .t_h{font-size:2em; font-weight:bold; color:var(--color); }
.yfzz2_x .yfzz2_x_l .t_en{font-size:62px; font-weight:800; color:var(--color); line-height:1.3; margin-bottom:18%;;}
.yfzz2_x .yfzz2_x_l .pp{font-size:1.33em; color:#333;}
.yfzz2 .section_3 .yfzz2_x{ flex-direction: row-reverse;}
.yfzz2 .section_4 .yfzz2_x .yfzz2_x_l .t_en{margin-left:-2em;}

.yfzz3 .section_1{padding:70px 0 60px;}
.yfzz3_z .t_h{font-size:2em; font-family: 'SourceHanSansCNBoder';font-weight:bold; color:var(--color); }
.yfzz3_z .t_p{font-size:1.33em; color:#333; margin-bottom:1em;}
.yfzz3 .section_2{padding:13% 0; color:#fff;}
.yfzz3_x{text-align: center;}
.yfzz3_x .t_t{font-size:2em; margin-bottom:8.5%;}
.yfzz3_x .t_v{font-size:2.66em;font-family: 'SourceHanSansCNBoder'; font-weight:bold; }
.yfzz3_x .t_n{font-size:1.33em; margin-bottom:11%;}
.yfzz3_x .t_m{font-size:1.17em;}
.yfzz3 .section_3{padding:80px 0 150px;}
.yfzz3_c{display: flex; justify-content: space-between; }
.yfzz3_c .yfzz3_c_l{font-size:2em; font-family: 'SourceHanSansCNBoder';font-weight:bold; color:var(--color); line-height:1.7;}
.yfzz3_c .yfzz3_c_r{width:27.5%;}
.yfzz3_c .yfzz1_c{margin-top:0;}
.yfzz3_c .yfzz1_c li{width:auto;}
.yfzz3_v{margin-top:30px;}
.yfzz3_b{display: flex; justify-content: space-between; align-items: end; color:#333;margin-top:30px;}
.yfzz3_b ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.yfzz3_b li{width:20%; padding-left:14px; position:relative;line-height:2;}
.yfzz3_b li:before{content:''; position:absolute; top:1em; margin-top:-1px;  left:0; width:2px; height:2px; background:#333; -webkit-border-radius:50%; border-radius:50%;}
.yfzz3_b .etc{width:6%;    flex-shrink: 0;}


@media (min-width:961px){
  .cpjj_c li:nth-child(2),.cpjj_c li:nth-child(4),.cpjj_c li:nth-child(5),.cpjj_c li:nth-child(7){border:3px solid var(--color); background: #fff; color:var(--color);}
  .cpjj_c li:nth-child(2) p,.cpjj_c li:nth-child(4) p,.cpjj_c li:nth-child(5) p,.cpjj_c li:nth-child(7) p{color:#000;}
  .video_list .page{margin-top:50px;}
}
@media (min-width:1201px){
  .his_img_b{margin-left:-28px; margin-right:-28px;}
}


@media screen and (max-width: 1919px) {
    [data-lenis-prevent]{
        padding: 0px 1.0416666667vw 0px 0px;
    }
    [data-lenis-prevent]::-webkit-scrollbar{
        width: 0.2083333333vw;
    }
    ._scroll_y{
        right: 0.15625vw;
        width: 0.3125vw;
        border-radius: 0.5208333333vw;
    }
    ._scroll_y div{
        border-radius: 0.5208333333vw;
    }
    [data-wheel]::-webkit-scrollbar{
        width: 0.3645833333vw;
    }

    .about .section_2{background-size: auto !important; }

}


@media screen and (max-width: 1200px) {
    body{padding-top:60px;}
    .wrap{
        padding: 0 1em;
    }
    .mobile_search .iconfont{
        font-size: 22px;
        position: relative;
        top: 2px;
        cursor: pointer;
        color: #fff;
    }
    .header{
        display: none;
    }
    .header_mobile{
        display: block;
        overflow: hidden;
    }
    .header_mobile .top{
        position: fixed;
        top:0;
        width: 100%;
        height: 60px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
        background: #0046BF;
        padding: 0 5%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 999;
    }
    .header_mobile .top .logo{
        height: 40px;
        display: block;
    }
    .header_mobile .top .r{
        display: flex;
        align-items: center;
    }
    .header_mobile .top .logo img{
        height: 100%;
        object-fit: contain;
    }
    .header_mobile .top .r .menu{
        margin: 0 0 0 25px;
        cursor: pointer;
        position: relative;
    }
    .header_mobile .top .r .menu .show{
        width: 25px;
        height: 17px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .header_mobile .top .r .menu .show span{
        width: 100%;
        height: 1px;
        background: #fff;
        transition: .3s ease;
        transform-origin: left;
    }
    .header_mobile .top .r .menu .show span:first-child{
        transition-delay: .6s;
    }
    .header_mobile .top .r .menu .show span:nth-child(2){
        transition-delay: .5s;
    }
    .header_mobile .top .r .menu .show span:nth-child(3){
        transition-delay: .4s;
    }
    .header_mobile .top .r .menu .hide{
        position: absolute;
        width: 27px;
        height: 27px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) rotate(45deg);
    }
    .header_mobile .top .r .menu .hide:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background: #fff;
        transform: scaleX(0);
        transition: .3s ease;
        transform-origin: left;
    }
    .header_mobile .top .r .menu .hide:before{
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background: #fff;
        transform: scaleY(0);
        transition: .3s ease;
        transform-origin: top;
    }
    .header_mobile .top .r .menu.on .show span{
        transform: scaleX(0);
    }
    .header_mobile .top .r .menu.on .show span:nth-child(1) {
        transition-delay: 0s;
    }
    .header_mobile .top .r .menu.on .show span:nth-child(2) {
        transition-delay: .1s;
    }
    .header_mobile .top .r .menu.on .show span:nth-child(3) {
        transition-delay: .2s;
    }
    .header_mobile .top .r .menu.on .hide:after{
        transform: scaleX(1);
        transition-delay: .4s;
    }
    .header_mobile .top .r .menu.on .hide:before{
        transform: scaleY(1);
        transition-delay: .3s;
    }
    .header_mobile .bottom{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #fff;
        z-index: 98;
        clip-path: inset(0 0 100%);
        transition: .6s ease;
    }
    .header_mobile .bottom .joke > ul >li{
        transform: translateY(10px);
        opacity: 0;
        transition: opacity .3s,transform .6s .3s;
    }
    .header_mobile.on .bottom{
        clip-path: inset(0 0 0 0);
    }
    .header_mobile.on .bottom .joke>ul>li{
        opacity: 1;
        transform: translateY(0);
    }
    .header_mobile .bottom .joke{
        padding: 80px 5% 30px 5%;
        height: calc(100vh - 47px);
        overflow: hidden;
        overflow-y: scroll;
    }
    .header_mobile .bottom .joke ul{
        margin: 0 0 20px;
        position: relative;
    }
    .header_mobile .bottom .joke ul ul{
        display: none;
    }
    .header_mobile .bottom .joke > ul > li{
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .header_mobile .bottom .joke ul li .show{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header_mobile .bottom .joke > ul > li > .show{
        height: 55px;
    }
    .header_mobile .bottom .joke ul li .show > a{
        font-size: 14px;
        color: rgba(0,0,0,.6);
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        line-height: 35px;
        transition: .6s ease;
    }
    .header_mobile .bottom .joke > ul > li > .show > a{
        color: #000;
        font-size: 16px;
    }
    .header_mobile .bottom .joke > ul > li.cur > .show > a{
        color: var(--color) !important;
    }
    .header_mobile .bottom .joke > ul > li > ul > li.cur a{
        color: var(--color) !important;
    }
    .header_mobile .bottom .joke ul li .show .click{
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        cursor: pointer;
    }
    .header_mobile .bottom .joke ul li .show.on > a{
        color: var(--color) !important;
    }
    .header_mobile .bottom .joke ul li .show.on .click img{
        transform: rotate(180deg);
    }
    .header_mobile .bottom .joke ul li .show .click img{
        width: 12px;
        height: 12px;
        transition: .3s ease;
    }

    .header_mobile.black .top{
        background: #000;
        box-shadow: unset;
        border-bottom: 1px solid rgba(255,255,255,.2);
    }
    .header_mobile.black .top .r .menu .show span,.header_mobile.black .top .r .menu .hide:after,.header_mobile.black .top .r .menu .hide:before{
        background: #fff;
    }
    .header_mobile.black .bottom{
        background: #000;
    }
    .header_mobile.black .bottom .joke > ul > li{
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .header_mobile.black .bottom .joke ul li .show .click img{
        filter: brightness(0) invert(1);
    }

    /**/
    .header_mobile .bottom .joke ul .other {
        display: flex;
        align-items: center;
        margin: 30px 0 0 0;
        transform: translateY(10px);
        opacity: 0;
        transition: opacity 0.3s, transform 0.6s .3s;
    }
    .header_mobile.on .bottom .joke>ul .other{
        opacity: 1;
        transform: translateY(0);
        transition-delay: .8s;
    }

    .header_mobile .bottom .joke ul .other .jtzj,    .header_mobile .bottom .joke ul .other .lag {
        display: flex;
        align-items: center;
        gap: 9px;
        cursor: pointer
    }

    .header_mobile .bottom .joke ul .other .lag .iconfont, .header_mobile .bottom .joke ul .other .jtzj .iconfont {
        font-size: 20px;
        color: #A6A6A6;
        transition: .6s ease
    }

    .header_mobile .bottom .joke ul .other .lag p,    .header_mobile .bottom .joke ul .other .jtzj p {
        font-weight: 400;
        font-size: 14px;
        color: #111;
        transition: .6s ease
    }

    .header_mobile .bottom .joke ul .other .line {
        width: 1px;
        height: 8px;
        background: #B6B6B7;
        margin: 0 20px;
        transition: .6s ease
    }

    .fixed_search{
        padding:90px 10% 30px;
        height:auto;
    }
    .fixed_search input{
        height: 50px;
    }
    .fixed_search button{height: 40px;}
    .footer .bottom{font-size:1.3em;}
    .cpjj_x .item .txt{width:86%; left:7%; padding:0;}
    .news_top .item .text{font-size:0.9em;}
    .art_list{margin:0 -10px;}
    .art_list li{margin-bottom:20px;}
    .art_list li .item{margin: 0 10px;}
    .newsD .section{padding:85px 0 100px;}
    .contact .cnt_img{border-top-left-radius: 14vw; -webkit-border-top-left-radius: 14vw;}
    .gylpt .section_1{padding:9vw 0 15vw;}
    .srm{margin-top:25vw;}
    .gylpt .section_2 .wrap{padding:7vw;border-top-left-radius: 14vw; -webkit-border-top-left-radius: 14vw;}
    .gylpt_z{margin:10vw 0 8vw;}
    .pop_video .clockp{right:10px; top:-40px;}
    .culture_c{margin:0 1em;}
    .yfzz2_x .yfzz2_x_l{font-size:1.5vw;}
    .yfzz2_x .yfzz2_x_l .t_en{font-size:3em;}
    .yfzz2 .section_4 .yfzz2_x .yfzz2_x_l .t_en{margin-left:0;}
    .map_ind .point .point_in{width:2vw; height:2vw;}
    .map_ind .point .point_in div{width:1.17vw; height:1.17vw;}

}
@media screen and (max-width: 960px) {
    body{font-size:16px;}
    .footer{padding-top:5vw;}
    .footer .top{display:block;}
    .footer .top .l{display: none;}
    .footer .contact_f{text-align: left;}
    .banner{height:70vw;}
    .banner .swiper-pagination span {width:7vw; margin:0 0.5em !important;}
    .banner .swiper-pagination{bottom:0.8em;}
    .banner .swiper1 .swiper-slide .content{margin-top:12vw;}
    .banner .swiper1 .swiper-slide .content .text .p1{font-size:5vw;}
    .banner .swiper1 .swiper-slide .content .text .p2{font-size:2vw;}
    .menu_crumb .wrap{display:block;}
    .menu{overflow: auto; white-space: nowrap; }
    .img_f{padding:3vw 0;}
    .cpjj1 .section_1{padding:7vw 0 34vw;}
    .cpjj2 .section_1{padding:7vw 0 50vw;}
    .cpjj4 .section_1{padding:7vw 0;}
    .cpj_s_img_btn .cpj_s_btn{bottom:4.5vw;}
    .cpjj3 .section{padding:7vw 0;}
    .cpjj3 .section_2{padding:0;}
    .cpjj3 .section_1 .cpjj_z .img{margin-bottom:5vw;}
    .cpjj_c li{width:48%;}
    .cpjj_c li:nth-child(2),.cpjj_c li:nth-child(3),.cpjj_c li:nth-child(6),.cpjj_c li:nth-child(7){border:3px solid var(--color); background: #fff; color:var(--color);}
   .cpjj_c li:nth-child(2) p,.cpjj_c li:nth-child(3) p,.cpjj_c li:nth-child(6) p,.cpjj_c li:nth-child(7) p{color:#000;}
   .prd_list{margin:0 -10px;}
   .prd_list li{margin-bottom:20px;}
   .prd_list li .item{margin: 0 10px;}
   .cpjj_x{ flex-wrap: wrap;}
   .cpjj_x .item{width:100%;}
   .cpjj_x .item .img{height:130vw;}
   .cpjj_x .item .txt .t_p{min-height:0; margin-bottom: 1em;}
   .tt_p{margin-bottom: 2em;}
   .news .section_1,.news .section_2{padding:7vw 0;}
   .news_top{margin-top:0;}
   .news .news_top .swiper-page{margin-top:6vw;}
   .news .news_top .swiper-page span{width:7vw; margin:0 0.5em;}
   .news_top .item .text .hh{font-size:1.5em;}
   .page{margin-top:5vw;}
   .newsD .section{padding:7vw 0 8vw;}
   .newsD_tj{ display: none;}
   .newsD .newsD_con{padding-right:0;}
   .newsD_top{padding-bottom:1.5em; margin-bottom:1.5em;}
   .newsD_top .time{margin-bottom:1em;}
   .newsD_top h2{font-size:1.6em;}
   .newshare{margin-top:1.5em;}
   .other_more{margin-top: 2em;  padding-top:2em; }
   .join1 .section{padding:7vw 0;}
   .join_z{margin-top:2vw;}
   .join_x .swiper-prev,.join_x .swiper-next{width:2em; height:2em; margin-top:-1em; background-size:contain;}
   .join_c{margin:0 -10px;}
   .join_c li .item{margin:0 10px;box-shadow: 5px 5px 10px rgba(0, 71, 170, 0.2);}
   .join2 .section{padding:7vw 0 10vw;}
   .notice_z{margin-bottom: 7vw;}
   .job_con{display:block; }
   .job_side{width:100%;}
   .job_main{margin-left:0;}
   .kcxfz .section{padding:7vw 0;}
   .kcxfz .section_2{padding:7vw 0 13vw;}
   .kcxfz_x{margin:7vw -8px;}
   .kcxfz_x li .item{margin:0 8px;}
   .kcxfz_c .item .num{font-size:4.2vw;}
   .kcxfz_c .item .dw{font-size:3.2vw;}
   .kcxfz_c .item{padding-left: 2%; padding-right: 2%;min-height: 55vw;} 
   .kcxfz_v{font-size:0.8em;}
   .kcxfz_v .tit2em{font-size:1.8em;}
   .kcxfz_b .swiper-prev,.kcxfz_b .swiper-next,.kcxfz_v_slide .swiper-prev,.kcxfz_v_slide .swiper-next{width:2em; height:2em; margin-top:-1em; background-size:contain;}
   .kcxfz_m{margin-top:7vw; display:block;}
   .kcxfz_m .kcxfz_m_l{border-right:0; padding-right:0; border-bottom:1px solid #333; padding-bottom:2em; margin-bottom:2em; width:100%;}
   .kcxfz_m .kcxfz_m_l .img{width:34%;}
   .kcxfz_m .kcxfz_m_r{width:100%;}
   .contact .section{padding:7vw 0 8vw;}
   .title4 .cn,.srm .vv_h{font-size:1.8em;}
   .title4 .en{font-size:1em;}
   .gylpt .section_2{padding:7vw 0 8vw;}

   .about .section{padding:7vw 0;}
   .about .section_1{padding:7vw 0 4vw;}
   .about .section_2{padding:4vw 0 7vw;}
   .about_z{margin-bottom:5vw;}
   .vbnm li .num{font-size:6vw;}
   .about_x .adore{margin-top:5vw;}
   .imglist1{margin:50vw -8px 0;}
   .imglist1 li .item{margin:0 8px;}
   .about .section_2{background-size:160% auto !important;}
   .about .section_6 .title1{margin-bottom:4.5vw;}
   .about_n .tit{margin-bottom:3vw;}
   .culture .section_1{padding:7vw 0 7vw;}
   .culture .section_1 .title4{margin-bottom:5vw; }
   .tit8{margin-bottom:5vw; font-size:0.8em;}
   .culture_x .item .img{height:105vw;}
   .culture .section_3 .wrap{padding:10vw 0 20vw; font-size:0.9em;}
   .culture .section_3 .title9{margin-bottom:13vw;}
   .culture .section_5{padding:6vw 0 12vw;}
   .yfzz1 .section{padding:7vw 0 8vw;}
   .yfzz1_x{margin-top:7vw;}
   .yfzz1_c{margin-top:5.5vw;}
   .yfzz1_c li .num{font-size:7vw;}
   .yfzz1_v .img{margin-bottom:4vw;}
   .yfzz1 .section_3 .t_h, .yfzz1_v > .item{margin-bottom:5vw;}
   .yfzz2 .section{padding:5vw 0;}
   .yfzz2 .section_1{padding:7vw 0;}
   .yfzz2 .section_1 .t_h{margin-bottom:0;}
   .yfzz2_z_box{padding:0 3em;}
   .yfzz2_z_box .swiper-prev,.yfzz2_z_box .swiper-next{width:2em; height:2em; margin-top:-1em; background-size:contain;}
   .yfzz2_z{margin:0 -10px;}
   .yfzz2_z li .item{margin:0 10px;  -webkit-box-shadow: 0px 0px 10px rgba(0, 31, 78, 0.7); box-shadow: 0px 0px 10px rgba(0, 31, 78, 0.7);}
   .yfzz3 .section_1{padding:7vw  0 6vw;}
   .yfzz3 .section_3{padding:7vw  0 12vw;}
   .yfzz3_b li{width:25%;}
   .index .section_1{padding:7vw 0 0;}
   .us_num_ind li{width:31.5%;}
   .us_num_ind li .num{font-size:7vw;}
   .us_num_ind li .txt{font-size:0.8em;}
   .us_num_ind li .item{padding:1.2em 0.3em;}
   .index .section_1 .more{margin-top:6vw; margin-bottom:1vw;}
   .index .section_2{padding:7vw 0 3vw;}
   .cpjjfa_ind{margin:0 -0.5em;}
   .cpjjfa_ind li{margin-bottom:1em;}
   .cpjjfa_ind li .item{margin:0 0.5em;}
   .cpjjfa_ind li .txt .adore{width:2em; height:2em;  background-size:contain;}
   .cpjjfa_ind li .txt{padding:0 2vw 2vw;}
   .index .section_3{padding:7vw 0;}
   .index .section_5{padding:7vw 0 8vw;}
   .news_ind .item .tt{margin-bottom:4vw;}
   .news_ind .item .img_txt .txt{padding:3.5vw 1.8vw;}
   .titl_z{margin-bottom:3vw;}
   .yfzz1_t .ll .num{font-size:12vw;}
   .yfzz1_t .rr{font-size:6vw;}
   .yfzz1_t .ll p{font-size:3vw;}
}
@media screen and (max-width: 768px) {
    .art_list li{width:50%;}
    .art_list li .text{padding:1em;}
    .page a{font-size:1em; margin:0 0.4em 0.8em; background-size:80% auto !important;}
    .join_z li .txt .tt{font-size:1.5em; line-height: 1.2;}
    .join_z li .imgBox{padding-bottom:70vw;}
    .join_z li .txt{padding:1em;}
    .join1 .section .tt_p{font-size:1.1em;}
    .join_c .tt{font-size:1.7em;}
    .join_c .join_c_btn .btn_s{font-size:0.8em;}
    .join_z{margin:0 -8px;}
    .join_z li .item{margin:0 8px;box-shadow: 5px 5px 10px rgba(0, 71, 170, 0.2);}
    .kcxfz_z{flex-wrap: wrap;}
    .kcxfz_z .kcxfz_z_r{margin-top:1em; text-align: left;}
    .kcxfz_v{flex-direction: column-reverse;}
    .kcxfz_v .kcxfz_v_r{width:100%;}
    .kcxfz_v .kcxfz_v_l{width:100%; padding:1.5em 0 0; text-align: left;}
    .kcxfz_b li .item{margin:0 8px;}
    .kcxfz_b{margin:2em -8px;}
    .tit2em,.kcxfz_z .kcxfz_z_l{font-size:1.7em;}
    .contact .cnt_txt{display:block;}
    .title1,.title3,.title5 .tt{font-size:1.8em;}
    .gylpt_z{display:block}
    .gylpt_z .gylpt_z_l{width:100%; padding-bottom:2em; margin-bottom:2em;}
    .gylpt_z .gylpt_z_l:after{width:100%; height:1px; top:auto; bottom:0; background:linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%);}
    .gylpt_z .gylpt_z_r{width:auto; margin-left:0;padding-left:0; }
    .about_z{display:block;}
    .about .title6{margin-bottom:0.5em;}
    .about_z .about_z_l,.about_z .about_z_r{width:100%;}
    .about_z .about_z_l{margin-bottom:0.7em;}
    .about_n{display:block;}
    .about_n .about_n_l,.about_n .about_n_r{width:100%; text-align:center;}
    .about_n .about_n_l{margin-bottom:2em;}
    .about .section_5{background-size:auto 139% !important; background-position: top center !important;}
    .his{ justify-content: start;}
    .his .item{width:33.33%; margin-bottom:2em;}
    .culture .section_4{padding:6vw 0;}
    .yfzz1_z li{width:100%; margin-bottom:2em;}
    .yfzz1_x{margin-top:1vw;}
    .yfzz1_v > .item{width:100%;margin-bottom:2em;}
    .yfzz1 .section_1 .t_h,.yfzz1_z li .txt .tt,.yfzz1 .section_3 .t_h,.yfzz1_v .tt,.yfzz2 .section_1 .t_h,.yfzz3_z .t_h,.yfzz3_c .yfzz3_c_l,.yfzz3_x .t_t{font-size:1.8em;}
    .yfzz2_z li .imgBox,.yfzz2_z li .txt{padding-bottom:35vw;}
    .yfzz2_z li .txt{font-size:3vw;}
    .yfzz3_c{display:block;}
    .yfzz3_c .yfzz3_c_l{margin-bottom:1em; width:100%;}
    .yfzz3_c .yfzz3_c_r{width:330px; max-width:60%;}
    .yfzz3_b li{width:50%;}
    .cpjjfa_ind li .txt .tt{font-size:3vw;}
    .gylpt .section_1{font-size:0.8em;}
    .img_f  .item_f_r{width:75%;}
    .us_num_ind li{-webkit-border-top-left-radius: 6vw; border-top-left-radius: 6vw;}
}

@media screen and (max-width: 640px) {
    .vbnm li .txt{font-size:2.8vw;}
    .vbnm li .txt .en{font-size:0.7em;}
    .yfzz1_c li p{font-size:1em;}
    .news_ind .item{width:100%; margin-bottom:2em;}
    .cpjj1 .cpj_s_img img,.cpjj2 .cpj_s_img img{width:70% !important; max-width:70%;}
    .about .vbnm li{width:50%; margin-bottom:2em;}
    .about .vbnm li .num{font-size:8vw;}
    .about .vbnm li .txt{font-size:3vw;}
    .about .vbnm li .txt .en{font-size:0.8em;}
}

@media screen and (max-width: 520px) {
    body{font-size:3.2vw;}
    .header_mobile .top .logo img{max-width:84%;}
    .footer .contact_f .tel{font-size:3em;}
    .cpjj .cpj_s_img{margin-bottom:1.5em;}
    .cpjj .cpj_s_txt{margin-bottom:2em;}
    .prd_list li{width:50%;}
    .news_top .item a{padding:0.7em 0.7em 0.7em 0;}
    .art_list li{width:100%;}
    .art_list li .text .hh{min-height:auto;}
    .culture .section_3 .wrap{padding:10vw 0 20vw; font-size:0.8em;}
}